* {-webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
    .blocun {
        width: 100%;
        margin-bottom: 30px;
    }
.lignedeux {margin-top:30px;}
ol, ul, dl {margin-top: 0; margin-bottom: 0;}
.alfa {font-family: 'Alfa Slab One', cursive;}
/*beige marron #a9968c noirgris #414141 noir #141414 */
.beige {color:#a9968c;/*#a6928a*/}
.bbeige {background: url(../images/fondb-beige.jpg) center left;} 
.bbeigec {background: url(../images/fondb-beigeun.jpg) center left;}
.bbeige:before {background:#24242461;}
.bjaune, .bbbjaune {background:url(../images/fondb-jaune.jpg) center left!important;} .bjaune:before {background:#24242461;}
.bgrisc {background:#f9f8f7;border-radius:8px;}
.btn, .bgrisc {padding: 7px 12px;}
.bbbeige {border-radius: 8px; font-weight: 700; padding: 5px 10px; margin-bottom: 6px; background-size: cover;}
.bbbjaune {
    border-radius: 8px;
    /* color: #ffffff; */
    text-transform: uppercase;
    font-weight: 700;
    /* text-shadow: 0px 0px 3px #414141; */
    padding: 6px 10px;
    background: #f9f8f7;
    background-size: cover;
}
.bjaune.btndeux {padding: 1px 12px;}
.bbbeige {background: #ebe9e7;} 
.bbbjaune a, .bjaune a {color:#ffffff;}
.plast {margin-bottom:0px;}
/*.bleft .plast {margin-top:35px;}*/
.first {margin-top:0px!important;}
.bleft p {text-align:justify;}
p {margin-top: 0; margin-bottom: 18px;} .flex.impension img {;margin-top:18px;}

/*boutons*/
.btn:hover {color: #fff;}
.btn {border-radius: 8px; border: 0px;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:20px;text-shadow:0px 0px 3px #414141;}
.btn.bfSubmitButton:before {background: #c2b81d;}
.btn, .bgrisf, .brose, .bbleu, .bjaune, .bblanc, .readmore {vertical-align: baseline;  -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;border-radius: 8px;
    -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color;  -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;position:relative; display: inline-block; }
.btn:before, .bbeige:before, .bgrisf:before, .bblanc:before, .bjaune:before, .readmore:before {content: ""; position: absolute; z-index: -1;top: 0; bottom: 0; left: 0; right: 0; border-radius: 8px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.btn:hover:before, .bbeige:hover:before, .bgrisf:hover:before, .bblanc:hover:before, .bjaune:hover:before, .readmore:hover:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.bblanc {background:#ffffff;} .bjaune:before {background:#24242461;}
.bblanc a {color:#414141;}
.bjaune {color:#414141;}
.plus .bgrisf, .t4-megamenu .navbar-nav > li.bbleu > .nav-link:hover, .bbleu:hover {color:#414141!important;}
.plus .bgrisf:hover {color:#ffffff!important;}
.plus .bgrisf:before {border-radius:100px;}
.bbleu, .bbleut, .bgrisf {color:#ffffff;}
.bgrisf, .navbar-nav.menuarticle .nav-link {background:#969499;} .navbar-nav.menuarticle .nav-link:before, .bgrisf:before {background:#24242461;}
.bblanc {color:#414141;} .bblanc:before {background:#24242461;} .bblanc:hover a {color:#ffffff;}
.navbar-nav.menuarticle .nav-link, .bjaune, .bbleu, .bgrisf, .bbleut {color:#ffffff!important;}
.navbar-nav.menuarticle .nav-link, .bblanc, .bjaune, .bbleu, .bgrisf, .bbleut {text-transform:uppercase;font-size:18px;font-weight:700;}
 .bblanc.btn {border:1px solid #414141;}
 .blocacc:hover {color:#414141!important;}
 
 
.t4-megamenu .navbar-nav > li.bbleu > .nav-link {color:#ffffff;}
.t4-megamenu .navbar-nav > li.bjaune > .nav-link:hover {color:#ffffff}
.flex, .bandflex.contactb  {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}

.clear {clear: both; display: block; width: 100%;/*height:0px;*/}
.layout-sspage .clear {height: 1px;}
.iconesfoot .rose {color:#24242461!important;}
.iconesfoot .jaune {color:#c2b81d!important;}

.upper {text-transform:uppercase;}
.nomarge {margin-top:0px;}
.nomp {margin-bottom:0px;}
.navbar-brand {margin-right: 0;}

/*.light {font-weight:300;}*/
.regular {font-weight:400;}
/*.sbold {font-weight:600;}*/
.bold {font-weight:700;}
.extrabold {font-weight:800;}

.cc-message {line-height:15px;}
.cc-window.cc-banner {padding: 8px 1.8em!important;}
.cc-revoke, .cc-window {font-size: 14px!important;line-height: 18px!important;}
#t4-cookies {padding:0px!important;}	
@media (min-width: 1400px) {
.cc-window.cc-banner:before {}
.cc-message {flex: none!important;margin-left: auto; width: 1180px;display: inline-block!important;}
.cc-compliance {margin-right: auto;}
}
@media (max-width: 1199px) {

}
@media (max-width: 414px) {
.cc-compliance a {text-align: center; flex: none!important; display: inline-block!important; width: 100%;}
.cc-window .cc-message {margin-bottom: 10px!important;text-align:center;}
}

/*cookies*/
body #cadre_alert_cookies > div {box-shadow: 0px 0px 4px #cccccc;}
body #cadre_alert_cookies {opacity: 0.9!important;}
#cadre_alert_cookies .btn {margin: 0 0px!important;}
#cadre_alert_cookies .col-md-12 {padding: 0;}
.cadre_texte p {margin:0px;}
.cadre_bouton {float:right;}
.cadre_texte {line-height: 15px; width: 90%; float: left; text-align: left;}
.cadre_inner_texte_alert_cookies {padding:10px 10px 5px!important;}

#t4-cookies {padding:0px;}
.button_custom {padding: 5px 10px!important; font-size: 13px!important;font-family: Lato;}
.hob_banner {padding: 0px 0;}
.text_banner {font-size: 13px;}
.block_1 {width: 71%;display: inline-block; padding-left: 0!important; padding-right: 0!important; float: left;}

.block_2 { width: 27%;margin-top: 6px;
    text-align: right!important;
    display: inline-block;
    float: right;}
@media (min-width: 50px) and (max-width: 1300px) {
.block_2 {width: 100%;margin-bottom: 12px;margin-top: 0px;}
.block_1, .block_2 {float: none;text-align: center!important;}
.block_1, .text_banner {font-size: 14px; width: 100%; text-align: center;}
.hob_banner p {margin-top: 12px!important; margin-bottom: 5px!important;line-height: 18px;}
}
@media (max-width: 767px) {
.cadre_texte {width: 100%; float: none; text-align: justify;}
#cadre_alert_cookies .cadre_bouton {width: 100%;margin-top:10px;}
#cadre_alert_cookies .col-md-12 {max-width: none;}
#cadre_alert_cookies .btn {width: 100%;}
}

.navbar-brand.logo-control img.logo-img {max-height: 60px;}
.navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}


/*marges block*/
.article-aside {margin-bottom: 0;}
.item-page [itemprop=articleBody] {margin-top: 0; margin-bottom: 0;}
.t4-section {padding-top:80px;}
#t4-mentionsdev {padding-top:30px;}
#t4-ban {padding-bottom: 80px; padding-top: 60px; background: url(../images/fond-bg.jpg) right -80px;  background-size: auto 123%!important; background-repeat: no-repeat;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top:50px;}
.layout-sspage .t4-section.t4-masthead, .layout-sspageportfolio .t4-section.t4-masthead {padding-top: 0px;padding-left:0px;padding-right:0px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:50px;clear: both;}
#t4-footer {margin-top:80px;}


@media (max-width: 1399px) {
  .lignedeux {margin-top:0px;}
}
@media (max-width: 1199px) {

}

@media (min-width: 992px) {
.col-lg-2 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}

@media (max-width: 991.98px) {

}
@media (max-width: 767px) {

}

.part .com-content-article__body ul li:before, .part .com-content-article ul li:before {display:none;}
.com-content-article__body ul li:before, .com-content-article ul li:before {color:#24242461; content: "\f111";
    font-family: FontAwesome!important;
    display: inline-block;
    font-weight: normal;
    margin-right: 6px;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;}


@media (min-width: 1200px) {
.container {max-width: 1100px;}
}
@media (min-width: 1400px) {
.container {max-width: 1260px;}
}

#t4-ban {text-shadow: 0px 0px 5px #000000; padding-bottom: 140px; padding-top: 140px; background: url(../images/banniere.jpg) 50% 30% no-repeat;background-size: cover!important;}
.titban {font-size: 55px; font-weight: 800; line-height: 70px;}
.hhome {text-transform: uppercase; font-weight: 700; font-size: 23px;}
.item-101 h1 {margin-bottom: 60px;}
.logo.col-lg-2 {margin-right:50px;}

@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
#t4-ban {padding: 90px 0px 100px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top:40px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:40px;}
.ssimlogo img {height: 50px;}
.t4-section {padding-top: 70px;}
#t4-footer {margin-top:70px;}
}
@media (max-width: 991.98px) {
#t4-ban {/*background-size: auto 105%!important;  padding-bottom: 30px;padding-top: 5px;overflow: hidden;*/}
.titban {font-size: 45px;}
.item-101 h1 {margin-bottom: 40px; font-size: 22px!important;}
.com-content-article__body ul, .com-content-article__body dl {padding: 0;}
.pull-left.item-image, .item-image.pull-left {margin-right: 0px; width: 100%;}
#t4-footer {margin-top:60px;}
.t4-section {padding-top: 60px;}
}
@media (max-width: 767px) {
.item-101 h1 {margin-bottom: 20px;}
.titban {font-size: 38px; text-align: center;    line-height: 55px;}
#t4-ban {text-align: center;padding: 65px 0px 75px;}
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top: 30px;}
.layout-sspage #t4-footer, .layout-sspageportfolio #t4-footer {margin-top:30px;}
.t4-section {padding-top: 40px;}
}
@media (max-width: 575px) {
.layout-sspage .t4-section, .layout-sspageportfolio .t4-section {padding-top: 25px;}
.layout-sspage #t4-footer/*, .layout-sspageportfolio #t4-footer*/ {margin-top:25px;}
.container {padding-right: 20px; padding-left: 20px;}
.com-content-article__body ul li:before {display:none;}
.com-content-article__body ul li {text-align:center;line-height:25px;}
.import {text-align:center;}
.com-content-article__body ol, .com-content-article__body ul, .com-content-article__body dl {margin-bottom: 25px;}
}

@media (max-width: 480px) {
.t4-section {padding-top: 30px;}
#t4-ban {padding-bottom: 0px;}
}

/*header fond*/
#t4-header.t4-sticky {padding:0px;}
.not-at-top #t4-header {background:#ffffff!important;border-bottom: 1px solid rgba(230, 230, 230, 1);box-shadow:0px 0px 3px #dddddd;}
#t4-header {border-bottom: 0px solid rgba(255, 255, 255, 0.1);}
.t4-palette-primary { background-color: transparent!important;}
#t4-slider {background: url(../images/banniere.jpg) center center!important;background-size:cover;} 
.t4-masthead .container {padding-top: 40px; padding-bottom: 40px;}
.t4-masthead .ja-masthead .ja-masthead-title {color: #414141; background: #ffffff73;  padding: 20px 30px; display: inline-block; min-width: 600px;}
.t4-masthead .ja-masthead .ja-masthead-detail {padding:0px;max-width: none;text-align:center;color:#414141;}
.ja-masthead:before {background-color: #fff; opacity: 0.6;}
.cred .t4-masthead {background: url(../images/fond2.jpg) center center;}
.pret .t4-masthead {background: url(../images/fond4.jpg) 0% 30%;}
.t4-masthead {/*margin-top: 3px;*//*background: url(../images/fond1.jpg) center center; background-size:cover!important;*/padding-top: 0px;} 
.t4-masthead-detail {padding:70px 5px;}
.t4-masthead-inner {background-size:cover!important;background-position: 50% 50%;/*background-position: center center;*/}.item-102 .t4-masthead-inner, .item-104 .t4-masthead-inner, .item-105 .t4-masthead-inner {background-size:cover!important;background-position: 50% 40%;/*background-position: center center;*/}
.t4-masthead {padding-left: 0px; padding-right: 0px;}
#t4-masthead .bg-overlay-image {background: transparent;}

@media (max-width: 1199px) {
.t4-masthead-detail {padding: 40px 5px;}
}
@media (max-width: 991.98px) {
.t4-masthead .ja-masthead .ja-masthead-title {min-width: auto; width: 100%;}
.t4-masthead-detail {padding: 30px 5px;}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.t4-masthead-detail {padding: 20px 5px;}
}


@media screen and (max-width: 650px) {
#t4-mentionsdev p {font-size:15px;}

}

.btn-default.btn:hover {color:#414141;}

}

.alert-message {text-align: center;}

/*fin contact*/

.logosliens ul li:before {display:none;}
#weblinklogo_105 ul.weblink_items.grid li .description {text-align: center; padding-top: 0px;}
#weblinklogo_105 ul.weblink_items li .logo_caption {line-height: 20px;}

/*footer*/
.fbfoot {display: inline-block; width: 68px; height: 68px; line-height: 83px; text-align: center; vertical-align: middle;   border-radius: 100px;}
#t4-footnav .footnav-4 span {display:inline;}
.reseaux, .copy {text-align:right;}
.reseaux {margin-bottom: 8px;}
.reseaux img {height:70px;margin-left:25px;}
div.reseaux > a:nth-child(2) {margin:0px 30px;}
.reseaux i {font-size:35px;color:#ffffff;}
.reseaux a:hover {color:#414141;}
.modulefooteradr i {color:#24242461;}
.t4-module .nav li a, .t4-card .nav li a, .moduletable .nav li a, .module_menu .nav li a, .t4-module .nav li a:hover, .t4-module .nav li a:active, .t4-module .nav li a:focus, .t4-card .nav li a:hover, .t4-card .nav li a:active, .t4-card .nav li a:focus, .moduletable .nav li a:hover, .moduletable .nav li a:active, .moduletable .nav li a:focus, .module_menu .nav li a:hover, .module_menu .nav li a:active, .module_menu .nav li a:focus {color: #414141;}
.t4-module {padding: 0; margin-top: 0;}
.fleft {max-width:65%;text-align:justify;}
.facc .fleft {width:65%;}
.facc .fright {width:31%;}
.fright {width:22%}
#t4-footer .btn {padding:27px 12px;}
.acc, .titfoot {font-weight: 800; font-size: 29px; }
.acc {line-height: 45px; margin-bottom: 30px;}
.bloc2.flex {margin-top:60px;}
.bloc2.flex img {height:110px;width:auto;}
/*.col-sm {flex-grow: initial;flex-basis: content;}*/
.col-sm {-ms-flex-preferred-size: auto; flex-basis: auto;}
@media (min-width: 1200px) {
.col-sm {-ms-flex-preferred-size: auto; flex-basis: auto;}
}
/*ul.footermenu {line-height: 22px;}*/
#t4-footnav .module_menu .nav li a:before, #t4-footnav .nav-link:before, .footnav-5 span:before {content: "\f111"; font-family: FontAwesome!important; display: inline-block; font-weight: normal; margin-right: 6px; text-align: center; font-size: 11px;vertical-align: middle;color:#24242461;}
#t4-footnav .nav-link, #t4-footnav .module_menu .nav li a {padding: 0;}
#t4-footer p {margin:0px;    font-size: 18px;}
.t4-footer .t4-section-inner {display: flex; text-align: left; flex-flow: row wrap; justify-content: space-between;}
/*.fleft {float:left;}*/
.fright span, .fright a {font-size:22px;}
.titfoot {margin:0px 0px 15px;}
.fright span {font-weight:700;}
.fright a {display:block;}
.btnun {margin:8px 0px;}
#t4-footnav .col-sm {width:auto;}
#t4-footnav .col-md {width:auto;display:inline-block;flex: none!important;}
#t4-footnav .t4-row.row {display: flex; text-align: left; flex-flow: row wrap; justify-content: space-between;}
#t4-footnav {z-index: 1;font-size:16px;background: url(../images/fond-footer.jpg) 0% 15% no-repeat!important; background-size: cover!important;  /* box-sizing: content-box; */ padding: 55px 0px 50px; position: relative;}
#t4-footnav .navbar-nav {line-height:25px!important;}
#t4-footnav span {display:block;}
#t4-footer {color:#ffffff;background: #a6928a; /* box-sizing: content-box; */  padding: 50px 0px;    position: relative;}
.t4-footnav .container {padding-top: 0;  padding-bottom: 0;}
.t4-footnav .module-inner {color: #414141;}
.t4-palette-dark {color: #212121; background-color: #ffffff;}
.t4-footer .container {border-bottom: 0px solid rgba(255, 255, 255, 0.1); padding-top: 0;padding-bottom: 0;}

@media (max-width: 1399px) {
.fleft {max-width: 72%;}
.bloc2.flex {margin-top:20px;}
.bloc2.flex img {height:90px;width:auto;}
.titfoot {font-size: 28px;}
#t4-footer p {font-size: 17px;}
#t4-footnav {padding: 45px 0px 40px;}
}
@media (max-width: 1199px) {
.facc .fright {margin-top: 10px;}
.titfoot {font-size: 24px;margin-bottom: 5px;}
#t4-footnav .footnav-5 {width:100%;text-align: center; margin-top: 30px;}
#t4-footnav .footnav-5 span {display: inline;}
.footnav-5 span.copyr:before {display:none;}
.footnav-5 span.copyr:before {display:none;}
.footnav-5 span:before {content: "-"; margin-left: 2px;}
}
@media (min-width: 992px) {
}
@media (max-width: 991.8px) and (min-width: 768px) {
.bfQuickMode .bfLabelLeft label {font-size: 15px;}
#t4-footnav {font-size: 14px;}
}
@media (max-width: 991.98px) {
.blocun {width: 100%;}
.bloc2.flex {margin-top: 30px;}
#t4-footer .btn {padding: 7px 12px;}
.reseaux {margin-bottom:15px;}
.reseaux {text-align: center;}
#t4-footnav .t4-col.footnav-4.col-md {width:100%;text-align: center;margin-top:20px;}
.titfoot {font-size: 26px;text-align:center;line-height:30px;}
.titfoot {max-width: 400px; margin: 0px auto 20px;}
#t4-footer {padding: 30px 0px;}
}
@media (max-width: 767px) {
#t4-footnav {padding: 30px 0px 25px;}
#t4-footer {margin-top:40px;}
#t4-footnav .col-sm, .t4-footnav .navbar {text-align:center;width: 100%; display: inline-block; flex: none!important;}
#t4-footnav span {display: block;}
#t4-footnav span.phonefoot {display:block;}
#t4-footnav span.titrefoot {display:block;}
.footnav-2 {margin:15px 0px 20px;}
#t4-footnav .module_menu .nav li a:before, #t4-footnav .nav-link:before, .footnav-5 span:before {display:none;}
}
@media (max-width: 767px) and (min-width: 600px) {
#t4-footnav .nav-link:nth-last-child(-n+1):after, #t4-footnav .module_menu .nav li:nth-last-child(-n+1) a:after {content:"";}
#t4-footnav .module_menu .nav li a:after, #t4-footnav .nav-link:after {content:" - ";margin-right:5px;}
/*#t4-footnav .module_menu .nav li.item-117 a:after, #t4-footnav .item-213 .nav-link:after {display:none;}*/
#t4-footnav .navbar-nav, #t4-footnav .module_menu .nav li, ul.footermenu li {display: inline-block;}
.footnav-4 {margin-top:5px;}
}
@media (max-width: 599px) {
.bloc2.flex img {height: 70px; width: auto;}
#t4-footnav .nav-link, #t4-footnav .module_menu .nav li a {padding: 0;background-size:cover!important; background: url(../images/fondb-beige.jpg) center left; border-radius: 8px; margin: 5px 0px; padding: 8px 5px; text-transform: uppercase; color: #ffffff;}
#t4-footnav .footnav-5 {margin-top: 20px;}
}

@media (max-width: 480px) {
.bloc2.flex img {height: 60px;  width: auto;}
#t4-ban {text-align: center;padding: 45px 0px 55px;}
.titfoot {margin: 0px 0px 10px; text-align: center; font-size: 26px; line-height: 26px;}
#t4-footnav .col-md {width: 100%;}
.footnav-2 {margin-top:25px;}
#t4-footer {}
}
@media (max-width: 350px) {
.bloc2.flex img {height: 47px;}
}

/*menu*/
.nav-breakpoint-lg .t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {color: #24242461!important;}
.t4-palette-primary a:not(.btn), .t4-palette-primary a:not(.btn):hover {color: #24242461;}
.t4-megamenu .navbar-nav > li.show > a, .t4-megamenu .navbar-nav > li.show > .nav-link {color: #414141;}
/*.t4-megamenu .navbar-nav > li:before {border-radius: 0px;}*/
.t4-megamenu .navbar-nav > li {padding-left: 0; padding-right: 0;}
@media (min-width: 992px) {
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {border-bottom: 0px solid #fff;}
#t4-megamenu-mainmenu {margin-top:15px;margin-bottom:15px;}
.navbar-expand-lg .navbar-nav {display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;}
.navbar-expand-lg .navbar-collapse {display: -webkit-inline-block !important; display: -ms-inline-block !important;display: inline-block !important;}
.t4-megamenu .navbar-nav > li.contactweb > .nav-link, .t4-megamenu .navbar-nav > li.contactweb > .nav-link:hover, .t4-megamenu .navbar-nav > li.active.contactweb > a {color: #ffffff;}
.t4-megamenu .navbar-nav > li > .nav-link {padding: 10px 15px!important;font-weight: 600; text-transform: uppercase; font-size: 17px;}
}
.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li > .nav-link:focus, .t4-megamenu .navbar-nav > li > .nav-link:active {color: #a9968c;}
.navbar {padding: 0;}
.t4-megamenu .navbar-nav > li.active.current.bbleu > a {color:#ffffff;}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link, .t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li > .nav-link {color: #414141;}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li > .nav-link:hover {/*color: #24242461;*/}
@media (min-width: 992px) {
.t4-megamenu .navbar-nav > li > .nav-link {padding: 5px 10px!important; font-size: 13.5px;}
}
@media (min-width: 1200px) {
.t4-megamenu .navbar-nav > li > .nav-link {padding: 8px 15px!important; font-size: 15px;}
}
@media (max-width: 1399px) {
.t4-megamenu .navbar-nav > li > .nav-link {padding: 8px 12px!important;}
.not-at-top #t4-megamenu-mainmenu {margin-top: 7px;margin-bottom: 7px;}
}
@media (max-width: 1199px) {
.t4-megamenu .navbar-nav > li.bbleu {margin-left:7px;}
.t4-megamenu .navbar-nav > li > .nav-link {padding: 5px 10px!important;}
.not-at-top #t4-megamenu-mainmenu {margin-top: 10px;}
/*.navbar-brand.logo-control img.logo-img {margin-top: 6px;}*/
}
/*menu toggle*/
.t4-offcanvas .navbar-expand-md .navbar-toggler {display: none;}
.t4-offcanvas .t4-off-canvas-header .close span {color: #fff;}
.t4-offcanvas .t4-off-canvas-header .close {height: 40px;    width: 40px;line-height: 45px;}
.t4-offcanvas .t4-module .nav li {width: 100%;}
.c-offcanvas--right {background: #ffffff; /*url(../images/offcanvas.jpg) top right no-repeat!important; background-size: cover!important;*/}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator {color: #24242461;}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {padding: 0; text-transform: uppercase;}
/*.has-offcanvas--visible .t4-offcanvas .t4-off-canvas-header {left: -20px;}*/
.t4-offcanvas .t4-off-canvas-header .close {
    color: #fff;
    background: #24242461!important;
    line-height: 40px!important;
    opacity: 1!important;
}
.t4-off-canvas-header a {display:none;}
.c-offcanvas {overflow-y: visible!important;overflow-x: visible!important;}
.t4-offcanvas .t4-off-canvas-header {z-index: 9;background-color: transparent; position: absolute; padding: 20px 20px;right:0px;}
.t4-offcanvas-toggle, .navbar-toggler {height: 35px; width: 50px; background: #414141; line-height: 35px!important;}
@media (max-width: 991.98px) {
.nav-breakpoint-lg.navigation-hide .t4-offcanvas-toggle {padding-top: 1px;}
/*.navbar-brand.logo-control img.logo-img {margin-top: -6px;}*/
.navbar-brand.logo-image {width: 150px;}
#t4-header .container {    padding-top: 15px; padding-bottom: 15px;}
.top-away #t4-header .container {padding-top: 5px; padding-bottom: 5px;}
.bbeige, .btn, .bgrisf, .brose, .bbleu, .bjaune, .bblanc, .readmore {background-size: cover!important;}
}


/*titres*/
a, a:hover {text-decoration:none;}
a:hover {color:#ffffff;}
body {text-align:justify;}
h1, .h1 {margin-top: 0px;margin-bottom: 0;font-size: 55px; line-height:65px;}
h2, h3, h4, h5, h2.tacc, h3.tacc {text-align:left;line-height:35px;font-size: 32px; margin-bottom: 15px;/*text-transform: uppercase;*/}
h2, h3, h4, h5, .flex.impension {margin-top: 40px;}
h2.tacc, h3.tacc, h3.acc, h4.acc {margin-top:0px;}
img.avis {height: 30px; margin-left: 10px;}
/*h1.t4-masthead-title {font-size: 55px;}*/
.t4-masthead {text-shadow: 0px 0px 5px #000000;}
.t4-masthead-description {font-size: 23px; text-transform: uppercase; font-weight: 700; color: #ffffff; margin-top: 10px;padding-bottom:10px;}
p.plusmar {margin-top:20px;margin-bottom: 0px;}

@media (max-width: 1399px) {
h2, h3, h4, h5 {font-size: 28px;}
.item-101 h1 {/*margin-bottom: 15px; line-height: 35px; font-size: 33px;*/}
}
@media (max-width: 1199px) {
.item-101 h1 {line-height: 30px;}
h1.t4-masthead-title {font-size: 45px;}
.t4-masthead-description {font-size: 20px;margin-top: 0px;}
h2, h3, h4, h5, h2.tacc, h3.tacc {font-size: 25px; line-height: 30px; margin-bottom: 5px;}
h2, h3, h4, h5, .flex.impension {margin-top: 30px; }
}
@media (max-width: 991.98px) {
h1.t4-masthead-title {font-size: 38px!important;}
.item-101 h1 {text-align:left;}
h1, .h1 {font-size: 28px!important;}
h2, h3, h4, h5, h2.tacc, h3.tacc {font-size: 26px!important;}
}
@media (max-width: 767px) {
.t4-masthead-description {font-size: 18px; padding: 0px 20px;}
h1.t4-masthead-title {font-size: 33px!important; line-height: 40px;padding:0px 20px;}
body {font-size: 16px;}
img.avis {height: 20px; margin-left: 0px;}
h2, h3, h4, h5, h2.tacc, h3.tacc {font-size: 24px!important;margin-bottom: 3px;margin-top: 25px;text-align: left;}
.flex.impension {margin-top:25px;}
h1, .h1 {font-size: 26px!important;text-align: center;}
.item-101 h1 {font-size: 22px!important;text-align:center;}
}
@media (max-width: 575px) {
.t4-masthead-description {font-size: 16px; line-height: 20px;}
h1.t4-masthead-title {font-size: 28px!important;}
h2, h3, h4, h5 {font-size: 22px!important; line-height: 28px;}
h2, h3, h4, h5, h2.tacc, h3.tacc {font-size: 20px!important;line-height: 25px;}
}

@media (max-width: 480px) {
h1, .h1 {font-size: 24px!important; line-height: 25px;}
.item-101 h1 {font-size: 20px!important;line-height: 25px;}
.titban {font-size: 33px;line-height:38px;margin-bottom:10px;}
}

#t4-masthead .bg-overlay {
    opacity: 1;
    display: none;}

@media (max-width: 380px) {
h2, h3, h4, h5, h2.tacc, h3.tacc {}
}
/*slider*/
.slide-text {line-height: 40px;}
ul.djslider-in > li {text-align: right;}
.slide-desc-text-default a.readmore {float: none!important; margin-bottom: 0;}
.djslider-default .slide-desc {position: absolute;bottom: 20%!important; top: 20%!important;}
.slide-desc-text-default {padding: 15px 0px 5px;}

.swiper-layout-horizontal .swiper-img-cont {background-size: auto;}
.swiper-img-cont {background-position: center right;    background-size: auto;}
.camera_wrap {padding: 40px 0px 60px;}
/*.cameraCont {background: url(../images/ban-fond.png) center right no-repeat!important;}*/
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {    text-decoration: none;font-size: 30px; font-weight: 800; text-transform: uppercase; background: #24242461; color: #ffffff; padding: 15px 25px; margin-top: 60px;}
.btn.camera-button:before, .readmore:before {background: #c2b81d;}
.camera_caption > div {background: transparent!important;padding: 10px 0px;}
.camera_caption {color: #414141;font-family: Lato;}
.camera_caption_desc {font-size: 38px; line-height: 50px;}
.camera_caption_title {font-weight: 800; font-size: 48px; text-transform: uppercase;}
.camera_caption {bottom: auto; display: block; position: absolute; width: auto; z-index: 1000;    top: 22%;}
/*.cameraSlide, .camera_target {position: relative!important;}*/
.cameraSlide img {    margin-left: 0!important; margin-right: 0!important; margin-top: 0!important; position: relative!important; width: auto!important; float: right!important; height: 100%!important;}

@media (max-width: 1399px) {
.djslider-default .slide-desc {top: 15%!important;}
}
@media (max-width: 1199px) {
.camera_caption_title {font-size: 42px;}
.camera_caption_desc {font-size: 32px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 10px 20px;margin-top: 10px;}
.camera_wrap {padding: 40px 0px 50px;}
.djslider-default .slide-desc {top: 13%!important;}
}
@media (max-width: 991.98px) {
.camera_wrap, .t4-col.slider {padding: 10px 0px 20px;}
.djslider-default .slide-desc {top: 3%!important;}
.camera_caption_title {font-size: 36px;}
.djslider-default.img-vcenter img.dj-image {height:95%!important;}
.camera_caption_desc {font-size: 26px; line-height: 35px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 10px 15px; margin-top: 10px; font-size: 26px;}
}

@media (max-width: 767px) {
.camera_caption_title {font-size: 28px;}
.camera_caption_desc {font-size: 21px; line-height: 28px;}
.djslider-default .slide-desc {top: 0%!important;}
.djslider-default.img-vcenter img.dj-image {height:80%!important;}
.camera_wrap, .t4-col.slider {padding: 0px 0px 10px;}
.btn.camera-button, .camera_wrap a, .camera_wrap a:hover, .readmore, .readmore:hover {padding: 6px 15px; margin-top: 0px; font-size: 18px;}
}

@media (max-width: 575px) {
.djslider-default.img-vcenter img.dj-image {height: 100px!important;}
.djslider-default.img-vcenter img.dj-image {position: relative; top: 140px;}
.slide-desc-text-default a.readmore {margin-top: 110px;}
.djslider-default ul.djslider-in > li, .djslider-default {height:260px!important}
ul.djslider-in > li {text-align: center;}
.slide-desc-text-default {padding: 5px 0px 5px;}
.slide-desc-text-default, .camera_caption_title, .camera_caption_desc {text-align: center;}
}

@media (max-width: 400px) {
.djslider-default ul.djslider-in > li, .djslider-default {height:240px!important}
.djslider-default.img-vcenter img.dj-image {top: 122px;}
.camera_caption_title {font-size: 24px;line-height: 30px;}
.camera_caption_desc {font-size: 18px; line-height: 25px;}
}

@media (max-width: 310px) {
.djslider-default ul.djslider-in > li, .djslider-default {height:230px!important}
.camera_caption_title {font-size: 20px;line-height: 28px;}
.camera_caption_desc {font-size: 16px; line-height: 23px;}
}



/*form*/
.btn.btn-primary {background: url(../images/fondb-beige.jpg) center left!important;border-color: #24242461 !important;background-size: cover!important;} 
/*ecole*/
.attention {margin-bottom:25px;}
/*stages*/
.flexstages span.bjaune {display: inline-block;
    width: auto;
    clear: both;}
.flexstag .attention {margin:0px;}
.flexstag .colo2 {padding: 25px;}
.flexstag .col2age, .flexstag .col3age {width: 24%;}
.flexstages .blocun {width:53%}
.flexstages .colo2 {width:41%;}

.jour.sst {margin-bottom:10px;display:inline-block;}
/*pension*/
.planningflex.flex {text-align:left;}
.flex.impension img {width:31%;border-radius:8px;}
div.flex.impension > img:nth-child(4), div.flex.impension > img:nth-child(5), div.flex.impension > img:nth-child(6) {margin-top:18px;}
.imgpension {height:221px;}
.bleft {width:65%;}
.pensiondeux .bleft {width:auto;text-align:left;}
.pensiondeux .bright {width:auto;text-align:left;position:relative;}.flex.flexplancours .bloctar.prix .moduleItemExtraFieldsValue {padding-right:18px;}.flex.flexplancours .moduleItemExtraFieldsValue {padding-left:18px;}
.bloctar.prix .moduleItemExtraFieldsValue {border-radius: 0px 8px 8px 0px;padding-right: 12px; padding-left: 8px;background: #f9f8f7;}
.moduleItemExtraFieldsValue {border-radius: 8px 0px 0px 8px;position: relative; z-index: 2; display: inline-block;padding-left: 12px; padding-right: 8px;background: #f9f8f7;}
.bloctar.tarlas.titre {padding-bottom: 0px;}
.bloctar.tarlas {padding: 0px 0 8px;}
.bloctar.tarlas.prix {padding-bottom: 0px;border-radius: 8px;}
.hrmenu {background: #f9f8f7; border-top: 1px dashed #353535; position: absolute; width: 100%; left: 0; margin-top: 18px; z-index: 1;}
.bloctarflex {padding: 4px 0px;background: #f9f8f7;border-radius: 8px; display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between; vertical-align: middle; align-items: center;}
.tarlas.prix {text-align: right;}
.bloctarflex.suiv {margin-top:6px;}

/*galerie*/
.fwmg-page-header {display:none;}

/*contact*/
.bfQuickMode section, .bfQuickMode fieldset {padding-right: 0;}
.form-control, .inputbox {max-width: none;}
label {display: inline-block; max-width: 100%; margin-bottom: 5px;font-weight: bold;}
.bfQuickMode .form-inline .form-group, .bfQuickMode .form-inline label, .bfQuickMode .bfbs4-form-inline .bfbs4-form-group, .bfQuickMode .bfbs4-form-inline label {
    display: inline-block; margin-right: 0px;}
.fmail {padding-left:5px;}
@media (min-width: 768px) { 
.bfQuickMode .bfLabelLeft label {
    text-align: center;}
#coord > div {
  display: flex;
  text-align: center;
  flex-flow: row wrap;
  justify-content: space-between;
}


.bfQuickMode span.bfLabelLeft label {
    width: 100%!important;text-align: center;
    float: none!important;
    margin: 0px 0px 5px 0px!important;
}

.bfQuickMode .bfLabelLeft label {
    width: 100%!important;
    float: none!important;
    margin: 0px 0px 5px 0px!important;
}
.bfQuickMode #coord .bfElemWrap {
    width: 22%;
}
#ff_form1 {margin-top:10px;}
/*.bfQuickMode section#bfElemWrap9.bfElemWrap {
    width: 48%;}
	.bfQuickMode section#bfElemWrap11.bfElemWrap {
    width: 26.8%;}*/
}
.bfQuickMode .bfSubmitButton:hover:before,.bfQuickMode .bfSubmitButton:active:before,.bfQuickMode .bfSubmitButton:focus:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
.bfQuickMode .bfSubmitButton:before {background:#b6c975;}
.bfQuickMode .bfSubmitButton {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.bfQuickMode .bfSubmitButton:before  {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
  .bfQuickMode .bfElemWrap {
    padding: 0px!important;}
	.bfQuickMode .bfNoSection {
    margin: 15px 0!important;
}
.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    float: none!important;
    margin: 0px!important;
    width: 100%!important;    border-radius: 4px;
}
#coord label {/*display:none;*/}
.bfQuickMode .bfPageIntro {
    text-align: center;
    font-size: 17px;
	padding:0px!important;    line-height: 28px;    margin: 0px 0px 30px 0px!important;
}

.mapct img {width:100%;}
.fmail i {}
.mapct img {margin-bottom: 0px;}
@media (max-width: 767px) {
.fmail i {font-size:12px;    margin-top: 4px;}
.bfQuickMode .bfPageIntro {
    font-size: 15px;}
.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {
    width: 100%!important;
    min-width: 90%;
    max-width: 100%!important;
    float: none;
    margin: 0px 10px 3px 0px!important;
    display: block;}
	.bfQuickMode .bfElemWrap {
    margin: 15px 0px 0px 0px!important;}
.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type=text]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type=text]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {
max-width:100%!important;}
}
@media (max-width: 560px) {
.bfQuickMode .bfElemWrap {margin: 10px 0px 0px 0px!important;}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    margin-top: 5px;}

.bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label {
    text-align: center;}
}
#bfPage2 p {
    font-size: 18px;    margin: 50px 0px 0px;
    color: green;
    font-weight: 800;
}
@media (min-width: 992px) { 
/*.bfPageIntro .adr, .bfPageIntro .adrs {display:inline;}
.bfPageIntro .adr:after {content: ' / ';}*/
}
@media (min-width: 621px) { 
.bfPageIntro .adr:after {padding: 0 5px;}
.hort:after {content:" : ";}
}
@media (max-width: 620px) { 

#bfPage2 p {margin: 40px 0px 0px;
    font-size: 16px;
}
.bfQuickMode .bfPageIntro {
    margin: 0px 0px 20px 0px!important;}
.bfQuickMode #bfPage2 .bfPageIntro {
    margin: 0px 0px 10px 0px!important;
}
.ladr {display:block;}
.fmail {padding-left:0px;display:block;}
}
@media (max-width: 440px) {
#bfPage2 p {margin: 20px 0px 0px;
    font-size: 15px;}
.fadr {display:block;}
 }
@media (min-width: 441px) {
.horlv:after {content: ' / ';}
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    background: #b69d8b;
    text-shadow: 0px 0px 1px #3e3e3e;
	border:0px;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    border-radius: 4px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0px;
    width: 100%;
}	


/* //contact*/

/*sspage*/
.fleftun .colo1 {float:left;}
/*.flex.tari {justify-content: flex-start;}*/
.spacer {margin-right:40px;}
.fbright {float:right;margin-left:50px;margin-bottom:15px;}
.fbright.fbrightun {margin-left: 0px; margin-bottom: 0px;}
.fbright.ffe img {height: 310px; margin-top: 30px;}
.blocun {position: relative;}.beige.nivec {    color: #414141;}.bloctarflex.deb2, .bloctarflex.deb1, .bloctarflex.deb,.bloctarflex.deb2 .moduleItemExtraFieldsValue, .bloctarflex.deb1 .moduleItemExtraFieldsValue, .bloctarflex.deb .moduleItemExtraFieldsValue,.bloctarflex.deb2 .bloctar.tarlas.prix, .bloctarflex.deb1 .bloctar.tarlas.prix, .bloctarflex.deb .bloctar.tarlas.prix {background: #b6c975;border-radius: 8px;}.bloctarflex.babypoudeb, .bloctarflex.babypoudeb .moduleItemExtraFieldsValue, .bloctarflex.babypoudeb .bloctar.tarlas.prix {background: #eff2a8;}.bloctarflex.gal1, .bloctarflex.gal1 .moduleItemExtraFieldsValue, .bloctarflex.gal1 .bloctar.tarlas.prix,.bloctarflex.gal12, .bloctarflex.gal12 .moduleItemExtraFieldsValue, .bloctarflex.gal12 .bloctar.tarlas.prix {background: #f7d0d0;}.bloctarflex.gal2, .bloctarflex.gal2 .moduleItemExtraFieldsValue, .bloctarflex.gal2 .bloctar.tarlas.prix,.bloctarflex.gal23, .bloctarflex.gal23 .moduleItemExtraFieldsValue, .bloctarflex.gal23 .bloctar.tarlas.prix {background: #f3e7b1;}.bloctarflex.gal3, .bloctarflex.gal3 .moduleItemExtraFieldsValue, .bloctarflex.gal3 .bloctar.tarlas.prix,.bloctarflex.gal34, .bloctarflex.gal34 .moduleItemExtraFieldsValue, .bloctarflex.gal34 .bloctar.tarlas.prix {background: #f3d6b1;}.bloctarflex.gal4, .bloctarflex.gal4 .moduleItemExtraFieldsValue, .bloctarflex.gal4 .bloctar.tarlas.prix,.bloctarflex.gal45, .bloctarflex.gal45 .moduleItemExtraFieldsValue, .bloctarflex.gal45 .bloctar.tarlas.prix {background: #dfd5fd;}.bloctarflex.comp, .bloctarflex.comp .moduleItemExtraFieldsValue, .bloctarflex.comp .bloctar.tarlas.prix,.bloctarflex.compg5, .bloctarflex.compg5 .moduleItemExtraFieldsValue, .bloctarflex.compg5 .bloctar.tarlas.prix {background: #d7fdd5;}.bloctarflex.adefinir, .bloctarflex.adefinir .moduleItemExtraFieldsValue, .bloctarflex.adefinir .bloctar.tarlas.prix {background: #cccccc;}
.bloctarflex.gal5, .bloctarflex.gal5 .moduleItemExtraFieldsValue, .bloctarflex.gal5 .bloctar.tarlas.prix {background: #a5e7d2;}
/*.deb2:after, .deb1:after, .deb:after {background: #19b71e;/*background: linear-gradient( -90deg, blue, blue 49%, white 49%, white 51%, red 51% );*/}*/
/*.deb:after {background: #2bdbd3;}*/
/*.babypoudeb:after {background: linear-gradient( -90deg, #19b71e, #19b71e 49%, white 49%, white 51%, #dddf59 51% );}
.gal12:after {background: linear-gradient( -90deg, #5982df, #5982df 49%, white 49%, white 51%, #872bdb 51% );}
.gal1:after {background: #872bdb;}
.gal2:after {background: #5982df;}
.gal23:after {background: linear-gradient( -90deg, #872bdb, #872bdb 49%, white 49%, white 51%, #db2b95 51% );}
.gal3:after {background: #db2b95;}
.gal34:after {background: linear-gradient( -90deg, #cf8a0c, #cf8a0c 49%, white 49%, white 51%, #db2b95 51% );}
.gal4:after {background: #cf8a0c;}
.gal45:after {background: linear-gradient( -90deg, #59dfb4, #59dfb4 49%, white 49%, white 51%, #cf8a0c 51% );}
.gal5:after {background: #59dfb4;}
.comp:after {background: #eb3636;}
.compg5:after {background: #eb3636;}
.adefinir:after {background:#cccccc;}

.nivec:after {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 8px;
}*/

.courstrim.der {width:18%;}
.courstrim {width: 24%;}
.prix {font-weight:700;color: #a9968c;}
.ctrim {
    display: block;
    border-radius: 8px; 
    font-weight: 700;
    /*text-shadow: 0px 0px 3px #414141;*/
    padding: 8px 10px;
    margin-bottom: 0px;border-bottom:1px solid #ffffff;
    background-size: cover;
}
.courstrim {background: #f9f8f7;border-radius: 8px;}
.flexdeux {margin-top:25px;}
.fbleft {width:100%;}
.trimb {display: block;
    width: 100%;
    vertical-align: middle;
    padding: 10px 12px;
    background: #f9f8f7;
    margin: 0px 0px 6px 0px;
    border-radius: 8px;line-height: 24px;}
.courstrim.trimdeux {/*margin: 30px 0px;*/}
.fbrightun {width: 100%;float:none;}
/*.col1trim.colmembre {
    width: 48%;
}
.col2age, .col3age {
    width: auto;
    margin: 0px 0px 0px 6px;
    width: 25%;
}
.flexaboin {
    display: flex;
    text-align: center;
    flex-flow: row wrap;
    justify-content: space-between;width:100%;
}
*/
@media screen and (min-width: 992px) {
.flexabo {/*display: flex; text-align: center; flex-flow: row wrap; justify-content: space-between;*/}
.flexabo .tab {/*width: 110%;*/width:49%;}
	}
.flexabo {margin-top: 30px;}
.tab3.flexabo {margin-top:0px;}
.flexaboin {
    display: flex; text-align: center; flex-flow: row wrap;justify-content: space-between;}
.tab3 .col1trim.colmembre {width:33%;}

.flexaboin {margin-top: 0px;}
.tab3.tab {}
.flex.tari .blocun {width:32%;}
.flexaboin .colmembre {}

@media screen and (min-width: 501px) {
.tarptt {display: none;}
}
.col2age, .col3age {margin: 0px 0px 0px 6px;}
.flexabo.flex .col2age, .flexabo.flex .col3age {width: 24%;}
.col2age {/*border-left: 1px solid; border-right: 1px solid;*/}
.flexstages.flextag span {display:inline-block;}
.flexabo span, .flexstages span {display: block; width: 100%;}
.flexabo span, .flexstages span {vertical-align: middle; padding: 4px 12px; background: #f9f8f7; border-radius:8px;}
.flexabo span, .flexstages span {margin: 0px 0px 6px 0px;}
.flexstagesun span {margin: 0px 0px 0px 0px;}
.col1trim.colmembre {
    width: 50%;
}

.flexaboin .rien {visibility: hidden;}
.flexabo span.trim, .flexstages span.trim {text-align: left;}

/*vignettes accueil*/
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}


.inlbl.bgris span {display:block;}
.inlbl.bgris .bold {line-height:20px;margin-top:20px;}
.inlbl.bgris {margin-top:40px;width: 220px; text-align: center;padding: 20px 20px 45px; display: inline-block;text-transform: uppercase;  position: relative;}
.plus a, .flex.devss a {color:#414141; text-align:center;margin-top: 20px; border: 3px solid #ffffff; border-radius: 100px; width: 45px; height: 45px; display: inline-block; line-height: 38px; font-size: 25px; font-weight: 800; background: #f3f3f3;position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;}
.bgris {background: #f3f3f3/*#f9f9f9*/;padding:0px;border-radius:8px;}
.bgris.bold {padding:3px 10px;}
.wid.bgris {padding-bottom:35px;}
.titreblock {text-transform: uppercase; margin: 20px 0px 10px;}
.descblock {margin-bottom:0px;padding:0px 35px!important;}
.flex .ensavoirplus a {margin-top:25px;width: 80%;}
.flex.gal .ensavoirplus a {margin-top: 5px;}
.imblock .imgblock {border-radius: 8px 8px 0px 0px;}
.imgblock {border-radius:8px;}
.mots {display: inline-block; text-transform: uppercase; background: #fdfdfd; line-height: 30px; margin-top: 10px; width: 80%;}
.padd {padding:0 15px;}
.flex .wid {width:30%;}
.flex a {margin-top:15px;}

.phd, .phg, .phd.qsn {margin-bottom:10px;}
.phd.qsn {width:28%}
.phd, .phg {width:32%}
.phg {float:left;margin-right:50px;}
.phd {float:right;margin-left:50px;}
.phd .imgang, .phg .imgang {width:auto;}
.phg.t4-section, .phd.t4-section {display:inline-block;}
/*.phg .imgang {float:left;margin-right:50px;}
.phd {float:right;margin-left:50px;width:30%;}
.phd .imgang {width:auto;}
.imgang {width: 445px;}*/
@media (max-width: 991.8px) {
.facc .fright {width: 100%; margin-top: 20px; margin-bottom: -50px;}
.facc .fleft { width: 100%;}
.acc {line-height: 35px; margin-bottom: 10px;}
.flex .ensavoirplus a {width: 90%;}
.phd, .phd.qsn {margin-left: 40px;}
.phg {margin-right: 40px;}
.devss .inlbl.bgris, .devss .inlbl.bgris.deux {margin-top: 20px;}
}
@media (max-width: 767px) {
.facc .fright {margin-bottom: -30px;}
.btn {line-height: 22px;}
.devss .inlbl.bgris {margin-top: 10px;}
.devss .inlbl.bgris.deux, .devss .inlbl.bgris.troisc {margin-top: 35px;}
.devss .inlbl.bgris, .devss .inlbl.bgris.deux, .devss .inlbl.bgris.troisc {width:100%;}
.phd, .phg, .phd.qsn {float: none; margin-left: 0px; margin-right; width: 100%;margin-bottom:20px;}
}


ul {list-style:none;padding-left:0px;}
ul.listic li {line-height:40px;}
ul.listic {margin-bottom:47px;}
.t4-block-bottom {z-index:0;}
#t4-block-bottom {overflow-x: clip;}
.mapacc {position: absolute; right: 0; z-index: -1; top: -70px;}
.nonmob:before {content:" / ";}
.bbadr {color: #ffffff;
    border-radius: 100px;
    float:left;
    height: 25px;
    line-height: 25px;
    font-size: 13px;}
.bbjaune {background: #cdb268;}
.bbbleu {background: #24242461;}
.devise {}
.intro {font-size:22px;margin-bottom:15px;}
.t4-block-bottom h3 {margin-bottom:8px;}
.t4-block-bottom p {width:50%;}
.adrb, .phone {margin-top:30px;}
.phone {}
.t4-block-bottom i, .centresp i {width: 25px;text-align: center;margin-right:5px;}
/*.adr .clear {margin-left:35px;}*/
.adr {
    display: inline-block;
    width: 100%;
    text-align: center;}
.adrs {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;}
.adr1 {float:left;line-height:22px;margin-left:5px;}
.adrmail {margin: 3px 0px 8px;}
.phone i {margin-right:10px}

@media (max-width: 1399px) {
	.activites p {margin-bottom:0px;}
.flexstages .colo2, .flexstages .blocun {width: 100%;}
.blocun {width: 100%;  margin-bottom: 30px;}
.flexdeux {margin-top: 0px;}
.courstrim.der {width: 22%;}
.tab3.flexabo {width: 37%!important;}
.flex.tari .blocun {width: auto; min-width: 29.5%;margin-bottom:0px;}
.col1trim.colmembre {width: auto;}
.col2age, .col3age {margin: 0px 0px 0px 0px;}
.flexabo.flex .col2age, .flexabo.flex .col3age {width: 26.3%;}
.tab2 .col1trim.colmembre {width: 44.5%;}
}
@media (max-width: 1199px) {
.flexabo .tab1 {margin-bottom:30px;}
.tab3.flexabo {width: auto!important;}
.flexabo .tab {width: 100%!important;}
.flexaboin {display: -webkit-flex;width:100%; -webkit-flex-direction: row; flex-direction: row;}
.flexabo.flex .col2age, .flexabo.flex .col3age {width: auto; flex: 1 0 0;}
.col1trim.colmembre {width: auto; flex: 3 0 0;}
.col2age, .col3age {margin: 0px 0px 0px 8px;}
.courstrim.der {width: 100%; margin-top: 20px;}
.courstrim {width: 32%;}
.flex.tari .blocun {min-width: auto;}
.tab3 .col1trim.colmembre {width: auto;}
.fbright.ffe img {height: 275px; margin-top: 30px;}
.pensiondeux .bleft {width: 35%; text-align: left;}
.bleft {width: 60%;}
.descblock {padding: 0px 25px!important;}
.intro {font-size: 19px;}
.bgris {padding: 0px 0px 25px;}
.inlbl.bgris {margin-top: 40px; width: 180px;padding: 20px 15px 45px;}
}
@media (max-width: 1399px) and (min-width: 992px) {
.article-body .mapaccentres {width:60%;}
}
@media (max-width: 991px) and (min-width: 768px) {
.article-body .adr1 {width: 91%;}
.article-body .centresp {width: 62%; text-align: left;}
}
@media (max-width: 991.98px) {
.fbright.ffe img {height: 310px; margin-top: 30px;}
ul.ulecole {width: 40%;}
.fbright.ffe {float:right;}
.ctrim {max-width: 160px;margin: auto;}
.vide {display:none;}
.bleft, .blocun {width: 100%;}
.flex.tari .blocun {width: 100%;}
.flex.tari .blocun.blocdeux {margin:30px 0px;}
.col1trim.colmembre {width: auto; flex: 2 0 0;}
.tab3.flexabo {width: 100%!important;}
.col2age, .col3age {flex: 1 0 0;}
.pensiondeux .bleft {width: 100%; text-align: left;}
.pensiondeux .bright {width: 100%;}
.bright .imgblock {height: auto!important;margin-top:30px;}
.imgblock {height: auto!important;}
.fbright {float: none; margin-left: 0px; margin-bottom: 30px;}
.blockacc .imgblock {margin-top:0px;}
.banacc.deux {margin: 0px 15px;}
.inlbl.bgris.deux, .inlbl.bgris.trois {width:160px;}
.phone {line-height: 25px;}
.titun {font-size: 26px; line-height: 40px; margin: 10px 0px; text-align: center;}
.titreacc {font-size: 33px; margin-bottom: 20px; text-align: center;}
}
@media (max-width: 991.8px) {
.phd {margin-left: 40px;}
}
@media (max-width: 767px) {
.adrs {margin-bottom: 30px;}
.flexstag .colo2 {padding: 12px;}
.trimb {margin: 0px 0px 0px 0px;}
.courstrim.trimdeux {margin: 20px 0px;}
.col1trim.colmembre {flex: 1.5 0 0;}
ul.ulecole {width: 100%;}
.fbright.ffe {float: none;}
.fbright.ffe img {height: auto; margin-top: 10px;}
.ctrim {max-width: none;}
.courstrim {width: 100%;}
.flex.impension {margin-top: 15px;}
.bgris.bold {display: block;}
.moduleItemExtraFieldsValue {padding-left: 8px; padding-right: 4px;}
.flexstages .bloctar.tarlas.titre {width: 100%; text-align: left;}
.flexstages .moduleItemExtraFieldsValue {width: 100%;line-height: 22px;}
.flex.blockacc {}
.inlbl.bgris, .inlbl.bgris.deux, .inlbl.bgris.troisc {box-shadow: 0px 0px 6px #d5d5d5;width: 47%;margin-left:0px; margin-right:0px;}
.inlbl.bgris {margin-top: 30px;}
.inlbl.bgris.troisc {margin-top: 40px;}
.piggy {right: 0; width: 240px; bottom: -20px;}
.centresp {text-align: center;}
.phd {float: none; margin-left: 0px; width: 100%;}
.titreacc { font-size: 28px; margin-bottom: 15px;text-align: center;}
.titun {font-size: 22px;line-height: 30px;}
.liens a {margin-right: 0px; width: 47%; margin: 10px 0px 0px;}
.liens .appl {float:right;}
.liens {margin-top: 5px;}
.center {text-align: justify;}
.vignbleu {margin: 40px 0px 40px;}
.phg .btn {width:100%;}
.mapaccmob {margin-bottom:20px;}
.t4-block-bottom p {width: 100%;}
.intro {
    font-size: 18px; margin-bottom: 10px;}
.adrmail {margin: 0px 0px 0px;}
.adr1 {float: none;}
.t4-block-bottom i, .centresp i {width: 22px;}
.bbadr {height: 22px; line-height: 22px; font-size: 11px;}
.phone {text-align:left;}
.phone i {margin-right: 5px;}
}

@media (max-width: 600px) {
}

@media (max-width: 575px) {
.tab2.flexstag .blocun {margin-bottom: 0px;}
div.flexabo > .tab > div.tarptt:nth-child(4) {margin:6px 0px}
.tarptt {text-align: left; padding: 4px 10px; background: #f9f8f7;  border-radius: 8px;}
.attention {margin-top:10px;    margin-bottom: 25px;text-align: left;}
.jour, .courstrim {text-align:left;}
.flex.impension img {width: 48%;}
.flexaboin {display:none;}
 .flexaboin.pstage {display: -webkit-flex;}
.flexstages .pstage span {line-height: 20px;}
  .flexstages .pstage span.age, .flexstages .pstage span.rien {height:48px;}
.age, .col1trim.colmembre {font-size:15px;}
.pensiondeux .bloctar.tarlas.titre {width: 100%; text-align: left;}
.pensiondeux .moduleItemExtraFieldsValue {width: 100%;line-height: 22px;}
}

@media (max-width: 480px) {
.tarlas.prix {text-align: left;}
.flexplancours .bloctar.tarlas.titre {width: 100%; text-align: left;}
.flexplancours .moduleItemExtraFieldsValue {width: 100%;line-height: 22px;}
.descblock {margin-bottom: 0px;}
.reviews-block__slide {padding: 30px 30px;}
.reviews-block__text {text-align: justify; height: auto; font-size: 15px; line-height: 20px;}
.inlbl.bgris, .inlbl.bgris.deux, .inlbl.bgris.troisc {box-shadow: 0px 0px 0px #d5d5d5; width: 100%;}
.liens a {margin-right: 0px; width: 100%;}
.liens .appl {float: none;}
.piggy {position: relative; bottom: auto; width: 200px; right: auto; margin: 15px auto 0px;}
.inlbl.bgris {margin-top: 10px;}
.inlbl.bgris.deux, .inlbl.bgris.troisc {margin-top:40px;}
}

@media (max-width: 380px) {
 .flexstages .pstage span {font-size: 80%!important;}
.flex.impension img {width: 100%;}
.flex .ensavoirplus a {width: 90%;}
.mots {line-height: 20px; width: 90%; padding: 5px;}
}

@media (max-width: 350px) {
.reviews-block__text::after {display:none;}
.t4-block-bottom p {text-align: justify;}
.descblock {}
.adrmail, .hor {font-size: 15px;}
.reviews-block__slide {padding: 30px 30px;}
}

@media (max-width: 310px) {
 .flexstages .pstage span {height:48px;}
}

/*accueil*/
#fifotext_css {display:inline;}


@media (max-width: 1399px) {
.flex .wid {width: 31%;}
.imgang {width: 400px;}
.phg .imgang {float: left; margin-right: 40px;}
ul.listic {margin-bottom: 20px;}
ul.listic li {line-height: 35px;}
p.txtp {margin-bottom:15px;}
}

@media (max-width: 1399px) and (min-width: 1200px) {
h2.acc {margin-bottom: 5px;}
.hidd {display:none;}
}

@media (max-width: 1199px) and (min-width: 992px) {
ul.listic li {line-height: 30px;}
ul.listic {margin-bottom: 10px;}
p.txtp {margin-bottom: 9px;}
.hidd {display:none;}
.hiddun {display:none;}
.padd {padding: 0 5px;}
.descblock {font-size:16px;}
.mots {font-size: 15px;}
/*.descblock {overflow:hidden;height:84px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  display: block; display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.newsintro {overflow:hidden;height:60px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: block; display: -webkit-box!important; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}*/
}

@media (max-width: 1199px) {
.fright span, .fright a {font-size: 20px;}
.fleft span.clear {display:inline;}
.fleft {width:78%;}
/*.mapacc {right: -170px;}*/
}
@media (max-width: 1099px) {

}
@media (max-width: 991.98px) {
.reseaux, .copy {text-align: center;}
.col-sm {flex-grow: unset; max-width: 100%;}
.recla a.deux {margin-top:10px;}
.recla a {width:100%;}
.fleft {max-width: none;}
.btnun {margin: 15px 0px;}
.fright {margin: 20px 0px 5px;}
.cd-words-wrapper {text-align:center!important;width:auto!important;}
.cd-headline.slide b {top: 0em; width: 100%; left: 0; right: 0; margin: auto;}
.fright {width: 100%;}
.t4-block-bottom .clear {max-width:300px;}
.fleft {width: 100%; text-align: justify;}
.mapacc {width: 80%; top: 50px;}
.phg .imgang {float: none; margin-right: 0; width: 100%; margin-bottom: 30px;}
.flex .wid {width: 100%;}
.wid.blockdeux, .wid.blockacc2 {margin:30px 0px;}
}
@media (min-width: 768px) { 
.mapaccmob {display:none;}
}
@media (max-width: 767px) {
.cd-words-wrapper {text-align:center!important;width:100%!important;}
.flex a {line-height: 22px;}
.t4-block-bottom .t4-section-inner {text-align:center;}
.bbadr {float: none;}
.phone {text-align: center;}
.t4-block-bottom i, .centresp i {margin-right: 0px;}
.phone i, .adr i, .adrb i {margin-right: 0px; vertical-align: text-bottom;}
.adr1 {float: none; display: inline;margin-left:0px;}
.clear {display: block;}
.fphone, .fright {width: 100%;}
.fleft {width: 100%; text-align: center;}
.mapacc {display:none;}
.btnun {margin: 15px 0px;}
.fright {margin: 20px 0px 10px;}
}

@media (max-width: 575px) {
.titun .light {font-size: 16px; line-height: 20px;}
.titun {font-size: 20px; line-height: 23px;margin: 5px 0px;}
.chiffre {font-size: 20px; width: 23px; height: 23px; line-height: 23px;}
.titreacc {font-size: 24px;}
.tacc {font-size: 20px;}
.bgris {padding: 0px 0px 20px;}
}

@media (max-width: 500px) {
.t4-block-bottom i {}
.bbadr {}
.phone i, .adr i, .adrb i {width: 30px;height: 30px; line-height: 30px; font-size: 14px;display: block; margin: 0px auto;}
}

@media (max-width: 480px) {
.titun {
font-size: 18px;}
ul.listic li {line-height: 25px; text-align: left;}
.fleft {text-align: justify;}
.fleft .acc {text-align:center;}
}

@media (max-width: 450px) {
div.swiper-slide {margin-right:30px!important;}
#sliderck161 {height: 25px!important;}
}


/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {font-weight:700;
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}

/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}


/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;font-weight:700;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}