

/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site VOLCAN DE LEMPTEGY ----------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF url(../images/body.gif) repeat-x left top;
	font-size:12px;
	height:100%;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	text-align:center;
	line-height:150%;
}
#page {
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */


 #menu { 	
	padding:0;
	margin:0 0 0 115px;	
} 
*html #menu {
	 top:0;
}

#navigation {
	background:#000D4C url(../images/bg-navigation.gif) no-repeat 29px 29px;
	height:50px;
	text-align:left;
	font-size:11px;
	position:relative;
 	z-index:60;
	width:960px;
	margin:auto;  
}

#navigation li {
	display:block;
	position:relative;
	float:left;
	padding:10px 2px 0 0; 
	list-style:none;
	height:28px;
}

#navigation li.last {
	background-image:none;
}

#navigation #menu a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	background:url(../images/bg-menu-a.gif)  no-repeat scroll 0 0 ;  
 	padding:0 0 0 3px; 
	height:28px; /*problème ie6*/
	margin-right:3px;  
} 

	 #navigation #menu a.restaurant {
		background-image:url(../images/bg-menu-a-restaurant.gif);
	}
	#navigation #menu a.evenementiel {
		background-image:url(../images/bg-menu-a-evenementiel.gif);
	} 

 	#navigation #menu a:hover {
		background-position:0 -28px;
		color:#FFFFFF;
	} 

 	#navigation #menu a span {
	background:url(../images/bg-menu-a.gif) no-repeat scroll 100% 0;
	display:block;
	padding:5px 5px 0 0;
	height:23px;
	cursor:pointer;
	width:auto;
}  

	#navigation #menu a.restaurant span {
		background-image:url(../images/bg-menu-a-restaurant.gif);
	}
	#navigation #menu a.evenementiel span {
		background-image:url(../images/bg-menu-a-evenementiel.gif);
	}
  	#navigation #menu a:hover span {
			background-position:100% -28px;			
		}	

/* -------------------------------------------------------------------------------------------- */
/* Gestion des sous-menus */

#navigation #menu li ul.subMenu { 
	position:absolute;
	z-index:30 !important;
	background:#051859 url(../images/bg-menu-li-ul.gif) repeat-x scroll 0 0;
	width:205px;
	left:-999em; 
	text-align:left;
	top:38px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
/* 	border:solid #80A2C6;
	border-width:1px 1px 0;  */
}
	#navigation #menu li.evenementiel ul.subMenu { 
		background:#B4200B;
	}

#navigation #menu li:hover ul, #navigation li.sfhover ul { 
	/* left:0; */
	left:auto;
}

#navigation #menu li:hover a, #navigation li.sfhover a { 
	color:#FFFFFF;
}
#navigation #menu li ul li {
	background-image:none;
	width:205px;
	height:auto;
	padding:0;
	text-align:left;
	/* border:solid #80A2C6;
	border-width:0 0 1px; */
}

#navigation #menu li ul li a {	
	width:190px;
	padding:2px 5px;
	color:#ECE7ED !important;
	display:block;
	height:auto;
	border-left:5px solid #bfc832;
	background-image:none;
	/* background:#000d4c; */
	text-transform:none;
}
	#navigation #menu li.evenementiel ul li a {	
		border-left:5px solid #f08a01;
	}
		#navigation #menu li.evenementiel ul li a:hover {
			border-color:#d86504;
		}

*html #navigation #menu li ul li a {
	width:205px;
}
#navigation #menu li ul li a:hover {
	color:#FFFFFF !important;
	background-color:#30458c;
	border-color:#6fa925;
	background-image:none;
}
	#navigation #menu li.evenementiel ul li a:hover {
		background-color:#d86504;
	}
#menu li:hover ul li a, 
#menu li.sfhover ul li a {
	color:#333333;
} 


