/*_________________________________________________________________________________________________________________________________
@name 			style.css
@description 	feuille de style pour le micro site VIP Pleine Air
@author			Catherine EA pour Yannick.net
@date			2 juillet 2010
@modify			5 juillet 2010
___________________________________________________________________________________________________________________________________*/

html, body {
background			: #172229;
font-family			: Arial;
margin-top 			: -7px;
padding				: 0;
}

/*------------------------------------------------------------------------------*/
/*	FOND																		*/
/*------------------------------------------------------------------------------*/

#fond{
background  		: url(images/fond.jpg) no-repeat;
background-position	:50% 50%;
/*width				:*/
height				: 500px;
}

#fond h2{
font				: Arial;
font-size       	: 21px;
font-weight     	: bolder;
color				: #FFFFFF;	
margin-left			: 40%;
margin-top			: 10px;	
width				: 600px;
margin-bottom		: 0px;
padding-top			: 10px;	
}

#fond h1{
font				: Arial;
font-size       	: 24px;
font-weight     	: bolder;
color				: #FFFFFF;	
margin-left			: 40%;
margin-top			: 0px;	
width				: 800px;
margin-bottom		: 0px;	
}

/*------------------------------------------------------------------------------*/
/*	BANNIERE																	*/
/*------------------------------------------------------------------------------*/

#banniere {
background:url("images/banniere.jpg") no-repeat;
height:289px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:818px;
}

info_banniere {
height:289px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:818px;
padding-left:10px;
}

#info_banniere h5{
font				: Arial;
font-size       	: 12px;
font-weight     	: bolder;
color				: #FFFFFF;	
/*width				: 383px;
margin-top			: -8px;*/
margin-bottom		: -8px;
margin-left			: 20px;
padding-top		: 15px;
}

#info_banniere p{
font				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
/*width				: 383px;
margin-left			: 18%;*/
margin-bottom		: -2px;
margin-left			: 20px;
}

#info_banniere a{
font				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
}

#info_banniere h1{
font				: Arial;
font-size       	: 26px;
font-weight     	: bolder;
color				: #FFFFFF;	
width				: 383px;
/*margin-left			: 22%; 
margin-top			: -40px;*/
}

#info_banniere li{
list-style-type    	: none;
font				: Arial;
font-size       	: 14px;
font-weight     	: normal;
color				: #FFFFFF;	
/*width				: 383px;
margin-left			: 16%;*/
/*margin-bottom		: -8px;*/

}

.tel{
width				: 500px;
font-family			: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
height				: 30px;
float				: left;
height				: 35px;
margin-left			: 20px;
}

.tel h6{
float				: left;
font				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
}

.tel h4{
font				: Arial;
font-size       	: 26px;
font-weight     	: bolder;
color				: #FFFFFF;
float				: left;
/*margin-top			: 20px;*/
margin-left			:5px;
}


/*------------------------------------------------------------------------------
	BANNIERE > EMPLACEMENT
------------------------------------------------------------------------------*/
#emplacement {
/*margin-bottom		: 50px;
position			: relative;*/
float 				: left;
padding-top			: 0px;
}

#emplacement h5{
font				: Arial;
font-size       	: 12px;
font-weight     	: bolder;
color				: #FFFFFF;	
width				: 383px;
/*margin-top			: 2px;*/
height				: 130px;
}

/*------------------------------------------------------------------------------
	BANNIERE > REGIONS
------------------------------------------------------------------------------*/
#regions {
/*margin-left			: 190px;*/
/*float				: left;*/
margin-top			: -130px;
}



/*------------------------------------------------------------------------------
	BANNIERE > REGIONS > REGION
------------------------------------------------------------------------------*/

.region {
width				: 90px;
float				: left;
}

.region li{
list-style-type    	: none;
font				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
width				: 120px;
}
/*------------------------------------------------------------------------------
	BANNIERE > visitez site web
------------------------------------------------------------------------------*/
#bouton_visite{
float:right;
margin-top:70px;
 
}
/*------------------------------------------------------------------------------
	PUBLICITES
------------------------------------------------------------------------------*/
.publicites{
margin-left			: auto;
margin-right		: auto;
margin-top			: -60px;
width				: 830px;
}

/*------------------------------------------------------------------------------
	PUBLICITES >PUBLICITE
------------------------------------------------------------------------------*/

.publicite{
background  		: url(images/pub1.jpg) no-repeat;
width				: 201px;
height				: 115px;	
margin-left			: 5px;
float				: left;
}

.publicite h1{
font				: Arial;
font-size       	: 15px;
font-weight     	: bold;
color				: #FFFFFF;	
margin-bottom		: -15px;
margin-top			: 10px;
margin-left			: 15px;
}

