@charset "iso-8859-1"; 
html, body {
width : 100%; 
height : 100%; 
} 
body {
margin : 0; 
padding : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 0.8em; 
background-color : #E2A587; 
}
/*/////////////////////balises classiques///////////////////////////*/ 
p {
text-indent : 20px; 
} 
em {
color : #0033ff; 
font-style : italic; 
font-size : 0.9em; 
font-weight : bold; 
} 
strong {
font-weight : bold; 
}
h1 {
color : #0033ff; 
font-size : 1.4em; 
font-weight : bold; 
} 
h2 {
color : #0033ff; 
font-size : 1.3em; 
font-weight : bold; 
} 
h3 {
color : #0033ff; 
font-size : 1.2em; 
font-weight : bold; 
} 
h4 {
color : #0033ff; 
font-size : 1em; 
font-weight : bold; 
} 
h5 {
color : #000000; 
font-size : 1.1em; 
font-weight : bold; 
}
h6 {
display: inline;
font-size:1.5em;
color: #0000FF;
font-weight: bold; 
}
ul.liste {
list-style-image : url('../image/flamme.gif');
}
/*///////////////////////alignement//////////////////////////////////*/
.centre {
text-align : center; 
} 
.gauche {
	text-align : left;
} 
.droite {
text-align : right; 
}
.imggauche {
	display: block;
	float: left;
	margin: 15px;
}
.imgdroite {
display: block;	
float: right;
margin: 15px;
} 
/*//////////////////////////effets////////////////////////////*/
.gras {
font-weight : bold; 
}
.violet{
color: #9966FF;
font-size : 1em;  
font-weight : bold; 
} 
.bleu {
color : #0033ff;
font-size : 1em;  
font-weight : bold; 
} 
.blanc {
color : #ffffff;  
}  
.italic {
color : #0033ff;
font-size : 0.7em;  
font-style : italic; 
font-weight : bold; 
}


/*////////////////////////////liens/////////////////////*/
.lien, a {
font-size: 1.2em;
} 
a:link {
font-family : verdana, sans-serif; 
font-size : 100%; 
color : black; 
background-color : transparent; 
text-decoration : underline; 
}  
/*/////////////////////balise du contenu////////////////////////*/
.conteneur {
width : 100%; 
height : 100%; 
position : absolute; 
background-color : #E2A587; 
} 
.header1 {
background-image : url('bandeau_images.jpg');
background-color : #E2A587; 
width : 100%; 
height : 93px;  
} 
.header2 {
height : 80px; 
width : auto; 
background-image : url('haut-mileu-header.jpg');
text-align : center;
color: #FFFFFF;
font-size: 0.8em; 
} 
.menu {
	position : absolute;
	left : 0;
	text-align : center;
	color : #FFFFFF;
	font-weight : bold;
	width : 200px;
	height: 100%;
	background-image : url('logo-menu.jpg');
} 
.frame {
margin-left : 200px;
width : auto;
padding-top: 20px;
padding-left: 10px;
min-height: 100%;
background-color : #fbfbfb;
border-left: 8px solid #9B99AE;  
} 
.footer {
height : auto;
clear: both;
color: #ffffff; 
font-size :1em; 
background-color : #7388A4; 
}
/*/////////////////////balise de type bloc////////////////////*/ 
.titre {
display : block; 
margin : 10px; 
padding : 0; 
background-color: #E2A587; ; 
width : 150px; 
height : 20px; 
font-weight : bold; 
text-align : center; 
}
.blocimage { 
float: left;
height : auto; 
width : auto; 
padding-left: 10px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
font-size : 1em; 
background-color : #fbfbfb; 
}
.blocentre {
display: block;
height : auto; 
width : auto;
margin-left: auto;
margin-right: auto;
} 
/*/////////////////////////menu/////////////////////////*/
.men {
list-style-type : none; 
margin : 6px; 
padding : 0; 
} 
.men a {
display : block; 
width : 160px; 
height : auto; 
font-family : verdana, helvetica, arial, sans-serif; 
font-size : 70%; 
font-weight : bold; 
background-color : #FFFFFF; 
text-align : center; 
color : #000; 
text-decoration : none; 
margin : 2px 0; 
} 
.men a:link, .men a:visited {
border-top : 1px solid #FFCC66; 
border-bottom : 2px solid #4a4a4a; 
border-left : 1px solid #FFCC66; 
border-right : 2px solid #4a4a4a; 
} 
.men a:hover {
border-bottom : 1px solid #FFCC66; 
border-top : 2px solid #4a4a4a; 
border-right : 1px solid #FFCC66; 
border-left : 2px solid #4a4a4a; 
} 
 /*////////////animation photo///////////////////*/
  	div#galerie
{
	width: 90% ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #990066 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
 /*///////////////*/