/******************************************
    COULEURS : toutes les couleurs qui 
    sont personnalisables par 
    l'interface : /ecrire/eva_style.php3
******************************************/




/******************************************
    images cliquables
******************************************/
#imagecliquable {    /* bloc image en arrière-plan */
width : 500px;
height: 500px;
background: url(IMG/gif/PlanCimGd.gif) top left no-repeat;
}
#div16 {    /* zone cliquable divisions 1 à 6*/
position : absolute;
width : 115px;
height: 65px;
margin-left: 182px;
margin-top: 138px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div16:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-2.gif) top left no-repeat;
z-index: 100;
}

#div89 {    /* zone cliquable divisions 8 à 9*/
position : absolute;
width : 60px;
height: 29px;
margin-left: 232px;
margin-top: 108px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div89:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-3.gif) top left no-repeat;
z-index: 100;
}

#div10141 {    /* zone cliquable divisions 10 à 14 1 à G*/
position : absolute;
width : 58px;
height: 29px;
margin-left: 180px;
margin-top: 49px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div10141:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-4.gif) top left no-repeat;
z-index: 100;
}

#div10142 {    /* zone cliquable divisions 10 à 14 2 à G*/
position : absolute;
width : 48px;
height: 52px;
margin-left: 241px;
margin-top: 52px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div10142:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-4.gif) top left no-repeat;
z-index: 100;
}

#div711 {    /* zone cliquable divisions 7 à 11*/
position : absolute;
width : 48px;
height: 50px;
margin-left: 182px;
margin-top: 82px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div711:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-7.gif) top left no-repeat;
z-index: 100;
}

#div15191 {    /* zone cliquable divisions 15 à 19 première partie*/
position : absolute;
width : 30px;
height: 30px;
margin-left: 316px;
margin-top: 50px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div15191:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-5.gif) top left no-repeat;
z-index: 100;
}

#div15192 {    /* zone cliquable divisions 15 à 19 deuxième partie*/
position : absolute;
width : 62px;
height: 28px;
margin-left: 352px;
margin-top: 44px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div15192:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-5.gif) top left no-repeat;
z-index: 100;
}

#div15193 {    /* zone cliquable divisions 15 à 19 troisième partie*/
position : absolute;
width : 35px;
height: 65px;
margin-left: 395px;
margin-top: 80px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div15193:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-5.gif) top left no-repeat;
z-index: 100;
}


#div2022 {    /* zone cliquable divisions 20 à 22*/
position : absolute;
width : 55px;
height: 115px;
margin-left: 50px;
margin-top: 218px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#div2022:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-6.gif) top left no-repeat;
z-index: 100;
}

#colomb {    /* zone cliquable colombarium*/
position : absolute;
width : 30px;
height: 30px;
margin-left: 330px;
margin-top: 115px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#colomb:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-9.gif) top left no-repeat;
z-index: 100;
}

#concpay {    /* zone cliquable concession paysagère*/
position : absolute;
width : 15px;
height: 33px;
margin-left: 300px;
margin-top: 52px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#concpay:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-8.gif) top left no-repeat;
z-index: 100;
}

#jarcin1 {    /* zone cliquable jardin cinéraire 1 G H*/
position : absolute;
width : 25px;
height: 20px;
margin-left: 300px;
margin-top: 90px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#jarcin1:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-11.gif) top left no-repeat;
z-index: 100;
}

#jarcin4 {    /* zone cliquable jardin cinéraire 4 G B*/
position : absolute;
width : 26px;
height: 21px;
margin-left: 302px;
margin-top: 149px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#jarcin4:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-11.gif) top left no-repeat;
z-index: 100;
}


#jarcin2 {    /* zone cliquable jardin cinéraire 2 D H*/
position : absolute;
width : 25px;
height: 20px;
margin-left: 360px;
margin-top: 90px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#jarcin2:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-11.gif) top left no-repeat;
z-index: 100;
}

#jarcin5 {    /* zone cliquable jardin cinéraire 2 D H H*/
position : absolute;
width : 40px;
height: 10px;
margin-left: 348px;
margin-top: 73px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#jarcin5:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-11.gif) top left no-repeat;
z-index: 100;
}

