@import url(calendrier.css);
html{
	background-color	: #678D0C;
}
body {
	background 		: #FFFFFF url(../images/bg_global.gif) repeat-x scroll left top;
	text-align		: center;
	font-family		: Arial, "Bitstream Vera Sans", sans-serif;
	margin 			: 0px; 
	font-size 		: 12px;
}

#bg_global{
	background 		: transparent url(../images/bg_global.gif) repeat-x  left bottom;
	padding 		: 0px; 
}

#conteneur {
	width				: 1000px;
	position			: relative;
	margin				: 0 auto;
	padding 			: 0;
	text-align			: left;
	border				: 0;
	background-color	: #FFF;
}

#main_content {
	min-height	: 515px;
	background	: url(../images/fond_bas_page_03.gif) no-repeat left bottom #FFFFFF;
	float		: left;
	width		: 100%;
}

/* Fil d'ariane */
#localisation{
	margin			: 10px 0 10px 5px;
	width			: 985px;
	float			: left;
	padding-left	: 5px;
}

/** Formulaire de connexion */
#formLogin #auth_login{
	margin-left	: 0px;
}

/* Outils utilisateurs */
#usertools{
	width			: auto;
	height			: auto;
	position		: absolute;
	right			: 335px;
	top				: 16px;
	text-align		: right;
	padding-right	: 0px;
}

#usertools2{
	width			: auto;
	height			: auto;
	position		: absolute;
	right			: 335px;
	top				: 28px;
	text-align		: right;
	padding-right	: 0px;
}

	#usertools .liens{
		list-style-type	: none;
		display			: inline;
		padding-right	: 5px;
		float : left; 
		margin : 8px 2px;
	}

#usertools .acrobat{ background: url(../images/picto_outil_03.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools2 .acrobat{ background: url(../images/picto_outil_03.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools .ami{ background:url(../images/picto_outil_07.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools2 .ami{ background:url(../images/picto_outil_07.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools .favoris{ background:url(../images/picto_outil_05.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools2 .favoris{ background:url(../images/picto_outil_05.gif) no-repeat; padding-right	: 5px; float : left; margin : 8px 2px;}
#usertools a{font-size:10px; color:#787878; text-decoration:none;}
#usertools a:hover{font-size:10px; color:#787878; text-decoration:underline;}
#usertools2 a{font-size:10px; color:#787878; text-decoration:none;}
#usertools2 a:hover{font-size:10px; color:#787878; text-decoration:underline;}

/* Generiques */

h1 { 
	color		: #000000;
	font-size	: 15px;
	margin		: 0;
	padding		: 5px 0 5px 15px
}
h2 { 
	margin 		: 0;
	padding		: 0 0 0 20px;
	background	: transparent url(../images/bg.event.gif) no-repeat top left;
	font-size 	: 9pt; 

}

		#zone_left h2, #zone_right h2{
			background	: url(../images/fond_rub_gauche.gif) no-repeat center center;
			/*padding		: 5px 0;*/
			color		: #FFFFFF;
			font-size:9pt;
			text-align:left;
			height:40px;
			padding-left:12px;
			padding-top:16px;
			text-align:left;
			text-transform:uppercase;
		}
		
		#zone_main h1{
		font-size:150%;
		font-weight:normal;
		line-height:120%;
		margin:0;
		}
		
		
h3 { 
	margin 		: 0; 
	padding 	: 5px 0px; 
	width		: 100%; 
	font-size 	: 9pt; 
}


h1 span {
	margin	: 0 15px;
	padding	: 0 0 0 30px; 
}

h2 span {
	background	: #FFFFFF url('../interface/fleche_medium.jpg') no-repeat;
	padding		: 0px 0px 0px 30px;
	margin		: 0px 15px;
}
h3 span { 
	margin	: 0 15px;
	padding	: 0 0 0 30px;
}

form {
	margin : 0;
}

p {
	margin 		: 4px 5px;
	text-align	: justify;
}

img { border : 0px; }

.photo { border : 2px solid #ffffff; }
.center { text-align : center; }

input { 
	margin 	: 1px; 
	width	: 148px;
}

.elts_formulaires { border : 2px solid #d2d2d3; margin : 1px; width:120px; color:#dd8008; font-size:12px;}


.boutonmoyen {
	border			: 0;
	background		: url('../interface/btn_no.gif') no-repeat;
	height			: 28px; 
	width			: 99px;
	line-height		: 26px;
	text-align		: center;
	color			: #FCC314;
	text-decoration	: none;
	font-weight 	: normal;
	font-size 		: 11pt;
}

.boutonmoyen:hover {
	background	: url('../interface/btn_ok.gif') no-repeat;
	color 		: white;
}

.boutonmoyen2 {
	border			: 0;
	background		: url('../images/btn_deconnexion.gif') no-repeat;
	height			: 23px; 
	width			: 121px;
	line-height		: 10px;
	text-align		: center;
	color			: white;
	text-decoration	: none;
	font-weight 	: normal;
	font-size 		: 11px;
	text-transform	: uppercase;
	font-weight		: bold;
	cursor			: pointer;
}

.boutonmoyen2:hover {
	background	: url('../images/btn_deconnexion.gif') no-repeat;
	color 		: white;
}

.boutonlong {
	border:0;
	background		: url('../interface/btn_long_no.gif') no-repeat;
	height			: 28px; 
	width			: 220px;
	line-height		: 26px;
	text-align		: center;
	color			: #FCC314;
	text-decoration	: none;
	font-weight 	: normal;
	font-size 		: 14px;
}
.boutonlong:hover {
	background	:url('../interface/btn_long_ok.gif') no-repeat;
	color		: white;
}

a {
	color : #000000;
}
a:hover {
	color : #000000;
}

/* Classe sur les messages d'erreur et de validation */
.error {
	color		: red;
	font-weight : bold; 
}

.valid{
	color		: green;
	font-weight	: bold;
}





/* Entete */

#header_left { 
	width : 200px; 
	height : 30px; 
	float: left; 
	margin : 9px 0 0 5px; padding : 0; 
	list-style-type:none; 
	color : #577730; 
	background: none;
}
#header_left li { float : left; margin : 5px 7px; padding-left: 20px; font-size : 10pt; }

#header_right { 
width : 600px; height : 30px; 
margin : 0px 0 0 5px; padding : 0; 
list-style-type:none; 
color : #577730;
float: right;
background: none; 
}
#header_right li { float : right; margin : 8px 7px; padding-left: 20px;}

