body {
background-color:#666666;
font-size:1em;
line-height:1.8em;
}
.titre h1{
font-size:1em;
}
h2{
font-size:1em;
}
p:first-letter {
} 
.txtimportant{
color:#336699;
font-style:oblique;
}
.suite{
text-align:right;
font-size:0.9em;
background-image:url(/fichiers-graphiques/puce-suite.gif); 
background-repeat:no-repeat;
background-position:left;
float:right;
padding-left:25px;
padding-right:5px;
}
.suite a{
color:#006600;
text-decoration:none;
}
#centreur{
margin:30px auto auto auto;
width:710px;
padding:0px;
text-align:center; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
background-color:#FFFFFF;
background-image:url(/fichiers-graphiques/bulles3.jpg);
background-repeat:no-repeat;
background-position:bottom left;
} 
#bandeau{
position:relative;
width:690px;
text-align:left; 
padding:0px;
margin:0px 5px 10px 5px;
background-image:url(/fichiers-graphiques/textures/fuyant.jpg);
background-repeat:no-repeat;
}
#menu{
position:relative;
width:auto;
float:left;
line-height:50px;
margin:5px 0px 100px 5px;
font-size:.9em;
}
#news{
border:1px solid #00B2D8;
padding:3px;
width:450px;
font-size:.9em;
color:#006600;
line-height:1.5em;
margin:5px auto auto 25%;
}
.spacer{clear: both;}

#menu ul,li{
list-style-type:none;
margin:0;
text-align:left;
padding:0;
line-height:2.5em;
}
#menu a{
color:#336699;
text-decoration:none;
background-position:left;
background-repeat:no-repeat;
margin:5px 0px 5px 0px;
}
#menu a:link{
color:#336699;
text-decoration:none;
}
#menu a:hover{
color:#339933;
text-decoration:none;
}
#contenu{
position:relative;
margin:0px 0px 0px 160px;
padding:0 10px 0 0;
text-align:left;
}
#contenu img{
padding:2px;
border:1px solid #CCCCCC;
margin:4px;
}

.titre{
font-family:Georgia, "Times New Roman", Times, serif;
color:#339999;
font-weight:bold;
text-transform:uppercase;
font-size:1.2em;
border-bottom:1px solid #666666;
margin-bottom:25px;
margin-top:7px;
text-align:right;
}
.soustitre{
color:#00CC33;
font-weight:bold;
text-transform:uppercase;
}
#contenu ul{
font-size:.9em;
}
#contenu ul li{
list-style-image:url(/fichiers-graphiques/pucebleu.gif);
line-height:19px;
padding: 0px 0px 9px 15px;
}
#contenu ul ol li{
font-style:italic;
color:#666666;
list-style-type:none;
list-style-image:none;
}
#affichage{
float:right; margin:0px auto auto auto; text-align:center; padding:0px;
}
#affichage img{
max-width:385px;
}
#ejs_texte{
margin-left:30px; font-size:.8em; text-align:justify; width:350px;
}
#liensreal a{
text-decoration:none;
color:#336699;
}
#liensreal a:hover{
text-decoration:none;
color:#339933;
}
/************** DIV ARRONDIS *********************/
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

#mentionslegales{
color:#FFFFCC;
text-align:center;
font-size:10px;
text-decoration:none;
}
#mentionslegales a{
color:#FFFFCC;
text-decoration:none;
}

#formulaire{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px 10px 0px 10px;
padding:0px; 
background-color:#666666;
color:#CCCCCC;
}
#formulaire label {
margin: 0;
padding:0.2em;
margin-top:0.4em;
text-align:right;
width:70px;
float:left;
text-transform:uppercase;
  }
#formulaire fieldset {
   border: 0px solid #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
   }
#formulaire .br {display:none;}  
 
#formulaire .textfield {
font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url(/fichiers-graphiques/form/textfield_bg.gif) no-repeat fixed;
/**** le ' ../ ' est indispensable pour fonctionner ***/
width:200px;
width:187px;
}

#formulaire fieldset>input.textfield {
background: transparent url(/fichiers-graphiques/form/textfield_bg.gif) no-repeat;
}
#formulaire textarea {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#333 ;
margin:0px 3px 3px 3px;
border:solid 0 #fff;
padding: 5px 8px 5px 5px;
background: transparent url(/fichiers-graphiques/form/textarea_bg2.gif) no-repeat fixed;
width:300px;
}
#formulaire fieldset>textarea {
background: transparent url(/fichiers-graphiques/form/textarea_bg.gif) no-repeat;
}
.submit {
margin:3px 3px 3px 100px;
background: transparent url(/fichiers-graphiques/form/submit.gif) no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
 }
 
.envoicours{
 font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
font-size:1.3em;
color:#FF0000;
}
 #envoiok{
 font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
font-size:1.3em;
color:#00CC00;
}

/**** Styles AFFICHAGE pour Envoi et Impression du FORMULAIRE*******/
.sectionchamps{
	color:#0033CC;
	font-weight: bold;
	font-style: italic;}

/*** Mise en forme du formulaire ***/

#titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	margin: 14px 0px 0px 0px;
	text-align:center;
	font-size:1.3em;
	color:#000000;
	text-transform:uppercase;
	background-color:#CCCCCC;
	text-align:center;
	}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	font-size:1.1em;
	background-color:#FFFFFF;
	margin: 5px auto 10px auto;
	
		}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	font-style: normal;
	border: 1px solid #666666;
	padding: 5px;
	margin:5px;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	}
#corpForm p {	
/*** Mise en forme des lignes du formulaire ***/
margin: 0px 0px 0px 0px;

}
#corpForm fieldset#coordonnees label {
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 25px 0 0;
	padding: 0 .1em 0 0;
	}
.saisie {
color:#333 ;
}
#visionneuse {
width:200px;
position:relative;
float:right;
background-color:#000000;
}