@charset "windows-1252";
/* CSS issu des tutoriels css.alsacreations.com */ 
html {font-size: 100%;}	
*{margin :0px; padding:0px;}
body {
margin: 0px  0px;
padding: 0px;
background: white;
font:  0.8em sans-serif, verdana, arial;	
background-color : #9aa7b4; /* gris ?? */ 
color : #7B8590; /* gris ?? foncé */
color : #5A626A; /* gris ?? très foncé */
}

h1 { 
	color : #B12C00; /* rouge */  
	margin : 5px 0px; 
	font-weight : normal; 
	/*font-variant : small-caps; */
	
}
.bleu {
	color : #99CCCC; /* bleu gris  clair */
	color : #7B8590; /* gris ?? foncé */
}
h2 { 
	color : #5A7979; /* bleu gris  foncé */	
	font-weight : normal; 
	font-variant : small-caps;
} 

#conteneur {
width: 770px;
margin: 0 auto;	
background :url("img/centre.jpg") top  left repeat-y;	/* blanc */	


}

#header {
height: 100px;
background :url("img/header4_titre.jpg") top  left no-repeat;	/* blanc */	
text-indent : -5000px;	
padding-top : 15px;

}

#centre { 
/*border-top : 2px solid #9aa7b4; /* gris ?? */   
/*border-bottom : 2px solid #9aa7b4; /* gris ?? */ 
margin : 0px 13px 0px 6px;

} 
.texte {margin : 15px ;}

#footer {
	background :url("img/footer.jpg") bottom  left no-repeat;	/* blanc */
	height : 50px;	
	padding : 0px 30px;}

 
img.right {float : right; }
img.left {float : left; margin-right : 5px;}
img.centre  { 
	text-align : center;	
	margin : 5px auto;	
	display : block;   
} 

hr.spacer {
clear: both;
visibility : hidden;
margin:0px;
padding:0px;
}

.deuxcolonnes {overflow : hidden; text-align : justify}
.colgauche {float:left; width : 400px;}
.coldroite {margin-left : 450px;}

p {margin: 0 0 10px 0;font-size : 1.2em;}
p.petit {margin: 0 0 10px 0;font-size : 0.8em;} 
p.erreur {color :#B12C00; /* rouge */ font-weight : bold;} 
.bordure {border : 1px solid #B12C00; /* rouge */  }


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
} 	 

a  {
	color : #B12C00; /* rouge */  
}

a:hover, a:focus  {
	font-weight : bold;  
}
a.minilien {font-size : 0.6em; text-align : right;}

/***************/
/*      MENU   */
/***************/
#menu {
position: absolute;
top: 98px;
left: auto;
z-index:100;
width: 750px; 
text-align : right;

}
#menu dl {
float: right;
margin: 0 1px;	
width : 90px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #fff;
border: 1px solid gray;	 
color : #5A626A; /* gris ?? très foncé */
}

#menu dd {
border: 1px solid #5A626A; /* gris ?? très foncé */
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color : #5A626A; /* gris ?? très foncé */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover { 
color : #ffffff;
background-color : #9aa7b4; /* gris ?? */
} 

#menu dt.selected, #menu dt.selected  a{ 
color : #ffffff;
background-color : #9aa7b4; /* gris ?? */
} 

/********************************************/	
/* affichage des tableaux en administration */
/********************************************/
ul.tableaux { 
	list-style:none; 
	/*border : 1px solid #666666;/* gris */
	margin : 0px auto; 
	
} 
ul.tableaux li { float : left;text-align : center;}	

/* un tableau avec uniquement la photo et la nom*/
.un_tableau {
	margin : 10px; 
	padding : 12px 0px 5px 0px;
	background-color : #DFDFDF; /* gris 1*/
} 
.un_tableau a:hover img {border: 1px solid #5A7979; /* bleu gris  foncé */}
.un_tableau	a , .un_tableau	a:hover {
	 background-color : transparent;
}