#header {
background: #FFF;
width : 1000px; 
margin : 0; padding : 0;
font-size : 11pt; color : #ffffff;
font-weight: bold;
height:250px;
clear: both;
}

#header img {
margin: 0 0 0 7px;
width: 982px;
}

#header_links {
background	:url('../images/fd_top.gif') repeat-x ;
width: 1000px;
height: 38px;
}

#footer {
background: #FFF;
margin : 0; padding : 0;
height: 82px;
clear: both;
text-align: center;
width : 1000px; 
background:url(../images/fond_bas_page_06.gif) no-repeat;
}

/* ---------------------- Drapeaux des langues ------------------------- */
#header_links #header_right .french {
	background: url(../images/lang_fr.gif) no-repeat;
}
#header_links #header_right .english {
	background: url(../images/lang_en.gif) no-repeat;
}
#header_links #header_right .deutsch {
	background: url(../images/lang_de.gif) no-repeat;
}

/* --------------- Icones Bas de page ------------------ */

#footer_links { 

	margin-left:300px;
	padding 		: 0; 
	list-style-type	: none; 
	background		: none;

}
	#footer_links li { 
		margin 			: 60px 0 0 7px; 
	font-size : 10px; color : #FFFFFF;
		/*padding-left	: 20px;*/
		float			: left;
	}
	
		#footer_links li a {
			text-decoration	: none;
			color:#FFFFFF;
		}
		
		#footer_links li a:hover {
			text-decoration	: none;
			color:#FFFFFF;
		}

/*#footer_links .home  {
background: url(../images/icones/home.png) no-repeat; }


#footer_links .sitemap{
background: url(../images/icones/plan-du-site.png) no-repeat; }


#footer_links .contact  {
background: url(../images/icones/contact.png) no-repeat; }


#footer_links .mentions  {
background: url(../images/icones/book_open.png) no-repeat; }

#footer_links .top 
{
		background: url(../images/icones/top.png) no-repeat;
}	
*/
/* --------------- Fin Icones Bas de page ------------------ */

#header_left a, #header_right a, #bloc_decouvrir a { margin: 0; padding: 2px; vertical-align:top; text-decoration: none; color:#FFFFFF; font-size:10px;}
#header_left a:hover, #header_right a:hover, #bloc_decouvrir a:hover { color : #FFFFFF;  vertical-align:top; text-decoration:underline; }

#login_fond {position:absolute; right : 20px; top : 65px; z-index : 3; text-align : right; width : 263px; height : 100px;}
#login { position:absolute; right : 20px; top : 65px; z-index : 3; text-align : left; color : #000000; font-weight : bold; padding : 5px; width : 253px; }

#login a{color:#dd8008; text-decoration:underline;}
#login a:hover{color:#dd8008; text-decoration:underline;}

/*#sousmenu {
width : 996px; height : 30px; 
padding : 0; 
list-style-type:none; 
color : #ffffff; font-size : 14px;
}*/


#menu {
	width			: 985px; 
	height			: 26px; 
	list-style-type	: none;
	margin			: 0 0 0 7px;
	padding			: 0px 0 0 0px; 
	color 			: #ffffff; 
	background		: url(../images/fond_menu.gif) no-repeat;
}

	#menu li { 
		float			: left;
		text-transform:uppercase;
		font-size:12px;
		text-align:center;
		margin			: 5px 0px;
		list-style-type	: none;
		width: 164px;
		/*position		: relative;*/
	} 
	
		#menu li a{
			font-weight	: bold;
		}
		
		#menu li a:hover{
			color	: black;
		}
	
	#menu li ul {
		background			: #678D0C none repeat scroll 0 0;
		border-bottom		: 2px solid #A3CA53;
		border-left			: 2px solid #A3CA53;
		display				: block;
		margin				: 7px 0 0 0;
		padding				: 5px;
		position			: absolute;
		text-align			: left;
		visibility			: hidden;
		z-index				: 900;
	}
	
	#menu li:hover ul {
		visibility	: visible;
	}

#menu a, 
#cdc_ajout a, 
#cdc_print a{ 
	color : #ffffff; 
	text-decoration: none; 
}

#menu a:hover, 
#cdc_ajout a:hover, 
#cdc_print a:hover,{
	color : #000;
}
 





/* Page accueil + page texte */

#clear {
clear: both;
}

.clear {
clear: both;
}

#zone_left {
	background		: url(../images/fond_gauche.gif)  no-repeat 0 0 ;
	width 			: 202px; 
	margin			: 5px 0 5px 7px;
	padding 		: 0;
	font-size 		: 9pt;
	float			: left;
	text-align		: center;
}

#zone_left input
{
	width:auto; 
}



