body { 
  border:0;
  margin:0;
  background-color: #dbdbf9;
  font-family : Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px; 
  background-image: url("images/sous-pied.png");
  background-repeat: repeat-y;
}

p { 
  text-align: justify;
  text-indent: 0.5em;
  padding: 0.5em;
}

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

h1 { font-size: 120%;   }
h2 { font-size: 115%;   }

div { 
  border:0;
  margin:0;
}

table { 
  font-size: 12px;
}

em {
  border: 0;
  margin: 0;
  font-style: italic;    
}


a { color: #100c55; font-weight: bold;}
a:hover { text-decoration: none; }
a:visited { color: black; }

img { border: 0; }

p#retour {
  width: 300px;
  height: 40px;
  margin-bottom: 15px;
}

p#retour a {
  display: block;
  background-image: url("images/bouton-retour.jpg");
  background-repeat: no-repeat;
  width: 250px;
  height: 32px;
  color: #666;
  text-decoration: none;
  padding-left: 23px;
  padding-top: 7px;
}

p#retour a:hover {
  background-image: url("images/bouton-retour-hover.jpg");
  padding-left: 24px;
  padding-top: 8px;
}


input.bouton {
  font-size: 90%;
  background-color: #fff;
  border: 1px outset #7374e5;
}
input.saisie {
  background-color: #bbbcf6;
  border: 1px inset #7374e5;
}

div#contenu input.saisie {
  background-color: #fff;
}

input.saisie:hover, input.saisie:focus {
  background-color: #fef1b0;
}

input.bouton:hover {
 border: 1px inset #7374e5;
}

.saisiesimple {
  background-color: #fdfaf6;
  border: 1px inset #ede9e5;
  margin: 2px;
  width: 100%;
}


input.boutonsimple {
  font-size: 90%;
  background-color: #fdfaf6;
  border: 1px outset #d5d0cc;
  margin: 2px;
}
input.boutonsimple:hover {
  border: 1px inset #d5d0cc;
}

/************  Bandeau haut  **************/

div#bandeau { 
  background-image: url("images/bandeau-2.png");
  background-repeat: repeat-x;
  height: 118px;
}

div#bandeau-contact {
  position: absolute;
  font-weight: bold;
  left: 100px;
  top: 42px;
  width: 60%;
  font-size: 110%;
}

div#bandeau-contact li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 2px;
  color: #800;
}

div#bandeau-contact ul {
  margin: 0;
  padding: 0;
}

div#bandeau-contact input.saisie:focus, div#bandeau-contact input.saisie:hover {
  background-color: #fef1b0;
}

div#bandeau-contact input.saisie {
 margin-left: 5px;
}

div#bandeau-haut { 
  height: 91px;
}

div#bandeau-gauche { 
  background-image: url("images/bandeau-1.png");
  background-repeat: no-repeat;
  background-position: left;  
}

div#bandeau-titre { 
  background-image: url("images/bandeau-3.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 91px;
}



div#bandeau-titre a { 
  position: absolute;
  right:22px;
  top:0;
  display: block;
  height: 91px;
  width: 336px;
  border: 0;
}

div#bandeau-bas { 
  height: 26px;
}

div#bandeau-basdroite { 
  background-image: url("images/bandeau-6.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 27px;
}

div#bandeau-basgauche { 
  background-image: url("images/bandeau-4.png");
  background-repeat: no-repeat;
  height: 27px;
  padding-left: 170px;
}

div#acces-rapide { 
  display: none;
}

div#bandeau-basgauche ul { 
  padding: 0;
  margin: 0;
  display: block;
}

div#bandeau-basgauche li  { 
  padding:0;
  margin:0;
  display: block;
  float: left;
  height: 18px;
  margin-top: 7px;
  width: 100px;
  margin-left: 1em;
  margin-right:0;
}

