/* Placement de la page */
body {
	width: 900px; /* Largeur du site à 875 pixels */
	/* margin: auto;  /* Pour centrer la page */
	margin-left: 70px;
	margin-top: 0px; /* Décolle le haut */
	margin-bottom: 20px; /* Décolle le bas */
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	font-size: 12px;
}

/* Configuration de l'en-tête */
#en_tete {
	float: left;  /* mettre l'en-tête à gauche */
	clear: right;
	width: 80px;
	height: 560px;
	background-image: url("header.gif");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#conteneur {
	float: left;
	width: 802px;
	margin: 0;
	padding: 0;
	clear: right;
}

/* Configuration du menu */
#menu {
	width: 800px;
	height: 20px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	padding-left: 8px;
	font-size: 17px;
}

.element_menu {  /* Présentation des sous-menus */
	padding: 0px;
	margin: 0px;
}

.element_menu ul { /* Listes à puce des sous-menus */
	list-style-type: none; /* Pas de puces */
	width: 100%; /* précision pour Opéra */
	
	padding: 0px;
	margin: 0px;
}

.element_menu li {
	padding: 0px;
	margin: 0px;
	
	float: left;
}

.element_menu a { /* Apparence des boutons du menu */
	width: 110px;
	height: 20px;
	padding: 0px;
	margin: 0px;

	display: block;
	text-align: center;
	border-left: 1px white solid;
	border-right: 1px white solid;
	font-variant: small-caps;  /* petites majuscules */
	background: rgb(255, 141, 13);  /* arrière-plan */
	color: white;  /* texte en blanc */
	text-decoration: none;  /* pas de soulignement */
}

.element_menu a:hover { /* Survol des boutons */
	/*height: 19px;*/
	background: white;
	color: rgb(255, 141, 13);
	padding: 0px;
	margin: 0px;
	border-top: 1px rgb(255, 141, 13) solid;
	border-left: 1px rgb(255, 141, 13) solid;
	border-right: 1px rgb(255, 141, 13) solid;
}

/* Configuration du corps */
#corps {
	/*height: 500px;*/
	min-height: 500px;
	margin-top: 0px;
	padding: 15px; /* Pour décoller le texte du bord */
	padding-left: 210px;
	border: 1px rgb(255, 141, 13) solid;
	text-align: justify;
	background-image: url("voiture.jpg");
	background-repeat: no-repeat;
}

#corps2 {
	/*height: 500px;*/
	height: 550px;
	margin-top: 0px;
	padding: 15px; /* Pour décoller le texte du bord */
	padding-left: 210px;
	border: 1px rgb(255, 141, 13) solid;
	text-align: justify;
	background-image: url("voiture.jpg");
	background-repeat: no-repeat;
}


#corps h2 {
	color: rgb(255, 141, 13);
}

#corps h3 {
	color: rgb(255, 141, 13);
}

#corps2 h3 {
	color: rgb(255, 141, 13);
}

#corps h4 {
	color: rgb(255, 141, 13);
	margin-bottom: 0px;
}

#corps a {
	color: rgb(255, 141, 13);
	text-decoration: none;  /* pas de soulignement */
}

#corps2 a {
	color: rgb(255, 141, 13);
	text-decoration: none;  /* pas de soulignement */
}

#corps a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

#corps2 a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

.lien_non_orange:hover{
	background: white;
	color: rgb(255, 141, 13);
}

/* pas de cadre aux images*/
#corps img {
	border: 0 none;
}


p {
	margin-top: 0px;
}

/* Configuration du corps pour le programme */
#corps_programme {
	min-height: 600px;
	margin-top: 0px;
	padding: 0px; /* Pour décoller le texte du bord */
	
	border: 1px rgb(255, 141, 13) solid;
	
}

#corps_programme h3 {
	color: rgb(255, 141, 13);
}

#corps_programme a {
	color: rgb(255, 141, 13);
	text-decoration: none;  /* pas de soulignement */
}

#corps_programme a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

/* pas de cadre aux images*/
#corps_programme img {
	border: 0 none;
}


#corps_programme p {
	margin: 0px;
	padding: 0px;
}

/* Configuration du corps pour la gestion */
#corps_gestion {
	min-height: 600px;
	margin-top: 0px;
	padding: 5px; /* Pour décoller le texte du bord */
	
	border: 1px rgb(255, 141, 13) solid;
	
}

