body{
	margin:0;
	padding:0;
	background:url(images/fond.gif) repeat-x top left #abc7d9;
	font-family:"Trebuchet MS",sans-serif;
	font-size:12px;
	color:#7d7d7d;
}

img{
	border:0;
}

.clear{
	clear:both;
	height:0;
}

.noir{
	color:#000;
}

.orange{
	color:#d1802a;
}

#global{
	width:972px;
	margin:20px auto 30px auto;
	background:#fff;
	padding:0 10px 0 13px;
}

.rouge{
	color:#b70000;
}

/**********************	ENTETE	**************************/

#entete{
}

#logo{
	float:left;
	margin:10px 0 0 0;
}

#logo a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#menuEntete{
	float:right;
	border-left:6px solid #eaeaea;
	color:#575757;
	padding:9px 0 0 0;
}

#menuEntete a{
	color:#575757;
	text-decoration:none;
	margin:0 11px 0 11px;
}

#menuEntete a.orange{
	color:#d1802a;
}

#menuEntete a:hover{
	text-decoration:underline;
}

/**********************	ENTETE	**************************/

/************************	HAUT *********************/

#gaucheHaut{
	width:720px;
	float:left;
	margin:15px 15px 0 0;
	position:relative;
}

#imageSousFlash{
	position:relative;
}

#imageSousFlash div{
	position:absolute;
	top:0;
	left:0;
}

#imageSousFlash p{
	text-align:center;
}

#aProximite{
	width:172px;
	position:absolute;
	top:70px;
	right:0;
	border:1px solid #d5d5d5;
	padding:5px 0 0 5px;
	background:#fff;
}

#aProximite h4{
	background:url(images/carre_gris.gif) no-repeat top left;
	margin:0;
	padding:5px 0 5px 10px;
	color:#000;
	font-size:11px;
}

#aProximite h4 a{
	color:#000;
	text-decoration:none;
}

#aProximite ul{
	margin:0 0 0 10px;
	padding:0;
	/*list-style-position:inside;*/
	list-style:none;
}

#listesRoutesProximite{
	display:none;
	width:395px;
	position:absolute;
	top:-1px;
	left:-1px;
	background:#fff;
	padding:5px 0 0 5px;
	border-top:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}

#listesRoutesProximite a{
	color:#7d7d7d;
	text-decoration:none;
	background:url(images/fleche_menu_route2.gif) no-repeat left 5px;
	padding:0 0 0 10px;
}

#listesRoutesProximite a:hover{
	color:#d1802a;
	background:url(images/fleche_menu_route.gif) no-repeat left 5px;
}

#gaucheHaut h1{
	color:#d1802a;
	font-size:21px;
	margin:0 0 0 0;
	padding:10px 0 5px 0;
	border-bottom:3px solid #eaeaea;
}

#gaucheHaut h3{
	background:url(images/carre_gris.gif) no-repeat top left;
	color:#000;
	font-size:16px;
	font-weight:normal;
	padding:3px 0 0 12px;
	margin:0;
}

#gaucheHaut h3 span{
	background:url(images/pointillet.gif) repeat-x left 16px;
	display:block;
}

#menu{
	border-bottom:12px solid #eaeaea;
	width:720px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#menu a{
	color:#232323;
	text-decoration:none;
	border-right:1px solid #eaeaea;
	height:30px;
	float:left;
	display:block;
	padding:10px 20px 0 20px;
}

#menu a.dernierElement{
	border:none;
}

#menu a:hover{
	color:#d1802a;
}

#actualite{
	width:205px;
	float:left;
	border:1px solid #d5d5d5;
	background:url(images/fond_actu.gif) repeat-x top left #e5e5e5;
	margin:20px 0 0 0;
	padding:15px;
	min-height:440px;
	_height:440px;
	position:relative;
}

p#toutVoirActu{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:15px 0 0 0;
}

#actualiteAccueil{
	width:205px;
	float:left;
	border:1px solid #d5d5d5;
	background:url(images/fond_actu.gif) repeat-x top left #e5e5e5;
	margin:20px 0 0 0;
	padding:15px;
	min-height:370px;
	_height:37f0px;
	position:relative;
}

#actualite h5, #actualiteAccueil h5{
	font-size:24px;
	margin:0;
	padding:0 0 10px 0;
	color:#575757;
	border-bottom:1px solid #d5d5d5;
}

