html, body {
  margin: 0;
  padding:0;
  background: #4b54b5;
  height: 100%; 
  text-align: center; /* IE5 doesnt support margin auto */
}

#container {  /* sorry, we are using a container because ie badly support body tag*/
  font-family: Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;	
  min-height: 400px;
  width: 840px;
  text-align: left;	
  padding: 0px;
  font-size: 14px;
  line-height: 120%;	
  margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
  background: url(../images/page-fond.jpg) repeat-y center; /* ombragé gauche et droite*/
}

#contenu { 
  width: 780px;
  margin-left: 28px; 
  padding: 10px 0 10px 0; 
  min-height: 300px;
}

/* Corrections pour IE6Win\*/
html #contenu .container { 
  height: 300px; 
}
/* Fin de la correction */


/* structure ------------------------------------*/

.lien_header {
  position: relative; /* Condition pour poditionner les objets de l'entête */
  margin: 0;
  background: url(../images/entete-top.jpg) no-repeat center top; /* Ombragé du haut */
  height: 132px; display: block;
}

.lien_header a {     
  margin: 0; 
  padding: 0;
  position: absolute; /* Acive le positionnement relative à l'entête  */
  top: 13px; /* Position du haut de la page */
  left: 17px; /* Position de la gauche de la page */	
  width: 806px; /* Largeur de l'image du bandeau */ 
  height: 150px; /* Hauteur de l'image du bandeau */ 
  background: url(../images/banniere.png) no-repeat center top; /* L'image du bandeau */
}


#headerprint {display:none;}


#menu {
  background: #f1d246;	
  width: 806px;
  height: 2em;
  float:left;
  padding-bottom: 2px;
  margin-left: 17px; 
  margin-top: 24px;
}

/* hack ie6 */

* html #menu {
  margin-top: 26px;
  margin-left: 9px; 
}

div#main {
  padding: 0px;
  margin-top : 40px;
  text-align: justify;
  margin-left: 170px;
  margin-right: 210px;
  font-family: Optima, "Trebuchet MS", Lucida, Arial
}


.clear {
  clear: both;
  display: block;
  height: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
} 

#colonnegauche{
  margin: 50px 0 0 0;
  /*background: #f3e2a8;*/
  /*background: #ffde44;*/
  width: 160px;
  float: left;
  /*padding: 30px 0px 100px 0px;*/
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 136%;
  background-color: #fffef4;
}

#colonnedroite{
  margin: 30px 0 0 0;
  /*Hack ie6 */
  -margin-right : -5px ; 
  width: 200px;
  float: right;
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 136%;
  background-color: #fffef4;
}




/* Pied de page  -------------------------------------- */

#footer { 
  clear: both; 
  margin: 0; 
  padding: 20px 30px 0 0; 
  font-size: 9px; 
  text-align: left; 
  height: 60px; 
  position: relative; 
  color: #999; 
  background: url(../images/pied-fond.jpg) no-repeat center bottom; /* Ombragé du bas */
  Z-index: 10;
}

#footer a, #footer a:active, #footer a:link { 
  color: #f60; 
  text-decoration: none; 
  font-weight: bold;
  font-size: 12px;
  margin: 0 3px;
}

#footer p {
  text-align: center;
  margin: 10px;
}

#footer hr {
  border: 0;  
  color: #DBDBD9; 
  width: 95%!important; 
  width: 100%;
  background-color: #DBDBD9; 
  margin: 15px 0 0 30px!important; 
  margin: 0 10px 0 40px;
  height: 1px;
}

#footer a:hover {color: #f30;}
#footerprint {	display: none;}


/* spip article typo -------------------------------------- */
a {
  margin: 3px 0;
  color: #f60;
  text-decoration: none;
}

a:hover {
  color: #ec1334;
}

img { border: 0 }

h3 {
  border-bottom: 1px solid #4b54b5;
  color:  #4b54b5;
  font-size: 16px;
  margin: 10px 0 4px 0;
  padding-top: 10px;
}


table b{
  order-style:solid; 
  border-width:2px; 
  border-color:black;
  border-collapse:collapse
}

