body {
	padding:0;
	margin:0;
	color:#666666;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
	text-align: center;
}

#page {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	
}

 
#entete-page {
	margin:0;
	padding:0;
	height:235px;
	background: #fff;
	background-image:url(../decors/fondhaut.jpg);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
}



#entete {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_generique.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}


#entete-sommaire {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_sommaire.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}

#entete-artnoel-1 {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_noelArbre.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}


#entete-artnoel-2 {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_noelDodo.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}


#entete-artserie-1 {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_portDoltoo.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}

#entete-artcontact {
	width:1000px;
	height:235px;
	background: #FFFFFF;
	background-image:url(../decors/entete_contact.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}

#contenu-entete {
	padding-top:40px;
	text-align:left;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}



#container {
	margin:0;
	padding:0;
	text-align:left;
	width:1000px;
	background: #FFFFFF;
	background-image:url(../decors/ombremilieu.jpg);
	background-repeat:repeat-y;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}



#contenu-page {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}



 #navigation {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	background: #DEC292;
	background-image:url(file:///Macintosh%20HD/WEB/Essai01/decors/00menu.jpg);
	background-repeat:repeat-x;
	font: bold 12px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 940px;
	border-top :2px solid #FFFFFF ;
	border-bottom : 2px solid #FFFFFF ;

}

#navigation ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color:#FFFFFF;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #fce0b0 ;
}

#navigation ul li a:hover {
	background: #EFB351;
	background-image:url(file:///Macintosh%20HD/WEB/Essai01/decors/00menuselection2.jpg);
	background-repeat:repeat-x;
	color: #000000;	
}


li.current {
	background-color:#DEC292;
	color: #FFFFFF;
} 


 


#principal {
	float: left;
	width: 620px;
	padding-top:30px;
	padding-left:50px;
	padding-right:30px;
	
	display: inline;
		

}


.note {
	font-size:9px;
	padding-top:22px	
}


#principal p, #principal h1, #principal h2, #principal h3, #principal ol, #principal ul, #principal form {
	margin:10px 0pt 0pt 0pt ;
}

#principal p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#9BBFBF;/* ancien 9BBFBF */
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#9BBFBF;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;
color:#9BBFBF;
}

#principal img {

	
	
}

.chapo {
	margin-bottom: 1.5em;
	color:#000000;
	line-height: 1.4em; }


a, a:visited {
	color:#006d3;
	text-decoration:none;
}

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


#sidebar {
	float: left;
	width: 230px;
	padding: 0px;
	padding-top:20px;
	padding-right:20px;
	margin: 10px 0 0 0;	
	font-family:Trebuchet MS, sans-serif;
    font-size:7pt;
	color:#333333;
	background-color:#E1D8D0;
}


#sidebar *  {
	margin: 15px;
}

#sidebar h3 {
	font-family:Trebuchet MS, sans-serif;
    font-size:12pt;
	color: #8D857E;
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
		
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 1px 0 1px 0px;
	margin: 0 2px;	
	color: #8D857E;	
	border-bottom: 1px solid #d6d6d6 ;
}


* html body #sidebar ul.sidemenu li {
	height: 1%;
}


#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color:#8D857E;			
}


#sidebar ul.sidemenu li a:hover {	
	color: #303030 ;
	
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

#pied-page {
	padding:0;
	margin:0 auto ;
	


}
#pied-page a:link, #pied-page a:visited{ color:#8A8A8A;

}
#pied-page a:hover {color: #303030 ;
text-decoration:none;
}

#renvoihaut {
border-top:1px dotted #666666;
width:900px;
margin-left:40px;
padding-left:20px;

}

#pied {
	width:1000px;
	height:100px;
	text-align:center;
	

	margin:0 auto;
	padding:0;
	padding-top:60px;
	
	background-image:url(../decors/basombre.jpg);
	background-repeat:no-repeat;
}



#contenu-pied {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:30px;
	color:#999999;
	margin: 0 auto;
	
	width:780px;
	text-align:center;
}

#contenu-pied a:link, #contenu-pied a:visited  {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999999;
	
}
#contenu-pied a:hover  {
text-decoration:underline;
	
}

#pied p {
	text-align:center;
		
}

p, div, td {
	color:$fontColor;
	font:Trebuchet MS 9 ;
} 

.clear {
	clear:both;
}
 hr{
 text-align:center;
   width:95%;
   height:1px;
   
   background-color:#999999;
   border:0;
   color:#999999;
}