#index #columns a, #index #columns p, #index #columns span, .cconcept #columns ul li , #module-leoblog-list #columns a, #module-leoblog-list #columns p, #module-leoblog-blog #columns a, #module-leoblog-blog #columns p, #module-leoblog-category #columns a, #module-leoblog-category #columns p, #module-leoblog-list #columns,#module-leoblog-blog #columns,#module-leoblog-category #columns{
	font-family: 'Lato', 'Open Sans'!important;
	font-size: 17px;
	letter-spacing: 1.3px;
}

#footer a, #footer p, #footer span {
	font-size: 14px!important;
}

.cconcept .devis a {
	color: #2980b9;
	background: #fff;
	border: 2px solid #2980b9;
	font-size: 14px!important;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

.cconcept .devis a::before {
	color: #2980b9;
}

.cconcept #cart .heading a {
	color: #fff;
	margin-top: 2px;
}

.cconcept #cart .heading .title-cart, .cconcept #cart .heading a span, .cconcept #cart .heading a::before {
	color: #fff;
}
#index #leo-slideshow, #index #leo-slideshow .row .widget, #index #columns, #index #bottom{
	border-left: 8px solid #FC6300;
	border-right: 8px solid #FC6300;
}

.cconcept #header-main {
	border-left: 8px solid #FC6300;
	border-right: 8px solid #FC6300;
}

#index #leo-slideshow .row {
	margin-left: -8px;
	margin-right: -8px;
}

#index #quote-carousel {
	background: #FC6300;
	padding: 25px;
}

#index #quote-carousel .fa-chevron-left, #index #quote-carousel .fa-chevron-right {
	background: #94bf0e;
	margin-top: 65px;
}

#index .slider-slogan {
	position: relative;
	margin-top: -90px;
}

#index .slider-slogan .slogans p{
	font-size: 24px!important;
	font-style: italic;
	margin-top: 25px;
}

#index #header, #index #sliderlayer5520 {
	position: relative;
}


.cconcept #header:after {
	content: "";
	display: block;
	position: absolute;
	background: url('../img/cconcept/bottom-header-background.png') top center;
	width: 100%;
	height: 143px;
	max-width: 100%;
	z-index: 5;
	left: 0;
	right: 0;
	margin: auto;
	border-right: 8px solid #FC6300;
	border-left: 8px solid #FC6300;
	background-repeat: no-repeat;
}

#index #sliderlayer5520:after {
	content: "";
	display: block;
	position: absolute;
	background-image: url('../img/cconcept/slogan-slide-1.png');
	width: 403px;
	height: 383px;
	background-repeat: no-repeat;
	z-index: 999;
	bottom: 85px;
	left: 50%;
	margin-left: -202px;
}

#index #columns {
	background-image: url('../img/cconcept/background-actu.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

#index .service, #index .reference, #index .pensent {
	max-width: 740px;
	text-align: center;
	margin: 40px auto;
	padding: 15px;
	padding-top: 125px;
	padding-bottom: 40px;
	margin-bottom:0px;
}

#index .service {
	padding-top: 100px;
	padding-bottom: 20px;
}

#index .reference {
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: -80px;
}

#index .nos-services, #index .nos-references, #index .en-pensent {
	padding: 40px 0;
	border-left: 10px solid #FC6300;
	border-right: 10px solid #FC6300;
	margin-bottom: -20px;
}

#index .nos-services {
	background-image: url('../img/cconcept/top-background-services.png');
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: top center;
	margin-bottom: 25px;
	background-color: transparent;
	margin-top: -75px;
	z-index: 1;
    position: relative;
}

#index .nos-references, #index .en-pensent {
	padding: 0px;
}

#index .pensent {
	margin: 0 auto;
	padding-bottom: 60px;
}

#index .en-pensent {
	margin-bottom: 0px;
}

#index .nos-services h2, #index .nos-references h2, #index .en-pensent h2, #index .equ h2 {
	font-family: 'Lato';
	font-weight: 700;
	font-size: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #2980b9;
	position: relative;
	text-align: center;
	margin: 25px;
}

.h_bout .blog-shortinfo {
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
min-height: 392px;
}

#index .equ {
	padding-top: 150px;
	position: relative;
	padding-bottom: 60px;
}

a.plus_blog {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: all .5s ease-in-out;
  color: #94bf0e!important;
}

a.plus_blog:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #fff!important;
	background:#97BF0D;
}

#index .col-accueil {
	float: left;
	width: 16,666667%!important;
}

#index .nos-services h2:before {
content: "";
display: block;
position: absolute;
background-image: url('../img/cconcept/notre-actualite-title-icon.png');
background-repeat: no-repeat;
width: 76px;
height: 77px;
left: 50%;
margin-left: -38px;
top: -100px;
}

#index .nos-services:after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 2px;
	left: 50%;
	border-left: 2px solid #2980b9;
}

#index .nos-references h2:before {
content: "";
display: block;
position: absolute;
background-image: url('../img/cconcept/logos-sections-sprite.png');
background-position: -29px;
background-repeat: no-repeat;
width: 48px;
height: 99px;
padding-left: 20px;
left: 50%;
margin-left: -24px;
top: -105px;
}

#index .nos-references:after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 2px;
	bottom: 0px;
	left: 50%;
	border-left: 2px solid #2980b9;
	z-index: 3;
}

#index .en-pensent h2:before {
content: "";
display: block;
position: absolute;
background-image: url('../img/cconcept/logos-sections-sprite.png');
background-position: -29px;
background-repeat: no-repeat;
width: 48px;
height: 99px;
padding-left: 20px;
left: 50%;
margin-left: -24px;
top: -105px;
}

#index .en-pensent:after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 2px;
	bottom: 0px;
	left: 50%;
	border-left: 2px solid #2980b9;
	z-index: 3;
}

#index .equ h2:before {
content: "";
display: block;
position: absolute;
background-image: url('../img/cconcept/logos-sections-sprite.png');
background-position: -142px;
background-repeat: no-repeat;
width: 52px;
height: 99px;
padding-left: 20px;
left: 50%;
margin-left: -26px;
top: -125px;
}

#index .equ:after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 2px;
	bottom: 0px;
	left: 50%;
	border-left: 2px solid #2980b9;
}

#index #center_column .row {
	margin-left: 0px;
}

#index .products_block .carousel {
    position: relative;
}


@media (min-width: 992px) {
	#index .products_block .carousel {
		width: 980px;
	}
}

@media (min-width: 1200px) {
	#index .products_block .carousel {
		width: 1192px;
	}
}

#index .products_block .carousel {
    margin-right: auto;
    margin-left: auto;
}

#index .widget_services .carousel .product-image-container {
	border-top: 4px solid #2980b9;
}

#index .products_block.exclusive.leomanagerwidgets.block.nopadding.widget_services {
	background-image: url('../img/cconcept/bottom-background-services.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 130px;
	padding-top: 100px;
}

