/* @override http://www.marvellousorganisation.com/styles.css */

@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
body{ background-color:#000; }
body.index{/* background-image:url(img/bg_body.gif);*/ background-repeat:repeat-x;}
.clearer{ clear:both;}
span.orange{color:#ec812f;}
#conteneur{ background-color:#000; width:1060px; padding-bottom:40px; margin:auto;  }
#conteneur.index{ background-color:#000; width:1060px; padding-bottom:40px; margin:auto;  background-image:url(img/bg_body.gif);background-repeat:repeat-x;  }

ul{ list-style-position:outside; padding-left:20px;}

/* ====================================== INDEX ====================================== */

#index{ position:relative;width:980px; height:700px; background-image:url(img/bg_index.gif); margin:auto;}
#index #centre_index{  position:absolute; top:115px; height:320px;}
#index #menu1{ width:200px; height:320px; float:left; }
#index #menu2{ width:200px; height:320px; float:left;}
#index #flash_index{ width:580px; height:320px; float:left;}

#index #centre_index a{ font-size:12px; color:#FFF; display:block; width:200px;  text-transform:uppercase; text-align:center; text-decoration:none;
				 padding-top:10px;	}
#index #centre_index a:hover{ color:#ec812f;}


#index #centre_index #ticker-wrapper a{ font-size:12px; color:#666;}
#index #centre_index #ticker-wrapper a:hover{ color:#ec812f;}



#index #menu1 a{background-image:url(img/bg_index_menu1.jpg);}
	#index #menu1 a.spectacle{ height:95px; background-position:0 0; }
	#index #menu1 a:hover.spectacle{ background-position:200px 0; }
	#index #menu1 a.sport{ height:97px; background-position:0 212px; }
	#index #menu1 a:hover.sport{ background-position:200px 212px; }
	#index #menu1 a.conseil{ height:98px; background-position:0 105px; }
	#index #menu1 a:hover.conseil{ background-position:200px 105px; }
	
#index #menu2 a{background-image:url(img/bg_index_menu2.jpg);}	
	#index #menu2 a.sejours{ height:95px; background-position:0 0; }
	#index #menu2 a:hover.sejours{ background-position:200px 0; }
	#index #menu2 a.art{ height:97px; background-position:0 212px; }
	#index #menu2 a:hover.art{ background-position:200px 212px; }
	#index #menu2 a.seminaires{ height:98px; background-position:0 105px; }
	#index #menu2 a:hover.seminaires{ background-position:200px 105px; }
	
#packs{ float:left;	position:absolute; 	top:480px; 	left:19px; 	color:#FFF; 	width:170px; 	height:100px; padding-top:10px; 	overflow:hidden; 	font-size:14px; text-align:center; 	line-height:14px; }
		a:hover #packs { color:#000;}
		a:hover #packs h3{ color:#FFF;}
		#packs h3{ color:#000; font-size:20px;}
			
	a.petit_lien_pack{ text-decoration:none; font-size:13px; padding-top:4px; height:20px; color:#ec812f; width:520px; text-align:center; 
	float:nonoe;
	display:block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	 background-color:#000;
	 text-transform:uppercase;}
	 
	 a:hover.petit_lien_pack{ background-color:#000;  color:#ffffff; }
		
		
		
		 #packs span.info{ text-align:right; display:block; width:100%; color:#000; padding-top:5px;}
		 #packs span.info a{ color:#FFF; font-size:15px;}
		 #packs span.info a:hover{ color:#000;}
		 
#contact{ float:left;	position:absolute; 	top:635px; 	left:19px; 	color:#FFF; 	width:170px; 	height:30px; 	overflow:hidden; 	font-size:12px; 	line-height:14px; text-align:center; }
		#contact a{ color:#000; font-size:20px; text-decoration:none;}
		#contact a:hover{ color:#FFF;}
	
	
#adresse{ float:left;	position:absolute; 	top:615px; 	left:220px; 	color:#FFF; 	width:360px; 	height:55px; 	overflow:hidden; 	font-size:12px; 	line-height:14px; text-align:left;  color:#ec812f;}
		#adresse h1 span.petit{ color:#a6a9ac; font-size:8px;}
		#adresse h1{ display:block; font-size:17px; color:#FFF; margin-bottom:5px; letter-spacing:2px; }
		#adresse em{ font-style:normal; color:#FFF; font-size:11px;}
		#adresse a{ color:#FFF; text-decoration:none;}
		#adresse a:hover{ text-decoration:underline;}


#zoomsur1{ float:left;	position:absolute; 	top:480px; 	left:215px; 	color:#FFF; 	width:360px; 	height:115px; 	overflow:hidden; 	font-size:12px; 	color:#FFF; }
		 #zoomsur1 h3{ color:#ec812f; font-size:40px; margin-bottom:5px;}
		 #zoomsur1 h4{ color:#fff; font-size:15px; text-transform:uppercase; height:20px;}
		 #zoomsur1 h5{ color:#fff; font-size:15px; text-transform:uppercase;}
		 #zoomsur1 span.info{ text-align:right; display:block; width:320px; padding:95px 20px 0 0; color:#ec812f; font-size:11px; position:absolute; top:0;}
		 #zoomsur1 span.info a{ color:#FFF; font-size:15px; display:block; position:absolute; width:340px; height:50px; padding-top:92px; top:0; right:0; z-index:20; z-index:2;}
		 #zoomsur1 span.info a:hover{ color:#ec812f; z-index:1;}
		 
#zoomsur2{ float:left;	position:absolute; 	top:480px; 	left:600px; 	color:#FFF; 	width:360px; 	height:115px; 	overflow:hidden; 	font-size:12px; 	color:#FFF; }
		 #zoomsur2 h3{ color:#ec812f; font-size:40px; margin-bottom:5px;}
		 #zoomsur2 h4{ color:#fff; font-size:15px; text-transform:uppercase; height:20px;}
		 #zoomsur2 h5{ color:#fff; font-size:15px; text-transform:uppercase;}
		 #zoomsur2 span.info{ text-align:right; display:block; width:320px; padding:95px 20px 0 0; color:#ec812f; font-size:11px; position:absolute; top:0;}
		 #zoomsur2 span.info a{ color:#FFF; font-size:15px; display:block; position:absolute; width:340px; height:50px; padding-top:92px; top:0; right:0; z-index:20;}
		 #zoomsur2 span.info a:hover{ color:#ec812f;}



#newsletter{ float:left;	position:absolute; 	top:615px; 	left:600px; 	color:#FFF; 	width:360px; 	height:55px; 	overflow:hidden; 	font-size:12px; 	line-height:14px; text-align:left; font-size:12px; text-align:justify;}
#newsletter span.petit{ font-size:10px;}
		#newsletter form { height:40px;}
		#newsletter form label{ font-size:23px; float:left;}
		#newsletter form input{ float:right;}

#basdepage{ color:#FFF; width:960px; padding-right:20px; text-align:right; position:absolute; top:680px;
	font-size: 10px; margin-top: 4px;
}
#basdepage a{ color:#FFF; text-transform:uppercase; text-decoration:none;}
#basdepage a:hover{ text-decoration:underline;}


		
/* ====================================== PAGES ====================================== */
#site{ position:relative;width:980px; height:700px; background-image:url(img/bg_page.gif); margin:auto;}
#site h1{ margin-bottom:10px; }

#site2{ 
position:relative;
width:980px; 
background-image:url(images/entete_pages_marvellous.jpg);
background-repeat:no-repeat; 
margin:auto;}
#site2 h1{ margin-bottom:10px; }