#jarcin3 {    /* zone cliquable jardin cinéraire 3 D B*/
position : absolute;
width : 25px;
height: 20px;
margin-left: 365px;
margin-top: 150px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#jarcin3:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-11.gif) top left no-repeat;
z-index: 100;
}

#enfeus1{    /* zone cliquable enfeus 3 bas*/
position : absolute;
width : 30px;
height: 20px;
margin-left: 331px;
margin-top: 149px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#enfeus1:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-10.gif) top left no-repeat;
z-index: 100;
}

#enfeus2{    /* zone cliquable enfeus 2 gauche*/
position : absolute;
width : 25px;
height: 26px;
margin-left: 302px;
margin-top: 117px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#enfeus2:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-10.gif) top left no-repeat;
z-index: 100;
}

#enfeus3{    /* zone cliquable enfeus 3 droite*/
position : absolute;
width : 25px;
height: 26px;
margin-left: 362px;
margin-top: 117px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#enfeus3:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-10.gif) top left no-repeat;
z-index: 100;
}


#enfeus4{    /* zone cliquable enfeus 4 haut*/
position : absolute;
width : 30px;
height: 20px;
margin-left: 331px;
margin-top: 90px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#enfeus4:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-10.gif) top left no-repeat;
z-index: 100;
}

#crem {    /* zone cliquable crematorium*/
position : absolute;
width : 15px;
height: 16px;
margin-left: 233px;
margin-top: 235px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#crem:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-13.gif) top left no-repeat;
z-index: 100;
}

#admi {    /* zone cliquable administration*/
position : absolute;
width : 12px;
height: 16px;
margin-left: 254px;
margin-top: 236px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#admi:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-14.gif) top left no-repeat;
z-index: 100;
}

#fun {    /* zone cliquable funerarium*/
position : absolute;
width : 14px;
height: 16px;
margin-left: 215px;
margin-top: 237px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#fun:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-1.gif) top left no-repeat;
z-index: 100;
}

#park {    /* zone cliquable parking*/
position : absolute;
width : 80px;
height: 44px;
margin-left: 133px;
margin-top: 273px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#park:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-15.gif) top left no-repeat;
z-index: 100;
}

#entre{    /* zone cliquable entrée principale*/
position : absolute;
width : 16px;
height: 10px;
margin-left: 235px;
margin-top: 302px;
border-width : 1px;
border-color : #990000;
border-style: solid;
}
#entre:hover {
width : 150px;
height: 150px;
margin-left: 20px;
margin-top: 30px;
border: 1px dotted white;
background: url(IMG/gif/plancim1-17.gif) top left no-repeat;
z-index: 100;
}








rien {
/*fond_page*/#ffffff ;
/*bordures*/ #1ba205 ;
/*titre_page*/ #69b543 ;
/*fond_titre*/ #bfe5b9 ;
/*fond_menu*/ #ccb99c ;
/*fond_menu_off*/ #b6e1af ;
/*fond_menu_on*/ #ffffff ;
/*texte*/#000000 ;
/*texte_clair*/#666666 ;
/*liens_off*/ #CC3300 ;
/*liens_on*/ #4AA01C ;
/*liens_visite*/ #e65c2e ;
/*formulaires*/ #d9f7d5 ;
}

h1{
color:#000000;padding-left:10;
font-size : 2em;
}
h3{color:#6c9ee8;text-decoration:none;padding-left:10;}




/******************************************
    PAGE : éléments d'habillage de la page
    et éléments communs sur toute la page
******************************************/
body {


    margin: 0;
    padding: 10px;
    background-color: #ffffff;
    background-image: url('images/degrad.jpg');
    background-repeat: repeat-x;
    
    font-family:  Tahoma,Arial,Helvetica,sans-serif;
    text-align: center;
    }
* {
    font-family:  Tahoma,Arial,Helvetica,sans-serif;
    }
div#Page, div#NoMenu {
    position:relative;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }
.conteneur

{
 background-color: #ffffff;
 position:relative;
 margin-left: auto;
 margin-right: auto;
 width : 750px;
 border: 1px solid /*bordures*/ #cccccc ;


}

