/*
font-family: 'Nunito', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
html, body { margin: 0;	padding: 0;	width: 100%; }
body { font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 20px; font-weight: 400; color: #2c2c2c; }
p {	font-size:17px;line-height:23px;clear:both; margin-bottom: 15px;}
ol, ul { font-size:17px;line-height:23px;clear:both; margin-bottom: 15px;}
h1 { font-family: 'Nunito', sans-serif; font-size: 36px; line-height: 40px; font-weight: 700; margin-top: 0; margin-bottom: 15px; color: #424242; text-transform: uppercase; }
h2 { font-size: 24px; line-height: 26px; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; color: #1d1918; }
h3 { font-size: 18px; line-height: 24px; font-weight: 700; margin-top: 0; margin-bottom: 8px; color: #2c2c2c;}
h3 a { font-size: 18px!important; line-height: 24px!important; font-weight: 700!important; margin-top: 0!important; margin-bottom: 8px!important; color: #2c2c2c!important;}

.videoWrapper { position: relative;padding-bottom: 56.25%;padding-top: 5px;margin-top: 0px;height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Ensure elements load hidden before ScrollReveal runs */
.sr .sr { visibility: hidden; }
.sr .sr-left { visibility: hidden; }
.sr .sr-right { visibility: hidden; }
.sr .sr-bottom { visibility: hidden; }
.sr .sr-formation-service { visibility: hidden; }
.sr .box { opacity: 0; }

.posRel{ position: relative; }
.textCenter{ text-align: center; }

div.site_container { overflow: hidden; }
div.site_container a{color:#f26409; font-weight: 400; text-decoration:none; }
div.site_container a:hover{text-decoration:underline;}
div.site_container header div.fixeMenu { position: fixed; top:0; z-index: 99; left: 50%; transform: translate(-50%, 0); width: 100%; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); background: #FFF; }
div.site_container header div.fixeMenuLog { padding-top:48px; }
div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top:48px; }
#ccm-account-menu-container { position: fixed; z-index: 99; top:0; left: 0; width: 100%; }

