/* Ligne de navigation */
.breadcrumb {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#7A7A7A;
   padding:0px;
   margin:0px;
   font-weight:normal;
   text-align:left;
   }

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:link, .retour_liste a, .retour_liste a:visited, .retour_liste a:link {
   color:#890C08;
   text-decoration:none;
   }

.chemin_resultat a, .chemin_resultat a:visited, .chemin_resultat a:link {
   color:#890C08;
   text-decoration:none;
   }

.retour_liste {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   margin-left:20px;
   margin-top:10px;
   margin-bottom:10px;
   }

#legende_picto {
	display:block; 
	width:145px; 
	background-color:#FFFFFF; 
	text-align:center; 
	border-width:1px; 
	border-color:#000000; 
	border-style:solid;
	margin-left:3px;
	margin-top:0px;
}

/***********************************************/
/* Menu general                                */
/***********************************************/
/* container du menu */ 
#menubackgr {
	display:block;
	float: left;
	z-index:1;
	BACKGROUND: #FFFFFF;
	width:100%;
}

.menu{
	z-index:1;
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	float: left;
	width: 100%;
	background-color: #f7931d;
	margin:0;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
}

.menu a, .menu a:link, .menu a:visited{
 	font-family: Arial,  sans-serif;
	font-size: 10px;
    text-align:center;
    display:block;
	padding: 0.4em 0.1em; 
	background-color: #f7931d;
	color: #000;
	text-decoration: none;
	border-color:#FFFFFF;
	border-width:0px 1px 1px 0px;
	border-style: solid;	
}

.menu .mnu_valign{
	line-height:20px !important;
}
.menu a:hover, .menu #active_menu{
	background-color: #961207;
	text-decoration: none;
	color:#FFFFFF;
    }

/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #961207;
}
.menu li{
	overflow:hidden;
	line-height:10px;
    list-style:none;
    width:95px;
    display:block;
    float:left;
    margin:0;
    padding:0;
   }

/***********************************************/
/* Menu gauche (a supprimer)                               */
/***********************************************/
.navlist
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 3px;
	margin:0px;
	list-style:none;
/*width: 200px;*/
}

.navlist li
{
	background-image: url(img/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin: 0px;
	padding-bottom:0.25em ;
	padding-left:10px;
	padding-right:0.25em ;
	padding-top:0.25em ;
	border-bottom: 1px solid #EE7D1C;
}

.navlist li a, .navlist h1 a , .navlist a:visited { text-decoration: none; 
}

navlist a:hover{
	padding-left:3px;
	color:#961207;
    }

.navlist #active_navlist{
	font-weight:bolder;
	color:#961207;
    }

.navlist h1{
	padding: 3px 0px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	color:#000000;
	text-align:left;
	}
	 
.navlist h2{
	padding: 8px 0px 2px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#000000;
	text-align:left;
	border-top: solid #EE7D1C;
	border-top-width:2px;
	margin-top:-4px;
}

/***********************************************/
/* Menu gauche   (v2)                             */
/***********************************************/
.navlist2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 3px;
	margin:0px;
	list-style:none;
}


.navlist2 li
{
	padding: 8px 0px 2px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:11px;
	color:#000000;
	text-align:left;
	border-top: solid #EE7D1C;
	border-top-width:2px;
	margin-top:-4px;
	list-style:none;
}

.navlist2 li ul
{
	padding:0;
	padding-top:5px;
	margin: 0;
}

.navlist2 li li
{
	font-weight:normal;
	margin: 0px;
	padding-bottom:0.25em ;
	padding-left:0px;
	padding-right:0.25em ;
	padding-top:0.25em ;
	border-top:0;	
	border-bottom: 1px solid #EE7D1C;
}

.navlist2 li a, .navlist2 h1 a , .navlist2 a:visited { 
	text-decoration: none; 
}


.navlist2 a:hover{
/*	padding-left:3px; */
	color:#961207;
    }

.navlist2 #active_navlist2{
/*	font-weight:bolder; */
	color:#961207;
    }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#main_content_popup{
	margin-left:auto;
	margin-right:auto;
	width:570px;
  	background-color:#FFFFFF;
	text-align:center;
}

