/* issu de sansJS*/
.hautpage{
/*
background-color: purple;   */
height: 90px;
}

.baspage{
/*
background-color: purple; */
position: relative; /*pour pouvoir positionner le menubas en absolu dans le bas de page*/
height: 50px;
margin-bottom: 10px;
}

#menubas {   /*revoie en fin de page pour test de positionnement. Tester aussi le menu haut*/
/*
background-color: red;  */
position: absolute;
top: 40px; /*dépend du height de basdepage*/
left: 15px;
z-index:101;
}

#menu dd {/* partie dynamique */
border: 1px solid gray;
width: 8em;/*100%;*/
display:none;
position: absolute;
z-index:100;
}

#menubas dd { /*gestion cadre des sous menus*/
/*       */
display:none;

position: absolute;
bottom:1em;
width: 8em;
border: 0px solid gray;  /*bordure des sous menus*/
}


/* fin de issu de sansJS*/



/* ------------------------------------ *
 général
 * ------------------------------------ */
body {
margin: 0; /* pour éviter les marges */
text-align: center;  /*pour coriger un bug de ie6 */
margin-top: 0;
font-family: Tahoma, 'Trebuchet MS', times, verdana, sans-serif;
font-size: 16px;
background-color: white;/*#E5E5FB; */
}


#toutelapage{
z-index: 1; /* ?*/
position: relative;
width: 960px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align: left; /*on rétablit l'alignement normal du texte (cf bug de ie6)*/
background-color: #E5E5FB;
padding: 15px;
padding-top: 5px;


}
.legal a{
margin: 0px;
padding: 0px;
color: #737373;  /*texte gris*/
font-size: 10px;
text-align: center;
/*background-color: yellow;
 margin: 0 50px 50px 0; */
padding: 0 50px 0 0;
}



.sousbaspage{
/*background-color: yellow;*/
height: 5px;
}

.toutsaufhaut{
text-align: justify;
margin-top: 10px;
/*background-color: red;*/
}

h1{
margin-bottom: 0em;
padding-bottom: 0;
color: #333333;
font-size: 1em;
}

.class03{/*textes*/
font-size: 1em;
color: #737373;/*gris*/
list-style-position: inside;
margin-top: 0;

}

.class03 h1{
margin-top: 0;
}

.class03 h1 p{
margin: 0 0 5px 0;
color: black;
font-size: 1.1em;
}

.class03 p strong{
font-size: 120%;
}

.class03 ul{
font-size: 1em;
margin-top: 0;
}
.class03 li{/*textes*/
list-style-position: inside;
margin: 5px 0 0 0;
}



.class03 strong{/*textes
font-size: 2em;  */
background-color: #FFFF00;/*jaune */
font-weight: normal;
}




.pres01{/*explication payment*/
text-align:left;
color: #737373;  /*gris*/
padding-top: 0;
margin-top: O;
}

.pres01 h1{/*explication payment*/
padding: 0 0 5px 0;

margin: 0 0 5px 0;

font-size: 100%;/*90%;*/
text-align:justify;

color: #737373;  /*gris*/

}



.pres01 ul{
padding: O 0 0 0;
margin: 0 0 0 0;
}
.pres01 ul li{
padding-left: 15px;
margin: 0 0 5px 0;
text-align:justify;
}

.pres01 h1 em{ /*explication payment*/
font-size: 100%;
font-weight: bold;
color: #CF2BAA; /*rose */
}

.class04 h1 em { /*explication payment*/
color: green;
font-size: 120%;
}

.class06 h1 em { /*explication payment*/
color: green;
font-size: 120%;
padding: 0 0 0 200px;
margin: 0;
/*
background-color: yellow;  */
}

/*cartouche haut*/
.class05 p{ /*logo "code3000.net*/
padding: 0;
padding-right: 15px;
margin: 0px;                 
margin-bottom: 10px;
float: left;
height: 60px;
/*background-color: yellow;*/
}

.class55 p{ /*image à droite du logo*/
float: right;
padding: 0px;
margin: 0px;
height: 60px;

}

.class12 h1{ /*phase de présentation */
margin: 0;
padding: 0;
color: #737373;
font-size: 80%;
}

.class12 {
margin: 0 0 15px 0;
padding: 0;
text-align:left;
color: #737373;
}


/*pub */

#pub1 {  /*468x60 en haut page de test*/
float: right;
padding-left: 20px;
border-left: 1px solid #c0c0c0;
margin-bottom: 0px;
padding-bottom: 0px;
height: 60px;
}

#pub2 {   /*160x600 à gauche*/
float: right;
margin: 20px 0 15px 10px;
padding-left: 10px;
border-left: 1px solid #c0c0c0;
}



.class02{/*images avec cliquez-ici*/
float:left;
margin: 0px 15px 15px 0;
}

em {
font-style : normal;
font-weight : bold;
}

img {
border-width: 0;
border-style: none;  
}

.class08{ /*Texte d'introduction*/
color: blue;
text-align:justify;
font-size: 1em;
margin-bottom: 0;
margin-top: 0;
}