#actualite p, #actualiteAccueil p{
	margin:0;
	padding:0;
}

#actualite p.titreActu, #actualiteAccueil p.titreActu{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
}

#actualite p.titreActu a, #actualiteAccueil p.titreActu a{
	color:#7d7d7d;
}

#actualite p.dateActu, #actualiteAccueil p.dateActu, #actualite p.dateActu a, #actualiteAccueil p.dateActu a{
	color:#d1802a;
}

#actualite p a, #actualiteAccueil p a{
	color:#000;
	text-decoration:none;
}

#actualite p a:hover, #actualiteAccueil p a:hover{
	/*text-decoration:underline;*/
}

/*#actualite p.titreActu a:hover, #actualiteAccueil p.titreActu a:hover{
	text-decoration:none;
}*/

/************************	HAUT *********************/

/************************	ACCUEIL	******************/

#accueilRoutes{
	width:760px;
	float:left;
	margin:10px 15px 15px 0;
	border:1px solid #d5d5d5;
	background:#e3e3e3;
}

#accueilRoutes h2{
	color:#000;
	background:url(images/carre_blanc.gif) no-repeat top left;
	font-size:15px;
	font-weight:normal;
	padding:4px 0 0 10px;
	margin:0 0 0 10px;
}

#accueilListe{
	width:439px;
	float:left;
	padding:10px 0 10px 0;
	border-right:1px solid #d5d5d5;
}

#accueilListe ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#accueilListe ul li{
	margin:0;
	padding:0 0 0 0;
	/*height:17px;*/
}

#accueilListe ul li a{
	text-decoration:none;
	color:#7d7d7d;
	padding:0 0 0 20px;
	background:url(images/fleche_accueil.gif) no-repeat 10px 3px;
	display:block;
	width:419px;
}

#accueilListe ul li a:hover{
	color:#d1802a;
	background:url(images/fleche_accueil_hover.gif) no-repeat 10px 3px #f1f1f1;
}

#accueilCarte{
	width:320px;
	float:left;
	background:#f1f1f1;
	padding:10px 0 10px 0;
}

#googleAccueil{
	width:300px;
	height:300px;
	/*background:red;*/
	margin:10px auto 15px auto;
}

#accueilCarte label{
	background:url(images/carre_blanc2.gif) no-repeat left 3px;
	color:#7d7d7d;
	padding:0 0 0 5px;
	margin:0 0 0 90px;
}

#defilementImage{
	width:191px;
	float:left;
	margin:10px 0 0 0;
}

#defilementImage img{
	border:1px solid #d5d5d5;
}

#accueilPresentation h3{
	background:url(images/carre_gris.gif) no-repeat top left;
	color:#000;
	font-size:16px;
	font-weight:normal;
	padding:3px 0 0 12px;
	margin:0;
}

#accueilPresentation h3 span{
	background:url(images/pointillet.gif) repeat-x left 16px;
	display:block;
}

#accueilPresentation .accueilCol{
	width:460px;
	float:left;
	padding:0 15px 0 0;
}

/************************	ACCUEIL	******************/

/************************	FICHE ROUTE **************/

#titreRoute{
	padding:10px 0 0 0;
}

#titreRoute h1{
	color:#8b8b8b;
	font-size:21px;
	margin:0;
	padding:0 0 0 30px;
	border:0;
	width:400px;
}

#titreRoute h2{
	color:#d1802a;
	font-size:16px;
	margin:0;
	padding:0 0 0 30px;
}

#menuRoute{
	margin:15px 0 0 0;
	border-bottom:1px solid #eaeaea;
	width:550px;
}

#menuRoute a{
	background:url(images/fleche_menu_route2.gif) no-repeat left 5px;
	text-decoration:none;
	padding:0 0 0 10px;
	color:#000;
	margin:0 35px 0 0;
}

#menuRoute a:hover, #menuRoute a.actif{
	color:#d1802a;
	background:url(images/fleche_menu_route.gif) no-repeat left 5px;
}

#flashRoute{
	margin:0 15px 0 0;
	float:left;
	width:450px;
	position:relative;
}

#flashRoute div{
	position:absolute;
	top:0;
	left:0;
}

