/* --------------------------- Global */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, datagrid, datalist, details, dialog, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
html { font-size: 62.5%; }
img, table, td, blockquote, textarea, input, audio, video, canvas { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
p, ul, ol, blockquote, table, hr, figure { margin: 0 0 25px 0;}
p:last-child, ul:last-child, ol:last-child, blockquote:last-child, table:last-child, figure:last-child { margin-bottom: 0; }
a, a:hover, a:active, a:focus { text-decoration: none; }
a:focus { outline: 0; }
ul, ol { padding-left: 2em; }
li p, li ul { margin-top: 0; margin-bottom: 0; }
form ul, nav ul, .menu { list-style: none; padding: 0; }
img { border: 0; vertical-align: bottom; }
form, fieldset, iframe { border: 0; }
input, button, select, label { vertical-align: middle; }
input:focus, button:focus, select:focus, textarea:focus { outline: 0; }
textarea { overflow: auto; min-height: 120px; resize: vertical; vertical-align: top; }



/* --------------------------- Spécifique */
body { font-size: 1.6em; font-family: 'SourceSansProRegular'; line-height: 1.7; color: #444; background: #fff; text-align: left; overflow-x: hidden;}

.sidebar-info{position: absolute; z-index: 10; left: 0; right: 0; background: black; text-align: center; padding: 15px;}
.sidebar-info p{margin: 0; color:white; font-weight: bold;}
.sidebar-info a{color:#E3392D;}
.sidebar-info a:hover{color:white;}

.prix-tampon{position: relative;left: 0; right: 0; top:-98px; color:#fff;font-family: 'museo700'; font-size: 19px;}
.mt{margin-top: 20px;}
.mb{margin-bottom: 60px !important;}

.logo { max-width: 155px; display: inline-block; position: absolute; top:13px;}
.header{position: fixed; width: 100%; background: #fff; z-index: 99;}

.img-hp{background-size:cover !important; background-position:center !important; background-repeat: no-repeat;}
.entete-hp{text-align: center; padding: 288px 15px;}
.content-hp{width: 500px; margin: 0 auto; padding: 325px 20px; text-align: center;}
.content-hp img{width: 70%; margin-bottom: 25px;}
.content-hp h1{font-size: 16px;}

.separateur{height: 32px; width: 27px; background-position: center; margin: 0 auto; position: relative;}
.separateur::before, .separateur::after{position: absolute; content:" "; width: 100px; height: 2px; color: #E3392D; border-bottom: dotted 2px #E3392D; top:12px;}
.separateur::before{left:35px;}
.separateur::after{right:35px;}

.col-centre img{margin-top:40px;}

.encart-img-formation{overflow: hidden;}
.encart-img-formation img{height: 200px; width: 100%; object-fit:cover; transform: scale(1); transition:all ease-in-out 0.4s;}
.col-1-4-formation:hover .encart-img-formation > img{transform: scale(1.1); transition:all ease-in-out 0.4s;}

.encart-txt-formation{background:#E3392D; color: #fff; padding:20px 10px; text-align: center; line-height: 1.2; transition:all ease-in-out 0.2s; height: 74px;}
.encart-txt-formation .col-1-3{width: 32%;}
.encart-txt-formation .col-2-3{width: 66%; font-size: 14px;}
.encart-txt-formation .col-1-3,  .encart-txt-formation .col-2-3{display: inline-block; vertical-align: middle;}
.encart-txt-formation img{width: 80%;}
h2.title-form {text-align: center;}

.col-1-4-formation a{display: block; border: 0 !important; transition:all ease-in-out 0.2s;}
.col-1-4-formation:hover a{box-shadow: 0 0 5px rgba(193, 42, 32, 0.6); transition:all ease-in-out 0.2s;}
.col-1-4-formation:hover .encart-txt-formation{background:#c12a20; transition:all ease-in-out 0.2s;}

.col-hp .col-1-3{border-right: solid 4px #E3392D; }
.col-hp .col-1-3 > img{margin-left: 38px;}

.home .col-centre:first-child{margin:0 auto 30px auto;}
.home .col-1-4 p:first-child{display: block; overflow: hidden; width: 200px;height: 200px; border-radius: 50%; margin:0 auto;}
.home .col-1-4 p:first-child img{transform: scale(1); transition: all ease-in-out 0.2s;}
.home .col-1-4 p:first-child:hover img{transform: scale(1.1); transition: all ease-in-out 0.2s;}

/* chefs.php */
.encart-chef{padding: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); border-top:solid 6px #E3392D; margin-bottom: 30px;}
.encart-chef h3{margin-top: 0;}

/* --------------------------- Mapbox */
.mapboxgl-map{height:400px; border-radius: 5px;}
.marker { background-image: url('../images/icon-gmap.jpg'); background-size: cover; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; }
.mapboxgl-popup-close-button{background:#E3392D; color:#fff; right:8px; top:8px; width: 20px; height: 20px; font-size: 10px; font-weight: bolder; border-radius: 50%;}
.mapboxgl-popup-close-button:hover{background:#c12a20;}
.mapboxgl-popup-content h3 {text-align: center; font-family: 'Poppins', sans-serif; color: #E3392D; font-weight: 600; margin-top: 10px;}
.mapboxgl-popup-content{padding: 22px 10px 15px; text-align: center;}
.mapboxgl-canvas{width: 100%;}


/* --------------------------- Menu principal */
.menu-principal{padding: 20px 50px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); }
.nav_menu-2 {display: inline; text-align: center;padding-top: 10px;}
.nav_menu-2 li { display: inline-block; margin-right: 20px; position: relative; padding-bottom: 5px; border-bottom:dotted 2px transparent; transition:all ease-in-out 0.3s; text-align: left;}
.nav_menu-2 li:hover{border-bottom:dotted 2px #E3392D;  transition:all ease-in-out 0.3s;}
/* .nav_menu-2 li:last-child { margin-right: 0; position: absolute; right: 55px; top: 30px;} */
.nav_menu-2 a { display: block; color: #888; }
.nav_menu-2 a > span{font-size: 15px; line-height: 1.3;}
/* .nav_menu-2 li:last-child, .nav_menu-2 li:last-child:hover{border:0;}
.nav_menu-2 li:last-child a{background:#E3392D; color: #fff; border-radius: 30px; padding: 5px 30px; }
.nav_menu-2 li:last-child a:hover{background:#b5291f; color:#fff;} */
.nav_menu-2 a:hover, .nav_menu-2 a:focus, .nav_menu-2 .current-menu-item a, .nav_menu-2 .current-menu-parent a, .nav_menu-2 li:hover a { color:#E3392D; }

/* --------------------------- Menu secondaire */
.menu-secondaire{background: #E3392D; text-align: center;}
.nav_menu-3{padding: 9px;}
.nav_menu-3 li{display: inline-block; margin: 0 10px;}
.nav_menu-3 a{color: #fff; font-size: 14px;}
.nav_menu-3 a:hover{color:#000;}

/* 2eme niveau */
.nav_menu-2 li ul { position: absolute; top: 110%; left: 50%; width: 200px; margin-left: -100px; background: #111; opacity: 0; visibility: hidden; z-index: 200; }
.nav_menu-2 li:hover ul { opacity: 1; visibility: visible; top: 100%; }
.nav_menu-2 li li { float: none; margin-right: 0; border-bottom: 1px solid #666; }
.nav_menu-2 li li:last-child a { border-bottom: 0; }
.nav_menu-2 li li a { float: none; color: #fff; text-align: center; line-height: normal; padding: 15px 10px; }
.nav_menu-2 li li a:hover { background: #333; }

.nav_menu-2 a > img{margin-right: 10px; width: 30px;}
.nav_menu-2 a > img, .nav_menu-2 a > span{display: inline-block; vertical-align: middle;}




/* --------------------------- Mobile nav */
#mobile-nav img { vertical-align: middle; margin-right: 6px; }

#mobile-nav-container { z-index: 1000; position: fixed; padding-top: 50px; top: -20px; left: 0; right: 0; bottom: 0; width: 100%; background: #999; opacity: 0; visibility: hidden; overflow-y: auto; }
#mobile-nav-container.mobile-nav-open { top: 0; opacity: 1; visibility: visible; }
#mobile-nav-container ul { margin: 0 auto 30px auto; padding: 0 15px; max-width: 320px; list-style: none; }
#mobile-nav-container li .sub-menu { padding: 0 0 15px 0; margin: 0; display: none; }
#mobile-nav-container li {  border-bottom:dotted 2px #fff;transition: all 0.2s ease; margin-bottom: 14px;}
#mobile-nav-container li:hover{border-bottom:dotted 2px #000; transition: all 0.2s ease;}
#mobile-nav-container li:hover a{color:#000;transition: all 0.2s ease;}
#mobile-nav-container li li { border-bottom: 0; }
#mobile-nav-container li a { color: #fff; padding: 15px 0; display: block; position: relative; font-size: 20px; }
#mobile-nav-container li a img{display: none;}
#mobile-nav-container li li a { color: #999; padding: 8px 0 8px 20px; }

#mobile-nav-container .open-sub:after { content: "+"; font-size: 25px; position: absolute; top: 50%; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; margin-top: -15px; }


/* --------------------------- Mobile nav close */
#mobile-nav-close { font-size: 25px; position: absolute; top: 0; right: 0; display: block; text-align: center; width: 50px; line-height: 50px; background: #fff; cursor: pointer; color: #111; }

.active #mobile-nav .content:before,
.active #mobile-nav .content:after {background: #000000;}
.active #mobile-nav .content {background: none}
.active #mobile-nav .content:before {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.active #mobile-nav .content:after {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
#mobile-nav {width: 30px;height: 43px;cursor: pointer;display: none;vertical-align: middle;position: relative;line-height: normal;z-index: 1500;top:40px;}
#mobile-nav .content {background: #000000;height: 2px;position: absolute;width: 100%;top: 50%;margin-top: -1px;left: 0}
#mobile-nav .content:before,
#mobile-nav .content:after {background: #000000;height: 2px;position: absolute;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;content: "";display: block}
#mobile-nav .content:before {margin-top: -8px}
.content:after {margin-top: 8px}

/* --------------------------- Pour fermer le menu en cliquant à coté */
#mobile-nav-container.mobile-nav-open { top:77px; right:0; opacity: 1; visibility: visible; transition: all ease-in-out 0.4s;  min-width: 400px; z-index: 6000; background:#E3392D; }
#close-menu{z-index: 5555;position: fixed;  top: 0;right: 0;  left: 0;bottom: 0;opacity: 0;visibility: hidden;  transition: all .3s ease-out;}
#close-menu.open-cmenu{opacity: 0 !important;visibility: visible;}
.mobile-nav-contener{position: fixed; top:-10px; right: 50px;}
.mobile-nav-contener-open{display: none; z-index: 9999; position: fixed; top: 0px; right: 50px;}
.mobile-nav-contener-open .active{display: block;}





/* --------------------------- Grille */
.fond-gris{ background-color: #efefef; }
.home .content-page{padding: 40px 0 0 0 !important;}
.page-template .content-page, .content-page { padding: 145px 0 100px 0; }
/* .category .content-page{padding:105px 0 0 0;} */

.no-container{max-width: none; width: 100%; display: table; table-layout: fixed; margin: 0 auto;}
.no-container .col-1-2{padding:0;}
.no-container .image-full{height:350px; background-position: center;}
.no-container .col-1-2 .texte-full{padding:10%; background: #fff;}

.container-pt { max-width: 1300px; width: 98%; display: table; table-layout: fixed; margin: 0 auto; padding-top: 30px;}
.container-pb { max-width: 1300px; width: 98%; display: table; table-layout: fixed; margin: 0 auto; padding-bottom: 30px;}
.container-nopadd { max-width: 1300px; width: 98%; display: table; table-layout: fixed; margin: 0 auto;}
.no-container { max-width: none; width: 100%; display: table; table-layout: fixed; margin: 0 auto; }
.container { max-width: 1550px; width: 98%; display: table; table-layout: fixed; margin: 0 auto;padding-top: 30px;padding-bottom: 30px; }
.grid-margin { margin-bottom: 50px; }

.col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-1-4, .col-2-4, .col-3-4, .col-1-4-formation { display: table-cell; padding: 0 10px; vertical-align: top; min-height: 1px; position: relative; }
.col-1-2 { width: 50%; }
.col-2-2 { width: 100%; }
.col-1-3 { width: 33.3333333333%; }
.col-2-3 { width: 66.6666666666%; }
.col-1-4 { width: 25%; }
.col-1-4-formation{width: 25%;}
.col-2-4 { width: 50%; }
.col-3-4 { width: 75%; }

.col-centre{margin: 0 auto;max-width: 640px;}
.col-hp{margin: 0 auto 30px auto;max-width: 1000px; padding: 0 20px;}

.google-map { width: 100%; height: 600px; }
.google-map img { max-width: none; height: auto; }

/* --------------------------- Texte */
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4; }
h1 { font-family: 'museo700'; text-align: center; font-size: 35px; color: #111; margin: 0 0 50px 0; }
h2 { font-family: 'museo300'; font-size: 25px; color: #E3392D; margin: 25px 0 8px 0; }
h3 { font-family: 'museo700'; font-size: 20px; color: #111; margin: 0 0 10px 0; }
h4 { color: #888; }

h1:last-child { margin-bottom: 0; }
h2:first-child, h3:first-child, h4:first-child { margin-top: 0; }
h2:last-child, h3:last-child, h4:last-child { margin-bottom: 0; }

strong, b { font-weight: bold; }

hr { margin: 30px auto; border: 0; height: 1px; background: #ddd; clear: both; }

.content-page a { color: #E3392D; border-bottom: 1px solid #ddd; }
.content-page a:hover, .content-page a:focus { color: #111; border-bottom: 1px solid #111; }

blockquote { font-style: italic;  padding: 11px 35px 10px 85px; background:url(../images/quotes.png) top 16px left 14px no-repeat;}

.table, table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 5px 10px; border: 1px solid #ddd; }
.table th, .table thead td { background: #f5f5f5; font-weight: normal; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

.v-align-top { vertical-align: top; }
.v-align-middle { vertical-align: middle; }
.v-align-bottom { vertical-align: bottom; }

.image-cover { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* ------------------------- Loop */
.blog-item .container{padding-left: 35px;}

.blog-item {border-bottom: 1px solid #ddd; }
.blog-item:last-child { border-bottom: 0; }
.blog-item a{border:0 !important;}

.col-article{display: inline-block; width: 23%; border-top: solid 5px #E3392D; margin: 0 0 0 1%; padding: 20px; vertical-align: top;  min-height: 300px; margin-bottom: 30px; position: relative;  background-repeat: no-repeat; background-position: center; box-shadow: 0 0 3px rgba(1, 1, 1, 0.34);}
.col-article::before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.55); top: 0; left: 0;}
.col-article h2{ font-family: 'SourceSansProRegular'; font-size: 20px; background: #fff; position: absolute; top: 0; left:0; padding: 15px; right: 0; min-height: 90px;}
.col-article h2 > a{color:#000 !important;}
.col-article p{position: absolute; bottom: 20px;}

.prix{background-color: #E3392D; color:#fff; border-radius: 3px; padding: 2px 3px;}

/* Pagination */
.pagination .nav-previous, .pagination .nav-next {font-size: 13px; width: 50%; float: left;}
.pagination .nav-next { text-align: right; }

.contenu-formation{background: #ececec; padding:40px; }

/* ------------------------- Gallery */
.gallery br { display: none; }
.gallery { margin-bottom: 30px; vertical-align: top; }
.gallery-item { display: block; float: left; width: 140px; border: 1px solid #ddd; margin: 0 -1px -1px 0; vertical-align: top; }
.gallery-item a { display: block; padding: 10px; }

.wp-caption { width: auto !important; margin-bottom: 30px; }
.wp-caption.aligncenter { text-align: center; }
.wp-caption-text { padding: 0 10px 10px 10px; font-size: 13px; line-height: 20px; }

.aligncenter, .attachment-aligncenter { margin: 0 auto 30px auto; display:block; }
.alignleft, .attachment-alignleft { float:left; margin: 0 30px 30px 0; }
.alignright, .attachment-alignright {float:right; margin: 0 0 30px 30px; }

/* --------------------------- Footer */
.footer { font-size: 14px; }
.footer .container a { color: #E3392D; }
.footer a:hover { color: #111; }

.nav_menu-4 li { margin-right: 20px; display: inline-block; }
.nav_menu-4 a { display: inline; }

.left, .center{border-right: solid 1px #cdcdcd;}
.left .widget{ width: 49%; display: inline-block; vertical-align: middle;}
.center .widget{width: 80%; display: block; margin: 15px auto;}

.footer .no-container{background:#D1D1D1; }
.footer .container-nopadd{padding:5px 0;}
.footer .container-nopadd a{color:#fff;}
.footer .container-nopadd a:hover{color:#000;}

.no { text-align: right; }

/* --------------------------- Formulaires */
.gform_wrapper{ padding: 25px 0; border-radius: 5px; margin:0 !important;}
.gform_wrapper label.gfield_label{font-weight: normal !important;}
.ginput_container input, .gform_wrapper textarea.medium{border-radius: 4px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); border:0;}
.gform_wrapper ul.gform_fields li.gfield{padding-right: 0 !important;}
.gform_footer input[type="submit"]{ display: block!important; margin: 0 auto!important;}
.gform_wrapper ul.gfield_checkbox li label{vertical-align: top !important;}

/* --------------------------- Boutons */
.gform_footer input[type="submit"], .btn-rouge{background: #E3392D;}
.btn-blanc{background: #fff; color:#E3392D !important;}

input[type="submit"] { font-family: inherit; }
.btn, input[type="submit"], .gform_footer input[type="submit"] { color: #fff !important; border-radius: 30px; border:0 !important;display: inline-block; padding: 6px 20px; text-align: center; cursor: pointer; }
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #b5291f; color: #fff !important; border: 0 !important; }

/* --------------------------- Messages */
.message, #message { padding: 15px; margin-bottom: 30px; background: #fff; }
.message-success, #message.updated { border: 1px solid #2ecc40; box-shadow: 0 0 0 2px rgba(46,204,64,0.4); }
.message-info { border: 1px solid #0074d9; box-shadow: 0 0 0 2px rgba(0,116,217,0.4); }
.message-error, #message.error { border: 1px solid #ff4136; box-shadow: 0 0 0 2px rgba(255,65,54,0.4); }

/* --------------------------- Transitions */
a, input[type="text"], input[type="email"], textarea, input[type="submit"], .nav_menu-2 a:before, .nav_menu-2 a:after, .nav_menu-2 .sub-menu { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
#mobile-nav-container { -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }

/* --------------------------- Font face */
@font-face { font-family: 'SourceSansProRegular'; src: url('../fonts/SourceSansPro-Regular-webfont.eot'); src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SourceSansProItalic'; src: url('../fonts/SourceSansPro-It-webfont.eot'); src: url('../fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-It-webfont.woff') format('woff'), url('../fonts/SourceSansPro-It-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SourceSansProBold'; src: url('../fonts/SourceSansPro-Bold-webfont.eot'); src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'museo300'; src: url('../fonts/museo300-regular-webfont.eot'); src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#museo300') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'museo700'; src: url('../fonts/museo700-regular-webfont.eot'); src: url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg#museo700') format('svg'); font-weight: normal; font-style: normal; }

/* --------------------------- Responsive */
@media screen and (max-width: 1760px) {

    .nav_menu-2 a > span{font-size: 13px;}

    .logo{max-width: 135px; top: 10px;}
    #mobile-nav{top:24px; right: -20px;}
    .home .content-page{padding: 15px 0 0 0;}
    .page-template .content-page, .content-page { padding: 105px 0 100px 0; }

}

@media screen and (max-width: 1590px) {
    .logo{display: block; margin: 0 auto; position:initial; padding-bottom: 20px;}
    .page-template .content-page, .content-page{padding: 200px 0 100px 0;}
}

@media screen and (max-width: 1400px) {
    .encart-txt-formation{height: 93px; font-size: 14px;}
}

@media screen and (max-width: 1320px) {
    .menu-principal{padding: 20px;}
}

@media screen and (max-width: 1110px) {
    #nav_menu-2 { display: none; }
    #mobile-nav { display: block; float:right;  top:29px;}
    .menu-principal{height: 78px; padding: 10px 20px;}
    .logo{padding-bottom: 0; margin: inherit;}
    .page-template .content-page, .content-page{padding: 120px 0 100px 0;}
}

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

    .grid-margin { margin-bottom: 0; }
    .container { display: block; }
    .col-1-2, .col-2-2, .col-1-3, .col-2-3, .col-2-4, .col-3-4 { width: 100%; display: block; padding-bottom: 25px;}
    .grid-margin .col-1-2, .grid-margin .col-2-2, .grid-margin .col-1-3, .grid-margin .col-2-3, .grid-margin .col-1-4, .grid-margin .col-2-4, .grid-margin .col-3-4 { margin-bottom: 35px; }
    .col-centre{padding:0 20px;}
    .col-1-4{width: 49%; display: inline-block;}
    .home .col-1-4{margin-bottom: 20px;}
    .no { text-align: left; padding-top: 15px; }

    .col-hp .col-1-3{border:0;}
    .col-hp .col-1-3 > img{display:none;}
    .col-hp .col-2-3{text-align: center;}

    .col-1-4-formation{width: 49%; display: inline-block; margin-bottom: 30px;}
    .encart-img-formation img{width: 100%;}
    .encart-txt-formation img{width: 67%;}
    .encart-txt-formation .col-2-3, .encart-txt-formation .col-1-3{padding-bottom: 0;}
    .encart-txt-formation{height: auto;}

    .wrap-img-chef{height: 400px; overflow: hidden;}
    .wrap-img-chef img{display: block; margin:0 auto;}

    .encart-chef .col-2-3 h2,.encart-chef .col-2-3 h3{text-align: center;}

    .center{border: 0;}
    .left {display: none;}
    .center img{display: block; margin: 0 auto;}
    .right{text-align: center;}

    .menu-menu-bas-container, .no{text-align: center;}
}

@media screen and (max-width: 900px) {
    .ctcc-left-side {font-size: 8px;}
}

@media screen and (max-width: 860px) {
    .col-article h2{font-size: 20px;}
}

@media screen and (max-width: 668px) {
    .menu-secondaire{display: none;}
    .home .content-page{padding: 10px 0 0 0 !important;}
    .footer .container{padding-top: 0;}
    .content-hp{padding:240px 20px; }
    .col-article{width: 45%;}

    .home .mb{margin-bottom: 0 !important;}
}

@media screen and (max-width: 570px) {
    .col-1-4-formation{width: 100%; display: block;}
    .encart-img-formation img{height: 250px; object-fit: cover; object-position: bottom;}
}

@media screen and (max-width: 500px) {
    .content-hp{width: auto; padding: 160px 20px;}
}

@media screen and (max-width: 470px) {
    .home .col-1-4{display: block; width: 100%;}
    .col-article{display: block; width: 100%; margin: 20px 0; min-height: 230px;}
}

@media screen and (max-width: 400px) {
    body{font-size: 1.5em;}
    h1{font-size: 23px;}
    h2{font-size: 19px;}
    .wrap-img-chef{height: auto;}
    #mobile-nav-container ul{max-width: inherit;}
    #mobile-nav-container.mobile-nav-open{min-width: 100%; width: 100%;}

}