/* CSS Document */

body {
    height: 100%;
    width:100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color:#ccccff;
  }


div#conteneur_haut {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 0;
    width: 800px;
    height: 200px;
    background: url(bandeau.png) no-repeat top;
behavior: url("win_png.htc");
  }


div#conteneur_principal {
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    padding: 0;
    width: 800px;
    font: 0.8em "Trebuchet MS", helvetica, sans-serif;
    background: url(conteneur_principal.png) repeat-y top;
    position: relative;
  }


div#gauche {
    float : left;
    padding: 0;
    margin: 0;
    width: 180px;
  }


div.contenaire_gauche {
    padding: 0;
    margin: 0;
    width: 180px;
    background: url(fond_menu_gauche.png) repeat-y top;
  }


div.pieds_menu_gauche {
    background: url(pieds_menu_gauche.png) no-repeat top;
    padding: 0;
    margin: 0;
    width: 180px;
    height:10px;
  }


div#droite {
    float:right;
    padding:0;
    margin:0px 0px 0px 0px;
  }


div#centre {
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    float :left;
  }


div.centre_droit {
    margin: 0px 20px 0px 20px;
    padding:0;
    float : left;
    width:390px;
  }


.cadre_logos {
    margin: 10px 10px 0 0;
  }


h1.centre_droit {
    margin:0 0 2em 0;
    padding:0;
    color: #cc6600;
    font-size: 2.3em;
    line-height: 1em;
    font-weight:bold;
    text-align:left;
    /*background: url(H1_centre.jpg) no-repeat left bottom;
    */;
  }

/* Style pour le menu spipien*/


div.menu_deroule {
    text-align:left;
    margin:0;
    padding:20px 0px 0px 0px;
  }


h1.menu_deroule {
    color: #bb5500;
    display:block;
    margin:0 0 0 25px;
    padding:0 0 0 0;
    height:36px;
    line-height:30px;
    font-weight:bold;
    font-size: 1.2em;
  }


h2.menu_deroule {
    line-height:30px;
    font-weight:bold;
    font-size: 1.5em;
    text-align:center;
    color: #bb5500;
  }


.affiche {
    visibility:visible;
    margin:0;
    padding:0;
  }


.cache {
    display:none;
    margin:0;
    padding:0;
  }

/***Racine***/


ul.racine {
    list-style:none;
    margin:0;
    padding:0;
  }


li.racine {
    background: url(puce_menu_gauche.png) no-repeat top left;
    margin:0;
    padding:0;
  }


a.lien_racine,a.lien_racineon {
    display:block;
    margin:0 0 0 25px;
    padding:0 0 0 0;
    height:36px;
    line-height:30px;
    font-weight:bold;
    font-size: 1.2em;
  }

a.lien_racine
{
color:#BB9576;
}

a.lien_racine:hover,a.lien_racineon:hover {
    margin:0 0 0 30px;
  }

/***Rubrique***/


ul.rubrique {
    list-style:none;
    margin:0 0 0 15px;
    padding:0;
  }


li.rubrique {
    margin:0;
    padding:0;
  }


a.lien_rubrique,a.lien_rubriqueon {
    display:block;
    margin:0 5px 0 10px;
    padding:0 0 0 0;
    font-weight:bold;
    font-size: 1em;
  }

a.lien_rubrique
{
color:#BB9576;
}

a.lien_rubriqueon,a.lien_rubriqueon:hover {
    margin-top:10px;
  }


a.lien_rubrique:hover,a.lien_rubriqueon:hover {
    margin-left: 15px;
  }

/*****Article****/



ul.article {
    list-style:none;
    margin:0 0 15px 10px;
    padding:0;
  }


li.article {
    margin:0;
    padding:0;
  }


a.lien_article,a.lien_articleon {
    display:block;
    margin:0 0 0 0px;
    padding:0 0 0 0;
    font-size: 1em;
    width:135px;
  }



.lien_article span {
    display:block;
    padding:0;
    margin:0 0 0 1.5em;
  }


.lien_article img {
    width:1.6em;
    margin:0;
    padding:0;
    border:0;
    position:relative;
    float:left;
  }


