body{
	text-align: center;
	margin: 0;
	padding: 0;	
	background: #54a8e4 url(../images/fond-haut.jpg) center top no-repeat;
	font-family: Arial, Helvetica, Geneva;
	font-size: 12px;
	color: #444444;
}
a{
	color:#cd448e;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

img{border:0;}

.fond1 {
background:transparent url(../images/fond-bas.jpg) no-repeat scroll center bottom;
padding-bottom:80px;
padding-top:15px;
text-align:center;
width:100%;
}

.fond{	
	width: 100%;	
	text-align: center;	
	background: url(../images/fond-bas.jpg) bottom center no-repeat;
	padding-top: 30px;	
	padding-bottom:80px;
}

.menulienOleron{
margin-top : -5px;
}
.menuLienMarennes{
margin-top : -5px;
}
.menuAdresse{
margin-top:-5px;
}
.menuVieLocale{
margin-top: -5px;
}
.lienBlock {
margin-left: -2px;
}


#entete{
	width:100%;
	height: 40px;
	line-height: 40px;
	background: url(../images/fond_entete.jpg) repeat-x;	
	text-align: center;
}
	.entete{
		text-align: left;
		width: 958px;
		margin-left: auto;
		margin-right: auto;
	}
	.logo{
		position: absolute;
		width: 129px;
		height: 164px;
		background: url(../images/logo.png) no-repeat;
		z-index: 88;
		margin-top: -35px;	
	}
	.slogan{
		padding-left: 120px;
	}
	.slogan span{
		font-size: 13px;		
		font-weight: bold;
	}
	.slogan .vert{color: #76b41f;}
	.slogan .bleu{color: #8fb0c9;}
	.slogan .rose{color: #cc458f;}
	.loupe{
	float: right;
	width: 200px;
	height: 29px;
	padding-top : 2px;
	
	margin-right: 35px;
	
	}
		.loupe input{			
			width: 155px;
			height: 29px;
			
			padding-top: 0px;

			background: url(../images/loupe1.png) no-repeat;
			padding-left: 45px;
			font-size: 11px;
			color: #cc458f;
			font-weight: bold;	
			border: none;
		}
		.loupe a{
			font-size: 12px;
			color: #cc458f;
			font-weight: bold;	
			text-decoration: none;		
		}


	.langue{
		float: right;
		margin-top: 14px;
		margin-right: 32px;
		height: 24px;
		line-height: 24px;
	}
	.langue img{
		margin-right: 6px;
	}

#badeauPhoto{
	width: 100%;
	height: 100%;
	z-index: 1;	
}
	.videoFlash{
		background-color: #051f30;
	}

#menuHaut{
	width:100%;
	height: 26px;
	text-align: center;
	line-height: 26px;	
	background: url(../images/fond_menu.jpg) repeat-x;
	margin-top:-3px;
}
	#menuHaut, #menuHaut a{
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}
#coprs{
	text-align: center;
	background: url(../images/fond-nuage.jpg) top center no-repeat;	
}
	#page{
		text-align: left;
		width: 958px;
		margin-left: auto;
		margin-right: auto;
	}
		.pageHaut{
			width: 955px;
			height: 23px;
			padding-top:13px;
			background: url(../images/page_haut.png) top no-repeat;	
			padding-left: 3px;
		}
		.pageContenu{		
			background: url(../images/page_fond.png) repeat-y;
			width: 955px;
			padding-left: 3px;			
		}
		.pageBas{
			width: 958px;
			height: 10px;
			background: url(../images/page_bas.png) repeat-y;
		}
.colonneGauche{
	width: 620px;
	margin-left: 17px;
	float: left;
}
	.colonneGauche h1,.colonneDroite h1,.lienUtile h2{
		font-size: 14px;
		margin: 0;
		padding: 0;
		color: #8a8a8a;
		margin-left: 15px;
	}
	.colonneDroite h1{
		margin-left: 11px;
	}
.colonneDroite{
	width: 314px;	
	float: left;
}
	
