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

body {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}
h1 {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	font-style:normal;
}
h2{
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;	
	font-style:normal;
}
h3 {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;	
	font-style:normal;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3996AF;
}
a:visited {
	color: #3996AF;
}
a:hover {
	color: #3996AF;
}
a:active {
	color: #3996AF;
}
.a_bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3366CC;
}
.a_bleu:visited {
	color: #3366CC;
}
.a_bleu:hover {
	color: #3366CC;
}
.a_bleu:active {
	color: #3366CC;
}
label {
			width: 100px;
			display: block;
			cursor: pointer;
			float: left;
			margin-top: 3px;
			clear: left;
		}

.titres {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3996AF;
	font-size:11px;	
}
#page{
	margin: 0 auto 0 auto;
	width:933px;
	
}
#logo{
float:left;
width:333px;
height:159px;	
}
#bandeau{
float:right;
margin:0;
width:600px;
height:155px;
background:url(../images/fond_bande.gif);
text-align:right;	
}
	#bandeau img{
	padding: 40px 0 0 0;
	}
	
#bulles{
float:left;
margin:0;
width:933px;
height:380px;
background-color:#FFFFFF;	
}
#sous_menu{
float:left;
margin:0;
width:933px;
height:20px;
background-image:url(../images/sous_menu.gif);	
}
#icones{
float:left;
margin:0;
padding:0;
width:100%;
text-align:center;
border-width:0;
background:url(../images/fond_bas3.gif) repeat-y;
}
#icones2{
float:left;
margin:0;
padding:0;
width:100%;
height:462px;
text-align:center;
border-width:0;
background:url(../images/fond_rond.gif) repeat-y;
}
#textuel{
float:left;
margin:0;
padding:0;
width:100%;
text-align: justify;
border-width:0;
background:url(../images/fond_bas3.gif) repeat-y;
}
#devel{
float:left;
margin:0;
padding:0;
width:100%;
height:462px;
text-align: justify;
border-width:0;
background:url(../images/fond_rond2.gif) repeat-y;
}
#detail{
float:left;
margin:0;
padding:0;
width:100%;
text-align:left;
}	
		#liste{
		width:915px;
		text-align:left;
		}
		
#galerie{
float:left;
margin:0;
padding:0;
width:100%;
text-align:center;
background: url(../images/fond_bas3.gif) repeat-y;
}
	#galerie img{
	padding:10px;
	}
#video{
float:left;
margin:0;
padding:88px 0 0 0;
width:933px;
height:615px;
text-align:center;
background: url(../images/fond_video.gif) no-repeat;
}
#rea{
float:left;
margin:0;
width:300px;
padding:15px 0 0 15px;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
color:#3996AF;
text-transform:uppercase;
}
#lien_news{
float:left;
margin:0;
width:281px;
padding:0;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
color:#3996AF;
text-transform:uppercase;
font-size:11px;
}


	#rea_tab{
	float:left;
	margin:0;
	padding-top:10px;
	width:281px;
	height:126px;
	background:url(../images/fond_rea2.gif) no-repeat;
	}
		#rea_tab img{
		padding:0 10px 0 10px;
		float:left;
		}
#presentation{
float:right;
margin:0;
width:580px;
padding:25px 20px 0 0;
text-align:justify;
}
#aff_news{
float:right;
margin:0;
width:580px;
padding:0;
}
#bas_index{
float:right;
margin:0;
width:933px;
background:url(../images/fond_bas3.gif) repeat-y;
}
#bas_index2{
float:right;
margin:0;
width:933px;
background:url(../images/fond_bas3.gif) repeat-y;
}
#noir{
float:right;
margin:0;
width:933px;
background:url(../images/fond_noir.gif) repeat-y;
}
#bas_index3{
float:right;
margin:0;
width:933px;
background:url(../images/fond_bas4.gif) repeat-y;
}

/*   Menu de navigation   */
		    #menu_fond {
				margin: 0;
				padding:0;
				width:933px;
				height: 40px;
				background: url(../images/fond_menu.gif) no-repeat;
				text-align:center;
				float:left;
				}

		    ul#menu {
				
     			list-style: none;
				margin: 0;
				padding:20px 0 0 0;
				width:933px;
				height: 20px;
				font-size:11px;
				text-align:center;
				float:left;
				vertical-align:bottom;
				
				
			}
			ul#menu li {
				display:inline;
				height:20px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight:bold;
				color: #FFFFFF;
				text-transform:uppercase;
				border-right:solid 1px #FFFFFF;
				padding: 0 8px 0 8px;
				vertical-align:bottom;

			}
				.last{
				border-right: none !important;
				}
				
			ul#menu li a {
				font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				color: #FFFFFF;
			}
			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:#CFDFEA ;}
			ul#menu li a:active 				{ text-decoration: none;}

/*   Formulaire contact */
#form_contact {
	float: left;
	margin:0;
	padding:10px 20px 0 20px;
	width:550px;
	text-align:left;
}
#form_contact p {
	margin:0;
	padding: 0;
}

#form_contact label {
	width: 180px;
	display: block;
	cursor: pointer;
	float: left;
	clear: left;
	margin-bottom:3px;

}

input {
	float: left;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

select {
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
textarea {
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#form_contact img {
	float: left;
	clear: left;
	margin-left:180px;
	margin-top:5px;
	margin-bottom:5px;
}
#form_contact p {
	line-height: 14px;
}
#form_contact label.copier {
	float: left;
	clear: none;
	margin-left:30px;
	width:65px;
}
#form_contact textarea {
	margin-bottom:5px;
}

.envoyer{
	clear: left;
	margin-left:180px;
	margin-top:5px;
}
#texte_g {
	float: left;
	padding: 10px 0 0 20px;
	text-align:left;
	width:890px;
}
#texte_d {
	float: right;
	text-align:right;
	padding: 320px 20px 30px 0;
	width:250px;
}

	#newsletter {
		width: 580px;
		margin:0;
		padding:0;
		display:none;
	}
		#form_newsletter {
		padding:0;
		margin:0;
		text-align:left;
		}
		
/* -------------------------------------------------------- */
/* -------------   INFORMATIONS SUR LE SITE   ------------- */
/* -------------------------------------------------------- */

#site_info {
	margin: 0 auto 0 auto;
	width:930px;
	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: 300px;
		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: 300px;
		text-align: right;
	}