a.lien_article:hover,a.lien_articleon:hover {
    margin:0 0 0 10px;
  }

/*------------ FORUMS ----------*/


ul.forum-total,li.forum {
    list-style:none;
    margin:0 0 0 0;
    padding: 0 0 0 0;
  }


ul.forum-fil {
    list-style:none;
    margin:0 0 0 0;
    padding:0 0 0 30px;
  }


p.forum-total,p.forum-fil {
    text-align: justify;
    margin:0 10px 0 10px;
    padding: 0 0 0 0;
  }


div.forum-fil,div.forum-fil {
    margin:0 0 0 0;
    padding: 0 0 0 0;
  }


div.forum-chapo {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    display:block;
    height:72px;
    background: url(bandeau-forum.jpg) no-repeat top right;
  }


h1.forum-chapo {
    margin:0 0 0 0;
    padding: 5px 0 0 0;
    line-height:1em;
  }


div.forum-item {
    margin:0 0 10px 0;
    padding: 0 0 0 0;
    background: url(ligne-forum.jpg) repeat-y top right;
  }


div.forum-pieds {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    display:block;
    height:8px;
    background: url(pieds-forum.jpg) no-repeat top right;
  }


h1.forum-repondre {
    margin:0 30px 0 0;
    padding: 0 0 0 0;
    text-align:right;
    font-size: 1em;
  }

/* --------    Edito --------------*/ 





div.edito {
    margin:0px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    width:394px;
    color: #000;
    background: url(fond_centre.jpg) repeat-y top left;
  }


div.edito_centre {
    margin:10px 20px 0px 10px;
    padding : 0;
    text-align:justify;
  }


div.edito_intro {
    margin:10px 20px 0px 10px;
    padding: 0;
    text-align:justify;
    font-size: 0.8em;
  }


div.pieds_edito {
    display:block;
    width:394px;
    height:10px;
    margin:0px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    background: url(pieds_edito.jpg) no-repeat top left;
  }


h1.edito {
    display:block;
    width:394px;
    margin:0px 0px -10px 0px;
    padding:0px 0px 1em 0px;
    color: #cc6600;
    font-size: 2.3em;
    line-height: 1em;
    font-weight:bold;
    text-align:left;
    background: url(H1_centre.jpg) no-repeat bottom left;
  }


h2.edito {
    display:block;
    width:394px;
    height:20px;
    margin:20px 0px 0px 0px;
    padding:0;
    color: #ffb515;
    line-height: 20px;
    font-size: 1.5em;
    font-weight:bold;
    text-align:left;
    background: url(H2_centre.jpg) no-repeat top left;
  }


a.edito {
    display:block;
    width:394px;
    height:20px;
    margin:5px 0px 0px 0px;
    padding:0;
    color: #ffb515;
    line-height: 20px;
    font-size: 1.5em;
    font-weight:bold;
    text-align:left;
    background: url(H2_centre.jpg) no-repeat top left;
  }


h4.edito {
    margin : -20px 20px 0px 0px;
    font-size: 1em;
    font-style: italic;
    text-align:right;
  }

/** POst-it   **/



div.post-it {
    margin:20px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    width:170px;
    color: #000;
    background: url(post-it-centre.jpg) repeat-y top left;
  }


div.pieds_post-it {
    display:block;
    width:170px;
    height:26px;
    margin:0px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    background: url(post-it-pieds.jpg) no-repeat top left;
  }


div.post-it_centre {
    margin:-5px 5px -20px 5px;
    padding:0;
    text-align:justify;
    font-size: 0.9em;
  }


h1.post-it {
    display:block;
    width:170px;
    height:26px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #cc6600;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight:bold;
    text-align:right;
    background: url(post-it-H1.jpg) no-repeat 0 0;
  }


h3.post-it {
    margin : -5px 5px -5px 0px;
    font-size: 1.2em;
    font-style: italic;
    text-align:left;
  }


p.post-it {
    margin:5px 0 0 0;
    padding:0;
    line-height: 1em;
  }


/*		Cadre Dessin					 */


