----------------------------------------------------------------------------------------*/

/* général
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(images/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{background: #fff url(images/bg_bleu.gif) repeat-x;
	margin: 0;
	padding: 0;
}
body#main div.nuage{background: url(images/bg_nuage.gif) no-repeat ;}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New" ;

}

h4 {color:#ffffff; font-size: 14px; font-family: Georgia; margin-top: 10px;}
h5 {color:#ffffff; font-size: 12px; font-family: Georgia;}


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 18px;
	font-family:  Arial;
}
h2{color:#01a466; font-size: 14px; font-family: Arial;margin-top:10px;  
	
}
h4{color:#ffffff; font-size: 14px; font-family: Georgia;margin-top:10px; 
	
}

h5{color:#ffffff; font-size: 12px; font-family: Georgia;
	
}

h8{color:#ffffff; font-size: 14px; font-family: Georgia;margin-top:10px;  
	
}

h9{color:#ffffff; font-size: 12px; font-family: Georgia;margin-top:10px;  
	
}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	
	margin: 0 0 0 80px;
	
	width:850px;
	text-align:left;
}


/* MENU
--------------------------------------------------------------------------------------- */

#menu, #sousMenu{
	font-family: Georgia;
	width: 180px;
	padding-top: 195px;
	margin: 0 0px 0 32px;_margin: 0 0px 0 15px ;
	float:left;
	display:block;
}
#sousMenu{
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	margin-bottom: 5px;
	
}
#menu ul, #sousMenu ul{
	padding: 0;
	margin: 0;
	display: block;
}
#menu ul li{
	margin:5px 0 0px 0px;
	height: 100%;
	display: block;
	padding: 0;
	list-style-type: none;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;

	/*line-height: 12px;*/
	font-size: 10px;
	color: #777676;
	text-decoration: none;
	font-weight: bold;
	padding-left:5px;
	padding-bottom: 1px;
	margin: 0;	
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background-color: #efefef;
}
#menu ul li a.actif, #menu ul li a.actif:visited{	
	border-bottom: solid #d6eaf4 1px;
	background-color: #017fb9;
	color:#FFF;
	
} 

#sousMenu ul li{
	margin:0px;
	display:block;
	
	list-style-type: none;
}
#sousMenu ul li a, #sousMenu ul li a:link, #sousMenu ul li a:visited{
	/*display:block;*/
	height:100%;
	font-size: 10px;
	color: #017fb9;
	text-decoration: none;
	font-weight:  normal;
	padding:5px 0px 5px 5px;
	border-bottom: dotted #d2d2d2 1px;
	text-transform: uppercase;
}
#sousMenu ul li a:hover, #sousMenu ul li a:visited:hover{
	background-color: #eff8fd;
	color: #000;
}
#sousMenu ul li a.actif, #sousMenu ul li a.actif:visited{	
	background: #eff8fd url(images/fleche.gif) no-repeat 5px;
	padding-left:20px;
	color:#000;
	border-bottom: dotted #d2d2d2 1px;
} 

 
#menu div.boiteRecherche{
	
	height:70px;
	background: #FFF url(images/bg_recherche.gif) no-repeat;
	padding-left: 5px;
	padding-top:15px;
	
	font-weight: bold;
	font-size: 10px;
	color: #5186a6;
	margin-top: 20px;
	margin-left:0px;

}

/* MENU
--------------------------------------------------------------------------------------- */

#contenu{
	font-family: Arial;
	float:left;
	display:block;
	width:620px;
	font-size:11px;
	text-align: left;
}
#popUp{
	margin-left:10px;margin-top:15px;width:350px;
}
#texte{
	font-family: Arial;
	text-align: left;
	color: #717171;
	font-size: 12px;
}

#listeActivite{
	margin-left:5px;
	margin-top:10px;
	color: #717171;
	font-family: arial;
	
}
/* ACCUEIL
--------------------------------------------------------------------------------------- */
#boiteVedette{
	margin-top:30px;
	font-family: Bookman Old Style;
	color: #484848;
}
#dateVedette{
	float: left;
	display:block;
	font-family: georgia;
	width:47px;
	height:50px;
	font-size: 14px;
	color: #fff;
	margin-right:4px;
	text-align: center;
}
#listeVedette{
	float: left;
	display:block;
	border-bottom: dotted #d2d2d2 1px;
	height: 100%;_height:55px;
	min-height: 55px;
	padding:5px 0 5px 0;
}