#index .products_block.exclusive.leomanagerwidgets.block.nopadding.widget_services .block_content{
	background: #fc6401;
	background: -moz-linear-gradient(top, #fc6401 0%, #eb5e04 100%);
	background: -webkit-linear-gradient(top, #fc6401 0%,#eb5e04 100%);
	background: linear-gradient(to bottom, #fc6401 0%,#eb5e04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6401', endColorstr='#eb5e04',GradientType=0 );
}

.widget-html.block.nopadding {
	margin-bottom: 0px!important;
}

#index .widget_services .carousel-inner {
	overflow: visible!important;
}

#index .product_list.grid.product-service {
	background: transparent;
	margin-top: -50px;
	position: relative;
	display: block;
	margin-top: -100px;
}

#index .functional-buttons {
	border: none;
}

#index .product-block .product-meta {
	padding: 0px;
}

#index .services-accueil img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

#index .services-accueil .img-produit {
	padding: 50px;
}

#index .services-accueil .desc{
	margin-top: -200px;
	z-index: 3;
	position: relative;
	padding: 15px 0;
	min-height: 102px;
}

	#index .services-accueil .logo .desc:after, #index .services-accueil .boutique .desc:after, #index .services-accueil .site .desc:after{
		content:"";
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		border-top: 30px solid #7d85b3;
		bottom: -30px;
		left: 0;
		right: 0;
		margin: auto;
	}

	#index .services-accueil .boutique .desc:after{
		border-top: 30px solid #b18048!important;
	}

	#index .services-accueil .site .desc:after{
		border-top: 30px solid #97BF0D!important;
	}
	#index .nos-references {
		margin-top: 50px;
	}

	#index .services-accueil {
		background: url('../img/cconcept/background-services-dégradé.png') repeat-x bottom, #fc6300;
		position: relative;
	}

	#index .services-accueil:after {
		content: "";
		position: absolute;
		display: block;
		background: url('../img/cconcept/bottom-background-services.png');
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 140px;
	}

	#index .services-accueil .desc p{
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		font-size: 24px!important;
		margin: 5px;
	}

	#index .services-prod .img-produit{
		border-top: 5px solid #2980b9;
	}

	#index .services-prod .bloc-haut, #index .services-prod .bloc-bas {
		background: #fff;
	}

	#index .product-list {
		margin-top: -75px;
	}

	#index .services-prod a.plus {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		position: absolute;
		bottom: -25px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 2;
		width: 50px;
		height: 50px;
		text-decoration: none;
		padding: 5px 16px;
		background-color: #FFFFFF;
		border-radius: 50%;
		color: #97BF0D;
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		border: 2px solid #97BF0D;
		font-size: 24px !important;
	}

	#index .services-prod a.plus:hover {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		color: #ffffff;
		background: #97BF0D;
	}

	#index .services-accueil .desc img {
		margin-top: 5px;
	}

	#index .services-accueil .bloc-bas {
		position: relative;
		border-left: 2px solid #97bf0d;
		border-right: 2px solid #97bf0d;
		border-bottom: 2px solid #97bf0d;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
		height: 375px;
		margin-top: -100px;
	}

	#index .services-accueil .bloc-bas p {
		padding: 0 40px;
		padding-top: 150px;

		text-align: center;
	}

#index .services-accueil .logo {
	padding-right: 10px;
}

#index .services-accueil .boutique {
	padding-right: 5px;
	padding-left: 5px;
}

#index .services-accueil .site {
	padding-left: 10px;
}

#index .services-accueil .logo .desc {
	background: url('../img/cconcept/logo-title-top.png') repeat-x top,
				url('../img/cconcept/logo-title-bottom.png') repeat-x bottom, 
				#7d85b3;
}

#index .services-accueil .boutique .desc {
	background: url('../img/cconcept/boutique-title-top.png') repeat-x top,
				url('../img/cconcept/boutique-title-bottom.png') repeat-x bottom, 
				#b18048;
}

#index .services-accueil .site .desc {
	background: url('../img/cconcept/site-title-top.png') repeat-x top,
				url('../img/cconcept/site-title-bottom.png') repeat-x bottom,
				#97bf0d;
}

#index .product_list.product-service .left-block {
	background: #fff;
}

#index .product_list.product-service .right-block {
	margin-top: -130px;
}

#index .product-service .product-block .product-desc {
	padding: 40px 60px;
	text-align: center;
	height: auto!important;
	margin-bottom: 0px;
	color: #bdbdbd;
	font-size: 17px;
	font-family: 'Lato';
	position: relative;
	z-index: 999;
	padding-bottom: 60px;
}

#index .product-service span.border-services {
	display: block;
	padding: 15px 0px;
	border-top: 2px solid #bdbdbd;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
}

#index .product-service .background-services{
	width: 100%;
	position: absolute;
	top: 70px;
}

#index .product-service .background-services .background-up {
	display: block;
	width: 100%;
	height: 150px;
	background: #fff;
	border-left: 2px solid #97bf0d;
	border-right: 2px solid #97bf0d;
	z-index: 2;
	position: relative;
}

#index .product-service .background-services .bottom-border-services {
	display: block;
	width: 100%;
	height: 200px;
	background: #fff;
	margin-top: -105px;
	position: relative;
	z-index: 1;
	border-left: 2px solid #97bf0d;
	border-right: 2px solid #97bf0d;
	border-bottom: 2px solid #97bf0d;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

#index .product-service a.plus-services {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: all .5s ease-in-out;
	position: relative;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	width: 25px;
	height: 25px;
	text-decoration: none;
	padding: 10px 17px;
	background-color: #FFFFFF;
	border-radius: 50%;
	color: #97BF0D;
	font-family: 'Arial Black', sans-serif;
	font-size: 22px!important;
	font-weight: bolder;
	text-align: center;
	border: 2px solid #97BF0D;
}

#index .product-service a.plus-services:hover {
    -moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
    color: #ffffff;
    background:  #97BF0D;
}

#index .widget_reference {
	background: #f1f2ed;
	border-left: 10px solid #FC6300;
	border-right: 10px solid #FC6300;
	padding: 50px 0;
	margin-top: -50px;
}

#index .widget_reference .ajax_block_product {
	border-top: 4px solid #2980b9;
}

#index .widget_reference .product-image-container {
	background: #fff;
	background-image: url('../img/cconcept/triangle-references.png');
	background-position: right center;
	background-repeat: no-repeat;

}

#index .widget_reference .product-meta {
	margin-left: 175px;
	margin-top: 30px;
	color: #f1f2ed;
	max-width: 460px;
}

#index .widget_reference .product-meta h5.name a{
	text-transform: uppercase;
	font-size: 24px!important;
	color: #f1f2ed;
	letter-spacing: 2px;
	font-weight: 700;
}

