*
{
	margin:0px;
	padding:0px;
}

html
{
	height: 100%;
}

body
{
	font-size:11px;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:black;
	margin-top:20px;
}

#page
{
	background-color:white;
	height:600px;
	width:1000px;
  	margin: 0px auto;
	overflow : hidden ;
}

#banniere
{
	margin:0px;
	padding:0px;
	height:47px;
	background:url(../../images_design/banniere.png);
}

#decrochement
{
	width:774px;
	height:57px;
	background:url(../../images_design/decrochement.png);
	position:absolute;
	float:left;
	margin:0px;
	padding:0px;
	z-index:100;
}

#corps
{
	margin:0px;
	padding:0px;
}

#booking
{
	position:absolute;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:774px;
	z-index:100;
}

#contenu
{
	margin:0px;
	padding:0px;
	width:1000px;
	height:459px;
	padding-top:60px;
	position:relative;
}

#contenu_txt
{
	position:absolute;
	height:320px;
	width:750px;
	padding-top:5px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:5px;
	overflow:auto;
	z-index:101;
}

#contenuFond
{
	position:absolute;
	margin:0;
	margin-top:-60px;
	height:500px;
	width:772px;
	z-index:90;
	border:1px solid white;
	background-color:white;
	
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
}

#fond
{
	height:35px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	margin-top:25px;
	top:562px;
	width:1000px;
	z-index:90;
}

#bandeau_menu
{
	position:absolute; !important
	margin:0px;
	padding:0px;
	margin-top:-129px;
	width:1000px;
	z-index:110;
}

#menu_gen
{
	margin:0px;
	padding:0px;
	height:130px;
	margin-bottom:5px;
	width:780px;
}

#promo_ete
{
	position:absolute;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:773px;
	z-index:100;
}

#news
{
	position:absolute;
	top:136px;
	left:23px;
	height:233px;
	width:184px;
}

#newsDeroulantes
{
	color:white;
	height:233px;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
}

#newsDeroulantes a
{
	color:white;
	text-decoration:none;
}

#newsDeroulantes a:hover
{
	color:#bb130a;
}

#newsDeroulantes a:visited
{
	color:white;
	text-decoration:none;
}

#titreNews
{
	margin-bottom:5px;
	border:1px solid black;
}

#logo
{
	position:absolute;
	padding-top:10px;
	padding-left:10px;
	z-index:101;
}

#langues
{
	position:absolute;
	z-index:101;
	padding-top:35px;
	padding-left:20px;
}

#langues a img
{
	border:none;
	padding-right:5px;
}

#meteo
{
	
}

#webcam
{
	padding-top:10px;
	float:right;
}

#affiche
{
	position:absolute;
	margin-left:20px;
	margin-top:25px;
	padding-top:10px;
	color:white;
	background:url(../../images_design/bg_affiche.png) top left no-repeat;
	height:196px;
	width:196px;
	text-align:center;
	font-size:16px;
	
}

#affiche a
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

#affiche a:visited
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

.grp_news
{
	margin-bottom:20px;
	padding-top:5px;
	padding-left:5px;
}

.grp_news_all
{
	margin-bottom:5px;
	padding-top:5px;
	padding-left:5px;
}

.titre_date_news_all
{
	color:black;
	padding:0px;
	margin:0px;
	margin-bottom:5px; !important
	height:16px;
}

.titre_news_all
{
	font-weight:bolder;
	float:left;
	font-size:12px;
	padding:0px;
	margin:0px;
	height:16px;
}

.date_news_all
{
	padding:0px;
	margin:0px;
	float:right;
	height:16px;
	text-align:right;
	font-size:11px;
}

.titre_date_news
{
	color:#001947;
	padding:0px;
	margin:0px;
	margin-bottom:15px !important;
	height:16px;
	border-bottom: 1px solid white;
}

.titre_news
{
	color:#001947;
	font-weight:bolder;
	color:black;
	float:left;
	font-size:11px;
	padding:0px;
	margin:0px;
	width:600px;
	background-color:white;
	height:16px;
	padding-left:5px;
}

.date_news
{
	color:#001947;
	padding:0px;
	margin:0px;
	float:right;
	height:16px;
	text-align:right;
	
}

.titre_news_triangle
{
	background:url(../../images_design/onglet.png) bottom no-repeat;
	width:17px;
	height:16px;
	float:left;
	padding:0px;
	margin:0px;
}

.contenu_news
{
	color:#001947;
	padding:0px;
	margin:0px;
	text-align:justify;
	font-weight:normal;
}

.ensemble_news
{
	padding:0px;
	margin:0px;
	color:#001947;
	background-color:#e9e8e8;
	height:55px;
}

