body {
  font-family: Helvetica, Arial,  Helvetica, Verdana, sans-serif;
  background: #ffffff;
background: #d22;
background: #9b9b9b;
  
  color: black;
  padding: 0;
}


.centrer_windaube {
	position: relative;
	text-align: center;
	bottom: 0;
	height: 100%;

 border-width: 0px;
 border-style: solid;

}

.centrer {
	position: relative;
	margin-left: auto;
	margin-right: auto;

	text-align: left;
	width: 780px;
	bottom: 0;
	height: 100%;
border-width: 0px;
 border-style: dashed;
}


.feuille {
  width: 780px;
  margin: 0px 0px 0px 0px;
border-width: 0px;
 border-style: solid;
}

img {
  border: 0px;
}

.imgtitre {
  position: relative;
}


.haut-fond {
  margin: 0px 0px 0px 0px;
  float: left;
  width:780px;
}

.haut-logosite {
  float: left;
  margin-bottom: 10px;
  border-width: 0px;
  border-style: solid solid solid solid;
}



.haut-menu {
  margin: 0px;
  float: left;
  margin-top:0px;
  margin-left: 14px;
  margin-right:5px;
  border: 1px solid #000;
  background-color: #900;
background-color: #d22;
}

.haut-menu-images {
  width: 620px;
  height: 55px;
  float: left;
  margin-top:0px;
  margin-bottom:5px;
  margin-left: 10px;
  border: 0px solid #000;
 
}

.haut-menu-logos {
  float: left;
  width: 600px;
  margin: 0px 4px 0px 4px;
 border: 0px solid #000;
 
}


.gauche {
  float: left;
  width: 180px;
  margin: 0px 0px 0px 0px;
}



.menu_gauche {
  float: left;
  width: 155px;
  height: 450px;
  margin-top: 10px ;
  border-width: 0px;
  border-style: solid;
  border-color:#ffffff;

}


.menu_gauche_detail {
  float: left;
  width: 146px;
  border-width: 1px;
  padding: 5px 5px 5px 5px;
  margin-left: 2px ;
  margin-bottom: 20px ;
  font-size: 12px;
  font-family: Arial,  Helvetica, Verdana, sans-serif;
  text-align: center;
  font-weight: bold;
  border-width: 1px;
  border-style: dashed;
background-color: #d5e523;

}

.menu_gauche_detail a {
	text-decoration: none;
	color: #000;

}



.main {
  background-color: #fff;
  float: left;
  width: 775px;
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  margin-bottom: 10px;

   background-image: url(../images/degrade.jpg);
 
}


.art_gauche {
  float: left;
  width: 180px;
  margin: 5px;
  
  border-width: 0px;
  border-style: solid;
    /* background-color:  #EEE1B7; */
}

