/* ===============================
   FEUILLE DE STYLES DE L'EXERCICE
   INTEGRATION D'UN DESIGN COMPLET
   =============================== */


/* --- STRUCTURE GLOBALE --- */

/*body {
	margin: 0;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
}*/
/*#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
} */

a  {
	text-decoration: none;
}
a:hover{color:green; } 

h1 {font-size: 1.5em; font-family: arial; color:red;}

#conteneur_fond{
	width:100%;
	margin-left: auto;
    margin-right: auto; 	
	background-image: url(../fond.jpg);
	background-position:top center;	
	background-repeat : no-repeat;
	background-attachment : fixed; 
}

#conteneur {
	width:1000px;
	background-color:#FFFFCC;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 0.75em;
	color:black;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
	margin-left: auto;
    margin-right: auto;
    border: 1px dashed red;    
	min-height:900px;	
	}

/* --- EN-TÊTE --- */

#entete { 
/* height: 60px; */ 
	height: 70px; 
	padding-left: 3px;
}

/*#entete p {
	margin: 0;
	padding: 47px 0 10px 0;
	font-size: .9em;
}*/

#entete_s1 {
    float:left;
    /* background-color:#FFFFCC; */
    /*text-align:center;*/
    top:0px;
    padding-right:3px;
    padding-left:3px;
	width:500px;
    }
	
#entete_s2 {
	float:right;
    /* background-color:#FFFFCC; */ 
    /*text-align:center;*/
    top:0px;
    padding-right:3px;
    padding-left:3px;
}

#entete_defilement { 
	height: 30px;
	border:0; 
	/*margin:0 auto; */ 
	overflow:hidden; 
	width:700px;
}

#rss { 
	text-align:center;
	width:120px;
}

#facebook_twitter { 
	text-align:center;
	width:120px;
	margin-top :15px;
}

#articles_blog { 
	width:120px;
	margin-top :15px;
}

#articles_blog h1{
    font-family: Arial,serif;
	font-size: 1em;
    text-align:center;
	margin:5;
	padding:0;
}
#articles_blog table {
	border: hidden; 
}
	
#articles_blog td {
	padding: 5px 0 5px 5px;
	border: hidden;
	text-align: left;
	font-size: 1em;
	line-height: 15px;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
}	

/* Corps */
#corps {
	/*float:right; */
	margin: 0 10px 0 0; 
	padding: 0px 0 5px 130px;
	min-height:900px;
}

/* --- MENU DE GAUCHE --- */

#logo {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 5px;
	font-size: 40px;
	font-weight: normal;
	text-transform: lowercase;
	background-color:#FFFFCC; 
}	

#logo img {
	display: block;
}

#menug {
	float:left;
	background-color:#FFFFCC; 
	width:130px;
	top:0px;
	left:0px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
	margin-right: 7px; 
	line-height: 8px;
	min-height:200px; /* a supprimer */
    }

#titre_menu {
	display: block;
	line-height: 18px;
	width:127px;
	float:left;
	background-color:#FFFFCC;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	color:#990033;  
	top:0px;
	left:0px;
	text-align:left;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;  
	font-weight: bold;	
	}
	
#menu_page_g {
	display: block;
	margin: 0;
	padding :2px;
	text-decoration: none;
	line-height: 18px;
	width: 120px ;
	border-top : 0.5px solid black;
	border-right : 0px solid black;
	border-left : 0px solid black;
	border-bottom : 0px solid black;
	background: #FFCC00;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
    }
	
#menu_page_g:hover, #menu_page_g:focus  {
	background: #FFFFCC;
}
	
/* --- MENU DE NAVIGATION --- */
	
/*#menuh {
	height: 18px;
	margin: 0 10px;
	padding: 0 120px 0 0;
}

#menuh  ul{
	list-style: none;
}
#menuh li {
	float: left;
	margin-right: 6px;
}
#menuh a {
	float: left; /* Un display: block aurait été suffisant, mais sans float IE6 bugue */