#listeVedette a.cat_1, #listeVedette a.cat_1:link, #listeVedette a.cat_1:visited,span.cat_1,span.cat_2 ,
#listeVedette a.cat_2, #listeVedette a.cat_2:link, #listeVedette a.cat_2:visited{
	display:block;
	float: left;
	color: #484848;
	font-size: 18px;
	text-decoration: none;
	width: 320px;
	
	min-height: 30px;_height:30px;
	padding:10px 0px 10px 10px;

}
#listeVedette a.cat_1:hover, span.cat_1{
	background-color: #def4fe;
}
#listeVedette a.cat_2:hover, span.cat_2{
	background-color: #edfcf6;
}


#lienDate, #lienDate:link{

	text-decoration: none;

	text-align: center;
	color: #fff;
	font-size: 14px;

}
#boiteCalendrier{
	float: right;
	display: block;
	margin-top:0px;_margin-top:30px;


}


#barre{
	font-family: Georgia;
	background: url(images/bg_barre.gif) no-repeat;
	text-align: right;
	padding-right: 20px;
	padding-top: 9px;
	color: #fff;
   font-size: 10px;
	height: 30px;
	text-transform: uppercase;
}
#barre a{font-family: Georgia;color:#FFF;font-size:10px;  text-decoration: none; margin-right:30px;}

#contenu div.texteIntroArticle a,#contenu div.articleDetail a, #texte a{color:#717171;text-decoration:underline;}
H1{padding-top:5px;	padding-bottom: 10px;color: #017fb9;font-weight: bold;font-size: 13px; text-transform: uppercase;}
#contenu div.retour, #texte div.retour, #popUp div.retour{background: url(gx/bg_retour.gif) no-repeat;  float: right;display:block;  width: 70px;height:31px;margin-top:3px;padding-top:9px;text-align: center;margin-right:5px;}
#contenu div.retour a, #texte div.retour a, #popUp div.retour a{font-family: Georgia;color:#FFF;font-size:10px;  text-decoration: none;}
#contenu div.auteur{color: #6bb4d7;font-weight: bold;font-size: 10px;padding-bottom: 5px;}
#contenu div.auteur a{color: #6bb4d7;font-weight: bold;font-size: 10px; text-transform: uppercase;}
#contenu div.texteIntroArticle{color: #717171;font-size: 12px;padding-bottom:0px; }
#contenu div.bottomArticle a{
font-family: Georgia;
color: #717171;
padding-left:0px;
margin-left:0px;

font-size: 10px;
display:block;
}
#contenu div.bottomArticle a:hover{
	background-color:#efefef;
}
div.ligne{background:url(images/bg_dotted.gif) repeat-x;margin-bottom:5px;margin-top:15px;height:1px;line-height:5px;}
#contenu div.ligneDetail{border-bottom:1px #e5e5e5 solid; line-height: 1px;margin-right:10px;}
#contenu div.articleDetail, #contenu div.detailActivite{margin-left:5px;color: #717171;padding-top:15px; text-align: justify;padding-right:10px;}
#contenu div.detailActivite a, #listeActivite a{ color:#017fb9;}
a.voirActivite { color: #717171; text-decoration: none;
	
}
a.voirActivite:hover{background-color:#efefef;
	}

H1.template_1, #popUp H1{	color: #017fb9;}
H1.template_2{	color: #01a466;}
H3{color: #01a466;font-size:12px;}
#contenu div.detailActivite strong{ color: #01a466; font-size: 11px; font-weight: normal;}
#contenu ul{ 
	display:block;float:left;
	width:570px;
	margin-left:20px;_margin-left:10px;


}
#contenu ul li, #tata ul li{
font-family: Arial;
font-size:11px;
list-style-type: none;
padding-bottom:1px;
background: url(images/fleche2.gif) no-repeat .5em .3em;
padding-left:25px;
}
#contenu ul li a,#contenu ul li a:link,#contenu ul li a:visited{
	color: #717171; 
}
#contenu ul li a:hover{
	color: #01a466;
}



#photoContainer img, .articleDetail img{	border: 0px #ffffff solid;padding: 5px;margin:5px;}

#result{
	background: #FFFFFF;
	border: 1px solid #CCE7F3;
	margin: 0 0 10px 0;
	padding:5px;
}