#main_content_page{
	margin-left:auto;
	margin-right:auto;
	width:760px;
  	background-color:#FFFFFF;
}
  
.content_page{
 	font-family: Arial,sans-serif;
	font-size:10px;
  	background-color:#FFFFFF;
}
.content_page_pro{
 	font-family: Arial,sans-serif;
	font-size:10px;
  	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}

#main_content{
   	background-color:#FFFFFF;
}

/* Pavé gauche + pavé central >> Structure 2 colonnes (structure pour accueil) */
#content_left_acceuil{
   float: left;
	width: 570px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	height:445px;
	background-image:url(img/img_background.jpg);
    background-repeat:no-repeat;
	background-position:left top;
 	min-height:435px;
}
/* Pavé gauche + pavé droit >> Structure 2 colonnes (structure pour fiches) */
#content_left_fiche{
 	min-height:235px;
    float: left;
	width: 525px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	height:100%;
	
}

#fiche_entete{
	width:360px; 
	text-align:left; 
	float:left; 
	padding-bottom:0px;
}

#content_right_fiche{
   text-align:left;
  	min-height:235px;
    float: left;
	width: 235px;
	margin: 0px;
	padding: 0px;
	padding-top:60px;
	background-color:#FFFFFF;
	height:100%;
}

#fiche_pave_texte {
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:268px;
	text-align:justify;
}

/* Pavé gauche + pavé central >> Structure 2 colonnes (structures pour les listes de résultats)*/
#content_right_liste_item{
 	min-height:435px;
    float: left;
	width: 590px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	height:100%;
}
/*  Structure 3 colonnes */
#content_left{
   text-align:left;
  	min-height:435px;
    float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}
#content_right{
  	min-height:435px;
   background-color:#FFFFFF;
    float:right;
	width: 171px;
	padding: 5px 9px 0px 10px;
}

#content_right img {
margin-bottom:5px;
}

#content_center{
  min-height:435px;
   background-color:#FFFFFF;
  float: left;
  width: 400px; 
}
#content_center h1{
	font-family:Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 20px;
   color:#961207;
   font-weight:normal;
   width: 375px;
   background-image:url(img/puce_contenu.jpg);
   background-position:top left;
   background-repeat:no-repeat;
   padding-left:23px;
   padding-top:0px;
   padding-bottom:8px;
   margin-top:10px;
}

.titre_h1 {
	font-family:Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 20px;
   color:#961207;
   font-weight:normal;
   width: 375px;
   background-image:url(img/puce_contenu.jpg);
   background-position:top left;
   background-repeat:no-repeat;
   padding-left:23px;
   padding-top:0px;
   padding-bottom:8px;
   margin-top:10px;
}

.titre_h1_acc_etranger{
    float:left;
 	font-family:Arial, Helvetica, sans-serif;
   font-size: 20px;
   color:#961207;
   width:130px;
   font-weight:normal;
   background-image:url(img/puce_contenu.jpg);
   background-position:left top;
   background-repeat:no-repeat;
   padding-left:25px;
   padding-top:0px;
   line-height:20px;
}

/* images de la partie gauche */
#images_left{
text-align:center;
	padding-top:0px;
}

#images_left img {
margin-bottom:15px;
}

/*********** #contenu des pages ***********/

/*#content{
  background-color:#FFFFFF;
  float: left;
  width: 400px; 
}*/







/***********************************************/
/* Composants                                  */
/***********************************************/

/************** .actualites styles (page accueil) ***************/
div.actualites{
     text-align:left;
	 margin-left:78px;
	 clear:both;
/*     padding: 50px 50px 10px 10px; */
}

div.actualites div h1{
  background-image:url(img/fleche.jpg);
  background-position:left top;
  background:no-repeat;

}
div.actualites div h2{
font-size:10px
  

}


div.actualites div{
     float: left;
	 margin-bottom:10px;
}

/************* #search styles (page accueil) ***************/
#search{
    margin:0px;
	padding: 5px 0px 5px 10px;
}



/************** .story styles (textes des contenus) *****************/

.story{
	clear: both;
	padding: 0px 0px 10px 0px;
	font-size: 11px;
	text-align:justify;
}

