/* -----Les conteneurs-----*/

body
	{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: black;
	text-align: left;
	}

form
	{
	margin: 0;
	padding: 0;
	}
#contenu
	{
	float: right;
	width: 540px;
	border: 1px solid #969D01;
	padding: 10px;
	}

#menu_gauche
	{
	float: left;
	width: 150px;
	}

#partie_basse
	{
	width: 720px;
	margin: 0;
	margin-top: 20px;
	}

#menu_haut
	{
	height: 33px;
	}

#onglets
	{
	float: left;
	width: 350px;
	}

#tout_en_bas
	{
	width: 720px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: #409dae;
	margin-top: 15px;
	}

.puce_acceuil
	{
	float: left;
	width: 46px;
	height: 37px;
	text-align: center;
	color: white;
	}

.texte_acceuil
	{
	float: right;
	width: 480px;
	text-align: left;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: black;
	}

.grise
	{
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	color: #dddada;
	font-weight:bold;
	}

#drapeaux
	{
	float: right;
	padding-top: 10px;
	width: 45px;
	}

.fond_titre_menu_gauche
	{
	width: 150px;
	height: 23px;
	background-image: url("images/fond_menu_gauche2.jpg");
	text-align: center;
	color: white;
	}

.titre_menu_gauche
	{
	padding-top: 3px;
	font-family: arial, verdana, sans-serif;
	font-size: 13px; 
	}

.fond_contenu_menu_gauche
	{
	width: 150px;
	background-image: url("images/fond_menu_gauche.jpg");
	}

.contenu_menu_gauche
	{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.fond_contenu_menu_gauche_newsletter
	{
	width: 150px;
	background-image: url("images/fond_menu_gauche.jpg");
	text-align: center;
	}

.contenu_menu_gauche_newsletter
	{	
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	}

.zone_texte
	{
	width: 120px;
	height: 15px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: black;
	border: 1px dashed #969D01;
	}

.zone_texte_moyen
	{
	width: 400px;
	height: 15px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: black;
	border: 1px solid #969D01;
	}

.grande_zone_texte
	{
	width: 400px;
	height: 150px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px; 
	color: black;
	border: 1px dashed #969D01;
	}

.ligne_bleue
	{
	width: 720px;
	height: 3px;
	color: #409dae;
	background-color: #409dae;
	}

.centre
	{
	text-align: center;
	}

.gauche
	{
	text-align: left;
	}

.droite
	{
	text-align: right;
	}

#photostandardiste
	{
	float: left;
	width: 80px;
	}


/* -----Les images-----*/

img
	{
	border: none;
	}
#banniere1
	{
	background-image: url("images/ban1.jpg");
	background-repeat: no-repeat;
	width: 720px;
	height: 176px;
	}
#banniere2
	{
	background-image: url("images/ban2.jpg");
	background-repeat: no-repeat;
	width: 720px;
	height: 80px;
	}

ul
	{
	margin: 0;
	margin-left: 20px;
	padding: 0;
	}

li
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 100%;
	color: black;
	display: list-item;
	list-style-image: url(images/puce.png);
	}

hr
	{
	clear: both;
	visibility: hidden;
	}

hr.trait
	{
	visibility: visible;
	color: black;
	}

.titre_menu { font-family: arial, verdana, sans-serif ; font-size: 7pt ; color: white ;} 

.tel { font-family: arial, verdana, sans-serif ; font-size: 10pt ; color: green ;} 

/* -----Les liens----- */

A:link {color: #409dae; text-decoration:none;} 
A:visited {color: #409dae; text-decoration:none;} 
A:hover {color: #b1ba1f; text-decoration:none;}
A IMG { border: none; } 
A:link.menu {color: #000000; text-decoration:none;} 
A:visited.menu {color: #000000; text-decoration:none;} 
A:hover.menu {color: #409dae; text-decoration:none;}

A.ongletaccueil IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_accueil.jpg) top left no-repeat;
  }
A.ongletaccueil:hover IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_accueil2.jpg) top left no-repeat;
  }

A.ongletparticuliers IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_particuliers.jpg) top left no-repeat;
  }
A.ongletparticuliers:hover IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_particuliers2.jpg) top left no-repeat;
  }

A.ongletmarchands IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_marchands.jpg) top left no-repeat;
  }
A.ongletmarchands:hover IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_marchands2.jpg) top left no-repeat;
  }

A.ongletcontact IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_contact.jpg) top left no-repeat;
  }
A.ongletcontact:hover IMG { height: 33px; width: 87px; border-width: 0;
  background: url(images/onglet_contact2.jpg) top left no-repeat;
  }


/* -----Les boutons----- */

.bouton_abon
	{
	height : 20px; 
	width : 58px; 
	border-top: 1px solid #eef0cb; 
	border-left: 1px solid #eef0cb; 
	border-bottom: 1px solid #363823; 
	border-right: 1px solid #363823; 
	background-color:#dcdc92; 
	font-family:arial, verdana, sans-serif; 
	font-size:8px; 
	font-weight:bold; 
	text-align:center; 
	color:#5b5618;
	}

.bouton_abon:active
	{
	border:1px inset #e3bc06; 
	font-weight:bold; 
	color:white;
	}

.bouton_desabon
	{
	height : 20px; 
	width : 82px; 
	border-top: 1px solid #eef0cb; 
	border-left: 1px solid #eef0cb; 
	border-bottom: 1px solid #363823;
	border-right: 1px solid #363823; 
	background-color:#dcdc92; 
	font-family:arial, verdana, sans-serif; 
	font-size:8px; font-weight:bold; 
	text-align:center; 
	color:#5b5618;
	}

.bouton_desabon:active	
	{
	border:1px inset #e3bc06;
	font-weight:bold;
	color:white;
	} 


/* -----Le texte----- */

.titre
	{
	font-family: arial, verdana, sans-serif;
	font-size: 10pt;
	color: #409dae;
	font-weight:bold;
	}
.questions
	{
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	color: #409dae;
	font-weight:bold;
	}
	
	
/* ------ Pour le sondage dynamique ------- */


/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}