@charset "utf-8";
/* CSS Document */

body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
    	background: #467C2C;
		background-image:url(images/design/motif-gouttes2.jpg);
    	margin: 0; 
    	padding: 0;
    	text-align: center;
    	color: #000000;
    }

p {
	font-size: 10pt;
	color:#000000;
	}
	
em {
	color:#399ec6;
	font-style:normal;
	font-weight:bold;
	}

h1 {
	height:34px;
	padding-top:6px;
	padding-left:20px;
	font-size:18pt;
	font-weight:normal;
	color: #467C2C;
	letter-spacing: 0.1em;
	margin-bottom:35px;
	background-image:url(images/design/motif_rayures.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	}	
	
h2 {
	margin-top:10px;
	font-size:14pt;
	color: #467C2C;
	}

a, a:visited {
	text-decoration:underline;
	color:#399ec6;
	}
	
a.actif{
	text-decoration:none;
	color: #467C2C;
	}
	
#footer a {
	color:#000000;	
	}

a:hover {
	color: #467C2C;
	}

#footer a:hover {
	color:#467C2C;	
	}

#mainContent ul {
	list-style-image:url(images/design/puce.png);
	}

#mainContent li {
	margin-top:20px;
	}

.erreur {
	color:#CC0000;
	}
	
#formulaire {
	font-size:10pt;
	font-style:italic;
	}
	
.champs {
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#467C2C;
	}

#mainContent table {
	border-collapse:collapse;
	border:1px solid #467C2C;
	}

#mainContent td {	
	padding:5px 10px 5px 10px;
	margin:0;
	border:1px solid #467C2C;
	font-size:9pt;
	}
#mainContent td.bandeau {
	background-color:#467C2C;
	border:1px solid #FFFFFF;
	height:25px;
	color:#FFFFFF;
	font-size:9pt;
	text-align:center;
	}

#mainContent td.petit {
	font-size:7pt;
	}
	
#mainContent td.noborder {
	font-size:7pt;
	border:none;
	}
	
#mainContent td.nothing {
	border:none;
	margin:0;
	padding:0;
	}


#container {
	width: 892px;	
	margin: 0 auto;
	text-align: left; 
}

#bandeau {
	width: 892px;
	height: 346px;
	background-image:url(images/design/bandeau.jpg);
}
#footer {
	width: 852px;
	height: 107px;
	background-image:url(images/design/footer.jpg);
	font-size: 7pt;
	padding: 100px 20px 0 20px;
}

#mainContent {
	background: #FFFFFF;
	margin: 0;
	padding:30px;
	overflow:auto;
    }

div#colDroite {
	width:316px;
	float:right;
	margin-left:20px; 
	}
	
div#colGauche {
	width:460px;
	}
	
.pave {
	/*background-color:#D1E8CA;*/
	background-image:url(images/design/motif_rayures2.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:10px;
	border:1px solid #467C2C;
	}
 
div#numero {
	float:left;
	background-color:#B7A23E;
	font-size: 24pt;
	font-weight:normal;
	height:40px;
	width:40px;
	color:#FFFFFF;
	text-align:center;	
	}
 
div#numero .petit {
	font-size: 12pt;
	}

/* ****************** MENU ************************ */

div#menu {
	float:right;
	position:relative;
	bottom:30px;
	width:600px;
	height:0px;
	padding:0;
	margin:0;
	}
ul#tabnav {
	list-style-type: none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;	
}
ul#tabnav .subMenu {
	list-style-type: none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	/*font-weight: bold;*/	
}
ul#tabnav .subMenu li{	
	background-color: #B7A23E;
}	
ul#tabnav li {
   float: left;
   width: 120px;
   height: 30px;
   text-align:center;
   color: #ffffff;
   font-variant: small-caps;
}	
ul#tabnav a.active {
	color: #467c2c;
	background-position: 0 -30px;
	padding-top: 5px;	
	height: 25px;
}
ul#tabnav a.active:hover  {
	background-position: 0 -30px;
}
ul#tabnav a {
	background-image:url(images/design/tabmenu.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
   	float: left;
	width: 120px;
   	display: block;
   	color: #ffffff;
   	text-decoration: none;
	padding-top: 10px;	
	height: 20px;
}	
ul#tabnav a:hover {
	background-position: 0 0;
	padding-top: 5px;	
	height: 25px;
}