/* Structure générale ------------------------*/

body {
	background-image: url(../images/fond.gif);
}

#page{
	border: 2px solid #000000;
	background: #FFF;
	width: 99,9%;
}

#gauche{
	float: left;
	width: 200px;
	margin: 5px;
}

#contenu{
	margin-left: 220px;
 	padding-top: 5px;
	padding-right: 5px;
} 

.spacer{	
	clear: both;
}

/* Entete et Pied de page----------------------------------------- */

#header {
	border-bottom: 2px solid #000000;
}

#footer {
	font-family: Arial, Helvetica, Verdana;
	font-size: 10px;
   	color:  #000;
   	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 2px;
}

#footer a, #footer a:active, #footer a:link { 
	color: #000; 
	text-decoration: none; 
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}


/* Styles spip -------------------------------*/

h3.spip{
	font-size: 13px;
	font-family: Verdana, Arial;
	letter-spacing: +1px;
	padding: 2px 2px 2px 24px;
	margin-top: 10px;
	margin-bottom: 6px;
	border-bottom: 1px dashed;
	background-image: url(../images/fleche_droite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: table-cell ;
}

hr.spip{
	display:block;
	height: 0;	
	border-style:solid;
	border-color: #ccc;
	border-width:0px 0px 1px 0px; 
}

p.spip{}

strong.spip{}

i.spip{}

a.spip_in{}

a.spip_out{}

a.spip_url{}

img, .spip_logos { 
	border: 0; 
}

.spip_documents{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;	
	text-align: center;
}

/*.spip_documents_center{
	margin: auto; 
	width: 100%;
}*/

span.spip_documents_center { 
	display: block; 
	margin-top: 7px;
	margin-bottom: 7px;
}

.spip_documents_left{
	float: left;
	margin-right: 15px;
	padding-top: 5px;
}

.spip_documents_right{
	float: right;
	margin-left: 15px;
	padding-top: 5px; 
}

.spip_doc_titre{
	font-size: 11px;
	line-height: 11px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 2px;
	margin-top : 2px;
}
.spip_doc_descriptif{
	font-size:10px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 2px;	
	line-height: 10px;
}
table.spip {
	margin: auto;
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	border: 1px dashed #999999;
}

table.spip caption{
	caption-side: top; 
	text-align: center;
	margin: auto;	
	padding: 3px;
	font-weight: bold;
}

table.spip tr.row_first th{
	background-color:#CCCCCC;
	border: 1px #999999 solid;
}

table.spip tr.row_odd{
	background-color: #F5F5F5;
}

table.spip tr.row_even{
	background-color: #FFFFFF;
}

table.spip td{
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	border: 1px solid #999999;
}

.spip_code{}

.spip_cadre{
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	width : 95%;
	padding: 5px;
	margin-top: 10px;
}

.formulaire_recherche { 
	margin-top: 5px;
	margin-bottom: 1px;
}

.formulaire_recherche label, .formulaire_recherche a{ 
	display: none; 
}

.formulaire_spip form { 
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	margin: 0; 
	padding: 0; 
}

.formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select { 	
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	background: #F5F5F5;
	border: 1px #999 solid;	
}


.spip_bouton input{
	background: #CCC;
}


.formulaire_spip fieldset {
	
	border: 1px #999 dashed;
	padding: 5px;
	margin-bottom: 5px;
}

.formulaire_spip fieldset legend{
	background: #FFF;
	padding: 2px;
}

/* Commun ------------------------------------*/

a, a:link{
	color: #F66200;
	text-decoration: none;
}

a:hover  {
	color: #000000;
	text-decoration: underline;
}

h1 {
	font-family: Verdana, Arial;
	font-size: 18px;
	color: #0099CC;
	margin-top: 5px;
	margin-bottom: 5px;
}

.adroite{
	float: right;
}

.agauche{
	float: left;
}

.logoagauche{
	float: left;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.logoadroite{
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


/* Barre de position ---------------------------------------- */

.posbordure{
	color: #999999;
	line-height: 19px;
	border-top: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom: 1px dashed #000000;
	background-image:  url(../images/fond.gif);
	}

.pos {
	margin: 0px 10px 0px 0px;
	padding: 3px 3px 3px 16px;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/rond_acc.gif);
}

.pos a, .pos a:active, .pos a:link {
	text-decoration: none;
	color: #999999;		
}

.pos a:hover {
	color: #000000;
	text-decoration: underline;
}
  
/* Rubriques ------------------------------------------------*/

.rubintro{
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	line-height: 130%;
	text-align: justify;
	margin-left: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #000000;
}

.rubintro a{
	font-family: Verdana, Arial;
	font-size: 17px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 40px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/sourub.png);
	background-position: 20px 2px;
}

.rubintrolist h1{
	color: #999;
}

.pagination {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	text-align: center;
	margin-top: 15px;
	margin-bottom : 10px;
}

.listarticles{
	font-family: Arial, Helvetica, Verdana;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 15px;
	background-image: url(../images/trait_rond2.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	display: inline-block;
}

.listarticles .tit{
	color: #0099cc;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;}

.listarticles .tit a{
	color: #0099cc;
}

.listarticles .tit a:hover{
	color: #000;
	text-decoration: underline;
}

.listarticles .soustit{
	color: #999999;
	font-size: 11px;
	border-bottom: 1px #999 solid;
	width: 66%;
}

.listarticles .text{
	font-size: 13px;
	text-align: justify;
	padding-top: 5px;
}

.pagination{
	font-weight: bold;
}


/* Articles --------------------------------------------------- */

.article {
	border: 1px solid #CCC;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 5px 0;
}

.auteur {
	font-family: Arial, Helvetica, Verdana;
	color: #999999;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: -4px;
	width: 66%;
}

.surtitre  {
	font-weight: bold;
}

.soustitre { 
	margin-top: 10px;
	font-style: italic;
}

.chapo     {
	padding:   8px 30px 8px 60px;
	font-size: 12px;
	line-height: 100%; 
}

.texte {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	text-align: justify;
	margin-top: 10px;
	line-height: 130%;
}

.note{}

.ps {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 12px;
}

.docs{
	border-top: 1px #CCC dashed;
	margin: 5px;
	width:100%;
	overflow: hidden;
}

.docjoint{	
	font-family: Arial, Helvetica, Verdana;
	width: 120px;
	text-align: center;	
	line-height: 12px;
	margin: 5px;
	float: left;
}

.docjoint-titre{	
	font-size: 11px;
	font-weight:bold;
	margin-bottom: 2px;
	margin-top : 2px;
}

.docjoint-descriptif{
	font-size: 10px;
	margin-bottom: 2px;	
}

.suivprec{
	font-family: Arial, Helvetica, Verdana;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 13px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px #CCC dashed;	
	width:100%;
	overflow: hidden;
}

.precedent{
	float: left;
	text-align: left;
}
	
.suivant{
	float: right;
	text-align: right;
}


/* Sommaire & Actu -------------------------------------------*/

.edito{
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	text-align: justify;
	line-height: 130%;
	padding: 5px;
}

.zoneven{
	float:right;
	border-left: 1px dashed;
}

.listevenements{
	font-family: Arial, Helvetica, Verdana;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 15px;
	background-image: url(../images/trait_rond1.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

.listevenements .tit{
	color: #0099cc;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
}

.listevenements .tit a{
	color: #0099cc;
}

.listevenements .tit a:hover {
	color: #000;
	text-decoration: underline;
}
	
.listevenements .soustit{
	color: #999999;
	font-size: 11px;
	border-bottom: 1px #999 solid;
	width: 66%;
}

.listevenements .text{
	font-size: 13px;
	text-align: justify;
	padding-top: 5px;
}

.rubactuliste{
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	font-weight: bolder;
	margin: 5px 0px 5px 2px;
	padding-left: 15px;
	background-image: url(../images/trait_rond1.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

.rubactumois{
	list-style-image: url(../images/puceoff.gif);
}
.rubactuitem{
	list-style-type: none;
	font-weight: normal;
}

.rubactuitem a{	
	color: #000000;
}

/* Album ----------------------------------------------------*/

.album{
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}


.photo-titre{
	font-family: Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	margin-bottom: 4px;
}

.photo-descriptif{
	font-family: Arial, Helvetica, Verdana;
	font-size: 10px;
	margin-bottom: 4px;	
	margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.album-navig{
	font-family: Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	border-top: 1px #999999 dotted;
	border-bottom: 1px #999999 dotted;
	margin: 5px;
	padding-bottom: 1px;
}

.vignettes-position{	
	vertical-align: middle;
	margin: 1px;
}

/* Page Résultat ----------------------------------------*/

.resultat { 
	display: block;	
	padding-left: 25px;
	line-height: 17px;
	background: url(../images/puce_droite.gif) no-repeat 3px 3px;
	text-decoration: none;
	margin: 2px;}


/* Menu ------------------------------------------------ 

ul#menulist {
   	position: static;
	left: 10px;
	margin: 15px;
}*/

ul#menulist, ul#menulist ul {
  	/* border:1px solid #990000;*/
  	list-style:none;
	margin:0;
  	padding:0;
  	background-color: #FFF;
}

ul#menulist ul {
	position:absolute;
	border-width: 1px 1px 1px 5px;
	border-color: #F66200;
	border-style: solid;
	top:-1px;
  	left:194px;
}

ul#menulist a {
  	display:block;
  	width:100%;
  	text-decoration: none;
  	text-indent: 1em;
  	width: 198px;
  	padding: 5px 0;
}

ul#menulist li {
  	position:relative;
  	margin:0px;
  	padding:0px;
  	_display:inline;  	
}

ul#menulist li ul{ 
	display:none; 
}

ul#menulist li:hover ul{ 
	display:block; 
}

ul#menulist li:hover, ul#menulist li a:hover {
  	color: #000000;
  	background-color: #CCCCCC;
}

.menupuce1 {
	background-image: url(../images/ptirond1.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.menudecal {
	margin-left:7px;	
}

.cadre1 {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	border: 1px solid #F66200;
}

.cadre1 a{
	color: #000000;
}
		
.cadre1titre{
	font-family: Arial, Helvetica, Verdana;
	border-bottom: 1px dashed #F66200;
	background-color: #E9E9E9;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	line-height: 25px;
	}	
	
.cadre2 {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	border: 1px solid #FDDE02;
	}

.cadre2titre {
	font-family: Arial, Helvetica, Verdana;
	border-bottom: 1px dashed #FDDE02 ;
	background-color: #E9E9E9;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	line-height: 25px;
	}

.menupuce2 a, .menupuce2 form{ 
	color: #000000;
	background-image: url(../images/ptirond2.gif);
	background-repeat: no-repeat;
	padding-left: 21px;
	line-height: 22px;
	background-position: 4px 1px;
}

.cadre3 {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	border: 1px #0099cc solid;
	}

.cadre3titre {
	font-family: Arial, Helvetica, Verdana;
	border-bottom: 1px #0099cc dashed ;
	background-color: #E9E9E9;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	line-height: 25px;
}

.menupuce3 a{ 
	color: #000000;
	background-image: url(../images/ptirond3.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 4px 21px;
	margin-top: 2px;
	background-position: 4px 1px;
	display: block;
}


/* Forum ------------------------------------------------------ */

.forumlien{
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	border-left: 3px #999999 solid;
	border-right: 3px #999999 solid;
	padding: 0px 2px 0px 2px;
	margin-right: 20px;
}
.forum {	
	font-family: Arial, Helvetica, Verdana;
	margin: 10px 0px 0px 0px;
	border: 1px solid #999999;
	font-size: 12px;	
}

.forumdecal{
	margin-left: 20px;
}
.forumreaction{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	padding: 0 10px 0 30px;
	margin: 0 0 10px 0;
	text-align: right;
}

.forumtitre {
	background: #E9E9E9;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px #CCCCCC solid;
}

.forumdate {
 	color: #666666;
	display: inline;
	font-weight: normal;
}

.forumcorps { 
	padding: 4px;
}

.forumsiteauteur { 
	font-size: 11px;
	color: #666666;
	text-align: right;
	padding: 2px;
}


/* Plan site ---------------------------------------------- */

.plan {
	font-family: Arial, Helvetica, Verdana;
	font-size: 13px;
	border: 1px solid #0099CC;
	padding: 0px 10px 0px 10px;
	margin-top: 10px;
}
.plan li a {
	color: #000000;	
}

.plan ul {
	margin: 0px 0px 7px 20px;
	padding: 2px;
	font-weight: bold;	
}

.plan li {
	line-height: 100%;
	list-style-type: none;
	padding: 2px;
	margin: 0px;		
}


.planarticle{
	padding-left: 12px;
	background-image: url(../images/puceoff.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-weight: normal;
}

/* Barre typo enrichie-------------------------------------------- */

h2{	
	font-family:  Arial, Helvetica, Verdana;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: +1px;
	padding: 2px 2px 2px 24px;
	margin-top: 24px;
	margin-bottom: 6px;
	border-bottom: 1px dashed;
	background-image: url(../images/fleche_droite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block ;
}

h3{	
	font-family:  Arial, Helvetica, Verdana;
	font-size: 15px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 0;
	padding: 0;
}

h4{
	font-family:  Arial, Helvetica, Verdana;
	font-size: 13px;
	font-weight: bold;	
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
}


/* style plugin formulaires-------------------------------------------- */


div.spip_forms form label {
	float:none;
}
div.spip_forms h2 {
	margin:.2em;
	color:#543E29;
}
div.spip_forms {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	border: 1px solid #a0a0a0;
	background: #F8F7F6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div.spip_forms form {
	border:0;
	margin:0;
	padding:.5em 0 0 0;
}
div.spip_forms div.spip_descriptif {
	border:0;
	margin:0;
}
div.spip_forms h3 {
	float:none;text-align:left;
}
div.spip_forms legend {
	font-size:1.15em;
	padding:5px;
}
div.spip_forms .spip_form_champ {
	margin-bottom:1em;
}
div.spip_forms .spip_form_label {
  	font-weight: bold;
  	text-align:left;
  	color:#494949;
}
div.spip_forms .spip_form_label label {
	text-align:left;
  	font-weight: bold;
  	color:#494949;
}
div.spip_forms .spip_form_label_obligatoire {
	font-weight: normal;
	font-style:italic;
	font-size:.9em;
}
div.spip_forms .obligatoire_oublie {
	color:red;
}
div.spip_forms .spip_form_label_details{
	display:block;
	font-style:italic;
	text-align:left;
}

div.spip_forms .spip_form_choix_multiple {
	display:block;
}

div.spip_forms .spip_form_choix_unique input, div.spip_forms .spip_form_choix_unique input.fondo, div.spip_forms .spip_form_choix_unique input.fondl {
	width:auto;
}

div.spip_forms .spip_form_choix_unique label {
	margin:0 0 5px 0;
}

div.spip_forms .spip_form_choix_multiple input, div.spip_forms .spip_form_choix_multiple input.fondo, div.spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	width:auto;
	margin:0 5px 0 0;
}
div.spip_forms ul.choix_mots {
list-style:none;
}
div.spip_forms .spip_sondage {
	margin: auto;
}

div.spip_forms .spip_form_erreur {
	display:none;
}
div.spip_forms .spip_form_ok {
	font-weight: bold;
	background:#262626;
	color:#F1F1F1;
	margin: 1em 0 0 0;
	padding: .6em;
}
div.spip_forms .spip_form_ok a {
	color:#FFF9E2;
}
div.spip_forms .spip_form_ok a:hover {
	color:#DEB55E;
}
div.spip_forms .spip_form_ok_confirmation{
	display:block;
}
div.spip_forms .spip_sondage strong {
	display:block;
	margin-left:5px;
	color:#494949;
}
div.spip_forms .spip_sondage .ligne_nom {
	width:19%;
	text-align:right;
	padding-right:1%;
}
div.spip_forms .spip_sondage .ligne_nom:after {
	content:" :";
}
div.spip_forms .spip_sondage ligne.chiffres {
	color:#525252;
}
div.spip_forms .spip_sondage .ligne_barre {
	height: 16px;
	background: url(ligne.gif) repeat-x;
	border: 1px solid black;
	width:80%;
}
div.spip_forms .spip_sondage .sondage_table {
	display: table;
	width:100%;
}
div.spip_forms .spip_sondage .sondage_ligne {
	display: table-row;
}
div.spip_forms .spip_sondage .sondage_ligne > div {
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
	white-space: nowrap;
}
div.spip_forms .forml, div.spip_forms .formo {
	display: block;
	border-bottom:solid 1px #E2CEC1;
	border-right:solid 1px #E2CEC1;
	border-top:1px solid #AF896F;
	border-left:1px solid #AF896F;
	padding:.5em;
	font-size:.9em;
}
div.spip_forms .forml, div.spip_forms .fondl {
	background: #FFFDE7;
	color:#4A4336;
	display: block;
}
div.spip_forms .formo, div.spip_forms .fondo {
	background-color: white;
	color:#4A4336;
	display: block;
}
div.spip_forms .champ_obli_oubli {
	border:2px solid red;
}
div.spip_forms form .forml-focus, div.spip_forms form input.forml-focus:focus, div.spip_forms form textarea.forml-focus:focus, .forml-focus {
	border-bottom:solid 1px #C9AB97;
	border-right:solid 1px #C9AB97;
	border-top:1px solid #81593E;
	border-left:1px solid #81593E;
	background: #FFF2C8;
	color:#433817;
	font-weight:normal;
	font-size:.9em;
	padding:.5em;
	display: block;
}
div.spip_forms form .formo-focus, div.spip_forms form input.formo-focus:focus, div.spip_forms form textarea.formo-focus:focus, div.spip_forms .formo-focus {
	border-bottom:solid 1px #C9AB97;
	border-right:solid 1px #C9AB97;
	border-top:1px solid #81593E;
	border-left:1px solid #81593E;
	background:#FFF9EE ;
	color:#433817;
	font-weight:normal;
	font-size:.9em;
	padding:.5em;
	display: block;
}
div.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
	border-top:solid 2px #980F1B;
	border-left:solid 2px #980F1B;
	border-bottom:2px solid #F3192B;
	border-right:2px solid #F3192B;
	background: #FFF2C8;
	color:#4D161B;
	font-weight:normal;
	font-size:.9em;
	padding:.3em;
}
div.spip_forms .spip_bouton input {
	border: 1px solid #563033;
	cursor:pointer;
	padding:.4em;
	background:#F0E6DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.9em;
	width:100px ;
	color:#4A4336;
}
div.spip_forms fieldset {
	border:1px solid #8F8181;
	padding:.4em;
	margin:.5em 0 .5em 0;
}
div.spip_forms a.resultats_sondage {
	display:block;
	float:right;
	background:#FFFBED;
	color:#444040;
	padding:.2em;
	border:1px solid #A07D7A;
	text-decoration:none;
}
div.spip_forms a.resultats_sondage:hover {
	background:#444040;
	color:#F8F5EC;
	text-decoration:none;
}
div.spip_forms p.spip_form_ok, div.spip_forms p.spip_form_erreur, div.spip_forms form {

}