#flashRoute p{
	text-align:center;
}

#flashRoute2{
	margin:0 15px 0 0;
	float:left;
	/*width:450px;*/
}

#MooFlow{
	width:700px;
	height:200px;
}

#coordRoute{
	float:left;
	margin:15px 0 0 0;
}

#coordRoute a:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#cadreCoordonnee{
	width:229px;
	background:#d1802a;
	color:#fff;
	padding:12px;
	margin:10px 0 0 0;
}

#cadreCoordonnee p{
	margin:0;
	padding:0;
}

#cadreCoordonnee h5, #cadreAutresInfos h5{
	font-size:14px;
	margin:0;
	padding:0;
}

#cadreCoordonnee a{
	color:#fff;
}

#cadreCoordonnee a:hover{
	text-decoration:none;
}

#cadreCoordonnee2{
	/*width:395px;*/
	background:#d1802a;
	color:#fff;
	padding:12px;
	margin:10px 0 0 0;
}

#cadreCoordonnee2 p{
	margin:0;
	padding:0;
}

#cadreCoordonnee2 a{
	color:#fff;
}

#cadreCoordonnee2 a:hover{
	text-decoration:none;
}

#ficheRoute{
	width:760px;
	float:left;
	margin:10px 15px 15px 0;
}

#descriptionRoute2{
	float:left;
	width:418px;
	margin:0 10px 0 0;
}

#descriptionRoute{
	/*float:left;*/
	width:397px;
	margin:10px 0 0 0;
	background:#f1f1f1;
	padding:17px 10px 10px 11px;
}

#descriptionRoute label{
	font-size:14px;
	color:#000;
}

#googleRoute{
	float:left;
	width:330px;
	height:390px;
	/*background:red;*/
	border:1px solid #d5d5d5;
}

table#coordgoogle p{
	margin:0;
	padding:0;
}

/************************	FICHE ROUTE **************/

/************************	FICHE ROUTE MONUMENT **************/

#listeRouteMonument{
	float:left;
	width:397px;
	margin:10px 10px 0 0;
	background:#e3e3e3;
	padding:17px 10px 10px 11px;
}

#listeRouteMonument h2{
	color:#000;
	background:url(images/carre_blanc.gif) no-repeat top left;
	font-size:15px;
	font-weight:normal;
	padding:4px 0 0 10px;
	margin:0 0 0 10px;
}

#listeRouteMonument ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#listeRouteMonument ul li{
	margin:0;
	padding:0 0 0 0;
	/*height:17px;*/
}

#listeRouteMonument ul li a{
	text-decoration:none;
	color:#7d7d7d;
	padding:0 0 0 20px;
	background:url(images/fleche_accueil.gif) no-repeat 10px 3px;
	display:block;
	width:377px;
}

#listeRouteMonument ul li a:hover{
	color:#d1802a;
	background:url(images/fleche_accueil_hover.gif) no-repeat 10px 3px #f1f1f1;
}

/************************	FICHE ROUTE MONUMENT **************/

/************************	FICHE MONUMENT	***********/

#cadreAutresInfos{
	width:229px;
	border:1px solid #d1802a;
	color:#d1802a;
	padding:12px 12px 0 12px;
	margin:10px 0 0 0;
}

#cadreAutresInfos ul{
	margin:0;
	padding:0;
	list-style-position:inside;
}

#cadreAutresInfos p{
	margin:0 0 0 0;
	padding:0 0 10px 0;
}

#descriptionMonument{
	width:729px;
	margin:0 10px 0 0;
	background:#f1f1f1;
	padding:17px 10px 10px 11px;
}

/************************	FICHE MONUMENT	***********/

/************************	AGENDA CULTUREL *************/

#agendaCulturelMonument{
	width:720px;
	min-height:400px;
	margin:8px 0 0 0;
	_height:400px;
}

/*#agendaCulturelMonument ul{
	width:720px;
	background:red;
}*/

#agendaCulturelMonument ul{
	list-style:none;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	background:#e3e3e3;
}

#agendaCulturelMonument ul li{
	margin:0;
	padding:0 0 0 0;
	/*height:17px;*/
}

#agendaCulturelMonument ul li a{
	text-decoration:none;
	color:#7d7d7d;
	padding:0 0 0 20px;
	background:url(images/fleche_accueil.gif) no-repeat 10px 3px;
	display:block;
	width:419px;
}

