/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }
h2.cgv_titre, h2.mention_legales_titre, h2.compte{font-size:12px;margin:6px 0;color:#333}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

/* ----- VOS CLASSES ET ELEMENTS ----- */

*{
margin:0;
padding:0
}

html{
background:#fff url('../../images/route.jpg') repeat-x top center
}

body{
margin:0;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#333
}

a{
text-decoration:none;
color:#4CADE2
}

a:hover{
text-decoration:underline
}

img{
border:0;
margin:0;
padding:0
}

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

#haut{
width:100%;
background:url('../../images/bandeau.jpg') no-repeat top center;
height:180px
}

#lien_haut{
width:800px;
height:180px;
display:block;
position:absolute
}

#conteneur_haut{
padding:0 0 0 72px;
width:902px;
height:180px;
margin:auto
}

#menu_haut{
position:absolute;
margin:5px 0 0 805px;
list-style:none
}

#menu_haut li{
float:left
}

#menu_haut li a{
float:left;
width:20px;
height:15px;
display:block;
margin:0 5px 0 0
}

#menu_haut li a span{
display:none
}

#home{
background:url('../../images/home.jpg') no-repeat
}

#ami{
background:url('../../images/ami.jpg') no-repeat
}

#favoris{
background:url('../../images/favoris.jpg') no-repeat
}

#sitemap{
background:url('../../images/sitemap.jpg') no-repeat
}

#home:hover{
background:url('../../images/home_vert.jpg') no-repeat
}

#ami:hover{
background:url('../../images/ami_vert.jpg') no-repeat
}

#favoris:hover{
background:url('../../images/favoris_vert.jpg') no-repeat
}

#sitemap:hover{
background:url('../../images/sitemap_vert.jpg') no-repeat
}

#principal{
width:980px;
margin:auto
}

#gauche{
vertical-align:top;
width:220px;
background:url('../../images/ligne_gauche.jpg') repeat-y
}

#video-link{
display:block;
color:#539F0A;
background:url(../../images/btn-video.jpg);
width:122px;
height:27px;
padding:39px 0 0 98px;
font-size:13px
}

#video-link:hover{
color:#0183C3
}

#menu{
background:#DDFFBB;/* url('../../images/ombre_gauche.jpg') no-repeat top right;*/
padding:12px 12px 42px 12px;
width:196px
}

.menutitre{
color:#549F0A;
font-size:12px;
text-transform:uppercase;
width:165px;
padding:1px 2px 2px 29px;
margin:1px 0;
background:#fff url('../../images/puce1.jpg') no-repeat;
font-weight:normal
}

.menutitre:hover{
background:#fff url('../../images/puce2.jpg') no-repeat;
cursor:pointer
}

.nonmenutitre a{
color:#549F0A;
font-size:12px;
text-transform:uppercase;
width:165px;
padding:1px 2px 2px 29px;
margin:1px 0;
background:#fff url('../../images/puce1.jpg') no-repeat;
font-weight:normal;
display:block
}

.nonmenutitre a:hover{
background:#fff url('../../images/puce2.jpg') no-repeat;
cursor:pointer;
text-decoration:none
}

.stretcher{
list-style:none
}

.stretcher li a{
display:block;
padding:1px 2px 2px 40px;
width:156px;
color:#549F0A;
font-size:12px;
background:url('../../images/puce_ss_menu.jpg') no-repeat
}

.stretcher li a:hover{
color:#fff;
background:url('../../images/puce_ss_menu2.jpg') no-repeat
}

#mentions_legales{
background:url('../../images/mentions_legales.png') no-repeat;
width:216px;
height:40px;
padding:11px 0 0;
color:#549F0A;
display:block;
text-align:center
}

#conteneur_rss{
padding:12px;
width:196px;
height:35px
}

#rss{
width:30px;
height:31px;
padding:5px 0 0;
background:url('../../images/rss.png') no-repeat 0 5px;
display:block;
float:left
}

#texte_rss{
padding:0 0 0 8px;
color:#FFFFFF;
display:block;
float:left;
width:158px
}

#rss span{
display:none
}

#eklogo{
display:block;
width:113px;
height:101px;
clear:both;
margin:50px auto;
background:url('../../images/eklogo.png') no-repeat
}

#centre{
vertical-align:top;
width:540px
}

#menu_centre{
height:30px;
width:540px;
background:url('../../images/pix_bleu.jpg') repeat-x;
list-style:none
}

