/*-------------- page esprit d'entreprise  --------------*/
.rte.content_cms .esprit-entreprise .left { margin-bottom: 33px}
.esprit-entreprise .esprit-entreprise .left a{ background: #fed;padding: 4px 10px;color: #12120a;}
.esprit-entreprise .left h2{ font-size: 30px;line-height: 150%;font-weight: normal;color: #fed;margin: 10px 0;}
.esprit-entreprise .left h2:after{content: " "; width: 0; height: 0; background: none}
.esprit-entreprise .right{ overflow: hidden; text-align: center;}
.esprit-entreprise .item{ width: 380px;min-width: 320px; margin-bottom: 20px; text-align: left; display: inline-block}
.esprit-entreprise .item:nth-child(odd){ margin-right: 10px}
.esprit-entreprise  img{ float: left; width: 50%; max-width: 191px; height: auto; border: 2px solid #4c4740}
.esprit-entreprise .item-detail{ float: left; width: 44%;margin-left: 6%; padding: 10px; color: #fed; min-height: 127px;}
.esprit-entreprise .item-detail p{ font-size: 15px;}
.esprit-entreprise .item-1 > div{background: #1f1d1a }
.esprit-entreprise .item-2 > div{background: #4c4740 }
.esprit-entreprise .item-3 > div{background: #1f1d1a }
.esprit-entreprise .item-4 > div{background: #4c4740 }

/*-------------- page nos metiers  --------------*/

.nos-metiers  h2{ font-size: 30px;line-height: 150%;font-weight: normal;color: #fed;margin: 10px 0;}
.nos-metiers  h2:after{content: " "; width: 0; height: 0; background: none}
.nos-metiers .item{ margin-bottom: 20px; overflow: hidden; width: 96%; padding: 10px 2%}
.nos-metiers .item p{ width: 65%;}
.nos-metiers .item img{ width: 25%; height: auto}
.nos-metiers .item h3{font-size: 20px; }
.nos-metiers .item a{ background: #fed;padding: 4px 10px;color: #12120a;margin-top: 30px; margin-bottom: 20px;display: inline-block;}
.nos-metiers .item:nth-child(odd){ background: #1f1d1a}
.nos-metiers .item:nth-child(odd) p{ float: right;}
.nos-metiers .item:nth-child(odd) a{ float: right;}
.nos-metiers .item:nth-child(odd) img{ float: left;}
.nos-metiers .item:nth-child(even){ background: #33302b}
.nos-metiers .item:nth-child(even) p{ float: left;}
.nos-metiers .item:nth-child(even) a{ float: left;}
.nos-metiers .item:nth-child(even) img{ float: right;}


/* page emploi et handicape */

.emploi-handicap h3{ font-size: 20px;line-height: 150%;font-weight: normal;color: #fed;margin: 10px 0;}
.emploi-handicap h4{ font-size: 16px;line-height: 150%;font-weight: normal;color: #fed;margin: 10px 0;}
.emploi-handicap .item{ margin-bottom: 20px; padding: 10px}
.emploi-handicap img{ float: left; width: 300px; height: auto; margin-right: 15px}
.emploi-handicap .item:nth-child(odd){ background:  #1f1d1a;}
.emploi-handicap .item:nth-child(even){ background: #33302b;}
.emploi-handicap .item-3{ overflow: hidden}
.emploi-handicap .item-3 > div{ width: 30%; float: left; margin-right: 15px; padding: 5px}
.emploi-handicap .item-3 > div:nth-child(even){ background: #4c4740 }
.emploi-handicap .item-3 img { margin-bottom: 15px;margin-right: 0;width: 100%;}


/* page engage */

.engage {  width: 100%;clear: both;overflow: hidden;background: #1f1d1a;}
.engage .bloc-img {text-align: center; min-height: 290px; padding-top: 32px; background: #000; padding-bottom: 20px}
.engage .bloc-img .left{ margin-left: 14%}
.engage .bloc-img .right{ margin-right: 14%}

.engage .content {  overflow: hidden;max-width: 960px;margin: 0 auto;text-align: center;padding-bottom: 5px;}
.engage .content1 {  overflow: hidden;max-width: 960px;margin: 0 auto;text-align: center;padding-bottom:74px;}
.engage .left .content{ padding-left: 16%}
.engage .right .content{ padding-right: 16%}
.engage div.left{ float: left;width: 50%; }
.engage div.about_us_div{float:left;width: 33.33333333%; }
.engage div.about_us_div_new{float:left;width: 50%; }
.engage .content h2{color: #faca77; font-size: 24px;margin-bottom: 0; text-transform: uppercase;margin-top: 10px;line-height: 110%;}
.engage .content1 h2{color: #faca77; font-size: 24px;margin-bottom: 0; text-transform: uppercase;margin-top: 46px;line-height: 110%;}
.engage .content h2:after{ width: 0; background: transparent;}
.engage .content .descr {color: #feeed6;font-size: 14px; margin: 0 37px 0 44px;line-height: 150%;}
.engage .content .descr p{ margin-bottom: 23px;}
/*.engage .left .descr{ margin-bottom: 34px;}*/
.engage .left a{ display: block;font-family:'SabonNextLTPro-Regular' ; text-decoration: none; color: #fff; font-size: 13px;padding: 14px 2px;
 width: 295px; background: #4c4740;margin: 0 auto 15px; border: 1px solid #feeed6;text-transform: uppercase; line-height: 1.3}
.engage .left a:hover { background-color: #feeed6; color: #000;}
.engage div.right{ float: right; width: 50%; }
.engage .right h2 { color: #faca77;padding: 0 63px 20px; }
.engage .right img { margin-right: 12px}
.engage .right .content img:last-child{ margin-right: 0}
.engage .right img.last{ margin-right: 0}


/* page esprit */
.esprit { text-align: center;}
.esprit a:hover{ text-decoration: none}
.esprit .btnGris{ text-align: center;margin-top: 15px;font-family: 'SabonNextLTPro-Regular';}
.esprit #encartscommerciaux{ margin-top: 55px}
.esprit h2{ font-size: 24px; margin: 0}
.esprit .inverse h2{ color: #000;}
.esprit .inverse p{ color: #000}
.esprit .row{ background: #1f1d1a}
.esprit .row.inverse{ background: #feeed6}
.esprit h2:after{ content: ''; display: none}
.esprit .row h2 span:after{ background-position: 0 -86px}
.esprit .row.inverse h2 span:after{ background-position: 0 0}
.esprit .imgencart a{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle;}
.esprit .imgencart a span{ opacity: 0}
.esprit .imgencart a:hover span{ opacity: 1}
.esprit .Listencarts .centrage{ overflow: hidden;opacity: 0}


/* page valeurs */
.valeurs h1{ margin-bottom: 0}
.valeurs { overflow: hidden;}
.valeurs a:hover{ text-decoration: none}
.valeurs .row{ position: relative;width: 50%; float: left;}
.valeurs .row h2{ position: absolute;top: 0; left: 0; width: 100%; background: #1f1d1a; opacity: 0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	filter: alpha(opacity=80); text-align: center;padding-top: 8%;padding-bottom: 8%; font-size: 24px; z-index: 3}
.valeurs .row h2 *{ font-family: 'SabonNextLTPro-Regular';}
.valeurs .row h2 a{ font-size: 24px}
.valeurs .row h2:after{ display: none;}
.valeurs .row p{ position: absolute;top: 0;height: 100%;margin: 0;padding: 52% 50px;text-align: center;background: #000; opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	filter: alpha(opacity=0);}

.valeurs .row.active p{ opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 	filter: alpha(opacity=90);    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;}


.valeurs .row-1 h2 span:after{ background-position: 0 -86px}
.valeurs .row-4 h2 span:after{ background-position: 0 -86px}
.valeurs .row-2 h2{ background: #feeed6; color: #000 }
.valeurs .row-3 h2{ background: #feeed6; color: #000 }
.valeurs .row-2 h2 a{ color: #000}
.valeurs .row-3 h2 a{ color: #000}

.video-container {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {     position: absolute;     top: 0;    left: 0;     width: 100%;     height: 100%;}