@font-face {
font-family: 'Santana-Black';
src: url('Santana-Black.eot');
src: url('Santana-Black.ttf') format('truetype'),
     url('Santana-Black.woff') format('woff')
          ;
}



body
{
margin:0px	
}




.cookies1
{

padding:10px;
height:350px;
background-color:white; 
width:100% ;
position :fixed;
margin : auto;
-webkit-box-shadow: 20px 20px 20px #333; 
-moz-box-shadow: 20px 20px 20px #333; 
box-shadow: 20px 20px 20px #333; 
z-index:2000;	
}

.bouton_cookie
{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border-radius:15px;
background-color:#00735B; 
color:white;
cursor: default;
width:180px;
height:35px; 
-webkit-box-shadow: 2px 2px 2px #333; 
-moz-box-shadow: 2px 2px 2px #333; 
box-shadow: 2px 2px 2px #333; 
padding:0;
}

.bouton_cookie_valid
{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border-radius:15px;
background-color:#00A680; 
color:white;
cursor: default;
width:180px;
height:35px; 
-webkit-box-shadow: 2px 2px 2px #333; 
-moz-box-shadow: 2px 2px 2px #333; 
box-shadow: 2px 2px 2px #333; 
padding:0;	
}

.bouton_cookie_valide
{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border-radius:15px;
background-color:#F18566; 
color:white;
cursor: default;
width:180px;
height:35px; 
-webkit-box-shadow: 2px 2px 2px #333; 
-moz-box-shadow: 2px 2px 2px #333; 
box-shadow: 2px 2px 2px #333; 
padding:0;	
}

.entete
{
position :fixed;
height:100px;
background-color:#EAEAEA; 
width:100% ; 
-webkit-box-shadow: 0px 15px 15px #989898; 
-moz-box-shadow: 0px 15px 15px #989898; 
box-shadow: 0px 15px 15px #989898; 

z-index:1000;
}

.text_logo
{
  color:#007359 ;
  text-shadow: 2px 0px 2px #808080;
font-family:Santana-Black;
 font-size: 50px ;	
}
.text_logo2
{
  color:#F18566 ;
  text-shadow: 2px 0px 2px #808080;
font-family:Santana-Black;
 font-size: 50px ;	
}
.text_logo3
{
  color:#00A680 ;
  text-shadow: 1px 0px 1px #808080;
font-family:Santana-Black;
 font-size: 20px ;	
}
.text_logo4
{
  color:#F07552 ;
  text-shadow: 1px 0px 1px #808080;
font-family:Santana-Black;
 font-size: 20px ;	
}


.text_logobis
{
  color:#007359 ;
  text-shadow: 1px 0px 1px #808080;
font-family:Santana-Black;
 font-size: 35px ;	
}
.text_logo2bis
{
  color:#F18566 ;
  text-shadow: 1px 0px 1px #808080;
font-family:Santana-Black;
 font-size: 35px ;	
}
.text_logo3bis
{
  color:#00A680 ;
  text-shadow: 1px 0px 1px #808080;
font-family:Santana-Black;
 font-size: 20px ;	
}





.Menu
{
background-color: #4E4E4E; 	
width:100%;
height:32px;
padding:8px;
color:#00A680; 
font-size:20px; 
font-family:Arial;
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-direction:row;
-webkit-box-orient :horizontal;
justify-content:center;
-webkit-box-pack : center;
align-items: flex-end;
-webkit-box-align :end;

}

.bouton {
	
	color:#9BDCCD;
	font-size: 20px ;
	font-family: Arial;
	padding:3px ;
	
	 text-shadow: 0px 0px 0px #808080;
}

.bouton:hover {
	color:white;
	font-size: 20px ;
	font-family: Arial;
	padding:3px ;
}






.article
{
overflow: auto;
height:360px;
background-color:white ; 
width:870px ; 
border-top-color:#00A680 ; 
border-top-width: 0px;
border-top-style:solid; 
margin:5px;
padding:2px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-direction:row;
-webkit-box-orient :horizontal;


}







table.article_qfah{
background-color:white;
border-color:#C4C4C4 ; 
border-width: 1px;
border-style:solid;	
}

.titre_art
{
font: 18px Arial;
font-weight: bold;
}

