/* CSS Document */

body {
  width:100%;
  margin:0;
  padding:0;
  background-image:url(../IMG/site/degrade.jpg);
  position:top;
  background-repeat:repeat-x;
  background-color:#ecd7c4;
  color:#660000;
  font-family:verdana, arial;
}

h1.titre {
font-size:1.4em;
margin: 3px 0 6px 0;
padding:0;
}

h2 {
font-size:1.2em;
margin: 10px 0 10px 0;
padding:0;
}

a {
color:#660000;
text-decoration:none;
}

a:hover {

text-decoration:underline;
}

#page_globale {
  width:1000px;
  background-color:#ecd7c4;
  height:auto;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

div.nettoyeur {
  clear:both;
}

#conteneur {
width:100%;
height:auto;
text-align:justify;
background-color:#ffffff;
width:88%;
margin-left:61px;

}

#contenu_1_rub {
float:right;
width:78%;
padding:0;
margin:0;
margin-right:30px;

}

#colonne_gauche {
  float:left;
  width:25%;
  margin-left:4px;
  margin-top:8px;
  border:1px solid #ffffff;
}

#contenu_sommaire {
float:right;
width:72%;
height:auto;
border-left:2px solid #660000;
margin-right:8px;
margin-top:8px;
font-size:0.8em;
}

#contenu_1 {
float:left;
width:74%;
margin-right:2px;
border:
}

#contenu_rub {
height:auto;
width:100%;

}


#contenu {
height:auto;
float:left;
width:70%;
padding-left:5px;
}




  

  
/****************    entete  ********************/
#entete {
  width:100%;
  height:344px;
  background-image:url(../IMG/site/entete.jpg);
  background-repeat:repeat;
}

#haut_de_page {
  float:right;
  width:220px;height:26px;
  margin:5px 57px 0 0;
  background-image:url(../IMG/site/tel.jpg);
  background-repeat:no-repeat;
  color:#ffcc33;
  font-weight:bold;
  text-align: center;
  padding-top:3px;
}

#indigo {
  padding:4px 10px 0 0;
  text-align:right;
  color:#333399;
  font-size:0.8em;
  }
  
#bouton_ent {
  float:left;
  width:630px;
  height:85px;
  margin:9px 0 0 325px;
  }
  
.bouton1 {
  float:left;
  width:152px;
  height:85px;
  padding-right:4px;
  }



  

#flash {
  width:860px;
  height:190px;
  margin:14px 0 0 68px;
  
}

/********************  menu  ************************************/

#menu{
	font-size:70%;
	height:46px;
	background-image:url(../IMG/site/barre_menu.jpg);
	background-repeat:no-repeat;
	margin-left:22px;
	z-index:7;
	}

#drapeaux {
float:right;
width:13%;
margin-right:88px;
height:30px;
margin-top:6px;
}

div.drapeau {
float:left;
width : 30%;
text-align:center;
margin-top:8px;
padding-left:4px;
}


/********************       gauche      ****************/

#actus {
float:left;
width:100%;
}

#actus_haut {
background-image:url(../IMG/site/actu_haut.jpg);
  background-repeat:no-repeat;
  height:24px;
  text-align:center;
  color:#660000;
  font-size:0.8em;
  padding-top:5px;
}

#texte_promo {
width:91%;
text-align:justify;
margin:0 0 0 3px;
height:auto;
padding:0 6px 3px 5px;
background-color:#ffcccc;
border-right: 1px solid #660000;
border-left: 1px solid #660000;
font-size:0.7em;
}

h3.titre_actu {
margin:0 0 3px 0;
text-align:center;

}

p.suite {
text-align:right;
margin:0;
padding:3px 10px 0 0;
font-weight:bold;
font-size:0.7em;
}

p.suite a {
color:#660000;
text-decoration:none;
font-weight:bold;
}

p.suite a:hover {
color:#be2e3e;
text-decoration:none;
font-weight:bold;
}

#actus_bas {
background-image:url(../IMG/site/actu_bas.jpg);
  background-repeat:no-repeat;
  height:29px;
  }

#bandeaux {
float:left;
width:99%;
margin-top:10px;
margin-left:3px;

}

.fond_bandeaux {
margin-top:10px;
background-image:url(../IMG/site/menugauche_fond.jpg);
  background-repeat:no-repeat;
  height:35px;
  }

div.bulle {
width:89%;
}

div.menu_bulle {
float:right;
width:72%;
margin-left:5px;
text-align:center;
}

a.bandeaux {
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:0.7em;
}

a.bandeaux:hover {
color:yellow;
font-weight:bold;
font-size:0.7em;
}

.logo_bandeaux {
float:left;
width:18%;
margin-left:10px;
text-align:center;
}

/**************     ad word    **************/

