body {text-align: center;}
h1 {font-family: 'Bell MT', sans-serif !important; }
.hunsupp {font-size: 22px; font-weight: bold; color:white;}
.hunsuppconseil {font-size: 20px;  }
.hunsuppformations {font-size: 18px;  }
h2 {font-family: 'Bell MT', sans-serif !important; font-size: 20px;line-height: 35px; }
h3 {font-family: 'Bell MT', sans-serif !important; font-size: 20px !important;line-height: 35px!important; color:white!important; font-weight: bold!important;}
h4 {font-weight: unset!important;}
a {text-decoration: none; }
a:hover {text-decoration:underline;}
a:focus {outline:unset !important;outline:unset !important;}
/***** Top menu *****/
nav {position: fixed;top: 0;left: 0;width: 100%;padding: 8px 0;background:white;z-index: 99999;border-bottom: 2px solid #2962c5;}
nav #myTopnav { text-align: right; }
nav .nav-logo { text-align: left; }
nav .nav-logo a {display: inline-block;width: 180px;height: 80px;margin: 7px 0 0 0;padding: 0;background: url(../images/logo_MCE.png) left center no-repeat;text-indent: -9999px;}
.topnav { overflow: hidden;  }
.topnav a {display: inline-block;font-family: 'Bell MT', sans-serif;font-size: 20px;font-weight: bold;color: #111;line-height: 50px;text-align: center;padding: 14px 16px;text-decoration: none;}
.topnav a:hover {color: #2962c5; }
.topnav .icon { display: none;}
#myTopnav a {text-decoration: none;}
#myTopnav a.active {color: #2962c5; text-decoration: underline;}
#myTopnav a:hover:not(.active) {color: #2962c5; text-decoration: underline;}
/*** Top Buttton **/
#btn_up { position: fixed; bottom: 20px; right: 20px; font-size:30px; text-align: center; color: #2962c5; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; z-index: 800;}
/***** footer *****/
.footer { margin: 0 auto; font-size: 16px;color:black;line-height: 26px;}
#footertext {height:auto;overflow: hidden;top:0px;left:0px; margin:0px auto; position: relative;text-align:center;}
.boxfoot{ margin:10px auto;vertical-align:middle;display:inline-block;overflow: hidden; position: relative;text-align:left;padding-left: 20px;padding-right: 20px;    }
.boxfoot a {color: #2962c5;}
/* ACCUEIL*/
/***** Top content *****/
.top-content-container { margin: 0 auto; background: #464c5c;    height: 600px;}
.inner-bg {padding: 155px 0 70px 0;background-image: url(../images/topimage.jpg);background-position: 50%;background-repeat: no-repeat;background-size: cover;left: 0 !important;position: absolute;width: 100%;display: block !important;height: 600px;}
.titreimage {text-align: left !important;width: 50%;text-shadow: 0 2px 0 rgba(8, 8, 8, 0.4);}
.boutonlogotop {width:50%;padding-top:30px;}
.boutontop{background-color: rgba(8, 8, 8, 0.1);border: white dotted 1px;padding: 10px;border-radius: 3px; color:white; font-family: 'Bell MT', sans-serif;font-size: 17px!important; font-weight: bold!important; color:white!important;margin: 10px;text-shadow: 0 2px 0 rgba(8, 8, 8, 0.4);box-shadow: 1px 1px 0 rgba(8, 8, 8, 0.16);}
.boutonblanc{background-color: rgba(255, 255, 255);border: white dotted 1px;padding: 10px;border-radius: 3px; color:#070de7; font-family: 'Bell MT', sans-serif;font-size: 17px!important; font-weight: bold!important; color:#070de7!important;margin-right: 30px;box-shadow: 1px 1px 0 rgba(8, 8, 8, 0.16);}
/***** team *****/
.team-container { margin: 0 auto; padding: 45px 0 70px 0;font-size: 16px;color:white;line-height: 26px;background-color: black;}
.banner {margin-bottom : 30px; color:#2962c5; background-image:url(../images/banner1.png); background-repeat: no-repeat; background-position: center;}
#michel {height:auto;overflow: hidden;top:0px;left:0px; margin:0px auto; position: relative;text-align:center;}
.boxmichelphoto{ float:left;margin:10px auto;vertical-align:middle;overflow: hidden; position: relative;}
.boxmicheltext{ float:right;margin:10px auto;vertical-align:middle; overflow: hidden; position: relative;text-align:center;padding-top:50px;}
/***** clients *****/
.client-container { margin: 0 auto; padding: 45px 0 70px 0;font-size: 16px;color: #9ea0a6;line-height: 26px;}
.bannerclient {margin-bottom : 30px; color:white; background-image:url(../images/bannerclient.png); background-repeat: no-repeat; background-position: center;}
#partenaires, #missions, #references {height:auto;overflow: hidden;top:0px;left:0px; margin:0px auto; position: relative;text-align:center;}
.boxclient{ width: 150px; height: auto;  margin:10px auto; vertical-align:middle; display:inline-block;  overflow: hidden;  position: relative; margin-left: 5px; margin-right: 5px;}
/***** team *****/
.contact-container { margin: 0 auto; padding: 45px 0 70px 0;font-size: 16px;color: #9ea0a6;line-height: 26px;background-color: black;}
#contact {height:auto;overflow: hidden;top:0px;left:0px; margin:0px auto; position: relative;text-align:center; color:white;}
.boxcontact{  width: 250px;  margin:10px auto; vertical-align:middle; display:inline-block;   overflow: hidden;   position: relative;text-align:center;}
/* CONSEIL CULINAIRE*/
/***** Top content *****/
.inner-bg-consculi {padding: 155px 0 70px 0;background-image: url(../images/ConseilCulinaire-julien-sarazin-95523-unsplash.jpg);background-position: 50%;background-repeat: no-repeat;background-size: cover;left: 0 !important;position: absolute;width: 100%;display: block !important;height: 600px;}
/***** conseil *****/
.conseil-container { margin: 0 auto; padding: 45px 0 70px 0;font-size: 16px;color:white;line-height: 26px;background-color: black;}
.photo-conseilculinaire {background-image: url(../images/conseils-grand.png);background-repeat: no-repeat;position: relative;height: 400px; background-size: contain; }
/* FORMATIONS*/
.intro-container { margin: 0 auto; padding: 145px 0 70px 0;font-size: 16px;color:white;line-height: 26px;background-color: black;}
#text-intro {height:auto;overflow: hidden;top:0px;left:0px; margin:0px auto; position: relative;text-align:center;}
.boxintrophoto {margin: 10px 10px 10px 10px;vertical-align:middle;overflow: hidden; position: relative;}
.boxtextintro {padding: 10px 10px 10px 10px;vertical-align:middle; overflow: hidden; position: relative;text-align:justify;}
.formations-container { margin: 0 auto; background: #464c5c;   }
#formationsbg {padding: 55px 0 70px 0;background-image: url(../images/Formations-jordane-mathieu-540264-unsplash.jpg);background-position: 50%;background-repeat: no-repeat;background-size: cover;left: 0 !important;width: 100%;display: block !important;}
.container-formations {height:auto; overflow: hidden;width:80%; max-width: 1170px;margin:0px auto; position: relative;text-align:center;}
.box-formations{  width: 500px;  margin:10px 30px 10px 30px; vertical-align:middle; display:inline-block;background:rgba(50, 48, 48, 0.4);overflow: hidden; position: relative;  }
#list_formations ul {width: 80%;margin: 0px auto; padding: 10px; max-width: 1170px;list-style-type : none; overflow: hidden;background-color: rgba(255, 255, 255, 0.4);border-radius: 5px;top: 0;}
#content  {padding-top:20px}
ul li {float: left;}
ul li a { display: block; color : black;text-decoration : none;padding : 0 0.5em; text-align: center;}
ul li a:hover { text-decoration: underline; }
.panel-body { color: white; font-style: italic;}
.panel-group .panel-heading + .panel-collapse .panel-body {border-bottom: 1px solid #ddd; border-top-color: rgb(221, 221, 221);}
#navbar { overflow: hidden; z-index: 99998; width: 100%; background-color: white; border-top:2px solid #2962c5;  }
.sticky {position: fixed;top: 0;width: 100%;padding-top: 100px;}
.sticky + .content {padding-top: 60px;}
.sizeligne1 {height:320px;}
.sizeligne2 {height:740px;}
.sizeligne3 {height:340px;}
.sizeligne4 {height:460px;}
.sizeligne5 {height:360px;}
.textseul {color:white;}
.anchor1 { display: block; position: relative; top: -150px; visibility: hidden;}
.anchor2 { display: block; position: relative; top: -150px; visibility: hidden;}
.anchor3 { display: block; position: relative; top: -150px; visibility: hidden;}
.anchor4 { display: block; position: relative; top: -150px; visibility: hidden;}
.anchor5 { display: block; position: relative; top: -150px; visibility: hidden;}
/* mentions legales */
.mentions-container { margin: 0 auto; padding: 155px 0 70px 0;color:white;line-height: 26px;background-color: black;}
#mentions-proprio, #mentions-web, #mentions-hebergeur, #mentions-credits, #mentions-conditions, #mentions-responsabilites, #mentions-liens, #mentions-litiges, #mentions-proprietes, #mentions-Cookies, #mentions-echange {margin-bottom: 50px;}
.mentions2-container { margin: 0 auto; padding: 45px 0 70px 0;font-size: 16px;color: #9ea0a6;line-height: 26px;}