#menu_centre li{
width:129px;
padding:0 3px;
float:left;
text-align:center
}

#menu_centre li a{
padding:6px 0 5px;
display:block;
text-align:center;
color:#fff;
font-size:13px;
text-transform:uppercase
}

#menu_centre li a:hover{
background:url('../../images/pix_blanc.gif') repeat-x bottom left;
text-decoration:none
}

#ombre_centre{
clear:both
}

#page{
padding:0 24px 20px;
width:492px;
height:492px;
}

html>body #page{
min-height:492px;
height:auto
}

.article{
border:1px solid #4CADE2;
width:440px;
padding:7px 13px 7px 37px;
clear:both;
margin:0 0 15px
}

.titre{
color:#549F0A;
text-transform:uppercase;
font-weight:normal;
background:url('../../images/puce_titre.jpg') no-repeat;
padding:1px 0 0 37px;
clear:both
}

#page_bas{
padding:0 24px 20px;
width:492px
}

#picto_bas{
width:39px;
height:101px;
float:left
}

#bas_droite{
width:450px;
margin:auto
}

#auto-ecole{
width:147px;
height:64px;
float:left
}

#adresse{
color:#549F0A;
width:302px;
float:left
}

#ligne_bas{
clear:both
}

#rappel_menu{
color:#4CADE2;
font-size:10px;
padding:11px 0;
width:390px
}

#rappel_menu a{
color:#4CADE2
}

#rappel_menu a:hover{
color:#549F0A;
text-decoration:none
}

#droite{
vertical-align:top;
width:220px;
background:url('../../images/goudron.jpg') repeat-y
}

#ligne_droite{
background:url('../../images/ligne_droite.jpg') no-repeat;
width:180px;
height:170px;
padding:15px 20px
}

.div_droite_haut{
padding:0 0 36px 26px
}

.div_droite_bas{
padding:0 0 0 26px
}

.td_droite{
height:22px;
background:url('../../images/input.jpg') no-repeat 4px 0;
}

.input_droite{
background:none;
border:none;
width:146px;
margin:5px 7px 6px;
color:#333
}

.valider{
background:url('../../images/valider.png') no-repeat;
width:110px;
height:27px;
display:block;
color:#57A215;
font-size:12px;
text-transform:uppercase;
border:none;
cursor:pointer
}

#flash_infos h2{
font-size:12px
}

#flash_infos{
padding:0 19px 0 50px;
width:151px;
height:243px;
background:#DDFFBB;
color:#549F0A
}

#flash_infos marquee{
height:243px
}

.rub{
font-size:12px;
padding:2px 0
}

.map{
margin:10px 0 10px 30px;
list-style:none
}

.map{
margin:10px 0 10px 50px;
list-style:none
}

.vignette_categorie{
width:140px;
height:160px;
margin:0 10px 0 0;
float:left
}

.vignette_image{
width:140px;
height:140px
}

.cadre_image{
width:140px;
height:140px;
display:block
}

.vignette_image a span{
display:none
}

.vignette_categorie_titre{
color:#549F0A;
font-weight:normal;
font-size:12px
}

#conteneur_code{
width:700px;
margin:auto
}

.contenu_code{
width:660px;
border:1px solid #4CADE2;
clear:both;
height:460px;
padding:20px
}

html>body .contenu_code{
min-height:460px;
height:auto
}

#retour_site{
float:left;
color:#C90608;
font-weight:bold
}

#retour_site_final{
color:#C90608;
font-weight:bold;
text-align:center
}

#commencer_code{
float:right;
color:#5DA417;
font-weight:bold;
display:none
}

.table_code{
width:600px;
margin:auto
}

.question_td{
font-weight:bold;
vertical-align:top;
width:60%;
height:80px
}

.reponse_td{
font-weight:bold;
vertical-align:top;
width:60%
}

.test_terminer{
font-weight:normal;
text-align:center;
font-size:22px
}

.resultat_test{
text-align:center;
font-size:22px
}

.resultat_test span{
color:#C90608
}

.suivante{
float:right;
color:#5DA417;
font-weight:bold;
border:none;
background:none;
cursor:pointer
}

.valider_code{
margin:auto;
width:60px;
display:block;
color:#5DA417;
font-weight:bold;
border:none;
background:none;
cursor:pointer
}

#inscription{
margin:0 0 0 7px;
color:#fff;
font-weight:bold
}

#site{
display:none
}

#compteur{
text-align:right
}