.art_droite {
  float: right;
  width: 570px;
  margin: 5px;
   background-image: url(../images/blason_01.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  border-width: 0px;
  border-style: solid;
/*  background-color:  #EEE1B7; */
}

.art_droite_plan {
  float: right;
  width: 570px;
  margin: 5px;
  border-width: 1px;
  border-bottom-style: solid;
}

.art_descrip {
  float: left;
  width: 400px;
  margin-top: 3px;
  margin-left: 15px;
  font-size: 12px;
  text-align: left;
font-style: italic;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-width: 0px;
  border-style: dashed; 
}

.art_document {
  width: 120px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 10px;

  font-size: 12px;
  font-weight: bold;
  text-align: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 10px;
  border-width: 0px;
  border-style: dashed; 
}





.texteart-gallerie {
  float: left;
  font-size: 14px;

}

.photo-gallerie {
  float: left;
}


.art_meme_rub {
  float: left;
  width: 170px;
  margin-left: 5px;
  padding: 3px;
  font-size: 12px;
  border-width: 1px;
  border-style: dashed;
}

.titre_memerub {
  width: 170px;
  height: 18px;
  background: #9b9b9b;
  text-align: center;
}

.titre_accueil{
  width: 600px;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  border-width: 0px;
  border-style: dashed;
  
   }



.boite_accueil{
  float: left;
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom: 25px;
  border-width: 0px;
  border-style: dashed;
  }


.logo_rub_accueil{
  float: left;
  border-width: 0px;
  border-style: dashed;
  }
  
  
  
.titre_rub_accueil{
  width: 110px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 10px;
  border-width: 0px;
  border-style: dashed; 
}





.boite_art_rubrique{
  float: left;
  background-image: url(../images/fleche_05.jpg);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 25px;
  border-width: 0px;
  border-style: dashed;
  }


.logo_art_rubrique{
  float: left;
  border-width: 0px;
  border-style: dashed;
  }
  
  
  
.titre_art_rubrique{
  width: 500px;
  margin-top: 5px;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  
   }
  

.titre_art_rubrique a{
  padding: 4px;
}
  
.boite_art_plan{
  float: left;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 25px;
  border-width: 1px;
  border-bottom-style: solid;
  }
   
.bas {
  width: 780px;
}

.bas_dede-guzzi {
	float: left;
 	                     
 	font-family:  Arial, Helvetica,Verdana, sans-serif;
 	font-size: 14px;
 	text-align: center;
 	width: 775px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	background-color: #d22;
	color: #ccc;
 	border-width: 1px;
	border-style: solid;
	border-color: #000;
	margin: 0px 0px 10px 0px;
}


.bas_dede-guzzi a { text-decoration: none; color: #FFF; }

.bas_dede-guzzi a:hover { text-decoration: none; color: #d22; background: #FFF; }

.bas_eledo {
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
	width: 140px;

 	border-width: 1px;
	border-style: dashed;
 }


  

.titreart {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  margin-top: 15px;
  margin-bottom: 35px;
  margin-left: 5px;
  font-weight: bold;
  float: left;
  font-size: 14px;
  
}




.btlogorub {
  float: left;
  width: 250px;
  margin: 5px 0px 0px 0px;

  border-width: 0px;
  border-style: solid solid solid solid;
}

.btlogoart {
  float: left;
  width: 150px;
  margin: 5px 0px 0px 0px;
  margin-left: 5px;

  border-width: 0px;
  border-style: solid solid solid solid;

}

.stitreart {
  float: right;
  width: 510px;
  font-size: 18px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  text-align: center;
  color: #333399;
}


.texteart {
  float: left;
  font-size: 14px;
  margin: 5px 20px 20px 10px;
}

.form_info{
  float: right;
  width: 570px;
  margin: 5px;
  
  background-image: url(../images/blason_01.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  font-size: 14px;
  border-width: 0px;
  border-style: solid;
}


.form_boite{
  float: right;
  width: 550px;
  margin: 5px;
  border-width: 0px;
  border-style: dashed;
}

.form_zone_titre{
  float: left;
  width: 450px;
  margin: 5px;

}

.form_30 {
  float: left;
  width: 30px;
  margin: 5px;
}

.form_50 {
  float: left;
  width: 50px;
  margin: 5px;
}

.form_150 {
  float: left;
  width: 150px;
  margin: 5px;
}

.form_220 {
  float: left;
  width: 220px;
  margin: 5px;
}

.form_350 {
  float: left;
  width: 350px;
  margin: 5px;

}


.form_380 {
  float: left;
  width: 380px;
  margin: 5px;
}






.titrerub {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  padding: 3px;
  font-size: 18px;
  border-style: solid solid solid solid;
  background-color: #DCC161;
  border-width: 1px;
  width: 350px;
}

.titreitem {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  padding: 3px;
  font-size: 14px;
  border-width: 1px;
  width: 350px;
}


.rubplan {
  float: right;
  width: 510px;
  margin: 5px 0px 0px 0px;
  border-width:0px;
  border-color:#9999FF;
  border-style:dashed;
  background-color: #ffffff;
}


.titrerubplan {
  float: left;
  color: #333399;
  font-weight: bold;
  font-size: 16px;
}

.titreartplan {
  float: right;
  width: 510px;
  font-size: 14px;
  margin: 0px 0px 0px 10px;
  text-align: justify;
  background-color: #ffffff;
  color: #333399;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.titreartplan li{
  color: #E72716;
}


.spacer {
  clear: both;
  border-width: 0px;
  border-style: solid solid solid solid;
  height: 5px;

}


.texte a{
  color: green;
  text-decoration: none;
  font-weight: bold;
}


a { text-decoration: none;   color: #d22;}
a:hover { text-decoration: none; color: #fff; background: #d22; }

.titremenu1 {
  font-weight: bold;
  margin: 10px 0px 0px 10px;
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
  color: #e58d09;
}


.titremenu {
  font-weight: bold;
  margin: 5px;
}

.titremenu1 a { text-decoration: none; color: #FFFF33; }

.titremenu1 a:hover { text-decoration: none; color: #303030; background: #FFFF33; }


.spip li {
padding: 0px;
margin: 0px;
}

.texte-sommaire {
margin: 0px;
}

img.logosite
{
position:absolute;
left:40px;
top:20px;
z-index:1
}




					/* Creation date: 28/12/01 */
.rub_pres_article, .date_pres_article {
  color : #ee7942;

  font-weight : 600;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-decoration : none;
}

.titre_pres_article {
  color : #555555;
  font-weight : 600;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 14px;
  text-decoration : none;
}

.titre_site {
  color : #777777;
  font-weight : 600;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 16px;
  text-decoration : none;
}

.a_pres, .texte_pres_article {
  color : #909090;
  font-weight : 400;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-decoration : none;
}


.div01 { border: 2px; border-style: solid }

.div02 { border: 2px; border-style: solid }

.div03 { border: 2px; border-style: solid }

.img {position:relative;}


.spip li {
padding: 0px;
margin: 0px;
  list-style-image: url(../images/puce_rouge.jpg);
}

ul.puces {
  list-style-image: url(../images/puce_rouge.jpg);
}