/*	padding: 0;
	text-decoration: none;
	background-color:#FFCC00; 
}
#menuh a span {
	float: left; /* Un display: block aurait été suffisant, mais sans float IE6 bugue */
/*	position: relative;
	padding: 0 10px 0 10px;
	border : 1px solid black;
	background-color:#FFCC00;
}
#menuh .en-cours a,
#menuh .en-cours a span {
	text-decoration: none;
	background: #FFCC80;
}

#menuh a:hover,
#menuh a:hover span,
#menuh a:focus,
#menuh a:focus span {
	/*background-image: url(img/menu2-item-special.png);*/
/*	background: #FFFFCC;
} */

	
#menuh {
	width: 680px;
	height: 70px;
	margin: 0 10px;
	padding: 0;
}

#menuh_Deroulant {
	list-style-type: none;
	padding: 0 0 0 10px;
	border: 0;
	position: absolute;
	min-width: 680px;
	max-width: 680px;
	/*text-transform: uppercase;*/
}

#menuh_Deroulant li {
	float: left;
	padding: 0;
	border : 1px solid black;
	margin-right: 6px;	
}

/*#menuh_Deroulant li a span {*/
#menuh_Deroulant li a {
	padding: 0 5px 0 5px;
	/*background: #FFCC80;*/
}

#menuh_Deroulant .sousmenuh {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	left: 0;
	position: absolute;	
	min-width: 680px;
	max-width: 680px;
	/*text-transform: uppercase;*/
}			

#menuh_Deroulant .sousmenuh li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 150px;
	max-width: 175px;
	text-align:center;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}	

#menuh_Deroulant li:hover > .sousmenuh {
	display: block;
	margin: 0 10px;
}

#menuh_Deroulant li a:link, #menuh_Deroulant li a:visited {
	display: block;
	height: 1%;
	/*color: blue; */
	background: #FFCC00; /* couleur de fond du menu */
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
}

#menuh_Deroulant li a:hover { 
	background-color: #FFFFCC; /* couleur de fond de l'occurence du menu choisi */
}

/* #menuh_Deroulant li a:active { 
	background-color: #5F879D; 
} */

#menuh_Deroulant .sousmenuh li a:link,
#menuh_Deroulant .sousmenuh li a:visited {
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	/* background: transparent url(fondTR.png) repeat;  */
	background: #5C92CB; /* couleur de fond du sous menu */
	
}

#menuh_Deroulant .sousmenuh li a:hover {
	background-image: none;
	background-color: #1282AD; /* couleur de fond de l'occurence du menu choisi */
}			


/* --- MENU DE DROITE --- */
#menud {
	float:right;
	background-color:#FFFFCC; 
	width:120px;
	top:0px;
	left:0px;
	text-align:center;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
	margin-left: 7px;
    } 
#menud1 {
	float:right;
	background-color:#FFFFCC; 
	width:120px;
	text-align:center;
	top:0px;
	left:0px;
	padding-right:3px;
	padding-bottom:10px;
	padding-left:3px;
    } 
#menud2 {
	float:right;
	background-color:#FFFFCC; 
	width:120px;
	text-align:center;
	top:0px;
	left:0px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
}   
#menu_bon_reduc {
	float:right;
	background-color:#FFFFCC; 
	width:120px;
	text-align:center;
	top:0px;
	left:0px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;
}  

/* --- BLOC DE CONTENU --- */

/* Conteneur */
#contenu {
	top: -6px;
	padding: 0 0 0 0;
	/*margin: 0 10px;*/
	color: black;
	width:710px;
}
#contenu_popup{
	top: -6px;
	padding: 0 0 0 0;
	/*margin: 0 10px;*/
	color: black;
	width:730px;
	font-size: 0.75em;
	margin-left: auto;
    margin-right: auto;
}
#contenu-haut {
	height: 10px;
	/*padding: 16px 35px 30px 20px;*/
	//*background: url(img/fond-contenu.png) no-repeat left top; */
	background-color:#FFFFCC;
}
#contenu-bas {
	height: 1%; /* Nécessaire pour IE6. Voir concept de HasLayout et bug du Three Pixel Jog */
	/*overflow: hidden;*/
	padding: 10px 5px 15px 15px;
	background-color: #FFFFCC;
}

