@charset "utf-8";
/*********/
/* PNG24 */
/*********/
.png24
{
	filter:none !important;
	filter: expression(applyPNGFilter(this));
}

/**********/
/* HEADER */
/**********/
div#header
{
	position:relative;
	width:100%;
	height:384px;
	background-color:#9aa448;
}
div#header div#herbes
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:118px;
	background:url(../images/h_herbes.png) repeat-x top center;
}
div#header div#camping
{
	margin:auto;
	width:960px;
	height:360px;
	background:url(../images/h_camping.jpg) no-repeat top center;
}
div#header div#camping div#barreTop
{
	margin:auto;
	width:938px;
	height:15px;
	background:url(../images/h_barre_bg_t.gif) repeat-x top center;
}
div#header div#camping div#barreTopLeft
{
	float:left;
	width:5px;
	height:15px;
	background:url(../images/h_barre_bg_tl.gif) no-repeat top left;
}
div#header div#camping div#barreTopRight
{
	float:right;
	width:5px;
	height:15px;
	background:url(../images/h_barre_bg_tr.gif) no-repeat top left;
}

div#header div#camping div#menu
{
	margin:auto;
	width:910px;
	height:32px;
}

/******************/
/* MENU PRINCIPAL */
/******************/
div#menuPrincipal
{
	float:left;
}
div#menuPrincipal div.mpBtn,
div#menuPrincipal div.mpBtn_r
{
	position:relative;
	float:left;
	height:32px;
	cursor:pointer;
}

