@charset "utf-8";
/* CSS Document */
html{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
background:url(../images/fond.gif) center repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #718097;
}
input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #718097;
}
textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #718097;
}
select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #718097;
}

#bandeau{
margin:0 auto;
padding:0;
width:100 %;
height:100px;
background:url(../images/bandeau_2.gif)  center no-repeat;
clear:both;
}
#page{
margin:0 auto;
padding:0;
width:890px;
}

#visuel{
float:left;
margin:5px 0;
padding:150px 0 0 0;
width:890px;
height:233px;
background:url(../images/une_2.jpg) no-repeat;
}
#bloc{
float:left;
margin:5px 0;
padding:0;
width:890px;
}
#newsletter{
float:left;
margin:0;
padding:0;
width:250px;
height: 260px;
border-right: solid 1px #CCCCCC;
}
#bienvenue{
float:left;
margin:0;
padding:0 10px;
width:360px;
}
#video{
float:right;
margin:0;
padding:0 0 0 10px;
width:245px;
height: 250px;
border-left: solid 1px #CCCCCC;
}
.vignettes{
background-color:#FFFFFF;
width:162px;
padding:10px;
text-align:center;
}
.rose{
color: #990066;
}
#gauche{
float:left;
margin:0;
padding:0;
width:250px;
}
#droite{
float:left;
margin:0;
padding:0 0 0 10px;
width:628px;
border-left: solid 1px #CCCCCC;
}
#droite2{
float:left;
margin:0;
padding:0 0 0 10px;
width:870px;

}
.grise{
background-color: #E4E4E4;
}
.mot{border:#990066 solid 1px; background-color: #FAFFFF; padding:2px; float:left; clear:both; margin-top:3px; width:220px;}
/*   Menu de navigation   */

		    ul#menu {
     			list-style: none;
				margin: 20px 0 0 0;
				padding:0;
				width:890px;
				height: 18px;
				font-size:10px;
			}
			.end {
			border-right: none !important; 
			}
			ul#menu li {
				float:right;
                display:block;
				padding:0 10px;
				height: 18px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				color: #999999;
				border-right:solid 1px #718097;

			}
			ul#menu li a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #999999;
			}
			ul#menu li a:link			{ text-decoration: none;}
			ul#menu li a:visited		{ text-decoration: none;}
			ul#menu li a:hover 	        { text-decoration: none; color:#990066 ;}
			ul#menu li a:active 		{ text-decoration: none;}
			
			ul#menu li a#accueil 		{ color: #CC007A;}
			ul#menu li a:hover#accueil 	{ color: #718097;}
			
			ul#menu li a#recettes 		{ color: #99CC00;}
			ul#menu li a:hover#recettes { color: #718097;}
			
			ul#menu li a#actu		    { color: #993300;}
			ul#menu li a:hover#actu 	{ color: #718097;}
			
			ul#menu li a#mot		    { color: #CC3399;}
			ul#menu li a:hover#mot	{ color: #718097;}
			
			ul#menu li a#questions		    { color: #9900CC;}
			ul#menu li a:hover#questions	{ color: #718097;}
			
			ul#menu li a#videos		    { color: #660099;}
			ul#menu li a:hover#videos	{ color: #718097;}
			
			ul#menu li a#contact		    { color: #3366CC;}
			ul#menu li a:hover#contact	{ color: #718097;}
			

			
			
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #718097;
	text-decoration: none;
}
a:visited {
	color: #718097;
	text-decoration: none;
}
a:hover {
	color: #990066;
	text-decoration: underline;
}
a:active {
	color: #718097;
	text-decoration: none;
}	
/* -------------------------------------------------------- */
/* -------------   INFORMATIONS citypass   ------------- */
/* -------------------------------------------------------- */

#site_info {
	margin: 0 auto 0 auto;
	width:890px;
	font-size: 10px;
	}
	#site_info ul {
		margin: 0;
		list-style: none;
		text-align: center;
		}
		#site_info ul li {
			display: inline;
			padding: 0 1em;
			border-right: solid 1px #006699;
			}
			#site_info a.acc_top  {
				text-decoration: none;
			}
	#site_info .citypass_signature {
		float: left;
		width: 890px;
		padding-top: 10px;
		font-size: 9px;
		color: #888;
		}
		#site_info .citypass_signature strong {
			font-size: 9px;
			color: #333333;
			}
			#site_info .citypass_signature a {
				display: block;
				float: left;
				width: 67px;
				height: 54px;
				background: transparent url(../images/signature-etq.png) top left no-repeat;
				text-indent: -9000px;
				margin-top: -0.5em;
			}
			#site_info .citypass_signature a:hover {
				background-position: bottom;
			}
	#site_info .validation {
		float: right;
		width: 890px;
		text-align: right;
	}

/* menu actu*/
		
	#menu_actu {
		height:26px; 
		overflow:hidden; 
		margin:0;
		float:left;
	}
	#menu_actu ul {
	margin:0; 
	padding:0;
	}
	#menu_actu li {
	list-style-type:none; 
	display:inline;
	}
	#menu_actu a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none; 
	}   
				#menu_actu a#actu1 {
				width:60px;
				height:26px;	
				background-image: url(../images/menu_actu_01.gif);
				background-position: top;
				}
				#menu_actu a#actu1:hover {
				background-position:bottom;
				}
				#menu_actu a#actu2 {
				width:36px;
				height:26px;	
				background-image: url(../images/menu_actu_02.gif);
				background-position: top;
				}
				#menu_actu a#actu2:hover {
				background-position:bottom;
				}
				#menu_actu a#actu3 {
				width:54px;
				height:26px;	
				background-image: url(../images/menu_actu_03.gif);
				background-position: top;
				}
				#menu_actu a#actu3:hover {
				background-position:bottom;
				}
				#menu_actu a#actu4 {
				width:66px;
				height:26px;	
				background-image: url(../images/menu_actu_04.gif);
				background-position: top;
				}
				#menu_actu a#actu4:hover {
				background-position:bottom;
				}
				#menu_actu a#actu5 {
				width:120px;
				height:26px;	
				background-image: url(../images/menu_actu_05.gif);
				background-position: top;
				}
				#menu_actu a#actu5:hover {
				background-position:bottom;
				}
				#menu_actu a#actu6 {
				width:154px;
				height:26px;	
				background-image: url(../images/menu_actu_06.gif);
				background-position: top;
				}
				#menu_actu a#actu6:hover {
				background-position:bottom;
				}
				#menu_actu a#actu7 {
				width:86px;
				height:26px;	
				background-image: url(../images/menu_actu_07.gif);
				background-position: top;
				}
				#menu_actu a#actu7:hover {
				background-position:bottom;
				}