.warning {
	text-align:center;
}

#paragraphe {
	width:680px;
	background-color:#FFFFFF;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
    margin-right: auto;
    border-bottom: 1px dashed red;   
	min-height:200px;	
}

#recconteneur {
	float:right;
	font-weight: normal;
	background-color:#FFFFCC;
	width:200px;
	margin-top: 5px; 
	margin-right: 5px; 
	margin-left: 5px;
	padding-right:7px;
    padding-left:17px;
	padding-top:5px;
	border: 1px dashed red;
	line-height: 6px;
	}
	
#titre_menu_rec {
	width:190px;
	float:left;
	background-color:#FFFFCC;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	color:#990033;  
	top:0px;
	left:0px;
	text-align:left;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:3px;   	
	font-weight: bold;	
	}	

#menu_page_s {
	display: block;
	margin: 0.5px 0;
	text-decoration: none;
	line-height: 15px;
	width: 200px ;
	border : 1px solid black;
	background: #fc0;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
    }
	
#menu_page_s:hover {
	background: white;
    }	

#paragraphe-bas{
	width:680px;
	background-color:#FFFFFF;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
    margin-right: auto;
    border-bottom: 1px dashed red;   	
}

/* --- BLOC CARTE --- */
#paragraphe_gmap {
	text-align:center;
}

#plan_titre {
	font-size: 1.6em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#CC3300;
	 font-weight: bold;
	 text-align:center;
}
#plan_invit {
	font-size: 1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:black;
	 font-weight: bold;
	 text-align:center;
}	

#plan_libel {
	font-size: 1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:green;
	 font-weight: bold;
}

.ajout_para {
	
}

/* Boite à fond clair */
#contenu .boite {
	padding: 20px;
	background: #EFF3E0;
}

#legend	{
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
}

#photo {
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	margin-top: 5px; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-bottom: 5px;	
   	/* border: 1px dashed red; */
   	color:#FF9900 ;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
}	

/* Titres et paragraphes */
#contenu h2 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
}
#contenu h4 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align:center;
}
#contenu h3 {
	margin: 20px 0 10px 0;
	font-size: 1em;
}
#contenu h3.sombre {
	padding: 1px 5px 2px 5px;
	font-weight: normal;
	color: white;
	background: #282E3D;
}
#contenu p {
	margin: .75em 0;
	line-height: 1.35;
}
#contenu ul, #contenu ol {
	margin: .75em 0;
	padding: 0 0 0 20px;
}
#contenu ul {list-style: square;}

/* Tableaux de données */
#contenu table {
	margin: 10px 0;
	/* border: 1px solid #999999;  */
	border-collapse: collapse;
}
#contenu caption {
	padding: 10px;
}
#contenu th, #contenu td {
	padding: 4px 5px;
	vertical-align: top;
	/* border: 1px solid #BBBBBB; */
	text-align: left;
}
#contenu .pair td,
#contenu .pair th {
	background: #D3DEAB;
}
#contenu .impair td,
#contenu .impair th {
	background: white;  	
}

#conteneur_sp {
	width:680px;
	background-color:#FFFFCC;
	text-align:center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold;
	color:#5D5C5C; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 1px dashed red;     		
}
	
#conteneur_interne {
	width:720px;
	background-color:#FFFFFF;
	/*text-align:justify;*/
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold;
	color:#5D5C5C; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: 133px;
   	margin-right: 133px;
	/*margin-left: auto;
   	margin-right: auto; */
   	border-bottom: 1px dashed red;   
	/* min-height:200px; */	
	}