#zone_center {
float:left;
font-size:14px;
margin:5px 0;
padding:0 14px;
width:554px;
background: url(../images/fond_3_colonne.gif) no-repeat;
}

#zone_main {
float:left;
font-size:10pt;
margin-left:0;
padding:0 24px;
width:742px;
margin-top:5px;
background: url(../images/fond_2_colonne.gif) no-repeat;
min-height:350px;
}

#presentation { margin : 5px 37px; }
#presentation .zonenone p img { width: 100%; }

#zone_right {
	background		: url(../images/fond_droite.gif)  no-repeat 0 0 ;
	width : 202px; 
	margin : 5px 0 5px 0;
	padding : 0; 
	float: left;
	text-align: center;
}

#zone_right p{
font-size:9pt;
padding-left:13px;
padding-top:20px;
}

#zone_carte {
background-color : #F1ECCF;
position : absolute;
top : 215px; left : 736px;
width : 260px; height : 230px;
margin : 0; padding : 0;
text-align : center;
}

#zone_presentation {
background-color : #FFFFFF;
position : absolute;
top : 460px; left : 0px;
width : 716px; height : 460px;
margin : 0; padding : 20px 0px;
}

#zone_presentation h4 { font-size : 14px;  background : #FFFFFF url('../interface/fleche_medium.jpg') no-repeat; padding : 0px 0px 0px 30px; margin : 0px 15px; }
#zone_presentation p { margin : 10px 42px; }

#zone_rovaniemi {
background-color : #FFFFFF;
position : absolute;
top : 460px; left : 736px;
width : 260px; height : 460px;
margin : 0; padding : 20px 0px;
}

#zone_rovaniemi h4 { font-size : 14px;  background : #FFFFFF url('../interface/fleche_medium.jpg') no-repeat; padding : 0px 0px 0px 25px; margin : 0px 15px; }
#zone_rovaniemi p { margin : 10px 30px; }

#actu { color : #F6C610; font-weight : bold; margin-right : 15px; background : #FFFFFF url('../interface/fleche_medium.jpg') no-repeat bottom right; }
#actu a { color : #000000; font-weight : normal; }

#toute_actu { color : #F6C610; font-weight : bold; margin-right : 15px; background : #FFFFFF url('../interface/fleche_medium.jpg') no-repeat bottom right; }
#toute_actu a { color : #000000; text-decoration: none; }

.checkall  { 
background : url('../interface/checkall.gif') top left no-repeat;
padding-left : 22px;
height : 20px;
display : block;
float : left;
}

.uncheckall  { 
background : url('../interface/uncheckall.gif') top left no-repeat;
padding-left : 22px;
margin-left : 10px;
height : 20px;
display : block;
float : left;
}



/* Page découvrir */

#bloc_decouvrir {
background : #FFFFFF url('../interface/bloc_decouvrir.gif') no-repeat;
width : 294px; height : 230px;
margin : 5px; padding : 0px;
float : left; text-align : center; font-size : 14px;
}

.objet{
background-color : #B9D098; margin : 0px; padding : 0px;
}

.objet_photo{
position : relative; top : 10px; left : 5px; bottom : 10px;
width : 170px; height : 90px;
text-align : center;
}

.objet_main{
position : relative; top : -80px; left : 180px; width : 720px;
}

.objet_title{
float : left; text-align : left; width : 360px;
font-weight : bold;
}

.objet_city{
float : left; text-align : right; width : 360px;
font-style: italic;
}

.objet_texte{
position : relative; top : -70px; left : 180px;
width : 720px;
}
.objet_bouton{
position : relative; top : -20px; left : 0px;
width : 920px; text-align : right;
}
#infos_decouvrir { 
background-color : #B9D098; 
width : 800px; height : 460px; 
position : absolute; top : 50px; left : 50px;
padding : 8px; display : none;
border : 3px solid #FCC314;
}
#menu_decouvrir { 
width : 800px; height : 32px;  
margin : 0; padding : 0; 
list-style-type:none;
/*background-color : #B9D098;*/ 
}
#menu_decouvrir li { float : left; margin : 0px; width : 133px; height : 32px; font-size : 14px; text-align : center; background-image : url('../interface/onglet_no.gif'); line-height : 20pt; }
#menu_decouvrir a { color : #FCC314; text-decoration: none; width : 133px; height : 32px; display : block; }

#menu_decouvrir li.ok { background-image : url('../interface/onglet_ok.gif'); }
#menu_decouvrir a.ok { color : #000000; }

#infos_decouvrir_texte { 
background-color : #FFFFFF; color : #000000;
width : 800px; height : 386px;
border : 2px solid #FCC314;
overflow-y : auto;
}
#infos_decouvrir_texte font { font-family:Arial, "Bitstream Vera Sans", sans-serif; font-size : 12px; }
#infos_decouvrir_texte span { font-family:Arial, "Bitstream Vera Sans", sans-serif; font-size : 12px; }

/* Page coups de coeur */

#cdc_itineraires {
background-color : #FFFFFF;
position : absolute;
top : 185px; left : 0;
width : 470px; height : 210px;
margin : 0; padding : 0; font-size : 14px;
}

#cdv_nouveau {
background-color : #B9D098;
width : 470px; height : 32px;
margin : 0; padding : 0; font-size : 14px; padding-top : 2px;
}

#menu_itineraire { 
width : 470px; height : 32px;  
margin : 0; padding : 0; 
list-style-type:none;
background-color : #B9D098; 
}
#menu_itineraire li { float : left; margin : 0px; width : 150px; height : 32px; font-size : 14px; text-align : center; background-image : url('../interface/onglet2_no.gif'); line-height : 20pt; }
#menu_itineraire a { color : #FCC314; text-decoration: none; width : 150px; height : 32px; display : block; }