div.cadre_dessin {
    margin:0px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    width:170px;
    color: #000;
    background: url(cadre-dessin-milieu.jpg) repeat-y top left;
  }


div.pieds_cadre_dessin {
    display:block;
    width:170px;
    height:62px;
    margin:0px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    background: url(cadre-dessin-bas.jpg) no-repeat top left;
  }


div.cadre_dessin_centre {
    margin:0px 5px 0px 5px;
    padding:0;
    text-align:justify;
    font-size: 0.9em;
  }


div.top_cadre_dessin {
    display:block;
    width:170px;
    height:18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #cc6600;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight:bold;
    text-align:right;
    background: url(cadre-dessin-haut.jpg) no-repeat 0 0;
  }

/*		Bloc_Note					 */


div.bloc_note {
    display:block;
    margin:20px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    width:170px;
    color: #000;
    background: url(bloc_note_fond.jpg) repeat-y top left;
  }


div.bloc_note_centre {
    display:block;
    margin:0px 5px 0px 25px;
    width:120px;
    text-align:justify;
    font-size: 0.9em;
  }


div.pieds_bloc_note {
    display:block;
    width:170px;
    height:60px;
    margin:0px 20px 0px 0px;
    padding:0px 0px 0px 0px;
    background: url(bloc_note_pieds.jpg) no-repeat top left;
  }


h1.bloc_note {
    display:block;
    width:170px;
    height:60px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #cc6600;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight:bold;
    text-align:right;
    background: url(bloc_note_H1.jpg) no-repeat top left;
  }


h2.bloc_note {
    margin : 0px 5px 0px 0px;
    font-size: 1.3em;
    font-style: italic;
    text-align:center;
    width:120px;
  }


h3.bloc_note {
    width:130px;
    float:left;
    clear:both;
    padding: 0;
    margin: 5px 5px 0px 0px;
    font-size: 1em;
    font-style: italic;
    text-align:left;
    line-height: 1em;
  }


p.bloc_note {
    margin : 0px 5px 0px 0px;
    width:120px;
    line-height: 1em;
    clear:both;
  }


li.bloc_note {
    list-style:none;
  }

/*  Carnet */


div.carnet_rubrique {
    margin: 100px 0 0 0;
    padding : 0;
    width:595px;
    height:442px;
    background: url(carnet_couv.jpg) no-repeat top left;
  }


h1.carnet_rubrique {
    margin: 250px 0 0 100px;
    padding:0;
    color:#ccccff;
    text-align:left;
    font-size:2.5em;
  }


.cadre_logos_carnet_rubrique {
    margin: 35px 35px 0 0;
    padding:0;
  }


div.carnet {
    margin: 100px 0 0 0;
    padding : 0;
    width:595px;
    height:442px;
    background: url(carnet_page.jpg) no-repeat top left;
  }


h1.carnet {
	border-bottom : solid 2px #330033;
    color : #330033;
    font-size : 24px;
    line-height : 40px;
    margin-bottom : 10px;
    margin-left : 45px;
    margin-right : 15px;
    margin-top : 20px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    text-align : left;
  }


h2.carnet {
    margin: 5px 25px 10px 0px;
    padding : 0;
    text-align:right;
    color : #330033;
    font-size:1em;
  }


.texte_carnet {
    margin: 10px 0 0 60px;
    padding : 0;
    width:510px;
    height:260px;
    overflow: auto;
  }


.texte_carnet p.spip {
    margin : 0 5px 0 5px;
    padding:0;
    font-size: 14px;
    font-style: italic;
  }


.texte_carnet img {
    margin:0;
    padding:0;
    border: solid 2px #330033;
  }


a.carnet_page {
    margin:50px 200px 0 0;
    padding:0;
    height:30px;
    width:61px;
    display:block;
    background: url(suivant.png);
    behavior: url(win_png.htc);
    float:right;
  }


a.carnet_suivant {
    margin:0 25px 0 0;
    padding:0;
    height:30px;
    width:61px;
    display:block;
    background: url(suivant.png);
    behavior: url(win_png.htc);
    float:right;
  }


