body {
background: #FED;
}
#contenant {
background-color: #FFF;
width: 980px;
padding: 1%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: auto;
margin-right: auto;
border: 1px solid #099423;
}
#banniere {
height: 120px;
background-repeat: no-repeat;
background-position: left;
background-color: #FFF;
text-align: left;
font-weight: bolder;
}
#banniere2 {
top: 2px;
width: 100%;
}
#banniere-titre {
position: absolute;
top: 20px;
left: 0px;
width: 100%;
height: 100px;
text-align: center;
font-weight: bolder;
}
#banniere-titre2 {
position: absolute;
left: 0px;
width: 100%;
height: 100px;
text-align: center;
font-weight: bolder;
}
#banniere-logoflash {
height: 150px;
   display: block;
   position: absolute;
   margin: 0px;
   padding: 0px;
   left: 10px;
   top: 5px;}
   
#barre-gauche {
height: 28px;
background-image:  url('ecrire/upload/barre-gauche.gif');
background-repeat: no-repeat;
background-position: left;
background-color:#FFFFFF;
position: absolute;
top: 120px;
left: 1%;
width: 730px;
margin: 0px;
padding: 0px;
border: 0px;
}
#barre-droite {
height: 28px;
background-image:  url('ecrire/upload/barre-droite.gif');
background-repeat: no-repeat;
background-position: right;
background-color:#FFFFFF;
position: absolute;
top: 120px;
right: 1%;
width: 730px;
margin: 0px;
padding: 0px;
border: 0px;
}
#barre-gauche2 {
height: 28px;
background-image:  url('ecrire/upload/barre-gauche.gif');
background-repeat: no-repeat;
background-position: left;
background-color:#FFFFFF;
position: absolute;
left: 1%;
width: 730px;
margin: 0px;
padding: 0px;
border: 0px;
}
#barre-droite2 {
height: 28px;
background-image:  url('ecrire/upload/barre-droite.gif');
background-repeat: no-repeat;
background-position: right;
background-color:#FFFFFF;
position: absolute;
right: 1%;
width: 730px;
margin: 0px;
padding: 0px;
border: 0px;
}
#recherche {
height: 18px;
width: 200px;
border-width: 1px;
border-color: #E68300;
border-style: none;
margin-left: 2%;
margin-top: 10px;
text-align: left;
}
#menubarre {

height: 25px;
width: 99%;
border-width: 0px;
border-style: none;
margin-left: 1%;
}
#conteneur {
position: absolute;
top: 135px;
width: 1000px;
background-color:#ddd;
}
#conteneur2 {
position: absolute;
top: 135px;
width: 1000px;
background-color:#fff;
}
#centre {
float: left;
margin-left: 10px;
width: 490px;
background-color:#fff;
}
#gauche {
float: left;
margin-left: 0px;
width: 225px;
background-color:#fff;
}
#droite {
float: right;
margin-right: 10px;
width: 225px;
background-color:#fff;
}
#pied {
height: 20px;
background-color: #F0F;
}
#alerte {
background-color: #FF3;
padding: 2px;
margin-bottom: 10px;
}
#alerte h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   color: #F00;
   text-align: center;
   margin: 0px;
}
#alerte p {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #800;
   text-align: center;
   margin: 0px;
}
#piedgauche {
height: 15px;
position: absolute;
bottom: 5px;
left: 0px;
background-color: #099423;
background-image:  url(squelettes/'ecrire/upload/vertgauche.gif');
background-repeat: no-repeat;
background-position: left;
padding: 0px;
margin: 0px;
border: 0px;
width: 750px;
}
#pieddroite {
height: 15px;
position: absolute;
bottom: 5px;
right: 0px;
background-color: #10575A;
background-image:  url(squelettes/'ecrire/upload/vertdroit.gif');
background-repeat: no-repeat;
background-position: right;
padding: 0px;
margin: 0px;
border: 0px;
width: 750px;
}
.agauche {
float: left; /* alignement à gauche */
width: 200px;
height: 250px;
border: 0px;
margin: 5px;
margin-right: 5px;
clear: both;
}
.encadrement {
border: 1px solid #000;
margin: 0px 5px 2px 0px;
}
.marge {
padding-left: 90px;
}
.prix {
float: left;
margin-bottom: 2px;
margin-top: 5px;
width: 230px;
border: 1px solid #F00;
padding: 2px 2px 0px 4px;
background-color: #FFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 0.9em;
   color: #000;
   text-align: left;
}
.prix em{
   font-weight: bold;
   font-size: 1.2em;
   color: #F00;
   }