#menu_itineraire li.ok { float : left; margin : 0px; width : 150px; height : 32px; font-size : 14px; text-align : center; background-image : url('../interface/onglet2_ok.gif'); line-height : 20pt; }
#menu_itineraire li.ok a { color : black; text-decoration: none; width : 150px; height : 32px; display : block; }

#cdc_itineraires table, #cdv_itineraires table { width : 470px; font-size : 12px; border-spacing: 0px; border-collapse: collapse; }
#cdc_itineraires th, #cdv_itineraires th { background-color : #FCC314; margin : 1px; }

#v, #p, #a { height : 170px; overflow: hidden; }
#e { height : 170px; overflow: hidden; }

#fleche_r_h { position:absolute; right : 3px; top : 50px; }
#fleche_r2_h { position:absolute; right : 3px; top : 28px; }
#fleche_r_b { position:absolute; right : 3px; bottom : 1px; }
#fleche_e_h { position:absolute; right : 3px; top : 33px; }
#fleche_e_b { position:absolute; right : 3px; bottom : 1px; }

#cdc_etapes {
background-color : #FFFFFF;
position : absolute;
top : 185px; left : 480px;
width : 263px; height : 210px;
margin : 0; padding : 0; font-size : 14px;
}
#cdc_recherche p {
color : white; 
margin : 0; 
padding : 0px 8px;
}

#cdc_recherche {
background-color : #FFFFFF;
position : absolute;
top : 185px; left : 753px;
width : 243px; height : 490px;
margin : 0; padding : 0; font-size : 14px;
}

#recherche_categories{ color : white; font-size : 12px; }

#cdc_ajout {
background-image : url('../interface/bloc_ajout.gif'); color : white;
position : absolute;
top : 726px; left : 753px;
width : 243px; height : 60px;
margin : 0; padding : 0; font-size : 12px;
text-align : center; line-height : 20pt;
}

#cdc_print {
background-image : url('../interface/bloc_print.gif'); color : white;
position : absolute;
top : 686px; left : 753px;
width : 243px; height : 30px;
margin : 0; padding : 0; font-size : 12px;
text-align : center; line-height : 20pt;
}

#cdc_carte {
background-color : #4F6C2C;
position : absolute;
top : 405px; left : 0;
width : 743px; height : 381px;
margin : 0; padding : 0; font-size : 14px;
border : 1px solid #F5BA18;
}

#attente {
position:absolute; 
top : 405px; left : 0;
width:743px; height:381px;
background:#749546;
display:none;
text-align:center;
z-index:2500;
opacity:0; filter:alpha(opacity=0);
border : 1px solid #F5BA18;
margin : 0; padding : 0; font-size : 14px;
}


#croix_carte { width : 30px; height : 29px; position : absolute; top : 11px; right : 13px;}
#croix_carte_cdc { width : 30px; height : 29px; position : absolute; top : 6px; right : 8px;}

.lien_info_result{
width:15px;
height:15px;
display : block;
cursor: pointer;
}

.div_info_result{
background-color : #B9D098; width : 250px;
padding:3px;
display:none;
margin-left:7px;
margin-top:22px;
z-index:100;
font-size : 12px;
border : 1px solid #F5BA18;
}

#image_submit{
border : 0px;
cursor: default;
}

#cdc_resultats {
background-color : #FFFFFF;
position : absolute;
top : 804px; left : 0;
width : 996px; 
margin : 0; padding : 0; font-size : 14px;
}

.cdc_results {
background-color : #B9D098;
width : 976px; font-size : 12px;
position : relative; left : 10px; margin-top : 10px;
}
.btn_decouvrir {
position : absolute; right : 10px; margin-top : 5px;
}
.btn_icons {
position : absolute; left : 16px; margin-top : 5px;
}
.cdc_results h2, .cdc_results p {
margin-left : 60px; padding-top : 5px;
}

hr{
clear:both;
visibility:hidden;
margin-bottom:-2px;
}

#e ul { list-style-type:none; margin : 0; font-size : 12px; padding : 0; }
#e li { padding : 0; padding-left : 5px;}
.etapeselected { background-color : #FCC314; }

.cdc_objet{
background-color : #B9D098; margin : 10px; margin-bottom : 0px; padding : 0px;
}

.cdc_objet_photo{
position : relative; top : 10px; left : 5px; bottom : 10px;
width : 70px; height : 90px;
text-align : center;
}

.cdc_objet_main{
position : relative; top : -80px; left : 80px; width : 860px;
}

.cdc_objet_title{
float : left; text-align : left; width : 430px;
font-weight : bold;
}

.cdc_objet_city{
float : left; text-align : right; width : 430px;
font-style: italic;
}

.cdc_objet_texte{
position : relative; top : -70px; left : 80px;
width : 860px;
}
.cdc_objet_bouton{
position : relative; top : -20px; left : 0px;
width : 920px; text-align : right;
}






/* Boutons de zoom */

#boutons_zoom{
	position:absolute;
	bottom:12px; right:15px;
	width : 260px; height : 28px;
	text-align:right;
}

#zoom_center{
	width : 31px; height : 28px; float : left;
}

#zoom_plus{
	width : 31px; height : 28px; float : left;
}

#zoom_barre { 
	width : 165px; height : 28px; float : left;
	background-image:url('../interface/zoom_barre.gif'); 
}
#zoom_niveau { 
	width : 9px; height : 28px; float : left;
	cursor : move;
}
#zoom_moins{
	width : 33px; height : 28px; float : left;
}