.date
{
font: 16px Arial;	
}

.lieu
{
font: 17px Arial;	
font-weight: bold;
}

.distance
{
font: 17px Arial;	
font-weight: bold;
}

.td_txt_article
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;	
display:flex;
flex-direction:column;
-webkit-box-orient :vertical;
justify-content: space-between;
-webkit-box-pack : center;
align-items: center;
-webkit-box-align :center;
}
.bandeau_rub
{
background:#C4C4C4;	
color:#007359;
font: 22px Arial ;
font-weight: bold;

}
.bandeau_infos
{
background:#C4C4C4;	
color:#9BDCBC;
font: 20px Arial;
font-weight: bold;
text-align:right;
}
.divprinc_theme
{
height:;
background-color:white ; 
width:860px ;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display	:flex;
flex-direction:row;
-webkit-box-orient :horizontal;
flex-wrap: wrap;
}

.pagination
{
width:860px;	
}
.sous_titre
{
color:#EF6A44;
text-align:left;
margin:0px;	
font-size:18px; 
font-family:arial;
font-weight:bold;	
}









.img_article
{
margin:10px;
width:130px ; 
height:240px;	
background-color:white;
font-size:40px;
font-family:arial;
font-style:italic  ;
color:#FE9800;
text-shadow: 3px 3px 3px #808080;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-direction:row;
-webkit-box-orient :horizontal;
justify-content: center;
-webkit-box-pack : center;
align-items: start;
-webkit-box-align :start;
}

.img_article img
{
border-color:#25A5A6 ; 
border-width: 0px;
border-style:solid; 	
}


.conteneur_zoom
{

width:100%;
height:100%;
display:flex;
flex-direction:row;
justify-content: center;
z-index:1400;
background-color:black;
}

.zoom-photo
{
position:absolute;
background-color:white;
width:580px ;
-webkit-box-shadow: 20px 20px 20px #333; 
-moz-box-shadow: 20px 20px 20px #333; 
box-shadow: 20px 20px 20px #333; 
z-index:1500;
overflow:hidden;
}

.barre_fermeture
{
background-color:#EAEAEA;
display:flex;
flex-direction:row;
justify-content: flex-end;
align-items:center;
height:35px;
}

	


.texte_article
{
height:220px;
width:90%; 
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-direction:column;
-webkit-box-orient :vertical;
justify-content: space-between;
-webkit-box-pack : center;


}

p.titre_article
{margin:0px;
font-size:30px;
font-family:arial;
text-decoration: underline;
}

p.description_article
{
text-align:left;
margin:0px;	
font-size:18px; 
font-family:arial;
font-style: italic;
}

div.titre_theme
{
width:860px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-direction:row;
-webkit-box-orient :horizontal;
justify-content: start;
-webkit-box-pack : center;
align-items: start;
-webkit-box-align :start;
flex-wrap: wrap;

	
}

span.titre_theme
{
color:#EF6A44;
font-size:25px;	
font-weight:bold;
font-family:arial;
font-style: italic;	
}

p.article_detaille
{overflow:hidden;
margin:8px;	
padding:5px;
width:860px;
font-size:20px;	
overflow:auto;
font-family:arial;
text-align: left;

}

img.article_detaille_ad
{
margin:20px;
-webkit-box-shadow: 5px 5px 5px #404040; 
-moz-box-shadow: 5px 5px 5px  #404040; 
box-shadow: 5px 5px 5px  #404040; 
}


img.article_detaille_fg
{
float:left;
margin:20px;
-webkit-box-shadow: 5px 5px 5px #404040; 
-moz-box-shadow: 5px 5px 5px  #404040; 
box-shadow: 5px 5px 5px  #404040; 
}

img.article_detaille_fd
{
float:right;
margin:20px;
-webkit-box-shadow: 5px 5px 5px #404040; 
-moz-box-shadow: 5px 5px 5px  #404040; 
box-shadow: 5px 5px 5px  #404040; 
}

.footer_div
{
background-color:#4E4E4E ; 	
width:100%;
-webkit-box-shadow: 0px 8px 8px #989898; 
-moz-box-shadow: 0px 8px 8px #989898; 
box-shadow: 0px -8px 8px #989898; 
}
.text_footer
{
color:white;	
}