body{
  	height:100%;
  	background:#edeaea;
   	font-family: Georgia,Times,serif;
	text-align: justify;
	color:black;
	margin-top: 10px;
}
      
img {	
	 border: none; 	 
	 }
	 
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

#photos {
	text-align: center;
	font-size:14px;
	margin-top:20px;
}
	 
ul{
	 list-style-type:none;
}

p{
    word-wrap: break-word;
}

.italique{
font-style: italic;	
}

.float_right{
float: right;
}

a{
  color: #cf2346;
  underline: none;
  text-decoration: none ;	
  outline: none;
}

a:hover
{
  color: #737373;	
}

#logo_nom{
width:249px;
height:49px;
float:left;
}

#logo_aa{
width:72px;
height:46px;
float:right;
}

#facebook{
float:right;
width:86px;
height:20px;
margin-top:5px;
}	

#youtube{
float:right;
margin-right:10px;
width:48px;
height:20px;
margin-top:5px;
}

#phone{
float:right;
margin-right:4px;
width:278px;
height:20px;
margin-top:5px;
}

#covid_19{
float:right;
margin-right:50px;
width:278px;
height:20px;
margin-top:5px;
}

#site{
  width:90%;
  margin:auto; 
  background:#edeaea;
}

html>body #site{
	width: auto;
	max-width:90%;
	height: auto;
}

#header{
  width:90%;
  margin-bottom:15px;
  margin-top:20px;
  height:75px;
  border-bottom:1px solid #c1c1c1;
  }
  
  html>body #header{
	width: auto;
	min-width: 900px;
}

#langages{
	width:820px;
  margin-top:5px;
  height:30px;
  }
  
  html>body #langages{
	width: auto;
	min-width: 820px;
}


#menu{
	width:243px;
	height:100%;
	float:left;
}

#menu1{
	width:243px;
	background: white;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	padding:5px;
}

#menu2{
margin-top:20px;
box-shadow: 1px 1px 12px #555;	
}

#compteur{
	width:243px;
	margin-top:20px;
	background: white;
	margin-bottom:20px;	
	border:1px solid #e5e5e5;
	border-radius: 5px;
	padding:5px;
	padding-top:15px;
	padding-bottom:20px;
	text-align: center;
}
 
 
#table_compteur{
 	font-size: 30px;
    font-family: arial,sans-serif;
    color:white;
 	margin-left:auto;
 	margin-right:auto;
 }
 
#table_compteur td{
  	background:black;
  	padding:5px;
}

#bouton{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 15px;
  text-align:left;
}

#bouton a{
  color: black;
  underline: none;
  text-decoration: none ;
  padding-right: 20px;
  padding-left: 5px;
}

.article {
	list-style: square inside;
	line-height:20px;
}

.article li {
    margin-top:10 px;
}


#bouton li a:hover, #bouton li a:focus, #bouton li a:active, #bouton li a.current {
	background: #cf2346;
  	color: white;
}

.sous_categorie {
	padding-left:30px;
	padding-top:2px;
}

.categorie {
	padding-top:10px;
}

.categorie_l {
	padding-top:10px;
	font-size: .85em;
}

#contenu{
	width:530px;
	background: white;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	margin-left:265px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
}

html>body #contenu{
	width: auto;
	min-width: 530px;
	height: auto;
	min-height: 730px;
}

.bloc_commentaire{
	border-bottom:1px solid #c1c1c1;
	margin-top:30px;
	padding-bottom:20px;
}

#formulaire{
	  	background:#edeaea;
	  	padding-top:10px;
	  	padding-bottom:10px;
	  	padding-right:20px;
	  	margin-top:40px;
	  	border:1px solid #e5e5e5;
		border-radius: 5px;
}

.box{
	margin-left:20px;
	padding:5px;
	border:5px solid #d3d1d1; 	/*737373*/
	border-radius: 5px;
	margin-top:20px;
	box-shadow: 0 0 0 1px #c1c1c1 inset;
}

.box_label{
float:left;
margin-top:20px;
width:100px;
text-align:right;
}

textarea:focus {
    border-color: #737373;
}

input:focus {
    border-color: #737373;
}

.error{
font-size:0.9em;
color: 	#cf2346;
}

 
#footer
{
	width: 100%;
	height:100%;
 	margin-bottom:40px;
  	margin-top:30px;
  	border-top: 1px solid #c1c1c1;
	font-family: Arial;
	text-color: #c1c1c1;
  	font-size: 12px;
  }
  
    html>body #footer{
	width: auto;
	min-width: 820px;
}

#liste_footer{
	width:820px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
}


.ul_footer {
	display:block;
	width: 574px;
	margin-right:auto;
	margin-left:auto;
}
 
.li_footer {
	 display:block;
	 float:left;
	 margin-right:30px;
 	text-align: center;
 }

  #realisation{
  	width: 100%;
  	margin-top:50px;
	font-family: Arial;
  	font-size: 12px;
	text-align: center;
  }