#index .widget_reference .product-desc {
	color: #f1f2ed;
	height: auto;
	margin-bottom: 0;
}

#index .widget_reference .product-desc h4{
	font-size: 17px;
	font-style: italic;
	background: #5b6095;
	padding: 10px;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 20px;
}

#index .widget_reference .desc-long {
	margin-left: 25px;
	max-width: 400px;
}

#index .widget_reference .border-reference{
	display: block;
	border-bottom: 1px solid #f1f2ed;
	padding: 2px;
}

#index .widget_reference  a.etude{
	display: inline-block;
	color: #7b83cc;
	padding: 5px 10px;
	border: 2px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 17px;
	text-decoration: none;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #fff;
}

#index .widget_reference  a.etude:hover{
	background: #7b83cc;
	color: #fff;
}

#index .widget_reference .row {
	background: url('../img/cconcept/background-references-degrade.png') repeat-x bottom, #7b83cc;
}

#index .widget_reference .product-block {

	margin-bottom: 0px;
}

#index .widget_reference .carousel.slide.row, #index .widget_services .carousel.slide.row  {
	margin: 0 auto;
	margin-left: auto!important;
}

#index .widget_reference .block_content .carousel-control {
	top: 50%;
	width: 40px;
	height: 40px;
	color: #fff;
	background: #94bf0e;
	margin-top: -20px;
	font-size: 36px!important;
	border: none;
	font-weight: 900;
	padding-top: 2px;
	-webkit-transition: all 0.3s ease-in-out;
}

#index .widget_reference .block_content .carousel-control:hover {
	background-color: #8ab20d;
}

#index .widget_reference .block_content .carousel-control.right {
	margin-right: -17px;
	padding-left: 2px;
}

#index .widget_reference .block_content .carousel-control.left {
	margin-left: -17px;
	padding-right: 2px;
}

#index .widget_reference .product-container {
	padding-bottom: 40px;
	background: #5b6095;
}

#index .widget_temoignages {
	background: url('../img/cconcept/background-services-degrade.png') repeat-x bottom;
	padding: 10px 0;
	padding-bottom: 0px;
	background-color: #FC6300;
	color: #fff;
	margin-top: 40px;
}

#index #carousel_temoignage {
	margin-bottom: 0px;
}

#index #carousel_temoignage {
	background: transparent;
}

#index .widget_temoignages .bottom-cta a {
	display: block;
	text-align: center;
	color: #fff;
	float: right;
	text-decoration: none;
	background: #94bf0e;
	padding: 10px 15px;
	border-radius: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
	border: 2px solid #94bf0e;
}



#index .widget_temoignages .bottom-cta a:hover {
	color: #fff;
	background: none;
}

#index .widget_temoignages .desc-temoi {
	margin: 25px;
	font-family: 'Lato';
}

#index .widget_temoignages .desc-temoi h4{
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 19px;
	display: inline-block;
}

#index .widget_temoignages .desc-temoi a {
	color: #fff!important;
}

#index .widget_temoignages .desc-temoi span{
	color: #ffdbc1;
}

#index .widget_temoignages .desc-temoi p{
	font-style: italic;
}

#index .custhtmlcarosel {
	border: none;
}

#index .widget_temoignages  .fa-chevron-left, #index .widget_temoignages .fa-chevron-right {
	top: 135px;
    font-size: 16px;
    color: white;
    background: #94bf0e;
    padding: 12px;
    border-radius: 30px;
    height: 40px;
    width: 40px;
	position: absolute;
}

#index .widget_temoignages .fa-chevron-left {
    margin-left: -25px;
	padding-top: 13px;
	padding-left: 11px;
}

#index .widget_temoignages .fa-chevron-right {
    margin-right: -25px;
	padding-top: 13px;
	padding-left: 15px;
}

#index .widget_temoignages .block_content .carousel-control {
	border: none;
}

#index .widget_temoignages .bottom-slider {
	padding-bottom: 40px;
	background: #fc7d2b;
	border-left: 10px solid #FC6300;
	border-right: 10px solid #FC6300;
}

#index .widget_temoignages .carousel-indicators {
	position: absolute;
	left: 85%;
	bottom: -40px;
}

#index .info-equipe {
	background: #fff;
	padding-top: 60px;
}

#index .info-equipe .logo-img{
	margin: 40px auto;
	display: block;
}

#index .info-equipe .para-cconcept {
	margin-right: 100px;
	padding: 20px;
}

#index .dec-link {
	text-align: center;
	margin: 40px 0;
}

#index .dec-link a {
	padding: 15px;
	color: #94bf0e!important;
	border: 2px solid #94bf0e;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 17px;
	text-decoration: none;
}

#index .dec-link a:hover {
	background: #94bf0e;
	color: #fff!important;
}

#index .avt-cconcept {
	background: #7b83cc;
	color: #f1f2ed;
}

#index .avt-cconcept {
	padding: 10px 0px;
}

#index  .avt-cconcept .col-xs-12 {
	border-right: 1px solid #f1f2ed;
}

#index  .avt-cconcept .col-xs-12:nth-child(3){
	border: none;
}

#index  .avt-cconcept img {
	display: block;
	margin: 20px auto;
	margin-bottom: 30px;
}

#index  .avt-cconcept h5 {
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
}

#index  .avt-cconcept p {
	text-transform: uppercase;
	text-align: center;
	font-size: 15px!important;
	position: relative;
}

#index  .avt-cconcept p:after {
	position: relative;
	content: "";
	width: 60px;
	height: 2px;
	display: block;
	border: 1px solid #f1f2ed;
	margin: 20px auto;
}

#index .info-equipe:after {
	content:"";
	display: block;
	height: 20px;
	width: 100%;
	padding-bottom: 20px;
	background: #FC6300;
}

#index .widget-html.equipe {
	padding-bottom: 80px;
}

#index .widget-html.equipe .container {
	background: transparent;
}

.cconcept #bottom {
	height: 100px;
	background-repeat: no-repeat;
	background-color: #FC6300;
	max-width: 100%;
	position: relative;
}

.cconcept #bottom .newsletter-info .informe {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 500;
}

.cconcept #bottom .newsletter-info .informe2 {
    font-size: 14px;
    color: #ffdbc1;
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
}

.cconcept #bottom button {
	background-color: #94bf0e!important;
}

.un-logo-professionnel #bottom button {
	background-color: #7f7798!important;
}

.cconcept #bottom #newsletter_block_left, .cconcept #bottom #newsletter_block_left .container {
	background: #FC6300;
	padding-top: 10px;
}

.cconcept #bottom .newsletter-info p {
	text-align: left;
}

.cconcept #bottom .form-control {
	border-radius: 0px;
}