#fond_sombre
{
	position: absolute;
	overflow:hidden;
	top: 0px;
	left: 0px;
	
	height: 100%;
	width: 100%;
	background-color: #000000;

	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;
	opacity: 0.8;
	
	display: none;
	
	z-index:160;
}

#page_evidence
{
	position:absolute;
	top: 50%;
	left: 50%;
	width:640px;
	height:480px;
	margin-top: -265px;
	margin-left: -380px;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	z-index:110;
	display: none;
}

/*************************************
 ***** FENETRE ******
 **************************************/

.fenetre_img
{
	position:absolute;
	top: 50%;
	left: 50%;
	z-index:170;
	padding:0;
	margin:0;
	background:none;
	
}

#fenetre_img
{
	/*border:2px white solid;*/
}

#ajax-loader
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
	border:2px white solid;
	z-index:200;
}

.cadre_img
{
	margin-top:60px;
	background:none;
}

.close_img_fenetre
{
	color:white;
	font-weight:bold;
	cursor:pointer;
}


.fenetre
{
	position:absolute;
	top: 300px;
	left: 50%;
	z-index:170;
	padding:0px;
	margin:0px;
}

.haut
{
	height: 29px; /*Ici on indique que le haut fera 29px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
	padding:0px;
	margin:0px;
}

.milieu
{
	height: 100%; /*Ici on dit au milieu de prendre toute la longueur possible*/
	padding:0px;
	margin:0px;
}

.bas
{
	height: 3px; /*Ici on indique la taille du bas, comme pour le haut*/
	padding:0px;
	margin:0px;
}

.haut_gauche
{
	padding-left: 6px; /*On indique la largeur du coin haut gauche*/
	height: 100%; /*On lui indique de prendre toute la longueur possible.*/
	background: url(../../images_design/fenetre_haut_gauche.jpg) left top no-repeat;
}

.haut_droite
{ /*On fait de même avec le coin haut droit*/
	padding-right: 6px;
	height: 100%;
	background: url(../../images_design/fenetre_haut_droite.jpg) right top no-repeat;
	
}

.haut_centre
{
	height:100%;
	background: url(../../images_design/fenetre_haut_milieu.jpg) top repeat-x;
	width:auto;
	
}

.haut_centre_texte
{
	padding-right:21px;
	color:white;
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
	float:left;
	/*background: url(../../images_design/fenetre_haut_milieu.jpg) top left repeat-x;*/
}

.haut_centre_fermer
{
	padding:0px;
	margin:0px;
	float:right;
	padding-right:10px;
	padding-top:3px;
	text-align:center;
	cursor:pointer;
	/*background: url(../../images_design/fenetre_haut_milieu.jpg) top left repeat-x;*/
}

.milieu_gauche
{ /*On repete les mêmes opérations pour les autres divs*/
	padding-left: 3px;
	height: 100%;
	background: url(../../images_design/fenetre_milieu_gauche.jpg) top left repeat-y;
}

.milieu_droite
{
	padding-right: 3px;
	height: 100%;
	background: url(../../images_design/fenetre_milieu_droite.jpg) top right repeat-y;
}

.milieu_centre
{
	height: 100%;
	text-align:center;
	/*background-color: #ffffff;*/
	background:none;
}

.bas_gauche
{
	padding-left: 3px;
	height: 100%;
	background: url(../../images_design/fenetre_bas_gauche.jpg) top left no-repeat;
}

.bas_droite
{
	padding-right: 3px;
	height: 100%;
	background: url(../../images_design/fenetre_bas_droite.jpg) top right no-repeat;
}

.bas_centre
{
	height: 100%;
	background: url(../../images_design/fenetre_bas_milieu.jpg) top repeat-x;
	width:auto;
}


/******************/

#acces_menu_type_transport
{
	border-bottom:1px solid gray;
	height:30px;
	width:100%;
	text-align:center;
}

#acces_type_transport li
{
	float:left;
	padding:5px;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
	margin-right:5px;
	margin-top:5px;
}

#acces_type_transport
{
	padding-left:280px;
	list-style-type:none;
}

#acces_type_transport li a
{
	color:black;
	text-decoration:none;
}

#acces_type_transport li a:hover
{
	color:black;
	text-decoration:none;
}

#liste_webcams
{
	float:left;
	margin-top:50px;
	width:200px;
	cursor: pointer;
	background-color:white;
}

#webcam_princ
{
	float:left;
	background-color:white;
}

.webcams
{
	list-style:none;
	background-color:white;
}

#webcams_webtv
{
	background-color:white;
}