html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Ubuntu, Tahoma, Helvetica, Arial, Verdana;
	color: #928e92;
}

.template-contents {
	max-width: 1200px;
	margin: 0 auto;
}

.template-header {
	overflow: visible;
	position: relative;
	z-index: 100;
	
}

.template-body {
	
}

.template-footer {
	background-color: #69d3ed;
	color: #ffffff;
	clear:both;
}

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

#responsive-container-12 {}

.template-header-content {
	position: relative;	
}

.template-body-content {max-width:100%;}

.template-footer-content {
	overflow: visible;
}

.menu-pied-de-page {float:right;}
.menu-pied-de-page-submenu-item::after {content:" | ";padding-right: 4px;}
.menu-pied-de-page-submenu-item:last-child::after {content:"";}

.template-animation {
	max-width: 100% !important;
	position: relative;
	clear: both;
}

.template-animation-content {
	width: 100%;
}

.template-animation-content img {
	width: 100%;
	height: auto;
}

.body-left {
	
}

.body-right {
	
}
#lang_drapeau {
    position: absolute;
    right: 0;
    z-index: 9000;
}

.logo-essentiel {
	max-height: 250px;
	float: left;
}

.logo-essentiel img {
	height: auto;
    width: 100%;
}

.nom-page { 
    float: left;
}

.recherche {
    float: right; 
    margin-top: 15px;
}




.header-text {
	float: left;
    clear: both;
    border: none;
    padding: 10px 0;
    font-size: 20px;
}

.bloc-logo {
	float: left;
	padding-top: 20px;
}

.footer-text {
	float: right;	
	font-size: 16px;	
	color: #ffffff;
	line-height: 25px;
	padding-top: 22px;
	padding-left: 33px;
	padding-bottom: 15px;
}

.menu-pied-de-page {float:right;}

.bloc-address {
	float: left;
	padding-top: 25px;
}

address {
	float: left;
	padding-right: 25px;

 	font-size: 25px;
}

a, a:link, a:active, a:hover, a:visited {
	color: #69d3ed;
	text-decoration: none;
}

.social-networks {
	float: right;
	padding-top: 25px;
	clear: right;
}

.social-networks .socicon, .social-networks .fa {background-color:white;font-size: 30px;}
.social-networks .fa {padding: 9px 6px 1px;}

.menu-principal-horizontal {
	float: right;
	width: auto;
	margin-top: 50px;
}

.nom-page-text {
	color: #443f43;
	font-size: 32px;
	line-height: 50px;
}

.menu-principal-horizontal-item {
	margin-right:10px;
	background-color: transparent;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item:last-child {margin-right:0px;}

.menu-principal-horizontal-item:hover {
	background-color: #69d3ed;
	color: white;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item:hover>a.menu-principal-horizontal-item-titre
	{
	color: white;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item::after {
	content: "";
	position: absolute;
}

a.menu-principal-horizontal-item-titre {
	/*border:5px solid transparent;*/
	border-bottom:5px solid white;
	color: white;
	box-sizing:border-box;	
	font-size:20px;
	height: 80px;
	max-width: 200px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;		
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-submenu {
	background-color: white;
	padding-top: 5px;
	-webkit-transition-property: display;
}

.menu-principal-horizontal-submenu-item {
	background-color: #69d3ed;
}

a.menu-principal-horizontal-submenu-item-titre {
	color: white;
	line-height: 25px;
	font-weight: 300;
}

.menu-principal-horizontal-submenu-item {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}



.menu-principal-horizontal-submenu-item:hover > a.menu-principal-horizontal-submenu-item-titre
	{
	color: #615d60;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.bloc-menu {
	display: block;
}

a.menu-pied-de-page-item-titre, a.menu-pied-de-page-submenu-item-titre {color:white;}

.un-lien-liste-email::before,
.un-lien-liste-website::before,
.un-lien-liste-geloc-icon::before,
.un-lien-liste-telephone-fixe::before,
.un-lien-liste-telephone-fax::before,
.un-lien-liste-telephone-portable::before {color:white;}

a.un-lien-liste-email,
a.un-lien-liste-website,
a.un-lien-liste-geloc-icon,
a.un-lien-liste-telephone-fixe,
a.un-lien-liste-telephone-fax,
a.un-lien-liste-telephone-portable {color:white;}

.module-bloc-item-titre {text-align: center;}

@media screen and (max-width: 980px) {
	.template-header, #responsive-container-12 {}
	.template-header-content {}
	
	.logo-smartphone-header {text-align:center;}
	.logo-essentiel {height: 150px;float:none;}
	
	.bloc-logo {display: none;}
}


@media screen and (max-width: 470px) {
	.bloc-logo {display: none;}
	.menu-principal-horizontal {display:none ! important;}
	.menu-principal-smartphone-menu {display:block ! important;float:none;}
.logo-essentiel img {width:auto;height:100%;}
.template-header, #responsive-container-12 {}
.template-header-content {}
.header-text {text-align:center;}
.footer-text, address {width:100%;padding:10px 0;text-align:center;}
.social-networks {float: none;padding-top: 25px;width: 100%;clear: both;padding: 10px 0;text-align: center;}
.bloc-address {
    float: left;
    padding-top: 25px;
    width: 100%;
    padding: 10px 0;
}

.logo-smartphone-header {text-align:center;}
	.logo-essentiel {height: 150px;float:none;}

.menu-pied-de-page {
    float: none;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}

.menu-pied-de-page li {
    float: none;
    display: inline-block;
}

.template-footer {padding-bottom:0px;}
}
.bloc-logo-header {display:none;}
.logo-smartphone-header {display:none;float:left;width:100%;height:150px;margin:10px 0;}