.surtitre  {
  font-weight: bold;
  margin: 5px 0;
  text-align: center;
  padding: 5px;
}

h1, h1 a {
  color:  #4b54b5;
  font-size: 20px;
  margin:  5px 0 4px 0;
  padding: 5px 0px 20px 0px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;	
}

h1 a:hover {
	text-decoration: none;
} 

h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 5px 0;
  padding: 10px 0;
  text-align: center;
  color: #ff0000;
}

h4 {
  font-size: 12px;
  margin: 0 2px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}

h4 a {
  text-decoration: none
}

.date2 {
  color: #000;
  text-align: right;
  margin: 0 7px;
  font-size: 12px;
}

.logo {
  float:left;
  margin: 20px 10px  5px 10px;
  /*border: 3px solid #9fa9f3; */
}

.logo2 {
  float:left;
  margin: 20px 0 0 10px;
}


.auteur {	
  text-align: right;
  margin: 3px 7px;
}

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

.chapo     {
  padding:   20px;
  margin: 5px 0;
  line-height: 100%; 
  text-align: center;
}

.texte {
  padding: 15px 0 15px 0;
  margin-top: 5px;
}

.ps {
  border-top: 1px solid #ccc;
  margin-top: 5px;
  color: #a8a8a8;
  font-size: 10px;
}

.note {
  margin: 5px 0;
  font-size: 12px;
}

.maj {
  font-size: 10px;
  text-align: left;
}

.doc-item { 
  font-weight: bold;
  margin-top:  10px;
}

.doc-legend { color: #666;}
.doc-descro {}

.metarub {
  color: #999;
  font-size: 12px;
}

.keywords {
  color: #4b54b5;
  font-size: 12px;	
}



/* Calendrier --------------------------------------------*/

.calendrier-table-large {
  border:0 none;
  width:760px;
}

#calendar table {
  border-style:solid; 
  border-width:0px; 
  border-color:black;
  border-collapse:collapse
}


#calendar td.occupe a{
  
}

#calendar td.occupe a:hover{
  background-color:  #d5eaff;
}


#calendar caption {
  margin : 0px 0  8px 0;
  color:  #4b54b5;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 5px;
}

#calendar caption  a{
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 0;
}


.blocevenements{
  display: block;
  border:1px solid #4b54b5;
  margin: 10px 5px;
  padding: 5px;
  background-color: #fff;
}

.blocevenements .titre {
  display: block;
  font-size: 14px;
  margin: 0 2px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}

.blocevenements .lieu {
  font-size: 14px;
  margin: 0 2px;
  text-align: center;
  padding: 0px;
}

/* Recommander ------------------------------------*/
  
#recommander {
  background-color: #fffef4;
  text-align:center;
}

/* Nuage -------------------------------------------*/


th {
  font-family:monospace;
  border:1px solid #4b54b5;
  padding:5px;
  background-color:#EFF6FF;
  width:25%;
}

td { 
  /*border-style:dotted; */
  padding: 10px 5px 5px 5px;
  /*border-width: 1px; 
  border-color: #4b54b5;*/
  /*width:50%;*/
}

strong {
  font-weight: bold;	
}

i.spip {
  color:  #4b54b5;	
  font-style: normal;
}

.spip_logos{
  padding: 0 5px 5px 0;
}



/* blocs pour resume articles */

.bloc a{
  padding: 10px;
  margin: 10px 2px 10px 2px;
  background-color: #EFF6FF;
  display: block;
  text-decoration: none;	
  color:  #000;
  min-height: 65px;
    /*Hack ie6*/
  height:auto !important;
  height: 65px;
}

.bloc a:hover{
  background-color: #d5eaff;
  color:  #000;
}

.bloc .titre{
  color:  #4b54b5;
  font-size: 18px;
  margin:  4px 0 4px 0;
  padding: 5px 0px 15px 0px;
  text-align: center;
  display: block;
  text-decoration: none;
  font-weight: bold;
  line-height: 28px;	
}

/* Cadres colonne de droite - nouveautes ----------------- */


