/* ---- MAIN ---- */

body { background:#e0e0e0; font-family:'Roboto', arial, sans-serif; font-size:14px; }
.wrapper-container {display: block; width:1280px; margin:0 auto; background:white;}
.wrapper-container.grey { background:#f7f7f7; }
.wrapper-container.dark-grey { background:#666; }
.block-container { width:980px; margin:0 auto; padding:0 20px; }
.block-container.produits-container { width:1080px; }

#back-to-top { display:block; width:60px; height:60px; background:url(/web/cma/images/back-to-top.png) center top; border:0; font-size:0; text-indent:-1000px; position:fixed; right:20px; bottom:20px; }
#back-to-top:hover { background-position:center -60px; }
#back-to-top:focus { outline:none }
#back-to-top:active { -webkit-transform:translateY(2px); background-position:center bottom; }


#top-bar__welcome-note { color:#b2b2b2; float:left; padding:8px 0 }
#top-bar__welcome-note span { vertical-align:middle; display:inline-block; font-size:12px; }
#top-bar__welcome-note:before { content:"\f015"; margin-right:5px; width:14px; height:16px; font-family:fontawesome; vertical-align:middle; }
#top-bar__top-links { float:right; font-size:0; }
#top-bar__top-links li { display:inline-block; margin:0; font-size:12px; }
#top-bar__top-links li a { padding:5px 18px 8px; display:block; }
.top-links__contact { color:#b2b2b2; padding:0 18px }
.top-links__contact span { vertical-align:middle; }
.top-links__contact:before { content:"\f0e0"; margin-right:2px; width:15px; height:16px; font-family:fontawesome; vertical-align:middle; }
.top-links__faq { color:#b2b2b2; padding:0 18px }
.top-links__faq span { vertical-align:middle }
.top-links__faq:before { content:"\f086"; margin-right:2px; width:15px; height:16px; font-family:fontawesome; vertical-align:middle; }
.top-links__tel { color:white; background:#9c0 }
.top-links__tel strong { font-weight:bold; font-size:16px }
.top-links__account { color:white; background:#09c; font-weight:bold; font-size:16px }
.top-links__account:before { content:"\f007"; margin-right:10px; vertical-align:middle; width:13px; height:17px; font-family:fontawesome; font-weight:normal; }
.top-links__account span { font-size:14px }

.container-logo { float:left; width:281px; height:93px; }
#logo {  display:block; width:281px; height:93px; font-size:0; text-indent:-5000px ;background: url(/web/cma/images/logo.jpg);}
#logo img {display: block; width: 100%;}
#main-nav { float:right }
#main-nav li { display:inline-block }
.main-nav__element { padding:43px 0 26px; display:block; color:#666; font-size:16px; border-bottom:4px solid white; margin:0 19px; }
.main-nav__element:hover,
/*.action-page #main-nav li:nth-child(1) .main-nav__element,
.action-page #main-nav li:nth-child(3) .main-nav__element,
.action-actualites #main-nav li:nth-child(4) .main-nav__element,
.action-offre #main-nav li:nth-child(2) .main-nav__element,*/
.main-nav__element.current { text-decoration:none; border-color:#99cd00 }

.slide-box { height:480px; float:right; margin-top:40px }
.slide-box__nav li { display:block; float:right }
.slide-box__nav__tab { width:170px; text-align:center; display:block; padding:20px 0; background:url(/web/cma/images/bg-trans-ie8-3.png); color:rgba(255, 255, 255, .5); font-weight:500; font-size:18px }
.slide-box__nav__tab.selected, .slide-box__nav__tab:hover { background:url(/web/cma/images/bg-trans-ie8.png); color:white; text-decoration:none }
.slide-box__container { background:url(/web/cma/images/bg-trans-ie8.png); padding:45px 60px 90px; color:white }
.slide-box__tagline--1 { font-size:24px; font-weight:300; max-width:535px }
.slide-box__tagline--1 strong { font-weight:bold }
.slide-box__tagline--2 { font-size:47px; max-width:586px; font-weight:500; margin:10px 0 25px; line-height:54px }
.slide-box__actions { text-align:center }

.slide-box__actions .btn { display:inline-block; padding:20px 0; border:0; width:48%; background:#09c; color:white; text-shadow:0 -1px 0 rgba(0, 0, 0, .3); border-radius:3px }
.slide-box__actions .btn strong { font-size:16px; font-weight:bold; display:inline-block; vertical-align:middle }
.slide-box__actions .btn small { font-style:italic; font-size:12px; display:block; margin-top:5px }
.slide-box__actions .btn strong:before { content:""; vertical-align:middle; background:url(/web/cma/images/sprite.png) -126px -4px; width:16px; height:17px; margin:-2px 10px 0 0; }
.slide-box__actions .demande-en-ligne { background:#99cc01; float:left; }
.slide-box__actions .devis-en-ligne { float:right; }
.slide-box__actions .demande-en-ligne:hover { background:#add633 !important; }
.slide-box__actions .demande-en-ligne:active { background:#92bb00 !important; }
.slide-box__actions .demande-en-ligne strong:before { background-position:-177px -3px; }
.slide-box__actions .devis-en-ligne strong:before { background-position:-328px -3px; }

.lt-ie10 .slide-box__container { min-width:700px }

#main-slider .slideshow .indexes { background:none; color:white; width:688px; text-align:center; float:right; margin-top:-110px; position:relative; padding:0 }
#main-slider .slideshow .control { display:inline-block; font-size:0; text-indent:-1000px; background:grey; background:rgba(255, 255, 255, 0.5); width:12px; height:12px; border-radius:100% }
#main-slider .slideshow .control.current,
#main-slider .slideshow .control:hover { background:white }

.slideshow-assurance-list .slides { height:150px !important; }
.slideshow-assurance-list .slide { height:150px !important; }

/* content */

.btn { display:inline-block; border:0; background:#09c; border-radius:3px; padding:20px 40px; color:white; font-size:16px; font-weight:600 }
.btn:hover { text-decoration:none;  background:#33add6 }
.btn:active {background:#0093bb; -webkit-transform:translateY(2px); -moz-transform:translateY(2px); transform:translateY(2px) }
.btn:focus { outline:0 }
.btn-green { background:#9c0 }
.btn-green:hover { background:#add633  }
.btn-green:active { background:#92bb00 }
.btn-grey { background:#666 }
.btn-grey:hover { background:#757575}
.btn-grey:active { background:#555555 }
.btn.small { font-size:14px; padding:12px 56px }
.btn.thin { font-size:14px; padding:12px 20px }

.link.green { color:#9c0 }
.link.blue { color:#09c }

.margin-bottom {margin-bottom: 10px}

.cms-block__actions > .link { display:block; }

.main-title, .section-title { font-size:32px; font-weight:500; text-align:center; padding:55px 0 45px }
.main-title.special { border:0; padding-bottom:40px; background:url(/web/cma/images/title-special-bg.png) center bottom no-repeat }
.section-title:after { content:""; display:block; width:100px; height:2px; background:#9c0; margin:30px auto 0 }

.assurances-types__list { text-align:center; margin:40px 0 0; font-size:0 }
.assurances-types__list li { text-align:center; display:inline-block; font-size:15px; color:#666; width:120px; }
/*.assurances-types__list li + li { margin-left:10px }*/
.assurances-types__list .assurance-type > a { display:block; text-decoration:none }
.assurances-types__list .assurance-type .assurance-type__image { background:transparent no-repeat center center; width:100px; height:100px; display:block; margin:0 auto 10px }
/*.assurances-types__list .assurance-type .assurance-type__image:before { content:""; width:100px; height:100px; background:#9c0; display:block; margin:0 auto 10px }*/
.assurances-types__list .assurance-type .assurance-type__label { display:block; color:#b2b2b2; padding:7px; border-radius:3px }
.assurances-types__list .assurance-type:hover { cursor:pointer }
.assurances-types__list .assurance-type:hover .assurance-type__label { display:block; color:#666; background:#efefef }

.services-list { font-size:0; min-height:340px }
/*.services-list__service:first-child { background:none }*/
.services-list__service { display:inline-block; width:25%; background:url("/web/cma/images/services-stamp.png") no-repeat left top; text-align:center; font-weight:500; padding:38px 20px 34px; position:relative; }
/*.services-list__service:before { content:url(/web/cma/images/services-sample.png); display:inline-block; margin:0 -38px 15px 0 }*/
.services-list__service figcaption { padding-top:20px; display:block; font-size:18px; color:#666; clear:both; font-weight:normal; line-height:32px }
.services-list__service figcaption strong { font-size:21px }
.services-list__service figcaption strong:nth-child(2) { font-size:26px }
/*.services-list__service + li { margin-left:20px }*/
.services-list__service:before { content:url(/web/cma/images/services-separator.png); position:absolute; top:38px; left:0; }
.services-list__service:first-child:before { display:none }
.services-list__service.audit { background-position:10px 217px }
.services-list__service.analyser { background-position:38px 147px }
.services-list__service.economiser { background-position:100px 225px }
.services-list__service.veiller { background-position:120px 180px }

.section-action.single { display:inline-block; margin:30px auto }
.actions { text-align:center }
.small-title { text-align:center; color:#666; font-weight:300; font-size:18px; padding:40px 0 }
.assurance-groups { font-size:0; margin:0 auto 40px; text-align:center }
.assurance-group { width:300px; border:1px solid #efefef; padding:30px 0; display:inline-block; background:white; text-align:center }
.assurance-group + li { margin-left:20px }
.assurance-group small { font-size:14px; font-weight:bold; color:#666 }
.assurance-group__titre { font-size:17px; color:#666; font-weight:500; display:block; padding: 0 5px; }
.assurance-group__image-sample { height:100px; max-width:90%; margin:25px auto; display:block }

.engagements-container { background:#f7f7f7 }
.engagements-container:before { content:url(/web/cma/images/tampon-qualite.png); background:#9c0; padding:20px 30px; display:inline-block; vertical-align:middle }
.engagements-list { display:inline-block; vertical-align:middle; margin-left:50px }
.engagement { font-size:18px; color:#666; line-height:30px; list-style:url(/web/cma/images/tick-bullet.png); padding-left:5px }

.differences-container .section-title { padding-bottom:80px }
.differences-list { background:#f7f7f7; padding:40px 0 20px }
.differences-list .difference { border-left:1px solid #e0e0e0; padding:0 15px 10px; color:#666 }
.differences-list .difference:first-child { border-left:0 }
.differences-list .difference__step { background:#9c0; width:40px; height:40px; border-radius:100%; color:#fff; font-size:18px; font-weight:500; display:block; text-align:center; line-height:40px; margin:-60px auto 25px }
.differences-list .difference__title { font-size:18px; font-weight:500; margin-bottom:15px }
.differences-list .difference__content { font-size:13px }
.differences-list .difference.odd .difference__step { background:#09c }

.difference-footer { background:#9c0; text-align:center; color:#fff; padding:30px 30px; position:relative; margin-bottom: 35px;}
.difference-footer__image { float:right; width:90px; height:90px; right:30px; top:15px; overflow:hidden; margin-top:-15px; }
.difference-footer__image img { width:100%; max-height:100%; display:block }
.difference-footer__title { font-size:29px; font-weight:500; margin-bottom:5px }
.difference-footer__content { font-size:13px; }

.actualites .section-title { padding-top:10px }
.actualites-list { font-size:0; font-weight:500 }
.actualite { width:460px; display:inline-block; margin-top:20px; padding-bottom:25px }
.actualite.odd { margin-right:20px }
.actualite__img { float:left; margin-right:20px; width:160px }
.actualite__text { width:280px; float:left }
.actualite h3 { font-size:18px; color:#666; margin:auto auto 22px auto }
.actualite p { font-size:14px; color:#666; margin-bottom:12px }
.actualite a { font-size:12px; color:#09c; text-decoration:underline }

.section-actions { text-align:center; margin:20px auto 50px }
.section-action + .section-action { margin-left:10px }

/* Page produits */

#produitSelector { padding:40px 0 }
#produitSelector .produit-type:first-child { margin-right:20px }
#produitSelector .produit-type { float:left; width:460px; height:130px; border-radius:3px; overflow:hidden }
#produitSelector .produit-type input[type=radio] { display:none }
#produitSelector .produit-type input[type=radio] + label { background:#09c; display:block; color:#fff; text-align:center; font-size:18px; padding-top:18px }
#produitSelector .produit-type input[type=radio] + label b { font-size:24px; display:block; text-transform:uppercase; font-weight:500; margin-bottom:13px }
#produitSelector .produit-type.produit-select-professionnel input[type=radio] + label { background:#9c0 }
#produitSelector .produit-type input[type=radio] + label .produit-type__label { float:left; width:280px }
#produitSelector .produit-type input[type=radio] + label::before { content:url('/web/cma/images/produit-selection-type-particulier.jpg'); width:180px; height:130px; float:left; margin-top:-18px }
#produitSelector .produit-type.produit-select-professionnel input[type=radio] + label::before { content:url('/web/cma/images/produit-selection-type-professionnel.jpg') }
#foo:not(.ie8),
#produitSelector .produit-type input[type=radio] + label .produit-type__label:after { content:""; display:block; width:20px; height:20px; background:url('/web/cma/images/input-radio.png') no-repeat left top; margin:0 auto }
#produitSelector .produit-type input[type=radio]:checked + label .produit-type__label:after { background-position:right top }
#produitSelector .produit-type-content { font-size:18px; color:#666; margin:40px 0 }
#produitSelector .produit-type-content:after { content:""; display:block; width:100px; height:0; border-bottom:2px solid #9c0; margin:45px auto 0 }
#produitSelector .produit-type input[type=radio]:not(:checked) + label {opacity: 0.5; background: #000;}

.intro-text { text-align:center; margin:50px 0 0; font-size:18px; color:#666; }
.intro-text:after { content:""; display:block; margin:35px auto 0; width:100px; height:2px; background:#99cc01; }
.sousproduits-list { margin-top:65px; white-space:nowrap }
.sousproduits-list .btn { font-weight:400; width:22%; padding-left:0; padding-right:0; margin:0; white-space:normal }
.sousproduits-list li + li { margin-left:10px; }
/* CMS + menu */

.cms-main-title { font-size:36px; margin:36px 0 50px; }
.cms-main-title:after { content:""; display:block; width:100px; height:4px; background:#99cc01; margin:20px 0 0; }
.cms-aside { width:220px; float:left; }
.cms-aside__menu { width:220px; }
.cms-aside__menu__link { display:block; padding:15px 20px; color:#666; background:#efefef; box-sizing:border-box; width:220px; }
.cms-aside__menu__link:hover { text-decoration:none; background:#f7f7f7; }
.cms-aside__menu__link.active { background:#9c0; color:white; }
.cms-content { float:right; width:640px; padding-bottom:150px; }
.cms-content.no-block { float:none; width:auto; }
.cms-block { padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #e0e0e0; color:#666; line-height:20px; }
.cms-block h1 { font-size:32px; margin-bottom:32px; text-align:center; color:black; font-weight:500; line-height:36px; }
.cms-block h1:after { content:""; display:block; margin:25px auto 0; height:2px; width:100px; background:#99cc01; }
.cms-block h2 { font-size:21px; margin:24px 0; font-weight:500; color:black; }
.cms-block p { margin:20px 0; }
.cms-block li:before { content:"\2015"; margin-right:10px; }

.actualite-container figure { float:left; }
.actualite-container figure > img { padding:0 20px 20px 0; }

.fondateurs-block { padding:20px 0; border-bottom:1px solid #e0e0e0; }
.fondateurs-block:last-child { border:0; }
.fondateurs-block__img { float:left; display:block; width:120px; height:120px; background-size:auto 100%; background-repeat:no-repeat; background-position:center center; font-size:0 }
.fondateurs-block__desc { float:right; width:460px; }

.layout-hbox-content { margin-bottom:50px; }

/* !CMS + menu */

/* Articles */

.cms-block .cms-block__article h2 { margin:0; }
.cms-block__article { margin:20px 0; }
.cms-block__article header { margin-bottom:20px; }
.cms-block__article time { font-size:12px; clear:both }
.cms-block__article__img { width:120px; height:120px; background-size:cover; float:left; margin:0 15px 0 0; }
.cms-block__article .cms-block__article__text { float:left; width:460px; margin:0; }
.cms-block__article__text__more { display:block; margin:25px 0 0 0; color:#09c; text-decoration:underline }

.cms-block__actions .btn + .btn { margin-top:1em; }

/* !Articles */

/* Footer */

.footer.block-container { padding-top:40px }
.footer__social { width:238px; float:left; text-align:center; color:#858585; font-size:12px; margin-right:68px }
.footer__social:before { content:url(/web/cma/images/logo-blanc-footer.png); display:block; text-align:center; margin-bottom:30px }
.footer__social__links { font-size:0; text-align:center; margin-top:20px }
.footer__social__links li { display:inline-block }
.footer__social__links li + li { margin-left:7px }
.footer__social__link { display:block; border-radius:3px; background:#767676; padding:16px }
.footer__social__link:before { content:""; background:url(/web/cma/images/sprite.png); width:18px; height:18px }
.footer__social__link:hover { -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); transform:translateY(-5px) }
.footer__quick-access { white-space:nowrap; }
.footer__quick-access__section { display:inline-block; color:white; font-size:12px; vertical-align:top; line-height:20px; }
.footer__quick-access__section + li { margin-left:40px }
.quick-access__section__title { margin-bottom:15px; font-size:14px; text-transform:uppercase; }
.footer .separator { padding:30px 0 0; margin:30px auto; border:0; background:0; border-bottom:1px solid #767676 }

.footer__social__link.fb:before { background-position:-19px -2px }
.footer__social__link.tw:before { background-position:-43px -1px }
.footer__social__link.gp:before { background-position:-70px -2px }
.footer__social__link.in:before { background-position:-101px -4px }

.footer__legal-links { text-align:center; color:white; font-size:0 }
.footer__legal-links li { display:inline-block; padding:0 6px 0 0; font-size:12px }
.footer__legal-links li + li:before { content:"|"; margin-right:6px }

.legal-notice { display:block; text-align:center; margin:20px auto 15px; color:#858585; font-size:11px; font-weight:300 }

.footer__quick-access-scope { border-top:1px solid #767676; border-bottom:1px solid #767676; color:white; margin:25px 0; font-size:12px; }
.footer__quick-access__block { width:50%; box-sizing:border-box; float:left; padding:25px 0; }
.footer__quick-access__block + .footer__quick-access__block { border-left:1px solid #767676; padding-left:50px; }
.footer__quick-access__list { line-height:20px; -webkit-columns:2; -moz-columns:2; columns:2 }

#floating-actions { position:fixed; top:260px; right:-125px }
#floating-actions a { display:block; color:white; padding:12px 18px 12px 13px; transition:.4s; font-weight:400; }
.dialog-socialSharing .dialog-title.dialog-title:before,
.dialog-recommander .dialog-title.dialog-title:before,
#floating-actions a:before { font-family:fontawesome, sans-serif; font-size:18px; color:white; border:2px solid white; border-radius:100%; vertical-align:middle; height:32px; width:32px; line-height:28px; text-align:center; margin-right:24px; }
#floating-actions a:hover { text-decoration:none; -webkit-transform:translateX(-125px); -moz-transform:translateX(-125px); transform:translateX(-125px) }
.floating-actions__recommander { background:#99cc01/*0099cb*/ }
.floating-actions__parrainer { background:#666/*99cc01*/ }
.floating-actions__share { background:#a3a3a3/*666*/ }
.floating-actions__callback { background:#0099cb/*a3a3a3*/; }
.dialog-recommander .dialog-title.dialog-title:before,
.floating-actions__recommander:before { content:"\f164"; }
.floating-actions__parrainer:before { content:"\f0c0"; }
.floating-actions__callback:before { content:"\f095"; }
.dialog-socialSharing .dialog-title.dialog-title:before,
.floating-actions__share:before { content:"\f064"; }
.dialog-socialSharing .dialog-title.dialog-title:before,
.dialog-recommander .dialog-title.dialog-title:before { font-size:18px }
.form-recommander .form-button__information { padding:16px 20px 20px; display:inline-block; }
.social li { color: #a3a3a3; display:inline-block; }

.legal-notice { color: #a3a3a3;  width: 100%; float: left; margin-bottom: 20px;}
.legal-notice .block__enterprise {  float: left; }
.legal-notice .block__info-phone { float: left; margin-left: 85px; }
.legal-notice .block__kernix { position: relative; float: right; padding-right: 27px;}
.legal-notice .block__kernix img{position: absolute; right: 0; top: -5px;}

#floating-notice { position:fixed; display:flex; top:250px; right:-1px; background:#9c0; border:1px solid white; color:white; font-size:12px }
#floating-notice p { padding:15px 20px; display:inline-block; line-height:18px }
#floating-notice a { display:block; text-decoration:underline }
#floating-notice .close { display:inline-block; border:0; background:#add633; font-size:0; padding:0 7px }
#floating-notice .close:before { content:""; background:url(/web/cma/images/sprite.png) -307px -3px; width:16px; height:17px }

/* Master override */

.dialog-close { background:#9c0 url(/web/cma/images/dialog-close.png) center center no-repeat; width:60px; height:60px; left:auto; position:absolute; right:0; margin:0 }
.dialog-close:hover { background-position:center center }
.dialog-support { background:#efefef; padding:0 60px 50px 60px }
.dialog-shadow { background:#09c }
.form-cma-wcb .form-title { margin:0 -60px 30px; padding:0 80px 0 60px; background:#09c; height:60px; line-height:60px; font-size:20px; color:white }
.dialog-socialSharing .dialog-title:before,
.dialog-recommander .dialog-title:before,
.form-cma-wcb .form-title:before {
  position:absolute; margin:14px 0 0 -46px; content:"\f095"; width:32px; height:32px; line-height:32px; text-align:center; border-radius:100%; border:2px solid #fff; font-size:20px; display:block;
  font-family:FontAwesome; font-style:normal; font-weight:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.dialog-recommander .form-header,
.form-cma-wcb .form-header { font-size:16px; margin-bottom:20px; color:#666 }
.form-cma-wcb .form-footer { float:right; width:160px; color:#fff; font-style:italic; font-size:12px; text-align:center; padding:8px 10px; background:#09c; line-height:1.5 }
.form-cma-wcb .form-fields { /*float:left;*/ width:280px; margin-bottom:8px }
.form-cma-wcb .form-mandatory { height:0; position:relative; display:block; color:#999; margin:0; padding:0; }
.form-cma-wcb .form-mandatory > span { position:absolute; width:200px; top:-20px; }
.dialog-recommander .form-section-title { margin-bottom:10px }
.form-mandatory { color:#999; }


/*.form-cma-wcb .form-field > label { display:none }*/
.form-cma-wcb .form-field > label.placeholder + .form-field-control { width:100%; padding:0 }
.form-button { text-align:left; clear:both }
.form-button .btn { padding:13px 20px; min-width:160px; text-align:center; font-size:18px; font-weight:400 ; margin-left: 175px;}
.dialog-support .form-button .btn ,
.parrainage__body .form-button .btn { margin-left: 0;}
.form-button__information { padding-right:20px; font-size:12px; font-style:italic; color:#999; padding-top:16px; }

.dialog-date, .widget-date { padding:0 !important }
.dialog-shadow-date .dialog-close,
.widget-shadow-date .dialog-close { background-size:11px 11px; width:30px; height:30px }

/* !=Master override */

#produit-steps { margin:0 0 20px 0 }
#produit-steps .produit-step[data-step="produit"] { width:280px }
#produit-steps .produit-step { line-height:38px; font-size:21px; font-weight:500; color:#e0e0e0; vertical-align:middle }
#produit-steps .produit-step em { display:inline-block; width:40px; height:40px; border-radius:50%; text-align:center; background:#e0e0e0; color:#fff; font-style:normal; margin-right:5px }
#produit-steps .produit-step span { line-height:80px }
#produit-steps .produit-step.selected { color:#1a1a1a }
#produit-steps .produit-step.selected em { background:#9c0 }

#produit-steps .produit-step[data-step="produit"] > div {
  height:80px; padding-left:40px;
  border-style:solid;
  border-width:0 20px 0 0;
  -moz-border-image:url(/web/cma/images/bg-form-produit-step-01-off.png) 0 20 0 0 stretch;
  -webkit-border-image:url(/web/cma/images/bg-form-produit-step-01-off.png) 0 20 0 0 stretch;
  -o-border-image:url(/web/cma/images/bg-form-produit-step-01-off.png) 0 20 0 0 stretch;
  border-image:url(/web/cma/images/bg-form-produit-step-01-off.png) 0 20 0 0 fill stretch;
}

#produit-steps .produit-step[data-step="contact"] > div {
  height:80px; padding-left:40px; margin-left:-10px;
  border-style:solid;
  border-width:0 0 0 20px;
  -moz-border-image:url(/web/cma/images/bg-form-produit-step-02-off.png) 0 0 0 20 stretch;
  -webkit-border-image:url(/web/cma/images/bg-form-produit-step-02-off.png) 0 0 0 20 stretch;
  -o-border-image:url(/web/cma/images/bg-form-produit-step-02-off.png) 0 0 0 20 stretch;
  border-image:url(/web/cma/images/bg-form-produit-step-02-off.png) 0 0 0 20 fill stretch;
}
#produit-steps .produit-step[data-step="produit"].selected > div {
  -moz-border-image:url(/web/cma/images/bg-form-produit-step-01-on.png) 0 20 0 0 stretch;
  -webkit-border-image:url(/web/cma/images/bg-form-produit-step-01-on.png) 0 20 0 0 stretch;
  -o-border-image:url(/web/cma/images/bg-form-produit-step-01-on.png) 0 20 0 0 stretch;
  border-image:url(/web/cma/images/bg-form-produit-step-01-on.png) 0 20 0 0 fill stretch;
}
#produit-steps .produit-step[data-step="contact"].selected > div {
  -moz-border-image:url(/web/cma/images/bg-form-produit-step-02-on.png) 0 0 0 20 stretch;
  -webkit-border-image:url(/web/cma/images/bg-form-produit-step-02-on.png) 0 0 0 20 stretch;
  -o-border-image:url(/web/cma/images/bg-form-produit-step-02-on.png) 0 0 0 20 stretch;
  border-image:url(/web/cma/images/bg-form-produit-step-02-on.png) 0 0 0 20 fill stretch;
}

.lt-ie10 #produit-steps .produit-step[data-step="produit"] > div,
.lt-ie10 #produit-steps .produit-step[data-step="contact"] > div{
	background: #f7f7f7;
	border-width: 0;}

.lt-ie10 #produit-steps .produit-step[data-step="produit"].selected > div,
.lt-ie10 #produit-steps .produit-step[data-step="contact"].selected > div{
	background: #efefef;
	border-width: 0;}

.ie8 #produit-steps .produit-step[data-step="produit"] > div { background:url(/web/cma/images/bg-form-produit-step-01-off.png) no-repeat left center }
.ie8 #produit-steps .produit-step[data-step="produit"].selected > div { background:url(/web/cma/images/bg-form-produit-step-01-on.png) no-repeat left center }
.ie8 #produit-steps .produit-step[data-step="contact"] > div { background:url(/web/cma/images/bg-form-produit-step-02-off.png) no-repeat left center }
.ie8 #produit-steps .produit-step[data-step="contact"].selected > div { background:url(/web/cma/images/bg-form-produit-step-02-on.png) no-repeat left center }

#formProduit .form-block { background:#efefef; padding:30px 60px; border-radius:4px }
#formProduit .form-produit-header { margin:0 -20px }
#formProduit .form-produit-title { padding-left:20px; line-height:1.2 }
#formProduit .form-produit-header h2 { font-size:36px; font-weight:500 }
#formProduit .form-produit-header h2 small { font-size:24px; font-weight:300; display:block }
#formProduit .produit-type__image { width:160px; height:160px; background:transparent no-repeat center center; background-size:cover }
#formProduit .form-button { padding:30px 0; text-align:right }
#formProduit .form-section-title { font-size:21px; font-weight:500; padding:15px 0; border-bottom:1px solid #c2c2c2; margin-bottom:20px }
#formProduit .form-field { font-size:0; }
#formProduit .form-field > label { font-size:14px; width:240px; padding:0 10px 0 0; text-align:right; margin-right:0 }
#formProduit .form-field > label + .form-field-control { font-size:14px; width:220px; padding:0 }
#formProduit .form-field.form-field-budget input.text,
#formProduit .form-field.form-field-taux input.text{ width:170px; vertical-align:middle }
#formProduit .form-field-description { display:inline-block; vertical-align:middle; margin-left:5px }
#formProduit .form-field.form-field-add-selector label select { width:100% }
#formProduit .form-field.form-field-add-selector .form-field-control button { padding-left:0; padding-right:0; width:100% }

#formProduit .form-field.form-field-type-radio > label,
#formProduit .form-field.form-field-type-checkbox > label { vertical-align:top }
#formProduit .form-field.form-field-type-radio .field-options label,
#formProduit .form-field.form-field-type-checkbox .field-options label { display:block; padding-left:18px }
#formProduit .form-field.form-field-type-radio .field-options label input,
#formProduit .form-field.form-field-type-checkbox .field-options label input {
  margin-left:-18px;
  margin-right:5px;
}

.form-cma-contact,
.form-cma-contact-pro,
.form-cma-satisfaction { padding-bottom:100px }
.form-content .form-mandatory { margin-left:0; padding-left:0 }
.form-cma-contact label,
.form-cma-contact-pro label,
.form-cma-satisfaction label,
.form-cma-contact .form-button,
.form-cma-contact-pro .form-button,
.form-cma-satisfaction .form-button { margin-left:10%; width:20%; }
.form-cma-contact .form-button,
.form-cma-contact-pro .form-button,
.form-cma-satisfaction .form-button { margin-top:20px; }
.form-cma-contact-pro .form-button { width: 555px; }
.form-cma-contact .form-button{ width: 555px; }
.form-cma-contact .form-button .form-mandatory,
.form-cma-contact-pro .form-button .form-mandatory { width: 220px; } 
.form-cma-contact #content,
.form-cma-contact-pro #content,
.form-cma-satisfaction #content { background:#efefef; padding:50px 0; width:80%; margin:0 auto; }
.block-container .form-cma-wcb { margin:0 60px 60px; }
.wcb-container { padding:40px 0; }
.wcb-container .section-title:after { display:none; }
.form-cma-wcb .form-mandatory .required { display:none; }

.form-cma-satisfaction #content { padding:40px; }
.form-cma-satisfaction .form-field-type-checkbox .field-options label { display:block; width:auto; margin-left:0; }
.form-cma-satisfaction .form-fields { margin:25px 0 15px; }
.form-cma-satisfaction .form-section-title { margin:30px 0 20px 10%; font-weight:bold }

#step-produit .form-block { background:#efefef url(/web/cma/images/stamp-medium.png) no-repeat top right; padding:20px 60px 30px }

#step-contact .form-button .btn.btn-green,
#step-produit .form-button .btn.btn-green {
  background:none;
  width:280px; padding:20px 30px;
  font-size:18px; font-weight:400; text-align:left;
  border-style:solid;
  border-width:5px 22px 5px 5px;
  -moz-border-image:url(/web/cma/images/bg-form-produit-next.png) 5 23 5 5 stretch;
  -webkit-border-image:url(/web/cma/images/bg-form-produit-next.png) 5 23 5 5 stretch;
  -o-border-image:url(/web/cma/images/bg-form-produit-next.png) 5 23 5 5 stretch;
  border-image:url(/web/cma/images/bg-form-produit-next.png) 5 23 5 5 fill stretch;
}
.lt-ie10 #step-contact .form-button .btn.btn-green,
.lt-ie10 #step-produit .form-button .btn.btn-green { background:#9c0 }



#step-contact .form-button a.prev { display:block; float:left; padding:25px 0; color:#09c }

.sidebox { margin-bottom:20px; border-radius:4px; overflow:hidden }
.sidebox__head { background:transparent no-repeat left top; line-height:1.3; padding:20px; min-height:160px }
.sidebox__title { font-size:24px; font-weight:300; width: 102px;
display: block;
float: left;  }
.sidebox__head img{ float:right;}
.sidebox__head.difference { min-height: 130px; }
.sidebox__title b { font-weight:500; display:block; }
.sidebox__title:after { content:""; display:block; font-size:0; border:1px solid #fff; width:100px; margin-top:25px }
.sidebox__content { font-size:14px; color:#666 }
.sidebox__content em { font-size:12px; font-style:italic }
.sidebox__container { color:#fff }

.sidebox.box-help .sidebox__head { background-image:url(/web/cma/images/bg-box-help-title.png) }
.sidebox.box-help .sidebox__title:after { border-color:#09c }
.sidebox.box-difference .sidebox__head { background-position:right top }
.sidebox.box-difference .sidebox__title:after { border-color:#9c0 }
.sidebox.box-difference { border:1px solid #9c0; overflow:hidden }
.sidebox.box-difference .sidebox__container { background:#9c0; padding:20px; font-size:16px; line-height:20px }
.sidebox.box-difference .sidebox__container li { margin-bottom:10px }

.help_btn { display:block; font-size:18px; font-weight:600; border:0; margin:0; color:#fff; background:#09c; text-align:left; width:100%; padding:10px 7px 10px 18px; line-height:1.3 }
.help_btn:focus,
.help_btn:active { outline:none }
.help_btn i { font-size:18px; text-align:center; line-height:28px; width:30px; height:30px; border:2px solid #fff; border-radius:50%; margin-right:17px; float:left; margin-top:4px }
.help_btn small { display:block; font-size:11px; font-style:italic; font-weight:400; }
.help_btn:hover { text-decoration:none }

.help_btn.help__callback { background:#7fcce5 }
.help_btn.help__callback i { font-size:16px }
.help_btn.help__mail { background:#40b3d9 }
.help_btn.help__mail i { font-size:14px; line-height:25px }

/* ---- FAQ ---- */

.faq-question-title { font-size:1.2em; cursor:pointer; }
.faq-question-title a { color:#333; }
.faq-question-title:hover { text-decoration:underline; }
.faq-question-title:before { content:"›"; margin-right:3px; float:left; }
.faq-question-content .editable-content { font-size:1em; padding:20px; }

.faq-section-title { font-size:18px; margin:10px auto 22px auto; color:black; }
.faq-section-title:after { content:""; height:1px; display:block; width:100px; background:#9c0; margin-top:5px; }

.faq-section { color:#666; }
.faq-section + .faq-section { margin-top:20px; }

/* ---- Offre ---- */
.services-content h2 { font-size:32px; margin-bottom:30px; font-weight:500 }
.services-content__col--left { padding:0 60px 20px 0; color:#666;  }
.services-content__col--right { padding:0 0 20px 60px }
.services-content__col--right { background:url(/web/cma/images/stamp-medium.png) right 92px no-repeat; }
.services-content__col--right li:before { content:"-"; }
.services-content__col--left .title-avantage { margin: 10px 0}
.offre_container { margin-bottom:20px }
.offre__header { background:#9c0; color:#fff; font-size:18px; min-height:80px; cursor:pointer;
  -webkit-box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
  -moz-box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
  box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
}
.offre_container.type-famille .offre__header,
.offre_container.type-famille .offre__package__header { background-color:#09c }
.offre_container.type-tpe .offre__header,
.offre_container.type-tpe .offre__package__header { background-color:#a3a3a3 }
.offre_container.type-tns .offre__header,
.offre_container.type-tns .offre__package__header { background-color:#666 }

.content-avantage span:before {content:url(/web/cma/images/check.jpg)}
.content-avantage li { float: left; width: 420px; margin-right:5px;}

.offre__image { height:80px; width:300px; vertical-align:middle; display:inline-block }
.offre__title { display:inline-block; margin-top:-5px; vertical-align:middle; padding:0 20px; margin-right:80px ; font-size: 25px;}
.offre__price { font-weight: bold; font-size: 17px;}
.offre__toggle { display:block; float:right; font-size:48px; line-height:75px; width:80px; height:80px; text-align:center; position:relative; background:rgba(0, 0, 0, 0.1); margin-left:-80px }
.offre__toggle i { display:block; line-height:75px; width:80px; height:80px; position:absolute;
  -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;
}
.offre__header.opened .offre__toggle i {
  -webkit-transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  -moz-transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  -webkit-backface-visibility:visible;
  -moz-backface-visibility:visible;
  backface-visibility:visible;
}
.offre__content { padding:20px; font-size:18px }
.offre__packages { }
.offre__package { margin:0 20px 10px }
.offre__package__header { background:#9c0; color:#fff; font-size:16px; height:60px; cursor:pointer;
  -webkit-box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
  -moz-box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
  box-shadow:inset 0 -10px 0 -5px rgba(0, 0, 0, .2);
}
.offre__package__toggle { display:block; float:right; font-size:48px; line-height:55px; width:60px; height:60px; text-align:center; position:relative; background:rgba(0, 0, 0, 0.1); margin-left:-60px }
.offre__package__toggle i { display:block; font-size:48px; line-height:55px; width:60px; height:60px; position:absolute;
  -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;
}
.offre__package__header.opened .offre__package__toggle i {
  -webkit-transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  -moz-transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  transform:rotate3D(1, 0, 0, 180deg) translateY(5px);
  -webkit-backface-visibility:visible;
  -moz-backface-visibility:visible;
  backface-visibility:visible;
}

.service-container { padding-bottom:30px; }
.offre__package__title { display:block; line-height:55px; padding:0 20px; margin-right:60px }
.offre__package__panel { }
.offre__package__content { padding:20px; }
.offre__package__services { }
.offre__package__service { margin-bottom:1px }
.offre__package__service__image { background:#e0e0e0 no-repeat center center; width:70px; height:70px }
.offre__package__service__title { background:#d1d1d1; width:230px; padding:10px; font-size:16px; vertical-align:middle; }
.offre__package__service__content { background:#fafafa; padding:10px; font-size:13px }

.offre__actions { text-align:center; padding:20px 0 }
.offre__actions .btn { display:inline-block; padding:20px 24px; border:0; background:#09c; color:white; text-shadow:0 -1px 0 rgba(0, 0, 0, .3); border-radius:3px }
.offre__actions .btn strong { font-size:16px; font-weight:bold; display:inline-block; vertical-align:middle }
.offre__actions .btn small { font-style:italic; font-size:12px; display:block; margin-top:5px }
.offre__actions .btn strong:before { content:""; vertical-align:middle; background:url(/web/cma/images/sprite.png) -126px -4px; width:16px; height:17px; margin:-2px 10px 0 0 }
.offre__actions .demande-en-ligne { background:#99cc01; margin-left:20px }
.offre__actions .demande-en-ligne:hover { background:#add633 !important; }
.offre__actions .demande-en-ligne:active { background:#92bb00 !important; }
.offre__actions .demande-en-ligne strong:before { background-position:-177px -3px }

#socialShare { margin:0 -60px }
#socialShare .sharing-col-center { border-right:1px solid #c2c2c2; border-left:1px solid #c2c2c2; }
#socialShare a.sharingLink { color:#666; padding:20px 0; display:block }
#socialShare a.sharingLink:hover { color:#09c; text-decoration:none }
#socialShare a.sharingLink i.fa { font-size:51px }
#socialShare a.sharingLink .sharingLabel { padding-top:45px; font-size:18px }

.form-parrainage { margin:0 60px 60px; background:#efefef }
.form-parrainage .form-section-title { font-size:21px; font-weight:bold; color:#666; margin-bottom:5px }
.parrainage__header { color:#fff; background:#09c; padding:40px 60px 40px 120px; position:relative; min-height:140px; line-height:1.4; font-size:16px }
.parrainage__header:before { content:"\f0c0"; font-family:fontawesome; font-size:32px; border-radius:50%; position:absolute; width:60px; height:60px; border:3px solid #fff; line-height:54px; text-align:center; margin:3px 0 0 -80px }
.parrainage__body { padding:0 120px 50px }
.parrainage__fields { font-size:0; padding:20px 50px 0 }
.parrainage__fields .add_godson { color:#09c; font-size:14px; margin-right:70px; float:right; }
.parrainage__fields .add_godson:hover { text-decoration:underline }
.parrainage__field { display:inline-block; width:50%; font-size:14px; vertical-align:top; padding:0 70px 10px; margin-bottom:60px; border-left:1px solid #e0e0e0 }
.parrainage__field:nth-child(even) { border:0 }
.parrainage__field.prospect { margin-bottom:20px; }
.parrainage__field.prospect label { font-size:14px; font-weight:normal; }
.parrainage__field .form-fields label.elt { display:none }
.parrainage__field .form-fields label.elt + div.elt-control.elt-wide { display:block; width:auto; padding-left:0 }
.parrainage__field .remove_fields { color:#9c0 }
.parrainage__field .remove_fields:hover { text-decoration:underline }
.parrainage__information { padding-left:20px; font-size:12px; font-style:italic; color:#999 }


/*--- IE9 + ----*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#step-contact .form-button .btn-green.btn, #step-produit .form-button .btn-green.btn { background:#9c0 }
}
.margin-ie{display: block;}
html[data-useragent*='MSIE 10.0'] .produit-step[data-step="produit"] > div,
html[data-useragent*='MSIE 10.0'] .produit-step[data-step="contact"] > div{
	background: #f7f7f7 !important;
	border-width: 0 !important;}

html[data-useragent*='MSIE 10.0'] .produit-step[data-step="produit"].selected > div,
html[data-useragent*='MSIE 10.0'] .produit-step[data-step="contact"].selected > div{
	background: #efefef !important;
	border-width: 0 !important;}
html[data-useragent*='MSIE 10.0'] .btn-green{background:#9c0 !important; }