/* ################################################################################### */
/* ####################### H E A D E R   G E N E R A L ############################### */
/* ################################################################################### */

/* =============================== Bloc header ======================================= */
.site_header { width: 100%;position: relative;z-index: 3; }
@media (max-width: 992px) {
	.site_header { background: #fff; }
}
.site_header_nobg { position: relative;z-index: 3;background: #fff; }

/* -- Bandeau top gris */
.bandeau_top { display: block;background: #94C4DF; }
.bandeau_top_content { margin: auto;padding: 0px 20px; }
.bandeau_top ul { color: #fff;list-style: none;padding: 0;margin:0;float: right; }
.bandeau_top ul li { padding:10px;font-size: 15px;float: right; }
.bandeau_top .glyphicon { font-size: 11px;margin-right: 12px; }
.bandeau_top a { color: #fff;text-decoration: none;}
.bandeau_top a:hover { color: #53585f;}

/* -- Icones réseaux sociaux */
.social { float: right !important;padding: 5px 0px !important}
.social .gp { width: 30px;height: 29px;background: url('../images/gp.png') no-repeat;display: block;float: right;margin-right: 10px; }
.social .fb { width: 30px;height: 29px;background: url('../images/fb.png') no-repeat;display: block;float: right;margin-right: 0px; }
.social .tw { width: 30px;height: 29px;background: url('../images/tw.png') no-repeat;display: block;float: right;margin-right: 10px; }
.social .yt { width: 30px;height: 29px;background: url('../images/yt.png') no-repeat;display: block;float: right;margin-right: 0px; }
@media (max-width: 992px) {
	.social { float: right;margin-top: 0px;margin-bottom: 0px;padding: 0px; }
}


/* -- Contenu du header */
.site_header_content { position: relative;z-index: 2;border: 0px solid #000;margin: auto;padding: 20px;background: #c4e7fb; }
@media (max-width: 767px) {
    .site_header_content { border: 0px solid #000;max-width: 980px;margin: auto;/*background: #212e67;*/ }
}

/* -- Logo */
.logo { float: left;padding: 0px !important;position: relative;z-index: 3; }
.logo a { display: block; }
.logo img { border: none; }

@media (max-width: 992px) {
	.logo { float: left;text-align: center;width: 100%; }
}
@media (max-width: 590px) {
	.logo img { width: 100%; }
}
.baseline { position: absolute;top: 14px;right: 41px;color: #333;font-size: 25px;text-shadow: 1px 1px 1px #fff; }
@media (min-width: 993px) and (max-width: 1030px) {
	.baseline { font-size: 22px; }
}
.fnaim { margin-right: 10px; }
.tel { position: absolute;top: 47px;right: 41px;color: #6473D8;font-size: 20px;font-weight: bold;text-shadow: 1px 1px 1px #fff; }
.tel .glyphicon { font-size: 15px; }
@media (max-width: 992px) {
	.tel { position: relative;top: 0;right: 0;display: inline-block;width: 100%;text-align: center;margin-top: 10px;font-size: 25px; }
	.tel .glyphicon { font-size: 20px; }
}

/* =========================== BARRE DE NAVIGATION ==================================== */
#site_zone_navbar { padding: 0px;position: absolute;bottom: 20px;right: 20px; }
@media (max-width: 992px) {
	#site_zone_navbar { width: 100%;position: relative;float: left;bottom: 0;right: 0; }
}
.navbar-collapse { padding: 0px !important; }
.navbar-toggle { background: #94C4DF !important;border: none !important; }
.navbar-toggle:hover { background: #63a2c6 !important; }

/* --  Contenu de la barre de navigation */
#site_navbar { font-size: 19px;position: relative; } 
#site_navbar #site_navbar_content { position: relative;padding: 0px; }
#site_navbar #site_navbar_content ul { float: right;margin: 0px;padding: 0px;list-style: none;height: 100%;position: relative;width: 100%; }
#site_navbar #site_navbar_content ul li { position: relative;text-align: center;font-size: 19px;float: left; }
#site_navbar #site_navbar_content ul li a { display: inline-block;color: #333;padding: 10px 20px;border-bottom: 2px solid #c4e7fb; }
#site_navbar #site_navbar_content ul li a:hover { padding: 10px 20px 10px 20px;background: #d5faff;border-bottom: 2px solid #6473D8;color: #333 !important; }
#site_navbar #site_navbar_content .selected { padding: 10px 20px 10px 20px;border-bottom: 2px solid #53585f;background: #fff; }
#site_navbar #site_navbar_content .dpHover { background: #575759; }
#site_navbar #site_navbar_content .ssMenu { position: absolute;top: 40px;padding: 0px;background: #575759;z-index: 100;display: none; }
#site_navbar #site_navbar_content .ssMenu a { color: #000;display: block;text-align: left;float: left;line-height: 40px;width: 100%;color: #fff;font-size: 14px;text-decoration: none;padding: 0px 20px;border: none; }
#site_navbar #site_navbar_content .ssMenu a:hover { background: #3b3b3b;padding: 0px 20px;border: none; }
#site_navbar #site_navbar_content #ssA {  }
@media (min-width: 993px) and (max-width: 1120px) {
	#site_navbar #site_navbar_content ul li { font-size: 17px; }
	#site_navbar #site_navbar_content ul li a { padding: 10px 10px; }
	#site_navbar #site_navbar_content ul li a:hover { padding: 10px 10px; }
	#site_navbar #site_navbar_content .selected { padding: 10px 10px; }
	#site_navbar #site_navbar_content .ssMenu a { padding: 0px 10px;font-size: 12px; }
	#site_navbar #site_navbar_content .ssMenu a:hover { padding: 0px 10px; }
}
@media (min-width: 768px) and (max-width: 992px) {
	#site_navbar { margin-top: 15px; }
	#site_navbar #site_navbar_content ul { text-align: center; }
	#site_navbar #site_navbar_content ul li { position: relative;text-align: center;font-size: 19px;float: none;display: inline-block; }
}
@media (max-width: 767px) {
	#site_navbar { margin-top: 20px; }
	#site_navbar #site_navbar_content ul { text-align: left; }
	#site_navbar #site_navbar_content ul li { position: relative;text-align: left;font-size: 15px;float: none;display: block;width: 100%; }
	#site_navbar #site_navbar_content ul li a { display: block; }
	#site_navbar #site_navbar_content ul li a:hover { border-bottom: 2px solid #6473D8; }
	#site_navbar #site_navbar_content .ssMenu { position: relative;top: 0;padding: 0px;display: none;background: #575759;float: left;width: 100%; }
	#site_navbar #site_navbar_content .ssMenu a { width: 100%;display: block;float: left; }
}