.jaune {
background-color: #ffff00;
float: right;
margin: 0;

}

.verte {

}

/* force le retour à la ligne, le plus souvent appliqué à <br> */
.clear {
    clear: both;
    font-size:10;
    }

/* couleurs des liens */
a {
    color: /*liens_off*/ #000000 ;
    }
a:hover {
    color: /*liens_on*/ #90b935 ;
    }
a:visited {
    color: /*liens_visite*/ #6c9ee8;
    }


/******************************************
    LOGIN : éléments spécifique au 
    squelette login.html
******************************************/
div#Login {
    position:relative;
    width: 510px;
    margin: 50px auto;
    padding:5px;
    text-align: left;
    border: 2px solid /*bordures*/ #1ba205 ;
    background-color: /*fond_menu_off*/ #b6e1af ;
    }
div#Login div#Contenu {
    margin-top:10px;
    padding:4px;
    border: 1px solid /*bordures*/ #1ba205 ;
    background-color: /*formulaires*/ #d9f7d5 ;
    }
div#Login div#Contenu img.spip_logos{
    float:left;
    }
div#Login div.formulaires {
    margin-top:10px;
    padding:4px;
    border: 1px dashed /*bordures*/ #1ba205 ;
    background-color: /*fond_page*/#ffffff ;
    }

/******************************************
    ENTETE : éléments des entêtes (titres, logos, ...)
    des pages (accueil, rubriques, plan, ...) 
******************************************/

div#TitreSite {
    display:none;
    }
div#EntetePage h1 {
    margin: 0.3em;
    padding: 0; 
    color:/*titre_page*/ #000000 ;
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
    /*background-color :#90b935;*/
    border-bottom-style:dotted;
    border-bottom-color:#000000;
    border-bottom-width:1px;
    }
div#EntetePage h2 {
    margin: 5px;
    padding: 0; 
    color:/*titre_page*/ #69b543 ;
    font-size: 20px;
    font-weight: bold;
    }
div#EntetePage ul.auteur {
    display:none;
    }

/* barre des boutons sur la page d'accueil (sommaire.html) */
div#EntetePage ul.boutons img.spip_logos{
    float:none;
    }
div#EntetePage ul.boutons span {
    display:none;
    }
div#EntetePage ul.boutons {
    position:relative;
    float: right;
    padding: 0;
    margin: 0;
    }
div#EntetePage ul.boutons li {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
    }


/******************************************
    FORMULAIRE DE RECHERCHE : apparait sur
    rubrique=16.html, rubrique-16.html,
    recherche.html et page-404.html
******************************************/
div#EntetePage div.rechercher {
    float:right;
    width:180px;
    color:/*titre_page*/ #69b543 ;
    font-size: 14px;
    font-weight: bold;
    }
div#EntetePage div.rechercher .forml {
    width:140px;
    }       
div#EntetePage div.rechercher label {
    font-size:12px;
    }   


/******************************************
    ENTETE DES ARTICLES : éléments des 
    entêtes (titres, logos, ...) des pages
    articles, auteurs, mots-clé
******************************************/

div#EnteteArticle {
    border-top: 1px dotted/*bordures*/ #cccccc;
    background-color: /*fond_titre anciennemen bfe5b9*/ #ffffff ;
    margin: 0;
    padding: 2px;
    font-size:12px;
    border-bottom :1px dotted #cccccc ;

    }   
div#EnteteArticle img.spip_logos{
    float: left;
    margin: 4px;




    }
div#EnteteArticle h2 {
    margin: 0;
    padding: 0;
    color:/*texte*/#6c9ee8;
    font-size: 1.5em;
    font-weight: bold;
    }   
div#EnteteArticle div.surtitre, div#EnteteArticle div.soustitre {
    margin: 0;
    padding: 0;
    color:/*texte*/#000000;
    font-weight: bold;
    }
/* Message auquel on répond (forum.html) */
div#EnteteArticle dl {
    margin: 4px;
    padding:4px;
    background-color: /*fond_page*/#ffffff;
    border: 1px dashed /*bordures*/ #1ba205 ;
}

