html {padding:0;margin:0;}
body {padding:0;margin:0;font-family: 'Lato', sans-serif;}
.template-contents {width:100%;margin:0 auto;position: relative;}
.template-header {}
.template-body {}
.template-footer {}
.template-header-content {}
.template-body-content { max-width: 100%;padding-top:10px;}
.bloc-top-content {max-width:1200px;margin:0 auto;}
.template-footer-content {}
.template-animation {}
.body-left {}
.body-right {}
.menu-bloc {position:absolute;background-color:rgba(0,0,0,0.6);	top: 0;	bottom: 0;	left: 0%;right: 60%;z-index: 1000;	overflow: visible;}
.menu-principal-horizontal {width: 100%; margin: 20px 0 0 0;  float: right;display: block !important;}
.menu-principal-smartphone-menu {display:none !important;}
.menu-principal-horizontal-item { width:100%; clear: both; float:left;}
.menu-principal-horizontal-item-separator {height:1px;}
a.menu-principal-horizontal-item-titre:hover {background-color:red;-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;}
a.menu-principal-horizontal-item-titre { padding: 2% 2% 2% 40%;  width: 58%;  color:white;   font-size:18px;  float:left;-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;}
.menu-principal-horizontal-submenu {clear:both;width:60%;position: absolute; margin-left: 100%;background-color:rgba(0,0,0,0.6)}
a.menu-principal-horizontal-submenu-item-titre { color:red;padding:2%;  width:96%;  font-size:14px;  float:left; -webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;}
a.menu-principal-horizontal-submenu-item-titre:hover {background-color:white;-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;}
	
.menu-principal-vertical {float: right; margin-right: 5%;margin-top:15px;}	
	
	
.template-animation img {width:100%;	height:auto;}
.logo-essentiel {float: right; margin: 10px; width: 60%;text-align: center;}
.logo-essentiel img {width:auto;height:100%;display: initial;max-width: none;}
.header-text {float:right;clear:both;width:60%;padding: 8px 10px 0px;text-align:center;color:white;font-size:14px;}
.social-networks {  float: right;  padding: 0;  top: 0;  bottom: 0;  height: 40px;  right: 0;position: relative;}
.social-networks a { margin: 0; top: 0; bottom: 0;  height: 40px;  display: block;  float: left;}
.socicon { font-size: 30px; top: 0; bottom: 0; height: 35px; padding: 5px 10px 0px;}
.social-networks .fa { font-size: 30px; top: 0; bottom: 0; height: 35px; padding: 5px 10px 0px;}
address {float:left;color:white;font-size:14px;padding : 5px 10px 0;width:33%;}
.footer-text {float:left;color:white;font-size:14px;padding :10px 10px 0;width:33%;}
.copyright a, .copyright a:link, .copyright a:hover, .copyright a:visited {color:red;}

.recherche {clear: right;}

.nom-page {float:left;font-size:25px;}
#lang_drapeau {margin:0 0 10px 0;}
#lang_drapeau li {margin: 0px 3px;}
.current-vertical-item a.menu-principal-horizontal-item-titre {background-color:red;}
.current-vertical-submenu-item a.menu-principal-horizontal-submenu-item-titre {background-color:white;}

.logo-smartphone {display:none;}
.logo-smartphone .logo-essentiel {width:100%;text-align: center;padding:10px;}

.menu-principal-horizontal-item-with-sub > a::after {
  content: "\f0da";
  margin-left: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  float: right;
}

@media screen and (max-width: 1600px) {
	a.menu-principal-horizontal-item-titre {font-size:16px;}
	a.menu-principal-horizontal-submenu-item-titre {font-size:16px;}
	.logo-essentiel {height: 125px;}
}

@media screen and (max-width: 1200px) {
	a.menu-principal-horizontal-item-titre {font-size:14px;}
	a.menu-principal-horizontal-submenu-item-titre {font-size:14px;}
	.logo-essentiel {height: 100px;}
}

@media screen and (max-width: 980px) {
	
	address {width:50%;text-align:center;padding:5px 0px;font-size:16px;}
	.footer-text {width:50%;text-align:center;padding:10px 0px;font-size:16px;}
	.template-footer {height:auto;}
	.social-networks {float:left;clear:left;}
	.menu-bloc {display:none;}	
	.menu-principal-horizontal{display:none !important;;}	
	.menu-principal-smartphone-menu {display:block !important;}
	.logo-smartphone {display:block;}
	.logo-essentiel {height: 100px;}
}

@media screen and (max-width: 470px) {
	address {width:100%;text-align:center;padding:5px 0px;font-size:16px;}
	.footer-text {width:100%;text-align:center;padding:10px 0px;font-size:16px;}
	#lang_drapeau {clear: both;}
}

.footer-template {padding:10px; color:white;}