div#bandeau-basgauche li a { 
  display: block;
  border-bottom: 0;  
  font-weight: bold;
  width: 100px;
  height: 18px;
  text-align: center;
  background-image: url("images/onglet-haut.gif");
  background-repeat: no-repeat;
  text-decoration: none;
  color: #000;
  padding-top: 2px;
  font-size: 85%;
}

div#bandeau-basgauche a:hover { 
  background-image: url("images/onglet-haut-actif.gif");
}

div#bandeau-basgauche li.actif a { 
  background-image: url("images/onglet-haut-actif.gif");
}


/************  Corps  **************/
div#corps { 
  background-image: url("images/colonne.png");
  background-repeat: repeat-y;
  background-color: #fff;/*#faf3ea;*/
  overflow: visible;
  width: 100%;
}

div#corpsd {   
  background-image: url("images/page-droite.png");
  background-position: right;
  background-repeat: repeat-y;
  overflow: visible;
  width: 100%;
}


div#colonne-gauche { 
  background-image: url("images/tete-tux.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  overflow: visible;
  width: 100%;
}



/************  Menu  **************/
div#menu { 
  position: absolute;
  left: 0;    
  top: 120px;

}

div#menu ul { 
  padding:0;
  margin:0;
  margin-left: 25px;
  margin-bottom: 10px; 
  display: block;
  list-style-type: none;
}

div#menu li { 
  padding:0;
  margin:0;
}

div#menu img.spip_logos { 
  margin-left: 25px;
  margin-top: 1px;
}

div#menu li a { 
  background-image: url("images/onglet-vif.png");  
  background-repeat: no-repeat;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  width: 140px;
  height: 30px;
  text-decoration: none;
  color: black;  
  text-align: left;
  font-size: 90%;
  font-weight: bold;
}

div#menu li.pale a { 
  background-image: url("images/onglet-pale.png");  
}

div#menu li.actif a { 
  background-image: url("images/onglet-actif.png");  
}

div#menu li a:hover { 
  background-image: url("images/onglet-select.png");  
}

div#menu li.actif a:hover { 
  background-image: url("images/onglet-actif.png");  
}


/************  Contenu  **************/


/**** contenu gauche ****/




/*** contenu ***/
div#contenu {   
  background-image: url("images/fond.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 5px 40px 5px 0px;
  margin-right: 26px;
  margin-left: 209px;
}


body#sommaire div#contenu {   
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 5px;
}

table { 
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
  table-layout: auto;
  border: 0px;
}


td { background-repeat: no-repeat; background-color: #fff; border: 0; }

td#contenu_droit {
  background-image: url("images/centre-droit.jpg");
  background-repeat: no-repeat;
  background-color: #fae6cb;
  text-align: justify;
  width: 230px;
  margin:0;
  padding: 10px;
}


td#topl1 { background-image: url("images/coin2-hg.gif"); width: 8px; }
td#topr1 { background-image: url("images/coin2-hd.gif"); width: 20px; }
td#bottoml1 { background-image: url("images/coin2-bg.gif"); }
td#bottomr1 { background-image: url("images/coin2-bd.gif"); }

td#topc1, td#left1, td#right1, td#bottomc1 { background-image: url("images/gris.png"); }
td#topc1 { background-repeat: repeat-x; background-position: top; } 
td#left1 { background-repeat: repeat-y; background-position: left; }
td#right1 { background-repeat: repeat-y; background-position: 9px; }
td#bottomc1 { background-repeat: repeat-x; background-position: bottom; }

td#topright {
  background-image: url("images/haut-droit.png");
  height: 9px;
}

td#bottomright {
  background-image: url("images/bas-droit.png");
  height: 9px;
}

div#lien_blog { 
  overflow: hidden;
  width: 230px;
}

div#lien_blog p { 
  text-indent: 5px;
  margin: 0;
}

div#lien_blog h1 { 
  font-size: 110%;
  margin-bottom: 5px;
  color: #a00;
}


div#lien_blog a { 
  font-style: normal;
}

h1.titrearticle { 
  border-bottom: 1px solid black;
  padding-bottom: 0.2em;
  margin-bottom: 1em;
  color: #46498c;
}