/* Affichage des auteurs, dates, version imprimable */
div#EnteteArticle ul.auteur {

    width:200px;
    float:right;
    padding: 0 8px;
    margin: 0 0 0 8px;
    color:/*texte*/#000000;
    }
div#EnteteArticle ul.auteur li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }   
div#EnteteArticle ul.auteur li.imprimable {
    margin-top: 5px;
    }       
div#EnteteArticle ul.auteur li.imprimable img {
    float:left;
    margin-right: 2px;
    }   

/* Boutons suivants et précédents du diaporama */
div.BoutonsPrecedents {
    float:left;
    }
div.BoutonsSuivants {
    float:right;
    }
div.BoutonsPrecedents img,div.BoutonsSuivants img {
    border:none;
    }

/* affichage de l'arborescence sur certaines pages (album, diaporama plan, recherche) */
div.arborescence {
    padding:2px;
    font-size:12px;
    color:/*texte*/#000000;
    }
div#Contenu div.arborescence {
    margin:10px 0;
    border-top: 1px solid /*bordures*/ #1ba205 ;
    background-color:/*formulaires*/ #d9f7d5 ;
    }
div.arborescence span {
    padding:2px 4px;
    background-image: url(img_pack/deplierhaut.gif);
    background-repeat: no-repeat;
    background-position: center center;
    }
div.arborescence form {
    display: inline;
}
div.arborescence selected {
    font-size:10px;
}




/******************************************
    MENU : éléments affiché dans le bloc
    "menu" (sommaire, brèves, derniers 
    messages des forums)
******************************************/

div#Menu {
    position:relative;
    float: left;
    width: 200px;
    border-right: 1px dotted /*bordures*/ #cccccc ;
    }

/* sommaire du site (arborescence des rubriques) ancien bgcolor:ccb99c*/
div.sommaire {
    border-top: 0px solid /*bordures*/ #ffffff;
    background-color: /*fond_menu*/ #ffffff ;
    margin: 0 0 20px;
    }
div.sommaire a {
    color:/*texte*/#000000;
    text-decoration: none;
    }
div.sommaire a:hover {
    color:/*liens_on*/ #3178e1 ;
    text-decoration: 
    }       
div.sommaire a.on {
    color: /*liens_on*/ #000000;
    font-weight:bold;
    }   
div.sommaire ul {
    margin: 0;
    padding: 0;
    }
div.sommaire ul li {
    margin: 4px;
    padding: 2px;

    list-style-type: none;
    font-size:14px;
    font-weight:bold;
    }
div.sommaire ul ul{
    margin: 0 0 0 5px;
    }
div.sommaire ul li li {
    margin: 0;
    padding: 0;
    border: none; 
    background: none;
    font-size:12px;
    font-weight:normal;
    }   
div.sommaire ul li.on {

    background-color: /*fond_menu_on*/ #ffffff ;
    }       

/* titre des autres blocs affichés dans le bloc "menu" */
div#Menu h4 {


    margin: 0;
    padding: 2px 4px;
    font-size:14px;
    font-weight:bold;
    color:/*texte*/#000000;
    }   

/* affichage des vignettes de l'album photo */
div#vignettes {
    border-top: 2px solid /*bordures*/ #1ba205 ;
    text-align:center;
    padding: 2px 0 20px;
    }
div#vignettes img.spip_logos {
    padding:0;
    margin:2px;
    }

/* bouton plein écran de l'album photo */
div#Menu div.spip_bouton {
    margin:4px auto;
    width:150px;
    font-size:12px;
    }
    
/* formulaires dans le menu (inscription au site, référencer un site) */
div.formulaires div {
    padding:4px;
    font-size:12px;
    }
div.formulaire fieldset{
    background-color: /*fond_menu_off*/ #b6e1af ;
    }

/* blocs affichés dans le menu (brèves, mots-clés, ...) */
div.bloc, div.formulaires {
    margin: 0 0 20px;
    }
div.bloc ul {
    margin: 0;
    padding: 0;
    }
