/* CSS Document 
     ******       ******
   **********   **********
 ************* *************
*****************************
*****************************
*****************************
 ***************************
   ***********************
     *******************
       ***************
         ***********
           *******
             ***
              *
*/
*{margin:0; padding:0}
body{ background:url(../images/fond-site.jpg) repeat-x left top;font-family:Arial, Helvetica, sans-serif;}
h1,h2, hr{ display:none}
form{ margin:0 0 20px 0}
a{ text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
#accessibilite { display:none}
.txt-courant{ font-size:11px; color:#333333}

/*--------------------------------------------------
------------------< STRUCTURE >---------------------
--------------------------------------------------*/
#global{ width:995px; margin:0 auto}
#haut{ height:101px}
#logo{width:497px; height:101px; float:left}
#actu{ background:url(../images/bg_actu.jpg) no-repeat left top;width:498px; height:101px; float:left}
#actus{padding:82px 0 0 48px; width:80px; height:12px; float:left}
#panier{width:80px; height:12px; float:left; padding:82px 20px 0 35px}
#actu p a{font-size:12px; color:#FFF}
#actu p a:hover{font-size:12px; color:#fb9700}
#icone{ float:right; padding:20px 45px 0 0}

/*--------------------------------------------------
------------------< BANDEAU >---------------------
--------------------------------------------------*/
#header{ background:url(../images/bg_header.jpg) no-repeat left top; height:297px}

/*--------------------------------------------------
------------------< espace enseignant >---------------------
--------------------------------------------------*/
#formenseignant {padding:40px 0 0 320px;height:38px;font-size:10px; color:#f4ebcf}
#formenseignant legend{ display:none}
#formenseignant fieldset{ border:none} 
#formenseignant div{ float:left}
#formenseignant input{ margin:0 15px 0 0}
.bt_ok{background:url(../images/ok.gif) no-repeat left top; height:25px; width:47px; text-indent:-9999px}
#ok a{ background:url(../images/ok.gif) no-repeat left top; display:block; height:25px; width:47px; text-indent:-9999px}
#ok a:hover{ background:url(../images/ok.gif) no-repeat left bottom;}
#pass a{ background:url(../images/pass-oublie.gif) no-repeat left top; display:block; height:25px; width:47px; text-indent:-9999px}
#pass a:hover{ background:url(../images/pass-oublie.gif) no-repeat left bottom;}

/*--------------------------------------------------
------------------< menu >---------------------
--------------------------------------------------*/
#menu { margin-left:65px;float:left; font-size:12px; color:#c65d04;display:inline}
#menu a{color:#c65d04; font-size:12px;}
#menu ul li{ display:inline;list-style-type:none}
#menu li a{ float:left; padding:0 15px 0 15px;display:block; border-right:1px dotted #c65d04;width:auto}

/*--------------------------------------------------
------------------< blocs bandeau >---------------------
--------------------------------------------------*/
#blocs{ float:left; width:100%} 
#interactif{ background:url(../images/bg_interactif.jpg) no-repeat top left; width:289px; height:134px; margin:43px 0 0 40px; float:left; display:inline} 
#interactif ul,li{ font-size:10px; color:#8d856d; width:200px}
#interactif span{ font-size:11px}
#interactif ul{ padding: 30px 0 0 10px;float:left}
#interactif li{ display:block; background:url(../images/fleche.gif) no-repeat left top;padding-left:13px;height:12px}
.img1{ padding-top:10px}
#contact{ background:url(../images/bg_contact.jpg) no-repeat top left; width:300px; height:134px; float:left;margin:43px 0 0 0}
#contact span{ font-size:11px}
#contact a{font-size:10px; color:#8d856d}
#contact p{ font-size:10px; color:#8d856d; width:200px;padding: 30px 0 0 45px}
/*--------------------------------------------------
------------------< wrapper >---------------------
--------------------------------------------------*/
#wrapper{ padding:0 0 10px 0;width:995px; float:left;font-size:11px; color:#333333; width:995px;background:url(../images/bg_page.gif) repeat-y top left}
#titre{ height:44px}
#contenu{float:left; width:975px }
#contenu a{ color:#c96004}
#contenu span{color:#c96004}
.img2{padding:0 20px 20px 40px; float:left}
#texte{ float:left;text-align:justify; padding:0 0px 20px 0; width:620px}
#liste{padding:0 20px 20px 40px; float:left; height:auto; width:134px;}
.annuaire{ background:#ddd6cc;width:238px; height:107px; border:solid 1px #aca396; float:left; margin:0 20px 20px 0; display:inline}
.annuaire dl{ margin:10px}
.annuaire dt{ color:#8e3f07}
.annuaire dd span{color:#f18d01}
.bouton{ padding:5px 0 0 0;}

.texte-inscription{ padding:0 15px 0 40px;width:400px; float:left}
.texte-inscription span{ font-size:12px;color:#8e3f07}
#forminscription { width:520px; padding:20px 0 0 0px;font-size:10px; color:#333; float:left}
#forminscription legend{ display:none}
#forminscription fieldset{ border:none}
#forminscription div{margin: 0 10px 5px 135px}
#forminscription label{margin:0 5px 0 0px;display:block; width:100px; float:left;text-align:right}
#forminscription input{border:#999 1px solid;color:#333;font-size:95%;}
#forminscription textarea{border:#999 1px solid;color:#333;width:168px;font-size:1.1em;}
#forminscription input:focus, textarea:focus{background:#f1dcbb}
#forminscription input.submit{margin: 0 0 0 106px;background:#f1dcbb;}
#forminscription input.submit:hover{background:#f1dcbb; cursor:pointer}

#questions{ float:left; margin: 20px 20px 20px 40px; color:#c55b04; width:300px}
#questions a{color:#c55b04; line-height:150%}
#reponses{ float:left; margin: 20px 20px 20px 20px;color:#c55b04; width:550px}
#reponses span{ color:#333}
#reponses a{ color:#333; line-height:150%}

#formcontact { width:520px; padding:20px 0 0 220px;font-size:10px; color:#333; float:left}
#formcontact legend{ display:none}
#formcontact fieldset{ border:none}
#formcontact div{margin: 0 10px 5px 135px}
#formcontact label{margin:0 5px 0 0px;display:block; width:100px; float:left;text-align:right}
#formcontact input{border:#999 1px solid;color:#333;font-size:95%;}
#formcontact textarea{border:#999 1px solid;color:#333;width:168px;font-size:1.1em;}
#formcontact input:focus, textarea:focus{background:#f1dcbb}
#formcontact input.submit{margin: 0 0 0 106px;background:#f1dcbb;}
#formcontact input.submit:hover{background:#f1dcbb; cursor:pointer}

#membre{ float:left; width:420px; margin:10px 30px 10px 40px; display:inline}
#membre span{ color:#c55b04}
#pasmembre{float:left; width:460px; margin:10px 0 0 0}

#formfamille{width:420px;font-size:10px; color:#333; float:left; padding: 0 0 10px 0}
#formfamille div{ padding:0 5px 5px 35px}
#formfamille legend{ color:#a89e7f}
#formfamille fieldset{padding: 20px; border:#cdc4b4 1px solid}
#formfamille label{margin:0 5px 0 0px;display:block; width:100px; float:left;text-align:right}
#formfamille input{border:#999 1px solid;color:#333;font-size:95%; width:150px}
#formfamille input:focus, textarea:focus{background:#f1dcbb}
#formfamille input.submit{margin: 0 0 0 106px;background:#f1dcbb; float:left; width:80px}
#formfamille input.submit:hover{background:#f1dcbb; cursor:pointer}
#oubli a{ display:block;margin:0 0 0 10px; float:left}

#videos{ float:left; width:232px;margin:0 15px 0 0; clear:both}
#videos2{ float:left;margin:0 10px 0px 40px}
#minscrire{ float:left; width:205px}

#liste-videos{ float:left;color:#c55b04; padding:10px 10px 0 40px; text-align:left}
#liste-videos a{color:#c55b04; line-height:150%}
#liste-videos span{color:#333}
.telechargement{margin:10px 40px 10px 25px;float:right; min-height:100px;width: 290px;border: 1px solid #a89e7f; background:#e7decf; display:inline;padding:0 0 10px 0}
.telechargement dt{color:#c55b04; font-size:12px; padding:10px 0 5px 0}
.telechargement dd{color:#333; font-size:11px}
.prix{padding: 5px 0 10px 0; color:#8d3e07}
.img3{ margin:10px 10px 0 10px; border:#a89e7f 1px solid; float:left;}

/*--------------------------------------------------
------------------< Espace famille loguée >---------------------
--------------------------------------------------*/

#formfamilleconnect{font-size:11px; color:#333;margin:35px 0 0 25px; width:230px}
#formfamilleconnect span{font-size:10px}
#formfamilleconnect legend{ display:none}
#formfamilleconnect fieldset{ border:none}
#formfamilleconnect input{color:#333;font-size:95%; width:150px}
#formfamilleconnect input:focus, textarea:focus{background:#f1dcbb}
#formfamilleconnect input.submit{margin: 10px 0 0 0;float:left; width:80px}
#formfamilleconnect input.submit:hover{cursor:pointer}

#esp-menu{ background:url(../images/bg_menu-interactif.gif) no-repeat top left; width:300px; height:134px; float:left;margin:43px 0 0 0}
#esp-menu a{font-size:11px; color:#544f3e; line-height:140%}
#esp-menu p{width:200px;padding: 30px 0 0 45px}
.texte-home{ padding:10px 0 10px 40px; float:left; width:360px}
.texte-home p{ color:#FF0000}
.document{ float:right; width:247px; height:48px; margin:10px 30px 40px 10px; display:inline }
.document-txt{padding:10px 65px 5px 50px; float:right; text-align:center}
#espace{margin:10px 10px 10px 40px; width:900px}
.bloc-famille{ width:405px; height:124px; float:left; padding:10px 0px 10px 55px}
.icone{ float:left; width:51px; height:55px; margin:0 10px 0 0; border:#bab2a5 1px solid}
#liste-doc{ float:left; margin: 20px 0 10px 40px; color:#c55b04; width:300px;border:#bab2a5 1px solid;padding:10px; background:#e7decf; display:inline}
#liste-doc2{ float:left; margin: 20px 0 0 40px; color:#c55b04; width:230px;border:#bab2a5 1px solid;padding:10px; background:#e7decf; display:inline}
#liste-doc2 a{ color:#333}
#liste-doc a{ color:#333}
#facture-detail{ float:right; margin:20px 25px 0 10px;color:#c55b04; width:300px;border:#bab2a5 1px solid;padding:10px 10px 10px 10px; background:#e7decf;display:inline}
#facture-detail span{ color:#FF0000}
.liste-facture1{ float:left;margin:20px 5px 0 20px;color:#c55b04; width:200px;border:#bab2a5 1px solid;padding:10px; line-height:130%;display:inline}
.img4{border:#bab2a5 1px solid; margin:10px 10px 10px 0}
#liste-videos2{color:#c55b04;margin:20px 0 0 40px; width:230px; border:#bab2a5 1px solid;padding:10px; float:left;display:inline}
#liste-videos2 span{ color:#333333}
.telechargement2{margin:20px 20px 10px 10px;float:right; min-height:100px;width: 290px;border: 1px solid #a89e7f; background:#e7decf; display:inline;padding:0 0 10px 0}
.telechargement2 dt{color:#c55b04; font-size:12px; padding:10px 0 5px 0}
.telechargement2 dd{color:#333; font-size:11px}
#bloc-video{ float:left; width:660px; display:inline}
#bloc-menu{ float:left; width:300px;display:inline}
#bloc-coordonnees{ float:left;width:550px;border:#bab2a5 1px solid;padding:10px;margin:20px 10px 20px 20px; background:#e6e0d8; display:inline}
#bloc-famille{float:left;width:497px;border:#bab2a5 1px dotted ;padding:10px; margin:10px 10px 10px 15px; background:#f0eae1;display:inline}
#bloc-famille span{color:#c55b04}
.enfant{float:left;width:225px;border:#bab2a5 1px dotted ;padding:10px; margin:10px 10px 10px 15px; background:#f0eae1;display:inline}

/*--------------------------------------------------
------------------< Espace enseignant logué >---------------------
--------------------------------------------------*/
#esp-menu2{ background:url(../images/bg_menu-enseignant.gif) no-repeat top left; width:300px; height:134px; float:left;margin:43px 0 0 0}
#esp-menu2 a{font-size:11px; color:#544f3e; line-height:140%}
#esp-menu2 p{width:200px;padding: 30px 0 0 45px}
.bloc-enseignant{ width:295px; height:115px; float:left; margin:20px 5px 20px 0}
.liste-paye{ float:left;margin:20px 5px 0 20px;color:#c55b04; width:200px;border:#bab2a5 1px solid;padding:10px; line-height:130%;display:inline}
#paye-detail{ float:right; margin:20px 25px 0 10px;color:#c55b04; width:300px;border:#bab2a5 1px solid;padding:10px 10px 10px 10px; background:#e7decf;display:inline}
#paye-detail span{ color:#FF0000}

#formpresence{font-size:11px; color:#333;margin:20px 60px 0 10px; width:500px; float:right; display:inline}
#formpresence span{font-size:10px}
#formpresence div{ padding:0 5px 5px 70px; width:280px}
#formpresence legend{ color:#a89e7f}
#formpresence fieldset{padding: 20px; border:#cdc4b4 1px solid}
#formpresence label{margin:0 5px 0 0px;display:block; width:100px; float:left;text-align:right}
#formpresence input{border:#999 1px solid;color:#333;font-size:95%; width:150px}
#formpresence input:focus, textarea:focus{background:#f1dcbb}
#formpresence input.submit{margin: 0 0 0 82px;background:#f1dcbb; float:left;}
#formpresence input.submit:hover{background:#f1dcbb; cursor:pointer}
#formpresence select{border:#999 1px solid;color:#333;font-size:95%; width:150px}

#formpresence #date, #formpresence #duree {padding:0 0 20px 0; float:left; width:200px}
#date{display:inline}
#formpresence #date div, #formpresence #duree div{ float:left;padding:0 5px 5px 0; width:200px}
#date input{border:#999 1px solid;color:#333;font-size:95%; width:80px}
#duree input{border:#999 1px solid;color:#333;font-size:95%; width:30px}
#total {margin:0 0 0 0px}
#total span{ color:#FF0000; font-size:11px}
#total input{width:50px; color:#FF0000}

#liste-presence{ float:left;margin:20px 25px 20PX 20px;color:#c55b04; width:200px;border:#bab2a5 1px solid;padding:10px; line-height:130%;display:inline}
#presence-detail{ float:left; margin:20px 20px 0 0;color:#c55b04; width:300px;border:#bab2a5 1px solid;padding:10px 10px 10px 10px; background:#e7decf;display:inline}
#presence-detail span{ color:#FF0000}

.img4{margin:10px 10px 10px 0; border:#b3a896 1px solid; float:left}
.actu{margin:10px 0 0 0}
.actuhr{ display:inline}
#mentions{margin: 0 0 0 40px}
/*--------------------------------------------------
------------------< footer >---------------------
--------------------------------------------------*/
#footer{ background:url(../images/bg_footer.gif) no-repeat top left; height:59px; clear:both}
#footer p{ font-size:11px; color:#8d856d; padding:12px 0 0 35px; float:left}
#paiement{ float:left; margin:0 0 0 170px}
#footer a{ font-size:11px; color:#8d856d}


/*----------------------Compteurs-----------------*/
#compteur-pages{ width:683px; float:left; margin:10px 0 10px 100px; font-size:11px}
#compteur-pages a {  text-decoration:none }
#compteur-pages  a:hover { text-decoration:underline}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:215px}
#compteur-page1 a { margin:0 0 0 15px}
#compteur-page2{text-align:center;width:215px}
#compteur-page3{text-align:right;width:215px;margin:0 0 0 20px}


#reponses ul li,#contenu ul li{ color:#000;font-size:11px;margin:0 0 0 10px;}
#reponses li {
/*display: block;*/
display:inline;list-style-type:none;
background-color: transparent;
background-image: url(../images/fleche.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
padding-left: 13px;
height: 12px;
}
#contenu li {
/*display: block;*/
list-style-type:none;
background-color: transparent;
background-image: url(../images/fleche.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
padding-left: 13px;
height: 12px;
}