.story p{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
	}
	
/************** # pave_recherc_multicritere (page_herbergement/resto) *****************/

#recherche_multicritere{
   height:232px;
   
   }
.gauche_multicritere{
    float:left;
	text-align:left;
	padding-top:45px;
	margin-left:5px;
	padding-bottom:0px;
	width: 210px;
	}
	
.gauche_multicritere label{
	display:inline;
	float:left;		
    width:50px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CC0000;
	padding-right:3px;
	padding-top:4px;
   }

.droit_multicritere{
  float:left;
	text-align:left;
	padding-top:40px;
	margin-left:7px;
	padding-bottom:0px;
	width:170px;
	}
	
.droit_multicritere label{
   padding-right:5px;
}

.bas_multicritere{
	float: left;
	text-align:right;
	width:205px;
	padding-top:5px;
   }

.info_multicritere{
	display:inline;
	float:left;		
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#F96736;
	line-height:1em;
	padding-top:5px;
/* 	padding:0; */
	margin:0;
   }
	
/************** # pave_recherche_manif (page_agenda) *****************/
#pave_recherche_manif{
   background-image:url(img/background_manif.jpg);
	background-repeat:no-repeat;
	height:206px; 
	width:399px;
  }

.pave_recherche_manif{
    float:left;
	text-align:left;
	padding-top:10px;
	margin-left:5px;
	padding-bottom:0px;
	width: 260px;
	}
	
.pave_recherche_manif label{
    width:110px;
	display:block;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#E75112;
	padding-right:3px;
	padding-top:4px;
	
   }


/************** # reservation *****************/

#reservation{
	background-color:#fff6ed;
	clear:both;
	text-align:left;
	padding-top:3px;
	margin-left:5px;
	padding-bottom:0px;
	
	}
	
#reservation label{
    width:220px;
	display:block;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E75112;
	padding-right:3px;
	padding-top:4px;
	padding-left:25px;
	font-weight:normal;
   }	

#reservation input, #reservation select{
	width:180px; 
	font-size:11px; 
	margin-bottom:5px;
}


/************** #liste_item (style pour presenter les resultats de recherche) *****************/

.liste_item{
    display:block;
    float: left;
	width: 590px;
	margin-top:20px;
	margin-bottom:0px;
	background-color:#FFFFFF;
	border-bottom-width:1px;
	border-bottom-color:#FF7F00;
	border-bottom-style:solid;
    }	
   
#liste_item h1{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #961207;
	font-weight: bolder;
   }	
   
#liste_item p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    margin:0px;
	padding:0px;
   }
   		   		
#liste_item small{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
  }

.ligne_info{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top:5px;
	margin:0px;
}
.ligne_info_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding:0px;
	margin:0px;
}
.ligne_info_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.ligne_info_4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-bottom:5px;
	margin:0px;
}
  
.ligne_info small, .ligne_info_2 small, .ligne_info_3 small, .ligne_info_4 small{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
  }
   	
/************** .onglet_liste_item (menu de 3 boutons pour la liste résultats)*****************/   
   
.onglet_liste_item{
   clear:both; 
   padding-left:272px;
   font-size:9px;
   text-align:center;
   line-height:18px;
   text-decoration:none;
   color:#999999;
   }
   
.onglet_liste_item div a, .onglet_liste_item div a:visited, .onglet_liste_item div a:link{
   text-decoration:none;
   }
   
   
.onglet_liste_item_fiche{
   display:block; 
   width:750px; 
   /*clear:both;*/ 
   font-size:9px;
   text-align:center;
   line-height:18px;
  text-decoration:none;
  margin-bottom:10px;
  float:left;
  border-bottom:1px;
  border-bottom-color:#f7931d;
  border-bottom-style:solid;
    color:#999999;
  
   }
   
.onglet_liste_item_fiche div a, .onglet_liste_item_fiche div a:visited, .onglet_liste_item_fiche div a:link{
   text-decoration:none;
   }


/************** # fiche info pratique (page_herbergement/resto) *****************/
#fiche_info{
}
      
/************** # fiche tarif (page_herbergement/resto) *****************/

