@charset "iso-8859-1";

html {
	margin: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.88889;
	color: #555753; 
	background:#333333 url(../images/nuages.jpg); 
	margin: 0; 
	padding: 5px 0 0 0; 
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D2311D;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D2311D;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #D2311D;
	}
a.autres:link { font-size:0.7em;
	
	text-decoration: none; 
	color: #B7A5DF;
	}
a.autres:visited { 
	font-size:0.7em; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a.autres:hover, a.autres:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
/* specific divs */
#container { position:relative;
	background: #fff url(../images/fond2.jpg); 
	padding: 0px 0px 20px 0px;  
	margin: 0 auto; 
	width:1000px;background-color:;
	}


/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { position:absolute;top:2px;left:670px;
	background: transparent url() no-repeat top left; 
	margin: 0px 0 0 0px; 
	width: 346px; 
	height: 100px; 
	float: left;z-index:2;
	}
#pageHeader h1 span {
	
	}
#pageHeader h2 { position:relative;
	background: transparent url() no-repeat top left; 
	margin : 0 auto; 
	}
#pageHeader h2 span {
	color:#333333;text-align:justify;
	font: 0.7em verdana, arial,georgia, sans-serif;
	
	}
#pageHeader {	
	padding-bottom: 20px;padding-top: 20px;
}

#menu {	
	margin: 30px 50px 20px 0px; 
	
	background: transparent url(../images/) no-repeat bottom left; 
	
	}
#menu p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}
	
	
	
	


#menu li  {border-bottom: 1px dotted #F2310C;
font: bold 1.1em Georgia, Times, serif;
margin: 2px 8px;list-style-position: outside;
}


#menu ul {position:relative;left:20px;
	list-style: none;
	margin:0 0 0 0;
	padding:10px 0 15px 0px;
	
}

.menu {
	list-style-position: inside;list-style-image: url(../images/); 
	margin: 0 5px 0 12px;
	padding: 0px 0 0 0;
	display:block;display:list-item;
	
}
.ssmenu {
	list-style-position: inside;list-style-image: url(../images/); 
	margin: 0 5px 0 12px;
	padding: 0px 0 0 0;
	display:block;display:list-item;
	
}
#main a:hover {
	text-decoration: underline;
	font: 1.1em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	color: #fff;
}
#main a:link {
	font-weight: bold;
	font: 1.1em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}
#main a:visited {
	font-weight: bold;
	font: 1.1em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}


#main a:active {
	text-decoration: underline;
	font: 1.1em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	color: #fff;
}


#second a:hover {
	text-decoration: underline;
	font: 0.6em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	color: #fff;
}
#second a:link {
	font-weight: bold;
	font: 0.6em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}
#second a:visited {
	font-weight: bold;
	font: 0.6em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	text-decoration: none;
	color: #fff;
}


#second a:active {
	text-decoration: underline;
	font: 0.6em Corbel,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-weight:bold;
	color: #fff;
}
.lienchoisi {font-style:italic;color:#daccdb;font-weight:bold;list-style-image: url(../images/puce.gif);}




li.lienchoisi {color:#ffcc00;}

#menu a:hover {font-size:2em;text-decoration: underline;font: georgia, sans-serif; 
	color: #000;}
#menu a:link {font-size:1em;font-weight: bold; font: georgia, sans-serif;
	text-decoration: none; 
	color: #000;}
#menu a:visited {font-size:1em;font-weight: bold;font: georgia, sans-serif;
	text-decoration: none; 
	color: #000;}
#menu a:active {font-size:1em;text-decoration: underline; font:  georgia, sans-serif;
	color: #000;}
	

#footer { background-color:#333;position:relative;z-index:8;
	text-align: center; padding:5px 0 0 0;color:#fff;margin:0 auto;
	}
#footer a:link, #footer a:visited { 
	margin-right: 0px; 
	}
#contenu {text-align:left;padding:5px;}	



h4 {font:arial,sans-serif;
	font-size:90%;}
div#footer span {font-family : verdana, arial, helvetica, sans-serif;
font-size : 9px;}	



#monForm
{color : #333;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 9pt;
	width: 550px;border:0px;background-color:transparent;margin: 0 0 0 20px;
}

#monForm p
{text-align:left;color:#333;
	margin: 2px 0;width:220px;
}

/* fieldset , legend */




#monForm fieldset 
{
	padding: 0 10px;width:500px;
	border:0px;
	font-size: 1.2em;
	color: #555753;
	font-family : verdana, arial, helvetica, sans-serif;

}


 


/* Input */
#monForm input, #monForm select, #monForm textarea
{
	background-color: #FFFBE8;
	width: 220px;
	border: #CCC 1px solid;
}

#monForm input:hover, #monForm select:hover,#monForm textarea:hover,  #monForm input:focus, #monForm select:focus,#monForm textarea:focus
{
	border: #999 1px solid;width: 220px;
	background-color: #B188B5;
}


  

/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 220px;background-color:#d2311d;
	color:#fff;
}



#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 220px;background-color:#d2311d;
	color:#fff;
}

#monForm p.cnil {color:#666;width:510px;font-size:0.7em;font-style:italic;font-family : verdana, arial, helvetica, sans-serif;}
#monForm p {color:#666;width:510px;font-size:0.9em;font-family : verdana, arial, helvetica, sans-serif;}
#gauche {float:left;width:240px;}
#droite {float:left;width:240px;}
.livre { 
	font: italic normal 0.9em georgia, sans-serif;
	letter-spacing: 1px; 
	
	color: #7D775C;
	}
.cadre { background-color:#fff;
  border:1px solid #666;
  margin:0 0 8px 8px;
  padding:5px;
}
#raugraff {margin:0px 0 0 0px;background-color:#fff;color:#000;font-family : verdana, arial, helvetica, sans-serif;padding:2px;}
#raugraff span {font-weight:bold;font-size:120%;font-family : verdana, arial, helvetica, sans-serif;color:#990000;}