#conteneur_fin_quest {
	width:690px;
	background-color:#FFFFFF;
	/*text-align:justify;*/
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold;
	color:#5D5C5C; */
	color:#363636;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	padding-right:7px;
	/*margin-left: 133px;
   	margin-right: 133px; */
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 1px dashed red;   
	/* min-height:200px; */	
	}
		
#conteneur_activite {
	width:680px;
	background-color:#FFFFFF;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold;
	color:#5D5C5C; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 1px dashed red;   
	min-height:200px;	
	}
#ss_para {
	background-color:#FFFFFF;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding:5px 3px;
}

#lien_addsp {
	padding-left: 30px;
}

#ss_para table td {
	text-align: justify;
	border: hidden;
}

#ss_para h3{
	font-size: 1.1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#006600;
	font-weight: bold;
	margin: 0 0 0 10px;
}

#conteneur_liste_image {
	text-align: center;
}

#annonce{
	background-color:#FFFFFF;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding:5px 3px;
	border: 5px ridge #7C3437;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}
#annonce h3{
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#006600;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding-left: 15px;
}

#annonce table{
	margin: 2px 0 2px 0;
}

#annonce table td{
	text-align: justify;
	border: hidden;
}

#pub {
	width: 680px;
}

#copyright {
	font-size: 1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:blue;
	 text-align:center;
}

#conteneur_questionnaire_photo {
	/* background-color:#FFFFFF; */
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	color:black;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 0px dashed red;   
}

#ajout_au_circuit {
	text-align:right;
	font-size: 1.0em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
}


#avis {
	font-size: 1.0em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 font-weight: bold;
}
#quest_region {
	font-size: 1.0em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	/* font-weight: bold; */
}

#quest_titr {
	font-size: 1.2em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#009D30;
	 font-weight: bold;
}

#quest_lib_titre {
	font-size: 1.2em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#CC3300;
	 font-weight: bold;
}

#complement {
	font-size: 1.0em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#636363;
}

#lien_sp {
	font-size: 0.9em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:blue;
	text-decoration:underline;
}

#nom_soc {
	font-size: 1.4em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#006B35;
	font-weight: bold;
}
#description {
	font-size: 1.0em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#363636;
	/*font-weight: bold; */
}
#adresse {
	font-size: 1.1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#636363;
	font-weight: bold;
}	

#liens {
	font-size: 1.1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#CC3300;
	 font-weight: bold;
	text-decoration:underline;
}
#liens_etape {
	font-size: 1.2em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#CC3300;
	 font-weight: bold;
	text-decoration:underline;
}

#liens_annuaire {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
}

#plan_url {
	font-size: 1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:blue;
	 font-weight: bold;
}

#plan_libel_region {
	font-size: 1.2em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:blue;
	 font-weight: bold;
}

#titre_tableau_detail {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align:center;
}

#cordonnees {
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#636363;
	font-weight: bold;
}

#conteneur_interne_bp {
	width:700px;
	background-color:#FFFFFF;
	font-size: 0.75em;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 1px dashed red;   
}
	
#compte {
	width:650px;
	min-height:900px;
	font-size: 0.75em;
	text-align:center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 1px dashed red;   
}

#legend_compte	{
	font-size: 1.5em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	/*color:#CC3300; */
	font-weight: bold;
	text-align: center;
	color:red;
}

/* Tableaux de données */
#compte table {
	width:630px;
	margin: 30px 0;
	border: hidden; 
	text-align: center;
}

#compte tr {
	padding: 5px 10px;
	vertical-align: top;
	border: hidden;
	text-align: center;
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
}	
	
#compte th {
	padding: 5px 10px;
	vertical-align: top;
	border: hidden;
	text-align: center;
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	
}
#compte td {
	padding: 5px 10px;
	vertical-align: top;
	border: hidden;
	text-align: left;
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
}	
#compte h2 {
	padding: 5px 10px;
	vertical-align: top;
	border: hidden;
	text-align: center;
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:black;
}

#bouton {
	text-align: center;
	font-size: 1.3em;
}

#compte #erreur {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:red;
	font-weight: bold;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
}