#fiche_tarif{
   width:208px;
   height:66px;
   border:none;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;
   text-align:center;
}

/************** # fiche description (page_herbergement/resto) *****************/
#fiche_description{
	padding-bottom:20px;
	padding-left:20px;
	padding-top:2px;
	padding-right:0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
   }
   
#fiche_description h1{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
color: #961207;
	font-weight: bolder;
}

#fiche_description small{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
 
/************** a la une  *****************/

.ala_une {
	font-family:Arial, Helvetica, sans-serif;
	float:left; 
	width:198px; 
	text-align:left;
    font-size:10px;
    color:#000000;
	font-size:10px;
	padding-bottom:25px;
	}
.ala_une em {
   float:left;
   color: #A13021;
   font-size:11px;
   font-weight:bolder;
   padding-left:3px;
   padding-top:2px;
   padding-right:0px;
   padding-bottom:0px;
   margin:0px;
   background-image:url(img/trait_actualite.gif);
   background-repeat:no-repeat;
   background-position: left top;
   width:120px;
	}
.ala_une img {
	padding-right:3px;
	}
.ala_une p {
	padding-left: 5px;

	margin:0px;
	display:block;
	float:left;
	width:115px;
	}

/************** liste_grand monuments  *****************/
#liste_monuments {
   font-family:Arial, Helvetica, sans-serif;

  font-size:11px;
    color:#890C08;
    width:400px;
	border:none;
	margin:0px;
	padding-left:3px
	
    }
#liste_monuments td{
    background-color: #FFF5E6;
	border-style:solid;
	border-width:0px;
	border-color:#FFFFFF;
	height:20px;
	text-align:left;
	padding:5px;
	vertical-align:top;
    }	
	
#liste_monuments img {
 	padding-right:3px;
    }
			
#liste_monuments a {
	text-decoration:none;
 	color:#890C08;
    }	
	
#liste_monuments a:hover {
	text-decoration:none;
 	color:#FF6600;
 	}	
/* Barre de défilement par page */   
 .defilement_page {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
	color: #7A7A7A;
	}

.active_defilement{
   font-size:12px;
   font-weight:bold;
	text-decoration:none;
	color:#7A7A7A !important;
    }
 
  

/* FESTIVAL */
.titre_produit
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#1B60B2;
}

.date_produit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.desc_produit
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#1B60B2;
}
.lien_produit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FE7C0D;
}

.cat_produit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#FE7C0D;
}

.tarif_produit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#FE7C0D;
}
.titre_prestation
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#1B60B2;
}
.desc_prestation
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
}
.titre_detail
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
.date_detail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.lieu_detail
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.desc_detail
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
}

#pave_prestation
{
	margin-left:13px;
}


.titre_photo
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#1B60B2;
}
.credit_photo
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	font-weight:normal;
	color:#000000;
}

 
/************** .titres/soustitres/p/liens  *****************/
.information{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.ss_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.ss_titre_2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding-bottom:5px;
	padding-top:10px;
}
.ss_titre_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-style:italic;
}
.chapo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7A7A7A;
	font-weight: bold;
}

/* Pavé info pratique */
.info_pratique_2, p .info_pratique_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:7px;
	padding-bottom:10px;
	color: #961207;
	margin:0;
}
.titre_info_pratique{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left:0px;
	font-weight: bold;
	color: #961207;
}
.titre_info_pratique img {
margin-right:2px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #961207;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	display: block;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
}

h3{
	font-family: Arial,sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: bolder;
	text-decoration: underline;
}

p{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
	}
	
form {
	margin: 0;
	padding: 0;
}	

em{
	font-family: Arial,sans-serif;
	font-size: 10px;
	font-style:normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight:lighter;
	text-decoration: none;
	}
	
a, a:link, a:visited{
	font-weight:normal; 
	color:#000000;
	text-decoration: underline;
}
a:hover{
	color: #890C08;
	text-decoration: underline;
}

img {
	border-width:0px;
}

.bouton {
    padding-bottom:4px;
	padding-left:16px;
    height:23px;
	width:90px;
	border:none;
 	color: #000000;
	background-color: transparent;
	background-image:url(img/boutons.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	cursor:pointer;
 }