/****    ALERTS    ****/
div.site_container #sectionAlert .container-fluid { padding-left: 0; }
div.site_container .colAlert { position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47bfd3+0,76d0de+39,76d0de+59,47c0d3+100 */
  background: #47bfd3; /* Old browsers */
  background: -moz-linear-gradient(left, #47bfd3 0%, #76d0de 39%, #76d0de 59%, #47c0d3 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #47bfd3 0%,#76d0de 39%,#76d0de 59%,#47c0d3 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #47bfd3 0%,#76d0de 39%,#76d0de 59%,#47c0d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47bfd3', endColorstr='#47c0d3',GradientType=1 ); /* IE6-9 */ 
  box-shadow: 10px 14px 22.32px 1.68px rgba(0, 0, 0, 0.1);  overflow: hidden;}
div.site_container .colAlert::after { position: absolute; bottom: 0; right: -50px; background: url("../images/icons/icnMegaphone.svg");
 content: " "; background-repeat: no-repeat; display: block; background-size: 100%; height: 270px; width: 380px; z-index: 0;
 transform: rotate(-25deg); }
div.site_container .alertInfo { padding: 15px; color: #fff; position: relative; z-index: 1 }
div.site_container .alertInfo a { text-decoration: underline!important; }
div.site_container h2.titreAlert { color: #fff; text-transform: unset; }
div.site_container div.textAlert a { color: #FFF; }

div.site_container header div.top-bar-wrapper { position: relative; font-size: 20px; line-height: 22px; font-weight: 500; background: #50c6d8; z-index:10; padding: 8px 0; }
div.site_container header div.top-bar-wrapper ul { list-style: none; margin: 0; padding: 0; position: relative; text-align: right; }
div.site_container header div.top-bar-wrapper ul>li { position: relative; display: inline-block; text-align: center; border: none; }
div.site_container header div.top-bar-wrapper ul>li:nth-child(1) { padding-left: 0; }
div.site_container header div.top-bar-wrapper ul>li:last-child { padding-right: 0; }
div.site_container header div.top-bar-wrapper ul>li>a { color:#FFF; text-decoration:none; font-size: 14px; font-weight: 600; line-height: 16px; padding: 7px 10px 7px 0; display: block; margin: 0; position: relative; transition: all 500ms ease; }
div.site_container header div.top-bar-wrapper ul>li>a:after { content: '|'; position: absolute; right: 0; transform: translateY(-50%); top: 50%; color:#FFF!important; }
div.site_container header div.top-bar-wrapper ul>li>a:after:hover { color:#FFF!important; }
div.site_container header div.top-bar-wrapper ul>li>a:hover { color:#424242; }
div.site_container header div.top-bar-wrapper ul>li>.btnSocial { font-size: 16px; }
div.site_container header div.top-bar-wrapper ul>li>.btnSocial:after { content: ''; }


div.site_container header div.nav-bar-wrapper { position: relative; font-size: 20px; line-height: 22px; font-weight: 500; background: #FFF; z-index:10; padding: 10px 0; }
div.site_container header div.nav-bar-wrapper .logo-wrapper a { display: block; }

div.site_container header div.nav-bar-wrapper #mainnav { position: relative; z-index: 50; }
div.site_container header div.nav-bar-wrapper #mainnav>ul { list-style: none; margin: 0; padding: 0; position: relative; text-align: right; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li { position: relative; display: inline-block; text-align: center; border: none; z-index: 52; padding: 0; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:nth-child(1) { padding-left: 0; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:last-child { padding-right: 0; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li>a { position: relative; color:#767676; text-decoration:none; font-size: 18px; line-height: 20px; font-weight: 600; padding: 65px 23px 19px; display: block; margin: 0; border-left: #e6e6e6 solid 1px; transition: all 500ms ease; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li.nav-last>a { border-right: #e6e6e6 solid 1px; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li>a:before { position: absolute; top:0; left:50%; transform: translateX(-50%); }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:nth-child(1)>a:before { content: url(../images/icons/icnPied-gray.svg); width: 50px; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:nth-child(2)>a:before { content: url(../images/icons/icnInstallation-gray.svg); width: 50px; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:nth-child(3)>a:before { content: url(../images/icons/icnMilieuFamilial-gray.svg); width: 38px; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:nth-child(4)>a:before { content: url(../images/icons/icnRecherchePlace-gray.svg); width: 38px; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li>a:hover { color:#767676; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:hover>a { color:#fecc43; }

div.site_container header div.nav-bar-wrapper #mainnav>ul li ul { display: none; }
div.site_container header div.nav-bar-wrapper #mainnav>ul>li:hover ul { display: none; }

div.site_container header div.responsive-menu{ clear: both; float: right; text-align: right; height: 40px; line-height: 40px; }
div.site_container header div.responsive-menu a { display: inline-block; vertical-align: top; padding-right: 10px; font-size: 25px; line-height: 40px; font-weight: 700; text-transform: uppercase; color: #424242; background-repeat:no-repeat; background-position:right center; text-decoration: none; }
div.site_container header div.responsive-menu a:focus,
div.site_container header div.responsive-menu a:hover { text-decoration: none; }
.sidr ul li { line-height: 28px; }
.sidr ul li a { line-height: 28px; padding: 15px 15px; }
.sidr ul li ul li a { line-height: 28px; padding: 7px 15px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { line-height: 28px; border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; }

/* Banner */
div.site_container.page-type-home > header div.nav-header-wrapper { position: relative; height: 451px; margin-top: 230px; }
div.site_container > header div.nav-header-wrapper { position: relative; height: 226px; margin-top: 230px; }
div.site_container > header div.slider-wrapper { position: relative; width: 100%; height: 100%; top: 0; left: 0; overflow-y: hidden; z-index: 0; }
div.site_container > header div.slider-wrapper ul.bxslider { height: 451px; list-style: none; padding: 0; margin: 0; }
div.site_container > header div.slider-wrapper ul.bxslider li { height: 451px; background-image: url(../images/home/banner.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
div.site_container > header div.nav-header-wrapper .posContent { position: absolute; top: 0; left: 0; width: 100%; height: 452px; display: block; z-index: 10; }
div.site_container > header div.nav-header-wrapper .posContent a { font-size: 30px; line-height: 37px; font-weight: 900; color: #FFF; position: absolute; left: 0; width: 100%; height: 50%; display: block; box-sizing: border-box; }
div.site_container > header div.nav-header-wrapper .posContent a:hover { text-decoration: none; }
div.site_container > header div.nav-header-wrapper .posContent a span { position: relative; display: block; width: 100%; padding-right: 80px; }
div.site_container > header div.nav-header-wrapper .posContent a span:after { content: url(../images/icons/arrow-white.svg); position: absolute; right: 34px; bottom: 0; width: 65px; height: 50px; transform: scaleX(-1); transition: all 500ms ease; }
div.site_container > header div.nav-header-wrapper .posContent a:hover span:after { right: 20px; transition: all 500ms ease; }
div.site_container > header div.nav-header-wrapper .posContent .btnInstallation { padding: 170px 0 30px 180px; top: 0; }
div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:after { content: ' '; position: absolute; height: 100%; width: 1200px; left: 0; top: 0; background: RGBA(253,195,36,0.91); z-index: -1; }
div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:before { content: url(../images/icons/icnInstallation-white.svg); position: absolute; width: 115px; left: 28px; bottom: -3px; }
div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial { padding: 128px 0 30px 180px; bottom: 0; }
div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:after { content: ' '; position: absolute; height: 100%; width: 1200px; left: 0; top: 0; background: RGBA(230,93,86,0.91); z-index: -1; }
div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:before { content: url(../images/icons/icnMilieuFamilial-white.svg); position: absolute; width: 115px; left: 40px; bottom: 23px; }

div.site_container > header div.slider-wrapper .bannerHeightInt { position: relative; height: 226px; }
div.site_container > header div.slider-wrapper .bannerHeightInt h2 { position: absolute; top: 50%; transform: translateY(-50%); color: #FFF; font-size: 36px; line-height: 40px; padding: 0 0 0 140px; text-transform: none; }
div.site_container > header div.slider-wrapper .bannerHeightInt h2:before { content: ' '; background: url(../images/icons/icnPied.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 40%; transform: translateY(-60%); width: 99px; height: 114px; }

div.site_container section.about { padding-top: 100px; }
div.site_container section.about .about-content { text-align: center; }
div.site_container section.about .about-content h1 { text-align: center; font-size: 55px; line-height: 60px; font-family: 'Nunito', sans-serif; font-weight: 800; text-transform: uppercase; }
div.site_container section.about .about-content h1 span { display: block; font-size: 24px; line-height: 26px; color: #adadad; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: none; }
div.site_container section.about .about-content p { text-align: center; font-size: 18px; color: #adadad; line-height: 24px; }

/* blockActivity */
div.site_container div.blockActivity { padding: 77px 0 150px; }
div.site_container div.blockActivity .bgIcon { background: #51c6d8; border-radius: 50%; width: 94px; height: 94px; margin: 0 auto; }
div.site_container div.blockActivity .activityTitle { text-align: center; color: #adadad; font-weight: 600; font-size: 18px; line-height: 20px; padding-top: 21px; }

/* btn */
div.site_container .btnWhite { text-align: center; background: #FFF; border: #FFF 2px solid; border-radius: 30px; font-size: 18px; font-weight: 700; color: #fecc43; display: inline-block; padding: 18px 51px; transition: all 500ms ease; }
div.site_container .btnWhite:hover { background: none; color: #FFF; text-decoration: none; transition: all 500ms ease; }
div.site_container .btnJaune { text-align: center; background: #fec938; border: #fec938 2px solid; border-radius: 30px; font-size: 18px; font-weight: 700; color: #FFF; display: inline-block; padding: 18px 51px; transition: all 500ms ease; }
div.site_container .btnJaune:hover { background: none; color: #fec938; text-decoration: none; transition: all 500ms ease; }

/* inscription */
div.site_container div.inscription { position: relative; }
div.site_container div.inscription .bgInscription { position: absolute; top: 0; left:0; background: url(../images/home/bgInscription.jpg) #fec836 bottom right no-repeat; background-size: cover; width: 50%; height: 100%; }
div.site_container div.inscription .bgTrouverMilieu { position: absolute; top: 0; right:0; background: url(../images/home/bgTrouverMilieu.jpg) #76cde1 top left no-repeat; background-size: cover; width: 50%; height: 100%; }
div.site_container div.inscription .bgInscription:after { content: ' '; position: absolute; bottom: 0; right:-152px; background: url(../images/home/girlPic.png) bottom left no-repeat; background-size: contain; width: 312px; height: 380px; z-index: 1; }
div.site_container div.inscription .inscriptionContent { padding: 60px 200px 60px 0; text-align: right; font-size: 30px; color: #FFF; font-weight: 700; }
div.site_container div.inscription .trouverMilieuContent { padding: 90px 0 60px 214px; text-align: left; font-size: 30px; color: #FFF; font-weight: 700; }
div.site_container div.inscription .trouverMilieuContent .btnWhite { color: #50c6d8; }
div.site_container div.inscription .trouverMilieuContent .btnWhite:hover { color: #FFF; }
div.site_container div.inscription p { font-size: 30px; line-height: 36px; color: #FFF; font-weight: 700; }

/* Breadcrumb */
.breadcrumb{ padding:15px 0 20px!important; margin-bottom:0; list-style:none; background: none; font-size: 14px!important; line-height:20px!important;}
.breadcrumb>li{ color:#adadad; }
.breadcrumb>.active{ color:#adadad; font-weight: 700; }
.breadcrumb>li+li:before{ color:#adadad; content:"> "; font-weight: normal; padding: 0 0 0 5px; }
.breadcrumb li a{ color:#adadad; font-size:14px; line-height:16px; text-decoration: none!important; }
.breadcrumb li{font-size:14px; line-height:40px; }

/* subnav */
div.site_container div.submenu { background: #edbd3a; }
div.site_container div.subnav-wrapper { text-align: center; display: inline-block; border-radius: 50px; }
div.site_container div.subnav-wrapper ul { list-style: none; padding: 0; margin:0; }
div.site_container div.subnav-wrapper ul li { position: relative; margin-bottom: 0; display: inline-block; padding-left: 2px; }
div.site_container div.subnav-wrapper ul li:first-child { padding-left: 0; }
div.site_container div.subnav-wrapper ul li:after{ content: "|"; font-size: 18px; line-height: 18px; color: #FFF; position: absolute; right: -6px; top: 48%; transform: translateY(-50%); }
div.site_container div.subnav-wrapper ul li:last-child:after{ content: ""; padding: 0; }
div.site_container div.subnav-wrapper ul li a { color:#FFF; font-size: 18px; line-height: 19px; font-weight: normal!important; display: inline-block; text-decoration: none; padding: 17px 13px; }
div.site_container div.subnav-wrapper ul li a:hover { color: #FFF; text-decoration: none; }
div.site_container div.subnav-wrapper ul li.nav-selected a { background: #fec527;color: #FFF; text-decoration: none; }

/* content Sub */
div.site_container div.sub h1 { padding: 0; margin: 0; }
div.site_container div.sub h2 { color: #adadad; padding-bottom: 25px; text-transform: none; font-size: 24px; line-height: 26px; font-weight: normal; }
div.site_container div.sub p,div.site_container div.sub li { color: #adadad; font-size: 17px; line-height: 21px; }
div.site_container div.sub .content { padding-bottom: 140px; }
div.site_container div.sub .content img { display: block; max-width: 100%; height: auto; padding: 10px 0; }

/* carriere */
div.site_container section.carriere { padding: 120px 0 108px; }
div.site_container section.carriere .carriereContent { font-size: 18px; line-height: 22px; color: #adadad; }
div.site_container section.carriere .carriereContent h2 { font-family: 'Nunito', sans-serif; font-size: 53px; line-height: 60px; font-weight: 800; color: #525252; padding-top: 54px; }
div.site_container section.carriere .carriereContent h3 { font-size: 17px; line-height: 33px; color: #adadad; font-weight: 600; margin: 0; padding: 0 0 25px 0; }

/* contactFooter */
div.site_container section.contactFooter { background: #e54f49; padding: 107px 0; margin-top: 9px; }
div.site_container section.contactFooter h2 { font-family: 'Nunito', sans-serif; color: #FFF; font-size: 55px; line-height: 55px; font-weight: 800; }
div.site_container section.contactFooter h2 span { font-size: 24px; line-height: 33px; font-weight: normal; font-family: 'Open Sans', sans-serif; display: block; }
div.site_container section.contactFooter .btnJaune { float: right; }

/* Footer */
footer { background: #FFF; }
footer div.footer-content { color: #262626; z-index: 0; padding-top: 60px; padding-bottom: 22px; }
footer div.footer-content .paddingLogoFooter { padding: 15px 40px 10px 0; }
footer div.footer-content .logoFooter { display: block; }

footer div.footer-content .footerMenu { padding-left: 70px; }
footer div.footer-content .footerMenu .footerNav { margin-bottom: 38px; margin-top: 8px; }
footer div.footer-content .footerMenu .footerNav>ul { margin: 0; padding: 2px 0 20px; line-height: 18px; -moz-column-count: 3; -moz-column-gap: 1em; -webkit-column-count: 3;-webkit-column-gap: 1em; column-count: 3; column-gap: 1em; list-style: none; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; page-break-inside: avoid; }
footer div.footer-content .footerMenu .footerNav>ul li { display: block; width: 100%; padding-right: 20px; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; page-break-inside: avoid; }
footer div.footer-content .footerMenu .footerNav>ul>li>a { display: inline-block; color: #424242!important; text-decoration:none; font-weight: 700; font-size: 18px; line-height: 24px; padding-top: 10px; padding-bottom: 0; }
footer div.footer-content .footerMenu .footerNav>ul>li:last-child>a { padding-bottom: 30px; }
footer div.footer-content .footerMenu .footerNav>ul>li>a:hover { text-decoration: underline; }
footer div.footer-content .footerMenu .footerNav>ul>li ul { padding-left: 0; margin: 0; line-height: 18px; }
footer div.footer-content .footerMenu .footerNav>ul>li ul li { display: inline-block; width: 100%; margin: 0; }
footer div.footer-content .footerMenu .footerNav>ul>li ul li a { display: inline-block; color: #adadad!important; text-decoration:none; font-weight: normal; font-size: 18px; line-height: 20px; padding-top: 3px; }
footer div.footer-content .footerMenu .footerNav>ul>li ul li a:hover { text-decoration: underline; }


/* Copyright */
.copyrightContent{ background-color: #50c6d8; color: #FFF; padding:0; }
.copyrightContent div.tonik { padding:16px 0; float:right; }
.copyrightContent div.tonik div.logo { float: left; margin: 0; display: inline-block; width: auto; }
.copyrightContent div.tonik div.logo img { display:block; float:none; margin:0 auto; }
.rightReserve{ float:left; font-size:12px; line-height: 12px; padding-top: 30px; }
.rightReserve span { display: block; }

.logoPlaceHolder{ width: 50%; margin: 0 auto; margin-bottom: 50px; }
.elementDoc{ padding: 15px 0; margin-bottom: 0; }
.intranetSection { padding: 15px 0 0; }

@media screen and (max-width:767px) {

  div.site_container header div.nav-bar-wrapper { height: 71px; }
  div.site_container header div.nav-bar-wrapper .logo-wrapper a img { max-height: 71px; padding: 5px 0; box-sizing: border-box; }

  /****    ALERTS    ****/
  /*div.site_container #sectionAlert { background-image: url("../images/alertes/alerteBg.png");
    background-repeat: no-repeat; background-position: top left; background-size: cover; height: 230px;}*/
  div.site_container .colAlert { overflow: hidden; }
  div.site_container .alertInfo { padding: 30px; }
  div.site_container h2.titreAlert { font-size: 25px; line-height: 30px; }
  div.site_container div.textAlert { font-size: 16px; line-height: 20px; }

  /* Banner */
  div.site_container.page-type-home > header div.nav-header-wrapper { height: 253px; margin-top: 71px; }
  div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top: 125px; }
  .ccm-toolbar-visible header div.fixeMenuLog + .nav-header-wrapper { margin-top: 80px!important; }
  div.site_container > header div.nav-header-wrapper { height: 169px; margin-top: 104px; }
  div.site_container > header div.slider-wrapper { border-bottom: #FFF solid 1px; }
  div.site_container > header div.slider-wrapper ul.bxslider { height: 253px; }
  div.site_container > header div.slider-wrapper ul.bxslider li { height: 253px; background-position: 25% 0%; }
  div.site_container > header div.nav-header-wrapper .posContent { height: 254px; }
  div.site_container > header div.nav-header-wrapper .posContent a { font-size: 18px; line-height: 20px; width: 50%; height: 50%; }
  div.site_container > header div.nav-header-wrapper .posContent a span { padding-right: 0px; text-align: center; }
  div.site_container > header div.nav-header-wrapper .posContent a span:after { display: none; }
  div.site_container > header div.nav-header-wrapper .posContent .btnInstallation { padding: 78px 15px 30px; bottom: 0; left: 0; top: auto; }
  div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:after { left: auto; right: 0; bottom: 0; top: auto; }
  div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:before { width: 70px; left: 50%; transform: translateX(-50%); top: 10px; bottom: auto; }
  div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial { padding: 78px 15px 30px; bottom: 0; right: 0; left: auto; top: auto; }
  div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:after { top: auto; bottom: 0; }
  div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:before { width: 60px; left: 50%; transform: translateX(-50%); top: 10px; bottom: auto; }

  div.site_container > header div.slider-wrapper .bannerHeightInt { height: 169px; }
  div.site_container > header div.slider-wrapper .bannerHeightInt h2 { font-size: 30px; line-height: 32px; padding: 0 0 0 90px; }
  div.site_container > header div.slider-wrapper .bannerHeightInt h2:before { width: 59px; height: 68px; }

  div.site_container section.about { padding-top: 40px; }
  div.site_container section.about .about-content h1 { font-size: 35px; line-height: 40px; }
  div.site_container section.about .about-content h1 span { font-size: 20px; line-height: 22px; }
  div.site_container section.about .about-content p { font-size: 17px; line-height: 21px; }

  /* blockActivity */
  div.site_container div.blockActivity { padding: 47px 0 70px; }

  /* btn */
  div.site_container .btnWhite { font-size: 17px; padding: 15px 45px; }
  div.site_container .btnJaune { font-size: 17px; padding: 15px 45px; }

  /* inscription */
  div.site_container div.inscription .bgInscription { width: 100%; height: 50%; }
  div.site_container div.inscription .bgTrouverMilieu { bottom: 0; top: auto; width: 100%; height: 50%; }
  div.site_container div.inscription .bgInscription:after { display: none; }
  div.site_container div.inscription .inscriptionContent { padding: 40px 0; font-size: 25px; text-align: center; }
  div.site_container div.inscription .trouverMilieuContent { padding: 40px 0; font-size: 25px; text-align: center; }
  div.site_container div.inscription p { font-size: 18px; line-height: 22px; }

  /* subnav */
  div.site_container div.subnav-wrapper ul li { padding-left: 0px; width: 100%; text-align: center; }
  div.site_container div.subnav-wrapper ul li:after{ display: none; }
  div.site_container div.subnav-wrapper ul li a { position: relative; z-index: 1; width: 100%; }
  div.site_container div.subnav-wrapper ul li.nav-selected:before{ content: ' '; background: #fec527; position: absolute; width: 800px; left: -20px; top: 0; height: 100%; z-index: 0; }

  /* content Sub */
  div.site_container div.sub h2 { padding-bottom: 20px; font-size: 22px; line-height: 24px; }
  div.site_container div.sub .content { padding-bottom: 100px; }

  /* carriere */
  div.site_container section.carriere { padding: 30px 0 58px; }
  div.site_container section.carriere .carriereContent { text-align: center; }
  div.site_container section.carriere .carriereContent h2 { font-size: 35px; line-height: 40px; padding-top: 30px; text-align: center; }
  div.site_container section.carriere .carriereContent h3 { line-height: 20px; padding: 25px 0 25px 0; }

  /* contactFooter */
  div.site_container section.contactFooter { padding: 50px 0; text-align: center; }
  div.site_container section.contactFooter h2 { font-size: 30px; line-height: 30px; }
  div.site_container section.contactFooter h2 span { line-height: 27px; }
  div.site_container section.contactFooter .btnJaune { float: none; }

  /* Footer */
  footer div.footer-content { padding-top: 20px; padding-bottom: 0px; }
  footer div.footer-content .paddingLogoFooter { padding: 15px 0px; width: 200px; margin: 0 auto; }

  footer div.footer-content .footerMenu { padding-left: 0px; }
  footer div.footer-content .footerMenu .footerNav { margin-bottom: 8px; text-align: center; }
  footer div.footer-content .footerMenu .footerNav>ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
  footer div.footer-content .footerMenu .footerNav>ul li { padding-right: 0px; }
  footer div.footer-content .footerMenu .footerNav>ul>li>a { font-size: 17px; line-height: 22px; }
  footer div.footer-content .footerMenu .footerNav>ul>li ul li a { font-size: 17px; }

  /* Copyright */
	.copyrightContent div.tonik { float:none;}
	.copyrightContent div.tonik div.logo { float: none; display: block; }
	.rightReserve{ float:none; text-align: center; }
	
}

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

    /****    ALERTS    ****/
    /*div.site_container #sectionAlert { background-image: url("../images/alertes/alerteBg.png");
      background-repeat: no-repeat; background-position: top left; background-size: cover; height: 250px;}
    div.site_container .colAlert { position: relative; background: transparent; }*/
    div.site_container .alertInfo { padding: 50px; }
    div.site_container h2.titreAlert { font-size: 25px; line-height: 30px; }
    div.site_container div.textAlert { font-size: 16px; line-height: 20px; }


    /* Banner */
    div.site_container.page-type-home > header div.nav-header-wrapper { height: 338px; margin-top: 103px; }
    div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top: 150px; }
    .ccm-toolbar-visible header div.fixeMenuLog + .nav-header-wrapper { margin-top: 100px!important; }
    div.site_container > header div.nav-header-wrapper { height: 169px; margin-top: 103px; }
    div.site_container > header div.slider-wrapper ul.bxslider { height: 338px; }
    div.site_container > header div.slider-wrapper ul.bxslider li { height: 338px; background-position: top left; }
    div.site_container > header div.nav-header-wrapper .posContent { height: 339px; }
    div.site_container > header div.nav-header-wrapper .posContent a { font-size: 22px; line-height: 30px; width: 50%; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation { padding: 100px 0 30px 120px; bottom: 0; left: 0; top: auto; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:after { left: auto; right: 0; bottom: 0; top: auto; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:before { width: 70px; left: 28px; bottom: 10px; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial { padding: 78px 0 30px 120px; right: 0; left: auto; top: auto; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:after { top: auto; bottom: 0; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:before { width: 60px; left: 40px; }

    div.site_container > header div.slider-wrapper .bannerHeightInt { height: 169px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt h2 { padding: 0 0 0 90px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt h2:before { width: 59px; height: 68px; }

    div.site_container section.about { padding-top: 60px; }
    div.site_container section.about .about-content h1 { font-size: 50px; line-height: 55px; }
    div.site_container section.about .about-content h1 span { font-size: 22px; line-height: 24px; }

    /* blockActivity */
    div.site_container div.blockActivity { padding: 47px 0 70px; }

    /* btn */
    div.site_container .btnWhite { font-size: 17px; padding: 15px 45px; }
    div.site_container .btnJaune { font-size: 17px; padding: 15px 45px; }

    /* inscription */
    div.site_container div.inscription .bgInscription:after { right:-132px; width: 250px; height: 304px;}
    div.site_container div.inscription .inscriptionContent { padding: 40px 110px 40px 0; font-size: 25px; }
    div.site_container div.inscription .trouverMilieuContent { padding: 70px 0 60px 110px; font-size: 25px; }
    div.site_container div.inscription p { font-size: 18px; line-height: 22px; }

    /* Breadcrumb */
    .breadcrumb{ padding:38px 0 20px!important; }
    .breadcrumb li a{ line-height:18px; }

    /* content Sub */
    div.site_container div.sub h2 { padding-bottom: 20px; font-size: 22px; line-height: 24px; }
    div.site_container div.sub .content { padding-bottom: 100px; }

    /* carriere */
    div.site_container section.carriere { padding: 30px 0 58px; }
    div.site_container section.carriere .carriereContent { text-align: center; }
    div.site_container section.carriere .carriereContent h2 { font-size: 42px; line-height: 49px; padding-top: 30px; text-align: center; }
    div.site_container section.carriere .carriereContent h3 { line-height: 20px; padding: 25px 0 25px 0; }

    /* contactFooter */
    div.site_container section.contactFooter { padding: 50px 0; }
    div.site_container section.contactFooter h2 { font-size: 42px; line-height: 42px; }
    div.site_container section.contactFooter h2 span { line-height: 27px; }

    /* Footer */
    footer div.footer-content { padding-top: 40px; }
    footer div.footer-content .paddingLogoFooter { padding: 15px 0px 10px 0; }

    footer div.footer-content .footerMenu { padding-left: 50px; }
    footer div.footer-content .footerMenu .footerNav { margin-bottom: 8px; }
    footer div.footer-content .footerMenu .footerNav>ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    footer div.footer-content .footerMenu .footerNav>ul>li>a { font-size: 17px; line-height: 22px; }
    footer div.footer-content .footerMenu .footerNav>ul>li ul li a { font-size: 17px; }	
}
	
@media screen and (min-width:992px) {

    /****    ALERTS    ****/
    div.site_container #sectionAlert { position: relative; background: transparent; height: 0;}
    div.site_container .colAlert { top: -100px; left: 0; }
    div.site_container .colAlert::after { height: 220px; width: 300px; }

    div.site_container .alertInfo { padding: 20px; }
    div.site_container h2.titreAlert { font-size: 25px; line-height: 30px; }
    div.site_container div.textAlert { font-size: 16px; line-height: 20px; }

    /* Banner */
    div.site_container.page-type-home > header div.nav-header-wrapper { margin-top: 178px; }
    div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top: 225px; }
    .ccm-toolbar-visible header div.fixeMenuLog + .nav-header-wrapper { margin-top: 175px!important; }
    div.site_container > header div.nav-header-wrapper { margin-top: 178px; }
    div.site_container > header div.slider-wrapper ul.bxslider li { background-position: top center; }
    div.site_container > header div.nav-header-wrapper .posContent a { font-size: 25px; line-height: 32px; width: 100%; height: 50%; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation { top: 0; bottom: auto; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:after { left: 0; top: 0; right: auto; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial { bottom: 0; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:after { top: 0; bottom: auto; }
    div.site_container header div.nav-bar-wrapper #mainnav>ul>li>a { font-size: 16px; line-height: 18px; padding: 65px 16px 19px; }
    /* blockActivity */
    div.site_container div.blockActivity { padding: 77px 0 100px; }
    div.site_container div.blockActivity .bgIcon { width: 94px; height: 94px; margin: 0 auto; }
    div.site_container div.blockActivity .activityTitle { font-size: 18px; line-height: 20px; padding-top: 21px; }

    /* btn */
    div.site_container .btnWhite { font-size: 18px; }
    div.site_container .btnJaune { font-size: 18px; }

    /* inscription */
    div.site_container div.inscription .bgInscription:after { right:-152px; width: 290px; height: 353px; display: block; }
    div.site_container div.inscription .inscriptionContent { padding: 40px 160px 40px 0; font-size: 30px; }
    div.site_container div.inscription .trouverMilieuContent { padding: 70px 0 60px 170px; font-size: 30px; }
    div.site_container div.inscription p { font-size: 22px; line-height: 28px; }

    /* carriere */
    div.site_container section.carriere { padding: 50px 0 78px; }
    div.site_container section.carriere .carriereContent { text-align: left; }
    div.site_container section.carriere .carriereContent h2 { text-align: left; }
    div.site_container section.carriere .carriereContent h3 { padding: 0 0 25px 0; }	
}

@media screen and (min-width:1200px) {

    /****    ALERTS    ****/
    div.site_container .colAlert { top: -100px; left: 0; }
    div.site_container .colAlert::after { height: 220px; width: 300px; }
    div.site_container .alertInfo { padding: 20px; }
    div.site_container h2.titreAlert { font-size: 30px; line-height: 35px; }
    div.site_container div.textAlert { font-size: 18px; line-height: 23px; }

    /* Banner */
    div.site_container.page-type-home > header div.nav-header-wrapper { height: 451px; margin-top: 205px; }
    div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top: 250px; }
    .ccm-toolbar-visible header div.fixeMenuLog + .nav-header-wrapper { margin-top: 200px!important; }
    div.site_container > header div.nav-header-wrapper { height: 226px; margin-top: 205px; }
    div.site_container > header div.slider-wrapper ul.bxslider { height: 451px; }
    div.site_container > header div.slider-wrapper ul.bxslider li { height: 451px; }
    div.site_container > header div.nav-header-wrapper .posContent { height: 452px; }
    div.site_container > header div.nav-header-wrapper .posContent a { font-size: 30px; line-height: 37px; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation { padding: 170px 0 30px 180px; }
    div.site_container > header div.nav-header-wrapper .posContent .btnInstallation:before { width: 115px; bottom: -3px; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial { padding: 128px 0 30px 180px; }
    div.site_container > header div.nav-header-wrapper .posContent .btnMilieuFamilial:before { width: 115px; }

    div.site_container header div.nav-bar-wrapper #mainnav>ul>li>a { font-size: 18px; line-height: 20px; padding: 65px 23px 19px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt { height: 226px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt h2 { padding: 0 0 0 120px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt h2:before { width: 80px; height: 92px; }

    /* inscription */
    div.site_container div.inscription .bgInscription:after { width: 312px; height: 380px; }
    div.site_container div.inscription .inscriptionContent { padding: 60px 160px 60px 0; }
    div.site_container div.inscription .trouverMilieuContent { padding: 90px 0 60px 170px; }
    div.site_container div.inscription p { font-size: 30px; line-height: 36px; }

    /* content Sub */
    div.site_container div.sub .content { padding-bottom: 140px; }

    /* carriere */
    div.site_container section.carriere { padding: 80px 0 78px; }
    div.site_container section.carriere .carriereContent h2 { font-size: 53px; line-height: 60px; padding-top: 54px; }
    div.site_container section.carriere .carriereContent h3 { font-size: 17px; line-height: 33px; }

    /* contactFooter */
    div.site_container section.contactFooter { padding: 70px 0; }
    div.site_container section.contactFooter h2 { font-size: 45px; line-height: 45px; }

    /* Footer */
    footer div.footer-content { padding-top: 60px; }
    footer div.footer-content .paddingLogoFooter { padding: 15px 40px 10px 0; }

    footer div.footer-content .footerMenu .footerNav { margin-bottom: 38px; }
    footer div.footer-content .footerMenu .footerNav>ul { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    footer div.footer-content .footerMenu .footerNav>ul>li>a { font-size: 18px; line-height: 24px; }
    footer div.footer-content .footerMenu .footerNav>ul>li ul li a { font-size: 18px; }
}

@media screen and (min-width:1599px) {

    /****    ALERTS    ****/
    div.site_container .colAlert { top: -50px; left: 0; }
    div.site_container .colAlert::after { height: 270px; width: 380px; }
    div.site_container .alertInfo { padding: 30px; }
    div.site_container h2.titreAlert { font-size: 30px; line-height: 35px; }
    div.site_container div.textAlert { font-size: 18px; line-height: 23px; }
    
    /* Banner */
    div.site_container.page-type-home > header div.nav-header-wrapper { margin-top: 220px; }
    div.site_container header div.fixeMenuLog + .nav-header-wrapper { margin-top: 265px; }
    .ccm-toolbar-visible header div.fixeMenuLog + .nav-header-wrapper { margin-top: 215px!important; }
    div.site_container > header div.nav-header-wrapper { margin-top: 220px; }

    div.site_container > header div.slider-wrapper .bannerHeightInt h2 { padding: 0 0 0 140px; }
    div.site_container > header div.slider-wrapper .bannerHeightInt h2:before { width: 99px; height: 114px; }

    div.site_container section.about { padding-top: 100px; }
    div.site_container section.about .about-content h1 { font-size: 55px; line-height: 60px; }
    div.site_container section.about .about-content h1 span { font-size: 24px; line-height: 26px; }

    /* blockActivity */
    div.site_container div.blockActivity { padding: 77px 0 150px; }

    /* btn */
    div.site_container .btnWhite { padding: 18px 51px; }
    div.site_container .btnJaune { padding: 18px 51px; }

    /* inscription */
    div.site_container div.inscription .inscriptionContent { padding: 60px 200px 60px 0; }
    div.site_container div.inscription .trouverMilieuContent { padding: 90px 0 60px 214px; }

    /* content Sub */
    div.site_container div.sub h2 { padding-bottom: 25px; font-size: 24px; line-height: 26px; }

    /* carriere */
    div.site_container section.carriere { padding: 120px 0 108px; }

    /* contactFooter */
    div.site_container section.contactFooter { padding: 107px 0; }
    div.site_container section.contactFooter h2 { font-size: 55px; line-height: 55px; }
    div.site_container section.contactFooter h2 span { line-height: 33px; }

    /* Footer */
    footer div.footer-content .footerMenu { padding-left: 70px; }
}


/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */
.inside { }
/*
// if you want to give content full height give him height: 100%;
// with content full height you can't apply margins to the content
// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
*/
.inside-full-height { height: 100%;  margin-top: 0;  margin-bottom: 0;}

/* columns of same height styles */
.row-height { display: table;  table-layout: fixed;  height: 100%;  width: 100%; }
.col-height { display: table-cell;  float: none;  height: 100%; }
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }

@media (min-width: 480px) {
  	.row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100%; } 
	.col-xs-height { display: table-cell; float: none; height: 100%; } 
	.col-xs-top { vertical-align: top; } 
	.col-xs-middle { vertical-align: middle; } 
	.col-xs-bottom { vertical-align: bottom; }
}

@media (min-width: 768px) {
  	.row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100%; } 
	.col-sm-height { display: table-cell; float: none; height: 100%; } 
	.col-sm-top { vertical-align: top; } 
	.col-sm-middle { vertical-align: middle; } 
	.col-sm-bottom { vertical-align: bottom; }
}

@media (min-width: 992px) {
  .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
  .col-md-height { display: table-cell; float: none; height: 100%; }
  .col-md-top { vertical-align: top; }
  .col-md-middle { vertical-align: middle; }
  .col-md-bottom { vertical-align: bottom; }
}

@media (min-width: 1200px) {
  	.row-lg-height {   display: table;   table-layout: fixed;   height: 100%;   width: 100%; }
  	.col-lg-height {   display: table-cell;   float: none;   height: 100%; }
  	.col-lg-top {   vertical-align: top;  }
 	.col-lg-middle {   vertical-align: middle;  }
	.col-lg-bottom {   vertical-align: bottom; }
}