div.bloc li {
    margin: 2px;
    padding: 1px;
    font-size:12px;
    list-style-position: inside;
    list-style-image: url(img_pack/puceoff.gif);
    }   
div.bloc li.on {
    padding: 2px 0;
    list-style-image: url(img_pack/puceon.gif);

    border: 1px dashed /*bordures*/ #cccccc ;
    }   
div.bloc li em {
    color: /*texte_clair*/#666666;
    font-style: italic;
    }

/******************************************
    CONTENU : affichage du texte des pages ;
    affichages des articles, sites 
    référencés pour les rubriques ; etc ...
******************************************/

div#Contenu {
    position:relative;
    float: left;
    width: 498px;
    text-align:justify;
    font-size:0.8em;
    color: /*texte*/#000000;
    border-left: 1px dotted /*bordures*/ #cccccc ;
    margin-left:-2px;
    }

div#NoMenu div#Contenu {
    float: none;
    width: 100%;
    border: none;
    margin-left:0;
}

/* affichage des blocs */
div#articles, div#breves,
div#sites_web, div#documents,
div#petition, div#rubriques,
div#breves, div#secteur, 
div#sites_recherche, div#GroupesMots {
    margin: 0 0 20px 0;
    }
div.suite {
    text-align:left;
    font-style: bold;
    font-size:10px;
    color:blue;
}       
div#Contenu h3.titre {
    margin: 0;
    padding: 2px;
    color:#6c9ee8;
    border-bottom : 1px dotted #6c9ee8;
    text-align:left;
    font-size:1.3em;
    font-weight:bold;

    }



/* affichages des listes de définitions, utilisées pour
 lister les articles, documents, etc ... */
div#Contenu dl {
    margin: 0 0 5px 0;
    padding: 4px;
    }
div#Contenu dl.suivants dd {
    display:none;
    }
div#Contenu dt {
    margin: 5px 0 0;
    padding: 0;
    text-align:left;
    }

div#Contenu h2 {
    margin: 5px 0 0;
    padding: 5px;
    text-align:left;
    color:#6c9ee8;
    border-bottom: 1px dotted /*bordures*/ #6c9ee8;
        }

div#Contenu dt strong {
    font-weight:bold;
    font-size:14px;
    }
div#Contenu dt em {
    color: /*texte_clair*/#666666;
    font-style: italic;
    }   
div#Contenu dd {
    margin: 0;
    padding: 2px 0 0 20px;
    }

/* dernier article sur la page d'accueil  */
/*div#Contenu dl.premier {
    border-bottom:1px dashed bordures #1ba205 ;
    }*/

/* liste des sites référencés dans les pages "rechercher"  */
div#Contenu div#sites_recherche dl {
    border-bottom:1px dashed /*bordures*/ #1ba205 ;
    }
/* liste des signatures de la pétition */
div#Contenu div#petition dd {
    border-bottom: 1px dashed /*bordures*/ #1ba205 ;
    padding-bottom: 2px;
    margin-bottom: 2px;
    }
/* formulaire de recherche (page 404 + pages secteur 1) */
div#Contenu div.rechercher {
    text-align:center;
    }
div#Contenu div.rechercher input.forml {
    width:150px;
    }

/* affichage de la photo sur l'album-photo */
div#photo {
    border-top: 2px solid /*bordures*/ #1ba205 ;
    text-align:center;
    border-bottom: 1px dashed /*bordures*/ #1ba205 ;
    }
div#photo dl {
    margin:2px;
    padding:0;
    }
div#photo img.spip_logos {
    border:none;
    }

/* edito sur la page d'accueil */
div#edito {
    background-color:/*formulaires*/ #ffffff ;
    }

div#edito b{color:#ff5500;}

div#edito img.spip_logos {
    float:left;
    border:none;
    }

/* affichage : texte, chapeau, etc ... */
h3.spip {
    text-align:center;
    color: /*bordures*/ #1ba205 ;
    font-size:20px;
    font-weight:bold;
    }
div#Contenu div.chapo {
    margin: 5px 0;
    padding: 4px;
    font-size:16px;
    font-weight:bold;
    color : /*bordures*/ #1ba205 ;
    }