#nouveau_compte, #passperdu, #changepass {
	font-size: 1.3em;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	color: black;
}

#gestion_cpte {
	font-size: 1.3em;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	color: black;
}

#compte #message {
	font-size: 1.3em;
	/*text-align:center; */
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	color: black;
}

#quest_titre {
	font-size: 1.1em;
	 font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	 color:#CC3300;
	 font-weight: bold;
}

#tableau_detail {
	font-size: 0.9em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:black;
}

#titre_tableau_detail {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align:center;
}

.menugi	{
	font: 11px verdana;
    color:black;
    border-width:1px;
    padding:4px;
} 

#conteneur_questionnaire {
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	color:black;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 0px dashed red;   
	min-height:300px;	
	width:680px;
	}
	
#conteneur_questionnaire_photo {
	/* background-color:#FFFFFF; */
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	color:black;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	margin-left: auto;
   	margin-right: auto;
   	border-bottom: 0px dashed red;   
	width:700px;
	}

#quest_enqu {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
}

#quest_enqu_cmtr {
	font-size: 1.0em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	/*color:#CC3300; */
}

#photoq {
	float:left;
	/* background-color:#FFFFFF; */
	text-align:center;
	margin-top: 3px; 
	margin-left: 3px; 
	margin-right: 3px; 
	margin-bottom: 3px; 
    border: 1px dashed red;
    color:#FF9900 ;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
}

#quest_them {
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
}

#quest_lib {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
}

#erreur {
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:red;
}

#tableau_etape {
	width:700px;
	margin: 20px 0;
	border: hidden; 
	text-align: center;
	min-height:750px;
}

#tableau_etape  h2 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align:center;
}

#tableau_etape table{
	margin: 10px 0;
	text-align: center;
	width:700px;
}

#tableau_etape td{
	padding: 4px 5px;
}	

.etape {
	vertical-align: top;
	border-top: 1px solid red;
	border-right: 1px solid red;
	border-left: 1px solid red;
	text-align: center;
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	/* color:#FF0066 ;  */
	background-color:#FFCC00;
	width:300px;
}

.etape td {
	border: 1px solid red;
}

.activite {
	vertical-align: top;
	border-right: 1px solid red;
	border-left: 1px solid red;
	text-align: center;
	font-size: 1em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	background-color : #FFFFCC ;
}

.activite img {
	vertical-align: middle;
	border:0;
	margin-right:5px;
}

#circuit {
	width:700px;
	border: hidden; 
	text-align: center;
	min-height:750px;
}

#abus {
	width:500px;
	border: hidden; 
	text-align: right;
}

#abus h2 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
}

#distance{
	text-align:center;
}

#distance  tr{
	text-align:center;
	color:##9999FF;
}

#distance  td{
	text-align:center;
}

#cellule {
	width:400px;
}

#cellule table{
	margin: 10px 0;
	width:400px;
}

#cellule td{
	padding: 4px 5px;
	border: hidden;
	text-align: right;
}	

#cellule_heberg {
	width:80px;
}

#cellule_heberg table {
	margin: 10px 0;
	width:80px;
}

#cellule_heberg td{
	padding: 4px 5px;
	border: hidden;
	text-align: right;
}	

#liste_etapes h2 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align: center;
}

#td_etapes {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
}

#titre_etapes {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
	background-color:#FACC46;
}

#acceptation {
	width:400px;
	background-color:#FFFFCC;
	text-align:center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	color:black;
	padding-right:100px;
	padding-bottom:3px;
	padding-left:100px;
	padding-top:50px;
	margin-top: auto;
	margin-left: auto;
    margin-right: auto;
    border: 3px dashed red;    
	min-height:100px;	
}

