html {
	padding: 0;
	margin: 0;
}

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

address {padding:20px;}

.template-contents {
	max-width: 100%;
	margin: 0 auto;
}

.template-header {
	position: relative;
	z-index: 100;
	position: fixed;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	border-bottom: 1px solid #dedede;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.25);

}

.template-body {
	
}

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

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

.template-header-content {
}

.header-left {
	min-height: 1px;
	text-align: left;
}

.header-right {
	min-height: 1px;
	text-align: right;
}

.header-center {
	min-height: 1px;
	text-align: center;
}

.header-left::after, 
.header-right::after,
.header-center::after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


.footer-left {
	min-height: 1px;
	float: left;
	width: 25%;
	text-align: left;
	padding: 20px 0;	
}

.footer-right {
	min-height: 1px;
	float: right;
	width: 25%;
	text-align: right;
	padding: 20px 0;	
}

.footer-center {
	min-height: 1px;
	width: 50%;
	float: left;
	text-align: center;
	padding: 20px 0;	
}

@media screen and (max-width: 1200px) {
	.header-left {
	float:left;
		width: 50%;
		text-align: right;
	}
	.header-right {
	float:right;
		width: 50%;
		text-align: left;
	}
	.header-center {
		width: 100%;
		clear: both;
	}
	.footer-left {
		width: 50%;
	}
	.footer-right {
		width: 50%;
	}
	.footer-center {
		width: 100%;
		clear: both;
	}
	
	
	.logo-essentiel {float:none;margin-right:50px;}
	address {float: left; margin-left: 50px;}
}

.wrapper-contents {max-width:98%;}

.template-header-content {
	position: relative;
	max-width: 100%;
	margin: 30px 0;
}

.template-body-content {
	
}

.template-footer-content {
	max-width: 1200px;
}

.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 {
	float: right;
	clear: right;
}

.bloc-top-content {
	max-width: 98%;
	margin: 0 auto;
}

.logo-essentiel {

	float: left;
}

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

.nom-page {
	float: left;
}

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

.recherche-text {
	border-bottom: 1px solid #69d3ed;
}

@media screen and (max-width: 470px) {
	.template-header {position:relative;}
	
	.logo-essentiel img {
		width: 100%;
		height: auto;
	}
	.footer-text {
		float: left;
		width: 100%;
		text-align: center;
		border-left: none;
	}
	address {
		float: none;
	    width: 100%;
	    text-align: center;
	    padding: 10px 0;
	    clear: both;
	    margin: 0;
	}
	.menu-pied-de-page {
		float: left;
		width: 100%;
		text-align: center;
	}
	.menu-pied-de-page li {
		float: none;
		display: inline-block;
	}
	
	.header-left {
	float:none;
		width: 100%;
		text-align: center;
	}
	.header-right {
	float:none;
		width: 100%;
		text-align: center;
	}
	.header-center {
		float:none;
		width: 100%;
		text-align: center;
		clear: both;
	}
	
	.social-networks {width: 100%;
    padding: 0 2px;}
	
}


@media screen and (min-width: 470px) and (max-width: 980px) {
.template-header {position:relative;}

}

@media screen and (min-width: 1200px) {
.template-header {position:fixed;}
address {float:right;}
a.logo-essentiel{float: left;}


.template-header-content {
	display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header-left {
	order:1;
	flex:1;
	text-align: left;
}

.header-right {
	order:3;
	text-align: right;
	flex:1;
}

.header-center {
	order:2;
	flex:3;
	text-align: center;
}




}

@media screen and (min-width: 1600px) {
.header-center {}
.header-left, .header-right{}
}


.template-header-content {
	position: relative;
	width: 98%;
	margin: 15px auto;
}

.template-body-content {
	
}

.template-footer-content {
	max-width: 98%;
}

.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 {
	float: right;
	clear: right;
}

.bloc-top-content {
	max-width: 100%;
	margin: 0 auto;
}

.logo-essentiel {
	
}

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

.nom-page {
	float: left;
}

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

.recherche-text {
	border-bottom: 1px solid #69d3ed;
}

@media screen and (max-width: 470px) {
	.logo-essentiel
 
img {
		width: 100%;
		height: auto;
	}
	.footer-text {
		float: left;
		width: 100%;
		text-align: center;
		border-left: none;
	}
	address {
		float: left;
		width: 100%;
		text-align: center;
	}
	.menu-pied-de-page {
		float: left;
		width: 100%;
		text-align: center;
	}
	.menu-pied-de-page
 
li {
		float: none;
		display: inline-block;
	}
}

.header-text {
	text-align: center;
	font-size: 18px;
	color: #bab4b8;	
	padding: 20px 0;	
	position:relative;
}

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

.footer-text {
	text-align: center;	
	color: #ffffff;	
	font-size: 13px;
}

.menu-pied-de-page {
	
}

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

.menu-pied-de-page-submenu-item:last-child::after {
	content: "";
}

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

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

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

.social-networks .socicon, .social-networks .fa {
	font-size: 20px;
	border-radius: 40px;
}

.social-networks .fa {
	padding: 9px 6px 1px;
}

.menu-principal-horizontal {
	float: none;
	width: auto;
	text-align: center;
}

.nom-page-text {
	color: #443f43;
	font-size: 32px;
	padding-left:10px;
}

.menu-principal-horizontal {
	
}

.menu-principal-horizontal-item {
	float: none;
	display: inline-block;
	position: relative;
	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;
	margin-right: 5px;
	background-color: transparent;
	box-sizing: border-box;
	border-bottom: 3px solid transparent;
    box-sizing: border-box;
}

.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 {
	color: #615d60;
	height: 40px;
	max-width: 200px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
	font-weight: 300;
	-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-with-sub>a::after {
	width: 100%;
	text-align: center;
	position: absolute;
	margin: 15px 0 0 -10px;
}

.menu-principal-horizontal-submenu {
	background-color: transparent;
	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-item-with-sub>a::after {
	clear: both;
	display: block;
	text-align: center;
}

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

.menu-topscreen-smartphone-menu {display:none !important; opacity:0;}
.menu-principal-smartphone-menu {text-align:left;}
.bloc-h1 h1 {max-width: 98%;padding: 10px 0;}