div#Contenu div.texte {
    margin: 5px 0;
    padding: 4px;
    font-size:1em;
    }
 div#Contenu div.texte21 {
    margin: 5px 0;
    padding: 4px;
    font-size:0.8em;
    color:#6c9ee8;
    }

div#Contenu div.texte b{color:#3178e1;}

div#Contenu div.lien {
    border-top: 1px dashed /*bordures*/ #1ba205 ;
    text-align:center;
    padding: 5px;
    font-size:16px;
    margin: 5px 0;
    }       
div#Contenu div.ps, div#Contenu div.notes {
    border-top: 1px dashed /*bordures*/ #1ba205 ;
    margin: 10px 0;
    padding: 4px;
    font-size:12px;
    }       
div#Contenu div.ps h4, div#Contenu div.notes h4 {
    display:none;
    }           
div#Contenu div.ps div, div#Contenu div.notes div {
    }   
div#Contenu p.spip, p.spip_note {
    margin: 0;
    padding: 4px;
    }       

/* affichage des auteurs et dates de l'article pour les diaporamas */
div#Contenu ul.auteur {
    border-top: 2px solid /*bordures*/ #1ba205 ;
    background-color: /*fond_titre*/ #bfe5b9 ;
    padding: 2px;
    margin: 10px 0 0;
    text-align:center;
    }
div#Contenu ul.auteur li {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
    }   
div#Contenu ul.auteur li.auteur {
    margin-right: 5%;
    }       
div#Contenu ul.auteur li.date {
    margin-left: 5%;
    }



/******************************************
    AGENDA : affichages spécifiques
    à l'agenda (rubrique-agenda.html)
******************************************/
table.agenda {
    width:100%;
}
table.agenda, table.agenda tr, table.agenda th, table.agenda td {
    font-size: 12px;
    padding:0;
    margin:0;
}
table.agenda th.agendaNav form {
    display: inline;
}
table.agenda td img {
    float:left;
}
table.agenda th, table.agenda td {
    padding:2px;
    width:14%;
}   
table.agenda td {
    height:50px;
    vertical-align: top;
}   
.agendaNav {
    background-color: /*fond_menu*/ #ccb99c ;
    border:2px solid /*bordures*/ #1ba205 ;
    text-align: center;
}
.agendaHead {
    background-color: /*fond_titre*/ #bfe5b9 ;
    border:1px solid /*bordures*/ #1ba205 ;
    text-align: center;
}
.agendaThisDay {
    background-color: /*fond_menu_on*/ #ffffff ;
    border:1px solid /*liens_on*/ #4AA01C ;
}
.agendaThisMonth {
    background-color: /*formulaires*/ #d9f7d5 ;
    border:1px solid /*bordures*/ #1ba205 ;
}

.agendaNotThisMonth, .agendaNotThisDay {
    background: /*fond_menu*/ #ccb99c ;
    border:1px solid /*texte_clair*/#666666 ;
}

table.agenda select, table.agenda input {
    font-size: 10px;
}
table.agenda option.on {
    background: /*fond_menu*/ #ccb99c ;
}   

/******************************************
    PLAN DU SITE : affichages spécifiques
    au plan du site
******************************************/

div#Contenu ul.plan {
    margin: 0 4px;
    padding:0;
    }
div#Contenu ul.plan ul {
    margin: 0 4px;
    padding:0;
    }
div#Contenu ul.plan li {
    list-style-type: none;
    margin: 4px 0 4px 20px;
    padding:0;
    }       
div#Contenu ul.plan li.rubriques {
    margin: 10px 0 10px 20px;
    }           
div#Contenu ul.plan li.rubriques strong {
    border: 1px dashed /*bordures*/ #1ba205 ;
    background-color:/*formulaires*/ #d9f7d5 ;
    padding:2px;
    font-size:14px;
    }               
div#Contenu ul.plan li.articles strong {
    border: none ;
    background:none;
    padding:0;
    font-size:12px;
    }
div#Contenu ul.plan li.rubriques strong a {
    color: /*texte*/#000000;
    text-decoration:none;
    }