.sites {
float: left;
width: 230px;
height: 280px;
overflow: auto;
margin: 2px;
border: 1px solid #888;
padding: 2px;
background-color: #FEFEFE;
}
.trombi {
float: left; /* alignement à gauche */
width: 80px;
height: 125px;
border: none;
margin: 0px;
margin-right: 5px;
clear: both;
}
.separation{
clear: both;
visibility: hidden;
}
.logo {
float: left;
margin: 2px;
border: 0px;
padding: 0px;
}
.logocentre {
margin: 1px;
float: left;
}
.publication-irea {
float: left;
width: 98px;
   margin-left: 0px;
   margin-top: 1px;
   margin-bottom: 3px;
   padding-left: 1px;
   padding-right: 3px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 80%;
   line-height:1em;
}
.puce {
height: 8px;
float: center; /* alignement de la puce au centre */
margin: 0px;
border: 0px;
padding: 0px;
margin-bottom: 10px;
background-image:  url(squelettes/'ecrire/upload/puce-fin.gif');
background-repeat: no-repeat;
background-position: center;
background-color: #FFF;
}
.logobas {
float:left; /* alignement du logo à gauchee */
margin: 0px;  /* placement du logo dans son conteneur, header ou pied */
border: 0px;
padding: 0px;
}
.logogauche {
float: left; /* alignement du logo ou du texte à gauche */
text-align: center;
margin-left: 0px;
border: 0px;
padding-left: 25px;
}
/*
 * Habillage des menus et de la navigation
 */

.menu {
   border-left: 1px solid #099423;
   border-top: 1px solid #006EAE;
   border-right: 1px solid #006EAE;
   border-bottom: 1px solid #099423;
   padding: 0px;
   margin: 0px;
   margin-bottom: 4px;
}
.menu1 { 
   text-decoration: none; 
   font-weight: 600; 
   color: #099423; 
}
.menu ul {
   border-left: 0px;
   display: block;
   margin: 0px;
   margin-left: 4px;
   padding: 0px;
   padding-bottom: 4px;
   list-style: none;
}
.menu ol {
   display: block;
   margin: 0px;
   padding: 0px;
   padding-bottom: 1px;
   list-style: none;
}
.menu-titre {
   border-bottom: 1px solid #08494B;
   border-left: 0px;
   border-top: 0px;
   margin-top: 5px;
   margin-bottom: 3px;
   padding-left: 0px;
   padding-right: 4px;
   padding-top: 1px;
   padding-bottom: 0px;
   font-size: 90%;
}
.menu-liste {
   border-bottom: 1px solid #ff0000;
   border-left: 0px;
   border-top: 0px;
   margin: 0px;
   padding-left: 8px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 90%;
}
.menu-livre {
   border-left: 0px;
   border-top: 0px;
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 90%;
}
.menu-item {
   margin-left: 3px;
   margin-top: 1px;
   margin-bottom: 3px;
   padding-left: 1px;
   padding-right: 4px;
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 80%;
   line-height:1em;
}

.articles-une {
   border-left: 1px solid #099423;
   border-top: 1px solid #006EAE;
   border-right: 1px solid #006EAE;
   border-bottom: 1px solid #099423;
   padding: 10px;
   margin: 0px;
   margin-bottom: 16px;
}

