/********************************************/
/*		www.campingdesmouettes.com		    */
/*    Copyright(c)2007   www.menlog.com     */
/********************************************/

body { 
	background-color: #0B4087;
	padding:0px;
	margin: 0px auto;
	margin-top:0px;
	}
	
/* clearing br */
.clear { clear: both; margin: 0; }

a img {border: none;}
.separation {width:100%; border-top:1px dotted #333;}
/***********************************************/

/*--------- fenetre -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(fenetre/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fenetre/overlay.png", sizingMethod="scale");
}
/*-------- fin fenetre -------*/


/***********************************************/
h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#FF9900;
	}

h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#FF9900;
	}

.imgHead {
	margin-left:18px;
	margin-top:10px;
	}


.titre{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #663300;
	padding: 15px 0px 0px 15px;
	margin-left:8px;
	background-image:url(../images/fdTitre.gif);
	background-repeat:no-repeat;
	width:471px;
	height:40px;
}


.highlight a { text-decoration: underline; color: #fff; font-weight: bold; font-size:20px; }
.highlight a:hover { text-decoration: none; }


.highlight { 
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	border: 2px solid #7E7EED;
	padding: 10px 20px 10px 20px;
	background: #9999FF;
	}

h2 {
	font: bold 2.2em Arial, Helvetica, sans-serif;
	color: #005AA5;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}



h2 a {color: #005AA5;text-decoration: underline; margin-left:50px; }
h2 a:hover { color:#FF9900;text-decoration: none;}



h4 {
	font-family: "Verdana",Arial,sans-serif;
	font-size:2.5em;
	font-weight:bold;
	padding: 0px;
	margin:0px;
}


/***********************************************/
/*----------------contenu---------------------*/
/***********************************************/

div#page {
	width: 800px;
	padding:0px;
	margin:0px;
 	margin: auto;
	background:#fff url(../images/fdPage.gif) repeat-y;
	font-family:Arial, Helvetica, sans-serif;  
	}

#pageFond {
	width: 800px;
	background:  url(../images/enteteBody.jpg) top no-repeat;
	}

#contentGauche {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top:333px;
	width: 238px;
	}

#contentDroite {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 504px;
	}

.infoCarte{
width: 363px;
height: 365px;
margin: 0px 120px 0px 40px;
padding: 15px 0px 0px 15px;
background-image:url(../images/fdCarte.gif);
}


/*---------------------TABLEAU----------------------*/
.tab {
margin: 20px;
}

table{
font-family:Arial, Helvetica, sans-serif;
color:#1D58A7;
border:medium solid #6495ed;
border-collapse:collapse;
width:80%;
}
th{

border:thin solid #6495ed;
width:50%;
padding:5px;
background-color:#D0E3FA;
border-style:dotted;
}
td{

border:thin solid #6495ed;
width:50%;
padding:5px;

background-color:#ffffff;
}
caption{

}









/*---------------------MENU----------------------*/

.vide{
	height:114px;
}
/*--	background:#fff url(../images/fdPage.gif) repeat-y;---*/
.diapo {
	height:363px;
	width:498px;
	background-image:url(../images/fdDiapo.jpg);
}	

.flash{
padding-left:10px;
padding-top:5px;
}

#menu {
    text-align: center;
	font-size: 100%; 
	font-weight: bold;
	text-decoration: none;
}

#menu a {
	width: 200px;
	color: #fff;
	font-size: 13pt;
	font-weight: bold;
	padding: 0 0 0 10px;
}

#menu a:hover {
	color: #003399;
	font-size: 13pt;
	font-weight: bold;
	padding: 0 0 0 0px;
}

ul#menu
{
	padding: 0px ;
	list-style-type: none ;
	text-align: left;
}

ul#menu li
{
	margin: 0px 0 0 0 ;
	padding: 0 ;
}

ul#menu li a
{
	display: block ; 
	width: 185px ;
	line-height: 29px ;
	color: #fff;
	text-indent: +30px ; 
	text-decoration: none ;
	background: url(../images/li.gif) no-repeat +10px +8px; 
}


ul#menu li a:hover
{
	background: #6699FF;
	text-indent: +40px ;
	line-height: 29px ;    
	background: #6699FF url(../images/li.gif) no-repeat +10px +8px; 
}
/*------------------------------------------------*/
.page-txt{

	width:450px;
}
		
.page-txt p{
	margin-left:20px;
	color: #0B4087;
	font-size:14px;
}

.page-txt ul{
	margin-left:20px;
	color: #0B4087;
	font-size:16px;
	font-weight:bold;
}

.adresse{
font: normal 14px   Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:40px 0px 0px 10px ;
}

.adresse a { text-decoration: underline; color: #fff;  }
.adresse a:hover { color:#FFCC00; }
/*------------------------------------------------*/

.boxPied {
width: 504px;
height: 119px;
background-image:url(../images/pied.gif);
font: normal 14px   Verdana, Helvetica,Arial, sans;
margin: 0px;
padding: 0px;
text-align:center;
}

.vide2{
width: 504px;
height: 60px;
}

.boxPied a { text-decoration: underline; color: #fff; font-weight: bold; }
.boxPied a:hover { color: #555; }

.menlog{
margin-top:10px;
width: 504px;
font: normal 10px   Verdana, Helvetica,Arial, sans;
}

.menlog a { text-decoration: none; color: #83B3DF; font-weight: bold; }
.menlog a:hover { color: #FFAF03; }

.boxUp {
width: 504px;
text-align:center;
}