#boutons_zoom p {
	float:right;
	display:inline;
}


#zoomout {
background:url(../images/zoom_out_S_1.gif);
display:block;
width:30px;
height:30px;
margin:0; padding : 0;
}

#zoomin {
background:url(../images/zoom_in_S_1.gif);
display:block;
width:30px;
height:30px;
margin:0; padding : 0;
margin-right:6px;
}

#legend {
background:url(../images/info_legend_1.gif);
display:block;
width:30px;
height:30px;
margin-right:6px;
}

#zoomout:hover {
background:url(../images/zoom_out_S_over_1.gif);
}

#zoomin:hover {
background:url(../images/zoom_in_S_over_1.gif);
}

#legend:hover{
background:url(../images/info_legend_over_1.gif);
}


#arrow_top {
position:absolute;
width:30px; height:15px;
top : 5px; left : 355px;
border : 0;
}
#arrow_right {
position:absolute;
width:15px; height:30px;
top : 187px; left : 720px;
border : 0;
}
#arrow_bottom {
position:absolute;
width:30px; height:15px;
top : 360px; left : 355px;
border : 0;
}
#arrow_left {
position:absolute;
width:15px; height:30px;
top : 187px; left : 5px;
border : 0;
}

/* Lien de survol pour l'affichage des infos  et de la légende*/

#img_legend { 
font-size : 12px;
}


/* Zones de la "messageBox" */

.zone_pleine_message {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
display:none;
z-index:5000;
opacity:0;
filter:alpha(opacity=0);
}

#msgbox {
border:2px solid #FFB400;
height:50px;
width:300px;
margin:25% auto 0;
background:#749546;
padding:15px 20px;
}

	#msgbox p{
	float:left;
	display:inline;
	padding-top:5px;
	}

#premier_bouton {
margin-left:15px;
}

#msgbox_boutons {
border:2px solid #FFB400;
width:200px;
margin:25% auto 0;
background:#749546;
padding:15px 20px;
}

	#msgbox_boutons p{
	padding-left:60px;
	}

/* styles des onglets */
ul#tabnav, ul.tabnav {
background:transparent url(../images/fond_btn_top_middle.gif) repeat scroll 0 0;
font-family:verdana,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:44px;
line-height:normal;
list-style-type:none;
margin:6px 0 0;
padding-bottom:0;
padding-left:0;
}

ul#tabnav li, ul.tabnav li  {
    float				: left;
    height				: 38px;
background:transparent url(../images/fond_btn_top_on.gif) repeat-x scroll 0 0;
    margin				: 0;
    border				: 0;
	padding-top			: 6px;
	text-transform:uppercase;
}

ul#tabnav li.active, ul.tabnav li.active {
background:transparent url(../images/fond_btn_top_off.gif) repeat scroll 0 0;
}

#tabnav a, .tabnav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
	padding:4px 10px;
}

/* Styles pour les commentaires */
ul.liste_comment{
	list-style-type: none;
	padding: 0;
	margin: 0 5px 0 5px;
}
	
	ul.liste_comment li {
		border: solid 1px #999999;
		margin: 5px 0 5px 0;
		padding: 10px 10px 10px 10px;
		position: relative;
	}
		
	ul.liste_comment li .lieu_note{
		position	: absolute;
		right		: 10px;
		top			: 0px;
	}

	ul.liste_comment li.anchor {
		border: none;
		margin: 0;
		padding: 0;
	}
	
		ul.liste_comment li span.title{
			float	: left;
		}

/* styles pour les lieux */
ul.liste_lieu {
	list-style-type: none;
	padding: 0;
	margin: 0 5px 0 5px;
}

	ul.liste_lieu li {
		border: solid 0px #999999;
		margin	: 5px 5px 20px 5px;
		padding	: 5px 10px 20px 10px;
		position: relative;
		background:url("../images/fond_theme.gif") repeat-x scroll bottom transparent;
	}
	
		ul.liste_lieu li.exploit{
		border:0 none;
float:left;
margin:5px 22px 0;
padding:5px 10px 10px;
position:relative;
width:296px;
background:none;
	}
	
	h2.exploith2{ 
	margin 		: 0;
	padding		: 0;
	background	: none;
	font-size 	: 9pt; 

}

ul.datelist li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: disc;
}

ul.tabnavjs li{
background:url("../images/fond_detail_off.gif") repeat-x top transparent;
float:left;
height:44px;
/*margin:0 0 0 1px;*/
padding-top:9px;
padding-left:6px;
padding-right:6px;
padding-bottom:5px;
margin:0;
width:auto;
}

ul.tabnavjs li a {
text-decoration:none;
}

ul.tabnavjs li.active{
background:url("../images/fond_detail_on.gif") repeat-x scroll 0 0 transparent;
float:left;
height:44px;
margin:0 0 0 1px;
}

/*ul.tabnavjs li{
		background:#FFFFFF url(../images/bg.tab.png) repeat-x scroll right bottom;
		border:1px solid #B0BEC7;
		float:left;
		height:10px;
}*/

ul.tabnavjs {
background:url("../images/fond_detail.gif") repeat-x scroll left top transparent;
font:bold 11px verdana,arial,sans-serif;
height:49px;
width:auto;
list-style-type:none;
margin:0;
padding-left:0;
}

/*ul.tabnavjs {
    font			: bold 11px verdana, arial, sans-serif;
    list-style-type	: none;
    padding-bottom	: 24px;
    padding-left	: 0px;
    border-bottom	: 1px solid #b0bec7;
	margin			: 0;
}*/