/* Des couleurs specifiques selon les types de menus */
.rubriques       { background-color: #fff; text-align: left; }
.rubriques .menu-titre   { background-color: #fff; }

/*
 * Habillage des forums
 */

ul.forum-total {
   display: block;
   padding: 0px;
   margin: 0px;
   list-style: none;
}
.forum-fil {
   margin-top: 3em;
}
.forum-fil ul {
   display: block;
   margin: 0px;
   margin-left: 2em;
   padding: 0px;
   list-style: none;
}
.forum-titre {
   font-weight: bold;
   font-size: 150%;
   margin-top: 0.6em;
   margin-left: 8px;
}
.forum-item {
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding: 1em;
   padding-top: 0.5em;
   padding-bottom: 0em;
   text-align: justify;
   color: #202020;
   font-size: 100%;
}
.forum-repondre-message {
   text-align: right;
}

/* Boite d'un forum : pas d'eclaircissement progressif des bords */

ul .forum {
   border: 1px solid #00575A;
   padding: 0px;
   margin: 8px;
   margin-bottom: 1em;
}

/* Boite de titre d'un forum : pas de mise en couleur selon la profondeur du forum */

ul .forum-chapo {
   border: 0px;
   border-bottom: 1px dashed #00575A;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 70%;
   background: #fff;
}
.image100pc { width: 100%;}
.image80pc { width: 80%;}
.image95pc { width: 95%;}
.image50pc { width: 50%;}
.image22pc { width: 22%;}

.guide {
   border: 1px solid #006;
   background: #FAFAD2;
   padding-top: 0px;
   padding-left: 0px;
   margin: 8px;
   margin-top: 0px;
   margin-bottom: 16px;
}
.guide blockquote {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: 1px solid #EE8833;
   float: right;
   width: 50%;
   padding: 2px;
   margin-left: 4px;
   color: #004422;
   background: #FFFFAA;
   font-weight: bold;
   font-size: 88%;
}

.guide-surtitre{
   border: 0px;
   margin: 0px;
   font-weight: bold;
   padding-left: 3px;
   padding-right: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   font-size: 90%;
   background: #660033;
   color: #FFD700;
}
.guide-titre-extrait{
   border: 0px;
   font-weight: bold;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 110%;
   color: #660033;
}
.guide-imprimer{
   border: 0px;
   margin: 0px;
   text-align: right;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 70%;
   color: #000000;
}
.guide-chapo{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 100%;
   color: #660033;
}
.guide-texte{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   border: 0px;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 90%;
   color: #000055;
}
.guide p{
   font-family: Georgia, Garamond, Times, serif;
   border: 0px;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 95%;
   line-height:130%;
   color: #000033;
}
.guide blockquote p.spip  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 88%;
   color: #004422;
   line-height:120%;
}
.guide blockquote strong.spip  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 88%;
   color: #FFF;
   line-height:120%;
   border: 0px;
   margin: 0px;
   font-weight: bold;
   padding-left: 3px;
   padding-right: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   background: #CC0000;
   color: #FFFFFF;
}
.guide h3{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 0px;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 120%;
   color: #000066;
}
.guide-notes{
   border: 0px;
   border-bottom: 1px dashed #00575A;
   margin: 0px;
   margin-top: 0.6em;
   margin-left: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 2px;
   font-size: 70%;
   color: #000000;
}
.guide-surtitre a{
   color: #FFFFFF;
}
.guide ul {
   border: 0px;
   display: block;
   margin: 0px;
   padding: 0px;
   list-style: none;
}
li.guide-texte a{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   display: block;
   border: 0px;
   margin: 0px;
   padding: 0px;
   font-size: 90%;
   line-height:110%;
   color: #000033;
   list-style: none;
}
#q{	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #eee url("../images/search.gif") no-repeat 0px center;
	padding-left: 18px;
	width: 75%;}
#q:focus {background: #fff url("../images/search.gif") no-repeat 0px center;}

img.spip_logos {
     text-decoration: none;
     margin-right: 3px;
     border: 1px solid #666; 
}