@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;}

.brouillon {background:#efefef; border:5px solid #fff; position:absolute; margin:-390px 100px 50px 100px; z-index:100; width:669px; font-size:1.2em; text-align:center; padding:50px; opacity:0.8; -ms-filter:'alpha(opacity=80)'; filter:alpha(opacity=80); color:#CC0033;}
.video {margin:15px auto; width:500px;}

/* ---------------- En-tête ----------------- */

#head {background:#fff; border:solid 1px #ccc; height:136px; margin:10px auto; position:relative; width:969px;}

#head .titre {width:969px; margin:0 auto; text-align:left; position:relative;}
#head .titre .logo {background-image:url(../images/logo.png); width:145px; height:98px; display:block; float:left; margin:18px 0 0 10px; background-repeat:no-repeat;}
#head .titre h1 {width:375px; height:70px; background-image:url(../images/h1.png); background-repeat:no-repeat; margin: 0 0 0 330px; background-position:0 50px;}
#head .titre h1 span, #head .titre h2 span {position: absolute; left:-9999px;}

#head .titre .menu_secondaire {float:right; width:227px; height:116px; text-align:right; position:relative; margin:8px;}
#head .titre .menu_secondaire ul {margin:0 0 5px 0;}
#head .titre .menu_secondaire ul li a {color:#444; display:block; width:227px; text-decoration:none;}
#head .titre .menu_secondaire ul li {background-repeat:no-repeat; background-position:224px 6px;}
#head .titre .menu_secondaire ul li a span {display:block; padding:1px 10px 1px 0;}

#head .titre .menu_secondaire ul li.inscription {background-image:url(../images/bg_inscription.png);}
#head .titre .menu_secondaire ul li.inscription a:hover span, #head .titre .menu_secondaire ul li.inscription.active a span {background-color:#ffb400; color:#fff; padding:1px 10px 1px 0;}

#head .titre .menu_secondaire ul li.anciens_eleves {background-image:url(../images/bg_anciens_eleves.png);}
#head .titre .menu_secondaire ul li.anciens_eleves a:hover span, #head .titre .menu_secondaire ul li.anciens_eleves.active a span {background-color:#12d51b; color:#fff; padding:1px 10px 1px 0;}

#head .titre .menu_secondaire ul li.aefe {background-image:url(../images/bg_aefe.png);}
#head .titre .menu_secondaire ul li.aefe a:hover span, #head .titre .menu_secondaire ul li.aefe.active a span {background-color:#eb6706; color:#fff; padding:1px 10px 1px 0;}

#head .titre .menu_secondaire ul li.contact {border-bottom:1px dashed #444; padding-bottom:10px; background-image:url(../images/bg_liens_utiles.png);}
#head .titre .menu_secondaire ul li.contact a:hover span, #head .titre .menu_secondaire ul li.contact.active a span {background-color:#12b3d5; color:#fff; padding:1px 10px 1px 0;}

#head .titre .menu_secondaire ul li.contributeurs {background-image:url(../images/bg_contributeurs.png);}
#head .titre .menu_secondaire ul li.contributeurs a:hover span, #head .titre .menu_secondaire ul li.contributeurs.active span {background-color:#7212d5; color:#fff; padding:1px 10px 1px 0;}


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

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


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

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


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

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

#contenu a.tv {display:block; width:100px; height:113px; background:url(../images/tv.png); position:absolute; z-index:10; top:-190px; right:50px; outline:none;}
#contenu a:hover.tv {background-position:0 113px;}
#contenu a.tv span {position:absolute; left:-9999px;}
.flash {}

.separation {width:5px; clear:both; height:1px;}
.separation2 {width:1px; clear:right; height:1px;}


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

#contenu #menu {width:240px; float:left; position:relative; background:url(../images/bg_menu_jaune.png) repeat-y;}
#contenu #menu h3 {background:url(../images/titre_menu.png) no-repeat; width:240px; height:45px;}
#contenu #menu h3 span {position:absolute; left:-9999px;}
#contenu #menu .footer {background:url(../images/footer_menu.png) no-repeat; width:240px; height:4px; position:relative;}
#dhtmlgoodies_slidedown_menu li {list-style-type:none; position:relative;}
#dhtmlgoodies_slidedown_menu ul {margin:0; padding:0; position:relative;}
#dhtmlgoodies_slidedown_menu div {margin:0; padding:0;}
#dhtmlgoodies_slidedown_menu {width:220px; margin:0 10px;}
#dhtmlgoodies_slidedown_menu a {color: #444; text-decoration:none; display:block; clear:both; width:200px; padding:5px 10px; outline:none; cursor:pointer;}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 {margin-top:10px; border-bottom:1px dotted #888; font-weight:bold;}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 {margin-top:1px;}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 {margin-top:1px; font-style:italic; color:blue;}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 {margin-top:1px; color:red;}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5 {margin-top:1px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul {padding:1px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul {margin-left:10px; padding:1px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul {margin-left:10px; padding:1px;}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul {margin-left:15px; padding:1px;}

#contenu #mot {width:487px; background:url(../images/bg_mot.png) repeat-y; margin: 0 240px; color:#fff;}
#contenu #mot h3 {background:url(../images/titre_mot.png) no-repeat; width:487px; height:45px;}
#contenu #mot h3 span {position:absolute; left:-9999px;}
#contenu #mot img {margin:5px auto; width:212px; position:relative; padding:5px 12px; float:left;}
#contenu #mot p {padding:0 10px; margin:5px 0;}
#contenu #mot .separation {height:1px; width:200px; clear:both;}
#contenu #mot .footer {background:url(../images/footer_mot.png) no-repeat; width:487px; height:4px; position:relative;}

#contenu #prm {width:487px; background:url(../images/bg_mot.png) repeat-y; margin: 0 240px; color:#fff;}
#contenu #prm h3 {background:url(../images/titre_prm.png) no-repeat; width:487px; height:45px;}
#contenu #prm h3 span {position:absolute; left:-9999px;}
#contenu #prm img {margin:5px auto; width:212px; position:relative; padding:5px 12px; float:left;}
#contenu #prm p {padding:0 10px; margin:5px 0;}
#contenu #prm .separation {height:1px; width:200px; clear:both;}
#contenu #prm .footer {background:url(../images/footer_mot.png) no-repeat; width:487px; height:4px; position:relative;}

#contenu #centre {float:right; width:240px; position:relative;}

#contenu #centre #actus {background-image:url(../images/bg_actus.png); position:relative; margin:0 auto;}
#contenu #centre #actus h3 {background:url(../images/titre_actus.png) no-repeat; width:240px; height:45px;}
#contenu #centre #actus h3 span {position:absolute; left:-9999px;}
#contenu #centre #actus .footer {background-image:url(../images/footer_actus.png); width:240px; height:4px; position:relative;}

#contenu #centre #actus 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;}
#contenu #centre #actus a:hover.redaction {background-color:#ccc;}

#contenu #centre #actus ul {margin:10px 15px;}
#contenu #centre #actus li {margin:10px 0;}
#contenu #centre #actus ul a {display:block; padding:5px; width:200px; outline:none; text-decoration:none; border-bottom:1px dotted #ccc;}
#contenu #centre #actus ul a:hover {background:#3675f5; border-bottom:1px dotted #3675f5;}
#contenu #centre #actus ul a span {color:#3675f5; font-weight:normal; font-size:0.8em;}
#contenu #centre #actus ul a:hover span {color:#fff;}
#contenu #centre #actus ul a span.date {color:#444; font-weight:normal; font-size:0.6em; float:right; display:block; width:150px; padding:5px 0; text-align:right;}
#contenu #centre #actus ul a:hover span.date {color:#fff;}


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

#contenu #bloc_central {width:731px; background-image:url(../images/bg_pedagogie.png); margin:0 0 0 240px; position:relative;}
#contenu #bloc_central_2 {width:975px; background-image:url(../images/bg_pedagogie_2.png); margin:0 auto; position:relative;}
#contenu h3.vide {background-image:url(../images/titre_vide.png); width:731px; height:45px; text-align:center; font-size:1em;}
#contenu h3.vide_2 {background-image:url(../images/titre_vide_2.png); width:975px; height:45px; text-align:center;}
#contenu h3.vide span, #contenu h3.vide_2 span {display:block; padding:10px 0 0 0; font-weight:normal; font-size:1.3em;}
#contenu form .erreur {background-color:#d93f18; display:block; width:auto; padding:5px 15px; position:relative; margin:5px auto; border:1px solid #bb2600; color:#fff;}
#contenu .attache {border-top: dotted 3px #ccc; margin:15px; padding-top:5px;}
#contenu p {margin:10px 25px;}

#contenu a.mediatheque {background:url(../images/image.png) no-repeat; width:48px; height:48px; display:block; float:right; margin:15px;}
#contenu a.mediatheque:hover {background-position:0 -46px;}
#contenu a.mediatheque span {position:absolute; left:-9999px;}
#contenu a.redaction {background:url(../images/edit.png) no-repeat; width:48px; height:48px; display:block; float:right; margin:15px;}
#contenu a.redaction span {position:absolute; left:-9999px;}

#contenu form {margin:15px 0 15px 0;}
#contenu span.libelle {display:block; float:left; width:150px; text-align:right; padding-right:15px; height:35px; line-height:45px;}
#contenu input {height:20px; margin:10px 0; width:257px;}
#contenu select {height:25px; margin:10px 0; width:262px; padding:2px;}
#contenu textarea {margin:10px 0;}
#contenu .submit {margin:10px 0; padding:10px; height:auto; margin-left:168px; background-color:#09389b; border:0; color:#fff; font-weight:bold; cursor:pointer;}
#contenu .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:731px; height:4px; position:relative;}
#contenu #bloc_central_2 .footer {background-image:url(../images/footer_pedagogie_2.png); width:975px; height:4px; position:relative;}

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

#contenu .redaction form {margin:10px; padding:10px;}
#contenu .redaction h3.article {background-image:url(../images/titre_sciences.png); width:971px; height:42px;}
#contenu .redaction h3.article span {position:absolute; left:-9999px;}
#contenu .redaction form p span {display:block; float:left; width:235px; text-align:right; padding:0 15px 0 0; font-weight:bold;}
#contenu .redaction form p input {margin:0; padding:0;}
#contenu .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 .redaction form.img, #contenu .redaction .img_validation, #contenu .redaction form.doc, #contenu .redaction .doc_validation {float:left; width:425px; border:1px solid #b2cded; background-color:#d5e0ed; margin:10px; padding:10px;}
#contenu .redaction form.img p span, #contenu .redaction form.doc p span  {display:block; float:left; width:125px; text-align:right; padding:0 15px 0 0; font-weight:bold;}
#contenu .redaction form.img input, #contenu .redaction form.doc input  {width:225px;}
#contenu .redaction form.img .submit, #contenu .redaction form.doc .submit  {margin-left:155px; background:#006aee; color:#fff;}

#contenu .redaction .mediatheque_image {border:1px solid #c7edb2; background-color:#deedd5; width:800px; margin:15px auto; position:relative;}
#contenu .redaction .mediatheque_image a.images_titre { font-size:1em; color:#444; text-decoration:none; display:block; margin:15px; font-size:1.2em;}
#contenu .redaction .mediatheque_image ul {margin:10px;}
#contenu .redaction .mediatheque_image ul li {float:left; width:105px; border:1px #ccc solid; margin:5px; text-align:center; display:block; padding:5px; height:125px; min-height:125px; background-color:#fff; position:relative;}
#contenu .redaction .mediatheque_image ul li img {width:100px; margin:0 auto; max-height:95px;}
#contenu .redaction .mediatheque_image ul li input {width:100px; margin:0 auto 5px auto;}
#contenu .redaction .mediatheque_image ul li a.image_cancel {display:block; position:absolute; width:25px; height:25px; background-image:url(../images/cancel2.png); top:110px; left:90px;}

#contenu .redaction .mediatheque_document {border:1px solid #c7edb2; background-color:#deedd5; width:800px; margin:15px auto; position:relative;}
#contenu .redaction .mediatheque_document a.images_titre { font-size:1em; color:#444; text-decoration:none; display:block; margin:15px; font-size:1.2em;}
#contenu .redaction .mediatheque_document ul {margin:10px;}
#contenu .redaction .mediatheque_document ul li {float:left; width:105px; border:1px #ccc solid; margin:5px; text-align:center; display:block; padding:5px; height:90px; min-height:90px; background-color:#fff; position:relative;}
#contenu .redaction .mediatheque_document ul li img {width:100px; margin:0 auto; max-height:95px;}
#contenu .redaction .mediatheque_document ul li input {width:100px; margin:0 auto 5px auto;}
#contenu .redaction .mediatheque_document ul li textarea {width:100px; margin:0 auto 5px auto; height:70px;}
#contenu .redaction .mediatheque_document ul li a.image_cancel {display:block; position:absolute; width:25px; height:25px; background-image:url(../images/cancel2.png); top:75px; left:90px; z-index:10;}

#projet_local fieldset {width:600px; border:1px solid #cecece; padding:15px; margin:10px auto; font-size:0.8em;}
#projet_local fieldset legend {background:#fff; padding:5px; margin:5px; font-size:1.5em;}
#projet_local fieldset span {display:block; float:left; width:325px; margin:5px; text-align:right;}
#projet_local fieldset input.texte {margin:5px; width:225px;}
#projet_local fieldset fieldset {width:500px; border:1px dashed #cecece; padding:15px; margin:10px auto; font-size:1em;}
#projet_local fieldset fieldset legend {background:#fff; padding:5px; margin:5px; font-size:1.2em; font-weight:bold;}
#projet_local fieldset fieldset span {display:block; float:left; width:275px; margin:5px; text-align:right;}
#projet_local fieldset fieldset input.texte {margin:5px; width:175px;}

.texte_dynamique {margin:0 15px 15px 15px;}
.texte_dynamique p {margin:5px 0;}
.texte_dynamique ul, .texte_dynamique ol {margin:5px 0 5px 15px;}
.texte_dynamique ul li {list-style-type:disc;}
.texte_dynamique ul li li {list-style:circle;}
.texte_dynamique ol li {list-style-type:decimal; font-size:0.8em;}


a.lien_diapo {display:block; width:210px; height:210px; background:url(../images/lien_diapo.png) no-repeat; background-position:0 -210px; margin-left:15px; float:left;}
a.lien_photos {display:block; width:210px; height:210px; background:url(../images/lien_photos.png) no-repeat; background-position:0 -210px; margin-left:15px; float:left;}
a.lien_documents {display:block; width:210px; height:210px; background:url(../images/lien_documents.png) no-repeat; background-position:0 -210px; margin-left:15px; float:left;}
a.lien_medias {display:block; width:210px; height:210px; background:url(../images/lien_medias.png) no-repeat; background-position:0 -210px; margin-left:15px; float:left;}
a:hover.lien_diapo, a:hover.lien_photos, a:hover.lien_documents, a:hover.lien_medias {background-position:0 0;}