@charset "utf-8";
/* CSS Document */

/* ------------------------------général */
h1, h2, h3, h4, h5, h6, p 
{
		font-size: 1em;
		margin: 0; padding: 0;
		font-weight: normal;
}

ul {
		margin: 0; padding: 0;
		list-style: none;
}

a {
		color:#333333;
		text-decoration:none;
}
	
a img {
		border: none;
}

a.lien
{
	color:#333333;
	text-decoration:underline;
}

.titreadherent
{
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
}

a.lienvert
{
	color:#69B816;
	text-decoration:underline;
}

.important
{
	color:#69B816;
	font-weight:bold;
}

.formulaire   {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana;
	background-color: #FFFFFF;
	border: 1px solid #37A4FB;
	color: #000000;
}

/* -------------------------structure--- */
html, body {
	padding:0px;
	margin:0px;
	width: 100%;
	height: 100%;
	/* css hack for IE */
	width: expression(parseInt(document.documentElement.clientWidth)+'px');
	height: expression(parseInt(document.documentElement.clientHeight)+'px');
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}

.clear {clear:both;}

.hidden {visibility:hidden;}

.principale {
	background: url(images/fond_degrade.jpg) repeat-y;
	width:820px;
	margin: 0px auto;
	margin-bottom:0px;
	position:relative;
}

.bandeau {
		margin-top:0px;
		padding-top:0px;
		width:790px;
		height:162px;
		text-align:justify;
		margin-left:15px;
}

#langues {
		float:right;
		margin-right:4px;
		margin-top:138px;
}

.barre{
	background:#fff url(images/barre_intermediaire.gif) no-repeat;
	margin-top:0px;
	padding-top:0px;
	width:790px;
	height:19px;
	margin-left:15px;
	text-align:right;
}

/* -------------------------------------------------------menu */
ul#menu {
		background:#000 url(images/F/menu.gif) no-repeat;
		float:left;
		width:820px;
		height:59px;
}

ul#menu li{
		float:left ;
}

ul#menu li#accueil a {
		display: block;
		width: 81px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#accueil a:hover, ul#menu li#accueilin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat 0px -59px;
		width: 81px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#venir a {
		display: block;
		width: 141px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#venir a:hover, ul#menu li#venirin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -81px -59px;
		width: 141px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#sejourner a {
		display: block;
		width: 71px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#sejourner a:hover, ul#menu li#sejournerin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -222px -59px;
		width: 71px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#serestaurer a {
		display: block;
		width: 87px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#serestaurer a:hover, ul#menu li#serestaurerin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -293px -59px;
		width: 87px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#activites a {
		display: block;
		width: 65px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#activites a:hover, ul#menu li#activitesin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -380px -59px;
		width: 65px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#visiter a {
		display: block;
		width: 62px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#visiter a:hover, ul#menu li#visiterin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -445px -59px;
		width: 62px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#infos a {
		display: block;
		width: 104px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#infos a:hover, ul#menu li#infosin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -507px -59px;
		width: 104px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#evenements a {
		display: block;
		width: 95px;
		line-height: 39px;
		text-indent:-5000px;
}
ul#menu li#evenements a:hover, ul#menu li#evenementsin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -611px -59px;
		width: 95px;
		line-height: 39px;
		text-indent:-5000px;
}

ul#menu li#contact a {
		display: block;
		width: 95px;
		line-height: 58px;
		text-indent:-5000px;
}
ul#menu li#contact a:hover, ul#menu li#contactin a {
		display: block;
		background: url(images/F/menu.gif) no-repeat -706px -59px;
		width: 95px;
		line-height: 58px;
		text-indent:-5000px;
}

/* ------------------------------------------------------------------sous menu */

ul#ssmenu_sejourner {
	float:left ;
	display:block;
	position:absolute;
	z-index:1;
	visibility: hidden;
	top:213px;
	left:220px;
	text-indent:5px;
}

ul#ssmenu_serestaurer {
	float:left ;
	display:block;
	position:absolute;
	z-index:1;
	visibility: hidden;
	top:213px;
	left:291px;
	text-indent:5px;
}

