@import url('contact.css') ;


body {
	font-family : verdana, arial ;
	font-size : 12px  ;
	line-height : 16px ;
	color : #000000 ;
/*	background-color : #FEBC55 ;
*/	background-image : URL(images/fond_body.png) ;


}
p, ul, a{
	font-size : 12px  ;
}

div {
	/*position : absolute ; */  /* par defaut absolute */
	border : 0px solid #666666 ;
}
div#border {
	position : relative ;
	width : 800px ;
	left : 50% ;
	margin-left : -400px ;
	background : URL(images/img_contenu_gd.jpg) ;
	border : 0px solid #111111 ;

}
/*
div#global {
	width : 780px ;
	margin-left : 10px ;
	background-image : URL(images/fond_body.png) ;
}
*/
p.clignote {
 text-decoration: blink;

}

/* polices et liens generaux */
.center { 
	text-align : center ; 
}
.bold {
	font-weight : bold ;
}

span.detail {
	font-size : 10px ;
	text-align : justify ;
	color : #999999 ;
}
h1{
	font-size : 16px ;
	text-align : center ;
	padding-bottom : 5px ;
	margin-top : 30px ;
}
h2 {
	font-size : 14px ;
	padding-top : 15px ;

}
h3 {
	font-size : 12px ;
	color : #333333 ;
}

a {
	font-weight : bold ;
	color : orange ;
	text-decoration : none ;
}
a:hover {
	color : #333333 ;
}

a.external-link-new-window ,
a.external-link-new-window:hover {
	font-size : 9px ;
}


div#zone_centre{
	top : 100px ;
	width : 780px ;
	overflow : auto ;
	background-image : URL(images/fond_body.png) ;
	margin-left : 10px ;
}


/*===================================*/
/* zone haut */
/*===================================*/
/* zones principales */
div#zone_haut {
	position : relative ;
	margin-left : 0px ;
	width : 800px ;
	height : 100px ;
	background-image : URL(images/img_entete.jpg) ;

}
div#banniere {
	position : absolute ;
	left : 0px ;
	width : 800px ;
	height : 60px ;
	color : #FFFFFF ;
	text-align : left ;
}
div#menuLang {
	position : absolute ;
	top : 0px ;
	right : 0px ;
}
/*===================================*/
/* colonne gauche */
/*===================================*/

div#col_gauche {
	width : 150px ;
	float : left ;
}
div#col_gauche h1 {
	font-size : 12px ;
	color : #333333 ;
}
div#promos {
	margin-top : 20px ;
	float : left ;
	background-image : URL(images/fond_promo.png) ;
	width : 150px ;

}
div#promos p {
	color : #FFFFFF ;
	background-color : orange ;
}
div#liens {
	padding-top : 20px ;
	float : left ;
	background-image : URL(images/fond_promo.png) ;
	width : 150px ;

}



div#promos a ,
div#promos a:hover,
div#laPromoEN a , 
div#laPromoEN a:hover,
div#laPromo a , 
div#laPromo a:hover {
	color : #FFFFFF ;
} 

div#bandeau1 {
	background-color:#EA9449; 
	border:1px solid #999999 ; 
	width:600px ; height:50px ; 
	position:relative; 
	color:#FFFFFF; 
	text-align:center; 
	font-weight:bold;
	font-family : comic sans ms, verdana, arial ;
	font-size:14px;
}
div#bandeau2 {
	background-color:orange; 
	background-color:#EA9449; 
	border:1px solid #999999 ; 
	width:600px ; 
	height:70px ; 
	position:relative; 
	color:#FFFFFF; 
	text-align:center; 
	font-weight:bold;
	font-family : comic sans ms, verdana, arial ;
	font-size:14px;
	margin-top : 10px ;
}

div#content {
	float : right ;
	left : 150px ;
	height : auto ;
	width : 600px ;
	padding : 10px ;
	padding-left : 19px ;
	text-align : justify ;
	border-left : 0px solid orange ;
	margin-bottom : 20px ;

}
div#content h1 {
	font-size : 14px ;
	margin-top : 15px ;
	text-align : left ;
