@charset "utf-8";
/* CSS Document */

* {	margin:0; padding:0; -webkit-text-size-adjust: none; box-sizing:border-box;-moz-box-sizing:border-box;}

a { text-decoration:none; color:#66cc66;}

ul { list-style:none;}

img { border:0; height:auto; max-width:100%; vertical-align: bottom;}

body { font:400 15px 'Open Sans', Arial, Helvetica, sans-serif; color:#212121; background: #f3f3f3;}

.wrap { margin: 0 auto; width:1155px;}

.wrap::after, main.offre .titre::after, main.offre .titre .fond-vert::after,  main.besoin .titre::after, main.besoin .titre .fond-vert::after, main.metier .titre::after
{ display:block; clear:both; content:" ";}

a, a:hover, #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre > li.mega-menu-item > a.mega-menu-link, .gform_wrapper input[type=submit]
{ -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ;}

header .links-header, #metiers .top-metiers .wrap, main.blog .liste-blog article, #client .wrap, .liens-footer, .suggestion .content-suggestion, main.metier .presentation-metier, main.metier .chiffres , main.blog > .wrap , .conseil-offre .wrap, #solutions .wrap, .menu-offre #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre, .liste-solutions > ul, .bottom-article .wrap, .liste-avantages, .presentation-offre .wrap, .liste-produits, article .gform_body ul, .suggestion .yuzo_related_post_widget
{ display: flex; display: -webkit-flex; justify-content: space-between;}

.reseaux-sociaux ul, main.metier .engagements-metier ul, main.metier .chiffres ul, #client .wrap ul, .accompagnement .wrap, .bloc-temoignage, #actualites .wrap, .liste-besoins .wrap, main.besoin  .temoignages, main.metier .titre, form.rappel, form.rappel .gform_body ul
{ display: flex; display: -webkit-flex;}

html,body {
    overflow-x: hidden;
}

@media all{

/*************************************** HEADER ****************************************************/
header {background: #fff; align-items: center; position:fixed; width:100%; z-index:999; -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out ; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out ;}
	header.mini .topheader{ padding:10px 80px}
    header.mini .topheader .menu-trigger{top: 25px;}
    header .menu { text-transform : uppercase; font-size:25px; font-weight: 700;}
	header .menu a { color:#242424;}
	header .menu strong{ padding-left:18px; display:inline-block;}
    header .logo{ width:263px; height: 66px; -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out ; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out ;}
	header.mini .logo{ width:179px; height:45px;}
    header .links-left ul li {display :inline-block; }
    header .links-left a{ color:#717171; font-size: 13px; display: block;}
    header .links-left ul li:first-child a{ background: url(/wp-content/themes/ICefficonnect/images/pictos/icone-espaceclient.png) no-repeat left center ; padding:5px 15px 5px 27px; }
    header .links-left ul li:nth-child(2) a{ background: url(/wp-content/themes/ICefficonnect/images/pictos/icone-blog.png) no-repeat left 18px center ; padding: 5px 20px 5px 47px; border-left:1px solid #a7a7a7;}
    header.mini .links-left{ padding-top:3px;}
	header .links-right{ font-weight: 600; color:#303030; text-align: center;}
    header .links-right a{ display: block; background: url(/wp-content/themes/ICefficonnect/images/pictos/icone-telephone.png) no-repeat 10% center #00bdc0; padding: 10px 20px 10px 45px; color: #fff; border-radius: 30px; font-size: 17px; margin-top: 10px; box-shadow: 2px 3px 6px #d8d8d8; background-size: 17px;}
	header .links-right a:hover {background: url(/wp-content/themes/ICefficonnect/images/pictos/icone-telephone.png) no-repeat 10% center #353535;background-size: 17px;}
	header.mini .links-right p:first-child{ display:none;}
	header.mini .links-right a{ margin-top:0;}
    
    header .topheader{ display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 25px 80px; transition: all 0.35s ease;}
    header .main-navigation{background-color:#3d3d3d;}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal{height: 52px; text-transform: uppercase; font-size: 12px; display: flex; justify-content: space-between; align-items:center; font-weight: 700; color: #fff;}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal > li.mega-menu-item{text-align: center; flex: 1; height: 100%}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal > li.mega-menu-item > a.mega-menu-link{color: #fff; font-size: 13px; height: 100%; display: flex; justify-content: center; align-items: center;}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background-color: #fff; text-transform: uppercase; font-weight: 700; font-size: 13px; padding: 5px 10px;}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{font-weight: 700}
	
	/*Scroll to top*/
	.cd-top { background: #3d3d3d; bottom: 0; display: inline-block; height: 60px;  opacity: 0; padding: 20px 0 0 20px; position: fixed; right: 0; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility: hidden; white-space: nowrap; width: 60px; z-index: 999;}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: opacity 0.3s ease 0s, visibility 0s ease 0s;}
	.cd-top.cd-is-visible { opacity:1; visibility:visible;}
	.cd-top.cd-is-visible:hover { background: #4e4e4e;}
	.cd-top.cd-is-visible:hover, .cd-top.cd-is-visible { -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out ; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out ;}
    #mega-menu-wrap-Menu_principal #mega-menu-Menu_principal > li.mega-menu-flyout ul.mega-sub-menu{width: 270px;}
    
    .menu-trigger{
        position: absolute;
        right: 35px;
        top: 40px;
        cursor: pointer;
        z-index: 5005;
        display: none;
        transition: all 0.35s ease;
    }
    .menu-trigger.active span{background-color: #fff;}
    
    .menu-trigger span{display: block; height: 2px; width: 25px; margin-bottom: 6px; background-color: #3d3d3d; transition: all 0.3s ease;}
    
    .overlay-menu{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3d3d3d;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5000;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transition: all 0.4s ease;
    }
    .overlay-menu.open{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
    }
    
    .overlay-menu .menu-closer{color: #fff; position: fixed; right: 50px; top: 50px; text-transform: uppercase; font-size: 13px; font-weight: 700px; cursor: pointer;}
    .menu-menu-mobile-container #menu-menu-mobile li{}
    .menu-menu-mobile-container #menu-menu-mobile li a{color: #fff; font-size: 13px;display: block; margin-bottom: 14px; text-transform: uppercase; font-weight: 700;}
    .menu-menu-mobile-container #menu-menu-mobile .sub-menu{padding-left: 25px;}
    .menu-menu-mobile-container #menu-menu-mobile .sub-menu li{position: relative;}
    .menu-menu-mobile-container #menu-menu-mobile .sub-menu li a{color: rgba(255,255,255, 0.7)}
    .menu-menu-mobile-container #menu-menu-mobile .sub-menu li:before{content:""; display: block; width: 6px; height: 2px; background-color: #00bdc0; position: absolute; left: -15px; top: 12px}
	
/*************************************** ACCUEIL ****************************************************/

#metiers { background: #fefefe url("/wp-content/themes/ICefficonnect/images/bg-home.jpg") no-repeat center center ; font-size:14px; background-size: cover; background-position: center center;}
    #metiers strong{ font-size: 18px;}
    #metiers .intro-metier{padding: 17rem 0% 6rem 0%; margin: 0 auto; max-width: 1155px; flex-direction: column;}
    #metiers .intro-metier h1{font: 700 37px/68px 'Open Sans', sans-serif; color: rgba(102,204,102,1); text-transform: uppercase;}
    #metiers .intro-metier h2{font: 600 22px/26px 'Open Sans', sans-serif;}
    #metiers .top-metiers{background-color: rgba(102,204,102,0.8); margin-bottom: 2.5rem; display: inline-block; width: 100%;}
    .communiquer, .fideliser{ width:100%; color:#fff; padding: 50px 0; display: flex;
    flex-direction: column; text-align: center;}
    .fideliser{ margin-left: auto; display: none;}
    .iconelist ul, .fideliser ul{display: flex; justify-content: center; margin-bottom: 0.5rem;}
    .iconelist ul li a, .fideliser ul li a{position: relative; display: block}
    .iconelist ul li a:hover{opacity: 1;}
    .iconelist ul li a svg *{transition: all 0.25s ease;}
    .iconelist ul li a:hover svg *{ stroke: #3b3b3b}
    .iconelist ul li{position: relative; padding-left: 25px;}
    .iconelist .tooltip{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(115%, -50%);
        background-color: rgba(61, 61, 61, 0.85);
        padding: 9px 15px;
        border-radius: 40px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.15s ease;
        z-index: 1;
        box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.15);
    }
    
    .iconelist .tooltip:before{
        content:"";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 6px 5px 0;
        border-color: transparent rgba(61, 61, 61, 0.85) transparent transparent;
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .iconelist .tooltip.active{
        opacity: 1;
        visibility: visible;
        transform: translate(100%, -50%);
    }
    
    .signature-text{
        font-size: 17px !important;
        width: 700px;
        font-weight: 500 !important;
    }
    
    .icone{height: 3.5rem;}
    section.communiquer ul{display: flex;}
    #metiers h1, #metiers h2 { font: 600 32px/40px 'Open Sans', sans-serif; margin-bottom:6px; padding-right:12px;}
    #metiers p.readmore a { background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat 90% center #3d3d3d;padding : 15px 60px 15px 25px; color: #fff;display : inline-block;border-radius : 30px;font-size: 14px; margin-top: 20px; }   
    #metiers p.readmore a:hover {background-position:right 20px center;}
    .accompagnement .wrap { padding: 100px 0;}
    .accompagnement .wrap > div{ width: 40%;}
    .accompagnement .wrap p.readmore{ align-self: flex-end; margin-left: 40px;}
	#metiers .accompagnement .wrap p.readmore a{ background-color :#66cc66;} 
    
#solutions {background: url(/wp-content/themes/ICefficonnect/images/bg-solutions.jpg) no-repeat left center; background-size:cover; padding:70px 0 50px; }
    #solutions h2 {color:#fff; font-size:32px; font-weight:600; line-height:40px; width:26%; margin-left:5%; margin-top:10px;}
    #solutions h2 strong {color:#66cc66; font-weight:600;}
    .liste-solutions{ width:48%; margin-left:auto;}
	.liste-solutions > ul{ flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .liste-solutions > ul > li{ width:46%; background-color:#fff; border-radius:10px; padding:30px 25px; font-size:13px;}
    .liste-solutions > ul > li:nth-child(n+3){ margin-top:35px;}
    .liste-solutions li h3 {font:500 22px 'Open Sans', sans-serif; color:#66cc66; margin-bottom:10px; text-align:center;text-transform:uppercase;}
    .liste-solutions li .icone { text-align:center; margin-bottom:8px;}
	.liste-solutions ul ul li{ background:url(/wp-content/themes/ICefficonnect/images/bkg-li.png) no-repeat top 7px left 0; padding:2px 0 2px 12px; background-size:7px auto; line-height:16px;}
    .liste-solutions p.readmore { clear:both; text-align:right;}
    .liste-solutions p.readmore a { margin-top:0; background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat right 24px center #3d3d3d; padding:15px 60px 15px 25px; color:#fff; display:inline-block; border-radius : 30px; font-size: 14px; margin-top: 30px;}
    .liste-solutions p.readmore a:hover { background-position:right 19px center;}
    
#client{ background: #fff; padding:70px 0 50px;}
    #client .titre{ font-size:30px; font-weight:600; width:20%; line-height:34px;}
	#client .flexslider{ width:70%; margin-left:auto;}
	#client .flexslider li{ text-align:center;}
	/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  max-width: 100%;
  /*display: block;*/
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  zoom: 1;
}
.flexslider .slides:before{
	display: table;
  width: 100%;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides li{
  display: table-cell !important;
  vertical-align: middle;
  text-align: center;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
  display: inline-block;
  text-align: left;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 16px;
  height: 16px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
}
.flex-direction-nav a:before {
  display: inline-block;
}

.flex-direction-nav .flex-prev {
  left: -30px;
  background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-prev.png) no-repeat;
}
.flex-direction-nav .flex-next {
  right: -30px;
  text-align: right;
  background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-next.png) no-repeat;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-control-nav {
  display:none;
}
    
    
#temoignages{ background: #fff; padding-bottom: 80px;}
    #temoignages .titre {font-weight: 600; font-size:32px; text-align: center; margin-bottom: 25px; line-height:34px;}
    .bloc-temoignage{ background: #66cc66; color:#fff;}
    .bloc-temoignage .item{ width: 50%; padding:95px 90px 50px 10%; background:  url("/wp-content/themes/ICefficonnect/images/guillemet-temoignage.png") no-repeat scroll right 80px top 75px;}
    .bloc-temoignage .titre-temoignage{ background: url("/wp-content/themes/ICefficonnect/images/trait-titre-temoignage.jpg") no-repeat scroll left bottom; color:#fff; display:block; font-size:18px; font-weight: 500; margin-bottom: 25px; padding-bottom: 15px;}
    .bloc-temoignage .owl-theme .owl-controls{ margin:0;}
	.owl-theme .owl-controls .owl-buttons div{ border-radius:0; margin:0; opacity:1; padding:0; width:16px; height:16px; color:rgba(0, 0, 0, 0); overflow:hidden;}
	.bloc-temoignage .owl-buttons .owl-prev{left:-10%; top:50%; position:absolute; background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-prev-blc.png) no-repeat !important;}
	.bloc-temoignage .owl-buttons .owl-next{right:-10%; top:50%; position:absolute; background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-next-blc.png) no-repeat !important;}
	
	.img-temoignage {width : 50%;}
	.bloc-temoignage p.readmore a{ background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat right 20px center #3d3d3d; padding:15px 60px 15px 25px; color:#fff; display:inline-block; border-radius:30px; font-size:14px; margin-top:25px; }
    .bloc-temoignage p.readmore a:hover{ background-position:right 14px center;}
    .img-temoignage{ position:relative; overflow:hidden;}
    .img-temoignage::before{ border-color:#66cc66 transparent transparent transparent; border-style:solid; border-width:350px 117px 0 0; content: ""; height:0; position:absolute; left:0; top: 0; width: 0; z-index: 2;}
    .img-temoignage img{ object-fit:cover; height:100%;}
    
    .bloc-advice{display: flex; flex-direction: column;}
    .bloc-advice h2{align-self: center; color: #66cc66; margin-top: 3rem; font-size: 32px; font-weight: 600;}
    .bloc-advice p{align-self: center; text-align: center; margin-top: 1.2rem; line-height: 1.7rem; font-weight: 500;}
    .bloc-advice .text{width: 70%; margin: 0 auto;}
    .bloc-advice .trait{align-self: center; height: 2px; width: 10%; background-color: lightgrey; margin-top: 0.7rem;}
    
    #actualites{ padding:55px 0 35px;}
    #actualites .wrap { flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:flex-end;}
    #actualites .wrap .titre-section-actus{ width:24%; background:url("/wp-content/themes/ICefficonnect/images/fleche-titre-actualite.png") no-repeat scroll top 112px left 50%; padding-right:90px; padding-top:25px; font-size: 30px; font-weight: 600; line-height: 35px;}
    #actualites .wrap #slider_container_nos_actus.owl-carousel{ width:76%;}
	#actualites .item-slide{ background: #fff; padding:30px 6% 25px; color:#3d3d3d; font-size:13px; width:95%; float:right; text-align:justify;}
    #actualites .wrap .item-slide h3{ font-size:18px; line-height:22px; font-weight:600; margin-bottom:20px; color:#3d3d3d; text-align:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;line-height: 22px; max-height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 44px;}
	#actualites .wrap .item-slide h3 a{ color:#3d3d3d;} 
	#actualites .wrap .item-slide .item-desc {overflow: hidden ; text-overflow: ellipsis; display: -webkit-box;line-height: 22px; max-height: 88px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 88px;}
    #actualites .lirelasuite{ text-align:right; margin-top:5px;}
    #actualites .wrap .readmore a{ background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat right 20px center #3d3d3d; padding :15px 60px 15px 25px; color: #fff; display : inline-block;border-radius : 30px; font-size: 14px; margin-top: 25px;}
    #actualites .wrap .readmore a:hover {background-position:right 14px center;}
	#actualites .owl-buttons .owl-prev{left:-10px; top:50%; position:absolute; background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-prev.png) no-repeat !important;}
	#actualites .owl-buttons .owl-next{right:-40px; top:50%; position:absolute; background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-next.png) no-repeat !important;}


/*************************************** CONTENU ****************************************************/
main{padding-top: 83px;}

/***** fil d'ariane ****/
#breadcrumbs { padding-top: 116px; font-size:12px; padding-bottom: 35px;}
	#breadcrumbs a { color:#000;}

/** contenu **/
    
article { width:920px; margin:0 auto 60px; background:#fff;}
    article .titre{ background:#66cc66;}
    article .titre h1{ font-weight:600; font-size:26px; line-height:30px; color:#3d3d3d; text-align:center; padding:35px 40px 40px; text-transform:uppercase;}
    article .titre h1 strong{ color:#fff; font-size:32px; font-weight:600; text-transform:none; display:block; line-height:42px;}
    article .contenu{ padding:55px 65px 50px;}
	article h2 { font-size:20px; font-weight:600; color:#66cc66; margin-bottom:18px; line-height:24px;}
    article h3 { }
	article p { line-height:20px;}
	article li { line-height:20px; padding:3px 0 3px 25px; background:url(/wp-content/themes/ICefficonnect/images/bkg-li.png) no-repeat top 7px left 0;}
	article li li { margin-left:20px;}
	article li ul { margin-bottom:5px;}

	.alignright { float:right; margin-left:30px;}
	.alignleft { float:left; margin-right:30px;}
	.aligncenter { display: block; margin: 0 auto;}
	.clear{ display:block; clear:both;}
    .bloc-gris{ background:#f4f4f4; font-size:19px; line-height:27px; font-weight:600; color:#3d3d3d;}
	.bloc-gris strong{ color:#66cc66;}
    .bt-vert{ background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat right 24px center #66cc66; padding:14px 60px 15px 25px; color:#fff; display:inline-block; border-radius:30px;font-size:15px; font-weight:600; margin-top:20px; }  
    .bt-vert:hover{background-position: right 17px center ;}
	.uppercase{ font-weight:600; text-transform:uppercase;}
	
    .bottom-article { height:175px; font-size:29px; line-height:32px; font-weight:600; color:#fff; background:url(/wp-content/themes/ICefficonnect/images/bkg-devis.jpg) no-repeat right center #353535; margin-bottom:55px;}
    .bottom-article .small{ font-size:18px;}
	.bottom-article .wrap > p { margin-top:auto; margin-bottom:auto;}
	.bottom-article .wrap p:last-child{ margin-left:auto;}
    .bottom-article a { font-size:18px; line-height:25px; background:url(/wp-content/themes/ICefficonnect/images/pictos/icone-devis.png) no-repeat 27px center #00bdc0; padding:12px 30px 12px 60px; color:#fff; border-radius:30px; display:inline-block; margin:auto;}
	.bottom-article a:hover{ background-color:#3d3d3d;}
	.bottom-article a.gform_anchor {background:none; padding:0; }
	.page .bottom-article .wrap{ width:920px; height:175px;}
	.bottom-article .wrap > div{ margin:auto;}
	.bottom-article a.gform_anchor{ background:none; padding:0; display:inline;}
	
/* page niveau 1 */
    main.besoin{ position:relative; background-repeat:no-repeat; background-color:#f3f3f3; background-position:100% 175px;}
    
    .page-id-166 main.besoin{ position:relative; background-repeat:no-repeat; background-color:#f3f3f3; background-position:100% 178px;}
    
    .page-id-577 main.besoin{ position:relative; background-repeat:no-repeat; background-color:#f3f3f3; background-position:100% 178px;}
    
    main.besoin article{ background:none; width:100%;}
    main.besoin .titre{ width:65%; margin-bottom:50px; height: 217px; background:none;}
    main.besoin .titre .fond-vert{ background:#66cc66; width:calc(94% - 117px); color:#fff; height:204px; position:relative;}
    main.besoin .titre .fond-vert::before{ border-color:#66cc66 transparent transparent transparent; border-style:solid; border-width:204px 117px 0 0; content:""; height:0; position:absolute; right:-117px; top:0; width:0; z-index:2;}
    main.besoin .titre h1{ text-align:left; width:745px; float:right; padding:40px 20px 18px 0; font-size:32px; line-height:34px; color:#fff; text-transform:none;}
    main.besoin .titre p{ text-align:left; width:745px; float:right; padding:0 20px 20px 0;}
    
    main.besoin .liste-besoins{ margin-top:45px; margin-bottom:65px;}
    .liste-besoins .wrap{ width:1250px; flex-wrap: wrap; -webkit-flex-wrap: wrap;  justify-content: center;}
    .liste-besoins .bloc{ width: 33.3%; padding: 50px 5% 115px; border-left: 1px solid #d6d6d6; font-size: 13px; color:#6a6a6a; text-align:center; position:relative;background: #fff;}
    .liste-besoins .bloc:nth-child(n+4){ border-top:1px solid #d6d6d6;}
    .liste-besoins .bloc:nth-child(1),
    .liste-besoins .bloc:nth-child(4),
    .liste-besoins .bloc:nth-child(7){ border-left:none;}
	.liste-besoins .bloc img{ margin-bottom:5px;}
    .liste-besoins .bloc h2{ color:#212121; font-size:18px; font-weight:700; line-height:22px; margin-bottom:10px; margin-top:10px;}
	.liste-besoins .bloc h2 a{ color:#212121;}
	.liste-besoins .bloc p{ text-align:left;}
	.liste-besoins .bloc p:last-child{ position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:50px; text-align:center; padding:0 15px;}
    .liste-besoins .bloc p a{ font-size:16px; padding:11px 60px 12px 25px; background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat right 24px center #66cc66; color:#fff; display:inline-block; border-radius:30px; font-weight:600;}
    .liste-besoins .bloc p a:hover  {background-position: 93% center;}
	
    main.besoin .avantages h2{ font-size: 32px; text-align: center; line-height: 40px; padding:0 30%;}
    .besoin .avantages .wrap > p, .besoin .textebesoin  > p{ padding:0 10%;} 
	.liste-avantages,main.besoin .textebesoin{ padding-top: 55px;}
    .liste-avantages .bloc-avantage{ background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; padding: 25px 5% 20px; width:30%; text-align:center;}
    .liste-avantages .bloc-avantage img{ margin-bottom:8px;}
    .liste-avantages .bloc-avantage h3{ text-transform: uppercase; color:#66cc66; font-size:20px; margin: 5px 0 20px; font-weight: 600;}
    .liste-avantages .bloc-avantage li{ font-size:13px; background: url(/wp-content/themes/ICefficonnect/images/pictos/picto-check.png) no-repeat left top 7px; text-indent: 0; padding:6px 0 6px 30px; background-size: 19px; text-align:left;}
    .liste-avantages .bloc-avantage li::before{ content:""; padding: 0;}
      
    main.besoin .temoignages{ background-color:#66cc66; width:100%; color:#fff; font-size:15px; margin-top:80px; overflow:hidden;}
    main.besoin .temoignages .floatleft { padding: 85px 30px 65px 8%; width: 50%;}
    main.besoin .temoignages .floatright{ position : relative; width:50%;}
    main.besoin .temoignages .floatright::before{ border-color:#66cc66 transparent transparent transparent; border-style:solid; border-width: 350px 108px 0 0; content:""; height:0; position: absolute; top: 0; width: 0; z-index: 2;}
    main.besoin .temoignages .titre { font-weight:500; font-size:18px; height:auto; background:url(/wp-content/themes/ICefficonnect/images/trait-titre-temoignage.jpg) no-repeat bottom left; padding-bottom:15px; margin-bottom:25px;}
    main.besoin .temoignages .floatright img{ height: 100%; width: auto; object-fit: cover;}
    main.besoin .temoignages .readmore { background:url(/wp-content/themes/ICefficonnect/images/fleche-readmore.png) no-repeat 87% center #3d3d3d; padding:15px 60px 15px 25px; color:#fff; display:inline-block; border-radius : 30px; font-size: 14px; margin-top: 23px; }
    main.besoin .temoignages .readmore:hover {background-position : 90% center ;}  
	 
	form.rappel{ justify-content:flex-end; align-items: center;}
	body main.besoin .gform_wrapper .gform_body	{ width:65%;}
    main.besoin .gform_wrapper{ font-size:14px; font-weight:300;}
	main.besoin .gform_wrapper .gform_footer{ margin:0; width:30%; padding-left:20px;}
	main.besoin #gform_wrapper_3{ margin-left:auto;}
	.gform_wrapper form.rappel .top_label .gfield_label{ display:none !important;}

	main.besoin .bottom-article .wrap{ width:1155px; height:175px;}
	body .bottom-article .gform_wrapper .top_label div.ginput_container{ margin:0;}
	body .bottom-article .gform_wrapper .top_label li:first-child div.ginput_container{ border-right:1px solid #cdcdcd;}
	body .bottom-article .gform_wrapper input:focus{ background:#3d3d3d; color:#fff;}
	.bottom-article input[type=text]{ border:none; padding: 10px 10px 9px !important; border-radius:0; webkit-appearance:none; font: 400 15px 'Open Sans', Arial, Helvetica, sans-serif;}
	.bottom-article .gform_confirmation_message{ font-size:16px; line-height:22px;}
	body .bottom-article .gform_wrapper ul.gform_fields li.gfield, body .bottom-article .gform_footer { margin-left: 5px !important;}
	
/* page niveau 2 */   
    main.offre{ position:relative; background-repeat:no-repeat; background-position:100% 172px; background-color:#f3f3f3;}   
    main.offre article{ background: none; width:100%; margin-top:20px;}
    main.offre .titre{ width: 50%; background:none;}
    main.offre .titre .fond-vert{ background: #66cc66; width: calc(100% - 117px); position:relative; height: 194px;}
	main.offre .titre .fond-vert::before{ border-color: #66cc66 transparent transparent transparent; border-style: solid; border-width: 194px 117px 0 0; content: ""; height: 0; position: absolute; right: -117px; top: 0; width: 0; z-index: 2;}
    main.offre .titre h1{ text-align:left; width:462px; float:right; font-size:20px; line-height:28px; color:#fff; text-transform:none;}
    main.offre .titre h1 strong{ text-transform:none;}
    
    .presentation-offre{ background: #fff;}
    .presentation-offre .presentation-gauche{ padding: 60px 8% 55px 0; border-right: 4px solid #f3f3f3; width:60%;}
	.presentation-offre .presentation-gauche h2{ margin-bottom:25px;}
    .presentation-offre .presentation-gauche p{ line-height: 18px !important;}
    .presentation-offre .presentation-droite{ width:40%; padding:90px 0 50px 8%;}
    .presentation-offre li{ background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-check.png) no-repeat left center; text-indent: 0; padding:12px 0 12px 45px; font-size:16px; font-weight: 700; color:#4b4b4b;}
    
    .offre-produits{ padding:75px 0 0;}
    .offre-produits .wrap{ width:920px;}
    .offre-produits h2{ text-align:center;}
	.offre-produits p {padding : 0 1%; }
    .liste-produits { padding-top:20px; flex-wrap: wrap; -webkit-flex-wrap: wrap;  justify-content: space-around !important; }
    .liste-produits .bloc-produit{ background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; padding: 35px 3% 80px; width:31%; position:relative; margin-top:25px;}
    .liste-produits .bloc-produit .logo-solution{ text-align: center; position:absolute; bottom:25px; width:80%;}
	.liste-produits .bloc-produit .logo-solution img{ max-height:56px;}
    .liste-produits .bloc-produit .titre{ text-align:center; color:#66cc66; font-size:17px; margin: 5px 0 20px; width:100%;}
	.liste-produits .bloc-produit .titre .nom-solution{ text-transform:uppercase; display:block; margin-top:5px; font-size:20px; color:#212121;}
    .liste-produits .bloc-produit p{ margin-bottom:10px;}
	.liste-produits .bloc-produit li{ font-size:13px; background: url(/wp-content/themes/ICefficonnect/images/pictos/picto-check.png) no-repeat left center; text-indent: 0; padding:6px 0 6px 30px; background-size: 19px;}
    
    .conseil-offre{ padding-bottom:60px; color:#fff; font-size:20px; font-weight:600;}
    .conseil-offre .wrap { background:#66cc66;}
    .conseil-offre .conseil-gauche{ width:42%; padding:40px 40px 30px 6%; line-height:36px; font-size:29px; font-weight:600; line-height:34px;}
    .conseil-offre .conseil-droite{ background:#3d3d3d; margin-left:auto; padding:30px 50px 30px 150px; width:58%; position:relative; overflow:hidden; font-size:18px; line-height:24px}
    .conseil-offre .conseil-droite::before{ border-color:#66cc66 transparent transparent transparent; border-style:solid; border-width:219px 100px 0 0; content:""; height:0; position:absolute; left: 0; top: 0; width: 0; z-index: 2;}
    .conseil-offre .conseil-droite a{ color:#fff; display:block; background:url(/wp-content/themes/ICefficonnect/images/fleche-liste.png) no-repeat left 26px center; padding:10px 20px 10px 73px; font-size:20px; line-height:26px;}
    .conseil-offre .conseil-droite a:hover{ background:url(/wp-content/themes/ICefficonnect/images/fleche-liste.png) no-repeat left 26px center #262626;}
	.conseil-offre .conseil-droite p{ padding-left:73px;}
	
	.offre .bottom-article .wrap{ width:1155px; height:175px}
	.offre .bottom-article a{ font-size:18px; background:#00bdc0; padding:13px 30px; color:#fff; border-radius:30px; display:inline-block; margin:auto;}
	.offre .bottom-article a:hover{ background:#3d3d3d;}
	.offre .bottom-article p:first-child{ margin:auto;}
    
	/* MENU OFFRE */
    .menu-offre{ margin-bottom: 45px; width: 100%; text-transform: uppercase; background: #fff; border-top:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
    .menu-offre #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre, .menu-offre #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre li.mega-menu-item + li.mega-menu-item, #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal li.mega-menu-item + li.mega-menu-item{ border-left:1px solid #e6e6e6;}
    #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre li.mega-menu-item ,  #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal li.mega-menu-item{flex: 1 1 0%;  text-align: center; width: 16.6%; font-size:16px; font-weight: 600; text-transform: uppercase; text-align: center; background: #fff; padding: 6px;}
    .menu-offre ul li:nth-last-child(6):first-child,  
    .menu-offre ul li:nth-last-child(6):first-child ~ li { width: 16.6%;}
    .menu-offre ul li:nth-last-child(5):first-child,  
    .menu-offre ul li:nth-last-child(5):first-child ~ li { background: #ccc;}
    #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal > li.mega-menu-item > a.mega-menu-link{ line-height: 20px; display: block; height: 100%; padding: 90px 5% 22px; position:relative;}
    #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{ background:#f3f3f3;}
    .menu-offre #mega-menu-wrap-Menu_offre #mega-menu-Menu_offre li > a.mega-menu-link:before , .menu-offre #mega-menu-wrap-Menu_multicanal #mega-menu-Menu_multicanal li > a.mega-menu-link:before{ position:absolute; top:35px; margin-left:auto; left:0; margin-right:auto; right:0;}
	

/* page métier */
    main.metier{ position:relative; background-repeat:no-repeat; background-position:100% 172px; background-color:#f3f3f3;}
    main.metier article{ background: none; width:100%; margin-top:32px;}
    main.metier .titre{ width: 50%; margin-bottom: 50px; background:none;}
    main.metier .titre .fond-vert{ background: #66cc66; position:relative; padding-left: 117px;}
    main.metier .titre .fond-vert::before{ border-color: #66cc66 transparent transparent transparent; border-style: solid; border-width: 166px 117px 0 0; content: ""; height: 0; position: absolute; right: -117px; top: 0; width: 0; z-index: 2;}
    main.metier .titre h1{ text-align:left; width:462px; float:right; padding:40px 20px 55px 0; font-size:20px; line-height:28px; color:#fff; text-transform:none;}
    main.metier .titre h1 strong{ text-transform:none;}
    
    main.metier article > .wrap{ padding-top:75px;}
	main.metier .presentation-metier { padding-top: 55px;}
    main.metier h2{ text-align: center; font-size: 32px;}
    main.metier .bloc-metier{ background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; padding: 35px 3.5% 30px; width:31%;  font-size:14px;}
    main.metier .bloc-metier h3{ font-weight: 700; color:#66cc66; font-size:20px; margin-bottom: 35px;}
	main.metier .bloc-metier ul{ margin-bottom:10px;}
    
    main.metier .engagements-metier, main.metier .textmetier{ padding-top: 55px;}
    main.metier .engagements-metier ul { margin-top: 25px;}
    main.metier .engagements-metier ul li{ background: #66cc66; width:25%; color:#fff; padding:80px 20px 60px; text-indent:0; text-align:center; font-size:18px;}
    main.metier .engagements-metier ul li h3{ text-transform:uppercase; font-size:22px; display:inline-block; margin-bottom:10px;}
    main.metier .engagements-metier ul li + li{border-left:1px solid #fff; }
    
    main.metier .chiffres { background: #fff; margin-top: 80px;}
    main.metier .chiffres .titre-chiffres{ position:relative; background: #3d3d3d; font-size:29px; line-height:34px; color:#fff; font-weight: 600; height: 230px; padding:80px 20px 0 60px;}
    main.metier .chiffres .titre-chiffres::before{ border-color: #3d3d3d transparent transparent transparent; border-style: solid; border-width: 230px 88px 0 0; content: ""; height: 0; position: absolute; right: -88px; top: 0; width: 0; z-index: 2;}
    main.metier .chiffres .contenu-chiffres{  width:74%; padding: 85px 0;}
    main.metier .chiffres ul { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    main.metier .chiffres ul li{ width:33.3%; text-transform: uppercase; color:3d3d3d; font-weight: 700; text-indent: 0; padding: 10px 5%; background:none;}
    main.metier .chiffres ul li strong{ font-size:46px; font-weight: 600; color:#66cc66; display: block; line-height: 50px; padding-bottom: 20px;}
    .liste-produits .bloc-produit li::before, .presentation-offre li::before, main.metier .chiffres ul li::before, main.metier .engagements-metier ul li::before{ content:""; padding: 0;}
    
/** blog **/   
    main.blog{ background: #f3f3f3; padding-bottom: 48px;}
    .bandeau-blog{ background: url(/wp-content/themes/ICefficonnect/images/bandeau-blog.jpg) no-repeat; background-size: cover; width:100%; height: 388px; margin-bottom: 60px;}
    .titre-blog, .titre-blog h1{ color:#000; font-size:32px; font-weight:600; line-height:40px; margin-top:50px;}
	.titre-blog .small-title{ font-size:22px; line-height:28px;}
    main.blog > .wrap{  flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    
    /* article blog */
    main.blog article{ width:71.5%; margin:0; padding:28px 8% 45px;}
	main.blog article .partage{ text-align:right;}
	main.blog article .partage-bottom{  text-align:center; margin-top:30px;}
    main.blog article p{ text-align: justify;}
    main.blog article h1{ padding: 36px 0 40px; text-align:center; font-size:25px; font-weight:600; line-height: 30px;}
    
    main.blog aside{ width:25%; margin-left:auto ;align-items:flex-start;}
    main.blog aside > div{ margin-bottom:35px; width:100%;}
    main.blog aside > div:last-child{ margin-bottom:0;}
    main.blog aside > div.bloc-aside.widget_categories{ background:#66cc66; padding:20px 6% 20px 10%; color:#fff;}
	main.blog aside > div.bloc-aside.widget_categories .current-cat{ background:url(/wp-content/themes/ICefficonnect/images/pictos/picto-prev-blc.png) no-repeat center right;}
	main.blog aside > div.bloc-aside.widget_categories ul li{ padding-right:15px;}
    main.blog aside > div.bloc-aside.widget_categories ul a{ color:#fff; text-transform:uppercase; font-weight:700; font-size:13px; display:block; padding:8px 0;}
    main.blog aside .gform_wrapper{ background:url(/wp-content/themes/ICefficonnect/images/bkg-newsletter.jpg) no-repeat; padding:40px 5% 56px; color:#fff; text-align:center; font-weight:600;}
    main.blog aside .gform_wrapper #field_2_2 > p:first-child{ font-size:30px; font-weight:500; display:block; margin-bottom:10px;}
	main.blog aside .gform_wrapper form { text-align:center;}
	main.blog aside .gform_wrapper .top_label .gfield_label { display:none;}
	aside .gform_wrapper .top_label input.medium, aside .gform_wrapper .top_label select.medium{ width:90%; padding:8px 18px !important; border:0; -webkit-appearance:none;}
	input[type=checkbox]{-webkit-appearance:checkbox !important;}
	body aside .gform_wrapper div.validation_error{ display:none;}
    
	
	
    .suggestion{ background:#f3f3f3; padding-bottom:56px;}
    .suggestion .yuzo_widget_wrap{ width:71.5%; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .suggestion .widget-title{ font-size:20px; font-weight:600; display:block; width:100%; margin-bottom:20px;}
	.suggestion .yuzo_related_post_widget .relatedthumb{ width:48%; padding:45px 5% 30px !important; font-size:13px; line-height:18px;}
	.suggestion .style-3 .yuzo-list::before{ background:none;}
	.suggestion .yuzo-list:last-child{ margin-left:auto;}
    .style-3 .yuzo-list a{ color:#3d3d3d; padding-left:0; padding-bottom:10px;}
    .suggestion article a.readmore{ text-align:right; font-weight:600; font-size:14px; display:block; margin-top:15px;}
    
    /* liste blog */
	
	main.blog .bandeau-blog .filtre {text-align: center; padding : 30px 0;}
	main.blog .bandeau-blog .filtre select.postform { display: block;  margin: 20px auto; width: 500px; height: auto; color: #212121; outline: none; padding: 10px 2% !important; border: none; background: #f3f3f3; margin-bottom: 3px; border-radius: 0;font: 400 16px 'Open Sans', Arial, Helvetica, sans-serif !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    main.blog .intro-blog{ width:100%; text-align: center; font-size: 16px; padding: 0 10%; margin: -20px 0 40px;}
    main.blog .titre-liste-blog{ width:100%; font-size:25px; font-weight: 600; background: url(/wp-content/themes/ICefficonnect/images/bkg-titre-listeblog.png) no-repeat left 300px bottom; margin-bottom: 15px; padding-bottom: 15px;}
    main.blog .liste-blog { width:71.5%;}
    main.blog .liste-blog article{ width:100%; margin-bottom: 18px; padding: 0;}
	main.blog .liste-blog.temoignages {width : 100%;  padding: 0 100px;}
	main.blog .liste-blog.temoignages article { display: flex; display: -webkit-flex; align-items : center; }
    main.blog .liste-blog.temoignages article .img-blog{ width:49%;}
	main.blog .liste-blog.temoignages article .img-blog {width : 30%; }
	main.blog .liste-blog article .img-blog a{ display:block;}
	main.blog .liste-blog article .img-blog img{object-fit: cover;}
    main.blog .liste-blog article .content-blog{ padding:30px 5% 24px 5%; font-size: 14px; line-height: 18px; width:61%;}
	main.blog .liste-blog.temoignages article .content-blog {width : 70%; }
	main.blog .liste-blog article .content-blog h2 { margin-bottom:12px;}
	main.blog .liste-blog article .content-blog-full{ width:100%; padding:30px 5% 24px 5%;}
    main.blog .liste-blog article h2{ font-size: 18px; color:#212121;}
	main.blog .liste-blog article h2 a{ color:#212121;}
    main.blog .liste-blog article a.readmore{ font-size:14px; text-align: right; display: block; margin-top:10px;}
	
	/* pagination */
	.pagination { margin-top:40px; text-align:center;}
	.pagination ul{display:table; margin:auto; border-collapse: separate; }
	.pagination li{display:table-cell; padding-right: 15px; width:55px; height:55px;}
	.pagination li span, .pagination li span.current, .pagination li a{ padding:7px 12px; border-radius:50%;  font-weight: 700; font-size: 12px; line-height:22px; text-align: center;}
	.pagination li a{ color:#3d3d3d; border:1px solid #3d3d3d; -webkit-transition: all 0.3 ease-in-out; -o-transition: all 0.3 ease-in-out; transition: all 0.3 ease-in-out;}
	.pagination li a:hover, .pagination li span, .pagination li span.current{ border:2px solid #66cc66;}
	article .pagination li:before { content:none;}

/* contact */
body .gform_wrapper { padding:0; margin:0;}
body .gform_wrapper .gform_body{ width:100%;}
	article .gform_wrapper input[type=text], article .gform_wrapper textarea { width:100% !important; height:auto; color:#212121; outline: none; padding:10px 2% !important; border:none; background:#f3f3f3; margin-bottom: 3px; border-radius:0; font:400 16px 'Open Sans', Arial, Helvetica, sans-serif !important; -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ;}
	.gform_wrapper li input[type=text]:focus,
	.gform_wrapper li textarea:focus,
	.gform_wrapper.gf_browser_gecko select:focus{ background:#3d3d3d; color:#fff;}
	.gform_wrapper.gf_browser_gecko select{ padding:10px 2% !important;}
	.gform_wrapper.gf_browser_gecko select option{ border:none; padding:0 5px;}
	body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {width : 100%; clear : both ; }
	body .gform_wrapper ul.gform_fields li.gfield{ padding:0;}
	article .gform_wrapper .top_label .gfield_label { font-weight:300; margin-bottom:5px;}
	article .gform_wrapper li:focus .gfield_label{ font-size:15px;}
	article .gform_body ul{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	article .gform_body ul li{ width:49%;}
	article .gform_body ul li.width100{ width:100%;}
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width:100%; font-size:16px; font-weight:400;}
	.gform_wrapper .top_label input.medium { -webkit-appearance:none;}
	body .gform_wrapper .top_label div.ginput_container{ margin:0;}
	.gform_wrapper li { margin-bottom:8px; background:none;}
	.gform_wrapper input[type=checkbox] { width:auto;}
	.gform_wrapper.gf_browser_gecko select{ border:none; background:#f3f3f3;}
	
	body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font: 400 15px 'Open Sans', Arial, Helvetica, sans-serif;}
	body .gform_wrapper .gform_footer {margin: 0; padding : 0;}
	.gform_wrapper input[type=submit] { outline: none;font:600 16px 'Open Sans', Arial, Helvetica, sans-serif; padding:7px 20px; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:#00bdc0; border-radius:30px; color:#fff; cursor:pointer; margin:0; outline:none;}
	.gform_wrapper input[type=submit]:hover { background:#3d3d3d;}
	input:focus, input:active{ outline:0; background-color:#3d3d3d; -webkit-appearance: none; border:none;}
	
	body article .gform_wrapper div.validation_error{ width:100%;}
	body .gform_wrapper div.validation_error{ display:none;}
	body .gform_wrapper .validation_message{ color:#ea0853; border:none; line-height:18px !important;}
	.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea{ border-color:#c70202;}

	/* contact erreur */
	article .gform_wrapper .gfield_required, article .gform_wrapper div.validation_error, article .gform_wrapper .gfield_error .gfield_label, article .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color:#ea0853;}
	.gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea {border: 1px solid #dbdbdb;}
	.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .bottom-article .gform_wrapper li.gfield.gfield_error {background-color: transparent; border-top: none; border-bottom: none;}
	.gform_wrapper .field_description_below .gfield_description { padding-top: 5px;}
	.gform_wrapper div.validation_error { border:0;}
	body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ background:none; border:none;}
	body .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper li.gfield_error textarea{ border-color:#ea0853;}
	.gform_wrapper .top_label .gfield_error, .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:49%;}
	body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin-top:0;}

	/** Plan du site **/ 
	article .wsp-container > ul.wsp-pages-list{margin-bottom: 50px;}
	article .wsp-container  h2{ text-transform: uppercase; font-size: 22px; display: inline-block; margin-bottom: 10px; color: #3d3d3d;}
	article .wsp-container  ul.wsp-posts-list{color :#66cc66;}
	
	
/*************************************** PIED DE PAGE ****************************************************/
footer { padding-bottom: 40px; background: #fff;}
    .reseaux-sociaux { background : linear-gradient(to right, #66cc66 60%, #3d3d3d 40%);}
    .reseaux-sociaux ul { display: table; color: #fff;  text-transform: uppercase;}
    .reseaux-sociaux ul li { width: 20%; display : table-cell; vertical-align:middle; text-align: center; cursor: pointer; }
    .reseaux-sociaux ul li:hover { background-color: #72d472;}
    .reseaux-sociaux ul li:nth-child(4), .reseaux-sociaux ul li:nth-child(5) { background-color: #3d3d3d;}
    .reseaux-sociaux ul li:nth-child(4):hover, .reseaux-sociaux ul li:nth-child(5):hover{ background-color: #4e4e4e;}
    .reseaux-sociaux ul li a { color: #fff; display: block; padding: 20px 40px;}
	/*.reseaux-sociaux ul li:nth-child(5){ padding:20px 40px;}*/
    .reseaux-sociaux ul li a img,
	.reseaux-sociaux ul li img{ display: block; margin: 0 auto 15px; -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out ; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out ; transition: all 0.3s ease-in-out ;}
    .reseaux-sociaux ul li a:hover img{ margin: 8px auto 7px;}
    
    .liens-footer{ padding: 35px 0;}
	.liens-footer > a{ display:block; padding-right:20px;}
    .liens-footer img{ width:219px; height: 55px;}
    .liens-footer a{ color:#000; font-size:12px;}
    .liens-footer ul{ -webkit-columns: 4; -moz-columns: 4; columns: 4; -moz-column-gap: 40px;  -webkit-column-gap: 40px; column-gap: 40px;}

    #menu-footer { float: right;}
	#menu-footer li { display: inline; padding:0 15px;}
	#menu-footer a { color: #000; font-weight: 600; font-size : 12px;}

#IC { float:right;  margin-left: 20px;}

}
@media all and (max-width: 1500px){
    /*page besoin */
	main.besoin .titre h1, main.besoin .titre p {width: 735px; }
}

@media all and (max-width: 1400px){
	/*page besoin */
	main.besoin .titre{ width:85%;}
	main.besoin .titre h1,
	main.besoin .titre p{ padding-left:5%; width:100%;}
    .liste-besoins .wrap{ width:98%;}

}

@media all and (max-width: 1000px){
    .menu-trigger{display: block;}
    body #mega-menu-Menu_principal{display: none !important;}
}
	
@media all and (max-width: 1265px){
	/*home*/
	.flex-direction-nav .flex-next{ right:0;}
	#actualites .wrap .titre-section-actus{ padding-right:55px;}
	#actualites .owl-buttons .owl-next{ right:0;}
	#actualites .owl-buttons .owl-prev{ left:0;}
	#actualites .owl-buttons .owl-next,
	#actualites .owl-buttons .owl-prev{ position:relative; top:0;}
	#actualites .owl-theme .owl-controls{ text-align:right;}
	#actualites .wrap .readmore a{ margin-right:20px;}

	/*page offre*/
	/*.conseil-offre ul{ padding:30px 30px 30px 120px}*/
}

@media all and (max-width: 1190px){
    #metiers .intro-metier{padding: 17rem 2% 6rem 2%;}
	.wrap { width:98%;}
    .links-left{ display:none;}
	header .logo{ margin-left: 8%;}
	/*page besoin*/
	main.besoin .avantages h2{ padding:0 15%;}
	.besoin .avantages .wrap > p{ padding:0 5%;}
    /*page offre*/
	main.offre .titre{ width:60%;}
	main.offre .titre h1{ padding-left:5%; width:100%;}
    .presentation-offre .presentation-gauche{ padding-left: 2%;}
	/** blog **/
	main.blog .liste-blog article .img-blog a {  height: 100%;}
	main.blog .liste-blog article .img-blog img {  height: 100%; width: auto; }
	/*bottom*/
	main.besoin .bottom-article .wrap,
	main.offre .bottom-article .wrap{ width:98%;}
    /*footer*/
    .reseaux-sociaux .wrap{ width: 100%;}
    .reseaux-sociaux ul li a { padding: 20px;}
}

@media all and (max-width: 1085px){
#mega-menu-wrap-Menu_offre #mega-menu-Menu_offre li.mega-menu-item { width: 33.33%;}
	/*page besoin*/
	main.besoin .titre{ width:90%;}
	/*page offre*/
	.conseil-offre strong{ font-size:24px;}
}

@media all and (max-width: 1000px){
	/*home*/
	#solutions{ height:auto;}
	#solutions h2 { margin-left:50px;}
	#solutions .liste-solutions { width:62%;}
	#client .titre{ font-size:21px; line-height:26px;}
	/*page besoin*/
	main.besoin .titre{ width:90%;}
    main.besoin .temoignages .floatleft{ padding:80px 30px 60px 6%;}
    /*page offre*/
    .presentation-offre .presentation-droite{ padding-left: 5%;}
    /*page metier*/
    main.metier .presentation-metier{flex-direction: column; }
    main.metier .bloc-metier{ width:100%;}
    main.metier .bloc-metier + .bloc-metier{ margin-top:35px;}
	.page .bottom-article .wrap,
	main.besoin .bottom-article .wrap{ width:98%; justify-content: center; flex-direction: column;}
	/*bottom*/
	.bottom-article .wrap{ padding-top:20px; padding-bottom:20px;}
	.bottom-article .wrap p{ text-align:center; display:block; margin:auto;}
	.bottom-article a{ display:inline-block; margin-top:10px; line-height:23px;}
}

@media all and (max-width: 950px){
	/*home*/
	#solutions .wrap{ display:block;}
	#solutions h2,
	#solutions .liste-solutions{ width:100%;}
	#solutions h2{ margin-bottom:35px; padding-left:30px; margin-left:0;}
	.liste-solutions > ul{ padding:0 30px;}
	.liste-solutions p.readmore a{ margin-right:30px;}
    /*page besoin*/
	main.besoin .titre{ width:97%;}
    .liste-besoins .bloc{ width:50%;}
    .liste-besoins .bloc:nth-child(odd){ border-left:none;}
    .liste-besoins .bloc:nth-child(even){ border-left:1px solid #d6d6d6;}
    .liste-besoins .bloc:nth-child(n+3){ border-top:1px solid #d6d6d6;}
	/*page offre*/
	main.offre .titre{ width:70%;}
    .offre-produits .wrap{ width:96%;}
    .liste-produits .bloc-produit, .liste-avantages .bloc-avantage { width:32%;}
	.conseil-offre .conseil-gauche{ padding-right:0;}
	.conseil-offre .conseil-droite{ padding-left:80px;}
	/*bottom*/
	.page .bottom-article .wrap{ width:98%;}
    /*blog*/
    main.blog article, main.blog aside, .suggestion .content-suggestion, main.blog .liste-blog, article { width: 100%;}
    main.blog aside{ margin-top:0; flex-wrap: wrap; -webkit-flex-wrap: wrap; display: flex; display: -webkit-flex; justify-content: space-between;}
    main.blog aside > div{ width:48%;}
    main.blog aside .gform_wrapper{ background-size: cover;}
	.single main.blog aside{ display:none;}
	.single .suggestion .yuzo_widget_wrap{ width:100%;}
    /*footer*/
    .reseaux-sociaux ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .reseaux-sociaux ul li{ width:33.3%;}
    .reseaux-sociaux ul li:nth-child(1),  
    .reseaux-sociaux ul li:nth-child(2), 
    .reseaux-sociaux ul li:nth-child(3) { background: #66cc66;}
    .reseaux-sociaux ul li:nth-child(4), 
    .reseaux-sociaux ul li:nth-child(5){ width:50%;}   
    .liens-footer ul{ -webkit-columns: 3; -moz-columns: 3; columns: 3;}
    main.metier .chiffres{display: flex; flex-direction: column;}
    main.metier .chiffres .contenu-chiffres{width: 100%;}
    main.metier .chiffres .titre-chiffres:before{display: none;}
}

@media all and (max-width: 835px){
	/*home*/
	#metiers .accompagnement .wrap{ width:96%; display:block; padding:70px 0;}
	#metiers .accompagnement .wrap > h2,
	.accompagnement .wrap > div{ width:100%;}
	.accompagnement .wrap p.readmore{ margin-left:0;}
	.accompagnement .wrap > div{ width:62%;}
	#temoignages .img-temoignage{ display:none;}
	#temoignages .bloc-temoignage .item{ width:100%; padding:50px 10%; background-position:right 80px top 50px;}
	#actualites .wrap .titre-section-actus{ width:30%; font-size:26px;}
	#actualites .wrap #slider_container_nos_actus.owl-carousel{ width:70%;}
	/* Page témoignages */ 
	main.blog .liste-blog.temoignages { padding: 0 10px;}
	/*header*/
	header .logo{ margin-left:2%;}
	header .links-right{ font-size:14px;}
	header .links-right a{ font-size:15px; margin-top:6px;}
	/*page besoin*/
	main.besoin .titre,
	main.besoin .titre .fond-vert{ width:100%; height: 100%;}
	main.besoin .titre .fond-vert::before{ border:none;}
    .liste-avantages{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .liste-avantages .bloc-avantage{ width:48%; margin-bottom: 30px;}
    main.besoin .temoignages .floatleft{ width:55%; padding:60px 0px 40px 6%}
    main.besoin  .temoignages .floatright{ width:45%;}
    /*page offre*/
    .presentation-offre .wrap, .liste-produits{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .presentation-offre .presentation-droite{ width:100%; padding: 50px 5%}
    .presentation-offre .presentation-gauche{ width:100%; border-right:none; border-bottom:4px solid #f3f3f3;}
    .liste-produits .bloc-produit{ width:100%;}
    .liste-produits .bloc-produit + .bloc-produit{ margin-top:35px;}
	.conseil-offre .wrap{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.conseil-offre .conseil-gauche{ width:100%; padding-right:6%;}
	.conseil-offre .conseil-droite{ width:100%; padding-left:6%; padding-right:6%;}
	.conseil-offre .conseil-droite::before{ border:none;}
    /*page metier*/
    main.metier .engagements-metier ul{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    main.metier .engagements-metier ul li{ width:50%;}
    main.metier .engagements-metier ul li:nth-child(n+3){ border-top:1px solid #fff;}
    /*footer*/
    .liens-footer img{ display: none;}
    #menu-footer { float: none; margin-top: 20px;}
    footer { padding: 0 0 60px;position: relative;}
    #IC {position : absolute; left : 0 ; right: 0; margin: auto; text-align: center ; bottom :20px;}
}

@media all and (max-width: 700px){
	/*header*/
	#menu strong{ display:none;}
	header .links-right{ display:none;}
	.cd-nav-trigger span{ margin-top:0;}
	/*home*/
	#metiers{ margin-top:0;}
	#metiers .wrap{ width:100%;}
	#metiers .top-metiers .wrap{ display:block;}
	.communiquer, .fideliser{ width:100%; padding-right:2%; padding-left:2%;}
	.accompagnement{ background:#fefefe url("/wp-content/themes/ICefficonnect/images/bg-accompagnement.jpg") no-repeat scroll right bottom / cover; }
	#actualites{ padding-top:35px;}
	#actualites .wrap{ display:block;}
	#actualites .wrap .titre-section-actus,
	#actualites .wrap #slider_container_nos_actus.owl-carousel,
	#actualites .item-slide{ width:100%;}
	#actualites .wrap .titre-section-actus{ display:block; padding-bottom:30px; padding-right:0; background:none;}
    #actualites .wrap .readmore a{ margin-top:0;}
	/*contenu*/
    article .contenu{ padding: 55px 6% 50px}
    /*page besoin*/
	main.besoin .titre{ height:auto;}
    .liste-besoins .bloc{width:100%; border-left:none !important;}
    .liste-besoins .bloc:nth-child(n+2){ border-top:1px solid #d6d6d6;}
	main.besoin .avantages h2{ padding:0; font-size:28px; line-height:32px;}
	/*page offre*/
	main.offre .titre{ width:99%;}
	.conseil-offre .wrap{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.conseil-offre .conseil-droite{  padding-left:3%; padding-right:3%;}
    /*blog*/
    main.blog .liste-blog article{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    main.blog .liste-blog article .img-blog,main.blog .liste-blog article .img-blog img, 
    main.blog .liste-blog article .content-blog{ width:100%;}
	/*bottom*/
	.bottom-article{ height:auto; padding-bottom:20px; -webkit-background-size:cover; background-size:cover; font-size:22px;}
	.page .bottom-article .wrap ,	main.besoin .bottom-article .wrap {height : auto ; }
	.bottom-article .wrap{ width:96%;}
	/*contact*/
	article .gform_body ul li{ width:100%;}
}

@media all and (max-width: 600px){
	/*home*/
	#metiers{ margin-top:0;}
	#solutions h2{ margin-bottom:0;}
	.liste-solutions > ul > li{ margin-top:35px; width: 100%}
	#client .wrap{ display:block;}
	#client .titre{ width:100%; text-align:center; margin-bottom:20px;}
	#client .flexslider{ width:100%;}
	.flex-direction-nav .flex-prev{ left:0;}
	#temoignages .titre{ font-size:28px;}
	#temoignages .bloc-temoignage .item { background-position:right 50px top 30px;}
    /*blog*/
	main.blog .titre-liste-blog{ background:none;}
    main.blog aside > div, .suggestion article, .liste-avantages .bloc-avantage , main.blog .liste-blog.temoignages article .img-blog, main.blog .liste-blog.temoignages article .content-blog{ width:100%;}
    .suggestion article + article{ margin-top:35px;}
	
	/*page*/
	article .titre h1{ padding: 35px 20px 40px;}
	table td{ display:block; width:100% !important; padding-top:10px !important;}
    /* page besoin*/
    .liste-avantages .bloc-avantage:last-child{ margin-bottom: 0;}
    main.besoin .temoignages{ margin-top:60px;}
    main.besoin .temoignages .floatright{ display:none;}
    main.besoin .temoignages .floatleft{ width:100%; padding:60px 8% 40px;}
	/*bottom*/
	form.rappel .gform_body ul,
	form.rappel{ display:block;}
	body main.besoin .gform_wrapper .gform_body{ width:100%;}
	form.rappel .gform_body ul li{ display:block; width:100%;}
	main.besoin .gform_wrapper .gform_footer{ margin-left:0;}
    /*footer*/
    .liens-footer ul{ -webkit-columns: 2; -moz-columns: 2; columns: 2;}
    #menu-footer li { display: block;text-align: center;}
	#mega-menu-wrap-Menu_offre #mega-menu-Menu_offre li.mega-menu-item { width: 50%;}
}

@media all and (max-width: 500px){
	/*header*/
	header .logo{ width:84%; height:auto;}
	/*home*/
	.communiquer p,
	.fideliser p,
	.accompagnement .wrap > div p{ display:none;}
	.communiquer p.readmore,
	.fideliser p.readmore{ display:block;}
	#metiers .accompagnement .wrap{ padding:50px 0;}
	/*blog*/
	.suggestion .yuzo_related_post_widget{ flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.suggestion .yuzo_related_post_widget .relatedthumb{width:100%;}
	.suggestion .yuzo_related_post_widget .relatedthumb + .relatedthumb{ margin-top:25px !important;}
	/*page besoin*/
	main.besoin .avantages h2{ font-size:22px; line-height:28px;}
	/*page offre*/
	article .titre h1 strong{ font-size:28px;}
	main.offre .titre{ width:100%;}
	main.offre .titre .fond-vert::before{ border:0;}
	main.offre .titre .fond-vert{ width:100%;}
	main.offre .titre h1{ padding-bottom:40px;}
	article .titre h1 strong{ display:inline;}
    /*page metier*/
    main.metier .engagements-metier ul li{ width:100%; border-left: 0 !important;}
    main.metier .engagements-metier ul li:nth-child(n+2){ border-top:1px solid #fff;}
    /*footer*/
    .reseaux-sociaux ul li{ width:100% !important;}
    .liens-footer ul{ -webkit-columns: 1; -moz-columns: 1; columns: 1;}
.menu-offre { display:none;}
}

@media (max-width: 712px){
    main.metier .titre{
        width: 100% !important;
    }
    main.metier .titre .fond-vert{
        width: 100%;
        padding: auto;
        text-align: center;
        padding-left: 0 !important;
    }
    main.metier .titre .fond-vert:before{
        display: none;
    }
    main.metier .titre h1{float: none; text-align: center; width: 100%;}
}

.page-id-577 main.besoin .titre h1 {
    font-size: 30px;
}

@media (min-width: 1024px) {
    .page-id-406 article .titre h1{
        margin-top: 32px;
    }
    .page-id-723 article .titre h1{
        margin-top: 32px;
    }
     .page-id-804 article .titre h1{
        margin-top: 32px;
    }
     .page-id-869 article .titre h1{
        margin-top: 32px;
    }
    .page-id-859 article .titre h1{
        margin-top: 32px;
    }
    .page-id-915 article .titre h1{
        margin-top: 32px;
    }
    .page-id-1456 article .titre h1{
        margin-top: 32px;
    }
    .page-id-16 article .titre h1{
        margin-top: 32px;
    }
    .page-id-380 article .titre h1{
        margin-top: 32px;
    }
    .page-id-2274 article .titre h1{
        margin-top: 32px;
    }
    .page-id-14 article .titre h1{
        margin-top: 32px;
    }
}

@media (width: 768px) {
    #breadcrumbs{
        display:none;
    }
    main.offre {
        background-position: 100% 95px;
    }
    main.metier {
        background-position: 65% 116px;
    }
}

@media (max-width: 414px){
    #breadcrumbs{
        display:none;
    }
    
    main.metier .chiffres ul li{
        width: 100%
    }
    
    main.metier article > .wrap{
        padding-top: 175px;
    }
    
    .offre .bottom-article a{
        font-size: 10px;
        padding: 5px 16px;
        margin-top: 10px;
    }
}

/* FIX HEADER*/

.page-id-166 .element.style .background-image {
    padding-top: 10px;
}

/* OTHER FIX */
.text-intro {
    font-size: 18px;
    padding-left: 200px;
    padding-right: 200px;
}

.text-intro strong {
    font-size: 18px !important;
}

@media (max-width: 500px) {
    #metiers .intro-metier h1{
        font: 700 28px/35px 'Open Sans', sans-serif;
        }
    #metiers .intro-metier h2 {
        font: 600 18px/21px 'Open Sans', sans-serif;
        }
    .signature-text {
        font-size: 15px !important;
        width: 92%;
        font-weight: 500 !important;
    }
    .iconelist ul li {
        padding-left: 12px;
        padding-top: 31px;
    }
}

@media (max-width: 320px) {
    section.communiquer ul {
        display: block;
    }
}