BODY {
	background:url(image/imgfond.jpg) top center no-repeat;
}
#body {
width:900px;
	margin:auto;
	margin-top:15px;
	border:#CCCCCC 1px solid;
	text-align:left;
}
h1 {
font:22px/28px Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
color:#7D795C;

padding-left:20px;
padding-top:11px;
line-height:14px;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#7D795C;
font-weight:bold;
padding-left:20px;
padding-top:11px;
line-height:14px;
}
h2.evenement
{
font-size:14px;
color:#7D795C;
padding-left:20px;
}
h2.evenement a
{
text-decoration : none;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#7D795C;
font-weight:bold;
padding-left:20px;
padding-top:11px;
line-height:14px;
}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left:20px;
padding-top:16px;
padding-right:46px;
line-height:14px;
margin:10;
padding:0;
	}
p.texte {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
p.texte a {
color:#000000;
text-decoration : none;
}
p.texte a:hover {
color:#000000;
text-decoration: underline;
margin:15; 
}
img{
border: 0px; 
    }
		
.texte-pic
 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#7D795C;
text-align: center;
font-weight:bold;
padding-left:20px;
padding-top:11px;
padding-right:46px;
line-height:14px;
margin:10;
padding:0;
	}
.texteimagebas {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#7D795C;
text-align: center;
font-weight:bold;
padding-left:20px;
padding-top:5px;
padding-right:46px;
line-height:14px;
margin:5px;
padding:0;
width: 120px;
	}
.texteimagebas a{
color:#7D795C;
font-weight:bold;
text-decoration : none;
	}
	.arti-rub
 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#7D795C;
text-align: left;
font-weight:bold;
padding-left:20px;
padding-top:11px;
padding-right:46px;
line-height:14px;
margin:10;
padding:0;
	}

.arti-rub a{
color:#7D795C;
font-weight:bold;
text-decoration : none;
	}
	
.texte-pic a{
color:#7D795C;
font-weight:bold;
text-decoration : none;
	}

.commentaires
 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7D795C;
text-align: left;
margin:10;
padding:0;
	}

.commentaires a{
color:#7D795C;
font-weight:bold;
text-decoration : none;
	}
	
form {padding:0;
		margin:0;
		}
ul{padding:0;
        margin:0;
		     }
		  
li{padding:0;
margin:0;
}			 
.td {
	font-family:Tahoma, Helvetica, sans-serif ;Arial,; 
	font-size: 11px; 
	color: #444444; 
	font-weight:normal; 
	line-height:14px;
}
.up_menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
}
.up_menu:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration: underline;
}
.welcome {
padding-left:20px;
padding-top:15px;
}

.website {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#7D795C;
padding-left:20px;

}
.website a {
color:#7D795C;
text-decoration: underline;

}

.body_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding-left:20px;
padding-top:16px;
padding-right:46px;
line-height:14px;
}

.more {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
padding-left:220px;
padding-right:46px;
padding-top:10px;
}
.more1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}
.more1:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: underline;
color:#000000;
}
.catalog {
padding-left:13px;
padding-top:11px;
}
.copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
margin:10;
padding:0;
	}
	.copyright a {
color:#FFFFFF;
text-decoration: none;
	}
	.copyright a:hover {
color:#ccc;
text-decoration: underline;
margin:15;
	}
