@font-face {
	font-family: "Barkentina";
	src: url('../../font/Barkentina 1.otf');  
}	 	
@font-face {
	font-family: "Definitely Possible";
	src: url('../../font/Definitely Possible.ttf'); 
}	
/* 
##############################
           B O D Y
##############################
*/	

body {
margin:0px;
padding:0px;
}
#body {
margin:0px;
padding:0px;  
color:black;
font-size:12pt;
background: linear-gradient(#FFFFFF, #FFFFFF);
}			 
div.mce-edit-area {
background: linear-gradient(#78777A, #78777A) !important;
}
a:link,a:visited,a:active{
text-decoration:none;
color:white;
}	
a:hover{
color:#B8BF33;
}	
.search {
position:absolute;
display:none;
top:5px; 
right:25px;
text-align:center; 
z-index:130;
}
h1.sitename-top {
position:absolute;
display:block;
top:65px;
left:225px;
margin:0px;
padding:0px;
font-size:22pt;
color:white;   
font-family: "Barkentina",Time News Roman, Arial, Helvetica, sans-serif;
text-shadow: black 0.1em 0.1em 0.2em;
z-index:125;
}  
h2.slogant {
position:absolute;
display:block;
top:95px;
left:225px;
font-size:18pt;
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
z-index:125;
}  
.logo a img{
position:absolute;
display:block;
top:52px;
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:50px;  
background: linear-gradient(#F4F4F4, #ECECEC); 
border-bottom: solid 2px #D4D4D4;
overflow:hidden;
}	  
.entete ul{
position:relative;
display:block;
top:5px;  
left:100px;
margin:0px;
padding:0px;   
}
.entete ul li{
list-style:none; 
display: inline-block; 
margin:0px !important;
padding:0px !important;
}	  
.entete ul li.home img,.entete ul li.mailform img,.entete ul li.reseau-sociaux img{	 
max-height:20px; 
width:auto;
}	  
.entete ul li.email,.entete ul li.phone,.entete ul li.langue { 
margin:0px !important;
line-height:25px;
}
.entete ul li a:link,.entete ul li a:visited,.entete ul li a:active{
text-decoration:none; 
display:block;
padding:5px 10px 5px 5px;
color:black;
font-size:12pt;
}
.entete ul li a:hover{
color:#B8BF33;	
}

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

 
.menuflottant {
    position: absolute;	
	display:block;	   
	top: 52px;
	margin: 0px; 
	width: 100%; 
	height:50px; 
	z-index:122;
	background: rgba(0, 0, 0, 0.6); 
} 	
.menuflottant1 {
    position: fixed;	
	display:block;
	top: 0px;
	z-index:55;	
	margin: 0px; 
	width: 100%;  
	height:50px;
	background: rgba(0, 0, 0, 0.6); 
	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%;
	margin: 30px 0px -4px 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;
width:100%;
background: linear-gradient(#78777A, #78777A);
margin:0px;
padding:10px 0px 0px 0px;
}
.contenu h1,.contenu h2,.contenu h3{	   	
color:#B8BF33; 
font-family: "Barkentina",Time News Roman, Arial, Helvetica, sans-serif;
text-shadow: black 0.1em 0.1em 0.2em;
font-size:28pt;
font-weight:600;
text-align:center;
}
.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;
color:white;
font-size:18pt;	 
vertical-align:top;
border-collapse: collapse; 
}	
.contenu table tbody tr:nth-child(1){
background: linear-gradient(#2F2F30, #2B2B2C);
}	
.contenu table tbody tr:nth-child(2){ 
background: linear-gradient(#78777A, #535254);
}	
.contenu table tbody tr:nth-child(1) td:nth-child(1){
padding:0px; 
margin:0px;
width:30%;
}	
.contenu table tbody tr:nth-child(1) td:nth-child(2){ 
width:calc(70% - 20px);
padding:10px; 
margin:0px;
}	  	
.contenu table tbody tr:nth-child(2) td:nth-child(1){ 
width:calc(70% - 20px);
padding:10px; 
margin:0px;	 
}	  	
.contenu table tbody tr:nth-child(2) td:nth-child(2){
padding:0px; 
margin:0px;	
width:30%;
}	

.contenu table tbody tr td img{
position:relative;
display:block;
width:100%;	
height:auto;
padding:0px; 
margin:0px;
}	  
.contenu table tbody tr td p em{
color:#B8BF33;
font-size:20pt;
font-weight:600;
}	

.section-3{
position:relative;
display:block;
width:calc(100%-20px);
padding:10px; 
margin:0px;
background: linear-gradient(#A3A2A3, #C0BFC0);
}	   	

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

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

.section-3 .ddfmwrap{
position:relative;
display:block;
width:100%;	
max-width:1050px;
margin:0px auto 0px auto;
}		


/* 
##############################
             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 {
position:absolute;
display:none;
}	

.logo-mobile {
position:relative;
display:block;
width: 100%;
margin:35px 0px 0px 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:121;
}

.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: absolute;
	display: none;
}	
 

/* 
##############################
            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:white;
background: linear-gradient(#4A4A4C, #646466);
}

.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:#B8BF33;  
background: linear-gradient(#2F2F30, #4A4A4C);
}

.sous-menu ul li.doc a:hover{
color:white;
background: linear-gradient(#4A4A4C, #646466);
}	
.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) { 
.section-3 table tbody tr td{
display:block;
width:100%;
font-size:15pt;	 
}	
.section-3 table tbody tr td:nth-child(2){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;
}	  	
.section-3 table tbody tr td:nth-child(3){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;	
border-top:solid 1px black;
}								

.contenu table tbody tr td{
display:block;
width:100%;
font-size:15pt;	 
}	
.contenu table tbody tr:nth-child(1) td:nth-child(1),.contenu table tbody tr:nth-child(1) td:nth-child(2){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;
}	  	
.contenu table tbody tr:nth-child(2) td:nth-child(1),.contenu table tbody tr:nth-child(2) td:nth-child(2){ 
width:calc(100% - 20px);
padding:10px; 
margin:0px;	
}							
.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;
}				
 }