ul#ssmenu_activites {
	float:left ;
	display:block;
	position:absolute;
	z-index:1;
	visibility: hidden;
	top:213px;
	left:378px;
	text-indent:5px;
}

ul#ssmenu_infos {
	float:left ;
	display:block;
	position:absolute;
	z-index:1;
	visibility: hidden;
	top:213px;
	left:505px;
	text-indent:5px;
}

a.ssmenu{
	display:block;
	color:#000000;
	text-align:left;
	height:18px;
	background-color:#B6D211;
	padding-right:5px;
	width:200px;
}

a:hover.ssmenu{
	display:block;
	color:#FFFFFF;
	text-align:left;
	height:18px;
	background-color:#6ab816;
	padding-right:5px;
}
/* --------------------------------------------------------------------interieurs- */

.interieur{
	margin-left:30px;
	width:760px;
	text-align:left;
}

/* --------------------------------------------------------------------HOME- */
.bienvenue
{
	background-color:#E0E0E0;
	width:360px;
	display:block;
	float:left;
}

.bienvenue H1
{
	background: url(images/F/titre_bienvenue.gif) no-repeat;
	width:136px;
	height:27px;
	display:block;
	float:left;
	text-indent:-5000px;

}

.evenements
{
	background: url(images/fond_evenements.gif) no-repeat;
	width:360px;
	height:144px;
	display:block;
	float:left;
	margin-top:20px;
	text-align:left;
}

.evenements H2
{
	background: url(images/F/titre_evenements.gif) no-repeat;
	width:150px;
	height:25px;
	display:block;
	float:left;
	text-indent:-5000px;

}

.diaporama
{
	width:360px;
	height:200px;
	display:block;
	float:left;
	margin-top:15px;
	margin-bottom:5px;
}

.musee
{
	background: url(images/musee_du_debarquement.jpg) no-repeat;
	width:340px;
	height:255px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:left;
}

.musee p
{
	padding-top:235px;
	text-align:right;
	display:block;
}

.cinema
{
	background: url(images/cinema_360.jpg) no-repeat;
	width:340px;
	height:265px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:left;
}

.cinema p
{
	text-align:right;
	padding-top:248px;
}

.cinema H2, .musee H2, .meteo H2, .maree H2, .bessin H2
{
	display:block;
	float:left;
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
	text-indent:55px;
	padding-top:10px;
}

.bessin
{
	background: url(images/bessin.jpg) no-repeat;
	width:340px;
	height:265px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:left;
}

.bessin p
{
	text-align:right;
	padding-top:248px;
}

.meteo
{
	background: url(images/picto_meteo.gif) no-repeat 0px 0px;
	width:360px;
	height:130px;
	display:block;
	float:left;
	margin-top:30px;
	text-align:left;
}

.maree
{
	background: url(images/picto_maree.gif) no-repeat 0px 0px;
	width:360px;
	height:130px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:left;
}

.office
{
	margin-top:10px;
	width:360px;
	height:110px;
	display:block;
	float:left;
	text-align:left;
}

/* --------------------------------------------------------------------sejourner- */

h1#sejourner {
		background: url(images/F/sejourner_oudormir.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:40px;
		width:243px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
}

h2#sejourner h2#serestaurer h2#activites {
		display:block;
		width:350px;
		height:20px;
		float:left;
		margin-top:10px;
		text-align:left;
		padding:0px;
}

#legende_picto {
	display:block; 
	width:245px; 
	background-color:#FFFFFF; 
	text-align:center; 
	border-width:1px; 
	border-color:#000000; 
	border-style:solid;
	margin-left:3px;
	margin-top:0px;
}

p#descr
{
	width:662px;
}

/* --------------------------------------------------------------------se restaurer- */

h1#serestaurer {
		background: url(images/F/titre_serestaurer_oumanger.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:49px;
		width:201px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
		margin-top:-5px;
}

/* --------------------------------------------------------------------activités- */