#adword {
width:100%;
height:130px;
padding-top:15px;
margin-bottom:10px;
text-align:center;
}


#resa{
width:100%;
text-align:center;
padding:20px 0 20px 0;}

a.plan {
color:#660000;
font-weight:bold;
text-decoration:none;
}

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





/********************       colonne droite ***************/

#colonne_droite {
float:right;
width:26%;
padding:0;
height:auto;
margin:0;

}

#droite {
height:auto;
width:100%;
}

#texte_promo_droite {
width:100%;
text-align:justify;
margin:0;
height:auto;
padding:0 0 3px 0;
font-size:0.8em;

}


/********************       colonne droite rubriques****************/

#colonne_droite_rub {
float:right;
width:26%;
margin:0;
padding:3px;
height:auto;
margin-right:0;
}

#droite_rub {
height:auto;
width:100%;
}

#hebergement {
width:100%;

height:auto;

}


div.hebergement {
width : 100%;
text-align:center;
height:auto;
padding-left:0;
background-color:#ffffff;
background-image:url(../IMG/site/menudroit.jpg);
background-repeat:no-repeat;
}

.titre_menu_contexte {
padding-top:10px;
font-size:1em;
font-weight:bold;
height:27px;
}

.articles_hebergement {
text-align:left;
width:95%;
margin:0 2px 5px 4px;
border:1px solid #660000;
background-color:#ffcccc;
}

ul.hebergement {
padding-top:10px;
padding-left:20px;
padding-bottom:20px;
margin:0;
}

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

li.hebergement a {
color:#660000;
text-decoration:none;
font-size:0.9em;
font-weight:bold;
}

li.hebergement a:hover {
color:#be2e3e;
}


a.actu {
color:#660000;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
}

a.actu:hover {
color:#be2e3e;
text-decoration:none;
font-size:1.2em;
font-weight:bold;
background-color:#ffffff;
}

#texte_menu_rub {
margin:13px 30px 10px 20px;
width:80%;
text-align:justify;
height:155px;
padding:0 7px 3px 7px;
/*border:1px solid blue;*/
font-size:0.9em;
}


p.titre_actu {
color:#660000;
font-weight:bold;
font-size:1.2em;
text-align:center;
padding:10px 3px 3px 3px;
margin:0;
}

.texte_actu {
font-size:0.8em;

}


/**************        recherche **************/
li.recherche1 a {
color:#013903;
text-decoration:none;
font-size:1em;
font-weight:bold;
}

li.recherche1 a:hover {
color:#d06e07;
}




.logo {
float:left;
width:auto;
margin:0 0 0 1px;
}

.rss_wi_fi {
text-align:center;}

.logo1 {
height:50px;
width:auto;
margin:0 0 0 1px;
}

.logo_wi_fi {
height:50px;
padding-bottom:2px;
}

/**************         pied de page **************/

#bandeau_bas_fond {
  width:100%;
  background-image:url(../IMG/site/pied.jpg);
  background-repeat:no-repeat;
  height:91px;
  margin:0;
  margin-top:10px;
  padding:0;
}

#presentation_bas {
font-size:0.8em;
text-align:center;
margin-top:0;
  padding:0;
  }

#menupied {
font-size:0.8em;
text-align:center;
margin-top:5px;
  padding:0;
color:#ffffff;
}

#menupied a{
font-weight:bold;
font-size:0.9em;
color:#ffffff;
text-decoration:none;
}

#menupied a:hover {
color:yellow;
text-decoration:none;
}

#okki {
font-size:0.8em;
text-align:center;
color:red;
margin-top:10px;
  padding:0;
  }

#okki a{
color:red;
font-weight:bold;
}

#okki a:hover{
color:yellow;
font-weight:bold;
}


/***************************************************************/
/***********                 Tableaux         **********************/
/***************************************************************/

table.spip {
  width:99%;
	margin: auto;
	padding:auto;
	margin-bottom: 1em;
	border: 1px solid #660000 ; 
  /*border-style : solid ;
  border-color : #993266 ; */
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
	table.spip tr { background-color: #ffffff;border-color : #660000 ; border: 1px solid ; }
table.spip tr.row_first { background-color: #ffffff;border: 1px solid #993266; }
table.spip tr.row_odd { background-color: #ecd7c4;border: 1px solid #993266;}
table.spip tr.row_even { background-color:#ffcccc; border: 1px solid #993266;  }
table.spip th { padding: 3px; text-align: center; vertical-align: middle; font-weight : normal ; border: 1px solid #660000;}
table.spip td:first-child { padding: 3px; text-align: left; vertical-align: middle; font-weight : normal ; }
table.spip td { padding: 3px; text-align: center; vertical-align: middle; font-weight : normal ; border: 1px solid #660000;}
/* CSS Document */