.ul1{
background-image: url(image/symbol_catagory.gif);
background-position:3px 12px;
background-repeat:no-repeat;
list-style-type:none;
line-height:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding-left:32px;
padding-top:9px;
}
.ul2{
background-image: url(image/symbol_scatagory.gif);
background-position:3px 12px;
background-repeat:no-repeat;
list-style-type:none;
line-height:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-left:13px;
padding-top:5px;
}
.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
line-height:14px;
text-decoration:none;
}
.menu:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#444444;
padding-left:3px;
line-height:14px;
text-decoration: none;
}
.smenu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
line-height:14px;
text-decoration:none;
}
.smenu:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#444444;
padding-left:3px;
line-height:14px;
text-decoration: none;
}
.padding_buttom {
border:1px;
border-color:#DFD3A9;

}
.add1 {
background-image:url(image/add1.gif);
background-repeat:no-repeat;
}
.item1 {
padding-left:24px;
padding-top:10px;
}
.item_text1 {
padding-left:24px;
padding-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

line-height:14px;
padding-right:22px;
padding-bottom:4px;
}
.b_td {
border-right:1px;
border-right-style:solid;
border-color:#DFD3A9;
}
.special {
padding-left:20px;
padding-top:15px;
padding-bottom:15px;
}
.pic1 {
padding-left:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.pic2 {
padding-left:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.pic2 {
padding-left:18px;
}
.photo{
padding-left:10px;
width: 100px; 
height: 100px
}
.item_text2 {
padding-left:18px;
padding-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

line-height:14px;
padding-right:18px;
padding-bottom:4px;
}
.buttom_menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
}
.buttom_menu:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration: underline;
}
.buttom_motcle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#993300;
font-weight:normal;
text-decoration:none;
}
.buttom_motcle:hover {
text-decoration: underline;
}
.float {
  float: left;
  width: 48%;
  margin: 0.5em 0;
}
.floatp {
  float: left;
  width: 100%;
  margin: 1em 0;
}
.floatarti {
  float: left;
  width: 90%;
  margin: 1em 0;
}

.floatrub {
  float: left;
  width: 100%;
 
}

.floatrub .floatlist {
  float: center;
  margin: 5px;
  border: 1px dashed #CCCCCC;
  margin: 1em 0;
  width: 98%;
  height:110px;
  text-align: left;
}
.floatrub .floatlist img {
margin-right: 10px;
width: 100px; 
height: 100px

}
.floatrub .floatlist:hover {
margin: 7px;
background:#e1f0f1; 
color:#000000; 
height:160px;
}
.floatrub .floatlist:hover img {
 margin-right: 10px;
width: 150px; 
height: 150px
}
.floatlistpub {
  float: center;
  margin: 5px;
  margin-top: 20px;
  margin-left: 50px;
  border: 1px dashed #CCCCCC;
  margin: 1em 0;
  width: 98%;
  height:100px;
  text-align: center;
}
.pubtrad {
  float: center;
  margin-top: 20px;
  margin-left: 50px;
  border: 0px
  width: 98%;
  height:100px;
  text-align: center;
}

.slide{
  float: center;
  padding-bottom: 10px;
  margin-left : 25px; 
  padding-top: 10px;
  border: 2px dashed #CCCCCC;
  width: 90%;
  height:270px;
  text-align: center;
  background : #FFF;

}
.slide2 {
  float: left;
  margin-left : 25px; 
  margin-right : 15px; 

}
.div1{
width:200px;
height:200px;
border:0px;
margin-left: 25px;
}
.div2{
border:0px;
margin-left: 15px;
}
.divphotoarti
{
float:right;
margin-left: 15px;
}
.divp3{
float:right;
}

.divp1{
float: center;
margin-left: 25px;
margin-bottom: 5px;
}
.divp2{
width:100%;
border:0px;
}


.divp3 img{
margin-left : auto; 
margin-left : auto; 

}

.divpdf{
float:auto;
width:100%;
border:0px;
margin-top: 10px;
margin-left: 10px;
}
.divpdf a{
text-decoration:none;

}
.divpub{
border:0px;
padding-top : 10px;
margin-top: 10px;
margin-left: 25px;

}
.divpub2{
border:0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
#hierarchie { 
margin-left: 10px;
 }
#hierarchie, #hierarchie a { 
color: #CC9900; 
font-size:11px; 
text-decoration:none;}

#hierarchie, #hierarchie a:hover { 
color: #666666; 
font-size:11px; 
padding-left:3px;
line-height:11px;
text-decoration: none;}
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset. {}
.formulaire_spip legend {
font-weight: bold;
font-size:14px;
}

.formulaire_spip label {
font-weight: bold; 
color: #296d0b;
}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { 
padding: 1em; 
}

div.previ{ 
border: 1px solid #B8B8B8;
background: #9af96f;

}

/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background:#9af96f; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/*  ------------------------------------------

/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/***** mise en forme image ombrée ***/

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('image/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;
 
  /* Une autre bordure */
  border: 1px solid #a9a9a9;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 4px;
 
}
/*  Mise en forme des textes du contenu
---------------------------------------------- */
.notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.notes h2 { font-size: 1.19em; font-weight: bold; }