.focus{
	width: 253px;
	height: 240px;
	background-repeat: no-repeat;
	float: left;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 26px;
}
	.focus a{
		text-decoration: none;
	}
	.focus h2,.focus h2 a{
		padding: 0;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		margin-bottom: 137px;
		margin-top: 6px;
	}
	.sportGlisse{
		background-image: url(../images/sport_glice.jpg);
		color: #5e86bd;
	}
		.sportGlisse a{
			color: #39567e;
		}
	.pistesCyclables{
		background-image: url(../images/piste_cyclables.jpg);
		color: #76b41f;
		margin-left: 3px;
	}
		.pistesCyclables a{
			color: #517a27;
		}
	.hebergement{
		background-image: url(../images/hebergement.jpg);
		color: #de8d06;	
		margin-bottom: 5px;	
	}
		.hebergement a{
			color: #ae781c;
		}
	.restoGastronomie{
		background-image: url(../images/gastro.jpg);
		color: #cc428e;	
		margin-left: 3px;	
		margin-bottom: 5px;	
	}
		.restoGastronomie a{
			color: #94175c;
		}
	.activites{
		background-image: url(../images/activitee.jpg);
		color: #6cd2e4;		
	}
		.activites a{
			color: #5599a6;
		}
	.commerces{
		background-image: url(../images/commerces.jpg);
		color: #b5ac95;	
		margin-left: 3px;	
	}
		.commerces a{
			color: #7d7769;
		}
		
.infosGauche{
	width: 436px;
	float: left;
}
	.infosGauche h2{
		width: 405px;
		height: 27px;
		line-height: 27px;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		padding-left: 31px;
		background: url(../images/coupsTitre.jpg) no-repeat;
		margin: 0;
	}
	.recette{
		background: #f5f4f1 url(../images/recette.jpg) no-repeat;
		padding-left: 39px;
		padding-top: 36px;
		font-size: 12px;
		padding-bottom: 15px;
	}
		.photoRecette{
			width: 161px;
			height: 111px;
			position: absolute;
			float: let;
			margin-left: 254px;
			margin-top: 13px;
			z-index: 10;
			background: url(../images/cadrereccette.png) no-repeat;
			padding-left: 10px;
			padding-top: 10px;
		}
		.recetteTitre,.recetteLien a{
			font-weight: bold;
			font-size: 11px;
			color: #4282be;
			text-decoration: none;
		}
		.recetteLien a{
			text-transform: uppercase;			
		}
		.recetteLien,.recetteText{padding-left: 9px;}
		.recetteText{
			color: #545454;
			padding-bottom: 8px;
			padding-top: 3px;
		}
	.actus{
		margin-top: 6px;
	}
		.actus h2{
			width: 405px;
			height: 21px;
			line-height: 21px;
			color: #ffffff;
			font-size: 12px;
			font-weight: bold;
			padding-left: 31px;
			background: url(../images/titreActus.jpg) no-repeat;
			margin: 0;
			margin-bottom: 7px;
		}
		.itemActuSep{
			width: 18px;
			height:160px;
			float: left;
			background: url(../images/filetActus.jpg) top center no-repeat;
		}
		.itemsActu{
			margin-left: 11px;
		}
		.itemActu{
			width: 200px;
			float: left;
		}
			.actus h3{
				margin: 0;
				padding: 0;
				margin-top: 9px;
			}
			.actus h3 a{
				font-size: 11px;
				color: #4282be;
				text-decoration: none;
				font-weight: bold;
			}
			.itemActuDate{
				color: #4282be;
				font-size: 11px;
				font-weight: bold;
			}
			.itemActuIntro{
				color: #776c66;
				font-size: 11px;
				font-weight: bold;
				margin-top: 10px;
			}
			.itemActuDate,.itemActuIntro{
				padding-left: 9px;
			}