h1#activites {
		background: url(images/F/titre_activites_sedivertir.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:40px;
		width:226px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
		margin-top:-5px;
}

/* -------------------------- calendrier ------------------- */
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	background-color:#37A4FB;
}

.tabhaut {
	background:url(images/calendrier_haut.gif) no-repeat;
	color:#FFFFFF;
	text-indent:50px;
}

.tabmilieu {
	background-image:url(images/calendrier_milieu.gif);
	color:#000000;
}

.complet {
	background-color:#ff9900;
}

.dispo {
	background-color:#99cc66;
}

.ferme {
	background-color:#cccc00;
}

.nonrenseigne {
	background-color:#FFFFFF;
}

.descriptif {
	color: #000000;
	padding-left:5px;
}

/* -----------------venir à arromanches ------------------- */

.blocvenir H1 {
		background: url(images/F/titre_venir_arromanches.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:30px;
		width:354px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
}

.blocvenir H2 {
	background:url(images/picto_acces.gif) no-repeat;
	height:50px;
	display:block;
	float:left;
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
	text-indent:55px;
	padding-top:15px;
}

/* -----------------a visiter ------------------- */

.blocvisiter H1 {
		background: url(images/F/titre_a_voir.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:30px;
		width:104px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
}

.blocvisiter H2 {
	height:50px;
	display:block;
	float:left;
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
	text-indent:55px;
	padding-top:15px;
}

.blocvisiter p {
	display:block;
	float:left;
	width:400px;
}

.blocvisiter ul {
list-style-image:url(images/puce.gif);
	list-style-position:inside;
	width:370px;
	float:left;
}

/* -----------------infos pratiques ------------------- */

#titreinfo {
		background: url(images/F/titre_infos.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:41px;
		width:174px;
		float:right;
		margin-right:84px;
		_margin-right:42px;
}

.blocinfos H2 {
	height:35px;
	display:block;
	float:left;
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
	text-indent:55px;
	padding-top:15px;
}

.blocinfos p {
	padding-left:55px;
	padding-bottom:10px;
}

/* ----------------- événements------------------- */

.blocevenement H1 {
		background: url(images/F/titre_evenementsin.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:30px;
		width:171px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
}

.blocevenement  H2 {
	background:url(images/picto_evenements.gif) no-repeat;
	width:160px;
	height:25px;
	display:block;
	float:left;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-indent:45px;
}

.blocevenement p {
		display:block;
		float:left;
		width:700px;
		color: #000000;
		margin-bottom:20px;
}

.blocevenement p#push {
		display:block;
		float:left;
		height:170px;
		width:700px;
		background-color: #FFFFFF;
		border: 1px solid #37A4FB;
		color: #000000;
}

.blocevenement p img{
	margin:10px;
	display:block;
	float:left;
	width:150px;
}


/* ----------------- contact ------------------- */

.bloccontact H1 {
		background: url(images/F/titre_contact.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:30px;
		width:101px;
		float:right;
		margin-right:80px;
		_margin-right:40px;
}

.bloccontact H2 {
	background:url(images/picto_contact.gif) no-repeat;
	height:50px;
	display:block;
	float:left;
	color:#37A4FC;
	font-size:14px;
	font-weight:bold;
	text-indent:55px;
	padding-top:15px;
}

/* ----------------- mentions legales------------------- */

.bloccredits H1 {
		background: url(images/F/titre_mentions.gif) no-repeat;
		display:block;
		text-indent:-5000px;
		height:42px;
		width:431px;
		float:right;
}

/* -------------------------------------------------------footer */
#menu_bas
{
		width:820px;
		height:30px;
		text-align:center;
		margin-bottom:5px;
		margin-top:20px;
}

#menu_bas a
{
		font-size:10px;
		color:#666666;
}

#footer{
		background: url(images/fond_footer.jpg) no-repeat;
		margin:-6px auto;
		width:820px;
		text-align:center;
		padding-top:5px;
}

ul#menu_footer li {
		display: block;
		color:#666666;
		font-size:10px;
}