/* 
##############################
           B O D Y
##############################
*/	

body {
margin:0px;
padding:0px;
}
#body {
margin:0px;
padding:0px;  
color:black;
font-size:12pt;
}	
a:link,a:visited,a:active{
text-decoration:none;
color:#4A738B;
}	
a:hover{
color:#2E4857;
}	
.bande-haut{
position:relative;
display:block;
width:100%;	
height:100px;
top:36px;
z-index:150;
background-color:white;
border-bottom-color: hsl( 0, 50%, 93% );	
box-shadow: 0.3px 0.3px 8px 0.3px rgba(0,0,0,0.1);
}	    
.bande-haut .email {
position:absolute;
display:block;
top:15px;
right:70px;
font-size:18pt;
}  
.bande-haut .phone {
position:absolute;
display:block;
top:50px;
right:70px;
font-size:18pt;
} 
.search {
position:absolute;
display:none;
top:5px; 
right:25px;
text-align:center; 
z-index:130;
}
h1.sitename-top {
position:absolute;
display:block;
top:15px;
left:225px;
margin:0px;
padding:0px;
font-size:22pt;
color:black; 
z-index:125;
}  
h2.slogant {
position:absolute;
display:block;
top:30px;
left:225px;
font-size:18pt;
color:black; 
z-index:125;
}  
.logo a img{
position:absolute;
display:block;
top:4px;
left:5px;
max-width:200px;
height:auto;
z-index:125;
}