/*	background : URL(images/puce.png) no-repeat ; 
	padding-left : 42px ;
*/
	padding-bottom : 2px ;
	border-bottom : 1px solid orange ;
}
div#content p{
	line-height : 18px ;

}

/*===================================*/
/* zone bas */
/*===================================*/
div#zone_bas {
	bottom : 0px ;
	width : 800px ;
	height : 50px ;
	background-color : indigo ;
	background-image : URL(images/img_pied.jpg) ;
	color : #FFFFFF ;
	text-align : center ;
	font-size : 9px ;
}
div#zone_bas a {
	font-size : 9px ;
	font-weight : normal ;

}
div#zone_bas a:hover {
	font-size : 9px ;
	font-weight : normal ;
	color : #FFFFFF ;

}

div#liens_bas {
	width : 800px;
	left : 50% ;
	margin-left : -400px ;
	position : relative ;
}




/*===================================*/
/* menu haut */
/*===================================*/
div#menu_haut {
	position : absolute ;
	left : 0px ;
	top : 60px ;
	width : 800px ;
	height : 40px ;
}

div.menu_haut-level1-no, div.menu_haut-level1-act {
	float : left ;
	width : auto ;
	height : 20px ;
	padding-left : 20px ;
	padding-right : 20px ;
	padding-top : 15px ;
	padding-bottom : 5px ;
	font-family : comic sans ms, verdana, arial ;
	font-size : 13px ;
	
}
div.menu_haut-level1-no a, 
div.menu_haut-level1-act a {
	text-decoration : none ;
	font-size : 13px ;

}
div.menu_haut-level1-no a:hover , 
div.menu_haut-level1-act a, 
div.menu_haut-level1-act a:hover{
	color : #FFFFFF;
	text-decoration : none ;
	font-size : 13px ;

}

/* colonne de gauche */

/*===================================*/
/* menu de gauche */
/*===================================*/


div#menu_gauche {
	/* background : URL(../images/fond_mer.jpg) repeat-y ; */
	width : 150px ;
	float : left ;
}

div.menu_gauche-level1-no, div.menu_gauche-level1-act {
	float : left ;
	width : 130px ;
	/* height : 20px ; */
	padding-left : 10px ;
	padding-right : 10px ;
	padding-top : 5px ;
	padding-bottom : 15px ;
	font-family : comic sans ms, verdana, arial ;
	font-size : 13px ;
	background : URL(images/fond_mer.jpg) repeat-y ; 
}
div.menu_gauche-level1-no a, 
div.menu_gauche-level1-act a {
	text-decoration : none ;
	font-size : 13px ;

}
div.menu_gauche-level1-no a:hover , 
div.menu_gauche-level1-act a, 
div.menu_gauche-level1-act a:hover{
	color : #FFFFFF;
	text-decoration : none ;
	font-size : 13px ;

}

div.menu_gauche-level1-spc {
	background : URL(images/fond_mer.jpg) repeat-y ; 

	text-align : center ;
	color : #CCCCCC ;
	font-weight : normal ;
}

/* ------------------------------------------------------------ */
div.categ {
	width : 100% ;
	float : left ;
}
/*
div.details {
	width : 43% ;
	float : left ;
	padding-left : 15px ;
	padding-right : 15px ;
	font-size : 12px ;
}
*/
div#acc_hotels {
	border-right : 1px solid orange ;
}
div#acc_sejours {
	border : 0px solid orange ;
}


/*--------------------------- */
div.csc-frame-frame1, div.csc-frame-frame2 {
	float : left ;
	overflow : auto ;
	height: auto ;
}
div.csc-frame-frame1 {
	width : 270px ;
	padding-right : 15px ;
	padding-left : 5px ;

}
div.csc-frame-frame2 {
	width : 270px ;
	border-left : 0px solid orange ;
	padding-right : 5px ;
	padding-left : 15px ;
}


/* Player FLV */
div.tx-kuloplayer-pi1  div{
	text-align : center ;

}
/*
div.csc-frame h1:before,
div#content h1:before {
	content:url(images/puce.png); 
}
*/

div#prix_chambre {
	float : left ;
	margin-left : 10px ;
}

div#bandeau1 a{
	
	color:#FFFFFF; 
	
}