body{
font-family:sans-serif, arial;
padding:0px;
margin:0px;
background-color:#000000;
background-image:url('./images/flowerbck.jpg');
}


img {border:0px;}

.wrapper{
background-color:#000000;
border:1px solid red;
width:1024px;
position: relative;
left:50%;
margin-left:-512px;


}


#centered_site{
	position: relative;
	left:50%;
	margin-left:-480px;
	width:960px;
	height:560px;
}


#header{
background-image:url('./images/otra_top.jpg');
height:199px;
width:1024px;
}

#menu{
padding:5px;
background-color:red;
width:1014px;
}
#menu ul{padding:0px;margin:0px;}
#menu ul li{padding:5px;display:inline; }

#menu ul li a{
padding:5px 5px 5px 10px;
text-decoration:none;
color:#000000;
font-weight:bolder;
}
#menu ul li a:link, #menu ul li a:visited{
background-image:url('./images/etoile_jaune.gif');
background-repeat:no-repeat;
border:1px solid transparent;
}
#menu ul li a:hover, #menu ul li a:focus{
background-image:url('./images/etoile_blanche.gif');
background-repeat:no-repeat;
border: 1px solid white;
}

#sous_menu{
background-image:url('./images/sous-menu.gif');
width:1024px;
height:15px;
}

#wrapper_menu{
position:relative;
float:left;
}
#menu_gauche{
width:210px;
background-color:#ffd800;
background-image:url('./images/border.gif');
background-repeat:repeat-y;
background-position:right top;
}

#menu_gauche h1{
margin:0px 0px 0px 10px;
font-size:14px;
}

#menu_gauche ul{padding:0px;margin:0px;}
#menu_gauche ul li{padding:5px;list-style-type:none; }

#menu_gauche ul li a{
padding:4px 15px 5px 20px;
text-decoration:none;
color:#000000;
font-size:10px;
width:190px;
}
#menu_gauche ul li a:link, #menu_gauche ul li a:visited{
background-image:url('./images/fleur_rouge.gif');
background-position:middle;
background-repeat:no-repeat;
}
#menu_gauche ul li a:hover, #menu_gauche ul li a:focus{
background-image:url('./images/fleur_blanche.gif');
background-position:middle;
background-repeat:no-repeat;
}


#bottom_menu{
width:247px;
height:146px;
background-image:url('./images/menu_bottom.gif');
background-repeat:no-repeat;
}

#bottom_menu form{
padding:20px 20px 20px 10px;
}

#wrapper_contenu{
position:relative;
float:left;
color:#FFFFFF;
width:65%;
font-size:12px;
padding-left:10px
}

#wrapper_contenu h1:first-letter,#wrapper_contenu h2:first-letter, #wrapper_contenu h3:first-letter{color:red;}
#wrapper_contenu p{
text-align:justify;
}
#wrapper_contenu .date{font-size:10px;margin:10px;}

#wrapper_contenu a:link, #wrapper_contenu a:visited{
color:#ffd800;
}

#wrapper_contenu a:hover, #wrapper_contenu a:focus{
color:red;
}



#localisation{
font-size:9px;
}

.clear{
clear:both;
}

#formulaire_recherche{font-size:10px; color:red}

.forum_box{
border: 1px dotted red ;
}

/*DOCUMENT*/
.document{
position:relative;
float:left;
width:140px;
height:160px;
padding: 5px;
}

.title_doc{
text-align:center;
font-weight:bolder;
}

.image_doc{
text-align:center;
padding:10px;
}
.more{
text-align:center;
position:inherit;
bottom:0px;
top:auto;
}

.notes{
font-size:9px;
margin:10px;
}

.result_box{
margin:10px;
padding:15px;
border:1px solid #CCCCCC;
}

.no_word{
margin:10px;
padding:15px;
border: 1px dotted red;
color:red;
}

.spip_surligne{background-color:#fff000;color:black;}

/*PLAN*/

.chapitre{
margin:10px;
padding:10px;
border:1px solid #ffd800;
font-weight:bolder;
}

.chapitre a:link, .chapitre a:visited{
text-decoration:none;
}

fieldset{
background-color:#000000;
}

/*Forum*/

.forum-titre{font-weight:bolder;font-style:normal;font-size:12px;}
.forum-chapo{font-style:italic;font-size:10px;}
.forum-item{padding:5px;margin:10px 10px 10px 0px;border:1px dotted #ffd800;}

#wrapper_contenu li{margin:5px;}

/*Footer*/
#footer{
border:1px  dotted #ffd800;
font-size:9px;
color:#ffd800;
text-align:center;
margin:20px;
padding:10px;
}

#footer a:link, #footer a:visited{
color:#ffd800;
}

#footer a:hover, #footer a:focus{
color:red;
}