.cconcept #footer:before {
	content: "";
	display: block;
	position: relative;
	width: 1919px;
	height: 140px;
	background: url('../img/cconcept/bottom-background.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	max-width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cconcept #footer {
	position: relative;
}

.cconcept .scroll-top-link {
	text-align: center;
	position: relative;
}

.cconcept .scroll-top-link a {
	padding: 18px 21px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #94bf0e;
	color: #94bf0e;
	position: relative;
	top: -35px;
	z-index: 1;
}

.cconcept .scroll-top-link a:hover {
	background-color: #94bf0e;
}

.cconcept .scroll-top-link a:hover i { color: #fff; }

/*#index .widget_services:before {
	content: "";
	position: absolute;
	display: block;
	background: url('../img/cconcept/up-bloc-services-shadow.png');
	width: 1282px;
	height: 122px;
	top: 0px;
	left: 50%;
	margin-left: -641px;
}*/


#index .widget_services .product-service .product_block:first-child {
	padding-right: 10px;
}

#index .widget_services .product-service .product_block:nth-child(2) {
	padding-right: 5px;
	padding-left: 5px;
}

#index .widget_services .product-service .product_block:nth-child(3) {
	padding-left: 10px;
}

#index .widget_temoignages:before {
	content: "";
	display: block;
	position: absolute;
	background: url('../img/cconcept/up-quote-img-temoignages.png');
	width: 218px;
	height: 180px;
	top: -50px;
	right: 20%;
}

#index .widget-html.equipe {
	background: url('../img/cconcept/background-qui-sommes-nous.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	border-left: 10px solid #FC6300;
	border-right: 10px solid #FC6300;
	background-attachment: fixed;
}

#index span.count {
	font-size: 36px!important;
}

#index .img-temoi img{
	max-width: 100%;
}

#topbar {
	width: 100%!important;
}

#index .widget_services {
	background: white;
	border-left: 10px solid #FC6300;
	border-right: 10px solid #FC6300;
}

.intro-equipe p {
	width: 990px;
	margin: 0 auto;
	max-width: 100%;
	padding: 5px;
	vertical-align: middle;
	color: #fff;
	font-style: italic;
	font-size: 24px!important;
	font-family: 'Lato';
}

/***** CMS *****/

#cms #columns p, #cms #columns span, #cms #columns a {
	font-family: 'Lato';
	font-size: 17px;
	letter-spacing: 1.3px;
}

#cms .border-wrapper {
	border-left: 8px solid #FC6300;
	border-right: 8px solid #FC6300;
}

#cms #center_column {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}

/***** PAGE EQUIPE *****/

.intro-equipe {
	height: auto;
	text-align: center;
	background: #FC6300;
	padding: 25px;
	margin-top: -90px;
}


.wrapper_intro_eq {
	background-image: url('../img/cconcept/background-actu.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.wrapper_intro_eq .container, .wrapper-collabo .container {
	background: transparent;
}

.wrapper-collabo .container {
	padding-top: 50px;
}


.cms-equipe-professionnelle-web-Internet .wrapper_intro_eq .container .contenu {
	max-width: 768px;
	margin: 0 auto;
}

#cms .border-wrapper.wrapper_profil {
	position: relative;
	padding-top: 50px;
	border: 0;
}

.full-profil {
	position: relative;
	background-color: #f4f4f4;
}

.profil-pierre::before,
.profil-pierre::after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	background: #f4f4f4;
	z-index: 999;
}
.profil-pierre::after {
	right: 0;
}

.profil-marie::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 1px;
	background: #f4f4f4;
}

.titre-profil {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0px;
	text-align: center;
	background: #FC6300;
	color: #fff;
	font-family: 'Lato';
	text-transform: uppercase;
	letter-spacing: 2px;
}

	.titre-profil h3 {
		margin-bottom: 0px;
		margin-top: 15px;
	}

	.titre-profil .prof {
		margin-bottom: 5px;
		font-size: 14px!important;
	}

	a.suite-resp {
		display: none;
	}

.cconcept .tem .col-sm-8 p:nth-child(2) {font-size:14px!important;}


.equipe-bas {
	background: #f9f9f9;
    margin: 0 auto!important;
}

