body {
font-family : arial, georgia, palatino, serif; 
margin:0;
color: black;
background : RGB(255,200,220);
} 

img{border:none;}

#photo{
position:absolute;
left:30%;
visibility:hidden;
z-index:100;
background-color:#ffc8dc;
}

#photo img{
margin:20px;
}

.haut{
position:absolute;
top:0;
left:0;
width:100%;
height:230px;
background-color:transparent;
}

.bandeau_haut{
float:left;
left:0;
top:0;
width:100%;
height:180px;
background:RGB(220,255,220) url(../imgs/menu_haut_milieu_2.jpg) repeat-x ;
background-position:225px 0;
}

.bandeau_haut div{
margin-top:20px;
}

.bandeau_haut span{
float:left;
width:25%;
margin-top:25px;
text-align:center;
font-size:100%;
font-weight:bold;
}

.bandeau_haut span a{
color:green;
text-decoration:none;
background-color:transparent;
}

.bandeau_haut span a:link {
color:green; 
} 
.bandeau_haut span a:visited {
color:green; 
/*text-decoration:line-through;*/
} 

.bandeau_haut span a:hover {
background-color:green;
color:RGB(220,255,220);
} 

.menu{
clear:left;
float:left;
left:0;
margin:0;
padding:0;
width:250px;
background:RGB(220,220,255)  url(../imgs/menu_cote_2.png) repeat-y;
color:navy;
font-size:80%;
}

.texte .menu h1{
text-align:left;
margin:0 70px 0 5px;
font-weight:bold;
color:blue;
}

.texte .menu p{
text-align:left;
margin:0 70px 0 5px;
font-weight:normal;
font-size:90%;
color:blue;
}

.texte .menu p a{
text-align:left;
font-weight:normal;
font-size:100%;
color:red;
text-decoration:none;
}

.menu ul{margin:0;padding-left:8px;padding-bottom:10px;}
.menu li{list-style-type:none;font-weight:bold;margin:0;margin-right:70px;margin-left:5px;margin-bottom:10px;padding:0;/*border-bottom:1px solid blue;*/}

.menu li a{
color:blue;
text-decoration:none;
font-weight:normal;
background-color:transparent;
}

.menu li a:link{
color:blue;
}

.menu li a:visited{
color:blue;
/*text-decoration:line-through;*/
}

.menu li a:hover{
background-color:blue;
color:RGB(220,220,255);
}

.menu_haut{
float:left;
margin:0;
padding:0;
width:250px;
height:175px;
background: transparent url(../imgs/coin_texte_3.jpg) no-repeat;
}

.menu_milieu{
float:left;
width:250px;
margin:0;
padding:0;
margin-top:-60px;

}

.menu_bas{
float:left;
margin:0;
padding:0;
width:250px;
height:150px;
background: transparent url(../imgs/menu_bas_1.jpg) no-repeat;
}

#menu_photos{
float:right;
/*text-align:right;*/
width:250px;
/*padding:20px 5px 20px 20px;*/
margin-top:0px;
margin-right:0;
background:RGB(220,220,255)  url(../imgs/coin_image_milieu.jpg) repeat-y;
/*background-color:lightblue;*/
}

#menu_photos p{
color: navy;
font-size:80%;
margin-left:80px;
margin-right:5px;
}

#menu_photos form{/*margin-left:100px;*/float:right;font-size:80%;}

.recherche{
background-color:RGB(200,200,255);
color:navy;
border-color : RGB(0,0,255);
height:12px;
width:100px;
font-size:10px;
}

.bouton_recherche{
background-color:RGB(200,200,255);
color:navy;
border-color : RGB(0,0,255);
font-size:10px;
}

#menu_photos h1,#menu_photos h2, #menu_photos h3, #menu_photos h4, #menu_photos h5{
color: navy;
font-size:100%;
margin-left:80px;
margin-right:5px;
}

#menu_photos a{
color:blue;
text-decoration:underline;
}


.texte #menu_photos a:hover {
background-color:transparent;
} 

#menu_photos li{
margin-left:70px;
margin-bottom:10px;
font-size:80%;
list-style-type:none;
}


#menu a{
color:blue;
}

#menu a:hover{
color:RGB(220,220,255);
background-color:blue;
}

.image_haut{
float:right;
margin:0;
padding:0;
width:250px;
height:175px;
background: transparent url(../imgs/coin_image_haut.jpg) no-repeat;
}

.image_milieu{
float:right;
width:250px;
margin:0;
padding:0 10px 0 0;
margin-top:-60px;

}

.image_bas{
float:right;
margin:0;
padding:0;
width:250px;
height:150px;
background: transparent url(../imgs/coin_image_bas.jpg) no-repeat;

}

a img{padding-bottom:10px;}

#bas_photo{
position:relative;
height:20px;
font-size:70%;
top:95%;
}

#haut_photo{
visibility:hidden;
text-align:center;
float:left;
margin-top:-50px;
height:40px;
width:100%;
}

.texte{
float:left;
width:100%;
background:RGB(255,255,180) url(../imgs/texte_haut.png) repeat-x ;
background-position:300px 0;
color:RGB(80,80,0);
}

.textebas{
float:left;
width:100%;
bottom:0;
height:30px;
background:RGB(255,255,180) url(../imgs/texte_bas.png) repeat-x ;
}

.texte h1{margin-left:10px;margin:auto;margin-top:40px;text-align:center;font-size:100%;color:#ffc8db;height:40px;}
/*.texte h1{margin-left:10px;margin:auto;margin-top:40px;text-align:center;}.texte h2{margin-left:30px;}*/
.texte h3{margin-left:50px;}
.texte h4{margin-left:70px;}
.texte h5{margin-left:90px;}
.texte h6{margin-left:110px;}
.texte p{margin-left:150px;margin-right:150px;text-align:justify;}

.texte a{
text-decoration:underline overline;
color:black;
background-color:transparent;
}

.texte a:link {
color:RGB(120,120,40);
} 
.texte a:visited {
color:black;
/*text-decoration:line-through;*/
} 

.texte a:hover {
background-color:RGB(80,80,0);
color:RGB(255,255,180);
} 


.copyright{
float:right;
margin-right:10px;
font-size:80%;
color:#ff7f7c;
}

.stats{
float:left;
width:30%;
font-size:80%;
color:#ff7f7c;
}

.copyright form{display:inline;}

.copyright input{
background-color:#ffc8dc;
color:#ff7f7c;
border-color : #ff7f7c;
font-size:10px;
width:75px;
}

.copyright a:link {
color:#ff7f7c;;
text-decoration:underline;
} 
.copyright a:visited {
color:#ff7f7c;;
} 

.copyright a:hover {
background-color:#ff7f7c;
color:#FFC8DC;
}