/* Balises HTML */
body {
	background-image: url(bg_haut.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
h1 {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0px;
}
h2 {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0px;
}
a {
	color: #336699;
	font-weight: bold;
}
li {
	list-style-type: none;
	background-image: url(puce.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

/* Boite de connexion */
.bg_connexion {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

/* Slogan d'accueil */
.bg_slogan {
	background-image: url(bg_slogan.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}

.bg_slogan_questions {
	background-image: url(bg_slogan_questions.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}
.bg_slogan_tarifs {
	background-image: url(bg_slogan_tarifs.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}
.bg_slogan_temoignages {
	background-image: url(bg_slogan_temoignages.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}
.bg_slogan_concept {
	background-image: url(bg_slogan_concept.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}
.bg_slogan_annuaire {
	background-image: url(bg_slogan_annuaire.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 320px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}

.bg_slogan_text {
	padding-left:300px;
	font-family: "Arial Black", Arial;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	color: #FFFFFF;
	height:245px;
	padding-right: 20px;
}

/* Gestion du menu */
.bg_menu {
	height: 40px;
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
  }
.bg_menu_unclicked, .bg_menu_clicked  {
	color: #FFFFFF;
	width: 130px;
	height: 40px;
	display: inline-table;
	background-image: url(bg_menu_unclicked.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: center;
}
.bg_menu_unclicked a, .bg_menu_clicked a  {
	color: #FFFFFF;
	text-decoration:none;
}
.bg_menu_clicked {
	background-image: url(bg_menu_clicked.png);
}

/* Zone de texte centrale, qui contient les 2 boites */

.zone_centre {
	width: 960px;
	margin-left: auto; 
	margin-right: auto; 
}

/* Boite centrale */
.bg_boite_centre {
	width: 560px;
	background-image: url(boite_centre_milieu.jpg);
	background-repeat: repeat-y;
	background-position: center;
	float: left;
  }
.bg_boite_centre_haut {
	width: 560px;
	height: 17px;
	background-image: url(boite_centre_haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
  }
.bg_boite_centre_milieu {
	width: 520px;
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
  }
.bg_boite_centre_bas {
	width: 560px;
	height: 17px;
	background-image: url(boite_centre_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
  }
  
/* Boite de petite taille bleue */
.bg_boite_petite {
	width: 390px;
	float: right;
	background-image: url(bg_boite_petite_milieu.jpg);
	background-repeat: repeat-y;
	background-position: center;
  }
.bg_boite_petite_haut {
	width: 340px;
	height: 45px;
	background-image: url(bg_boite_petite_haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	padding-left: 50px;
	font-family: "Arial Black", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
  }
.bg_boite_petite_milieu {
	width: 350px;
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
  }
.bg_boite_petite_bas {
	width: 390px;
	height: 17px;
	background-image: url(bg_boite_petite_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
  }  
  
/* Boite de petite taille verte */
.bg_boite_petite2 {
	width: 390px;
	float: right;
	background-image: url(bg_boite_petite2_milieu.jpg);
	background-repeat: repeat-y;
	background-position: center;
  }
.bg_boite_petite2_haut {
	width: 340px;
	height: 45px;
	background-image: url(bg_boite_petite2_haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 15px;
	padding-left: 50px;
	font-family: "Arial Black", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
  }
.bg_boite_petite2_milieu {
	width: 350px;
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
  }
.bg_boite_petite2_bas {
	width: 390px;
	height: 17px;
	background-image: url(bg_boite_petite2_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
  }  
  
  
   
/* Grande boite */
.bg_boite_grande {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-image: url(bg_boite_grande_milieu.jpg);
	background-repeat: repeat-y;
	background-position: center;
  }
.bg_boite_grande_haut {
	width: 960px;
	height: 17px;
	background-image: url(bg_boite_grande_haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: "Arial Black", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
  }
.bg_boite_grande_milieu {
	width: 940px;
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
  }
.bg_boite_grande_bas {
	width: 960px;
	height: 17px;
	background-image: url(bg_boite_grande_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
  }  
  
 
/* Autres */
.invisible {
	font-size: 10px;
	color: #999999;
}
.commentaire {
	font-size: 12px;
	color: #555555;
}
.txt_bas {
	background-color: #EEEEEE;
	margin-top: 50px;
	padding-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.titre1 {
	font-weight: bold;
	color: #006699;
	background-image: url(cercle_vert.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	font-family: "Arial Black", Arial;
	font-size: 18px;
}

.texte_important {
	font-weight: bold;
	color: #4E7526;
}
.annuaire_cat {
	font-weight: bold;
	color: #4E7526;
}