.wrapper-collabo {
	background: url('../img/cconcept/background-section-collaborateurs.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	padding-bottom: 75px;
}

.intro-collabo {
	position: relative;
    max-width: 650px;
    text-align: left;
    margin: 40px auto;
    padding: 15px;
    padding-top: 100px;
    padding-bottom: 70px;
    margin-bottom: 0px;
}


.intro-collabo:after {
	content: "";
	display: block;
	position: absolute;
	height: 50px;
	width: 2px;
	bottom: 0px;
	left: 50%;
	border-left: 2px solid #2980b9;
}

	.intro-collabo h2 {
		font-family: 'Lato';
		font-weight: 700;
		font-size: 26px;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #2980b9;
		position: relative;
		text-align: center;
		margin-bottom: 30px;
	}

	.intro-collabo h2::before {
		content: "";
		display: block;
		position: absolute;
		background-image: url('../img/cconcept/logos-sections-sprite.png');
		background-position: -195px;
		background-repeat: no-repeat;
		width: 80px;
		height: 99px;
		left: 50%;
		margin-left: -40px;
		top: -120px;
	}

.collabo {
	padding: 40px;
    background: #FC6300;
    width: 75%;
    margin: 30px auto!important;
	padding-top: 30px;
}

	.collabo h4 {
		font-family: 'Lato';
		font-size: 17px;
		margin-bottom: 30px;
		color: #fff;
	}

	.collabo p {
		color: #ffdbc1;
	}

	.herve {
		text-align: center;
		padding-right: 25px;
	}

	.collabo_formation {
		border-top: 1px solid #ffdbc1;
		padding-top: 10px !important;
		font-size: 14px !important;
		font-variant: small-caps;
	}

	.collabo_formation span { font-weight: bold; }

	.herve img {
		max-width: 100%;
		height: auto;
		margin: auto;
	}

.img-c-1 {
	display: block;
	background-image: url('../img/cconcept/picto-collaborateurs-sprite.png');
	background-repeat: no-repeat;
	width: 65px;
	height: 70px;
	margin: 0px auto;
	top: 30px;
	position: relative;
}

.img-c-2 {
    display: block;
    background-image: url('../img/cconcept/picto-collaborateurs-sprite.png');
    background-position: -65px;
    background-repeat: no-repeat;
    width: 72px;
    height: 70px;
    margin: 0px auto;
    top: 30px;
    position: relative;
}

.img-c-3 {
    display: block;
    background-image: url('../img/cconcept/picto-collaborateurs-sprite.png');
    background-position: -137px;
    background-repeat: no-repeat;
    width: 76px;
    height: 70px;
    margin: 0px auto;
    top: 25px;
    position: relative;
}

.img-c-4 {
    display: block;
    background-image: url('../img/cconcept/picto-collaborateurs-sprite.png');
    background-position: -213px;
    background-repeat: no-repeat;
    width: 77px;
    height: 70px;
    margin: 0px auto;
    top: 25px;
    position: relative;
}

.cconcept .calltoaction {
	margin-top: 50px;
	text-align: center;
}

.cconcept .calltoaction.equipe {
	margin-top: 0;
	padding: 50px 0;
}

.cconcept .calltoaction p {
	text-transform: uppercase;
	color: #2980b9;
	font-size: 22px;
	padding: 0 25px;
}

.cconcept .calltoaction a {
	display: inline-block;
	margin: 25px 0 0;
	color: #fff!important;
	padding: 15px 20px;
	background: #94bf0e;
	font-size: 16px!important;
	text-transform: uppercase;
	text-decoration: none;
}

.cconcept .calltoaction a:hover {
	text-decoration: none;
}


.round-orange {
	width: 120px;
	height: 120px;
	background: #fc7d2b;
	border-radius: 60px;
	margin: 25px auto;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.collabo:hover .round-orange {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.collabo:hover .round-orange > div { 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
 }

.wrapper-banner {
	position: relative;
}

.wrapper-banner img{
	max-width: 100%;
}

.wrapper-banner:after {
	content: "";
	display: block;
	position: absolute;
	width: 594px;
	height: 245px;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
}

.profil-plus {
	position: absolute;
	top:0px;
	max-height: 482px;
	color: #fff;
	background: #FC6300;
	font-size: 15px!important;
	height: 0;
	transition: all .5s ease .25s;
	opacity: 0;
}

	.profil-plus p {
		margin-bottom: 0px;
	}

	.profil-plus .no-padding:first-child {
		text-align: center;
		text-transform: uppercase;
		background: #fc7d2b;
	}

		.profil-plus .no-padding:first-child h3 {
			margin-bottom: 0px;
			margin-top: 5px;
		}

		.profil-plus .no-padding:first-child p {
			margin-bottom: 0px;
			font-size: 15px !important;
		}

	.profil-plus .no-padding:nth-child(2) {
		text-align: center;
		border:none;
	}

	.profil-plus .no-padding:nth-child(4) {
		border:none;
	}

	.profil-plus .no-padding {
		padding: 5px 10px;
		border-bottom:1px solid #fff;
	}

	.profil-plus .no-padding p{
		font-size: 14px !important;
	}

.full-profil:hover .profil-plus {
	height: 482px;
	opacity: 1;
}

.fa-graduation-cap {
	text-align: center;
	margin: 0 auto;
	display: block!important;
	width: 18px;
}

/***** MENU *****/

#leo-megamenu ul {
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	max-width: 1180px;
	margin: 0 auto;
}

#leo-megamenu ul.menu-portail li {
	display: inline-block;
	position: relative;
	padding: 15px 15px 50px;
}

	#leo-megamenu ul.menu-portail li a{
		text-transform: uppercase;
		font-size: 18px;
		font-family: 'Lato';
		text-decoration: none;
		color: #343434;
		font-weight: 500;
		letter-spacing: 1px;
	}

	#leo-megamenu ul.menu-portail li a:hover{
		color: #94bf0e;
	}

	#leo-megamenu ul.menu-portail li:nth-child(4) a:hover, #leo-megamenu ul.menu-portail li:nth-child(2) a:hover {
		border: none;
	}

	#leo-megamenu ul.menu-portail li ul li {
		padding: 10px;
		min-height: 40px;
	}

	#leo-megamenu ul.menu-portail li ul li a {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}

	#leo-megamenu ul.menu-portail li ul li a:hover {
		color: #fff;
	}

#leo-megamenu ul.menu-portail li ul {
	position: absolute;
	border:none;
	background: #FC6300;
	z-index: 10;
	display: none;
	padding-right: 0px;
	padding-bottom: 10px!important;
	width: 200px;
}

#leo-megamenu ul.menu-portail li:hover ul {
	display: block;
}

#leo-megamenu ul.menu-portail li ul li a{
	color: #fff;
	font-size: 13px;
	padding: 10px 0!important;
	position: relative;
}

#leo-megamenu ul.menu-portail li ul li{
	display: block;
}

.arrow-menu {
	position: absolute;
	top: 11px;
	display: none!important;
	color: #fff;
	right: -20px;
}

#leo-megamenu ul.menu-portail li ul li a:hover .arrow-menu{
	display: inline-block!important;
}

#topbar .links li ul {
	display: none;
	position: absolute;
	background: #343434;
	padding: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 9;
	margin-top: -5px;
}

#topbar .links li ul:hover {
	display: block;
}


#topbar .links li ul li {
	display: block;
	padding-bottom: 5px;
	line-height: 20px;
}

#topbar .links li ul li a{
	border-right: none;
}

#topbar .links:hover ul, #topbar .links ul:hover {
	display: block;
}

body.noscroll {
	overflow: hidden;
}

/***** RESPONSIVE *****/

#carte-contact img {
	max-width: 100%;
	height: auto;
}

.wrapper_profil img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.wrapper_profil .row {
	margin-left: 0px!important;
}

.collabo .para-c p {
	padding: 0 20px;
}

#blogpage .blog-part1 .blog-content p {
	margin-bottom: 10px;
}

#blogpage .blog-part1 .blog-content p em {
	font-style: italic;
}

#blogpage .blog-part1 .blog-content li {
	list-style: initial;
}

/* CORRECTIONS */

#quantity_wanted_p input {line-height: 1.2em; height: 35px!important;}
#quantity_wanted_p .btn {height: 35px!important;padding: 7px 10px!important;}
#product #attributes {padding-top: 15px;display:block;position: relative;}
#cart_summary tfoot td#total_price_container {font-size: 18px!important;}
.h_bout .blog-shortinfo {font-size: 16px!important;}
.cconcept #breadcrumb, .cconcept #breadcrumb .breadcrumb { float: none; }
#module-leoblog-category.cconcept .leading-blog img { margin: 0 auto; }
#cms.cconcept.cms-services-internet-luxembourg .logo-boutique { margin-top: -50px; }




@media (max-width: 1900px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 15px 50px;
	}
}

@media (max-width: 1680px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 14px 50px;
	}
}

@media (max-width: 1650px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 10px 50px;
	}
}

@media (max-width: 1570px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 8px 50px;
	}
}

@media (max-width: 1520px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 8px 50px;
	}

	#leo-megamenu ul.menu-portail li a {
		font-size: 17px;
	}
}

@media (max-width: 1460px) {

	#leo-megamenu ul {max-width: 991px;margin: 0px auto;}

	#leo-megamenu ul.menu-portail li {
		padding: 15px 11px 50px;
	}

	#leo-megamenu ul.menu-portail li a {
		font-size: 16px;
	}
}

