body {font: 0.8em Verdana, Arial, Helvetica, sans-serif; background: #cfe8eb; text-align: center; color: #5a6673; margin: 0; padding:0; background-image:url(../images/bg.gif)}
html, body, div, dl, dd, dt, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td {margin:0em; padding:0em; border:none;}
dl, dt, dd, ul, li {list-style-type: none;}

a {margin:0; padding:0; color:#2362a1; text-decoration:underline;}
a:hover {color:#2362a1; text-decoration:none;}
table { border-collapse:collapse;}

/* ---------------- En-tête ----------------- */

#head {background:#fff; border:solid 1px #ccc; height:136px; margin:10px auto; position:relative; width:960px;}

#head .titre {margin:0 auto; text-align:left; position:relative;}
#head .titre a.logo {background-image:url(../images/logo.png); width:151px; height:133px; display:block; float:left; background-position:50px 3px; background-repeat:no-repeat;}
#head .titre .logo_aefe {margin:20px 23px 0 0; float:right; position:relative;}
#head .titre h1 {width:425px; height:63px; background-image:url(../images/h1.png); background-repeat:no-repeat; margin: 0px 0 0 265px; background-position: 0 15px;}
#head .titre h1 span {position: absolute; left:-9999px;}
#head .titre h2 {width:517px; height:36px; background-image:url(../images/h2.png);background-repeat:no-repeat; margin: 20px 0 0 220px;}
#head .titre h2 span {position: absolute; left:-9999px;}

#site {width: 950px; margin: 10px auto; text-align: left; border:5px solid #ffffff; background-color:#cfe8eb;}
#site3 {width: 950px; margin: 10px auto; text-align: left; border:5px solid #ffffff; background-color:#cedaed;}
#site2 {width: 950px; margin: 10px auto; text-align: left; border:5px solid #ffffff; background-color:#ffffff;}

.ie {position:relative; margin:0 auto; top:25px; width:500px; border:#CC3300 1px solid; z-index:100; font-size:1.2em; padding:10px; background:#FFCC99; color:#000;}

#contenu {padding:0 10px;}

#site .rubrique {width:177px; border:1px solid #3f91e5; border-top:0; background-color:#FFFFFF; margin:-100px 25px 10px 25px; float:left; z-index:99; position:relative;}
#site .rubrique a {text-decoration:none; display:block;}
#site .rubrique a:hover {color:#da0000;}
#site .rubrique a span {padding:10px; font-size:1em; padding-top:20px; display:block;}

.session {min-height:250px; position:relative;}
.session p {color:#ff0000; font-weight:bold; margin:10px; background-image:url(../images/attention.gif); background-repeat:no-repeat; padding-left:40px; font-size:1.2em;}
.session .envoi_session {color:#ffffff; background-color:#2473c3; border:1px solid #0f5ba9; font-size:1.5em; font-weight:bold; padding:2px 15px; margin-left:100px;}
#site2 .session blockquote {border:1px solid #898989; width:325px; margin:50px 250px; height:210px; background-image:url(../images/bg_form.gif); background-color:#d9e9fa;}

.crumbtrail {margin:10px 0 0 0; font-size:0.8em;}
a.crumb_lien {color: #5a6673; text-decoration:underline;}
a.crumb_lien:hover {text-decoration:none;}
a.crumb_lien_rouge {color: #ff0000; text-decoration:underline;}
a.crumb_lien_rouge:hover {text-decoration:none;}

.asterisque {font-style:italic; font-size:0.8em; padding:5px 0 10px 0;}

.sommaire {width:300px; background-color:#e2ecf6; border:1px solid #a1caf6; padding: 0 15px 5px 15px; margin-left:10px;}
.sommaire a {text-decoration:none; color: #5a6673;}
.sommaire a:hover {font-weight:bold;}
a.top {text-decoration:none; margin-top:5px; display:block;}
a.top:hover {text-decoration:underline;}

.separation {height:1px; width:90%; clear:both;}

p {margin-top:5px;}
h2 {margin:15px 0;}
h3 {margin:15px 0 5px 0;}
h4 {margin:15px 0 5px 0; font-size:1em; font-weight:bold;}
ul.liste li{list-style:disc; padding-left:5px; margin-left:0px; margin-top:2px; margin-bottom:2px;}
ol.liste li{list-style:decimal; padding-left:5px; margin-left:0px; margin-top:2px; margin-bottom:2px;}

#top {background-color:#3181d3; width:950px; height:140px; position:relative; border-bottom:5px #ffffff solid; margin:0 -10px; z-index:20; background-image:url(../images/carte_blanche.png); background-repeat:no-repeat;}
#top h1 {color:#ffffff;}
.menu {position:absolute; top:-9px; right:13px; width:600px;}
.menu span {position:absolute; left:-9999px;}

.menu .afrique_selected {display:block; float:left; background-image:url(../images/afrique_menu.png); background-repeat:no-repeat; width:148px; height:162px; position:absolute; left:0; z-index:10; background-position:0 -163px; top:5px;}
.menu a.afrique {display:block; float:left; background-image:url(../images/afrique_menu.png); background-repeat:no-repeat; width:148px; height:162px; position:absolute; left:0; z-index:10; top:5px;}
.menu a.afrique:hover {background-position:0 -163px;}

.menu .amerique_selected {display:block; float:left; background-image:url(../images/amerique_menu.png); background-repeat:no-repeat; width:128px; height:177px; position:absolute; left:148px; top:4px; z-index:9;background-position:0 -177px;}
.menu a.amerique {display:block; float:left; background-image:url(../images/amerique_menu.png); background-repeat:no-repeat; width:128px; height:177px; position:absolute; top:4px; left:148px; z-index:9;}
.menu a.amerique:hover {background-position:0 -177px;}

.menu .asie_selected {display:block; float:left; background-image:url(../images/asie_menu.png); background-repeat:no-repeat; width:162px; height:206px; position:absolute; left:225px; top:4px; z-index:8; background-position:0 -206px;}
.menu a.asie {display:block; float:left; background-image:url(../images/asie_menu.png); background-repeat:no-repeat; width:162px; height:206px; position:absolute; left:225px; top:4px; z-index:8;}
.menu a.asie:hover {background-position:0 -206px;}

.menu .europe_selected {display:block; float:left; background-image:url(../images/europe_menu.png); background-repeat:no-repeat; width:111px; height:134px; position:absolute; left:385px; top:5px; z-index:7; background-position:0 -135px;}
.menu a.europe {display:block; float:left; background-image:url(../images/europe_menu.png); background-repeat:no-repeat; width:111px; height:134px; position:absolute; left:385px; top:5px; z-index:7;}
.menu a.europe:hover {background-position:0 -135px;}

.menu .france_selected {display:block; float:left; background-image:url(../images/france_menu.png); background-repeat:no-repeat; width:157px; height:174px; position:absolute; right:-10px; top:5px; z-index:7; background-position:0 -174px;}
.menu a.france {display:block; float:left; background-image:url(../images/france_menu.png); background-repeat:no-repeat; width:157px; height:174px; position:absolute; right:-10px; top:5px; z-index:7;}
.menu a.france:hover {background-position:0 -174px;}



.menu a.invisible {display:block; float:left; width:25px; height:125px; position:absolute; right:-10px;}
.menu a.invisible2 {display:block; float:left; width:25px; height:150px; position:absolute; left:-10px; z-index:10; top:1;}

.bulles {position:relative; width:100%;}

.map {margin-top:15px;}

#footer {clear:both; text-align:center; padding:15px 0 5px 0; background-color:#ffffff; margin:0 -10px; margin-top:75px;}
#footer img {display:block; float:left; margin:0 50px;}
#footer p {clear:both;}
#footer p a.partenaires {background-image:url(../images/partenaires.gif); background-repeat:no-repeat; display:block; width:198px; height:48px; margin:20px auto; position:relative; top:10px;}
#footer p a:hover.partenaires {background-position:0 -48px;}
#footer p a.concours {background-image:url(../images/concours.png); background-repeat:no-repeat; display:block; width:198px; height:48px; margin:20px auto; position:relative; top:10px;}
#footer p a:hover.concours {background-position:0 -48px;}

#site2 .etablissement {border:1px solid #898989; width:395px; float:left; margin:30px 30px 10px 10px; padding-bottom:25px; background-image:url(../images/bg_form.gif); background-color:#d9e9fa;}
#site2 blockquote label {position:absolute; left:-9999px;}
#site2 blockquote .titre {background-image:url(../images/etablissement.gif); background-repeat:no-repeat; display:block; width:100%; height:43px;}
#site2 .texte {display:block; width:350px; margin:5px; padding-left:5px;}
#site2 .form {border:#3f91e5 1px solid; position:relative; left:15px;}
#site2 blockquote .radio {margin-left:40px;}

#site2 .animateur {border:1px solid #898989; width:395px; float:left; margin:30px 10px 10px 30px; padding-bottom:25px; background-image:url(../images/bg_form.gif); background-color:#d9e9fa;}
#site2 .animateur .titre {background-image:url(../images/animateur.gif); background-repeat:no-repeat; display:block; width:100%; height:43px;}

#site2 .participants {border:1px solid #898989; width:395px; float:left; margin:10px 30px 10px 10px; padding-bottom:25px; background-image:url(../images/bg_form.gif); background-color:#d9e9fa;}
#site2 .participants .titre {background-image:url(../images/participants.gif); background-repeat:no-repeat; display:block; width:100%; height:43px;}

#site2 .envoi {margin-left:335px; background-image:url(../images/envoi.gif); background-repeat:no-repeat; width:246px; height:63px; color:#ffffff; font-size:1.8em; border:0; margin-top:15px; font-weight:bold;}

a.bulle_droite {display:block; width:115px; height:53px; color:#0e5aa8; font-size:1.5em; text-decoration:none; position:relative; top:18px; left:25px; background-image:url(../images/bulle_droite.png); background-repeat:no-repeat; background-position:left top; padding:25px 25px 15px 20px;}
a.bulle_gauche {display:block; width:135px; height:45px; color:#0e5aa8; font-size:1.5em; text-decoration:none; position:relative; top:18px; background-image:url(../images/bulle_gauche.png); background-repeat:no-repeat; background-position:left top; padding:30px 25px 15px 25px;}
a.bulle_droite:hover {color:#d12f38; font-weight:bold; background-position:0px -90px; padding:30px 25px 15px 25px;}
a.bulle_gauche:hover {color:#d12f38; font-weight:bold; background-position:0px -90px; padding:30px 25px 15px 18px;}

a span {font-size:0.6em; position:relative; top:-15px;}

.brouillon {position:absolute; z-index:99; color:#0f5ba9; font-size:1.2em; top:125px; left:50px; width:800px; opacity : 0.8; filter : alpha(opacity=80); background-color:#FFFFFF; border:1px solid #0f5ba9; padding:30px;}

.exemple {width:55%; background-color:#e2ecf6; border:1px solid #a1caf6; padding:10px; margin:15px 15px 15px 0; float:left;}
.exemple img {float:left; margin:5px;}
.exemple p a {clear:both; display:block;}

.invisible {position:absolute; left:-9999px;}

#site2 .resultats .gauche {}
#site2 .resultats .droite {float:right; width:45%; overflow:scroll; height:325px;}

#site2 .resultats { position:relative;}
#site2 .resultats .podium {margin:15px; position:relative; height:300px;}
#site2 .resultats .image_podium {position:relative; top:85px;}

#site2 #ejs_texte, #site2 #ejs_texte_2, #site2 #ejs_texte_3 {width:300px; float:right;}
#site2 #ejs_texte .medaille, #site2 #ejs_texte_2 .medaille, #site2 #ejs_texte_3 .medaille {display:block; float:none; margin:0 auto;}
#site2 #ejs_texte p, #site2 #ejs_texte_2 p, #site2 #ejs_texte_3 p {margin:15px;}

#site2 .resultats .hanoi { position:absolute; left:375px; top:145px;}
#site2 .resultats .londres { position:absolute; left:0px; top:120px;}
#site2 .resultats .burkina_faso { position:absolute; top:85px; left:200px;}
#site2 .resultats .bangkok { position:absolute; left:0px; top:120px;}

#site2 .resultats .hongrie { position:absolute; top:50px; left:195px;}
#site2 .resultats .ottawa { position:absolute; top:50px; left:195px;}
#site2 .resultats .liban { position:absolute; left:10px; top:80px;}
#site2 .resultats .niamey { position:absolute; left:10px; top:80px;}
#site2 .resultats .cameroun { position:absolute; left:380px; top:100px;}
#site2 .resultats .nairobi { position:absolute; left:380px; top:100px;}

#site2 .resultats .japon { position:absolute; top:50px; left:195px;}
#site2 .resultats .ankara { position:absolute; top:50px; left:195px;}
#site2 .resultats .liban2 { position:absolute; left:5px; top:100px;}
#site2 .resultats .hk { position:absolute; left:5px; top:100px;}
#site2 .resultats .madagascar { position:absolute; left:375px; top:100px;}

#contenu a.resultats_0809 {position:absolute; top:90px; left:825px; display:block; width:103px; height:233px; background-image:url(../images/resultats.png);}
#contenu a:hover.resultats_0809 { background-position:0 -233px;}
#contenu .resultats_0809 span {position:absolute; left:-9999px;}

#contenu #bloc_central form .erreur {background-color:#d93f18; display:block; width:auto; padding:5px 15px; position:relative; margin:5px auto; border:1px solid #bb2600; color:#fff;}

.form_groupe p span {display:block; width:250px; float:left;}

.menu_session {width:221px; height:211px; background-image:url(../images/menu_session.png); float:left;}
.menu_session h3 {margin:10px 15px; color:#000;}
.menu_session p {padding:30px 10px;}
.menu_session p img {float:left; margin:0 10px; position:relative; top:-15px;}
.menu_session p a {color:#000; text-decoration:none;}
.menu_session p a:hover {color:#000; text-decoration:underline;}

.groupes {margin-left:250px;}
.groupes .groupe {width:303px; height:131px; background-image:url(../images/bg_groupe.gif); color:#fff; float:left;}
.groupes .groupe h3 {margin:0 20px; padding:15px 0; font-size:1.5em; font-weight:normal;}
.groupes .groupe p {margin:0 20px;}
.groupes .groupe a {color:#fff; font-weight:bold;}
.groupes .groupe a.lien_document {display:block; float:right; width:80px; height:90px; background-image:url(../images/lien_document.png); margin:20px;}
.groupes .groupe a:hover.lien_document {background-position:0 90px;}
.groupes .groupe a.lien_document_2 {display:block; float:right; width:80px; height:90px; background-image:url(../images/lien_document_2.png); margin:20px;}
.groupes .groupe a:hover.lien_document_2 {background-position:0 90px;}

.domtom {font-size:0.8em; position:relative; top:0px;}

#participations h2 { margin-left: 10px; font-size: 12pt; color: #9F1050; padding-top: 20px; font-style: italic;}
#participations h3 { margin-left: 10px; }
#participations li { list-style-type: disc; padding-bottom: 3px; }
#participations a { text-decoration: none; border-bottom: 1px dotted #2362A1; }
#participations a:hover { text-decoration: none; border-bottom: 1px solid #2362A1; }