ul.liste_loc li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type	: circle;
	text-align: left;
}

ol.liste_loc li {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

	ul.liste_lieu li.anchor {
		border: none;
		margin: 0;
		padding: 0;
	}

.lieu_image_miniature {
	float: right;
	margin: 0 0 5px 5px;
}

h2.lieu_titre {
	margin		: 0 0 10px 0;
	font-weight	: bold;
	width		: 70%;
}

/*.lieu_note {
	float: right;
}*/

.viewtourimsecomment .lieu_note{
	margin	: 0px;
}

.lieu_note{
	 background		: url(../images/note1.gif) no-repeat;
	 width			: 97px;
	 height			: 25px;
	 margin			: 0 0 0 140px;
}
	.liste_lieu .lieu_note{
		margin	: 0;
		position: absolute;
		top		: 0;
		right	: 0;
	}
	.star0{
		background-position: -93px 0px;
	}
	.star1{
		background-position: -75px 0px;
	}
	.star2{
		background-position: -55px 0px;
	}
	.star3{
		background-position: -37px 0px;
	}
	.star4{
		background-position: -19px 0px;
	}
	.star5{
		background-position: 0px 0px;
	}
	
.lieu_note span{
	 position	: absolute;
	 top		: -100000px;
}

.lieu_pagination {
	margin: 10px auto 10px auto;
	text-align: center;
}

/* style pour les lieux en page d'acceuil */
.lieu_conteneur {
background:none repeat scroll 0 0 white;
/*border:1px solid #C7C7C7;*/
padding:0 5px 20px;
}

/*.lieu_conteneur {
	background	: white none repeat scroll 0 0;
border:1px solid #B0BEC7;
	padding		: 0 5px 20px;
}*/

	.lieu_conteneur div#tourismeprincipal_video{
		text-align	: center;
	}
	
	.lieu_conteneur div#tourismeprincipal_information p {
		font-family		: Arial, "Bitstream Vera Sans", sans-serif;
	}

.liste_lieu .lieu_titre {
font-size:10pt;
font-weight:bold;
}

.lieu_titre_current {
font-size:10pt;
font-weight:bold;
color: #F00;
}

ul.liste_lieu_accueil {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.liste_lieu_accueil li {
	font-size:9pt;
	padding:10px;
}

.lieu_accueil_image_miniature {
	float: left;
	margin: 5px 5px;
}

.lieu_accueil_titre {
	font-weight	: bold;
	display		: inline;
	
}

.moreinfo{
	padding				: 10px 5px;
	border				: 1px solid #b0bec7;
	text-align			: right;
	background-color	: #f1f5f6;
}

/* style pour rendre les liens en boutons */

.button_like{ 
background:transparent url(../images/bouton.gif) no-repeat scroll right center;
border-left:1px solid #E3E3E3;
color:#6D9200;
cursor:pointer;
display:inline-block;
font-size:11px;
font-weight:bold;
line-height:20px;
margin-bottom:2px;
padding:0 10px;
text-decoration:none;
}
.button_like_active{ 
  background		: url(../images/bg.boutonhv.png) right no-repeat; 
  font-size			: 0.8em; 
  font-weight		: bold; 
  padding			: 0 10px; 
  text-decoration	: none;
  border-left		: 1px solid #CCC;
  display			: inline-block;
  line-height		: 20px;
}

.button_like:hover { 
background:transparent url(../images/bouton.gif) no-repeat scroll right center;
border-left:1px solid #E3E3E3;
color:#6D9200;
cursor:pointer;
display:inline-block;
font-size:11px;
font-weight:bold;
line-height:20px;
margin-bottom:2px;
padding:0 10px;
text-decoration:none;
}

/*
.button_like span{ 
  padding		: 10px 0 10px 12px; 
  line-height	: 20px;
  background	: url(../images/bg.btn_left.png) left no-repeat;
  color			: green; 
}*/


/* styles de la barre de navigation */
ul#navigation {
    font			: bold 11px verdana, arial, sans-serif;
    list-style-type	: none;
    padding-left	: 0px;
    margin			: 0;
    text-align		: left;
}

ul#navigation li {
    margin			: 2px 0 2px 0;
    vertical-align	: middle;
}

ul#navigation li.active {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    margin: 2px 0 2px 0;
}

#navigation a {
    display: block;
    color: #666666;
    text-decoration: none;
}

#navigation a:hover {
    color: #333333;
}

/* styles pour les zones de recherche de lieux */
#zone_search {
	text-align: left;
}

	#zone_search div.title {
		background: #999999;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		padding: 10px 0 10px 0;
	}
	
	#zone_search form{
		width			: 191px;
	}
	
	#zone_search #thematiques ul, #zone_search #restaurant ul, 
	#zone_search #evenements ul, #zone_search #lieux ul,
	#zone_search #hebergement ul{
		padding-left	: 2px;
		margin: 0;
		list-style-type	: none;
	}
	
		#zone_search #thematiques ul ul, #zone_search #restaurant ul ul, 
		#zone_search #evenements ul ul, #zone_search #lieux ul ul,
		#zone_search #hebergement ul ul{
			padding-left	: 7px;
		}

#recherche_generale{
	/*margin		: 5px 0 0 15px;*/
	font-size	: 8pt;
}
#thematiques, #restaurant, #evenements, #lieux, #hebergement{
font-size:8pt;

}
#thematiques li, #restaurant li, #evenements li, #lieux li, #hebergement li{
list-style-type:none;
}

.suggest-proximity {
	position: absolute;
}
.suggest-proximity select {
	border: 1px solid #cccccc;
}