.blocarticle a{
  display: block;
  width: 190px;
  padding: 3px;
  border: 3px solid #9fa9f3;
  margin: 0px 5px 10px 5px; 
  text-decoration: none;	
  color:  #4b54b5;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  height:auto !important;
  height: 7em;
}

html>body .blocarticle a{
  height: auto;
  min-height: 7em;
}


.blocarticle a:hover{
  background-color: #9fa9f3;
}

.blocarticle .titre{
  color:  #4b54b5;
  font-size: 11px;
  margin:  5px 0 4px 0;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-weight: bold;
}


.blocarticle logo{
  padding: 2px;
}

.titrerubrique{
  margin : 0;
  padding : 0;
}

.titrerubrique p{
  background-color: #9fa9f3;
  display: block;
  width: 202px;
  padding: 3px 0 2px 0;
  margin: 0px 5px 0px 5px; 
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}


/* Cadres colonne de gauche */

.titrecadre{
  margin : 0;
  padding : 0;
}

.titrecadre p{
  background-color: #9fa9f3;
  display: block;
  width: 160px;
  padding: 3px 0 2px 0;
  margin: 0px; 
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.bascadre{
  /*background-color:  #4b54b5;*/
  border: 3px solid #9fa9f3;
  font-size: 11px;
  margin:  0px 0px 25px 0px;
  padding: 5px 1px 5px 1px;
  text-align: center;
  text-decoration: none;
  min-height : 25px;
  /*Hack ie6*/
  height:auto !important;
  height: 25px;
  background-color: #fff;
}

#introarticle {
  padding: 20px 10px 10px 10px;
  color: #000;
}

#cadretexte {
  padding:  5px 6px 5px 10px !important;
  padding: 10px 5px 10px;
  font-size: 1em;
  background-color: #fffef4;
}

#cadreform {
  padding:  10px 200px 5px 10px;
}

/* elements -------------------------------------- */

#recherche input{
  padding: 0;
}

.boutonstexte{
  margin-bottom: 5px;
}

.item {
  padding: 5px;
  font-size: 12px;
  text-align: center;
}

.item a { 
  text-decoration: none;
  color: #f3e2a8;
  font-weight: bold;
}

.item a:hover { 
  text-decoration: none;
  color: #f60;
  font-weight: bold;
}

.date {
  margin: 0 4px 0 0;
  font-size: 100%;
  color: #ffffff;
  font-weight: bold;
}

.categorielien {
  font-size: 12px;
  margin: 0 2px;
  text-align: center;
  font-weight: bold;
}