/* #navigation li:hover ul, #navigation li.sfhover ul { 
	left:auto;
}
#navigation li li ul, #navigation li:hover li ul, #navigation li.sfhover li ul { 
	left:-999em; 
	top:0;
}
#navigation li li:hover ul, #navigation li li.sfhover ul { 
	left:175px;
}
 */


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */


ul#tools {
	margin:0;
	padding:15px 0 0 5px;
	float:right;

}
#tools li {
	padding:2px;
	margin:0;
	display:inline;
	list-style:none;
	text-align:right;
}
#tools li span {
	position:absolute;
	left:-999em;
	display:block;
	padding:3px 5px 3px 3px;
	margin:15px 0 0 -20px;
	background-color:#DB5C27;
	color:#FFFFFF;
	width:45px !important;
	top:10px;
}
*html #tools li span {
	margin:0;
}
#tools li:hover span, 
#tools li.sfhover span {
	left:auto;
}
#tools a {
	text-decoration:none;
}
#tools a img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux entêtes */
/* -------------------------------------------------------------------------------------------- */

#header {
	position:relative;
	width:960px;
	height:249px;
	margin:0 auto;
	z-index:10;

}
	#global.index #header {
		height:550px;
	}
#header h1 {
	position:absolute;
	left:-999em;
}

#header a img {
	border:none;
}
#header p.infoResa {
	position:absolute;
	padding:0;
	top:125px;
	left:0;
}

#header div#visite {
	position:absolute;
	top:215px;
	left:0;
	background:url(../images/bg-visite.jpg) no-repeat 0 0;
	width:160px;
	height:288px;
	text-align:left;
	color:#FFFFFF;	
}
	
#header div#visite h3 {
	margin-top:40px;
	color:#FFFFFF;
	font-size:16px;
	margin-left:15px;
	}	
	
#header div#visite p {
	margin:5px 15px 0 15px;
	line-height:1.3em;
	}	
	
	
#header div#actu {
	position:absolute;
	padding:0;
	top:50px;
	left:800px;
	background:url(../images/bg-actualites.jpg) no-repeat;
	width:160px;
	height:349px;
	text-align:left;
	color:#FFFFFF;	
	padding-top:45px;
	}
	
#header div#actu h2 {
	position:absolute;
	left:-1999px;
	}
	
#header div#actu h3 {
	margin-top:45px;
	color:#FFFFFF;
	font-size:16px;
	margin-left:15px;
	}
	
#header div#actu h4 {
	margin:5px 15px 0 5px;
	}
	
#header div#actu h4 a {
	color:#fff729;
	font-size:14px;
	}
	
	#header div#actu h4 img {
		float:left;
		margin-left:15px;
		margin-right:5px;
		}
		
#header a {
	color:#fff729;
	text-decoration:none;
	}
	
#header a:hover {
	text-decoration:underline;
	}
	
#header div#actu p {
	margin:5px 15px 0 15px;
	}

  #header div.viewvideoHeader a {
	background:transparent url(../images/blank.gif) repeat; 
	display:block;
	height:270px;
	margin-left:0px;
	margin-top:10px; 
	position:absolute;
	text-indent:-999em;
	width:622px;
	left:170px;
	outline:none;
} 
 #header div.videoHeader {
	z-index:-1;
}  

/* #header a.logo {
	position:absolute;
	top:0;
	left:0;
} */



ul#logo {
 	margin:0;
	padding:0px;
	position:absolute;
	top:0;
	left:0;	
}
#logo li {
	list-style:none;
}
#logo li span {
	position:absolute;
	left:-999em;
	display:block;
	padding:3px 5px 3px 3px;
	margin:-100px 0 0 140px;
	background-color:#f8f7f7;
	color:#545454;
	width:45px !important;
}
html* #logo li span {
	margin:7px 0 0 0 !important;
}
#logo li:hover span, 
#logo li.sfhover span {
	left:auto;
	
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */


    #global {
	color:#000000;