#conteneurInfoBulle{
	margin:0;
	padding:0;
	width: 420px;
	height: 150px;
}
#conteneurInfoBulle h1{
    font-family: Arial,serif;
	font-size: 1em;
	color:#267AA8;
    text-align:center;
	margin:0;
	padding:0;
}
#conteneurInfoBulle h2{
	font-family: "Times New Roman",serif;
	font-size: 1.5em;
	margin-top: auto;
	margin-left: 0;
    margin-right: 0;
	margin-bottom: 0;
	padding:0;
	text-align:center;
	color:orange;
}
#texteInfoBulle{
	font-family: "Trebuchet MS",serif;
	font-size: 0.8em;
	margin-top: auto;
}
#texteInfoBulle p{
     margin-top:0.5em;
     padding:0;
     text-indent:2em;
     text-align:justify;
}
#accesInfoBulle {
	margin-top: 1em;
	text-align:center;
}

/* CSS pour flux RSS */
#cellule_RSS{
	width:80px;
}

#cellule_RSS table {
	margin: 10px 0;
	width:80px;
}

#cellule_RSS td{
	padding: 4px 5px;
	border: hidden;
	text-align: right;
}	


/* CSS pour les PopIn */
.mypopin4 {
	color:#FFF;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#906;
	border-radius:.5em;
	-moz-border-radius:.5em;
}
.mypopin4 .popin-content {
	padding:10px;
}
.mypopin4 .popin-content p {
	padding:0;
	margin:0 0 1em;
}

#echange_lien {
	width:700px;
	border: hidden; 
	text-align: center;
	min-height:750px;
}


#liste_liens h2 {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align: center;
}

#td_liens {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
}

#titre_liens {
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	border: 1px solid black;
	background-color:#FACC46;
}

#titre_bons {
	width:1200px;
	font-size: 1.7em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	min-height:130px;
}

#tableau_bons {
	width:1070px;
	margin-left: 130px;
}

#tableau_bons table {
	margin: 5px 0;
	border: 1px solid black;
	text-align: center;
}
#tableau_bons tr {
	padding: 5px 5px;
	vertical-align: top;
	border: hidden; 
	text-align: center;
}
#tableau_bons td {
	padding: 5px 5px;
	vertical-align: top;
	/* border: hidden; */
	border: 1px solid black;
	text-align: left;
}	
#bon_reduc_liste table {
	margin: 5px 0;
	text-align: center;
}
#bon_reduc_liste tr {
	vertical-align: top;
	text-align: center;
}
#bon_reduc_liste td {
	vertical-align: top;
	border: 2px groove threedface;
	text-align: left;
}
#bon_reduc_titre {
	color: red;
	text-align:center;
	font-size: 1.2em;
	padding: 5px 5px;
}

#bon_reduc_dates {
	color: black;
	text-align:center;
	font-size: 1.1em;
	padding: 5px 5px;
}

#bon_reduc_dscr {
	color: black;
	padding: 5px 5px;
}

#bon_reduc_adresse {
	color: black;
	font-size: 0.9em;
	padding: 5px 5px;
}

#liste_regions {
	float: right;
}

#liste_regions  td {
	font-size: 1.2em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align: right;
}

#search_region {
    background: none repeat scroll 0 0 #E3DCCD;
	/*background: none repeat scroll 0 0  #F7F779; */
    border-radius: 12px 12px 12px 12px;
    min-height: 60px;
    padding: 10px;
    position: relative;
    z-index: 1000;
}

#search_region  h2 {
	margin: 10px 0; 
	font-size: 1.3em;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color:#CC3300;
	font-weight: bold;
	text-align:center;
}

.searchbutton_zone {
    min-height: 30px;
    position: relative;
	text-align: right;
}

#pub_paragraphe {
	width:680px;
	background-color:#FFFFFF;
	text-align:justify;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	/*font-weight: bold; */
	color:#363636;
	padding-right:7px;
	padding-bottom:3px;
	padding-top:10px;
	padding-left:7px;
	margin-left: auto;
    margin-right: auto;
    border-bottom: 1px dashed red;   
	min-height:100px;	
}

#nouveau_site {
	text-align: center;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold; 
}

#nouveau_site a {
	color: red;
	text-decoration: blink;
}