a.carnet_precedent {
    margin:0 25px 0 0;
    padding:0;
    height:30px;
    width:30px;
    display:block;
    background: url(precedent.png);
    behavior: url("win_png.htc");
    float:right;
  }

a.carnet_mail {
    margin:0 25px 0 0;
    padding:0;
    height:30px;
    width:61px;
    display:block;
    background: url(mail.png);
    behavior: url("win_png.htc");
    float:right;
  }

.cadre_logos_carnet {
    margin: 25px 10px 0 50px;
  }

/* pieds de page*/


div.pieds_de_page {
    position : relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 800px;
    height: 120px;
    background: url(conteneur_bas.png) no-repeat 0 0;
    border : 0px solid green;
  }


h1.pieds_de_page {
    margin:0;
    padding:0;
    display:none;
  }


h2.pieds_de_page {
    margin: 0;
    padding:0;
    font-size: 0.9em;
    text-align:center;
  }


h3.pieds_de_page {
    font-size: 0.9em;
    margin: -30px 0px 0px 600px ;
    padding:0;
  }


a.pieds_de_page {
  }


img.pieds_de_page {
    height:35px;
    margin:0px 5px 0 5px;
    padding:0;
    border:0;
  }

/*Styles pour le diaporama */




h1.diapo {
    font-size:1em;
  }


img.diapo {
    margin:0;
  }


ul.diapo {
    margin:0;
    padding:0;
    list-style:none;
  }


li.diapo {
    float:left;
    display:bloc;
    margin:10px;
    padding:0;
    display:bloc;
    width:150px;
    height:130px;
    border: 1px solid black;
    text-align:center;
  }


div.photo {
    width:100%;
    margin:0 auto 0 auto;
    padding:0;
    border: 1px solid #ffb515;
    text-align:center;
  }


img.photo {
    margin:0;
  }


ul.photo {
    width:100%;
    margin:0 auto 0 4px;
    padding:0;
    list-style:none;
  }


li.photo {
    float:left;
    display:bloc;
    margin:4px;
    padding:0;
    display:bloc;
    text-align:center;
  }


img.tableau {
    width:100%;
    margin:20px auto 20px auto;
  }


p.comment_photo {
    margin:0;
    pading:0;
    text-align:center;
  }


div.menu_photo {
    width: 100px;
    margin: 10px auto 0 auto;
    padding: 0;
  }


a.photo_prec {
    float:left;
    width:30px;
    height:30px;
    display:block;
    background: url(precedentoff.gif) no-repeat top left;
  }


a.photo_prec:hover {
    background: url(precedenton.gif) no-repeat top left;
  }


span.photo_prec {
    display:none;
  }


a.photo_suiv {
    float:right;
    width:30px;
    height:30px;
    display:block;
    background: url(suivantoff.gif) no-repeat top left;
  }


a.photo_suiv:hover {
    background: url(suivanton.gif) no-repeat top left;
  }


span.photo_suiv {
    display:none;
  }


a.photo_quit {
    float:right;
    width:150px;
    height:100px;
    display:block;
    background: url(sortiroff.gif) no-repeat top left;
  }


a.photo_quit:hover {
    background: url(sortiron.gif) no-repeat top left;
  }


span.photo_quit {
    display:none;
  }

/*Styles pour le diaporama */




h1.diapo {
    font-size:1em;
  }


img.diapo {
    margin:0;
  }


ul.diapo {
    margin:0;
    padding:0;
    list-style:none;
  }


li.diapo {
    float:left;
    display:bloc;
    margin:10px;
    padding:0;
    display:bloc;
    width:150px;
    height:130px;
    border: 1px solid black;
    text-align:center;
  }


div.photo {
    width:100%;
    margin:0 auto 0 auto;
    padding:0;
    border: 1px solid #ffb515;
    text-align:center;
  }


img.photo {
    margin:0;
  }


ul.photo {
    width:100%;
    margin:0 auto 0 4px;
    padding:0;
    list-style:none;
  }


li.photo {
    float:left;
    display:bloc;
    margin:4px;
    padding:0;
    display:bloc;
    text-align:center;
  }


img.tableau {
    width:100%;
    margin:20px auto 20px auto;
  }


