body
		{
			margin: 0 ;
			padding: 0 ;
			text-align: left ;
			background-image: url("../images/haut.jpg");
			background-attachment: fixed;
			background-position: left top;
			background-repeat: no-repeat;
			background-color: #ec7327;
			background-repeat:no-repeat;
			scrollbar-face-color:#ec7328;
			scrollbar-arrow-color:#f5b277;
			scrollbar-track-color:#f5b277;
			scrollbar-shadow-color:#f5b277;
			scrollbar-highlight-color:#f5b277;
			scrollbar-3dlight-color:#f5b277;
			scrollbar-darkshadow-Color:#f5b277;			
		}

		#fond {
			position:fixed;
			background-image: url(../images/fond_phare.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			height:566px;
			width:100%;
			top:229px;
		}

		#menu 
		{
			position:absolute;
			top:215px;
			left:10px;
			width:157px;
			border : 0px;
			text-align:left;
			z-index:20;
		}
		
		#drapeaux 
		{
			position:absolute;
			top:140px;
			left:20px;
			border : 0px;
			text-align:left;
		}
		
		#webcam 
		{
			position:absolute;
			top:133px;
			left:534px;
			border : 0px;
			text-align:left;
		}
		
		#contenu 
		{
			position:absolute;
			left:137px;
			right:10px;
			top:210px;
			bottom:10px;
			border : solid 1px #0077bd;
			background-image: url("../images/fond_trans.png");
			text-align:left;
			z-index:10;
			overflow:auto;
			margin:0;
			padding:0;
		}
		
		
		#calendar 
		{
			position:absolute;
			right:45px;
			top:10px;
			width:220px;
			height:130px;
			border : solid 1px #0077bd;
			background-color:#00a3de;
			text-align:center;
			visibility:hidden;
			display:block;
		}

		#specialeffect {
			position:absolute;
			left:137px;
			right:10px;
			top:210px;
			bottom:10px;
			border : solid 1px #0077bd;
			display:block;
			background-color:#a3cdeb;
			visibility:hidden;
			z-index:15;
			filter : alpha(opacity=90); 
			-moz-opacity : 0.9; 
			opacity : 0.9;
		}

		#bigone {
			position:absolute;
			left:0px;
			right:0px;
			top:0px;
			bottom:0px;
			border : solid 0px;
			display:block;
			background-image:url("../images/bigone.png");
			visibility:hidden;
			z-index:30;
			text-align:center;
			vertical-align:middle;
		}
		
		#contenubigone {
			position:absolute;
			left:137px;
			right:10px;
			top:210px;
			bottom:10px;
			border : solid 1px #0077bd;
			background-color:#FFFFFF;
			text-align:left;
			overflow:auto;
			margin:0;
			padding:0;
			z-index:31;
		}
		
		#bas
		{
			position: absolute;
			top: 566px;
			left: 0px;
			width: 100%;
			height: auto;
			border-top: 1px solid #ffffff;
			line-height: 1.2em;
			z-index:0;
		}
		
		#menudecouvrir
		{
			position:absolute;
			top:215px;
			left:10px;
			width:626px;
			height:350px;
			border : 0px;
			text-align:left;
			z-index:19;
			visibility:hidden;
		}
		
		#sousmenudecouvrir
		{
			width:151px;
			height:350px;
			background-image:url(../images/sousmenu/decouvrir.png);
			background-repeat:no-repeat;
			float:left;
		}


	
		#menusedivertir
		{
			position:absolute;
			top:215px;
			left:10px;
			width:626px;
			height:350px;
			border : 0px;
			text-align:left;
			z-index:19;
			visibility:hidden;
			display:block;		
		}
		
		#sousmenusedivertir
		{
			width:151px;
			height:350px;
			background-image:url(../images/sousmenu/sedivertir.png);
			float:left;
		}


		#menusyrendre
		{
			position:absolute;
			top:215px;
			left:10px;
			width:626px;
			height:350px;
			border : 0px;
			text-align:left;
			z-index:19;
			visibility:hidden;
			display:block;		
		}
		
		#sousmenusyrendre
		{
			width:151px;
			height:350px;
			background-image:url(../images/sousmenu/syrendre.png);
			float:left;
		}

							
		#sousmenudroite
		{
			height:350px;
			width:475px;;
			padding-top:5px;
			background:url(../images/sousmenu/sousmenu_droite.png);
			background-repeat:no-repeat;
			float:right;

		}
		
		#barre_titre {
			height:15px;
			background-color:#8ec2e6;
			vertical-align:middle;
			padding:5px;
		}
		#barre_titre_gauche {
			height:auto;
			float:left;
			text-align:left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #ffffff;
			text-decoration: none;
			vertical-align:middle;
		}
		#barre_titre_droite {
			height:auto;
			float:right;
			text-align:right;
			vertical-align:middle;
		}		
		
		
		.sousmenu
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #0077bd;
			text-decoration: none;
		}
		.sousmenu:hover
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #0077bd;
			text-decoration: underline;
		}
		
		.dessousmenu
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #0077bd;
			text-decoration: none;
		}
		
		.fermer
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #0077bd;
			text-decoration: none;
		}
		
		.rien {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 4px;		
		}
		
		.lieu
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #0077bd;
			text-decoration: none;
		}
		
		.titre
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #ec7327;
			text-decoration: none;
		}
		
		.changeActu
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #ffffff;
			text-decoration: underline;
		}
		.changeActu:hover
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #ec7327;
			text-decoration: underline;
		}
		

		.infos_vignette
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #535353;
			text-decoration: none;
			text-align:justify;
		}
		.infos_vignette:hover
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #535353;
			text-decoration: none;
			text-align:justify;
			background-color:#ffffff;
			filter : alpha(opacity=50); 
			-moz-opacity : 0.5; 
			opacity : 0.5;
			
		}
		.infos
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			color: #535353;
			text-decoration: none;
			text-align:justify;
		}
		
		.pages {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #ec7327;
			text-decoration: none;
		}
		.pages:hover {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: normal;
			font-weight: bold;
			font-variant: normal;
			text-transform: none;
			color: #000000;
			text-decoration: underline;
		}
		
.formulaire {
border: solid 1px #2592D7;
background-color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-variant: normal;
font-weight: none;
text-transform: none;
text-decoration: normal;
color: #0871b4;
z-index: 10;
}

.b_form {
border: solid 1px #0871b4;
background-color: #75c6fc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-variant: normal;
font-weight: none;
text-transform: none;
text-decoration: normal;
color: #0871b4;
}