/* CSS Document */

body {
  width:100%;
  margin:0;
  padding:0;
  /*background-color:#f6ce7f;*/
  background-image:url(../IMG/site/backg_fanal.png);
  background-repeat:repeat;
  color:#3a5504;
  font-family:verdana, arial;
  
}

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

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

a {
color:#3a5504;
text-decoration:none;
}

a:hover {

text-decoration:underline;
}

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

div.nettoyeur {
  clear:both;
}

#conteneur {
width:100%;
height:auto;
text-align:justify;

}

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

}

#contenu_sommaire {
float:right;
width:80%;
margin-right:15px;

}

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

}

#contenu_rub {
height:auto;
width:100%;
font-size:0.9em;
}


#contenu {
height:auto;
float:left;
width:63%;
margin:2px;
font-size:0.9em;
}




  

  
/****************    entete  ********************/
#entete {
  width:100%;
}

#haut_de_page {
  background-image:url(../IMG/site/motif_barre_haut_fanal.gif);
  background-repeat:repeat;
  color:#ffcc33;
  height:32px;
  font-weight:bold;
  text-align: center;
  padding-top:3px;
}

.presentation {
  font-size:1em;
  margin-top:5px;
}

#flash_entete {
  width:100%;
  background-image:url(../IMG/site/cadre_flash_entete_fanal.gif);
  background-repeat:no-repeat;
  height:219px;
  }
  
#flash {
  padding:7px 0 0 40px;
}

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

#menu{
	font-size:100%;
	height:38px;
	background-image:url(../IMG/site/barre_menu_fanal.gif);
	background-repeat:no-repeat;
	z-index:7;
	}


/********************       ariane      ****************/

#ariane {
  width:96%;
  padding-left:30px;
  padding-right:10px;
  padding-top:3px;
  
}

#ariane1 {
  float:left;
  width:75%;
 
}

#drapeaux {
float:left;
width:18%;
  background-image:url(../IMG/site/menu_langue_fanal.gif);
  background-repeat:no-repeat;
height:38px;
}

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

#hierarchie {
float:right;
width:76%;
color:#3a5504;
padding-top:5px;

}

#hierarchie a {
color:#3a5504;
font-weight:bold;
text-decoration:none;
}

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

#moteur {
float:right;
padding:0;
margin:0;
margin-right:25px;

width:20%;

}

div.formulaire_spip formulaire_recherche form1 {
margin:0;
padding:0;
}

#q.{	
  background: #ffffff url(../IMG/site/recherche.gif) no-repeat 0px top;
	padding-left: 10px;
	height:20px;
	width: 115px;
  }
#q:focus {
background: #ffffff url(../IMG/site/recherche.gif) no-repeat 0px center;
}

.bouton {
margin-left:-4px;
margin-top:3px;
border:0;
background-image:url(../IMG/site/go.gif);
background-repeat:no-repeat;
height:31px;
width:34px;

}

.bouton:hover {
background-image:url(../IMG/site/go_on.gif);
background-repeat:no-repeat;

}

#flash_region {
width:100%;
text-align:center;
margin:20px 0 20px 0;z-index: 5;
}

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

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



/********************       colonne gauche     ****************/

#colonne_gauche {
float:left;
width:17%;

/*border:1px solid red;*/
height:auto;
margin-left:10px;
}

#gauche {

/*border:1px solid red;*/
height:auto;

}



#menugauche {
margin-top:10px;
margin-left:10px;

}

div.bulle {
width:89%;
height:78px;

z-index:50;
}

div.menu_bulle {
position:relative;
top:-78px;
width:100%;
margin-left:5px;
text-align:center;
margin-top:17px;

}

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

div.menu_bulle a:hover {
color:#ffffff;
font-weight:bold;
font-size:1.1em;
}

#menugauche_logo {
width:80%;
margin-left:25px;

}

div.logo_qualite {
float:left;
width:90%;
padding:0;
margin:0;

}

.logo_wi_fi {
  padding-left:6px;
  }
  
  
  

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

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

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

#actus_promo {
width:100%;
background-image:url(../IMG/site/actu_promo_fanal.gif);
  background-repeat:no-repeat;
height:auto;

}


div.actus {
width : 100%;
text-align:center;

padding-left:1px;
padding-top:23px;
}

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

a.actu1:hover {
color:#d06d06;

}

#texte_actus_promo {
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;
}


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

p.texte_actu {
font-size:0.8em;
margin:0 5px 3px 5px;

}

p.suite {
text-align:right;
margin:0;
padding:0 5px 0 0;
}

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

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

