/* /////  ZONES PRINCIPALES EN FONCTION DES PAGES 1, 2, 3, 4 ///// */

/* ZONE DE GAUCHE */

#zonegauche1{
width: 405px;
float: left;
height:auto;
margin-top:10px;
padding:0 10px 0 7px;
background-image:url(/images/global/pointillesverti.gif);
background-position:top right;
background-repeat:no-repeat;
}

#zonegauche2{
width: 690px;
float: left;
height:auto;
margin-top:10px;
padding:0 10px 0 7px;
}

#zonegauche3{
width: 690px;
float: left;
height:auto;
margin-top:5px;
padding:0 10px 0 7px;
}

/* ZONE DU MILIEU */

#zonemilieu1{
width: 230px;
text-align:left;
float: left;
/*height:440px;*/
height:300px;
margin:0 0 0 10px;
padding:0 10px 0 10;
/*background-image:url(/images/global/bande-grise-vertic_longue.gif);*/
background-image:url(/images/global/bande-grise-vertic-medium.gif);
background-position:top right;
background-repeat:no-repeat;
}


/* ZONE DE DROITE */

#zonedroite1{
width:240px;
/*height:440px;*/
height:300px;
overflow:auto;
float:right;
padding:0 0 0 0;
margin:5px 65px 25px 0px;
text-align:left;
}

/* /////  ///// ///// */



/* /////  TEXTES et STYLES DE TEXTE ///// */

/* zone de titre : toute la largeur*/
#titre{
width:965px;
margin:-5px 5px 10px 5px;
padding:10px 5px 10px 0;
height:90px;
}

.avancement{ /* Positionnement des images 1/3, 2/3, 3/3*/
width:40px;
height:24px;
margin:0 0 10px 10px;
}

.termine{ /* Positionnement de l'image terminé */
width:165px;
height:30px;
margin:0 0 10px 10px;
}

.tailleh3{
height:57px;
margin:-6px 0 0 0;
padding:0 0 0 0;
}

.pointilleshorizbottom{
background-image:url(/images/global/pointilleshoriz.gif);
background-repeat:repeat-x;
background-position:bottom left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.souligne{
background-image:url(/images/global/soulignement.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 40px 4px 0;
margin-top:13px;
line-height: 16px;
font-weight:bold;
font-size:9px;
color:#8E8878;
}

.soulignebeige{
background-image:url(/images/global/soulignement_fond_beige.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 40px 4px 0;
margin-top:13px;
line-height: 16px;
font-weight:bold;
font-size:9px;
color:#8E8878;
}

.soulignecourt{
background-image:url(/images/global/soulignement.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 3px 4px 0;
margin-top:13px;
line-height: 16px;
font-weight:bold;
font-size:9px;
color:#8E8878;
}

.soulignesansfont{
background-image:url(/images/global/soulignement.gif);
background-position:right;
background-repeat:no-repeat;
padding:0 3px 4px 0;
line-height: 16px;
}

#obligatoire{
margin:0 0 0 435px;
padding:0 0 0 0;
width:300px;
height:30px;
}

.inscription{
background-color:#F5F0E3;
padding:5px 5px 5px 5px;
margin:0 0 10px 0;
}

.ajouter{
padding:5px 5px 5px 5px;
margin:0 0 10px 10px;
}

.titreinscription{
color:#8E8878;
font-size:11px;
background-image:url(/images/global/pointilleshoriz.gif);
background-repeat:repeat-x;
background-position:bottom;
margin:0 0 5px 0;
padding:0 0 5px 0;
font-weight:bold;
}


/* ///// TABLEAUX ///// */

.tableau{
margin:5px 0 20px 0;
}

/* Cellules */

.marron12{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
text-decoration:none;
font-weight:bold;
color:#958B70;
padding:5px 5px 5px 1px;
}

.fondgrisclair{
background-color:#F3F3F3;
padding:1px 5px 1px 3px;
text-align:center;
}
.fondgrisclair:link { background-color: #F3F3F3; text-decoration:none;}
.fondgrisclair:visited { background-color: #F3F3F3; text-decoration:none;}
.fondgrisclair:hover { background-color: #E6E6E6; text-decoration:none;}
.fondgrisclair:active{ background-color: #E6E6E6; text-decoration:none;}

.fondgrisfonce{
background-color:#C4C2BA;
font-size:11px;
color:#FFFFFF;
padding:12px 5px 12px 5px;
}

.fondmarron{
background-color:#958B70;
font-size:11px;
font-weight:bold;
color:#E6E6E6;
width:235px;
height:30px;
padding-top:10px;
}


#taleauniveaux{
background-image:url(/images/global/fond_telecharger.gif);
background-position:top left;
background-repeat:no-repeat;
height:105px;
width:400px;
margin:30px 0 0 5px;
padding:20px 0 0 0;
}



/* /////  BOUTON ETAPE SUIVANTE ///// */

#etapesuiv{
width:915px;
clear:both;
text-align:right;
padding:0 0 0 0;
margin:0 0 0 0;
height:30px;
}

#etapesuiv2{
width:700px;
clear:both;
text-align:right;
padding:0 0 0 0;
margin:0 0 0 0;
height:30px;
}

/* LISTES */

li.page1{
list-style-position:outside;
line-height:14px;
margin-bottom:10px;
text-align:justify;
float:none;
list-style-type:disc;
}

li.page2{
list-style-position:inside;
line-height:11px;
margin:0 0 10px 0;
text-align:left;
float:none;
list-style-type:disc;
}
li.page2bas{
list-style-position:inside;
line-height:11px;
margin:0 0 0 0;
text-align:left;
float:none;
list-style-type:disc;
}

ul.liste{
margin-left:5px;
}

/* FORMULAIRES */

/* champ texte */

input.text2 {
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:3px 0 2px 0;
padding-left:4px;
width: 165px;
height:14px;
}

input.text {
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:4px 0 4px -10px;
width: 165px;
height:14px;
}
/* la classe ci-dessous n'est pas prise en compte par IE7 */
html>/**/body input.text {
margin:4px 0 4px 0px;
width: 165px;
height:14px;
}

textarea.text {
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
margin:3px 0 0px 0;
padding-left:4px;
width: 265px;
height:65px;
}

input.suivant {
background-image: url(/images/boutons/bt_etape_suivante.gif);
background-repeat: no-repeat;
background-color:#FBFBFB;
border:0;
height: 28px;
width: 170px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

input.terminer {
background-image: url(/images/boutons/bt_terminer_inscription.gif);
background-repeat: no-repeat;
background-color:#FBFBFB;
border:0;
height: 28px;
width: 227px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

select{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#6A6350;
text-align:center;
font-size:9px;
margin:4px 0 4px 0;
padding:2px 0 2px 2px;
line-height:11px;
text-decoration:none;
font-weight:normal;
background-color:#F1E8CD;
width:130px;
border:#ffffff 0px solid;
}

input.petittext{
width:30px;
float:left;
margin-top:12px;
padding-left:4px;
color:#666666;
background-color:#F1E8CD;
border:#ffffff 0px solid;
height:14px;
}

/* boutons radio */

.checkbox, .radio {
height: 12px;
padding: 0 20px 0 25px;
margin:0 0 0 20px;
background: url("/images/formulaire/radiogris.gif") no-repeat 0 0;
background-repeat: no-repeat;
background-position: 0 0;
cursor: default;
}

.checkbox input, .radio input {
display: none;
}

.selected {
background-position: 0 -52px;
}