@media (max-width: 1440px) {
	#leo-megamenu ul.menu-portail li {
		padding: 15px 5px 50px;
	}
}

@media (max-width: 1280px) {

	#leo-megamenu ul.menu-portail li a {
		font-size: 15px;
	}

	#index .product_list.product-service .product-meta .name.visibilité a {
		font-size: 22px!important;
	}

	#index .product-service .product-block .product-desc {
		padding: 40px 50px;
	}

	#index .widget_reference .product-meta {
		margin-left: 125px;
	}

	#index .widget_temoignages .desc-temoi {
		margin-bottom: 20px;
	}

	#index .widget_services:before {
		background: none;
	}

	#header_logo {
		padding-left: 20px;
	}

	
}

@media (max-width: 1200px) {

	#index .widget_reference .product-image-container {background-image: none!important;}
	#index .widget_reference .block_content .carousel-control.left, #index .widget_temoignages .fa-chevron-left {margin-left: 5px;}
	#index .widget_reference .block_content .carousel-control.right, #index .widget_temoignages .fa-chevron-right {margin-right: 5px;}
	#index .widget_temoignages .fa-chevron-right {right: 0;}
	#index .widget_temoignages .desc-temoi {padding: 10px;}
	#index .product-service .product-block .product-desc {
		padding: 40px 20px;
	}

	#cms.cconcept #center_column {margin-top: 0!important;}

	#leo-megamenu ul.menu-portail li a {
		font-size: 14px;
	}

	#leo-megamenu ul.menu-portail li {
		padding: 15px 5px 50px;
	}

	#cms.cconcept #breadcrumb {
		background-color: #fff;
		top: 0;
		border-left: 8px solid #FC6300;
		border-right: 8px solid #FC6300;
		padding-top: 10px;
		padding-left: 25px;
	}

	.cconcept #header:after {
		content: none;
	}

	.sy-controls .sy-prev a::after {
		left: 1.4em!important;
	}

	.sy-controls .sy-next a::after {
		right: 0!important;
	}
}

@media (max-width: 1197px) {
	.sy-caption-wrap .sy-caption {
		min-width: 0px!important;
		left: 0;
		width: 100%;
		font-size: 20px!important;
	}


	.sy-caption-wrap {
		width: 100%;
		left: 0;
	}
}

@media (max-width: 1180px) {
	#leo-megamenu ul.menu-portail li a {
    font-size: 13px;
}}

@media (max-width: 1200px) and (min-width:992px) {font-family:  
	.h_bout .blog-shortinfo {min-height: 120px!important;}
	a.plus_blog {top: 130px!important;}
	#index .services-accueil .desc p {font-size:20px!important;}
	#index .services-accueil .bloc-bas p {padding: 0 20px!important;padding-top: 150px!important;}
}

@media (max-width: 1195px) and (min-width: 992px) {

	#leo-megamenu ul.menu-portail li {
		padding: 15px 2px 50px;
	}

}

@media (min-width: 991px) {

	.telephone a {
		pointer-events: none;
   		cursor: default;
	}
}

@media (max-width: 991px) {

	.cms-temoignage-client-agence-web-qualite .avis .client {
		width: 100%!important;
	}

	.intro-equipe p {
		font-size: 17px!important;
	}

	.cms-services-internet-luxembourg .services::before {
		content: none!important;
	}

	.cms-services-internet-luxembourg .services h3 {
		margin-top: 0;
	}

	#index .widget_reference .product-image-container {
		background-image: none;
	}

	#index .services-accueil .services-prod{
		padding: 15px !important;
		margin-bottom: 40px;
	}

	.wrapper-banner::after {
		content: none!important;
	}

	.menu-cconcept2 {
		text-align: right;
	}

	.menu-cconcept2 li{
		padding: 10px;
	}

	.menu-cconcept2 img {
		max-width: 150px
	}


	.menu-cconcept2 li a{
			font-size: 22px;
			font-family: 'Lato';
			text-decoration: none;
			color: #fff;
			padding: 15px 10px;
			letter-spacing: 1.3px;
	}

	ul.menu-portail {
		display: none;
	}

	.cconcept #header_logo {
		margin-top: 10px;
	}

	.equipe-bas {
		width: 100%;
	}

	a.suite-resp {
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 8px;
		color: #fff!important;
		border: 2px solid #fff;
		width: 40px;
		border-radius: 30px;
		margin: 5px auto;
		z-index: 999;
		position: relative;
		left: 50%;
		margin-left: -20px;
		height: 40px;
		background: #FC6300;
		font-size: 22px !important;
		font-weight: 800;
		padding-top: 2px;
		padding-left: 10px;
		cursor: pointer;
	}

	a.suite-resp:hover {
		color: #fff!important;
		text-decoration: none;
	}

	.full-profil:hover .profil-plus {
		height: 0px;
		opacity: 0;
	}
	.top-nav::before {
		top: 0px!important;
	}

	#index .slider-slogan {
		margin-top: 0px;
	}

	#index .product-service .product-block .product-desc {
		padding: 40px 40px;
	}

	#index .nos-services::after {
		content: none;
	}

	#bottom .inputNew {
		max-width: 70%!important;
	}

	#index .widget_services .product-service .product_block:nth-child(3) {
		padding-left: 10px;
		margin-top: 25px;
		width: 100%;
		padding-left: 25%;
		padding-right: 25%;
	}

	#blockleoblogs .h_bout.Portail:nth-child(3) {
		padding-left: 10px;
		margin-top: 25px;
		width: 100%;
		padding-left: 25%;
		padding-right: 25%;
	}

	#index .widget_reference .product-meta {
		margin-left: 25px;
	}

	#index .widget_temoignages .desc-temoi {
		margin: 25px;
	}

	#index .widget_temoignages .fa-chevron-left, #index .widget_temoignages .fa-chevron-right {top: 25px;}
	#index .widget_temoignages .fa-chevron-left {left:-40px;}
	#index .widget_temoignages .fa-chevron-right {right:-40px;}

	#index .info-equipe .para-cconcept {
		margin-right: 20px!important;
	}
}

@media (max-width: 901px) {
	.sy-caption-wrap .sy-caption {
		line-height: 32px!important;
	}
}

@media (max-width: 800px) {
	#header .appel {
		display: none;
	}

	#header .telephone {
		width: 50%;
	}

	#header .navig {
		width: 50%;
		padding-left: 50px;
	}

	.cconcept #header::after {
		content: none;
	}

	#header a.groupe-btn-user {
		display: none;
	}

	#header_logo {text-align: center}
	#header_logo a {display: inline-block;}
	.top-nav {padding-left: 20px;}
}