h1.titrearticle a { 
  text-decoration: none;
  color: #46498c;
}

h1.titrearticle a:hover { 
  text-decoration: underline;
  color: #000;
}


h1.titrerecherche {
  border-bottom: 1px solid black;
  padding-bottom: 0.2em;
  margin-bottom: 10px;
  color: #46498c;
}

p.note {   
  font-style: italic;    
}

div#contenu p {
  font-size: 110%;
  clear: none;
  margin: 0;
}

div#contenu_bas { 
  margin: 0;
  width: 230px;
}

/************  Pied  **************/


div#pied { 
  clear: both;
  background-image: url("images/pied-1.png");
  background-repeat: repeat-x;
  height: 78px;
  width: 100%;  
}

div#pied-tux { 
  background-image: url("images/pied-2.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  height: 78px;
  width: 100%;
}

div#pied-droit { 
  background-image: url("images/pied-3.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  height: 78px;
  width: 100%;
  text-align: right;
}

div#pied-droit div { 
  margin-top: 23px;
}

div#pied-droit div div { 
  margin-top: 0;
}

div#sousdroit { 
  float: right;
  padding-right: 30px;
  margin-top: 0;
margin: 0;
}

div#sous { 
  clear: both;
  padding: 0;
  margin-top: -5px;
}

div#sous p { 
  margin: 0;
  text-align: center;
  font-size: 80%;
  color: #444;
}


div#sous p a { 
  color: #444;
}

div#pied-droit p {
 margin: 0;
 padding: 0;
 text-align: right;
}

div#pied-droit form {
  margin-right: 32px;
}


div#pied-droit form input.saisie {
  margin-right: 10px;
}


/* */
input.formrecherche {
  border: 1px inset #7374e5;  
  margin-left: 10px;
}

/* SPIP */
.spip_documents_center {	text-align: center; }
.spip_documents_right {	float: right; }
.spip_documents_left {	float: left; }

/*************** newsletter *************/

div#newsletter {
  float: left;
  width: 66%;
  text-align: left;  
  vertical-align: bottom;
}

div#newsletter div {
  margin-left: 215px;
}


div#newsletter div img {
 margin-right: 10px;
}


/************** recherche **********/

div#recherche {
  float: left;
  width: 34%;
}

div#recherchedroit { 
  float: right;
  width: 34%;  
}

div#recherche input.form, div#recherchedroit input.form {
  border: 1px inset #7374e5;
  margin-left: 10px;
}

/*************** Commentaire ***********/

div.comment { 
  background-color: #fdf9f5;
  border: 1px solid #e9e9ea;
  padding: 10px;
  padding-bottom: 0;
  margin-left: 30px;
  margin-top: 10px;
}

div.comment h2 { 
  font-size: 120%;
  border-bottom: 1px solid black;
}

div.comment p { 
  padding: 10px;
}

p.pied_txt { 
  text-align: right;
 
}

h2#titrecomments { 
  color: #46498c;
  margin-bottom: 10px;
}

/********************** article ************************/
p.basarticle { 
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
}


/********************* suite blog première page ***********/

p.blog_suite {
  width: 240px;
  height: 40px;
  margin-bottom: 15px;
  margin-left: 80px;
}

p.blog_suite a {
  display: block;
  background-image: url("images/bouton-suite.jpg");
  background-repeat: no-repeat;
  width: 134px;
  height: 32px;
  color: #444;
  text-decoration: none;
  padding-left: 12px;
  padding-top: 7px;
  margin-left: 80px;
}

p.blog_suite a:hover {
  background-image: url("images/bouton-suite-hover.jpg");
  padding-left: 13px;
  padding-top: 8px;
}

/***** contact *****/
div#boitecontact { 
  background-color: #fff;
  border: 1px solid #e9e9ea;
  padding: 10px;
  margin: 30px;
}

div#boitecontact h2 { 
  font-size: 120%;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}