.logo-mobile {
position:absolute;
display:none;
}	
.entete {
position:absolute;
display:block; 
z-index:56;	
top:0px;
margin:0px;
padding:0px;
width:100%;
height:35px;  
   background: linear-gradient(#0A71B6, #075081);
border-bottom: solid 2px #D4D4D4;
overflow:hidden;
}	  
.entete ul{
position:relative;
display:block;
top:2px;  
left:100px;
margin:0px;
padding:0px;   
}
.entete ul li{
list-style:none; 
display: inline-block; 
margin:0px !important;
padding:0px !important;
border-right:solid 1px black;
line-height:20px;	
}	
.entete ul li:last-child{
border:0px;	
}		   
.entete ul li.home img,.entete ul li.mailform img{	 
height:20px;
width:auto;	
padding-top:2px;
}	
.entete ul li.langue {
height:15px;  
vertical-align:top;
padding-top:3px !important;
}
.entete ul li.reseau-sociaux img{
height:20px;
width:20px;	
padding-top:2px;
}
.entete ul li a:link,.entete ul li a:visited,.entete ul li a:active{
text-decoration:none; 
display:block;
padding:2px 10px 2px 5px;
color:black;
font-size:12pt;
}
.entete ul li a:hover{
color:blue;	
}

/* 
##############################
            M E N U
############################## 
*/	

 
.menuflottant {
    position: relative;	
	display:block;	
	margin-top: 40px; 
	width: 100%; 
	height:50px; 
	z-index:122;
	background-color:white;	
}
.menuflottant1 {
    position: fixed;	
	display:block;
	top: 0px;
	z-index:55;	
	margin: 0px; 
	width: 100%;  
	height:52px;
	background: rgba(255, 255, 255, 0.9); 
	border-bottom: solid #87C771 3px;
}	  		
.menuflottant1 img{
position: absolute;
display: block;
	top: 0px;
	left: 6px; 
	height:50px;
	width: auto;
} 	   	

.sous-menu {
display:none;
}	


/* 
############################## 
   D I A P O   E N T E T E
############################## 
*/

	 	
.entetemobile {
position: absolute;
display: none; 
}	 	
.tetemobile {
position: absolute;
display: none; 
}	
 
.diaporama {
    position: relative;
	display: block;
	z-index:1;
	width: 100%;  
	max-height:300px;	
	overflow-y:hidden;
	margin: 0px 0px 0px 0px;	   
	padding:0px; 
}	 
.diaporama img{
	width: 100%;
	height: auto;	   	
}	

/* 
##############################
 C O N T E N U  D U  S I T E 
##############################
*/
   
.locator {
position:absolute;
display:none;
top:0px;
z-index:90;
margin: 0px;
padding:10px 0px 10px 25px;
width:calc(100% - 25px);
color:white;
font-size:12pt;
background-color: rgba(0, 0, 0, 0.7);
}
.locator a{
color:white;
}

.contenu{
position:relative;
display:block;
margin:10px 30px 10px 30px;
}	  

.contenu h1,.contenu h2,.contenu h3,.contenu h4{
position:relative;
display:block;
margin:5px 0px 10px 0px;
color:#343A45;
}	  

.contenu h1{
font-size:22pt;
}	

.contenu h2{
font-size:20pt;
}	

.contenu h3{
font-size:17pt;
}	

.contenu h4{
font-size:14pt;
}	

.contenu table,.contenu table tbody,.contenu table tbody tr{
position:relative;
display:block;
width:100%;
padding:0px; 
margin: 0px;
border-collapse: collapse;	
font-size:0px; 
}	  	

.contenu table tbody tr td{
position:relative;
display:inline-block;
width:50%;
color:black;
font-size:14pt;	 
vertical-align:top;
border-collapse: collapse; 
}			
.contenu table tbody tr td:nth-child(1){
padding:0px; 
margin:0px;
}	
.contenu table tbody tr td:nth-child(2){ 
width:calc(50% - 20px);
padding:10px; 
margin:0px;
}			


/* 
##############################
             B A S 
##############################
*/	

.footer{
position:relative;
display:block;
width:100%;
margin:0px;
padding: 10px 0px 1px 0px;
background-color:black;
color:white;
}
.footer a:link,.footer a:visited,.footer a:active{
color:white;
}
.footer a:hover{
color:grey;
}
.footer .menu-bas ul{
text-align:center;
width:80%;
margin:10px auto 10px auto;
padding:0px; 
text-align:center;
}	
.footer .menu-bas ul li{
list-style:none; 
display: inline-block;
border-right:solid 1px white;
padding-left:5px; 
padding-right:10px; 
}		
.footer .menu-bas ul li:last-child{
border-right:0px;
}		
.footer .copyright { 
text-align:center;
width:80%;
margin:10px auto 10px auto;
padding:0px; 
text-align:center;
}
.footer .login	 {
width:80%;	  
font-size:8pt;
margin:10px auto 0px auto;
padding:0px; 
text-align:center;
}
.footer .login a:link,.footer .login a:visited,.footer .login a:active {
margin:0px;
padding:0px; 
color:black;
}
.footer .login a:hover {
color:grey;
}
.bas-tablette {
position:absolute;
display:none;
}	
.bas-mobile {
position:absolute;
display:none;
}	
@media screen and (max-width: 990px) {	

.entete{
display:none;
}
.logo,.bande-haut .email,.bande-haut .phone {
position:absolute;
display:none;
}	
.bande-haut {  
top:0px !important;
height:auto; 
padding:0px !important;
margin:0px !important;
}
.logo-mobile {
position:relative;
display:block;
width: 100%;
margin:0px;
padding:0px;
}	  
.logo-mobile a img { 
display:block;
width: 450px;
height:auto;
max-width:calc(100% - 80px);
margin:0px auto 0px auto;
padding: 0px 10px 0px 70px;
}	
h1.sitename-top {
position:absolute;
display:none;
top:5px;
left:5px;
margin:0px;
padding:0px;
background-color:red;
font-size:22pt;
color:black; 
z-index:125;
}  
h2.slogant {
position:absolute;
display:none;
top:85px;
right:5px;
background-color:red;
font-size:22pt;
color:black; 
z-index:125;
}


/* 
############################## 
   D I A P O   E N T E T E
############################## 
*/


.entetemobile{
position:absolute;
display:block;
top: 10px; 
left:0px;
z-index: 201;
}

.entetemobile .slide-menu .langue a:link,.entetemobile .slide-menu .langue a:visited,.entetemobile .slide-menu .langue a:active{	
display:block;
width: 218px;
text-align:center;
font-size:1.1em;
background: linear-gradient(#D0DA0F, #87C771);  
border-bottom: 1px solid #87C771;
box-shadow: inset 0px 1px 1px black;
border-radius:0px;
padding:15px; 
margin:0px;
}	.entetemobile .slide-menu .langue a:hover{
background: linear-gradient(#FFFFFF, #FFFFFF);  
}	


.diaporama {
position:relative;
display:block;
margin: 0px;
width: 100%;
height: auto; 
}	
 

/* 
##############################
            M E N U
############################## 
*/	


.menuflottant {
    position: absolute;
	display: none;	
}    
.menuflottant1 {
    position: absolute;
	display: none;	
}  	 	

.sous-menu {
position:relative;
display:block;
width:100%;
margin:0px; 
padding:0px;
}	 	

.sous-menu ul{
position:relative;
display:block;
width:100%;
margin:0px; 
padding:0px;
border-top:solid 1px black !important;
} 	

.sous-menu ul li{
position:relative;
display:block; 
list-style:none;
text-align:center;
font-size:16pt;
width:100%;
margin:0px;   
border-bottom:solid 1px black !important;
}	

.sous-menu ul li.sdoc{
position:relative;
display:block; 
width:100%;	 
padding: 10px 0px 10px 0px;
color:black;
background: linear-gradient(#F2F4F9, #D3D8F9); 
}

.sous-menu ul li.doc a:link,.sous-menu ul li.doc a:visited,.sous-menu ul li.doc a:active{
position:relative;
display:block; 
width:100%;	 
padding: 10px 0px 10px 0px;
color:white;  
background: linear-gradient(#A6BFF9, #6F80A8);
}

.sous-menu ul li.doc a:hover{
color:black;
background: linear-gradient(#F2F4F9, #D3D8F9);
}	
.bas-tablette {
position:fixed;
display:block; 
z-index:256;	
bottom:0px;
margin:0px;
padding:0px;
width:100%; 
background: linear-gradient(#FFFFFF, #FFFFFF); 
border-top: solid 2px black;
overflow:hidden;
}	  
.bas-tablette ul{
position:relative;
display:block;
margin:0px;
padding:0px;   
}
.bas-tablette ul li{
list-style:none; 
display: inline-block;
width:calc(33% - 3px); 
margin:0px !important;
padding:0px !important;
border-right:solid 1px black;
text-align:center;	 
vertical-align:top;	
}	
.bas-tablette ul li:last-child{
border:0px;	
}	
.bas-tablette ul li a:link,.bas-tablette ul li a:visited,.bas-tablette ul li a:active{
text-decoration:none; 
display:block;
padding:10px 0px 5px 0px;
color:black;   
font-size:16pt;
}
.bas-tablette ul li a:hover{
color:#B8BF33;	
} 
.footer{  
padding-bottom:40px;
}
}
				  
@media screen and (max-width: 650px) { 
.contenu table tbody tr td{
display:block;
width:100%;
font-size:15pt;	 
}	
.contenu table tbody tr td:nth-child(2){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;
}	  	
.contenu table tbody tr td:nth-child(3){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;	
border-top:solid 1px black;
}							
.bas-tablette {
display:none;
}
.bas-mobile {
position:fixed;
display:block; 
z-index:256;	
bottom:0px;
margin:0px;
padding:0px;
width:100%; 
background: linear-gradient(#FFFFFF, #FFFFFF); 
border-top: solid 2px black;
overflow:hidden;
}	  
.bas-mobile ul{
position:relative;
display:block;
margin:0px;
padding:0px;   
}
.bas-mobile ul li{
list-style:none; 
display: inline-block;
width:calc(33% - 3px); 
margin:0px !important;
padding:0px !important;
border-right:solid 1px black;
text-align:center;	 
vertical-align:top;	
}	
.bas-mobile ul li:last-child{
border:0px;	
}		   
.bas-mobile ul li.email img,.bas-mobile ul li.telephone img{	 
height:40px;
width:auto;	 	
margin:0px !important;
padding:0px !important;
}	
.bas-mobile ul li.langue {
line-height:48px !important; 
margin:0px !important;
padding:0px !important;
}
.bas-mobile ul li a:link,.bas-mobile ul li a:visited,.bas-mobile ul li a:active{
text-decoration:none; 
display:block;
padding:10px 0px 5px 0px;
color:black;   
font-size:22pt;
}
.bas-mobile ul li a:hover{
color:#B8BF33;	
}   	
.footer{  
padding-bottom:60px;
}						
   
 }