#corps_gestion h3 {
	color: rgb(255, 141, 13);
}

#corps_gestion h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
}

#corps_gestion a {
	color: rgb(255, 141, 13);
	text-decoration: none;  /* pas de soulignement */
}

#corps_gestion a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

/* pas de cadre aux images*/
#corps_gestion img {
	border: 0 none;
}


#corps_gestion p {
	margin: 0px;
	padding: 0px;
}

/* Configuration du formulaire d'inscription */
/*form {
	border-top: 1px solid rgb(255, 141, 13);
	border-bottom: 1px solid rgb(255, 141, 13);
}
*/
.neutre {
	border-top: none;
	border-bottom: none;
}

/* Configuration du tableau de récapitulation */
.tab_recap {
	margin: auto;
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_recap th {
	background: rgb(255, 141, 13);
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
}

.tab_recap td {
	border: 1px solid rgb(255, 141, 13);
}

.tab_center {
	text-align: center;
}

/* Configuration du tableau de gestion */
.tab_gestion {
	margin: auto;
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_gestion th {
	background: rgb(255, 141, 13);
	color: white;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
	padding-left: 3px;
	padding-right: 10px;
	text-align: left;
}

.tab_gestion td {
	border: 1px solid rgb(255, 141, 13);
	padding-left : 3px;
	padding-right : 10px;
}

.tab_gestion_2 {
	margin-left: 0px;
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_gestion_2 th {
	background: rgb(255, 141, 13);
	color: white;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
	padding-left: 3px;
	padding-right: 10px;
	text-align: left;
}

.tab_gestion_2 td {
	border: 1px solid rgb(255, 141, 13);
	padding-left : 3px;
	padding-right : 10px;
}

.tab_gestion_3 {
	margin-left: 330px;
	position: absolute; top: 80px;
	font-size: 13px;
}


/* configuration de l'affichage des questions */

#questionnaire_image {
	min-height: 305px;
	
}

#questionnaire_image_2 {
	position: relative;
	left: 100px;
	
}

#questionnaire_intitule {
	min-height: 30px;
	
}

#questionnaire_intitule_2 {
	position: relative;
	left: 100px;
	
}

#questionnaire_reponses {
	min-height: 120px;
	
}

#questionnaire_reponses_2 {
	position: relative;
	left: 100px;
}

#questionnaire_explication {
	min-height: 50px;
	
}

#questionnaire_explication_2 {
	position: relative;
	left: 100px;	
}

#questionnaire_boutons { 
	top: -170px;
	left: -200px;
	position: relative;
	width : 80px;
}

#questionnaire_boutons_2 { 
	top: -90px;
	left: -130px;
	position: relative;
	width : 80px;
}

#questionnaire_boutons a:hover{
	background: white;
}

#questionnaire_boutons_1 { 
	top: 370px;
	left: 200px;
	position: absolute;
	
}

#questionnaire_boutons_1 a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

.tab_boutons {
	text-align: center;
	color: gray;
	//margin-left: auto;
}

.rouge {
	color: red;
}

.vert {
	color: green;
}

/* Configuration du pieds de page */
#pied_de_page {
	clear: both;
	width: 800px;
	border: 1px rgb(255, 141, 13) solid;
	border-top: 5px rgb(255, 141, 13) solid;
	margin-bottom: 20px;
}

#pied_de_page a {
	color: rgb(255, 141, 13);
	text-decoration: none;  /* pas de soulignement */
}

#pied_de_page a:hover{
	background: rgb(255, 141, 13);
	color: white;
}

/* Texte dans le pied de page */
#pied_de_page p {
	text-align: center;
}

.tab_bordures {
	border-collapse: collapse;
}
.tab_bordures td {
	border: 1px rgb(255, 141, 13) solid;
}

.tableau_signalisation
{
   border: 1px rgb(255, 141, 13) solid;
   border-collapse: collapse;
}

.tableau_signalisation td
{
   border: 1px rgb(255, 141, 13) solid;
}

.tableau_signalisation td img
{
  height: 45px;
  width: 45px;
}

.tableau_signalisation_rencontre
{
   border: 1px rgb(255, 141, 13) solid;
   border-collapse: collapse;
}