/* Bouton état normal */
div#menuPrincipal div.mpBtn div.btnLeft
{
	float:left;
	width:34px;
	height:32px;
	background:url(../images/mp_btn_left.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mp_btn_left.png',sizingMethod='scale');
}
div#menuPrincipal div.mpBtn div.btnCenter
{
	float:left;
	height:32px;
	background:url(../images/mp_btn_center.gif) repeat-x top left;
}
div#menuPrincipal div.mpBtn div.btnRight
{
	float:left;
	width:6px;
	height:32px;
	background:url(../images/mp_btn_right.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mp_btn_right.png',sizingMethod='scale');
}
/* Bouton état rollover et actif */
div#menuPrincipal div.mpBtn:hover div.btnLeft,
div#menuPrincipal div.mpBtn_r div.btnLeft,
div#menuPrincipal div.mpBtn_r:hover div.btnLeft
{
	float:left;
	width:34px;
	height:32px;
	background:url(../images/mp_btn_left_r.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mp_btn_left_r.png',sizingMethod='scale');
}
div#menuPrincipal div.mpBtn:hover div.btnCenter,
div#menuPrincipal div.mpBtn_r div.btnCenter,
div#menuPrincipal div.mpBtn_r:hover div.btnCenter
{
	float:left;
	height:32px;
	background:url(../images/mp_btn_center_r.gif) repeat-x top left;
}
div#menuPrincipal div.mpBtn:hover div.btnRight,
div#menuPrincipal div.mpBtn_r div.btnRight,
div#menuPrincipal div.mpBtn_r:hover div.btnRight
{
	float:left;
	width:6px;
	height:32px;
	background:url(../images/mp_btn_right_r.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mp_btn_right_r.png',sizingMethod='scale');
}


div#menuPrincipal .behind { margin-left:-16px; }

div#menuPrincipal div.mpBtn div.btnCenter div a,
div#menuPrincipal div.mpBtn_r div.btnCenter div a
{
	line-height:32px;
	margin:0px 10px;
	font-size:1.214em;
	font-weight:bold;
	color:#FFF;
}



/*******************/
/* MENU UTILITAIRE */
/*******************/
div#menuUtilitaire
{
	float:right;
}
div#menuUtilitaire div.muBtn,
div#menuUtilitaire div.muBtn_r
{
	position:relative;
	float:left;
	height:32px;
	cursor:pointer;
}
/* Bouton BLEU état normal */
div#menuUtilitaire div.muBtn div.btnLeft
{
	float:left;
	width:34px;
	height:32px;
	background:url(../images/mu_btn_left.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mu_btn_left.png',sizingMethod='scale');
}
div#menuUtilitaire div.muBtn div.btnCenter
{
	float:left;
	height:32px;
	background:url(../images/mu_btn_center.gif) repeat-x top left;
}
div#menuUtilitaire div.muBtn div.btnRight
{
	float:left;
	width:6px;
	height:32px;
	background:url(../images/mu_btn_right.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mu_btn_right.png',sizingMethod='scale');
}
/* Bouton BLEU état rollover et actif */
div#menuUtilitaire div.muBtn:hover div.btnLeft,
div#menuUtilitaire div.muBtn_r div.btnLeft,
div#menuUtilitaire div.muBtn_r:hover div.btnLeft
{
	float:left;
	width:34px;
	height:32px;
	background:url(../images/mu_btn_left_r.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mu_btn_left_r.png',sizingMethod='scale');
}
div#menuUtilitaire div.muBtn:hover div.btnCenter,
div#menuUtilitaire div.muBtn_r div.btnCenter,
div#menuUtilitaire div.muBtn_r:hover div.btnCenter
{
	float:left;
	height:32px;
	background:#90cdda;
}
div#menuUtilitaire div.muBtn:hover div.btnRight,
div#menuUtilitaire div.muBtn_r div.btnRight,
div#menuUtilitaire div.muBtn_r:hover div.btnRight
{
	float:left;
	width:6px;
	height:32px;
	background:url(../images/mu_btn_right_r.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mu_btn_right_r.png',sizingMethod='scale');
}

div#menuUtilitaire div.muBtn div.btnCenter div a,
div#menuUtilitaire div.muBtn_r div.btnCenter div a
{
	line-height:32px;
	margin:0px 10px;
	font-size:1.214em;
	font-weight:bold;
	color:#FFF;
}


/********/
/* MAIN */
/********/
div#main
{
	width:100%;
	background:#FFF;
}
div#contenu
{
	margin:auto;
	width:944px;
	padding:33px 16px 16px 0px;
	background:#dbeff4 url(../images/c_bg_blanc.gif) repeat-y top left;
}

/* Colonne de gauche */
div#contenu div#colGauche
{
	float:left;
	width:264px;
}
/* Sous-menu */
div#contenu div#colGauche div.smOnglet
{
	width:181px;
	height:50px;
	line-height:36px;
	margin-left:13px;
	padding-left:46px;
	background:url(../images/sm_onglet.png) no-repeat top left;
	font-size:1.286em;
	color:#fff;
}
div#contenu div#colGauche div.smOnglet a { color:#fff; text-decoration:none; }
div#contenu div#colGauche div.smOnglet a:hover { color:#dbeff4; text-decoration:none; }

div#contenu div#colGauche div#adresse
{
	width:181px;
	margin-left:13px;
	padding-left:46px;
	font-size:0.857em;
	color:#20434b;
}
div#contenu div#colGauche div#adresse span.titre
{
	font-size:1.143em;
	font-weight:bold;
}


/* Colonne de droite */
div#contenu div#colDroite
{
	float:left;
	width:680px;
}

/* Album Photos */
div#contenu div#albumPhotos
{
	width:931px;
	margin-left:13px;
	padding-top:20px;
}
div#contenu div#albumPhotos div.smOnglet
{
	width:228px;
	height:50px;
	line-height:35px;
	padding-left:46px;
	background:url(../images/sm_onglet2.png) no-repeat top left;
	font-size:1.286em;
	color:#fff;
}
div#contenu div#albumPhotos div#zonePhotos
{
	width:905px;
	margin:10px 0px 10px 26px;
}


/**********/
/* FOOTER */
/**********/
div#footer
{
	width:100%;
	height:65px;
	background:#377a8a url(../images/f_bg.png) repeat-x bottom left;
}
div#footer div#footer2
{
	margin:auto;
	width:944px;
	height:65px;
	padding-right:16px;
}
div#footer div#footer2 div#footerMenuPrinc
{
	padding-top:18px;
	text-align:right;
	font-size:0.786em;
	font-weight:bold;
	color:#FFF;
}
div#footer div#footer2 div#credit
{
	padding-top:10px;
	text-align:right;
	font-size:0.714em;
	color:#c7c8ca;
}

div#footer a { color:#FFF; text-decoration:none; }
div#footer a:hover { color:#9aa448; text-decoration:none; }

/*******/
/* IDs */
/*******/




/***********/
/* CLASSES */
/***********/
.clear { clear:both; }


/***********/
/* TABLE */
/***********/
div#colDroite table {
	background-color: #FFFFFF;
	border: none;
	text-align: left;
}

div#colDroite table caption {
	background-color: transparent;
	padding-bottom: 12px;
	padding-left: 8px;
	text-align: left;
}

div#colDroite tbody td, tbody th {
	background-color: #dde8eb;
	border-bottom: 2px solid #bbd0d7;
	border-top: 3px solid #FFFFFF;
	padding: 9px;
}

div#colDroite div#galeriesPhotos table {
	background:none;
	border: none;
}

div#colDroite div#galeriesPhotos table caption {
	background:none;
	padding:0px;
}

div#colDroite div#galeriesPhotos tbody td, tbody th {
	background:none;
	border:none;
	padding:0px;
}