/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- RESET -------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, form, fieldset, table, th, tr, td {
margin:0;
padding:0;
} 

img,a {
border:0;
}
a:focus
{
outline:0;
} 

/* ----------------------------------------------------------------------------------- */
/* ---------------------- Ajout de style à quelques balises html --------------------- */
/* ----------------------------------------------------------------------------------- */ 

body {
font-family: Verdana, Arial, sans-serif;
font-size:13px; 
color:#cbcbcb;
background:#434343;
margin:auto;
text-align:center;
width:990px;
}


h1, h2, h3 {
font-weight:lighter;
}
	 
h1 {
font-size:25px;
color:#ff6600;;
}

h2 {
font-size:20px;
margin-bottom:10px;
color:#ffffff;
background:#616161;
text-align:center;
}

h3 {
font-size:18px;
margin-bottom:12px;
}

a {
color:#cbcbcb;
text-decoration:none;
}

a:hover {
color:#ff6600;
}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------- NAVIGATION PRINCIPALE--------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#navigation-principale {
margin-bottom:5px;
}


#navigation-principale  ul {
list-style: none;
}

#navigation-principale li {
line-height:28px;
font-size:13px;
padding-left:30px;
background: transparent url('../images/bg_menu.jpg') no-repeat left center;
margin-top:7px;
} 


/* ----------------------------------------------------------------------------------- */
/* -------------------------------------- STRUCTURE ---------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

/* div contenant le contenu de toute la page */
#contenu {
width:990px;
text-align: left;
overflow:hidden;
}

/* le contenu principal de la page / le pied de page */
#header, #footer {
overflow:hidden;
}

/* le haut de page */
#en_tete{
width:990px;
height:32px;
background:#3a3a3a;
margin-top:10px;
}
/* le header*/
#header {
height:400px;
position:relative;
}

/* le content de la page */
#content
{
width:990px;
margin-top:2px;
margin-bottom:20px;
overflow:hidden;
}

/*le pied de page */
#footer {
}
#ours {
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL en_tete ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#en_tete p
{
float:right;
margin-right:20px;
margin-top:8px;
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL HEADER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#image_cliquable 
{
position:absolute;
top:5px;
height:124px;
width:287px;
background:url(images/blank.gif) repeat-x repeat-y;
}

/* Colonne 1 HEADER*/
#col1_header{
width:290px;
float:left;
}

/* Colonne 2 HEADER*/
#col2_header{
width:700px;
height:400px;
background:transparent url('../images/fond_banniere.jpg')  right no-repeat; 
float:right;
position:relative;
}
#ban{
position:absolute;
left:31px;
top:18px;
}

/* ----------------------------------------------------------------------------------- */
/* ---------------------------------   CONTENT   --------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
#marge_gauche
{
padding-left:30px;
padding-right:10px;
padding-bottom:10px;
}
/* Colonne 1 CONTENT */
#col1_content
{
width:290px;
float:left;
position:relative;
}
/* Contenu de la colonne 1 du content*/
	/* DETAIL ACTU*/
	#actu{
	width:160px;
	position:absolute;
	top:55px;
	left:120px;
	font-size:11px;
	line-height:14px;
	}
	#actu_detail
	{
	position:absolute;
	top:48px;
	left:80px;
	color:#ff6600;
	}
	#actu_detail a {color:#ff6600;}
	.cara
	{
	color:#ffffff;
	font-size:13px;
	}
	/* DETAIL RESERVER*/
	#reserv{
	width:160px;
	position:absolute;
	top:185px;
	left:120px;
	font-size:11px;
	line-height:16px;
	color:#ffffff;
	}
	#reserver{
	position:absolute;
	top:55px;
	left:85px;
	}
	#reserver a {color:#ff6600;}
	/* DETAIL contact */
	#contac
	{
	width:250px;
	position:absolute;
	top:330px;
	left:30px;
	font-size:35px;
	font-family:Arial;
	}
	
/* Colonne 2 CONTENT*/
#col2_content
{
width:665px;
float:right;
padding-bottom:1px;
padding-top:5px;
padding-right:10px;
font-size:14px;
}
#col2_content p
{
text-indent:40px;
text-align:justify;
padding-top:5px;
padding-bottom:15px;
}
#col2_content table
{
margin:auto;
}
#col2_content table tr td
{
padding-left:5px;
padding-right:5px;
}
.news {
background:#757575;
min-height:200px;
}
/* ----------------------------------------------------------------------------------- */
/* --------------------------------- DETAIL FOOTER ----------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

#footer {
clear:both;
height:32px;
background: #3a3a3a;
position:relative;
/*margin:auto;*/
}

/* lien bas de page + copyright */
#ours {
position:absolute;
font-size:12px;
height:100px;
width:990px;
margin-top:8px;
}

#ours #oursMenu {
float:left;
width:450px;
margin-left:100px;
}

#ours #oursInfos {
float:right;
margin-right:20px; 
color:#ff6600;
}


/* ----------------------------------------------------------------------------------- */
/* ---------------------------------   FORMULAIRE    --------------------------------- */
/* ----------------------------------------------------------------------------------- */ 
.form label {
display:block;
width:100px;
float:left;
/*margin-right:20px;*/
/*text-align:right;*/
}
 
.form div {
padding-bottom:5px;
}
 
.form textarea {
width:300px;
height:100px;
}
 
.form input[type="text"] {
width:300px;
}
 
.form .submit {
margin-left:150px;
}
/* ----------------------------------------------------------------------------------- */
/* --------------------------------- TOOLS ------------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.important {
color:white;
font-weight:900;
}

.cadre {
padding:5px;
border:solid #790000 1px;
display:block;
}

.erreur {
border:red solid 2px;
padding:5px;
background-color:pink;
color:#000;
margin-bottom:15px;
}

.erreur a {
color:navy;
}

.ok {
border:orange solid 2px;
padding:5px;
background-color:#f9e4b8;
color:#000;
margin-bottom:15px;
}

.marginTop {
margin-top:10px;
}

.center {
text-align:center;
}

.bold {
font-weight:900;
}
.float_left{float:left;margin-right:30px;}
.float_right{float:right;margin-right:30px;}
/*
Liste
*/
.liste {
margin:;
}

.liste li {
list-style-type:square;
line-height:20px;
color:#cbcbcb;
}

.liste li span {
color:#000;
}

/*
Tableaux
*/
#tableau
{
margin-top:20px;
width:100%;
}
#tableau td
{
padding: 5px 5px 5px 5px; ;
}
.tableau {
width:100%;
border-collapse:collapse;
}
.tableau th {

}
.tableau td, .tableau th {
border-bottom:1px solid #999;
padding:2px 0 3px 0;
}
#tableau_acceuil
{
color:white;
font-size:12px;
margin-right:55px;
margin-left:10px;
}
#tableau_acceuil tr
{

}
#tableau_acceuil td 
{
padding:10px 20px 30px 5px;
}

/* ----------------------------------------------------------------------------------- */
/* --------------------------------- SEPARATION ------------------------------------------- */
/* ----------------------------------------------------------------------------------- */ 

.separation
{
background: url('../images/separation.jpg') repeat-x;
height:2px;
width:100%;
margin-top:5px;
margin-bottom:6px;
}