background:#FFFFFF url(../images//bg-global.jpg) no-repeat 50% 0;
	min-height:480px;
	min-width:960px;
	height:auto;
} 
	#global.index {
		background-image:url(../images/bg-global-index.jpg);
		min-height:920px;
		height:auto;
	}

/* -------------------------------------------------------------------------------------------- */
/* TEMPLATES MODELS */	
	
	#global.c790 {
		background-image:url(../images/bg-global-col790.jpg);
		min-height:920px;
		height:auto;
	}
	#global.c960 {
		background-image:url(../images/bg-global-col960.jpg);
		min-height:920px;
		height:auto;
	}
	#global.c160c790 {
		background-image:url(../images/bg-global-col160-col790.jpg);
		min-height:920px;
		height:auto;
	}	
	
/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

#content {
	width:960px;
	margin:0 auto;
	text-align:justify;
	position:relative;
	z-index:11;
	height:auto !important;
	min-height:450px;
	height:450px;
}
.col160 {
	width:160px;
	text-align:left;
}
.col240 {
	width:240px;
	text-align:left;
	float:left;
}
.col300 {
	width:300px;
	text-align:left;
}
.col320 {
	width:320px;
	text-align:left;
}
.col620 {
	width:620px;
}
.col640 {
	width:640px;
}
.col790 {
	width:790px;
}
.col960 {
	width:960px;
}
.col160, 
.col300,  
.col320,
.col620, 
.col640, 
.col790, 
.col960 {
	float:left;
}
.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}





/* -------------------------------------------------------------------------------------------- */

#content960 {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:960px;
	min-height:200px;
	height:auto !important;	
	height:200px;	
}
#content790 {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:790px;
	min-height:200px;
	height:auto !important;	
	height:200px;	
}


#content620 {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:620px;
	min-height:200px;
	height:auto !important;	
	height:200px;
}
#content320 {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:320px;
	min-height:200px;
	height:auto !important;	
	height:200px;
}
#content160 {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:160px;
	min-height:200px;
	height:auto !important;	
	height:200px;	
}
#navDetails {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:5px;
	width:160px;
	min-height:200px;
	height:auto !important;	
	height:200px;
}
/* -------------------------------------------------------------------------------------------- */
#content p, 
#content ul, 
#content form, 
#content dl, 
#content blockquote, 
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6,
#content .swf {
	padding:6px 12px;
}
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6 {
	text-align:left;
}
#content p, 
#content ul, 
#content ol, 
#content form, 
#content input, 
#content textarea, 
#content select, 
#content option, 
#content blockquote, 
#content table, 
#content tr, 
#content th, 
#content td {
	font-size:12px;
}
#content h2 {
	font-size:18px;
	color:#547403;
}
#content h3,
#content-Colorbox h3 {
	font-size:13px;
	background:#238A2A url(../images/bg-h3.gif) no-repeat 0 0;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:5px 10px;
	padding:0 0 0 10px;
	height:29px;
}
	#content h3.arrow, 
	#content-Colorbox h3.arrow {
		background-image:url(../images/bg-h3-arrow.gif);
		padding:0 0 0 30px;
	}
		#content h3 span, 
		#content-Colorbox h3 span {
			background:#238A2A url(../images/bg-h3.gif) no-repeat 100% 0;
			padding:5px 10px 0 0;
			height:24px;
			display:block;
		}
#content h4 {
	font-size:14px;
}
	#content h4.news {
		color:#547403;
		font-size:17px;
		padding-left:10px !important;
	}
	#content h4.lettre {
		color:#547403;
		font-size:15px;
		padding:30px 0 10px 10px !important;
	}
		#content h4.lettre2 {
			color:#547403;
			font-size:15px;
			padding:60px 0 10px 10px !important;
			background:transparent url(../images/bg-p-chapeau.gif) no-repeat center 40px;
		}
			
	#content div.col620 h4 {
		/* background:transparent url(../images/bg-h4.gif) repeat-x scroll top;*/
		padding:20px 0 0 25px;
		/*margin-left:12px;  */
	}
	#content h4.arrow {
		background:url(../images/bg-h4.gif) no-repeat 0 center;
		padding:0 0 0 30px;	
		margin:10px 20px;
		color:#547403;
	}