.publicite a{
text-decoration		: none;
}

.publicite img{
border		: 0;
}

.publicite li{
list-style	 		: url(images/puce.png);
font				: Arial;
font-size       	: 15px;
font-weight     	: normal;
color				: #FFFFFF;	
margin-left			: -12%;
}

/*------------------------------------------------------------------------------
	CORPS
------------------------------------------------------------------------------*/

#corps{
margin-left			: auto;
margin-right		: auto;
width				: 830px;
}

/*------------------------------------------------------------------------------
	VELO
------------------------------------------------------------------------------*/
#velo{
background			: #0B1114;
width				: 270px;
margin-top			: 1%;
/*margin-left 		: 18%;*/
float				: left;
}

#velo h1{
font-family			: Arial;
font-size       	: 12px;
font-weight     	: bold;
color				: #FFFFFF;	
margin-left:10px
}

#ads{float: left; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: center; }
#velo p{
font-family			: Arial;
font-size       	: 11px;
font-weight     	: normal;
color				: #FFFFFF;	
margin-left:10px;
margin-right:10px;
}

#velo a{
color				: #0044cc;
font-family			: Arial;
}


#velo img{
float 				: left;	
margin-left:10px
}



/*------------------------------------------------------------------------------
	PRESENTATION
------------------------------------------------------------------------------*/
#presentation{
background			: #243A49;
width				: 545px;
float				: left;
margin-top			: 1%;
margin-left 		: 10px;
}

#presentation h1{
font-family				: Arial;
font-size       	: 12px;
font-weight     	: bold;
color				: #A2C91B;	
text-transform		: uppercase;
margin-left:10px

}

#presentation p{
font-family			: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
margin-left:10px;
margin-right:10px;
}


/*#presentation p{
color				:0055ff;
}*/
/*------------------------------------------------------------------------------
	CAMPING
------------------------------------------------------------------------------*/
#camping{
background			: #0B1114;
width				: 545px;
margin-top			: 1%;
margin-left 		: 10px;
float				: left;
margin-bottom:10px;
}

#camping h1{
font-family				: Arial;
font-size       	: 12px;
font-weight     	: bold;
color				: #FFFFFF;	
margin-left:10px
}

#camping p{
font-family				: Arial;
font-size       	: 11px;
font-weight     	: normal;
color				: #FFFFFF;	
margin-left:10px;
margin-right:10px;
}
#camping a{ color:#0044cc}
/*------------------------------------------------------------------------------
	PIED
------------------------------------------------------------------------------*/

#pied p{
font-family				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
text-align			: center;
width				: 820px;
margin-left			: auto; 
margin-right		: auto;
/*margin-top			: 630px;*/
}

#pied a{
color				: #FFFFFF;	
}

/*------------------------------------------------------------------------------
	AVIS
------------------------------------------------------------------------------*/

#avis {
margin-left			: auto; 
margin-right		: auto;
width				: 820px;		
}

#avis h3{
font-family				: Arial;
font-size       	: 12px;
font-weight     	: bold;
color				: #FFFFFF;	
}

#avis p{
font-family				: Arial;
font-size       	: 12px;
font-weight     	: normal;
color				: #FFFFFF;	
}


/*------------------------------------------------------------------------------
	RSS
------------------------------------------------------------------------------*/

#rss {
	width: 270px;
	font-size: 11px;
	background-color: #243A49;
	padding-bottom: 10px;
	float: left;
	}
	
#rss h1 {
	color: #fff;
	padding: 10px;
	margin-top: 10px;
	padding-left: 30px;
	background-image: url(images/rss.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-weight: bold;
	font-size: 11px;
	background-color: none;
	/*border-top: 3px solid #ccc;*/
	}
	
#rss div.chunck {
	padding:0;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	width: 200px;
	float: left;
	position: relative;
	}
	
#rss h4, #rss a {
	padding:0;
	margin: 0;
	color: #fff;
	font-size: 11px;
	}
	
#rss h4 {
	padding-left: 10px;
	}
	
#rss .footnote {
	padding:0;
	margin: 0;
	color: #fff;
	font-size: 10px;
	padding-left: 10px;
	}


#avis-legal{width:920px; padding:20px; background:#fff; line-height:18px; font-size:12px; margin:auto;}

#footer_box{width:100%; min-width:1210px; background:#000; padding:10px 0px 35px 0px; margin:10px 0 0 0;}
footer{margin:auto; width: 1130px; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 940px; line-height: 22px; margin: 0px 0 0 0; float:left; color:#fff; font-size: 12px}
#footer_text a{color: #fff}
#footer_img{float: right; width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none; font-size:10px;}

#header h1
{color:white; text-align:center;}