#zone_geo_search {
border: solid 1px #999999;
text-align: left;
}

#zone_geo_search div.title {
background: #999999;
color: #ffffff;
font-weight: bold;
text-align: center;
padding: 10px 0 10px 0;
}

.search_checkbox {
margin: 5px 0 5px 0;
}

/* Mise en page de la zone de recherche */
ul.tourismeprincipal_search{
	padding-left		: 2px;
	list-style-image	: none;
	list-style-type		: none;
	margin: 0;
}

/* Zone agenda liste des évènements sur la page d'accueil */
#zone_left ul.cmseventzone, .module_zone{
	/*border		:1px solid #000;*/
	font-size	:9pt;
	margin		:0 5px 5px 0;
	padding		:0 0 0 5px;
}

#zone_right ul.cmseventzone, .module_zone{
	/*border		:1px solid #000;*/
	font-size	:9pt;
	margin		:0 5px 0 5px;
	padding		:0 0 5px 0;
}

		ul.cmseventzone li{
			text-align		: left;
			padding			: 5px;
			margin			: 10px 5px 5px 5px;
			list-style		: none;
			/*background		: #FFF;
			border			: 1px solid #CCCCCC;*/
		}
		
			ul.cmseventzone li  em{
				margin-top		: 5px;
				margin-bottom	: 5px;
			}
			ul.cmseventzone li  a{
				font-size		: 11px;
				font-weight		: bold;
				color			: #dd8008;
				text-decoration	: none;
			}
			ul.cmseventzone li  a:hover{
				font-size		: 11px;
				font-weight		: bold;
				color			: #dd8008;
				text-decoration	: none;
			}
			
			ul.cmseventzone li .cmseventzone_summary{
				margin-top		: 5px;
				margin-bottom	: 5px;
				font-size		: 11px;
				font-style		: normal;
				font-weight		: bold;
			}
			
			ul.cmseventzone li h3{
				background	:transparent url(../images/horloge.gif) no-repeat scroll 0 7px;
				font-size	:11px;
				margin		:0 0 3px 0;
				color		:#747474;
				padding:5px 30px;
				width		:100%;
			}
			
			h2.cmseventzone_title_detail{
				background	:transparent url(../images/horloge.gif) no-repeat scroll 0 7px;
				font-size	:12px;
				margin		:0 0 3px 0;
				color		:#747474;
				padding:12px 35px;
				width		:92%;
			}
			#zone_main li.ligne_description{
			list-style-type:none;
			margin:0 0 10px;
			text-align:justify;
			background:url("../images/fleche_voir.gif") no-repeat scroll;
			padding-left:30px;
			}
			/*ul.cmseventzone .date_agenda{
				font-size:10px;
				color:#747474;
				text-align:left;
			}*/

			
			ul.cmseventzone .readmore{
				display	: block;
				margin	: 10px 0 0 0px;
				width	:  170px;
			}

			ul.cmseventzone .readmore_event{
				padding		: 0 0 0 10px;
				background	: url(../images/fleche_voir.gif) left no-repeat;
				display:block;
				padding:0 0 0 20px;
				width:143px;
			}
			

#zone_left ul.cmseventzoneconseil, .module_zone{
	/*border		:1px solid #000;*/
	font-size	:9pt;
	margin		:0 5px 5px 0;
	padding		:0 0 0 5px;
}

#zone_right ul.cmseventzoneconseil, .module_zone{
	/*border		:1px solid #000;*/
	font-size	:9pt;
	margin		:0 5px 0 5px;
	padding		:0 0 5px 0;
}

		ul.cmseventzoneconseil li{
			text-align		: left;
			padding			: 5px;
			margin			: 10px 5px 5px 5px;
			list-style		: none;
			/*background		: #FFF;
			border			: 1px solid #CCCCCC;*/
		}
		
			ul.cmseventzoneconseil li  em{
				margin-top		: 5px;
				margin-bottom	: 5px;
			}
			ul.cmseventzoneconseil li  a{
				font-size		: 11px;
				font-weight		: bold;
				color			: #dd8008;
				text-decoration	: none;
			}
			ul.cmseventzoneconseil li  a:hover{
				font-size		: 11px;
				font-weight		: bold;
				color			: #dd8008;
				text-decoration	: none;
			}
			
			ul.cmseventzoneconseil li .cmseventzone_summary{
				margin-top		: 5px;
				margin-bottom	: 5px;
				font-size		: 11px;
				font-style		: normal;
				font-weight		: bold;
			}
			
			ul.cmseventzoneconseil li h3{
				background	:transparent url(../images/gps.gif) no-repeat scroll 0 7px;
				font-size	:11px;
				margin		:0 0 3px 0;
				color		:#747474;
				padding:5px 30px;
				width		:100%;
			}
			/*ul.cmseventzone .date_agenda{
				font-size:10px;
				color:#747474;
				text-align:left;
			}*/

			
			ul.cmseventzoneconseil .readmore{
				display	: block;
				margin	: 10px 0 0 0px;
				width	:  170px;
			}

			ul.cmseventzoneconseil .readmore_event{
				padding		: 0px 0 0 10px;
				background	: url(../images/loupe.gif) left no-repeat;
				display:block;
				padding:0 0 0 20px;
				width:143px;
			}
/* Mise en page de la zone calendrier (le reste est dans la css calendrier.css) */			
div#calendar{
	height	: auto;
	padding	: 0 0 10px;
	background:#FFF;
}
	.calendriermonth{
		/*float			: none;*/
		background		: transparent url(../images/bg.transparent.png) repeat top left;
		border			: 1px solid #CCCCCC;
		float			: none;
		position		: static;
		margin			: 0 auto;
	}		