#content a, 
#content-Colorbox a {
	color:#c90109;
	text-decoration:underline;
}
#content a:hover, 
#content-Colorbox a:hover {
	color:#9f0208;
}

a img {
	border:none;
}

#content p.italique {
/* 	padding:0 20px 0 20px !important; */
	display:block;
	width:750px;
	font-style:italic;
}

#content p.chapeau {
	background:transparent url(../images/bg-p-chapeau.gif) no-repeat center bottom;
	padding-bottom:25px;
	margin-bottom:5px;
} 

#content strong {
	color:#78A33D;
}
#content a strong {
	color:#c90109;
}
#content a:hover strong {
	color:#9f0208;
}
#content li, 
#content-Colorbox li {
	list-style:none;
	padding:0 0 5px 20px;
}
#content620 li, 
#content790 li, 
#content-Colorbox li {
	list-style:url(../images/bg-li.gif) inside;
	list-style-type:none;
}

#content div#newsletter {
	/* background:url(../images/bg-newsletter.png) no-repeat; */
	width:160px;
	height:168px;
	margin-top:-60px;
	position:relative;

}
	
#content div#newsletter p {
	padding-top:30px;
	padding-bottom:0;
	color:#FFFFFF;
	line-height:1.2em;
}



#content div#newsletter input.NewsletterEmail {
	width:80%;
	top:0;
	padding:0;
}


#content div#newsletter button.valid {
	background-color:#044092;
	color:#044092;
	float:right;
	height:17px;
	width:20px;
	top:0px;
	cursor:pointer;
	border:none;
	padding:0;
	margin:0;
}

#content div#pass {
	background:url(../images/bt-pass.jpg) no-repeat 0 0;
	height:204px;
	width:160px;
	margin-top:-27px;
}

#content div#pass p {
	padding:80px 0 0 9px;
}  

#content a.btPass {
	background:url(../images/bt-pass.gif) no-repeat 0 0;
	display:block;
	width:141px;
	height:92px;
	text-indent:-999em;
	outline:none;
}

#content div#pass h3 {
	position:absolute;
	margin-left:-999em;
}

#content div#reservation {
	background:url(../images/bg-reservation.gif) no-repeat;
	width:160px;
	height:117px;
}

#content div#reservation a {
	margin-top:35px;
	display:block;
}

#content div#evenementiel {
	background:url(../images/bg-evenementiel-hover.png) transparent no-repeat scroll 0px 0px; 
	margin-left:5px;
	margin-top:-35px;
	position:relative;
	width:305px;
	height:129px;
	color:#FFFFFF;
}
	#content div#evenementiel:hover {
		background-position:0 -131px;		
	}

#content div#evenementiel h3 {
	position:absolute;
	margin-left:-999em;
}

#content div#evenementiel p  {
	padding-top:5px;
	margin-right:50px;
	line-height:1.4em;
}

#content div#evenementiel a  {
	color:#FFFFFF;
	text-decoration:none;
}

	#content div#evenementiel a:hover  {
/* 		color:#F0E5E5; */
	}

#content div#restauration {
	background:url(../images/bg-restauration-hover.png) no-repeat scroll 0 0;
	margin-top:-10px;
	position:relative;
	width:305px;
	height:150px;
	color:#FFFFFF;
	margin-left:5px;
}
	#content div#restauration:hover {
		background-position:0 -200px;
	}

#content div#restauration h3 {
	position:absolute;
	margin-left:-999em;
}

#content div#restauration p  {
	padding-top:40px;
	margin-right:50px;
	line-height:1.4em;
}

