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 {clear: both;}
.template-body {}
.template-footer {}
.template-header-content {}
.template-body-content { max-width: 100%;}
.bloc-top-content {max-width:1200px;margin:0 auto;}
.template-footer-content {}
.menu-principal-horizontal {position:fixed;background-color:rgba(0,0,0,0.7);top: 0;	z-index: 1000;	width:100%;  overflow: visible;}
.menu-principal-smartphone-menu {position:relative;background-color:black;top: 0;	z-index: 1000; border-bottom:1px solid white;	}
.menu-principal-horizontal-submenu {background-color:rgba(0,0,0,0.7);}

a.menu-principal-smartphone-menu-dropdown, 
a.menu-principal-smartphone-item-titre, 
a.menu-principal-smartphone-submenu-item-titre  {color:white;}

a.menu-principal-horizontal-item-titre:hover {
	background-color:red;
	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;}
	
a.menu-principal-horizontal-item-titre { 
	-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 {
	
	
	-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:red;
	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;}
	
.template-animation img {width:100%;	height:auto;}
.template-animation .logo-essentiel {height: 33%;
  text-align: center;
  position: absolute;
  z-index: 500;
  bottom: 10px;
  right: 10px;
  width: auto;}
.template-animation .logo-essentiel img {width:auto;height:100%;display: initial;}
.header-text {padding: 10px 0px; text-align: center; font-size: 16px; width: 100%;}
.social-networks {float: right; padding: 0; position: relative;}
.social-carre a { margin: 0; top: 0; bottom: 0;  height: 40px;  display: block;  float: left;}
.social-carre .socicon { font-size: 30px; top: 0; bottom: 0; height: 35px; padding: 5px 10px 0px;}
.social-carre .fa { font-size: 30px; top: 0; bottom: 0; height: 35px; padding: 5px 10px 0px;}

.social-rond a { margin:5px 5px 0px 0px; top: 0; bottom: 0; display: block;  float: left;}
.social-rond .socicon { font-size: 30px; top: 0; bottom: 0; height: 39px;
  padding: 10px 10px 0px;}
.social-rond .fa { font-size: 30px; top: 0; bottom: 0; height: 39px;
  padding: 10px 10px 0px;}

address {float:left;color:white;font-size:18px;padding : 10px;width:33%;}
.footer-text {float:left;color:white;font-size:16px;padding :10px 10px 0;width:33%;}
.copyright a, .copyright a:link, .copyright a:hover, .copyright a:visited {color:red;}
.nom-page {float: left; font-size: 20px; margin-left: 20px;margin-bottom:10px;}
.recherche {margin-right:20px;}
#lang_drapeau { float: right;  margin-top: 10px;  z-index: 2000;  position: fixed;  top: 0;  right: 0;}

.smartphone-logo {margin-top:0px;}
.smartphone-logo .logo-essentiel {display:none;}
.smartphone-logo .logo-essentiel img {width:100%;height:auto;}
@media screen and (max-width: 1200px) {
	
}

@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;}	
	
}

@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;}
	.template-animation {margin-top:50px;}
	.template-animation .logo-essentiel {display:none;}
	.smartphone-logo .logo-essentiel {display:block;}
	.smartphone-logo {margin-top:50px;}
}

.menu-pied-de-page {float: right; clear: both; margin-right: 10px; margin-top: 10px;}

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