#result ul li{
	background: url(images/fleche.gif) no-repeat 0px;
	padding-left:15px;
}
#ligne2{border-top:#d6d6d6 solid 1px;
}
tr td.row1_1{
	width:150px;border-right:##d6d6d6 solid 1px;background-color:##e6f5fc;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#line{background: url(images/lineBottom.gif) repeat-x top left; height:50px;}
#piedPage{color: #9d9e86;height: 50px;font-family: Georgia;font-size: 10px;margin-left: 25px;}
#piedPage a{ color: #040204; text-decoration: none;}
#piedPage a:hover{ color: #FFF; background-color: #cacaca; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left; color:  #9d9e86}
#piedPage #copyrights a{ font-weight: bold; color:  #9d9e86}
#piedPage #copyrights a:hover{background: transparent;}
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #9d9e86;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: none;color: #9d9e86; background: transparent;}
#piedPage H1{
	font-family: Bookman Old Style; font-size: 20px;
}
#piedPage H2{
	color:#00547c;
	font-family: Georgia;
	font-size: 11px;
	font-weight: normal;
}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* p:first-letter{color: green; font-size: 200%; text-transform:uppercase;} */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin:0; padding: 5px; border:none;font-size: 11px;color: #717171;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000;}
fieldset label{font-size: 12px; margin-top:2px;float:left;display:block;}
fieldset ol li{color: #777676;}
.formulaire{float:left;display:block;}
.inputRecherche{
	color: #5186a6;
	background: #bfe6ff;
	font-size: 12px;
	width:130px;
	height:18px;_height: 18px;
	line-height: 18px;
	border: none;
	margin-top:5px;
	vertical-align: top;
	
}
.Input{	
	color: #4E677A;
	/*border: 1px solid #C9D0D6;*/
	border: none;
	background: #d2ecfc;
	width:130px;

	font-size: 12px;
   margin:4px 0 0 0;
	vertical-align: middle;
	_padding-top: 3px;

}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
}

.bouton{
	font-family: "Trebuchet MS";
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	background: #FFF url(gx/btn_go.gif) no-repeat;
	border: none;
	width: 32px;
	height:22px;
	margin-top:4px;_margin-top:5px;
	margin-left:3px;

}
.caseaCocher{
	background-color: #FFF;
	float:left;display:block;

}
.signature{
	border-bottom: thin;
	border-left: none;
	border-right: none;
	border-top: none;
	padding-left:5px;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
/* LIGHTBOX CONTROL */
#lightbox { padding:20px 20px 5px 20px; background-color:#898989; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */

/* couleur du fond tranparent */
#overlay{
	background: #333333; 
}
#immeubles_print{
	display:none;
}

/* MENU CATEGORIE CALENDRIER
--------------------------------------------------------------------------------------- */
#menuCat{min-height:52px; _height:52px;  margin:0 ; padding:0; font-family: Georgia;}
#menuCat ul{margin:0 ;padding:0;}
#menuCat ul li{padding:0; margin:0; display:block; float:left; background: none;list-style-type:none;  background: none;}
#menuCat ul li a, #menuCat ul li a:link, #menuCat ul li a:visited{
	border: solid 1px #ccc;
	background-color: transparent;
	display: block;
	font-family: Georgia;
	color: #777676;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 10px;
	text-decoration: none;
}

#menuCat ul li a:hover, #menuCat ul li a:visited:hover{color: #777676;background-color: #efefef;}
#menuCat ul li a.actif, #menuCat ul li a.actif:visited{color: #fff;background-color: #017fb9;}

.actJour{
	font-family: Arial;
	display:block;
	font-size: 11px;
	text-align:right;
}

/* POPUP MUSEES
--------------------------------------------------------------------------------------- */
#FicheMusee{padding-left:10px;
width:470px;
	
}
#FicheMusee h2{
	margin-bottom:10px;
	padding-left:10px;
}
#FicheMusee h3{
	
	padding-left:10px;
}
#FicheMusee p{text-align:justify;
	margin-bottom:2px;
	padding-left:10px;
}
#FicheMusee li{
	margin-left:40px;
	text-align:justify;
}
#logoPopupMusee{
	margin:10px;
	text-align:center;
	padding:10px;
	 
	border:1px #eee solid;
}
#logoPopupMusee p{
	text-align:center;
	padding:0px;
	
}
#activiteMusee{
	
	padding-top:1px;
	
	margin-left:210px;
}
#activiteMusee p{
	text-align:left;
	
}
.indicationsPopupMusee{
	font-weight:bold;
	}
.descrActivite{padding:10px 0;clear="all"}
.museeGratuit{color:#cc4422;}