/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#395251; font-weight:normal}
html, body {width: 100%; height: 100%; background-color:#FFFFFF; margin:0; padding:0}
/* CSS issu des tutoriels css.alsacreations.com */

#conteneur {
position: relative;
width: 950px;
margin: 0 auto; 
background-color:#FFFFCC;
}
#headerh {
height: 178px;
background-color: #8CD9B3;
}
#milieu {
background-color:#FFFFCC;
}
#centre {
/*float:right;*/
background-color:#FFFFCC;
margin-left: 170px;
width: auto;
}
#gauche {
float:left;
/*position: relative;*/
left:0;
width: 170px;
height: 500px;

}
#pied {
/*clear:both;*/
height: 100px;
background-image: url(/images/fondbas.jpg);
/*background-color: #8CD9B3;*/
}


/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#395251; background:#A3BAB9; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#395251; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* temp.html */

#header{
	margin-top:0;
	margin-bottom:0;
	left:0;
	width:100%;
	height:15%;
	/*BORDER-BOTTOM:#000 6px solid */
}

	#hh01{height:10%; float:left}
		#hh01 a:hover {background:#FFF}
	#hh02{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}
		#hh02 ul {margin-bottom:0; margin-right:1em; display:inline; border-right:2px solid #395251}
		#hh02 ul li {border-left:2px solid #395251; display:inline; padding:0 0.6em 0 1em}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#395251}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #395251
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#mentete {
	width:98%;
	height:15px;
	background:#FFFFCC
}
	#entete {
	float:left;
	padding-top:0.1em;
	padding-left:0px;
	color:#000000; font-weight:normal
	}
		#entete A {color:#000000}
		#entete A:hover {color:#395251}

  	#entetepage {	
	float:left;
	padding-top:0.5em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:9pt; color:#FFCC33; font-weight:bold; background:#000; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0.4em; line-height:15px}
	DIV.mg3 a {color:#000}


#menugauche {
	/*border-bottom:#000 0px solid;
	border-right:#000 0px solid; */
	width:135px;
	height:600px;
/*	background: url(img/fondmenu.jpg);*/
	color:#FFFFFF;
	float:left;
/*	background:#FFFFCC*/
}    
 
#contenupage {
	padding-left:140px;
	padding-right:0px
} 
	#coulcentre {padding:10px; background:#FFFFCC}

#footerflash{
	margin-top:0;
	margin-bottom:0;
	left:0;
	width:100%;
	height:10%;
/*	BORDER-BOTTOM:#000 6px solid */
}
			#footerflash ul { margin-right:1em; display:inline; border-right:1px solid #FFF}
			#footerflash ul li {border-left:1px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
			#footerflash A {color:#FFF}
			#footerflash A:hover {color:#395251}


#footer{
	clear:both;
	width:auto;
	text-align:center;
	height:30px;
	/*background-image: url(/images/fondbas.jpg);*/
	/*background:#666;*/
	padding-left:0;
	padding-top:0;
	font-weight:bold;
	color:#FFFFFF
}
	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#395251}


/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em}

#pages{
	width:99%
}

#accueil{
	width:99%
}

#aa01{
	float:left;
	width:390px; 
	padding:0.5em
}

#aa02{
	float:right;
	width:360px;
	background:#FFFFCC
}
	#aa02 h1 {display:inline}



#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#395251}
	#rubriques A:hover {color:#395251}
	#rubriques img {float:left}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#FFFFCC; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#395251;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#FEFDAB
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FEFDAB
}