.class08 p{
margin-bottom: 5px;
}

p.class08 { /*votre ordi doit accepter les cookies*/
font-size: 0.8em;
margin-bottom: 0;
color: blue;
}

blockquote.class08{
font-size: 1em;
}

li{
line-height: 1.5em;                
}


.fleche{
float: right;
margin: 20px 10px 40px 0px;
/*background-color: red; */
}

.achatcb{
/* background-color: #D9DEFB;  */
margin: 20px 0px 0px 20px;

padding: 20px 0px 40px 00px;

background-image: url(autresimages/fondbouton.jpg );
background-repeat: no-repeat;

}

.allopass{
float: left;
margin: 0px 35px 0px 0px;
padding: 0 0 20px 0;

/*
background-color: grey;   */
width: 305px;
}
.imtexte1{
border: 1px solid #737373;
padding: 10px;
margin-bottom: 15px;
margin-top: 0px;
background-color: white;
margin-right: 185px;
}
.imtexte2{
border: 1px solid #737373;
padding: 10px;
margin-bottom: 15px;
margin-top: 0px;
background-color: white;

}

a.photo01{ /*index*/
display: block;
width: 300px;
height: 225px;
background: url(autresimages/auto1-01.jpg) no-repeat 0 0;
}

a.photo01:hover{
background: url(autresimages/auto1-01.jpg) 0 -225px;
}

a.photo02{ /*assr*/
display: block;
width: 290px;
height: 247px;
background: url(autresimages/cyclobsr01-03.jpg) no-repeat 0 0;
}

a.photo02:hover{
background: url(autresimages/cyclobsr01-03.jpg) 0 -247px;
}

.class09 {/*img + texte*/
font-size: 1em;
color: #737373; /*gris clair */
clear: left;
}
.class09 img {
float: left;
margin: 10px 25px 10px 0;
}
.class09 p{
padding-top: 1em;
/*background-color: red;*/
}
.class09 strong{
color: #333333; /*gris foncé */
}

/* ------------------------------------ *
 pages de tests de code de la route
 * ------------------------------------ */




.item{
color: #404040;
line-height: 1em;
padding: 0em;
margin: 0.1em;
}
.lettre {
color: blue;
font-family: courier new;
font-size: 100%;
font-weight: bold;
/**/
}

.reponse {/*affichage de la réponse*/

color: blue;
font-weight: bold;
/* */
margin: 0px;
padding: 0px;
}



/*
.celluleQuestion{ cellule affichant: question et réponse
vertical-align: top;
margin: 0;
padding: 0px;
padding-left: 5px;
/*background-color: #8AC5FF;
}  */


.separation{
clear: both;
margin: 0;
height: 1px;
visibility: hidden;
/*background-color: blue; */
}

.separation2{
padding: 0px 0 0px 0;
margin: 40px 0 0 0 ;
height: 1px;
/* background-color: white;  */
visibility: hidden;
}

.separation3{
clear: both;
margin: 0px;
padding: 0px;
height: 1px;
/*background-color: black; */

visibility: hidden;
}

.proposition p{ /*affichage des questions*/
margin: 15px 0.1em 5px 0.1em;
padding: 0em;
color: black;
line-height: 1em;
font-weight: bold;
font-size: 100%;
}










/*.boutonsChange p{
text-align: center;
font-size: 90%;
font-weight: bold;
margin: 0;
margin-top: 15px;
color: #606060;
color: red;
}  */



.titreexplication {
float: left;
font-weight: bold;
text-align: justify;
margin: 0px 10px 0 15px;
}

.titreexplication p{
font-weight: bold;
text-align: justify;
margin: 0px 10px 0 15px;
}

.explication{
text-align: justify;
color: #404040;    /*couleur texte des titres dans l'index: gris foncé*/
}

.boutonvalidation{
margin-top: 20px;
}

#choixserie optgroup{
color: blue;
}

#choixserie optgroup option{
color: black;
}

.seriegratuite option{
color: #737373;
}
div fieldset{
    border: none;
}

div fieldset legend{
    font-size: 0.7em ;
    font-weight: bold ;
}
/*div choixoption option{
color: red;
}  */

/* ------------------------------------ *
partie commune menu
 * ------------------------------------ */

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menubas dl, #menubas dt, #menubas dd, #menubas ul, #menubas li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 70px;
left: 15px;
z-index:100;
}

#menu dl {
float: left;
width: 8em;   /*largeur des cadres de menu*/
}

#menubas dl {
float: left;
width: 8em;   /*largeur des cadres de menu*/
padding-top: 0px;
list-style-type: none;
}

#menu dt { /*1er niv  équiv #menu li a */
cursor: pointer;
text-align: center;
/* */
font-weight: bold;
line-height: 1.6em;
color: white;
background: #93A9D9;  /*couleur des cadres contenant les menus de 1er niv*/
padding: 4px;
border-width: 0px;
margin: 0px 1px 0px 1px;
text-decoration: none;
margin: 0 2px 0 2px;
padding: 0px;
font-size: 0.8em;
}