#content div#restauration a  {
	color:#FFFFFF;
	text-decoration:none;
}

	#content div#restauration a:hover  {
/* 		color:#F5EEE9; */
	}

#content div#animations {
	/* background:url(../images/bg-animations.png) no-repeat; */
	width:305px;
	height:292px;
	position:relative;
	margin-top:-60px;
	margin-left:5px;
	padding-top:33px;
	padding-left:5px;
}

#content div#animations p {
	line-height:1.4em;
	margin:0;
	padding-top:0;
	z-index:16;
	position:relative;
}

#content div#animations img {
	margin-bottom:-27px;
	z-index:15;
	position:relative;
}

#global.index #content div#acces {
	background:url(../images/bg-acces.png) no-repeat;
	width:160px;
	margin-top:-63px;
	margin-left:0;
	position:relative;
	padding-top:35px;
}
#content div#acces {
	background:url(../images/bg-acces.png) no-repeat;
	width:160px;
	position:relative;
	margin-left:0px;
	margin-top:-30px;
	padding-top:35px;
}

#content div#acces h3 {
	position:absolute;
	margin-left:-1999px;
}
#content div#acces h4 {
	padding-bottom:0;
}

#content div#acces p.acces {
	background:url(../images/ico-acces.gif) no-repeat;
	width:120px;
	height:47px;
	margin:0 0 0 15px;
	padding-top:10px;
	padding-bottom:0;
}

#content div#acces p.acces a.PlanAcces {
	color:#000000;
	text-decoration:none;
	margin:0 0 0 30px;
}
	#content div#acces p.acces a:hover.PlanAcces {
		text-decoration:underline;
	}
#content div#acces p.contact {
	margin-top:-10px;
	margin-left:15px;
	padding:0;
	color:#c90109;
}
#content div.nouveaute, 
#content div.scolaire {
	width:160px;
	heigth:auto !important;
	min-height:600px;
	height:600px;
	position:relative;
	margin-left:0px;
	margin-right:0;
	margin-top:-32px;
	padding:80px 0 0 0;
	color:#FFFFFF;
}
#content div.nouveaute{
	background:url(../images/bg-pass.png) no-repeat;
}
#content div.scolaire {
	background:url(../images/bg-pass-scolaire.png) no-repeat;	
	}
#content div.nouveaute h3, 
#content div.scolaire h3 {
	position:absolute;
	margin-left:-999em;
}
#content div.nouveaute a, 
#content div.scolaire a {
	color:#fff729;
	padding:0px;
}
#content div.nouveaute p, 
#content div.scolaire p {
	padding-left:9px;
}

#content div.texteInfo {
	width:620px;
/* 	margin:auto;
	margin-top:-60px;
	position:relative;
	z-index:5; */
	color:#666666;
}

#content div#navDetails li {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	background:transparent url(../images/bg-li-vert.gif) no-repeat left top;
	padding:0 0 5px 20px;
}
#content div#navDetails a {
	color:#238A2A;
	text-decoration:none;
}
	#content div#navDetails a:hover {
		text-decoration:underline;
	}
#content div#navDetails li.selected a,
#content div#navDetails a.selected {
/* 	font-weight:bold;
	color:#1b7421; */
	text-decoration:underline;
}	

	
#content div.telecharger {
	background:url(../images/bg-telecharger.png) no-repeat;
	width:160px;
	position:relative;
	margin:-30px 0 0 0;
	padding:35px 0 0 0;
}	
#content div.anecdotes {
	background:url(../images/bg-anecdotes.png) no-repeat;
	width:160px;
	position:relative;
	margin:-30px 0 0 0;
	padding:35px 0 0 0;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#content div.anecdotes li {
	list-style:url(../images/bg-li.gif) inside;
	list-style-type:none;
	padding:0 0 5px 5px;
}

