/* CSS Document */
body {
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #000  ;
  }

div#conteneur {
	
	width: 80%; /* largeur obligatoire pour être centré */
	text-align: left ;
	border: 2px solid #cc2222 ;
	background: #fff ;
	margin-left: auto;
	margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;	}
html>body #conteneur {
	position:absolute;
	width: 80%; /* largeur obligatoire pour être centré */
	margin-left: 10%;
	margin-right: 10%;
  }

  
/*header bannier*/



#header{
	float:left;
	height: 160px;
	width:100%;
	background: url(../img/header.jpg) repeat left top;
	background-color: #323230;
	}

#titre {
	
    margin-left:10px;
	margin-top:10px;
	font: 40px "Trebuchet MS", helvetica, sans-serif ;
	color: #fff;
	}
	
#menu{
	float:left;
	width:100%;
	background-color: #b4c18c ;
	}

	
ul#menu
{	
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bgmenu.jpg) repeat left top;
	list-style-type: none ;
}
ul#menu li
{
	float: left ;
	text-align: center ;
}
ul#menu li a
{
	width: 100px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #FFF ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #cc2222 ;
}



ul#menu li a:hover
{
	width: 100px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #FFF ;
	background: #e07a7a ;
	border-right: 1px solid #cc2222;
}



#megite1
{
	float: left;
	margin-left:2%;
	margin-top:2%;
	width: 20%;
	text-align:center;
	
}
#megite1 a
{
	color: #cc2222;
	text-decoration: none ;	
	border: 0px;
}


#megite
{
	float: left;
	border: 1px solid #cc2222 ;
	background: #F3F3F3 ;
	width: 100%;
	padding:3px;
	color: #cc2222;
	font-weight: bold;
	margin-bottom : 15px;
	text-align:left;
}
.res a {color:#cb733b;}

#megite a
{
	color: #cc2222;
	text-decoration: none ;
	margin:10px;
	font-weight: bold;
	
}
#megite a:hover
{
	color: #cb733b;
	text-decoration: none ;
	margin:10px;
	
}
	
pre {overflow:auto;}
  
#contenu
{
	float: left;
	margin-left:4%;
	margin-right:2%;
	width : 70%;
}


div#contenu h2
{
	margin-top: 2%;
	padding-left: 28px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/fleur.gif) no-repeat left bottom ;
	color: #cc2222 ;
	font-weight: bold;
	border-bottom: 1px solid #cc2222 ;
}
div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	color: #cc2222 ;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #cc2222 ;
}

div#contenu a:hover
{
	color: #cc2222;
}

#descri {
	float :left;
	border-top: 1px solid #cc2222 ;
	border-right: 1px solid #cc2222 ;
	border-bottom: 1px solid #cc2222 ;
	border-left: 3px solid #cc2222 ;
	margin-bottom: 10px;
	margin-left: 20px ;
	width:90%;
	padding-top:10px;
	}
html>body #descri {
	padding-top:0px;
	}

.let{list-style-type:none;}
.let1{
	margin-left:-20px; 
	list-style-type:none;
	font-weight: bold;
	}

	
.let li:first-letter{
	color: #cc2222;
	}

#footer{
	float: left;
	height: 160px;
	background: url(../img/footer.jpg) repeat left top;
	width : 100%;
	background-color: #323230;
	margin-top:0px;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #cc2222 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

#photo {
	float :left;
	width:100%;
	text-align:center;
	}



#grphoto{
	float:left;
	margin-left:20px;

}

html>body #grphoto{
	margin-top: 10px;
}

#ptphoto{ 
	float: left;
	width: 180px;
}

.photo{
	border-top: 1px solid #cc2222 ;
	border-right: 1px solid #cc2222 ;
	border-bottom: 1px solid #cc2222 ;
	border-left: 1px solid #cc2222 ;
}

table {
margin-left :2em;
border: 1px solid #cc2222;
font: 1em "Trebuchet MS", helvetica, sans-serif ;

}

th{
background: #e07a7a ;
padding:3px;
}
td{text-align:center;
padding:3px;}