/* css general typo et typo spip  */
body {
	padding: 0;margin: 5px 0;
	background: #990033;
	color: #ffcc00;
   font: 1em/1.4em 'Trebuchet MS', Arial, 'Lucida Sans', Verdana, sans-serif; /* taille du texte general */
} 


/* liens du site */
a:link, a:visited {
	margin-right: 5px;
	text-decoration: none;
	color: #ffff99;/* couleur des liens */
}
a:hover {
margin-right: 5px;
text-decoration: underline;
color: #07c3f6;/* couleur des liens au survol */

}

li {}
p.spip {font-size: small;}
hr, hr.spip {color: orange;}/* couleur dela ligne de separation */

/* les titres du site - color: couleur du texte - font-size= taille du texte */
h1 {margin:0;color: #ffcc00;font-size: 21px;text-align: center;text-transform: uppercase;padding: 0px auto;font-weight: bold;} 
h2 {margin:0;line-height: normal;font-size: 14px;color: #ffff99;text-transform: uppercase;font-weight: bold;margin: 5px 0;}
h3 {margin:0;line-height: normal;font-size:1em;text-align: center;color: #99c633;}  
h4 {line-height: normal;font-size:0.9em;color: #ffcc00;}  
h5 {line-height: normal;font-size:0.9em;color: #ffcc00;}  
h6 {line-height: normal;font-size:0.9em;color: #ffcc00;}  

/* les descriptifs du site */
.descriptif {color: #ffcc00;font-weight: bold;padding-bottom: 7px;}
.introduction {color: #ffcc00;padding-bottom: 7px;}
.descriptifsimple {color: #ffcc00;margin: 0;}

/* haut de la page (affichage logo(s) + banniere */
#hautdelapage {
width: 92%;
height: auto;
margin: 0 auto;
padding: 0;
background: #990033;
text-align: center;
}
.hautdelapagegauche {float:left;margin: 0 0 0 5%;padding-top: 3px;} 
.hautdelapagedroite {text-align: center;width: 100%;color: #ffcc00;}
a td.hautdelapagedroite {color: #ffcc00;font-size: 3.5em;text-align: center;padding: 0;line-height: normal;}
#hautdelapagetitre {color: #ffcc00;font-size: 3.5em;text-align: center;padding: 0;line-height: normal;}

#bannieredocument {
position: relative;
margin: 0 auto;
height: auto;
width: 92%;
text-align: center;
background: #990033;
}

/* menu horizontal dynamique  */
#menuhorizontal {
width: 92%;
height: auto;
margin: 0 auto;
padding: 0;
background: #990033;
text-align: center;
}
#menu {
margin: auto;
z-index:100;
width: auto;
list-style-type: none;
}
.menuracine {float: left;}
.menudeco {
width: auto;
padding: 5px;
margin: 5px 5px 0px 5px;
}
/* couleur des liens du menu */
a.couleurmenu, a.couleurmenu:link, a.couleurmenu:visited {
color: #99c633;font-weight: bold;
}

.menuinvisible {display: none;position: absolute;width: 140px;background: #99c633;
opacity: 0.90; /* css 3 */
–moz–opacity: 0.9; /* Gecko */
filter:alpha(opacity=90); /* Internet Explorer */
–khtml–opacity: .9; /* Safari */
}
.menuecartbox {
margin-left: 120px;
display: none;
position: absolute;
width: 142px;
background: #99c633;
opacity: 0.90; /* css 3 */
–moz–opacity: 0.9; /* Gecko */
filter:alpha(opacity=90); /* Internet Explorer */
–khtml–opacity: .9; /* Safari */
}
.ssmenuderoulant {border-bottom: 1px dashed #5E383B;padding: 0 5px;}
.ssmenuderoulant a {color: #ffff99;font-weight: bold;}
.titressmenuderoulant, a.titressmenuderoulant:link, a.titressmenuderoulant:visited {color: #ffff99;}
a.titressmenuderoulant:hover {color: #ffff99;font-weight: bold;}
/* menu gauche */
#menugauche {position: absolute;right: 20px;;width: 48px;height: auto;}

/* onglets coulissantes pr les autres infos des rubriques */
#onglets {
width: 92%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: center;
background: #990033;
color: #fda503;
}
.ongletstitre {height: auto; padding: 10px 0 0 0;}
.titrepage {padding: 5px;margin: 0px;}
.titrepage a:link, .titrepage a:visited {color: #eee}
.titrepage a:hover {color: #99cc33}

/* conteneurs general */
#conteneur {
background: #990033;
margin: 0 auto;
padding: 0;
width: 92%;
}
/* la partie contenant le texte central */
#central {
width: auto;
padding: 0;
}
#central2 {
width: auto;
padding: 0 0px 0 10px;
border-bottom: 1px solid #99c633;
}
#colonnecentralesomm {
	width: 55%;
	padding:0;
   float:left;
    margin:1%;}
#colonnecentrale {width: 65%;}
#colonnecentralemaxi {width: 95%;padding:0;}
/* colonne de droite */ 
.colonnedroite {margin: 55px 0 0 30px;float: right;width: 30%;}
#colonnedroitesomm {clear: right;float: right;margin: 0 0 0 30px;width: 38%;}
.contenucolonnedroite {}
/* pied de page du site */
#pied {
background: #990033;
height: 73px;
border: 0;
clear: both;
}

#credit {color: #FFF;clear: both; float: right;margin-right: 60%;}

/* boites de contenus*/
.boxinfosdroite {clear: right;margin: 10px 10px 15px 22px;padding: 5px;}

/* formulaires */
.formulaire_recherche {background: #CCC;}
.formulairederecherche {position: absolute;right: 100px;width: 130px;}
input.formrecherche {width: 95%;-moz-border-radius: 0.4em;background-color: #DDD;}
.forml { width: 99% ; background-color: #DDD;}
.reponse_formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #ffcc00;
	margin-bottom: 40px;
}

#formulaire_site {width: auto;}
#formulaireinscrire {margin-top: 10px;width: 90%;}
#inscriptionsite {clear: both;width: auto;margin-top: 40px;}
/* general css */
.both {clear: both;}
.clearright {clear: right;}
.clearleft {clear: left;}
.espacebas {clear: left;margin-bottom: 30px;text-align: center;}
.espacehaut {clear: left;margin-top: 40px;}
.centrage {text-align: center;margin: 0 auto;}
.pagine {clear: left;text-align: center;margin: 40px 10%;width: 40%;border: 1px solid gray}

/* Logos, documents et images generales style spip dist */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center;border: 5px solid #99c633;background: #99c633;}
.spip_documents_center { clear: left; width: 100%; margin: auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em;color: #fff; }
.spip_doc_descriptif { clear: both; font-size: 0.8em;color: #FFF; }
.format_png { behavior: url(win_png.htc); }

/* hierarchie */
.hierarchieconteneur {width: auto;}
.hierarchie, a.hierarchie:link, a.hierarchie:visited {font-size: x-small;color: #eee;}

/* sommaire.html */
#editologo {float: right; padding: 50px;}
#edito {margin: 0px 10px;}
#logotrouvaille {border: 0px;width: 200px;}

.rubsommaire, a.rubsommaire:link, a.rubsommaire:visited {border: 0px;color: #99c633;font-size: 1.3em;}

/* plan.html */
#planracine {background: #333;width: auto;margin-bottom: 30px;}
.logossrubsright {float: right}
/* rubrique.html */
.affichlogodocsrub {text-align: center;margin: 20px 0;height: auto;}

/* articledesign1.html */
.surtitreart {font-style: italic;text-align: left; margin-left: 10px;}
.sstitreart {font-weight: bold;text-align: left;}
.chapo {clear: right;float: right; width: 180px;border-left: 1px solid #666;border-bottom: 2px solid #666;margin: 45px 0px 15px 15px;padding-left: 5px;font-size: 85%;font-weight: bold;}
.ps {color: #fc8400;margin-bottom: 10px;}
#blabla {color: green;}
.date {font-size: x-small; font-weight: normal;color: orange;}

/* articlesrubdesign1.html + sousrubriques.html */
.logossrubs {float: left;padding:0;margin:0;}


/* recherche.html */
.colonnedroiterecherche {padding-left: 40px;height: 210px;}
/* galeriearticle.html */
.galeriearticle {width: auto;}
.galeriearticlelogo {float: left;width: auto; height: 150px;text-align: center;margin: auto;}


/* galeries */
.boiteconteneurphotos {
	background: #f68b00; /* couleur de fond des boites photos */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	width: 205px;
	float: left;
	height: auto; /* hauteur des boites photos */
	min-height: 250px;
	margin: 5px;
}

.boitelogophotos {float: left;width: 202px; text-align: center;}
.boitetextephotos {} 

/* boutons menu */

a.imageactus { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 48px; /* largeur de l'image réactive */
     height: 32px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/news.png); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageactus:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/news2.png); /* source de l'image d'arrivée */
     height: 48px; /* hauteur de l'image réactive */
     } 
a.imageactussomm, a.imageactussomm:hover { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 48px; /* largeur de l'image réactive */
     height: 48px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/news2.png); /* source de l'image de départ */
     background-repeat: no-repeat;
     margin-bottom: 10px;
     }

a.imageagenda { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 48px; /* largeur de l'image réactive */
     height: 32px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/agenda.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageagenda:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/agenda2.gif); /* source de l'image d'arrivée */
     height: 48px; /* hauteur de l'image réactive */
     } 
a.imageagendasomm, a.imageagendasomm:hover { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 48px; /* largeur de l'image réactive */
     height: 48px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/agenda2.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
/* menu de pied de page */
 
a.imageadmin { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image réactive */
     height: 72px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_admin.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
a.imageadmin:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_admin_f2.gif); /* source de l'image d'arrivée */
     } 
a.imageplan { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image réactive */
     height: 72px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_plan.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imageplan:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_plan_f2.gif); /* source de l'image d'arrivée */
     } 
a.imagecontact { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image réactive */
     height: 72px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_contact.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imagecontact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_contact_f2.gif); /* source de l'image d'arrivée */
     } 
a.imagesyndic { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image réactive */
     height: 72px; /* hauteur de l'image réactive */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_syndic.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imagesyndic:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_syndic_f2.gif); /* source de l'image d'arrivée */
     } 
a.imagecredits { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image  */
     height: 72px; /* hauteur de l'image  */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_credits.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imagecredits:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_credits_f2.gif); /* source de l'image d'arrivée */
} 
a.imagekspip { /* définition de la classe "image" de la balise <a> */
	  float: left;
     width: 75px; /* largeur de l'image  */
     height: 72px; /* hauteur de l'image  */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_kspip.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.imagekspip:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../IMG/interface/boutons/blancskaki/bouton_kspip_f2.gif); /* source de l'image d'arrivée */
}
/* plugins : raccourcis typo  */

.caractencadre-spip {color: red} /* mettre en evidence */
.texteencadre-spip {}
/* porte coulissantes : onglets */
.header_portescoulissantes {
  margin: 0;
  width: auto;
  background: transparent;
  font-size: small;
  line-height: normal;

}
.header_portescoulissantes ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header_portescoulissantes li {
  display: inline;
  margin: 0;
  padding: 0;
}
.header_portescoulissantes a {
  float:left;
  display:block;
  background: url('../IMG/interface/onglets/portescoulissantes/gris/left_both.gif') no-repeat left top;
  margin:0;
  border-bottom:1px solid #444;
  text-decoration:none;
  white-space:nowrap; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0;
}
.header_portescoulissantes a span {
  float:left;
  display:block;
  background:url('../IMG/interface/onglets/portescoulissantes/gris/right_both.gif') no-repeat right top;
  font-weight:bold;
  color: #990033;
  font-size: 12px;
  padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.header_portescoulissantes a span {float:none;}
/* End IE5-Mac hack */
.header_portescoulissantes a:hover span {
  color: #990033;
}
.header_portescoulissantes a:hover {
  background-position:0% -150px;
}
.header_portescoulissantes a:hover span {
  background-position:100% -150px;
}

/* coins arrondis en css - boites arrondies */
.un  {
    margin:0 4px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
}
.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
}
.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
}
.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */

}
.centrearrondi {
    margin:0 1px;
    padding:0 5px;
    height:auto;
}
.titrerubrique, a.titrerubrique:link, a.titrerubrique:visited {color: #99cc33;text-transform: uppercase;}
a.titrerubrique:hover {color: #99cc33;text-transform: uppercase;}
.borderleft0 {border-left:0;}
.margin0 {margin: 0;}
.centrearrondiborderbottom {}
.couleurbox1 {background: #990033;}
.couleurbox2 {background: #990033;}
.couleurbox3 {background: #990033;}

/* plugin forms (formulaires) */
.spip_forms  {}
.spip_form_label {font-size: 18px;color: #99cc33;font-weight: bold;margin: 10px 0;}
.spip_form_champ {}