#content div.accessibility {
	background:url(../images/bg-accessibilite.png) no-repeat;
	width:160px;
	position:relative;
	margin:-30px 0 0 0;
	padding:35px 0 0 0;
}
#content div.accessibility img {
	margin:auto;
	display:block;
}
	
#content img.videoSpectacle	 {
	margin:40px 0 0 150px;
}
#content p.nb {
	font-style:italic;
	width:95%;
}

#content div.important {
	background:#94b221;
	margin:10px 15px 0 15px;
}
	#content div.mh170 {
		height:auto !important;
		min-height:170px;
		height:170px;
	}

#content div.important p, 
#content div.important ul {
	color:#FFFFFF;
	padding:10px;
}
#content div.important h4 {
	padding-top:10px;
	color:#FFFFFF;
}
#content div.important a {
	text-decoration:none;
	color:#fff729;
}
	#content div.important a:hover {
		text-decoration:underline;
		color:#fff729;
	}

#content div#newsList {
	background-color:#FFFFFF;
	margin-top:0;
	padding-top:7px;
	width:320px;
	min-height:200px;
	height:auto !important;	
	height:200px;
}
#content div#newsList li {	
	padding-left:0;
}

#content div#newsList a {
 	color:#78A33D; 
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
	
#content div#newsList a:hover {
	text-decoration:underline;
}

#content p.date{
	padding-top:0;
}

#mine {
	width:700px;
	text-align:left;
}




/* Mask */

#global div.thumbNews {
	float:left;
	width:210px;
	height:171px;
	overflow:hidden;
	margin:20px 20px 20px 10px;
	position:relative;
}
#global div.thumbNews .pic {
	position:absolute;
	left:0px;
	top:0px;
}
#global div.thumbNews .pic img {height:155px; padding-top:0px; padding-left:0px; margin:0;}
#global div.thumbNews .mask {
	position:absolute;
	left:0;
	top:0;
}


#content-Colorbox  {
	text-align:left;
}
#content-Colorbox p {
	padding:7px 20px;
}
#content-Colorbox h4 {
	color:#78A33D; 
	font-size:13px;
	padding:20px 20px 0px 20px;
}
#content-Colorbox .img-right {
	margin-top:40px;
}

#content .tourisme{
	background:transparent url(../images/bg-tourisme-col240.gif) no-repeat center bottom;
	padding:5px 5px 5px 5px;
	margin-bottom:5px;
	height:220px;
	width:220px;
}
#content .tourisme h4.titre{
	font-size:13px;
}

	#content span.tel {
		background:url(../images/tourisme-en-auvergne/phone.gif) no-repeat 0 center;
		padding:0 0 0 20px;
	}
	#content span.fax {
		background:url(../images/tourisme-en-auvergne/fax.gif) no-repeat 0 center;
		padding:0 0 0 20px;
	}	
	#content span.mobile {
		background:url(../images/tourisme-en-auvergne/mobile.gif) no-repeat 0 center;
		padding:0 0 0 20px;
	}
	#content span.email {
		background:url(../images/tourisme-en-auvergne/mail.gif) no-repeat 0 center;
		padding:0 0 0 20px;
	}
	#content span.afficher {
		background:url(../images/tourisme-en-auvergne/afficher.gif) no-repeat 0 center;
		padding:0 0 0 20px;
	}	
	#content span.name {
		font-size:13px;
		color:#78A33D;
	}
	#content p.adress {
		background:url(../images/googlemap/bg-bulle.gif) repeat-y 0 0;
		padding-left:30px;
	}
	
.pnr {
	padding:50px 10px 5px 0 !important;
}	
	
.googlemap {
	height:460px;
	margin:5px 10px;
	z-index:0;
	background-color:#FFFFFF;
	border:1px solid #CECECE;
}

.map {
/* 	position:absolute;
	margin-top:75px;
	margin-left:180px;
	top:0;
	left:0;
	width:750px;
	height:80%;
	padding:10px; */
	
	position:relative;
	height:460px;
	margin:5px 10px;
	z-index:0;
	background-color:#FFFFFF;
	border:1px solid #CECECE;	

}

