@charset "utf-8";

/* ---------------- Général ----------------- */

body {font: 1em Arial, Verdana, Helvetica, sans-serif; background: #efefef; text-align: center; color:#444;}
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, ul, ol, li {margin:0em; padding:0em; border:none;}
dl, dt, dd, ul, li {list-style-type: none;}

a {color:2362a1; text-decoration:underline;}
a:hover {text-decoration:none;}

p {margin:0.5em 0; font-size:0.8em;}
ul, ol {font-size:0.8em; margin:0.5em 0 0.5em 50px;}
ul p, ol p, ul ul, ul ol, ol ul, ol ol {font-size:1em; margin:0.5em 0 0.5em 50px;}
ul li {list-style-type:disc;}
ol li {list-style-type:decimal;}

a.remerciements {background: url(../images/remerciements.png) no-repeat; width:178px; height:38px; display:block; margin:0 auto; color:#fff; text-decoration:none; padding-top:10px; position:relative; top:10px;}
a:hover.remerciements {font-weight:bold; color:#000;}

a.tv {display:block; width:133px; height:150px; background:url(../images/tv.png); position:absolute; z-index:10; outline:none; top:55px; left:76px;}
a:hover.tv {background-position:0 151px;}
a.tv span {position:absolute; left:-9999px;}

/* ---------------- 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:159px; height:100px; display:block; float:left; margin:15px 0 0 10px;}
#head .titre .logo_aefe {margin:20px 10px 0 0; float:right; position:relative;}
#head .titre h1 {width:526px; height:65px; background-image:url(../images/h1.png); background-repeat:no-repeat; margin: 0 0 0 200px; background-position: 0 15px;}
#head .titre h1 span {position: absolute; left:-9999px;}
#head .titre h2 {width:384px; height:13px; background-image:url(../images/h2.png);background-repeat:no-repeat; margin: 20px 0 0 250px;}
#head .titre h2 span {position: absolute; left:-9999px;}
#head .musique {margin:18px 0 0 10px; width:800px;}
#head .musique p {float:left; margin:0 5px 0 0;}

/* ---------------- Crumbtrail ----------------- */

#crumbtrail {text-align:left; width:960px; position:relative; margin:0 auto; margin-bottom:10px;}

#crumbtrail a {color:#444;}

/* ---------------- Footer général ----------------- */

#footer {width:969px; position:relative; margin:10px auto; font-size:0.8em;}

/* ---------------- Contenu ----------------- */

#bloc_general {width:1002px; position:relative; margin:0 auto;}
#contenu {width:969px; margin:0 auto; text-align:left; position:relative;}

/* ---------------- Contenu accueil ----------------- */

#gauche {width:280px; float:left; background-image:url(../images/bg_bloc_gauche.png); background-position: 0 278px; text-align:left; position:relative;}
#gauche h3 {background-image:url(../images/titre_bloc_gauche.png); background-repeat:no-repeat; width:280px; height:278px;}
#gauche h3 span {position:absolute; left:-9999px;}
#gauche p, #gauche h4 {padding:0 5px 0 65px;}
#gauche h4 {padding-top:10px;}
#gauche a.lien_aefe {display:block; width:200px; height:280px; background-image:url(../images/aefe.png); background-repeat:no-repeat; margin:15px 5px 0 70px;}
#gauche a:hover.lien_aefe {background-position:0 -280px;}
#gauche a.lien_aefe span, #gauche a.reseau span {position:absolute; left:-9999px;}
#gauche a.reseau {display:block; width:200px; height:276px; background-image:url(../images/reseau.png); background-repeat:no-repeat; margin:25px 5px 25px 70px;}
#gauche a:hover.reseau {background-position:0 -276px;}

#droite {width:280px; float:right; background-image:url(../images/bg_bloc_droite.png); background-position: 0 278px; text-align:justify; height:900px;}
#droite h3 {background-image:url(../images/titre_bloc_droite.png); background-repeat:no-repeat; width:280px; height:278px;}
#droite span {position:absolute; left:-9999px;}
#droite .contenu_droite {overflow:scroll; width:205px; margin:15px 0 0 7px; background-color:#fff; height:600px; border:0;}
#droite .contenu_droite p, #droite .contenu_droite h4 {padding:0; margin:5px;}
#droite .contenu_droite h4 {padding:10px 5px 5px 5px;}

#contenu_principal {width:442px; margin: 0 280px;}

#contenu_principal h3 a.temoignages {display:block; width:442px; height:410px; background-image:url(../images/temoignages_a_quai.png); background-repeat:no-repeat;}
#contenu_principal h3 a.temoignages span {position:absolute; left:-9999px;}
#contenu_principal h3 a:hover.temoignages { background-position:0 -407px;}

#contenu_principal h3 a.environnement {display:block; width:442px; height:410px; background-image:url(../images/environnement_dans_tous_ses_etats.png); background-repeat:no-repeat;}
#contenu_principal h3 a.environnement span {position:absolute; left:-9999px;}
#contenu_principal h3 a:hover.environnement { background-position:0 -407px;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

#contenu #gauche #actus .footer { background-image:url(../images/footer_actus.png); width:483px; height:6px; position:relative; top:10px;}
#contenu #gauche #actus ul {margin:10px; font-size:0.8em;}
#contenu #gauche #actus ul li {margin:2px 0; list-style:disc; margin-left:10px;}
#contenu #gauche #actus ul li a {color:#000;}

#contenu #gauche #disciplines {background-image:url(../images/bg_disciplines.png); margin-top:8px; height:615px;}
#contenu #gauche #disciplines h3 {background-image:url(../images/titre_disciplines.png); background-repeat:no-repeat; width:483px; height:42px;}
#contenu #gauche #disciplines h3 span {position:absolute; left:-9999px;}
#contenu #gauche #disciplines .footer {background-image:url(../images/footer_disciplines.png); width:483px; height:5px; position:relative; top:573px;}
#contenu #gauche #disciplines .liens {margin:0 10px;}
#contenu #gauche #disciplines .liens a {width:209px; height:170px; display:block; float:left; margin:10px;}
#contenu #gauche #disciplines .liens a:hover { background-position:0 170px;}
#contenu #gauche #disciplines .liens a.histoire {background-image:url(../images/lien_histoire.png);}
#contenu #gauche #disciplines .liens a.lettres {background-image:url(../images/lien_lettres.png);}
#contenu #gauche #disciplines .liens a.math {background-image:url(../images/lien_math.png);}
#contenu #gauche #disciplines .liens a.sciences {background-image:url(../images/lien_sciences.png);}
#contenu #gauche #disciplines .liens a.langues_anciennes {background-image:url(../images/lien_langues_anciennes.png);}
#contenu #gauche #disciplines .liens a.langues_modernes {background-image:url(../images/lien_langues_modernes.png);}

#contenu #droite {width:483px; margin-left:486px;}

#contenu #droite #presentation_generale {background-image:url(../images/bg_presentation_generale.png); height:160px; position:relative;}
#contenu #droite #presentation_generale h3 {background-image:url(../images/titre_presentation_generale.png); background-repeat:no-repeat; width:483px; height:42px;}
#contenu #droite #presentation_generale h3 span {position:absolute; left:-9999px;}
#contenu #droite #presentation_generale .footer {background-image:url(../images/footer_presentation_generale.png); width:483px; height:6px; position:relative; top:10px;}
#contenu #droite #presentation_generale p {margin:3px 10px; font-size:0.8em;}

#contenu #droite #informations_generales {background-image:url(../images/bg_disciplines.png); margin-top:8px; height:615px;}
#contenu #droite #informations_generales h3 {background-image:url(../images/titre_informations_generales.png); background-repeat:no-repeat; width:483px; height:42px;}
#contenu #droite #informations_generales h3 span {position:absolute; left:-9999px;}
#contenu #droite #informations_generales .footer {background-image:url(../images/footer_disciplines.png); width:483px; height:5px; position:relative; top:573px;}
#contenu #droite #informations_generales .liens {margin:0 10px;}
#contenu #droite #informations_generales .liens a {width:209px; height:170px; display:block; float:left; margin:10px;}
#contenu #droite #informations_generales .liens a:hover { background-position:0 170px;}
#contenu #droite #informations_generales .liens a.vie_scolaire {background-image:url(../images/lien_vie_scolaire.png);}
#contenu #droite #informations_generales .liens a.examens {background-image:url(../images/lien_examens.png);}
#contenu #droite #informations_generales .liens a.textes_generaux {background-image:url(../images/lien_textes_generaux.png);}
#contenu #droite #informations_generales .liens a.app {background-image:url(../images/lien_app.png);}
#contenu #droite #informations_generales .liens a.premier_degre {background-image:url(../images/lien_premier_degre.png);}
#contenu #droite #informations_generales .liens a.formation_continue {background-image:url(../images/lien_formation_continue.png);}

/* ---------------- Contenu organigramme ----------------- */

#contenu #organigramme {width:971px; background-image:url(../images/bg_pedagogie.png); margin:0 auto; position:relative;}
#contenu #organigramme h3.pedagogie {background-image:url(../images/titre_pedagogie.png); width:971px; height:42px;}
#contenu #organigramme h3.pedagogie span {position:absolute; left:-9999px;}

#screenshot{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

#contenu #organigramme #plan {background-image:url(../images/bg_organigramme.png); width:768px; height:606px; position:relative; margin:0 auto;}

#contenu #organigramme #plan a#lecoq {display:block; width:205px; height:51px; position:absolute; background-image:url(../images/org_lecoq.png); top:49px; left:281px;}
#contenu #organigramme #plan a#balducci {display:block; width:205px; height:60px; position:absolute; background-image:url(../images/org_balducci.png); top:101px; left:21px;}
#contenu #organigramme #plan a#gazal {display:block; width:205px; height:59px; position:absolute; background-image:url(../images/org_gazal.png); top:161px; left:21px;}
#contenu #organigramme #plan a#balducci_2 {display:block; width:206px; height:50px; position:absolute; background-image:url(../images/org_balducci_2.png); top:279px; left:21px;}
#contenu #organigramme #plan a#feral {display:block; width:205px; height:53px; position:absolute; background-image:url(../images/org_feral.png); top:425px; left:21px;}
#contenu #organigramme #plan a#chassagne {display:block; width:205px; height:50px; position:absolute; background-image:url(../images/org_chassagne.png); top:220px; left:281px;}
#contenu #organigramme #plan a#celie {display:block; width:205px; height:50px; position:absolute; background-image:url(../images/org_celie.png); top:329px; left:281px;}
#contenu #organigramme #plan a#blavignac {display:block; width:205px; height:60px; position:absolute; background-image:url(../images/org_blavignac.png); top:101px; left:541px;}
#contenu #organigramme #plan a#heron {display:block; width:205px; height:47px; position:absolute; background-image:url(../images/org_heron.png); top:161px; left:541px;}
#contenu #organigramme #plan a#perrot {display:block; width:205px; height:48px; position:absolute; background-image:url(../images/org_perrot.png); top:208px; left:541px;}
#contenu #organigramme #plan a#bovani {display:block; width:205px; height:50px; position:absolute; background-image:url(../images/org_bovani.png); top:256px; left:541px;}
#contenu #organigramme #plan a#mauhourat {display:block; width:205px; height:58px; position:absolute; background-image:url(../images/org_mauhourat.png); top:306px; left:541px;}
#contenu #organigramme #plan a#gazal_2 {display:block; width:205px; height:49px; position:absolute; background-image:url(../images/org_gazal_2.png); top:423px; left:541px;}
#contenu #organigramme #plan a#billacois {display:block; width:205px; height:49px; position:absolute; background-image:url(../images/org_billacois.png); top:532px; left:541px;}
#contenu #organigramme .footer {background-image:url(../images/footer_pedagogie.png); width:971px; height:6px; position:relative;}

/* ---------------- Contenu formulaire ----------------- */

#contenu #bloc_central {width:971px; background-image:url(../images/bg_pedagogie.png); margin:0 auto; position:relative;}
#contenu #bloc_central h3.contact {background-image:url(../images/titre_contact.png); width:971px; height:42px;}
#contenu #bloc_central h3.contributeurs {background-image:url(../images/titre_contributeurs.png); width:971px; height:42px;}
#contenu #bloc_central h3.contact span, #contenu #bloc_central h3.contributeurs 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;}


#contenu #bloc_central form {margin:15px 0 15px 0;}
#contenu #bloc_central span.libelle {display:block; float:left; width:150px; text-align:right; padding-right:15px; height:35px; line-height:45px;}
#contenu #bloc_central input {height:20px; margin:10px 0; width:257px;}
#contenu #bloc_central select {height:25px; margin:10px 0; width:262px; padding:2px;}
#contenu #bloc_central textarea {margin:10px 0;}
#contenu #bloc_central .submit {margin:10px 0; padding:10px; height:auto; margin-left:168px; background-color:#09389b; border:0; color:#fff; font-weight:bold; cursor:pointer;}
#contenu #bloc_central .jsvalidation {margin-left:10px; border:1px solid #d80e0e; color:#d80e0e; background-color:#ffc4c4; padding:10px;}
#contenu #bloc_central .footer {background-image:url(../images/footer_pedagogie.png); width:971px; height:6px; position:relative;}

/* ---------------- Contenu sciences ----------------- */

#contenu #bloc_central h3.sciences {background-image:url(../images/titre_sciences.png); width:971px; height:42px;}
#contenu #bloc_central h3.sciences span {position:absolute; left:-9999px;}

#contenu #bloc_central .bloc {width:442px; margin:10px auto; background-image:url(../images/bg_description.png);}
#contenu #bloc_central .bloc h3.description {background-image:url(../images/titre_description.png); width:442px; height:33px;}
#contenu #bloc_central .bloc h3.description span {position:absolute; left:-9999px;}
#contenu #bloc_central .bloc .footer {background-image:url(../images/footer_description.png); height:5px; width:442px;}
#contenu #bloc_central .bloc p {margin:10px; font-size:0.8em;}

#contenu #bloc_central .gauche {margin:0 10px; float:left; width:225px;}
#contenu #bloc_central .gauche a {width:209px; height:170px; display:block; float:left; margin:10px;}
#contenu #bloc_central .gauche a:hover { background-position:0 170px;}
#contenu #bloc_central .gauche a.lien {background-image:url(../images/lien_lien.png);}
#contenu #bloc_central .droite {margin:0 15px 0 10px; float:right; width:225px;}
#contenu #bloc_central .droite a {width:209px; height:170px; display:block; float:left; margin:10px;}
#contenu #bloc_central .droite a:hover { background-position:0 170px;}
#contenu #bloc_central .droite a.lien {background-image:url(../images/lien_lien.png);}

/* ---------------- Contenu autres disciplines ----------------- */

#contenu #discipline {width:971px; background-image:url(../images/bg_pedagogie.png); margin:0 auto; position:relative;}
#contenu #discipline h3.histoire {background-image:url(../images/titre_histoire.png); width:971px; height:42px;}
#contenu #discipline h3.lettres {background-image:url(../images/titre_lettres.png); width:971px; height:42px;}
#contenu #discipline h3.math {background-image:url(../images/titre_math.png); width:971px; height:42px;}
#contenu #discipline h3.langues_anciennes {background-image:url(../images/titre_langues_anciennes.png); width:971px; height:42px;}
#contenu #discipline h3.langues_modernes {background-image:url(../images/titre_langues_modernes.png); width:971px; height:42px;}
#contenu #discipline h3 span {position:absolute; left:-9999px;}
#contenu #discipline .footer {background-image:url(../images/footer_pedagogie.png); height:5px; width:971px;}

#contenu #discipline .articles {margin:10px 0 10px 10px; float:left; width:472px; background-image:url(../images/bg_articles.png); background-repeat:repeat-y;}
#contenu #discipline .articles h4 {background-image:url(../images/titre_articles.png); background-repeat:no-repeat; width:472px; height:42px;}
#contenu #discipline .articles h4 span {position:absolute; left:-9999px;}
#contenu #discipline .articles p.date {color:#2c46b9; font-weight:bold; font-size:0.8em; margin:2px 5px;}
#contenu #discipline .articles ul li {margin:10px;}
#contenu #discipline .articles ul li a {display:block; width:450px; height:75px; color:#444; text-decoration:none;}
#contenu #discipline .articles ul li a:hover {background-color:#2c46b9; color:#fff;}
#contenu #discipline .articles ul li a h5 {font-size:1em; margin:5px 10px; padding-top:5px;}
#contenu #discipline .articles ul li a p {margin:5px 10px;}

#contenu #discipline .articles .footer {background-image:url(../images/footer_articles.png); height:4px; width:472px;}

#contenu #discipline .documents {margin:10px 10px 10px 487px; width:472px; background-image:url(../images/bg_articles.png); background-repeat:repeat-y;}
#contenu #discipline .documents h4 {background-image:url(../images/titre_documents.png); background-repeat:no-repeat; width:472px; height:42px;}
#contenu #discipline .documents h4 span {position:absolute; left:-9999px;}
#contenu #discipline .documents p.date {color:#2c46b9; font-weight:bold; font-size:0.8em; margin:2px 5px;}
#contenu #discipline .documents ul li {margin:10px;}
#contenu #discipline .documents ul li a {display:block; width:450px; height:75px; background-repeat:no-repeat; color:#444; text-decoration:none; background-image:url(../images/inconnu.png);}
#contenu #discipline .documents ul li a:hover {background-position:0 -75px; color:#fff;}
#contenu #discipline .documents ul li a.pdf {background-image:url(../images/pdf.png);}
#contenu #discipline .documents ul li a.txt {background-image:url(../images/txt.png);}
#contenu #discipline .documents ul li a.xls, #contenu #discipline .documents ul li a.csv {background-image:url(../images/xls.png);}
#contenu #discipline .documents ul li a.doc {background-image:url(../images/doc.png);}
#contenu #discipline .documents ul li a.xml {background-image:url(../images/xml.png);}
#contenu #discipline .documents ul li a.zip {background-image:url(../images/zip.png);}
#contenu #discipline .documents ul li a.rar {background-image:url(../images/rar.png);}
#contenu #discipline .documents ul li a.mp3 {background-image:url(../images/mp3.png);}
#contenu #discipline .documents ul li a.jpg, #contenu #discipline .documents ul li a.png, #contenu #discipline .documents ul li a.gif, #contenu #discipline .documents ul li a.eps {background-image:url(../images/jpg.png);}
#contenu #discipline .documents ul li a.avi, #contenu #discipline .documents ul li a.swf, #contenu #discipline .documents ul li a.mov {background-image:url(../images/mpg.png);}
#contenu #discipline .documents ul li a h5 {font-size:1em; margin:5px 10px 5px 85px; padding-top:5px;}
#contenu #discipline .documents ul li a p {margin:5px 10px 5px 85px;}
#contenu #discipline .documents form {margin:10px; background-color:#bbd2ed; padding:10px; background-image:url(../images/bg_upload.png); border:1px solid #7380ba;}
#contenu #discipline .documents form span {display:block; float:left; width:175px;}
#contenu #discipline .documents form .erreur {background-color:#d93f18; display:block; width:auto; padding:5px 15px; position:relative; margin:5px auto; border:1px solid #bb2600; color:#fff;}
#contenu #discipline .documents form input, #contenu #discipline .documents form textarea {width:200px;}
#contenu #discipline .documents form .submit {background-color:#2c46b9; color:#fff; padding:5px; border:1px solid #fff; font-weight:bold;}
#contenu #discipline .documents .footer {background-image:url(../images/footer_articles.png); height:4px; width:472px;}
#contenu #discipline .documents .confirmation {margin:10px; background-color:#bbd2ed; padding:10px; background-image:url(../images/bg_upload.png); border:1px solid #7380ba; width:300px; display:block;}

/* ---------------- Contenu article ----------------- */

#contenu #bloc_central h3.histoire {background-image:url(../images/titre_histoire.png); width:971px; height:42px;}
#contenu #bloc_central h3.lettres {background-image:url(../images/titre_lettres.png); width:971px; height:42px;}
#contenu #bloc_central h3.math {background-image:url(../images/titre_math.png); width:971px; height:42px;}
#contenu #bloc_central h3.langues_anciennes {background-image:url(../images/titre_langues_anciennes.png); width:971px; height:42px;}
#contenu #bloc_central h3.langues_modernes {background-image:url(../images/titre_langues_modernes.png); width:971px; height:42px;}
#contenu #bloc_central h3 span {position:absolute; left:-9999px;}


#contenu #bloc_central h4 {margin:15px; font-size:1.2em;}
h4 {margin:15px; font-size:1.0em;}
#contenu #bloc_central .introduction {font-weight:bold; margin:10px 15px;}
#contenu #bloc_central p {margin:3px 15px;}

/* ---------------- Contenu rédaction ----------------- */

#contenu #bloc_central .redaction form {margin:10px; padding:10px;}
#contenu #bloc_central .redaction h3.article {background-image:url(../images/titre_sciences.png); width:971px; height:42px;}
#contenu #bloc_central .redaction h3.article span {position:absolute; left:-9999px;}
#contenu #bloc_central .redaction form p span {display:block; float:left; width:235px; text-align:right; padding:0 15px 0 0; font-weight:bold;}
#contenu #bloc_central .redaction form p input {margin:0; padding:0;}
#contenu #bloc_central .redaction form .erreur {background-color:#d93f18; display:block; width:auto; padding:5px 15px; position:relative; margin:5px auto; border:1px solid #bb2600; color:#fff;}

/* ---------------- Contenu lien vers formulaire de rédaction ----------------- */

#contenu #discipline .articles .redaction {margin:10px; background-color:#bbd2ed; padding:10px; background-image:url(../images/bg_upload.png); border:1px solid #7380ba; position:relative;}
#contenu #discipline .articles .redaction p {width:323px; position:relative; margin:0 auto; text-align:center;}
#contenu #discipline .articles .redaction p a {display:block; width:323px; height:30px; background-image:url(../images/lien_redaction.png); background-repeat:no-repeat; color:#fff; text-decoration:none; font-weight:bold; line-height:30px;}
#contenu #discipline .articles .redaction p a:hover {color:#2c46b9; background-position:0 -30px;}

/* ---------------- Contenu thalassa ----------------- */

#bloc_general_thalassa {width:960px; position:relative; margin:0 auto; background-image:url(../images/thalassa/bg.png); background-repeat:no-repeat; height:710px;}

#bloc_general_prod {width:960px; position:relative; margin:0 auto; background:url(../images/thalassa/bg.png) no-repeat; background:url(../images/bg_prod.png) repeat-y;}
#bloc_general_prod .prod_top {background:url(../images/bg_prod_top.png) no-repeat; height:15px; width:960px;}
#bloc_general_prod .prod_bottom {background:url(../images/bg_prod_bottom.png) no-repeat; height:16px; width:960px;}

#bloc_general_thalassa .exploitation {position:relative; top:-40px; left:235px; display:block; font-size:0.8em; text-align:left; color:#555;}

#gauche_thalassa {width:280px; float:left;}
#gauche_thalassa h3 {}
#gauche_thalassa h3 span {position:absolute; left:-9999px;}
#gauche_thalassa p, #gauche h4 {padding:0 5px 0 65px;}
#gauche_thalassa h4 {padding-top:10px;}

#droite_thalassa {width:280px; float:right; border:1px solid #ccc; padding:0; margin:15px 15px 0 0;}
#droite_thalassa h3 {}
#droite_thalassa h3 span {position:absolute; left:-9999px;}

#droite_thalassa a.premier {background-image:url(../images/thalassa/thalassa_1.png); background-repeat:no-repeat; display:block; margin:0 auto; width:280px; height:49px;}
#droite_thalassa a.premier span, #droite_thalassa a.premier img {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.premier {background-position:0 -51px; height:161px;}
#droite_thalassa a:hover.premier span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block;}
#droite_thalassa a:hover.premier img {padding-top: 50px; position:relative; left:auto; margin:0 auto;}
#droite_thalassa a.premier h3 {position:absolute; left:-9999px;}
#droite_thalassa div.premier {background-image:url(../images/thalassa/thalassa_1.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.premier span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.premier img {padding-top: 50px; position:relative; display:block; margin:0 auto;}
#droite_thalassa div.premier h3 {position:absolute; left:-9999px;}

#droite_thalassa a.aventure {background-image:url(../images/thalassa/thalassa_2.png); background-repeat:no-repeat; display:block; margin:0 auto; width:280px; height:49px;}
#droite_thalassa a.aventure span, #droite_thalassa a.aventure img {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.aventure {background-position:0 -51px; height:161px;}
#droite_thalassa a:hover.aventure span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block;}
#droite_thalassa a:hover.aventure img {padding-top: 50px; position:relative; left:auto; margin:0 auto;}
#droite_thalassa a.aventure h3 {position:absolute; left:-9999px;}
#droite_thalassa div.aventure {background-image:url(../images/thalassa/thalassa_2.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.aventure span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.aventure img {padding-top: 50px; position:relative; display:block; margin:0 auto;}
#droite_thalassa div.aventure h3 {position:absolute; left:-9999px;}

#droite_thalassa a.concours {background-image:url(../images/thalassa/thalassa_3.png); background-repeat:no-repeat; display:block; margin:0 auto; width:280px; height:49px;}
#droite_thalassa a.concours span, #droite_thalassa a.concours img {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.concours {background-position:0 -51px; height:161px;}
#droite_thalassa a:hover.concours span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block;}
#droite_thalassa a:hover.concours img {padding-top: 50px; position:relative; left:auto; margin:0 auto;}
#droite_thalassa a.concours h3 {position:absolute; left:-9999px;}
#droite_thalassa div.concours {background-image:url(../images/thalassa/thalassa_3.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.concours span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.concours img {padding-top: 50px; position:relative; display:block; margin:0 auto;}
#droite_thalassa div.concours h3 {position:absolute; left:-9999px;}

#droite_thalassa a.cahier {background-image:url(../images/thalassa/thalassa_4.png); background-repeat:no-repeat; display:block; margin:0 auto; width:280px; height:49px;}
#droite_thalassa a.cahier span, #droite_thalassa a.cahier img {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.cahier {background-position:0 -51px; height:161px;}
#droite_thalassa a:hover.cahier span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block;}
#droite_thalassa a:hover.cahier img {padding-top: 50px; position:relative; left:auto; margin:0 auto;}
#droite_thalassa a.cahier h3 {position:absolute; left:-9999px;}
#droite_thalassa div.cahier {background-image:url(../images/thalassa/thalassa_4.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.cahier span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.cahier img {padding-top: 50px; position:relative; margin:0 auto; display:block;}
#droite_thalassa div.cahier h3 {position:absolute; left:-9999px;}

#droite_thalassa a.etablissements {background-image:url(../images/thalassa/thalassa_6.png); background-repeat:no-repeat; display:block; margin:0 auto; width:280px; height:49px;}
#droite_thalassa a.etablissements span, #droite_thalassa a.etablissements img {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.etablissements {background-position:0 -51px; height:161px;}
#droite_thalassa a:hover.etablissements span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block;}
#droite_thalassa a:hover.etablissements img {padding-top: 50px; position:relative; left:auto; margin:0 auto;}
#droite_thalassa a.etablissements h3 {position:absolute; left:-9999px;}
#droite_thalassa div.etablissements {background-image:url(../images/thalassa/thalassa_6.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.etablissements span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.etablissements img {padding-top: 50px; position:relative; margin:0 auto; display:block;}
#droite_thalassa div.etablissements h3 {position:absolute; left:-9999px;}

#droite_thalassa div.tara {background-image:url(../images/thalassa/thalassa_5.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -51px; height:161px; text-align:left;}
#droite_thalassa div.tara span {padding: 50px 35px 35px 35px; position:relative; left:auto; display:block; color:#000;}
#droite_thalassa div.tara img {padding-top: 50px; position:relative; margin:0 auto; display:block;}
#droite_thalassa div.tara h3 {position:absolute; left:-9999px;}



#bloc_general .contenu {background-color:#fff; text-align:left; margin:0 345px 10px 0; border:1px solid #ccc; left:25px; position:relative;}
#bloc_general .contenu h2 {margin:15px;}
#bloc_general .contenu h3 {margin:15px; font-weight:normal; font-size:1.2em;}
#bloc_general .contenu p {margin:15px;}
#bloc_general .contenu .separation {height:1px; clear:both; width:500px;}
#bloc_general .contenu2 {background-color:#fff; text-align:left; width:960px; border:1px solid #ccc; margin:0 auto; position:relative;}
#bloc_general .contenu2 h2 {margin:15px;}
#bloc_general .contenu2 h3 {margin:15px; font-weight:normal; font-size:1.2em;}
#bloc_general .contenu2 p {margin:15px;}
#bloc_general .contenu2 .separation {height:1px; clear:both; width:500px;}
h3.titre {font-size:2em; font-weight:normal; text-align:left; height:100px; padding:10px;}
h3.titre img {float:left;}
h3.titre span {padding:25px 0 0 225px; display:block;}

#bloc_general .contenu table {border-collapse:collapse; font-size:0.8em; border:1px solid #35b5df; margin:10px;}
#bloc_general .contenu table thead {background-color:#35b5df; color:#fff; text-align:center; padding:10px 5px;}
#bloc_general .contenu table thead th {padding:10px 5px;}
#bloc_general .contenu table tr td {border-bottom:1px solid #35b5df; padding:10px 5px;}
#bloc_general .contenu table tr td.etape {color:#bf691d; font-weight:bold; background-color:#ffbf87; border-bottom:#e67e23 1px solid; font-size:1.2em;}

#bloc_general .contenu .cadre_bleu {background-color:#0085ff; border:1px solid #0063bf; color:#fff; padding:5px;}

#bloc_general_tara {width:960px; position:relative; margin:0 auto; background-image:url(../images/tara/bg.png); background-repeat:no-repeat; height:569px;}

#bloc_general_tara .contenu {text-align:left; margin:10px auto; width:920px;}

#bloc_general_tara .contenu .intro {opacity:0.8; -ms-filter:'alpha(opacity=80)'; filter:alpha(opacity=80); background-color:#fff; padding:15px; color:#000; border:#bbb 1px solid;}

#bloc_general_tara .contenu a.partie_1 {width:275px; background-image:url(../images/tara/bg_partie_1.png); background-repeat:repeat-y; position:relative; top:78px; float:left; margin:5px 15px; text-decoration:none;}
#bloc_general_tara .contenu a.partie_1 .top {width:275px; background-image:url(../images/tara/top_partie_1.png); background-repeat:no-repeat; height:78px; position:relative; top:-78px;}
#bloc_general_tara .contenu a.partie_1 .top h3 {color:#fff; font-weight:normal; width:215px; margin:0 auto; padding-top:78px; text-align:center;}
#bloc_general_tara .contenu a.partie_1 .bottom {width:275px; background-image:url(../images/tara/bottom_partie_1.png); background-repeat:no-repeat; height:10px; position:relative; top:10px;}
#droite_thalassa a.partie_1 {background-image:url(../images/tara/menu_partie_1.png); background-repeat:no-repeat; display:block; margin:0 auto; width:275px; height:84px;}
#droite_thalassa a.partie_1 span {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.partie_1 {background-position:0 -85px; height:196px;}
#droite_thalassa a:hover.partie_1 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold;}
#droite_thalassa a.partie_1 h3 {position:absolute; left:-9999px;}
#droite_thalassa div.partie_1 {background-image:url(../images/tara/menu_partie_1.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -84px; height:196px; text-align:left;}
#droite_thalassa div.partie_1 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold; color:#000;}
#droite_thalassa div.partie_1 h3 {position:absolute; left:-9999px;}

#bloc_general_tara .contenu a.partie_2 {width:275px; background-image:url(../images/tara/bg_partie_2.png); background-repeat:repeat-y; position:relative; top:78px; float:left; margin:5px 15px; text-decoration:none;}
#bloc_general_tara .contenu a.partie_2 .top {width:275px; background-image:url(../images/tara/top_partie_2.png); background-repeat:no-repeat; height:78px; position:relative; top:-78px;}
#bloc_general_tara .contenu a.partie_2 .top h3 {color:#fff; font-weight:normal; width:215px; margin:0 auto; padding-top:78px; text-align:center;}
#bloc_general_tara .contenu a.partie_2 .bottom {width:275px; background-image:url(../images/tara/bottom_partie_2.png); background-repeat:no-repeat; height:10px; position:relative; top:10px;}
#droite_thalassa a.partie_2 {background-image:url(../images/tara/menu_partie_2.png); background-repeat:no-repeat; display:block; margin:0 auto; width:275px; height:84px;}
#droite_thalassa a.partie_2 span {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.partie_2 {background-position:0 -84px; height:196px;}
#droite_thalassa a:hover.partie_2 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold;}
#droite_thalassa a.partie_2 h3 {position:absolute; left:-9999px;}
#droite_thalassa div.partie_2 {background-image:url(../images/tara/menu_partie_2.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -84px; height:196px; text-align:left;}
#droite_thalassa div.partie_2 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold; color:#000;}
#droite_thalassa div.partie_2 h3 {position:absolute; left:-9999px;}


#bloc_general_tara .contenu a.partie_3 {width:275px; background-image:url(../images/tara/bg_partie_3.png); background-repeat:repeat-y; position:relative; top:78px; float:left; margin:5px 15px; text-decoration:none;}
#bloc_general_tara .contenu a.partie_3 .top {width:275px; background-image:url(../images/tara/top_partie_3.png); background-repeat:no-repeat; height:78px; position:relative; top:-78px;}
#bloc_general_tara .contenu a.partie_3 .top h3 {color:#fff; font-weight:normal; width:215px; margin:0 auto; padding-top:78px; text-align:center;}
#bloc_general_tara .contenu a.partie_3 .bottom {width:275px; background-image:url(../images/tara/bottom_partie_3.png); background-repeat:no-repeat; height:10px; position:relative; top:10px;}
#droite_thalassa a.partie_3 {background-image:url(../images/tara/menu_partie_3.png); background-repeat:no-repeat; display:block; margin:0 auto; width:275px; height:84px;}
#droite_thalassa a.partie_3 span {position:absolute; left:-9999px; color:#000; text-align:left;}
#droite_thalassa a:hover.partie_3 {background-position:0 -83px; height:196px;}
#droite_thalassa a:hover.partie_3 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold;}
#droite_thalassa a.partie_3 h3 {position:absolute; left:-9999px;}
#droite_thalassa div.partie_3 {background-image:url(../images/tara/menu_partie_3.png); background-repeat:no-repeat; display:block; margin:0 auto; background-position:0 -84px; height:196px; text-align:left;}
#droite_thalassa div.partie_3 span {padding: 100px 35px 35px 35px; position:relative; left:auto; display:block; font-weight:bold; color:#000;}
#droite_thalassa div.partie_3 h3 {position:absolute; left:-9999px;}


#bloc_general_tara .contenu a:hover.partie_1 h3, #bloc_general_tara .contenu a:hover.partie_2 h3, #bloc_general_tara .contenu a:hover.partie_3 h3 {color:#aa2222;}

h3.titre_tara {font-size:2em; font-weight:normal; text-align:left; height:100px; padding:10px;}
h3.titre_tara img {float:left; margin:10px 0 0 10px;}
h3.titre_tara span {padding:25px 0 0 225px; display:block;}
h3.titre_aefe {font-size:2em; font-weight:normal; text-align:left; height:111px;}
h3.titre_aefe img {float:left; margin:0 0 0 10px;}
h3.titre_aefe span {padding:50px 0 0 175px; display:block;}

a.lien_concours {width:300px; background-color:#16599f; display:block; margin:25px auto; padding:15px; text-align:center; font-weight:bold; color:#fff; font-size:0.8em; text-decoration:none; border:1px solid #16599f;}
a:hover.lien_concours {background-color:#fff; color:#16599f;}

.contenu .formulaire {width:600px; margin:0 auto;}
.contenu fieldset {width:600px; border:1px solid #ccc; margin:0 auto; padding-bottom:10px;}
.contenu fieldset legend {padding:10px 15px; margin-left:10px; font-size:1.2em; background-color:#444; color:#fff;}
.contenu fieldset label {font-weight:bold; width:225px; display:block; float:left; text-align:right; padding-right:10px; margin-top:8px; font-size:0.8em;}
.contenu fieldset .binome {width:500px; border:#ccc 1px dashed; margin:10px auto; padding:10px;}
.contenu fieldset .binome span {display:block; background-color:#fff; width:200px; margin:-20px 0 5px 10px; text-align:center;}
.contenu input.texte, #inscription .formulaire select.texte {border:1px #7f9db9 solid; padding:2px; width:175px; margin-top:8px;}
.contenu .submit {margin:25px auto; width:200px; display:block; border:0; padding:10px; background-color:#005cb8; cursor:pointer; color:#fff; font-weight:bold;}
.contenu .erreur, .contenu fieldset span.erreur {font-weight:bold; display:block; width:450px; color:#b92631; background-color:#f9d790; border:1px solid #f7ac15; margin:15px auto 0 auto; padding:10px; font-size:0.8em;}

a.tara_junior {display:block; width:164px; height:120px; background:url(../images/tara_junior.png) no-repeat; float:left; position:relative; top:-10px; left:-10px;}
a:hover.tara_junior {background-position:0 -120px;}

a.actu {background:url(../images/calendar.png) no-repeat #eee; background-position:10px 0; padding:15px 0 15px 65px; display:block; width:200px; border:1px solid #ddd; color:#555; text-decoration:none; font-weight:bold;}
a:hover.actu { background:url(../images/calendar.png) no-repeat #ddd; border:1px solid #ccc; background-position:10px 0;}

.prm {padding:10px 10px 10px 220px; border:1px solid #ddd; background: url(../images/LogoRencontresAEFE-OK.png) no-repeat #eee; background-position:10px 10px;}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 0 75px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/150% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.green {
	color: #d9eef7;
	border: solid 1px #42802a;
	background: #4b9130;
	background: -webkit-gradient(linear, left top, left bottom, from(#71d948), to(#4b9130));
	background: -moz-linear-gradient(top,  #71d948,  #4b9130);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#71d948', endColorstr='#4b9130');
}
.green:hover {
	background: #60914d;
	background: -webkit-gradient(linear, left top, left bottom, from(#59ab38), to(#315e1f));
	background: -moz-linear-gradient(top,  #59ab38,  #315e1f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ab38', endColorstr='#315e1f');
}
.green:active {
	color: #80d68a;
	background: -webkit-gradient(linear, left top, left bottom, from(#4b9130), to(#71d948));
	background: -moz-linear-gradient(top,  #4b9130,  #71d948);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b9130', endColorstr='#71d948');
}


.contenu2 form {margin:15px 0 15px 0;}
.contenu2 span.libelle {display:block; float:left; width:150px; text-align:right; padding-right:15px; height:35px; line-height:45px;}
.contenu2 input {height:20px; margin:10px 0; width:257px;}
.contenu2 select {height:25px; margin:10px 0; width:262px; padding:2px;}
.contenu2 textarea {margin:10px 0;}
.contenu2 .submit {margin:10px 0; padding:10px; height:auto; margin-left:168px; background-color:#09389b; border:0; color:#fff; font-weight:bold; cursor:pointer;}
.contenu2 .jsvalidation {margin-left:10px; border:1px solid #d80e0e; color:#d80e0e; background-color:#ffc4c4; padding:10px;}
.contenu2 a.redaction {background:url(../images/edit.png) no-repeat; background-position:0 0; width:25px; height:25px; display:block; float:right; outline:none; margin:10px 10px 0 0;}
.contenu2 a:hover.redaction {background-color:#ccc;}
.contenu2 a.redaction span {position:absolute; left:-9999px;}