.tableau_signalisation_rencontre td
{
   border: 1px rgb(255, 141, 13) solid;
}

.tableau_signalisation_rencontre td img
{
  height: 55px;
  width: 85px;
}

.tableau_chapitres
{
   border: 1px rgb(255, 141, 13) solid;
   border-collapse: collapse;
}

.tableau_chapitres td
{
   border: 1px rgb(255, 141, 13) solid;
   border-collapse: collapse;
   padding: 3px;
}

.tableau_chapitres td img
{
  height: 15px;
  width: 15px;
}

.tableau_photo_index
{
margin: auto;
}

.tableau_photo_index td
{
padding: 20px;
}
.tableau_index_canton
{
   border: none;
   border-collapse: collapse;
   text-align: center;
   margin: auto;
}

.tableau_index_canton td
{
   border: none;
   border-collapse: collapse;
   padding: 10px;
   text-align: center;
}

.tableau_index_canton td img
{
  height: 30px;
  width: 30px;
  border: 1px rgb(0, 0, 0) solid;
  text-align: center;
}

#pub_mettral {
	position: absolute;
	left: 170px;
	top: 320px;
	border: 1px rgb(255, 141, 13) solid;
	text-align: center;
	padding: 3px;
	
}

#pub_mettral_index {
	position: absolute;
	left: 250px;
	top: 310px;
	border: 1px rgb(255, 141, 13) solid;
	text-align: center;
	padding: 3px;
	
}

#pub_mettral p {
	text-decoration: none;
}

#pub_mettral_index p {
	text-decoration: none;
}

#pub_google {
   position: absolute;
   left: 170px;
   top: 350px;
}

#tableau_index_index {
	
}

#tableau_index_index td {
	text-align: center;
}

#tableau_index_index p {
	text-align: center;
	border: 1px rgb(255, 141, 13) solid;
	padding: 3px;
	
}





.tab_index {
	margin: auto;
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_index th {
	background: rgb(255, 141, 13);
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
}

.tab_index td {
	border: 1px solid rgb(255, 141, 13);
	padding: 2px;
}





.tab_donnee {
	
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_donnee th {
	background: rgb(255, 141, 13);
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
}

.tab_donnee td {
	border: 1px solid rgb(255, 141, 13);
	padding: 5px;
	text-align: left;
}

.tab_prix {
	
	border: 2px solid rgb(255, 141, 13);
	border-collapse: collapse;
}

.tab_prix th {
	background: rgb(255, 141, 13);
	color: white;
	font-size: 1.1em;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	border: 0px;
}

.tab_prix td {
	border: 1px solid rgb(255, 141, 13);
	padding: 3px;
	text-align: center;
}

.tab_prix img {
	height: 80px;
	width: 120px;
	text-align: center;
}

#en_tete_1_2 {
	float: left;  /* mettre l'en-tête à gauche */
	clear: right;
	width: 80px;
	height: 560px;
	background-image: url("header.gif");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}


#conteneur_1_2 {
	float: left;
	width: 802px;
	margin: 0;
	padding: 0;
	clear: right;
}

#menu_1_2 {
	width: 800px;
	height: 31px;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	padding-left: 8px;
	font-size: 11px;
}

.element_menu_1_2 {  /* Présentation des sous-menus */
	padding: 0px;
	margin: 0px;
}

.element_menu_1_2 ul { /* Listes à puce des sous-menus */
	list-style-type: none; /* Pas de puces */
	width: 100%; /* précision pour Opéra */
	
	padding: 0px;
	margin: 0px;
}

.element_menu_1_2 li {
	padding: 0px;
	margin: 0px;
	float: left;
}

.element_menu_1_2 a { /* Apparence des boutons du menu */
	width: 110px;
	height: 30px;
	padding: 0px;
	margin: 0px;

	display: block;
	text-align: center;
	border: 1px rgb(255, 141, 13) solid;
	
	font-variant: Arial, "Arial Black", Times, "Times New Roman", serif;
	background: white;  /* arrière-plan rgb(255, 141, 13);*/
	color: rgb(255, 141, 13);  /* texte en blanc */
	text-decoration: none;  /* pas de soulignement */
}

.element_menu_1_2 a:hover { /* Survol des boutons */
	/*height: 19px;*/
	
	
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}

#facebook {
	position: absolute;
	left: 75px;
	top: 570px;
}