#menubas dt { /*1er niv  équiv #menu li a */
cursor: pointer;
text-align: center;
font-size:  0.7em;
font-family: Tahoma, 'Trebuchet MS', times, verdana, sans-serif;
/*font-weight: bold; */
line-height: 1em;
padding-right: 5px; /*barre séparant les éléments du menu*/
padding-left: 5px;
margin: 0px 0px 0px 0px;
border: solid #93A9D9;
border-width: 0px 1px 0px 0px;
}

#menu dt a:hover{ /*menus de 1er niveau: survol souris */
color: #D9D9D9; /*gris clair  */
background: #798BB3; /*bleu gris foncé  */
}
#menubas dt a:hover{ /*menus de 1er niveau: survol souris */
color: #798BB3; /*gris clair  */
font-weight: bold;
}

#menu li a:hover{ /*sous menu survol souris */
font-weight: bold;
/*color: #D9D9D9;
background: #798BB3; */

/*background: red;*/
}
#menubas li a:hover{ /*sous menu survol souris */
font-weight: bold;
}

#menu li {   /*sous menu*/
text-align: center;
background: #fff;
font-size: 0.8em;
/*height: 10em; */

/*background: black;*/
}
#menubas li {   /*sous menu*/
text-align: center;
background: #fff;
font-size: 0.8em;
}

#menu dt a { /*menus de 1er niveau */
color: white;
text-decoration: none;
/* en supprimant le display: none les menus réaparaissent sur ce PC!!!       */
/*display: none;
display: block;*/
border: 0 none;
}

#menubas dt a { /*menus de 1er niveau */
color: #93A9D9;/*bleu*/
text-decoration: none;


/*display: none;
display: block;*/

border: 0 none;
}


#menubas li a { /*sous menus */
color: #737373;  /*texte sous-menu gris*/
text-decoration: none;
height: 100%;
width: 100%;
font-size: 0.9em;
}

#menu em{
color: #D9D9D9;
}

#menubas em{
color: #798BB3;
font-weight: bold;
}

#menu li a { /*sous menus */
color: #737373;  /*texte sous-menu gris*/
text-decoration: none;
height: 100%;
width: 100%;
font-size: 1em;

/*line-height: 1em;*/
padding: 3px 0 0 0;
margin: 0 0 0 0;
background-color: white;

/*background: green;   */

}


#pub3 {/* nouvelle version sous le menu du haut */
padding: 3px 0px 2px 10px;
margin-left: 2px;
width: 882px;
background-color: #93A9D9; /*bleu*/
}




.boutonsChange2{
float: right;  /* */
}
.boutonsChange2 p{
/*margin: 0px;
margin-top: 15px; */
}
.boutonsChange2 form{/*bouton diapo précédente seul et bouton diapo suivante seul*/
margin: 0px;
margin-top: 15px; /**/
}




.validation{ /*formulaire de réponse*/
clear: right; /* */
margin-top: 20px;
/*background-color: grey; */
}

/*  */
.boutonsChange3{
float: right;
/*background-color: brown; */
padding: 0 0 0 0;
margin: 0 0 0 0;

width: 280px;

}

.boutonsChange3 p{
/*background-color: orange;  */
padding: 0 0 0 0;
margin: 12px 0 0 0;
}

 /* */
.boutonsChange3 form{ /*bouton audio  */
padding: 0 0 0 0;
margin: 0 0 0 0;
/* background-color: red;            */

float: right;

}

.boutonsChange3 object{
margin: 15px 5px 0 0;
padding: 0px;
/*
background-color: blue; */
float: right;
}





.boutonsChange32 input{  /*bouton audio indiquant que le son est désactivé */
background-color: #D9D9D9;
color: white;

}
.boutonsChange31 input{ /*bouton audio indiquant que le son est activé */
background-color: none;
color: none;

}

.boutonsChange32 input:hover{ /*sous menu survol souris */
/*font-weight: bold;*/
color: black;

}


.question{ /*affichage du n° de la question*/
float: right;
/*line-height: 0em; */
margin: 0 0 0 0;
padding: 0px 0px 0 0px;
font-weight: bold;
color: blue; /*#FF0000couleur du texte de la question: rouge */
/*clear: right;     */
}

.question p{ /*affichage du n° de la question*/
margin: 21px 0 0 0;
padding: 0px 10px 0 10px;
/*background-color: red;  */
font-size: 12px;
}


.taux p{
/*line-height: 0em; */

float: left;

color: #FF6600;/*orange*/
font-weight: bold;
margin-right: 0px;
font-size: 100%;
padding: 0 0 0 0;
margin: 0px 0 0 0;
/*
background-color: yellow;*/
}

.taux {
position: relative;
left: -10px;
/*background-color: red; */
float: left;
padding: 0 0 0 0;
margin: 15px 0 0 0;
font-size: 12px;
}




.diapo{ /*image support de la question*/
float: left;
margin: 15px 15px 15px 0;
padding: 0;

width: 490px;
height: 368px;

}



.boutonsChange{
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #404040;
/*background-color: grey;

z-index: 99; */
}