/* affichage des brèves du secteur */
div#Contenu div.breves {
    position:relative;
    float: right;
    width: 250px;
    margin: 0 0 20px;
    }   
div#Contenu div.breves h4 {
    border-top: 1px dashed /*bordures*/ #1ba205 ;
    background-color:/*formulaires*/ #d9f7d5 ;
    margin: 0;
    padding: 2px 4px;
    font-size:14px;
    font-weight:bold;
    }
div#Contenu div.breves ul {
    border-bottom: 1px dashed /*bordures*/ #1ba205 ;
    margin: 0;
    padding: 0;
    }
div#Contenu div.breves li {
    margin: 2px;
    padding: 1px;
    font-size:12px;
    list-style-position: inside;
    list-style-image: url(img_pack/puceoff.gif);
    }
div#Contenu div.breves li em {
    color: /*texte_clair*/#666666;
    font-style: italic;
    }


/******************************************
    PIED DE PAGE : pour toutes les pages,
    il contient la barre de boutons
******************************************/
ours
{
font-size:0.3em;
font-family:arial;
color:#6c9ee8;
}

ul#PiedPage{

    font-size :10px;
    text-align: center;
    padding: 2px;
    margin: 0;
    }
ul#PiedPage span {
    display:none;
    }       
ul#PiedPage li {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
    }
ul#PiedPage img.spip_logos{
    margin: 0 30px; 
    }

    div#PiedPage ul.boutons {
    position:relative;
    align: center;
    font-size :10px;
    padding: 0;
    margin: 0;
    }
div#PiedPage ul.boutons li {
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
    }

/* pied de page de la page d'accueil */
div#PiedPage{
    border-top: 1px solid /*bordures*/ #6c9ee8 ;
    text-align: center;
    padding: 2px;
    }

div#PiedPage p
{
font-size:0.7em;
font-family:arial;
color:#6c9ee8;
}           
div#PiedPage div {
    margin-top:15px;
    float: right;
    width: 380px;
    font-size:12px;
    text-align: right;
    color: /*texte*/#000000;
    }           
div#PiedPage div img.logo{
    float: right;
    padding: 2px;
    margin-top:15px;
    border:none;
    }



/******************************************
    FORUMS : affichage des forums des 
    articles et brèves
******************************************/
div#forum {
    margin: 10px 0;
    }       
div#forum h4 {
    border-top: 2px solid /*bordures*/ #1ba205 ;
    background-color: /*fond_titre*/ #bfe5b9 ;  
    padding: 4px;
    margin: 10px 0;
    
    font-size: 14px;
    font-weight: normal;
    color: /*texte*/#000000;
    text-align: center;
    }       
div#forum h4 strong {
    font-size: 16px;
    font-weight: bold;
    }
div#forum div.lien{
    margin: 0;
    padding:5px 5px 10px;
    font-style:italic;
    }       
div#forum a{
    color:#D9591E;
    }

/* boutons (liens) "répondre à ..." */
div#Contenu a.spip_bouton {
    font-size:14px;
    padding:2px;
    font-weight: bold;
    }
div#forum dl div.bouton {
    text-align:right;
    padding-top:2px;
    }

/* messages des forums */
div#forum dl{
    margin:20px 0;
    padding: 0;
    border-top: 1px dashed /*bordures*/ #1ba205 ;
    border-left: 1px dashed /*bordures*/ #1ba205 ;
    border-bottom: 1px dashed /*bordures*/ #1ba205 ;
    background-color:/*formulaires*/ #d9f7d5 ;
    color: /*texte*/#000000;
    }
div#forum dl dl{
    margin: 0 0 10px 20px;
    padding-top:;
    border: none;
    }
div#forum dt em{
    font-size:12px;
    color:/*texte_clair*/#666666;
    }
div#forum dt {
    margin: 0;
    padding:2px;
    background-color: /*fond_titre*/ #bfe5b9 ;
    font-size:16px; 
    text-align:left;
    }
div#forum dl dl dt{
    font-size:14px;
    }
div#forum dd{
    margin: 0;
    padding:5px 5px 10px;
    font-size:14px;
    }       
div#forum dl dl dd{
    background-color: /*fond_page*/#ffffff;
    font-size:12px;
    }
    
    
    
    