#agendaCulturelMonument ul li a:hover{
	color:#d1802a;
	background:url(images/fleche_accueil_hover.gif) no-repeat 10px 3px #f1f1f1;
}

a#bntRetourPrecedent{
	margin:0 0 0 430px;
}

a#bntRetourPrecedent:hover img{
	filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    opacity:0.7;
}

#agendaCulturelMonument h3{
	color:#575757;
	font-size:21px;
	margin:0;
	padding:0;
	background:none;
}

#trieSelection{
	margin:20px 0 25px 0;
}

#trieSelection select{
	margin:0 30px 0 0;
}

.tableauAgenda, .tableauAgenda2{
	margin:0 0 20px 0;
	width:721px;
}

.tableauAgenda th, .tableauAgenda2 th{
	background:#575757;
	border-right:3px solid #fff;
	text-align:left;
	padding:5px 0 5px 12px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
}

.tableauAgenda th.dateAgenda, .tableauAgenda2 th.dateAgenda{
	width:95px;
}

.tableauAgenda th.evenementAgenda, .tableauAgenda2 th.evenementAgenda{
	width:105px;
}

.tableauAgenda th.descriptionAgenda{
	width:530px;
}

.tableauAgenda2 th.descriptionAgenda{
	width:370px;
}

.tableauAgenda2 th.dateMonument{
	width:151px;
}

.tableauAgenda2 th.dateVille{
	width:165px;
}

.tableauAgenda td, .tableauAgenda2 td{
	background:#f3f3f3;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	padding:5px 10px 5px 12px;
	font-weight:normal;
	font-size:12px;
}

.tableauAgenda td.evenementTab, .tableauAgenda2 td.evenementTab{
	background:#e7e7e7;
	color:#d1802a;
	font-weight:bold;
	text-align:center;
	padding:0;
}

.tableauAgenda h2, .tableauAgenda2 h2{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:18px;
	color:#575757;
}

.tableauAgenda a, .tableauAgenda2 a{
	text-decoration:none;
	color:#7d7d7d;
}

.tableauAgenda a, .tableauAgenda2 a:hover{
	text-decoration:underline;
	color:#d1802a;
}

/************************	AGENDA CULTUREL *************/

/************************	PAGE	**********************/

ul#menuListePage{
	margin:25px 0 0 25px;
	padding:0;
	list-style:none;
}

ul#menuListePage li{
	margin:0 0 5px 0;
}

ul#menuListePage li a{
	background:url(images/puce_page.gif) no-repeat left 5px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#575757;
	text-decoration:none;
}

ul#menuListePage li a:hover{
	color:#d1802a;
}

#page{
	width:688px;
	min-height:400px;
	margin:8px 0 0 0;
	_height:400px;
	background:#f3f3f3;
	border:1px solid #d5d5d5;
	padding:20px 10px 0 10px;
}

#page h2{
	color:#000;
	background:url(images/carre_blanc.gif) no-repeat top left;
	font-size:16px;
	padding:4px 0 0 10px;
	margin:0 0 0 10px;
}

#page h3{
	color:#d1802a;
	font-size:14px;
	font-weight:normal;
	background:none;
	margin:0 0 0 10px;
	padding:15px 0 0 0;
}

/************************	PAGE	**********************/

/************************	CONTACT	*********************/

#formContact{
	margin:0;
	padding:20px 0 0 10px;
	float:left;
	width:450px;
}

#contactAdresse{
	float:left;
	padding:30px 0 0 0;
}

#formContact label{
	display:block;
	float:left;
	width:150px;
}

#formContact input, #formContact textarea{
	margin:0 0 10px 0;
}


#formContact input#btnEnvoyer{
	margin:0 0 0 200px;
	float:none;
}


/************************	CONTACT	*********************/

/***********************	PIED	*******************/

#pied{
	margin:15px 0 0 0;
	border-top:12px solid #eaeaea;
}

#pied p{
	margin:0;
	padding:5px 0 5px 0;
	text-align:right;
	color:#575757;
}

#pied p a{
	color:#575757;
	text-decoration:none;
	margin:0 10px 0 10px;
}

#pied p a:hover{
	text-decoration:underline;
}
/***********************	PIED	*******************/