.infos{
	width: 157px;
	background-color: #c4e6f6;
	height: 395px;
	float: left;
	margin-left: 6px;
}
	.infos h2{
		width: 126px;
		height: 27px;
		line-height: 27px;
		background: url(../images/infosTitre.jpg) no-repeat;
		margin: 0;
		color: #ffffff;
		font-size: 12px;
		font-weight: bold;
		padding-left: 31px;
	}
	.infosCarte{
		text-align: center;
		color: #6399b3;
		font-weight: bold;
		font-size: 13px;
		margin-top: 10px;
	}
		.infosCarte img{
			margin-top: 20px;
		}
	.infosVille{
		font-size: 12px;
		color: #4d7a92;
		margin-top: 20px;
		padding-left: 12px;
		margin-bottom: 25px;
	}
	.infosLien{
		padding-left: 8px;
		margin-bottom: 25px;
	}
		.infosLien a{
			font-size: 11px;
			color: #e17e45;
			text-decoration: none;
		}
	.infosMarees,.infosMeteo{
		width: 90px;
		height: 35px;
		line-height: 35px;
		padding-left: 67px;
	}
	.infosMarees a,.infosMeteo a{
		font-size: 13px;
		font-weight: bold;
		color: #6399b3;
		text-decoration: none;
	}
	.infosMarees{
		background: url(../images/maree.jpg) no-repeat;
	}
	.infosMeteo{
		background: url(../images/meteo.jpg) no-repeat;
	}
	.media{
		padding-bottom: 17px;
		background: url(../images/mediaBottom.jpg) bottom no-repeat;
	}
	.mediaLien{
		padding-left: 17px;
	}
	.mediaItem{
		height: 25px;
		float: left;
		margin-top: 4px;
	}
	.mediaItemGauche{width: 154px;}
	.mediaItemDroite{width: 140px;}
		.mediaItemBlock{
			width: 6px;
			height: 25px;
			float: left;
			margin-right: 5px;
		}
		.cvideo{background-color: #dd7033;}
		.cvisite{background-color: #8eaa6b;}
		.cblog{background-color: #739ab7;}
		.cwebcam{background-color: #c789ab;}
		.ccarte{background-color: #f5ad06;}
		.mediaItemText{
			height: 25px;
			line-height: 25px;
		}
			.mediaItemText a{
				font-size: 10px;
				text-decoration: none;
				color: #b5b1b3;
			}
	.promotion{
		background: #fcf7fa url(../images/promobas.jpg) bottom no-repeat;
		padding-bottom: 25px;
	}
	.promotion h2{
		height:30px;
		line-height:30px;
		background: url(../images/promoTitre.jpg) no-repeat;
		margin: 0;
		color: #cc438e;
		font-size: 12px;
		font-weight: bold;
		padding-left: 40px;
	}
	.sejour{
		background: url(../images/filletPromo.jpg) repeat-x;
		padding-left: 9px;
		margin-top: 12px;
	}
		.itemSejour{
			width: 130px;
			margin-left: 18px;		
			float: left;	
		}
		.itemSejour h3{
			margin: 0; 
			padding: 0;
			margin-bottom: 3px;
		}
		.itemSejourPhoto{
			margin-bottom: 9px;
		}
		.itemSejour h3 a{
			color: #cc428e;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		.itemSejourText{
			font-size: 11px;
			color: #a4a4a4;
		}
	.btSejour{
		width: 179px;
		height: 17px;
		line-height: 17px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/btSejour.jpg) no-repeat;
		text-align: center;
		margin-top: 20px;
	}
		.btSejour a{
			color: #ffffff;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}

.lienUtile{
	width: 958px;
	height: 167px;	
	background: url(../images/encartBas.png) no-repeat;
	text-align: left;	
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
	.lienUtile h1{
		margin-bottom: 5px;
	}
	.lienUtile h2{
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		margin-bottom: 5px;		
	}
	.lienOleron h2{color: #4482be;}
	.lienMarennes h2{color: #629d74;}
	.lienHebergement h2{color: #e89f15;}
	.lienAdresse h2{color: #cc4790;}
	.lienVieLocale h2{color: #f87500;}
	.lienUtile a{
		font-size: 11px;
		color: #b5b1b3;
	}
	.lienBlock{
		float: left;		
		background: url(../images/sepbas.jpg) right no-repeat;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
		height: 131px;
	}
	.lienVieLocale{
		background: none;
		padding-right: 0px;
	}
.menuBas{
	width:850px;
	height:25px;
	line-height:25px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/menubas.png) no-repeat;
	margin-top: -4px;
	text-align: center;
}
	.menuBas a,.menuBas{
		color: #ffffff;
		text-decoration: none;
		font-size: 11px;
	}