@media (max-width: 991px) and (min-width:769px) {
	.cconcept .services-prod.site {width:100%;}
	.cconcept .services-prod.site .bloc-haut, .cconcept .services-prod.site .bloc-bas {width: 50%; margin: 0 auto;}
	#index .services-prod a.plus {bottom:-8px;}
	#index .services-accueil .desc p {font-size: 20px!important;}
	#blockleoblogs .h_bout:last-child {width:100%;border:none;}
	#blockleoblogs .h_bout:last-child .blog_container {width: 50%;margin: 0 auto;border-bottom: 15px solid #94bf0e;}
}

@media (max-width: 768px) and (min-width:481px) {

	.cconcept .services-prod {width: 100%;}
	.cconcept .services-prod .bloc-haut, .cconcept .services-prod .bloc-bas {width: 75%; margin: 0 auto;}
}

@media (max-width: 768px) {

	#cms.cconcept.cms-services-internet-luxembourg .logo-boutique { margin-top: 0px; }


	#index .widget_temoignages .bottom-cta a {
		float: none;
		max-width: 300px;
		margin: auto;
		margin-bottom: 20px;
	}
	.certif.row {padding:25px 0!important;}
	.certif .col-md-4 {margin-bottom:25px;}

	.top-nav::before, #index #header::after {
		content: none!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .client {
		left: 15px!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .col-xs-12::before {
		left: 75px!important;
	}

	#bottom .info-news {
		padding-left: 15px;
	}

	#index .products_block .carousel {
		width: 740px;
		max-width: 100%;
	}

	.sy-caption-wrap .sy-caption {
		min-height: 82px!important;
		font-size: 18px!important;
		line-height: 24px!important;
	}

	.cms-nous-contacter .wrapper_intro_eq .container #carte-contact::before {
		content: none!important;
	}

	.collabo {
		padding: 15px;
	}

	.devis a, #cart .heading a {
		font-size: 12px;
	}
	.devis {
		padding-right: 0!important;
	}

	#quote-carousel .fa-chevron-right {
		margin-right: 0px!important;
	}

	#quote-carousel .fa-chevron-left {
		margin-left: -10px!important;
	}

	#index .widget_reference .block_content .carousel-control {
		margin-right: 0px!important;
		margin-left: 0px!important;
	}

	.widget-html.equipe {
		padding-bottom: 0px!important;;
	}

	.newsletter-info p, #bottom .newsletter-info ~ .form-group {
		margin-left: 50px!important;
	}

	.cconcept #bottom {
		height: auto;
	}

	#bottom .inputNew {
		width: 100%!important;
	}

	.carousel-control {
		width: 50px!important;
	}

	#index .widget_reference .block_content .carousel-control {
		width: 40px!important;
		top: 45%!important;
	}

	#index .widget_temoignages .fa-chevron-left, #index .widget_temoignages .fa-chevron-right {
		position: relative;
	}

	#index .widget_temoignages .fa-chevron-left {
		margin-left: 0px;
	}

		#index .widget_temoignages .fa-chevron-right {
		margin-right: 0px;
	}
}

@media (max-width: 640px ){
	#index .widget_reference .product-meta { max-width: 100%; margin: 15px; }
	#index .widget_reference .product-meta .desc-long { max-width: 100%; margin: 15px 0; }
}

@media (max-width: 480px) {

	#blog-listing p.intro {max-width: 100%!important;}


	.sy-caption-wrap .sy-caption {
   	 	min-height: 82px !important;
    	font-size: 14px !important;
    	line-height: 18px !important;
    	padding-top: 10px!important;
	}

	.fb_iframe_widget, .fb_iframe_widget iframe {max-width:100%};
	.fb_iframe_widget span {max-width:100%;}

	#index #columns a.plus_blog {font-size: 22px!important;}

	#index #columns p , .cconcept #columns ul li , #module-leoblog-list #columns a, #module-leoblog-list #columns p, #module-leoblog-blog #columns a, #module-leoblog-blog #columns p, #module-leoblog-category #columns a, #module-leoblog-category #columns p, #module-leoblog-list #columns,#module-leoblog-blog #columns,#module-leoblog-category #columns{
		/*font-size: 16px!important;*/
	}

	.cconcept .services-prod a.plus {font-size:24px!important;}

	.cms-temoignage-client-agence-web-qualite .avis .client::before {
		left: -60px!important;
	}

	.collabo h4 {
		text-align: center;
	}

	#formulaire-contact .champ {
		padding-left: 25px!important;
	}

	#formulaire-contact .champ input, #formulaire-contact .champ textarea, #formulaire-faq .champ input, #formulaire-faq .champ textarea {
		width: 90%!important;
	}

	#blockleoblogstabs {
		margin-top: 25px;
	}

	.sy-controls li a::after {
		top: 100%!important;
	}

	.sy-caption-wrap .sy-caption {
		top: 75px;
	}

	#header .telephone {
		width: 100%;
	}

	#header .telephone ul {
		text-align: left;
		padding-left: 25px;
	}

	#header .navig {
		width: 100%;
		padding-left: 25px;
	}

	#header_logo img {
		margin: 0 auto;
	}

	.cconcept #leo-megamenu {
		padding-left: 25px;
	}

	.cconcept #header_right {
		margin-top: 0px!important;
		padding-right: 20px;
	}

	.newsletter-info p, #bottom .newsletter-info ~ .form-group {
		margin: 0 20px!important;
	}

	#index .devis a {
		float: right;
	}

	#quote-carousel .fa-chevron-left {
		margin-left: 0px !important;
	}

	#index #quote-carousel .fa-chevron-left, #index #quote-carousel .fa-chevron-right {
		margin-top: 125px!important;
	}

	#blockleoblogs .h_bout.Portail:nth-child(3) {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	#index .widget_services .product-service .product_block:first-child {
		padding-right: 0px!important;
	}

	#index .widget_services .product-service .product_block:nth-child(2) {
		padding-right: 0px!important;
		padding-left: 0px!important;
	}

	#index .widget_services .product-service .product_block:nth-child(3) {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}

	#index .product-service a.plus-services {
		bottom: 0px!important;
	}

	#index .widget_reference .block_content .carousel-control {
		top: 33%!important;
		width: 40px!important;
	}

	#index .widget_temoignages .fa-chevron-left, #index .widget_temoignages .fa-chevron-right {
		top: 0px!important;
		position: relative!important;
	}

	#index .widget_temoignages .fa-chevron-right {
		margin-right: 0px!important;
	}

	#index .widget_temoignages .fa-chevron-left {
		margin-left: 0px!important;
	}

	#index .info-equipe .para-cconcept {
		margin-right: 0px!important;
		padding: 20px!important;
		text-align: center!important;
	}

	#index .avt-cconcept .col-xs-12 {
		border: none!important;
	}
}

