/*www.utile-ignorance.com*/

body {
background-color: #000;
font-size: 0.9em;
font-family: Verdana, Arial, Sans-Serif;
color:#36393D;
padding:0px;
margin:0px;
background:url(images/fond.jpg) #fff;
} 

*{
padding:0px;
margin:0px;	
}

a {
color:#3F4C6B;
text-decoration: none;
}

a:hover {
color: #FF0084;
text-decoration: none;
}

a.rub {
text-decoration: none;
}

a.rub:hover {
text-decoration: none;
}


h1 {
font-size: 1.2em;
text-transform:uppercase;
padding:5px 10px;
margin:5px 10px; 
padding-top: 20px;
color:#3F4C6B;

}

h2 {
font-size:1.1em;
text-transform:uppercase;
padding: 5px 10px;
margin:5px 10px;
color:#3F4C6B;
}

h3 {
font-size:1em;
text-transform:uppercase;
padding: 5px 10px;
margin:5px 10px;
color:#3F4C6B;
}

h3.spip {
font-size:1em;
text-transform:uppercase;
padding: 5px 10px;
margin:5px 10px;
color:#3F4C6B;
text-align: left;
}



#content li {
list-style: square;
list-style-position: inside ;
padding: 5px 10px;
margin:5px 10px;
color:#3F4C6B;
}

#menuleft li {
list-style: square;
list-style-position: inside ;
padding: 5px 10px;
margin:5px 10px;
color:#3F4C6B;
}


p{
padding: 5px 10px;
padding-right:40px;
margin:5px 10px;
text-align:justify;
}

p.spip{
padding: 5px 10px;
padding-right:40px;
margin:5px 10px;
text-align:justify;
}

p.right{
text-align:right;
}

img {
border:0;
margin-right:10px;
padding-right:10px;
margin-bottom:10px ;
padding-bottom:10px ;
	}

img.spip_logos {
border:0;
float:left;
margin-right:10px;
padding-right:10px;
	}

/*On s'occupe ici de la structure  */

/* ----------container centrer le template-------------- */
#container {
width: 844px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background:url(images/fond-.jpg) no-repeat #fff;
border: 5px solid #CDEAEE;

}

/* ---------- banniere pour le logo-------------- */
#banner {
background:url(images/banniere.jpg) no-repeat #CBEAED;
text-align: right;
padding: 0px;
margin: 0px;
width:844px;
height:115px;
}
 

#menuh{
text-align:left;
}

/* -----------------partie texte blanche--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
padding-bottom:15px;
border-left:0px solid #82C6D2;
}




div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

pre{
padding: 5px 10px;
margin:5px 10px;
}


/* --------------Sous menu en float sur la droite ------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------Pied de page--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 7px;
background-color: #CBEAED;
text-transform:uppercase;
text-align:center;
font-size: 0.8em;
}

#footer a{
color: black;
text-decoration: none;
}

#footer a:hover{
color: black;
text-decoration: underline;
}


/*http://css.maxdesign.com.au/listamatic/horizontal02.htm*/
#navcontainerdeux{
text-align:left;
margin: 10px;
margin-left: 20px;
}

ul#navlistdeux {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlistdeux li {
display: inline;
list-style-type: none;
text-transform:uppercase;
font-size: 0.9em;
}

#navlistdeux a { 
padding: 3px 10px; 
}

#navlistdeux a{
color: #000;
background-color: #81CAD4;
text-decoration: none;
}

#navlistdeux a:hover {
color: #fff;
background-color: #FF0084;
text-decoration: none;
}

#menuleft{
margin-top: 20px;
}


/*http://css.maxdesign.com.au/listamatic2/vertical02.htm*/
 #navcontainer {
margin-left: 20px; 
}

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

#navcontainer li {
margin: 0 0 1px 0; 
 }

#navcontainer a {
display: block;
padding: 5px;
color: #000;
background-color: #81CAD4;
text-decoration: none;
width:140px;
}

#navcontainer a:hover{
color: #fff;
background-color: #FF0084;
text-decoration: none;
}

#navcontainer ul ul li {
 }

#navcontainer ul ul a {
display: block;
color: #000;
background-color: #CDEAEE;
text-decoration: none;
}

#navcontainer ul ul a:hover{
color: #fff;
background-color: #FF66B5;
text-decoration: none;
}

/*Pour les forums meme si desactive pour l instant*/
.commentbox{
background-color: #F5F5F5;
 width: 33em;
padding: 10px;
font-style: italic;
}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; 
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
p.reponse_formulaire{
background-color: #F5F5F5;
}