/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#575757; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#575757; font-size: 2em; }
h2 { color:#575757; font-size: 1.3em; font-weight: bold; }
h3 { color:#575757; font-size: 1.17em; }
h4 { color:#575757; font-size: 1em; }
h5 { color:#575757; font-size: 0.83em; }
h6 { color:#575757; font-size: 0.67em; }
p { color:#575757; font-size: 1em; }
ul, ol { color:#575757; font-size: 1em; }
li {  color:#575757; font-size: 1em; }
a { color:#575757; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur aprčs le clic */
input { border-width:thin; padding:3px; color:#575757; }
textarea { border-width:thin; padding:3px; color:#575757; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/

#formulaire { width:500px; text-align:center;  padding:20px 0 0 0; margin:0 auto; clear:both;  }

#formulaire a { color: #000;}

option { background:none; border:none }

.fieldset { padding:10px;  border:1px solid #000;border-bottom:3px solid #000; margin: 0 0 1em 0  }

.legend { padding:2px 15px 2px 10px; text-transform:uppercase; color:#000; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #000 }

.label { width: 100px; float: left; text-align: right; margin:0 0 2px 0 }

.label2 { width: 203px; float: left; text-align: right; }

.input { width:96px; height:13px; float:left; }

.input2 { width:191px; height:13px; float:left; }

.textarea { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }


.select { width:98px; height:18px; float:left; color:#89f715; background:#D1B897; border: 1px solid #000; }

.select_hover { width:98px; height:18px; float:left; background:#D1B897; border: 1px solid #000; }

.captchat { text-align:center }

.captchat div { padding: 0 0 5px 0; }

.texte_antispam { }

.image_antispam { display:none }

#code { width:150px; }

.divimagecaptchat { margin: 0 auto}

.border, #code, #imgcaptcha { background: transparent; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.border_hover { background: transparent; border:none; border-bottom: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

.separation { padding:0 0 6px 0; clear:both }

.separation div { border-bottom: 1px dashed #000; padding:5px 0 0 0; }

.div_form { clear:both; }

.moitite { float:left; width:50%}

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

.listing { clear:both; width:450px; margin:0 auto; text-align:justify; }

.parcours { }
.parcours li { padding:5px 0 5px 0; list-style:url(../images/puce.gif); }