#groupe {
margin-left:7px;
margin-top:30px;
height:170px;
background-image:url(../IMG/site/groupe_home.gif);
  background-repeat:no-repeat;
}

#photo_groupe {
width:80%;
height:90px;
padding:20px 0 0 35px;
}

#titre_groupe {
width:100%;
height:50px;
text-align:center;
padding-top:5px;
}

#proprietaire {

margin-top:0;
height:180px;
background-image:url(../IMG/site/proprietaire_fanal.gif);
  background-repeat:no-repeat;
}

#photo_proprietaire {
width:80%;
height:90px;
padding:22px 0 0 44px;
}

#titre_proprietaire {
width:100%;
height:50px;
text-align:center;
padding-top:5px;
}


/********************       colonne droite rubri ques****************/

#colonne_droite_rub {
float:right;
width:22%;
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;
border:1px dashed #013903;
background-color:#ffffff;
background-image:url(../IMG/site/menu_contexte_degrade.gif);
background-repeat:no-repeat;
}

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

.articles_hebergement {
text-align:left;
}

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

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

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

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


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

a.actu:hover {
color:#57822c;
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:#3a5504;
font-weight:bold;
font-size:1.2em;
text-align:center;
padding:10px 3px 3px 3px;
margin:0;
}

.texte_actu {
font-size:0.8em;

}

p.suite {
text-align:right;
margin:0;
padding:0 5px 0 0;
}

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

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

#groupe_rub {
width:100%;
margin:0;
padding:0;
margin-top:5px;
height:110px;
background-image:url(../IMG/site/proprietaire_fanal_rub.gif);
background-repeat:no-repeat;
}

#photo_groupe_rub {
width:79%;
height:60px;
margin:10px 0 0 0;
padding:14px 0 0 24px;
}

#titre_groupe_rub {
width:100%;
height:15px;
text-align:center;
padding:0;margin:0;
}

#proprietaire_rub {
width:100%;
margin:0;
padding:0;
margin-top:5px;
height:120px;
background-image:url(../IMG/site/proprietaire_fanal_rub.gif);
background-repeat:no-repeat;
}

#photo_proprietaire_rub {
width:80%;
height:auto;
margin:0;
padding:17px 0 0 27px;
}

#titre_proprietaire_rub {
width:100%;
height:15px;
text-align:center;
padding:0;margin:0;
}

a.proprio_rub1 {
font-size:0.8em;
font-weight:bold;
color:#013903;

text-decoration:none;
}

a.proprio_rub1:hover {
color:#d06d06;
}

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

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

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

#adword {
width:100%;
height:70px;
margin:20px 0 10px 0;
padding:10px 0 0 0;
text-align:center;
}


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

#bandeau_bas_fond {
  width:100%;
  background-color:#ffcc66;
  background-image:url(../IMG/site/barre_bas_fanal.gif);
  background-repeat:no-repeat;  
  height:161px;
  margin:0;
  margin-top:10px;
  padding:0;
}

#presentation_bas {
font-size:1em;
text-align:center;
margin-top:10px;

  padding:0;}

#pied_gauche {
float:left;
width:68%;
margin-top:103px;
padding-left:10px;
color:#ffcc33;
}

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

#pied_gauche a:hover {
color:#cc6600;
text-decoration:none;
}

#pied_droit {
float:right;
width:30%;
margin-top:103px;
padding-right:10px;
color:#ffcc33;
text-align:right;
}

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

#pied_droit a:hover {
color:#cc6600;
text-decoration:none;
}



#pied_gauche {
float:left;
width:68%;
margin-top:103px;
padding-left:10px;
color:#ffcc33;
}

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

#pied_gauche a:hover {
color:#cc6600;
text-decoration:none;
}

#pied_droit {
float:right;
width:30%;
margin-top:103px;
padding-right:10px;
color:#ffcc33;
text-align:right;
}

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

#pied_droit a:hover {
color:#cc6600;
text-decoration:none;
}




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

table.spip {
  width:99%;
	margin: auto;
	padding:auto;
	margin-bottom: 1em;
	border: 1px solid #993266 ; 
  /*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 : #013903 ; border: 1px solid ; }
table.spip tr.row_first { background-color: #ffffff;border: 1px solid #993266; }
table.spip tr.row_odd { background-color: #e8f9c5;border: 1px solid #993266;}
table.spip tr.row_even { background-color:#daebb8; border: 1px solid #993266;  }
table.spip th { padding: 3px; text-align: center; vertical-align: middle; font-weight : normal ; border: 1px solid #013903;}
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 #013903;}