/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}
html, body {background-color:#FFF; margin:0; padding:0}

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

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

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

#coulcentre h1 {color:#c30;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #900 solid}

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


/* temp.html */

#container{
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0;
}

/* header */
#header{
	margin:0;left:0;width:100%;height:18px;
	background:#fff;
	text-align:right;padding:0;padding-top:3px
}
	#header ul{margin-right:1em;display:inline;border-right:2px solid #eee}
	#header ul li{border-left:2px solid #eee;display:inline;padding:0 0.6em 0 1em}
	#header a {color:#999}
	#header a:hover{color:#fff}

#header2{
	background: green;
	background-image: url(xxl/fdtitre.jpg);
	margin: 0;
	left: 0;
	width: 100%;
	height: 101px;
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px #c30 solid;
}
	#header2 div {width:350px;margin:0;padding:1px 1px 1px 1px}
	#header2 div h1 {margin-top:30px;background:#fff;padding:5px 5px 5px 15px;background-image:url(xxl/fdtitre2.jpg)}
	#header2 div h1 a {color:#c30}
	#header2 div h1 a:hover {color:yellow;background:none}

#mentete {float:left;width:970px;background:#eee;margin:0;padding:5px;border-top:1px #600 solid}
	#entete a{color:#900;font-weight:bold}
	#entete a:hover{color:#000}
	#entete{margin-left:15px;color:#666;font-weight:normal}

#header3{
	clear:left;
	background:#999;margin:0;left:0;
	width:100%;height:21px
}

#menugauche {
	border:#999 1px solid;
	border-top:0px;
	width:160px;
	float:left;
	background:#eee;
	margin-top:15px;
	margin-left:2px;
	margin-bottom:15px
}

	.mg1 {border-top:#999 1px solid;border-bottom:#999 1px solid;clear:left; font-size:9pt; color:#c30; font-weight:bold; background:#000; height:21px; padding-left :0.4em; padding-top:0.2em;background-image:url(xxl/fdtitre2.jpg)}
	.mg3 {color:#000; padding:0.4em; line-height:15px}
	.mg3 a {color:#000}
	.mg3 form {padding:0;margin:0}
	.mg4 {
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
	clear: left;
	font-size: 12pt;
	color: #c30;
	font-weight: bold;
	background: #000;
	height: 21px;
	padding-left: 0.4em;
	padding-top: 0.2em;
	background-image: url(xxl/fdtitre2.jpg);
}

    
 
#contenupage {

   padding-right:5px;

   background-image:url(xxl/fdgalet.jpg);background-position:right bottom;

   background-repeat:no-repeat;

   min-height:500px !important; /* taille minimal pour les moteur gecko et IE7 */

   height:500px; /* taille max pour IE6 */

   height:auto !important; /* on remet à la normal pour gecko et IE7 */
   float: right;
   width: 800px;
}

   #coulcentre {
   width:600px;
   float: left;
   margin: 20px 18px 20px 10px;
} 


	#menu_droite {
	float: right;
	width: 170px;
	margin: 2em 2px 2em 0;
}
	#menu_droite h2 {
	padding: 0.2em 0.2em 0.2em 0.4em;
	margin: 0;
	color: white;
	background: green;
	font-size: 1.2em;
	background-image: url(xxl/fdtag.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

	#menu_droite div.menucat_agenda {width:97%;background:#eee;margin-left:1px;padding-bottom:5px} 
	#menu_droite form {margin:0;padding:0;background:#000;}
	#menu_droite fieldset {width:99%;border:0;padding:2px 0 2px 2px;border-top:1px dashed #999;margin:0;_margin-bottom: -15px}
	#menu_droite legend {display:none}
	#menu_droite label {display:block;font-weight:bold;padding:2px 0 1px 0;margin:0;color:#fff}
	#menu_droite input, 	#menu_droite select {_margin-bottom: 0px}
	#menu_droite input {font-size:0.95em}
	#menu_droite select {width:110px}


#footer{
	clear: both;
	width: auto;
	text-align: center;
	height: 21px;
	background: green;
	padding-left: 0.4em;
	padding-top: 0.2em;
	font-weight: bold;
	color: #E0FFDF;
}
	#footer ul {
	margin-right: 1em;
	display: inline;
	border-right: 2px solid orange;
}
	#footer ul li {
	border-left: 2px solid orange;
	display: inline;
	padding-right: 0.6em;
	padding-left: 1em;
}
	#footer A {
	color: #E0FFDF;
}
	#footer A:hover {color:#FF6600}


/* page accueil */

 #aa01 h1 {font-size:1.5em;color:#900;border-bottom:1px solid #900}
 #aa02 h1 {font-size:1.5em;color:#900;border-bottom:1px solid #900}

#accueil{
	width:99%
}

#aa01{
	float: right;
	width: 288;
	padding: 0.3em;
}

#aa02{
	float: left;
	width: 288;
	padding: 0.3em;
}
	
/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; 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:#000;
   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:#EEE
}

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