p.comment_photo {
    margin:0;
    pading:0;
    text-align:center;
  }


div.menu_photo {
    width: 100px;
    margin: 10px auto 0 auto;
    padding: 0;
  }


a.photo_prec {
    float:left;
    width:30px;
    height:30px;
    display:block;
    background: url(precedentoff.gif) no-repeat top left;
  }


a.photo_prec:hover {
    background: url(precedenton.gif) no-repeat top left;
  }


span.photo_prec {
    display:none;
  }


a.photo_suiv {
    float:right;
    width:30px;
    height:30px;
    display:block;
    background: url(suivantoff.gif) no-repeat top left;
  }


a.photo_suiv:hover {
    background: url(suivanton.gif) no-repeat top left;
  }


span.photo_suiv {
    display:none;
  }


a.photo_quit {
    float:right;
    width:150px;
    height:100px;
    display:block;
    background: url(sortiroff.gif) no-repeat top left;
  }


a.photo_quit:hover {
    background: url(sortiron.gif) no-repeat top left;
  }


span.photo_quit {
    display:none;
  }

/*  Styles pour spips  */


div.texte {
    font: 1em "Trebuchet MS", helvetica, sans-serif;
    color: #000;
    margin:0;
    padding:0;
  }


p.spip {
    text-align:justify;
    margin:0;
    padding:0;
  }


.spip_doc_descriptif {
    display:none;
    clear: none;
  }


.spip_documents_center {
    clear: none;
    width 100%;
    margin: auto;
  }


span.spip_documents_center {
    display: block;
    margin-top:1em;
  }


img, table {
    margin: 0;
    padding: 0;
    border: none;
  }


a img {
    margin: 15px 5px 5px 5px;
    padding: 0;
    border: none;
  }


a {
    color: #bb5500;
    text-decoration: none;
  }


a:visited {
  }


a:hover {
    color: #ff9933;
  }


img {
    margin:0;
    padding:0;
  }


h1.rubrique {
    position:relative;
    left:-50px;
    top:50px;
    padding:0 ;
    margin:-10px 0 100px 0px;
    color: #ffb515;
    font-size: 2.3em;
    line-height: 1em;
    font-weight:bold;
    text-align:left;
  }


h1.article_sonore {
    position:relative;
    left:-50px;
    top:50px;
    padding:0 ;
    margin:-10px 0 50px 0px;
    color: #ffb515;
    font-size: 2.3em;
    line-height: 1em;
    font-weight:bold;
    text-align:left;
  }


h3.spip {
    text-align: left;
    color: #ffb515;
  }


div.article {
    margin:0 20px 0 20px;
  }


h2.article {
    margin:0 0 10px 0;
    padding: 0 0 0 0px;
    font-size:2em;
    height:50px;
    margin-left:40px;
  }


span.article {
    display:block;
    margin:0 0 0 0px;
    padding: 0 0 0px 0px;
    height:50px;
    font-size:1.8em;
    color:#000000;
  }


a.spip_out {
    color: #ffb515;
    text-decoration: none;
  }


a.spip_out:visited {
    color:#ffb515;
  }


a.spip_out:hover {
    color:#5b2d00;
  }


a.spip_in {
    text-decoration: none;
  }


a.spip_in:visited {
  }


a.spip_in:hover {
  }


div.spip_bouton {
  }


.cadre_logos {
    margin: 10px 10px 0 0;
  }


img.spip_logos {
    margin: 0;
    padding : 0;
  }


a.article {
    text-decoration: none;
  }


a.article:visited {
  }


a.article:hover {
  }


hr {
    color: #5b2d00;
    background-color: #fc6;
  }


hr.article {
    margin-top:10px;
    color: #fc6;
    background-color: #fc6;
    height: 1px;
    border: 0;
  }


table.spip {
    border:none;
  }


div.Table {
    display:block;
    margin:0;
    padding:0;
    border: 1px solid black;
    height:200px;
width:380px;
    overflow : auto;
  }


div.Table_article {
    margin:0;
    padding:0;
  }


select, option {
    width:20ex;
  }


input {
    width:20ex;
  }