.categorielien a {
  color:  #4b54b5;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}




/* rubrique *************************************/
.sousrubrique a {
  color:  #009;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.spacer {	
  clear: both;
}

p.pagination{
  float: right;
  font-size: 14px;
  font-weight: bold;
  margin: 15px 0 0 0;
}

/**********************************/
/* Pour formulaire du plugin forms */
/**********************************/

.spip_form_label {
  font-family: "trebuchet ms",sans-serif;
  font-weight: bold;
}


.spip_form input, .formulaire_spip input{
  font-family: Arial;
  font-size: 11px;
}

.spip_forms div.spip_descriptif {
  border:0;
  margin:0;
  clear: none;
}

.spip_forms, .formulaire_login, .formulaire_spip {
  margin-top: 0px; 
  border : none !important;
  font-family: "trebuchet ms",sans-serif;
  color: black; 
  text-align: left;
  padding:5px 2px 5px 2px;
}

.spip_forms ul.choix_mots, .spip_forms ul.spip_form_choix_unique {
  float: none;
  width: 100%;
}

.spip_forms p.spip_form_ok, .spip_forms p.spip_form_erreur, .spip_forms form {
      clear: none;
}

legend {
  font-size:1.1em;
  padding:5px;
  font-weight: bold;
}

fieldset {
  padding: 5px 6px 5px 6px;
  background: #EFF6FF;
  border: 1px solid #4475ce;
  margin-top: 10px;
}
 
fieldset li{
  padding: 4px 0px;
}

.spip_forms fieldset, .formulaire_login fieldset, .formulaire_spip fieldset {
  padding: 5px 8px 5px 8px;
  background: #EFF6FF;
  border: 1px solid #4475ce;
  margin-top: 10px;
}
 
fieldset ul {
  list-style-type: none;
  padding-left: 10px;
}

.spip_forms ul, spip_forms p{
  padding: 8px;
  margin: 0px;
 }
  
.erreur,
.spip_form_erreur,
.spip_form_ok_confirmation,
.spip_form_ok{
  font-family: "trebuchet ms",sans-serif;
  font-weight: bold;
  color: red;
}

.spip_form_choix_unique{
  padding: 1px;
  display:block;
}

.choix_mots {
  padding: 0px;
  margin : 0 0 0 10px;
  list-style-type: none;
}

.spip_form_choix_multiple{
  padding: 1px;
  display:block;
}

.spip_forms .spip_bouton input, .formulaire_spip .spip_bouton input, .boutons input {
  background-color: #1D4D9E; 
  font-family: Arial, Helvetica, sans-serif; 
  color: white; 
  font-size: 11px; 
  border: none; 
  padding: 3px 1px;
  margin: 5px;
  border: 1px solid #563033;
  cursor:pointer;
  text-align: center;
  font-weight: bold;
  float: right;
}

.spip_form_champ textestatique {
  font-weight: bold;
  text-align:left;
  color:#494949;
  display: block;
}

.formulaire_ecrire_auteur{
  margin-bottom: 20px;
}

/* misc elements *************************************/

.publication{
  font-family:Courrier, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color:  #aaa;
  line-height: 150%;	
}

#path {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  font-family:Courrier, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color:  #aaa;
  line-height: 150%;	
  border-bottom: 1px solid #ddd;
}

#path a { 
  color: #4b54b5; 
  text-decoration: none; 
}

#path a:hover {
  color: #9fa9f3;
  text-decoration: none;
}

/* spip main class -------------------------------------- */
b.spip  {font-weight: bold;}
p.spip  {padding-left: 3px;}


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

.spip_encadrer {	
  margin: 10px 30px 0 30px;
  font-size: 12px;
  padding: 0;
}

.spip_encadrer b{	
  display: block;	
  background: #eee;
  padding: 4px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;		
}

a.spip_in, a.spip_out { 
  color: #f60;
  text-decoration: none; 	
}

a.spip_in:hover,  a.spip_out:hover{
  color: red;
  text-decoration: none;
}

.spip-admin {
  position:absolute;
  display:inline;
  top: 2px;
  left:2px;
}

table.spip{
  border-style:solid; 
  border-width:2px; 
  border-color:black;
  border-collapse:collapse;
  text-align: left;
  
}

.spip th {
  font-family:monospace;
  border:1px solid #4b54b5;
  padding:5px;
  background-color:#EFF6FF;
  width:25%;
}

.spip td { 
  border-style:dotted; 
  padding: 5px 5px 5px 5px;
  border-width: 1px;
  border-color: #4b54b5;
}

/* forum -------------------------------------- */

#forumreply{
  background: #777;
  color: #fff;
  margin:  15px 0 0 0;
  padding: 1px 5px;	
  border: 1px solid #000;
}

.forum li {
  list-style-type: none;
  background: #eee;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
}

.forum ul {
  background: #fff;
}

.lastupdate {
  background: #eee;	
  margin: 10px;
  padding: 7px 10px;
  text-align: right;  
}

.forum {	
  margin: 0;
  padding: 10px;
}

.forumtitle {
  display: block;	
  padding: 4px;
  font-weight: bold;
  background: #eee;
}

table.spip_barre{
  border: none;
}

/* plan site -------------------------------------------- */

.plan ul {
  margin: 2px 0 0 20px;
  padding: 2px;	
}

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

ul li a.plan,  ul li a.plan:hover{
  text-decoration: none; 
  /*padding-left: 10px;*/
  color: #224314;
}

ul li a.plan:hover{
  color: #96A68F;
}

ul li a.planrubrique{	
  text-decoration: none;
  font-weight: bold;
  color: #009;
}

ul li a.planrubrique:hover{	
  text-decoration: none;
}