/* Liste des commentaires d'un lieu */
div#tourismeprincipalcomment{
	padding	: 5px;
}

		div#tourismeprincipalcomment h2{
			text-decoration	: underline;
		}
		
		#tourismeprincipalcomment a.readmore{
			padding-left	: 10px;
			background		: url(../images/puce-carre.png) center no-repeat;
			display			: block;
			width			: 143px;
			text-decoration	: none;
			text-align		: right;
			position		: absolute;
			right			: 25px;
		}

/* Boutons d'action lors de la visualisation du détail d'un lieu */
p.gettoourismeprincipal_actions{
	text-align	: center;
}
p.lieu_actions{
	text-align	: center;
}

/* Mise en page de l'éspace personnel */
ul.getPersonnalSpace{
	list-style-image	: none;
	list-style-type		: none;
}
	
	ul.getPersonnalSpace li{
		border		: 1px solid #999999;
		margin-top	: 10px;
	}

/* Mise en page de la liste des commentaire de l'utilisateur */
ul.seemycomment{
	list-style-image	: none;
	list-style-type		: none;
	padding-left		: 0px;
}

	ul.seemycomment img{
		margin-left	: 5px;
	}

	ul.seemycomment li{
		border			: 1px solid #999999;
		margin-bottom	: 5px;
		text-align		: justify;
	}
	
	
/* Evenements*/
.eventlist{
	margin		: 0;
	padding		: 0;

}
.eventlist li, .liste_lieu_accueil li, .liste_lieu li, .eventitem{
	list-style-type	: none;
	border			: 1px solid #CCC;
	margin			: 5px 5px 20px 5px;
	padding			: 5px 10px 20px 10px;
	/*background		: #E3E7D6 url(../images/bg.event.png) repeat-x top left;*/
	position		: relative;
}

.eventlist h3, .eventitem h3{
	width	: 80%;
	float	: left;
	font-size	: 13px;
}

.eventlist strong, .eventitem strong{
	width	: 20%;
}

.eventlist hr, .eventitem hr{
	margin			: 0 0 5px 0;
	visibility		: visible;
	color			: #CCC;
	background-color: #CCC;
	height			: 1px;
	border			: 0;
}

.eventlist a{
	text-decoration	: none;
}

.eventlist .readmore_event, .eventitem .readmore_event{
	background		: #A9D018;
	color			: #FFF;
	border			: 1px solid #CCCCCC;
	bottom			: -12px;
	padding			: 4px 10px 4px 25px;
	position		: absolute;
	right			: 10px;
	font-weight		: bold;
}
		


#header_links #header_right .link_mentions 
{
	background: url(../images/icones/open-book.png);
}
	

	
	
	
#etapes {
width: 195px;
}


#e {

overflow: auto; height: 350px; text-align: left; font-size: 11px;
}

#zone_right .module_zone{
padding : 5px;
}


/*
.readmore>a:hover{

font-weight : bold;
font-size:8pt;

}
	
/* --------------- Icones Haut de page ------------------ */
	
/*#header_right .home  {
background: url(../images/icones/home.png) no-repeat; }


#header_right .sitemap{
background: url(../images/icones/plan-du-site.png) no-repeat; }


#header_right .contact  {
background: url(../images/icones/contact.png) no-repeat; }


#header_right .mentions  {
background: url(../images/icones/book_open.png) no-repeat; }

#header_right .favoris  {
background: url(../images/icones/bookmark.png) no-repeat; }*/

#header_links #header_right li 
{
	display			: inline;
	list-style-type	: none;
	margin			: 5px 5px 0 0;
	/*padding-left	: 20px; */
	font-size		: 10pt;
}

	/* --------------- Formulaire ---------------- */

#zone_main form label {

display : block;

}

/* Formulaire de contact */
form#contactus label{
	
}

form#sendfriend label {
	width: 200px;
	float: left;
	clear: both;
	position: relative;
	text-align: right;
}

form#sendfriend input {
	width: 230px;
}

form#sendfriend input#submitSendFriend, form#sendfriend input#cancel {
	width: auto;
}

form input#captchacode{
	width: 150px;
}

form#sendfriend img {
}

form#sendfriend textarea {
	width: 230px;
}


/* --------- zone right etapes fond -----------*/

#zone_right #etapes , #zone_left{
min-height:450px; 
height : auto;
max-height : 1500px;}



/* Zone de contact */
#contactlist{
	text-align		: left;
	margin-left		: 5px;
	width			: 187px;
	/*border			: 1px solid black;*/
}

	#contactlist ul.contactlist{
		list-style-type	: none;
		padding-left	: 2px;
	}
		
		#contactlist ul.contactlist li a.readmore{
			padding			: 0 0 0 10px;
			background		: url(../images/puce-carre.png) left no-repeat;
			display			: block;
			padding			: 0 0 0 20px;
			width			: 143px;
			text-decoration	: none;
		}

/* Patch*/
 #thematiques ul, #hebergement ul{
	margin				: 0px;
}

#recherche_generale, #thematiques, #hebergement, #restaurant, #evenements, #lieux{
	margin	: 2px 0px 2px 5px;
}

#zone_search h3 {
	border-color	: transparent !important;
}

#zone_right p.content{
	border:1px solid #CCCCCC;
	background:white;
	padding:3px;
}

p.eventstaticmap {
	float	: right;
}

div.routelevels {
	/*border	: solid 1px #cccccc;*/
	margin	: 0;
	padding	: 5px;
}

div.routelevels img{
	margin	: 0 auto;
}