#haut{ width:100%; height:90px;}
#centre{ width:980px; height:310px;}
	#centre #gauche{ width:560px; height:280px; padding:15px; font-size:13px; line-height:14px; float:left; overflow:auto;}
	#centre #gauche2{ width:950px; padding:15px; font-size:13px; line-height:14px; float:left; overflow:auto; background-color:#f4801f}
	#centre #gauche.total{ width:950px; height:280px; padding:15px; font-size:13px; line-height:14px; float:left; background-color:#fc7f00; overflow:auto;}
	#centre #gauche.total table tr td{ vertical-align:top;  padding:3px; color:#FFF; font-size:12px;}

	#centre #gauche span.petit{ font-size:11px; line-height:13px;}
		#centre #gauche span.blanc{ color:#FFF;}
	#centre #droite{ float:left; width:390px;}
	
	
	#menu{ width:980px; height:35px; padding-top:15px; text-align:center; margin-left:-10px;}
	#menu a{ text-decoration:none; font-size:12px; height:17px; padding:8px 4px 8px 4px; color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
	#menu a:hover, #menu a.active{ color:#fff;  background-color:#ec812f;}
	
	
	
	#listpacks{ width:980px; height:35px; text-align:center; float:left;}
	#listpacks a{ text-decoration:none; font-size:12px; height:17px; padding:8px 4px 8px 4px; color:#FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
	#listpacks a:hover, #listpacks a.active{ color:#fff;  background-color:#ec812f;}
	
	
		
	
	a.petit_lien{ text-decoration:none; font-size:10px; height:14px; padding:3px 8px 3px 8px; color:#ec812f; margin-left:5px;
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	 background-color:#000;
	 text-transform:uppercase;}
	 
	 a:hover.petit_lien, a.petit_active{ background-color:#000;  color:#ffffff; }
	 
	 
	 
	a.petit_lien2{ text-decoration:none; font-size:10px; height:14px; padding:3px 8px 3px 8px; color:#ec812f; margin-left:5px;
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	 background-color:#000;
	 text-transform:uppercase;
	 margin-bottom:3px;}
	 
	 a:hover.petit_lien2, a.petit_active2{ background-color:#000;  color:#ffffff; }
	 
	 
	 	 
	 
	 h1.lignes2{ line-height:25px;}
	 
	 
	 
	 
.bloc-contact01 {
	margin: 0px 0px;
	padding: 10px 0px;
	background-color: #d66303;
}

.bloc-contact02 {
	margin: 0px 0px;
	padding: 10px 0px;
	background-color: #f4801f;
}

.bloc-contact-gauche {
	float: left;
	width: 80px;
	padding-left: 5px;
	font-weight: normal;
	padding-right: 5px;
	text-align: right;
}

.bloc-contact-droit {
	float: right;
	width: 420px;
	padding-left: 5px;
	padding-right: 5px;
}

.bloc-contact-envoyer {
	float: right;
	width: 510px;
	padding-left: 0px;
	padding-right: 5px;
}

.champ01 {
	height: 15px;
	width: 300px;
	border: 1px solid #679ac9;
}

.champ01radio.champ01 {
	height: 15px;
	/*width: 300px;*/
	border: 1px solid #679ac9;
}


.champ02 {
	height: 45px;
	width: 300px;
	border: 1px solid #679ac9;
	font-size:10px;
	overflow:visible;
}

.texte-contact label.error {
	font-size: 1em;
	color:#fff;
	text-align: right;
	/*padding-top: 5px;*/
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 120px;
}


/* MENU */
div#menuTest{ /* Design du menu en lui-même */
margin-top:6px;
margin-bottom:46px; /* Modifier la marge du bas si nécessaire */
margin-left:1%; /* Modifier la marge à gauche si nécessaire */
}
div#menuTest ul{
list-style-type:none;
text-align:center;
margin:0;
}
div#menuTest li{float:left;}
div#menuTest li a{ /* Design des liens */
display:block;
width:150px; /* Modifier la largeur des liens si nécessaire */
padding:3px;
text-align:center;
text-decoration:none;
text-shadow:0px 1px 0px #fff;
font-weight:bold;
color:#555;
background:#dedede;
border:1px solid #aaa;
}
div#menuTest li a.left{ /* Design du lien de gauche */
border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-left-radius:8px;
-khtml-border-top-left-radius:8px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
-khtml-border-bottom-left-radius:8px;
}
div#menuTest li a.right{ /* Design du lien de droite */
border-top-right-radius:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
-khtml-border-top-right-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-khtml-border-bottom-right-radius:8px;
}
div#menuTest li a:hover{ /* Design des liens au survol de la souris */
color:#000;
}
div#menuTest li a.submenu{ /* Design des liens qui ont un sous-menu*/
background:#ccc;
}
div#menuTest ul li ul li{
display:none;
float:none;
text-align:left;
font-size:0.9em;
}
div#menuTest ul li ul li a{
text-align:left;
}
div#menuTest ul li:hover ul{
position:absolute;
z-index:10;
}
div#menuTest ul li:hover ul li{
display:block;
}