ul.marker {
	width:650px;
}

ul.marker li {
	float:left;
	list-style-image:none !important;
}
ul.marker li img {
	vertical-align:middle;
}


/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE */		
	
#content .col620 form.messenger {
	width:580px;
}
#content form.messenger fieldset {
	border:none;
	border-top:1px solid #D8D8D8;
	margin-bottom:10px;
}
	#content form.messenger fieldset fieldset {
		background:none;
		border:none;
		margin:3px 0 0;
	}
#content form.messenger legend {
	padding:0 2px;
	font-weight:bold;
}
	#content form.messenger fieldset fieldset legend {
		padding:0 0 5px;
		font-weight:normal;
	}
/*\*//*/ #content form.messenger legend { display: inline-block; } /* IE Mac legend fix */
#content form.messenger ol {
	margin:0;
	padding:0;
}
#content form.messenger li {
	background:none;
	list-style-image:none;
}

#content form.messenger fieldset li {
	padding:5px 10px 7px;
}
#content form.messenger label {
	display:inline-block;
	vertical-align:top;
	width:240px;
}
	#content form.messenger fieldset fieldset label {
		display:block;
		width:auto;
		margin-left:243px;
	}
#content form.messenger p {
	padding:5px 0;
}
#content form.messenger em {
	font-weight:bold;
	font-style:normal;
	color:#FF0000;
}
#content form.messenger input, #content form.messenger textarea {
	padding:1px;
	width:300px;
}
	#content form.messenger input.radio {
		width:auto;
	}
	#content form.messenger input.submit {
		width:auto;
		padding:5px;
	}
#content form.messenger select {
	padding:0;
	width:305px;
}	

#content p.infoLegales {
	margin-left:160px;
}

#content img.ico-handicap {
	padding:0 7px 0 0;
}


#content form#formNewsLetter fieldset  {
	border:none;
	margin-bottom:10px;
}


/* -------------------------------------------------------------------------------------------- */
/* TABLEAU */	

table.navdocs, 
table.docs {
	margin:10px 0 0 10px;
}

#content table.horaires {
	text-align:left;
 	border-top: solid 1px #c2bfb1; 
	border-left: solid 1px #c2bfb1; 
	margin:10px 0 15px 20px;
}	

#content table.horaires td {
	padding:5px 5px;
 	border-bottom: solid 1px #c2bfb1; 
	border-right: solid 1px #c2bfb1; 
}
	#content table.horaires td strong {
	}
	#content table.horaires td ul {
		padding:0;
	}
	#content table.horaires td.hours {
		width:70px;
	}
#content table.horaires thead tr {
	position:absolute;
	left:-999px;
}

#content table.tarifs {
	text-align:left;
	width:590px;
	margin:10px 0 15px 20px;
 	border-top: solid 1px #c2bfb1; 
	border-left: solid 1px #c2bfb1; 	
}	
#content table.tarifs tr {
}
#content table.tarifs td {
	padding:15px 5px 10px 15px;
 	border-bottom: solid 1px #c2bfb1; 
	border-right: solid 1px #c2bfb1;
}
#content table.tarifs thead th {
	padding:5px;
 	border-bottom: solid 1px #c2bfb1; 
	border-right: solid 1px #c2bfb1;
	text-align:center;	
}

#content table.salles {
	text-align:center;
	margin:10px 0 0 10px;
	border-left: solid 1px #c2bfb1;
	border-top: solid 1px #c2bfb1;
}	
#content table.salles td {
	padding:15px 5px 10px 15px;
 	border-bottom: solid 1px #c2bfb1; 
	border-right: solid 1px #c2bfb1;
	width:95px;	
}

#content table caption.noneCaption h4 {
	display:block;
	position:absolute;
	left:-999px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#global #wire ul {