@media (max-width: 360px) {
	.cconcept #bottom {
		height: 210px;
	}

	#index .services-accueil .bloc-bas {
		border-bottom: 0;
		border-radius: 0;
		padding-bottom: 60px;
		height: auto;
	}

	#index .services-accueil .desc { margin-top: -100px; }
	#index .nos-services { 
		padding: 0;
		background: #fff;
		margin-bottom: 20px; 
	}
	#index .services-prod a.plus { bottom: -11px; }
	#index .services-accueil .bloc-bas { padding-bottom: 20px; }
	#index .services-accueil .img-produit img { display: none; }
	#index #blockleoblogstabs { margin-bottom: 0; }



	#bottom .newsletter-info ~ .form-group {
		max-width: 210px!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .client {
		left: 0px!important;
		bottom: 0px!important;
		position: relative!important;
		padding-left: 10px!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .client p{
		text-align: center;
	}

	.cms-temoignage-client-agence-web-qualite .avis .client::before {
		left: 0px!important;
		position: relative!important;
		bottom: 0px!important;
		margin: 0 auto!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .col-xs-12::before {
		content: none!important;
	}

	.cms-temoignage-client-agence-web-qualite .avis .col-xs-12 {
		margin-bottom: 25px!important;
	}
}

@media (max-width: 320px) {

	.tel-lu, .tel-be {
		display: block!important;
		padding: 5px;
	}

	.separe-tel {
		display: none!important;
	}

	#cart.shopping_cart {
		margin-bottom: 0px!important;
	}
	#index .services-accueil .desc p { font-size: 20px !important; }

	

}

.cconcept #pagination .showall .button{
	background: whitesmoke;
	border: 1px solid #2980b9;
	color:  #2980b9!important;
}

.cconcept #pagination .showall .button:hover {
	border: 1px solid #2980b9;
	color: whitesmoke!important;
	background: #2980b9;
}

.cconcept .pagination > .active > a,.cconcept .pagination > .active > a:hover, .cconcept .pagination > .active > a:focus,.cconcept .pagination > .active > span,.cconcept .pagination > .active > span:hover,.cconcept .pagination > .active > span:focus {
	background-color: #2980b9!important;
	color: whitesmoke!important;
}

.cconcept .pagination > li > a:hover,.cconcept  .pagination > li > a:focus,.cconcept .pagination > li > span:hover,.cconcept .pagination > li > span:focus {
	background-color: #2980b9!important;
}

.services-b {
	display: flex;
	position: relative;
	top: -70px;
	max-width: 1170px;
	margin-top: -70px;
	margin: auto;
	font-size: 0;
	z-index: 9998;
	margin-left: auto!important;
	margin-right: auto!important;
}

@media all and (max-width: 991px) {
	.services-b { flex-wrap: wrap; }
}

.services-b .service-a {
	padding: 20px;
	font-size: initial;
	display: inline-block;
	text-align: center;
	position: relative;
}

.services-b .service-a .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .3s ease-out;
	 padding: 25px 0;
}

.services-b .service-a:hover .wrapper {
	transform: scale(1.05);
	box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.30);
}

	.services-b .service-a .wrapper { width: 100%; box-shadow: 3px 5px 20px 0px rgba(0, 0, 0, 0.19); }
	.services-b .service-a .wrapper span { color: #fff; font-size: 22px!important; }
	.services-b .service-a .wrapper .icon { position: relative; border-radius: 50%; width: 102px; height: 102px; margin: 35px auto 0;}
	.services-b .service-a .wrapper .icon img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

	.services-b .service-a.site .wrapper { background: #94bf0e; }
	.services-b .service-a.site .wrapper .icon { background: #89b10d; }
	.services-b .service-a.site { background: url('../img/cconcept/site-internet-bg.jpg') no-repeat center center; }

	.services-b .service-a.boutique .wrapper { background: #0e72b5; border: 1px solid #0d6cab; }
	.services-b .service-a.boutique {padding: 19px 20px;}
	.services-b .service-a.boutique .wrapper .icon { background: #0c65a1; }
	.services-b .service-a.boutique { background: url('../img/cconcept/ecommerce-bg.jpg') no-repeat center center; }

	.services-b .service-a.logo .wrapper { background: #7D85B3; }
	.services-b .service-a.logo .wrapper .icon { background: #7279A2; }
	.services-b .service-a.logo { background: url('../img/cconcept/logo-bg.jpg') no-repeat center center; }

	.services-b .service-a.webmarketing .wrapper { background: #FC6300; }
	.services-b .service-a.webmarketing .wrapper .icon { background: #E75B00; }
	.services-b .service-a.webmarketing { background: url('../img/cconcept/consultance-bg.jpg') no-repeat center center; }


.services-b .link {
	position: absolute;
	width: 42px;
	height: 42px;
	left: 0; right: 0;
	margin: auto;
	bottom: -21px;
	border-radius: 50%;
	padding: 7px;
	color: #fff;
	border: 1px solid #fff;
	background: #94bf0e;
	transition: all .3s ease-out;
	font-size: 18px!important;
}

.services-b .link:hover {
	background: #7b9f0b;
	transform: rotate(180deg);
}

@media (max-width: 1440px) {
	.services-b {
		top: 0;
		z-index: 2;
	}
}

@media (max-width: 992px) {
	.services-b .link {display: none;}
}

@media (max-width: 360px) {
	#index .nos-services {
		margin-top: 0;
	}
}

.services-b a, .services-b a:hover {text-decoration: none;}
/*#leo-megamenu {margin-top: -20px;}*/
#leo-megamenu form#searchbox {display: block!important; width: 50px!important; overflow: hidden!important; margin-top: 0; height: 53px!important;}
form#searchbox input#search_query_top {width: 0!important; padding: 0!important; border: none!important;}
#search_block_top .input-group {display: block!important; position: relative!important;}
form#searchbox .button-search {left: 0!important; font-size: 18px; letter-spacing: 1px;
transition: all .3s ease-out; border-radius: 15px;height: 53px!important;}
form#searchbox .button-search:hover {border-radius: 50%; cursor: pointer;}
form#searchbox a.button-search {color: #fff!important; text-align: center!important;position: relative;}
form#searchbox a.button-search i {position: relative;top: 12px;}
#li-search {padding-bottom: 0!important;padding-top: 0!important;position: absolute!important;}

#li-search.active {
	width: 100%!important;
	display: block!important;
	left: 0;
	top: 20px;
}

#li-search.active form#searchbox {width: 100%!important;}

#li-search.active form#searchbox input{
	font-style: italic;
	border: 0;
	-moz-appareance: none;
	width: 97%!important;
}

#li-search .close {
	top: 15px;
	position: relative;
}

#li-search .close:hover {
	color: #343434!important;
}

.gallery {
	display: -ms-flexbox;
	display: flex;
}

.gallery a {
	display: block;
	margin: 10px;
}

.gallery a img {
	display: block;
	max-width: 100%;
}

@media all and (max-width: 769px) {
	.gallery { 
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important; 
	}
}