/******************************************
    SPIP : éléménets générés par SPIP 
******************************************/

.spip_surligne {
    background-color: #FFFF66;
}
.spip_puce {
    list-style-position: inside;
}
blockquote.spip {
    margin-left : 5px 0 5px 20px;
    border : solid 1px /*bordures*/ #1ba205 ;
    background-color: /*fond_page*/#ffffff;
    padding: 5px;
}

/* Barre de raccourcis */
a.spip_barre img {
    border: 1px solid /*bordures*/ #1ba205 ;
    padding: 3px;
    background-color: /*fond_titre*/ #bfe5b9 ;
}
a.spip_barre:hover img {
    border: 1px solid /*bordures*/ #1ba205 ;
    padding: 3px;
    background-color: /*fond_page*/#ffffff;
}

/* boutons */
.spip_bouton {
    border:1px solid /*bordures*/ #1ba205 ;
    background-color:/*formulaires*/ #d9f7d5 ;
    padding:1px;
    margin:2px;
    color:/*bordures*/ #1ba205 ;
    cursor: hand;
    text-decoration: none;
    font-size:10px;
    }
.spip_bouton a {
    color:/*bordures*/ #1ba205 ;
    text-decoration: none;
    font-size:10px;
    }           
.spip_bouton:hover {
    background-color:/*fond_menu_off*/ #b6e1af ;
    }
    
/* champs de formulaires */
.forml {
    width: 98%;
    background-color:/*formulaires*/ #d9f7d5 ;
    color: /*texte*/#000000;
    }

/* tableaux */
table.spip {
    border: 1px solid /*bordures*/ #6c9ee8 ;
    padding: 0;
    margin: 0;
    width:98%;
    }
table.spip tr.row_first  {
    background-color: /*titre_page*/ #efefef;
    color: /*fond_page*/#ffffff;
    padding: 0;
    margin: 0;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    }
table.spip tr.row_odd {
    background-color: /*fond_menu_off*/ #efefef ;
    padding: 0;
    margin: 0;
    }
table.spip tr.row_even {
    background-color: /*fond_page*/#ffffff;
    padding: 0;
    margin: 0;
    }
table.spip td {
    padding: 2px;
    vertical-align: center;

    }
    
    
/******************************************
    BOUTONS ADMIN : boutons affichés pour
    les administrateurs
    (recalculer cette page , ...) 
******************************************/
.spip-admin {
    text-align:left;
    left:2px;
    font-size:10px;
    }
.spip-admin form{
    margin:2px;
    }
.spip-admin input.spip_bouton{
    padding:1px;
    }

   /******************************************
   Mise en forme du formulaire de contact
   ******************************************/

#inscription {
  border: none;
  margin: 0;
  padding: 0;
  width: 30em;  /*** Largeur du formulaire ***/
}
#titreForm, #piedForm {  /*** Mise en forme du titre et du pied de formulaire ***/
  font: bold 1.1em arial, Tahoma,Arial,Helvetica,sans-serif;
  color: white;
  background: #6c9ee8;
  margin: 0;
  padding: 0.2em;
}
#piedForm {
  text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
  font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
  margin-left: 1em;
}
#corpForm {  /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
  border: 1px solid #6c9ee8;
  color: #black;
  background: #efefef;
  margin: 0;
  padding: 1em;
}
#corpForm fieldset {  /*** Mise en forme des cadres ***/
  margin: 0;
  font-style: normal;
  padding: 0 1em 1em;
}
#corpForm legend {  /*** Mise en forme des titres des cadres ***/
  font-weight: bold;
  color: black;
  background: transparent;
}
#corpForm p {  /*** Mise en forme des lignes du formulaire ***/
  padding: .2em 0;
  margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {  /*** Mise en forme des intitulés de champs ***/
  float: left;  /*** Très important, ne pas suprimer ! ***/
  width: 40%;  /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
  text-align: right;  /*** ... et ils sont alignés à droite... ***/
  margin: 0;
  padding: 0 .5em 0 0;
  line-height: 1.8;  /*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
  cursor: pointer;  /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}