/* 	background: url(../images/bg-wire.gif) no-repeat 0 0; */
	font-size:10px;
	color:#78A33D; 
	padding:0 10px 0;
	height:22px;
	text-align:left;
}
#global #wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:10px;
	padding-right:7px;
	display:inline;
}
#global #wire li a {
	text-decoration:none;
	color:#78A33D; 
}
#global #wire li a:hover {
	text-decoration:underline;
	color:#78A33D; 
}

/* -------------------------------------------------------------------------------------------- */
/* JCAROUSEL */
/* -------------------------------------------------------------------------------------------- */
/* 
#content .jcarousel-container {
	position:relative;
}
#content .jcarousel-clip {
	z-index:1;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
    width:462px; /**! pour IE6**/
}

#content .jcarousel-list {
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

#content .jcarousel-list li,
#content .jcarousel-item {
	float:left;
	list-style:none;
	width:152px;
	height:114px;
	margin:0;
}

#content .jcarousel-next, 
#content .jcarousel-prev {
	z-index:1;
	display:none;
}

#content .jcarousel-container-horizontal {
	padding:18px 34px;
	margin:20px 10px 20px 45px;
    width:462px;  /**! pour IE6**/
}
#content .jcarousel-clip-horizontal {
	height:114px;
}
#content .jcarousel-clip-horizontal ul {
	padding:0;
}

#content .jcarousel-item {
	width:152px;
	height:114px;
	border:1px solid #FFFFFF;
	padding:0;
	background-image:none;
}

#content .jcarousel-item:hover {
	border-color:#F36000;
}

#content .jcarousel-item-horizontal {
	margin-right:4px;
}

#content .jcarousel-item-placeholder {
}

#content .jcarousel-next-horizontal, 
#content .jcarousel-prev-horizontal {
	position:absolute;
	top:55px;
	width:32px;
	height:32px;
	cursor:pointer;
}
#content .jcarousel-next-horizontal {
	right:0;
  	background:transparent url(../images/next-horizontal.gif) no-repeat 0 0;  
		
}
#content .jcarousel-prev-horizontal {
	left:0;
	margin-left:0px;
	background:transparent url(../images/prev-horizontal.gif) no-repeat 0 0; 
		
}
#content .jcarousel-next-horizontal:hover,
#content .jcarousel-prev-horizontal:hover {
	background-position:-32px 0 !important;
}
#content .jcarousel-next-horizontal:active,
#content .jcarousel-prev-horizontal:active {
	background-position:-64px 0 !important;
}
#content .jcarousel-next-disabled-horizontal,
#content .jcarousel-next-disabled-horizontal:hover,
#content .jcarousel-next-disabled-horizontal:active,
#content .jcarousel-prev-disabled-horizontal,
#content .jcarousel-prev-disabled-horizontal:hover,
#content .jcarousel-prev-disabled-horizontal:active {
	cursor:default;
	background-position:-96px 0 !important;
    z-index:1;
}
 */
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */


#foot {
	background:url(../images/bg-footer.jpg) no-repeat center bottom;
	height:223px;
	font-size:10px;
	color:#7079A4;
	position:relative;
	margin-top:0;
	z-index:25;
}

	#foot.index {
		margin-top:-100px;	
	}
	
#foot p {
	background-color:#000D4C;
	height:50px;
	padding:10px 0;
}

#foot a {
	color:#7079A4;
	text-decoration:none;
}
#foot img.handicap {
/* 	position:absolute;
	margin:-10px 0 0 350px;
	top:0;
 */
margin-bottom:-15px;
margin-left:800px;
position:relative;
}


#signature {
	padding-top:65px;
	position:relative;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:10px 10px 0px 10px;
}
.pt10 {
	padding:10px 10px 0 0 !important;
}
.img-center {
	margin:auto;
	display:block;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}
.valign {
	vertical-align:middle;
}
