
/* ************** GLOBAL  ********************** */
BODY {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	height:100%;
}

DIV{
	position:relative;
	margin:0px;
	padding:0px;
}

IMG{
	margin:0px;
	padding:0px;
	border:0;
}

P{
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
FORM{
	margin:0px;
	padding:0px;
	padding-top:10px;
	text-align:left;
}
A{
	text-decoration:none;
}
A:hover{
	text-decoration:underline;
}
TABLE {
	border:0px;
	padding:0px;
	margin:0px;
}

.cache{
	display:none;
}

/* ************** DIV GENERAUX  ********************** */
#main {
	position:absolute;
	width:970px; 
	left: 50%;
	height:100%;
	margin-left: -485px;
}
#animMenu{
	background:#FFFFFF url(IMG/entete-fond.png);
}
#pied {
	clear:both;
	margin:0 auto 0 auto;
	height:20px;
	color:#999999;
	text-align:center;
	font-size:10px;
	padding-top:5px;
}
#pied a{
	text-decoration:none;
	color:#999999;
}

/* ************** PAGE ACCUEIL  ******************************	*/

.home-accroche-conteneur{
	width:100%;
	height:211px;
	background:#FFFFFF url(IMG/fond-hp-accroches.png);
}
.home-accroche-conteneur2{
	float:left;
	margin-left:15px;
	width:304px;
	height:146px;
	background:url(IMG/fond-hp-accroche.png);
	display:block;
}
.home-accroche-titre{
	color:#2761A5;
	font-size:17px;
	font-weight:bold;
}
.home-accroche-texte{
	font-size:11px;
	color:#666666;
}
.home-accroche-texte strong{
	font-size:11px;
	color:#2761A5;
}


/* ************** ACCROCHES (PUSH)  ********************** */

.accroche-conteneur{
	height:300px;
	float:left;
	width:200px;
	display:block;
}
.accroche-conteneur2{
	position:absolute;
	left:15px;
	top:0px;
	width:170px;
	height:120px;
	text-align:center;
}
.accroche-conteneur3{
	position:absolute;
	left:0px;
	top:121px;
	width:170px;
	height:27px;
	background:url(IMG/fond-accroche-titre.png);
	padding:3px 0px 0px 20px;
}

/************ Mise en page principale ******************/

#col_nav{
	float:left;
	margin:0px;
	width:220px;
}
#col_unique{
	float:left;
	margin:0px;
	width:504px;
	padding:0px 10px 0px 10px;
}
#col_unique_large{
	float:left;
	margin:0px;
	width:684px;
	padding:0px 10px 0px 10px;
}
#col_pleine_page{
	float:left;
	margin:0px;
	width:672px;
	padding:0px 25px 0px 40px;
}
#col_pleine_page_large{
	float:left;
	margin:0px;
	width:880px;
	padding:0px 25px 0px 40px;
}
#col_1{
	float:left;
	margin:0px;
	width:350px;
	padding:0px 10px 0px 10px;
}
#col_2{
	float:left;
	margin:0px;
	width:350px;
	padding:0px 10px 0px 10px;
}
#col_push{
	float:left;
	margin:0px;
	width:203px;
	padding:50px 0px 0px 7px;
}
/************ mise en forme du texte ******************/
H1{
	font-size:21px;
	color:#2761A5;
	padding:0px 0px 0px 30px;
	background:#FFFFFF url(IMG/fond-rub-titre-icone.png) no-repeat;
	font-weight:bold;
}
H2{
	clear:both;
	font-size:14px;
	color:#2761A5;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:4px;
}
.article_texte{
	font-size:11px;
	color:#666666;
	margin-top:0px;
	margin-bottom:14px;
	text-align:justify;
	padding:0px
}
/************ mise en forme des images ******************/
.img_cadre_230_odd{
	float:left;
	background:#FFFFFF url(IMG/fond-doc-img-230.png) no-repeat;
	width:240px;
	height:189px;
	padding:14px 0px 0px 0px;
	margin:20px 0px 15px 0px;
	text-align:center;
}
.img_cadre_230_even{
	text-align:center;
	float:right;
	background:#FFFFFF url(IMG/fond-doc-img-230.png) no-repeat;
	width:240px;
	height:189px;
	padding:14px 0px 0px 0px;
	margin:20px 0px 15px 0px;
}
.img_cadre_650{
	text-align:center;
	float:left;
	background:#FFFFFF url(IMG/fond-doc-img-650.png) no-repeat;
	width:672px;
	height:318px;
	padding:14px 0px 0px 0px;
	margin:20px 0px 15px 0px;
}
/************ menu vertical ******************/
#menuGauche{
	width: 140px;
	display:block;
	margin: 0px 0px 0px 28px;
	padding: 0px;
}
#menuGauche #fondMenuGauche{
	width: 173px;
	display:block;
	padding-top:5px;
}
.item{
	clear:both;
	width: 156px;
	display:block;
	padding: 3px 8px 3px 8px;
	margin:0px;
}
.item a,.itemon a, .itemon a:hover, .itemon a:visited{
	clear:both;
	display:block;
	margin:0px;
	color:#FFFFFF;
	letter-spacing:-0.4px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
.itemon, .item:hover{
	clear:both;
	display:block;
	width:156px;
	padding:3px 18px 3px 8px;
	margin:0px;
	color:#FFFFFF;
	background:#2761A5 url(IMG/menu-item-on.gif) no-repeat 0% 50%; 
}

.fondMenuGaucheRub2{ background:#00A5DC url(IMG/menu-rub2-bg.png); } /* marché gare */
.fondMenuGaucheRub5{ background:#B0C5D0 url(IMG/menu-rub5-bg.png); } /* chemin claires */
.fondMenuGaucheRub11{ background:#F8C600 url(IMG/menu-rub11-bg.png); } /* aventure huitre */
.fondMenuGaucheRub107{ background:#DD0319 url(IMG/menu-rub107-bg.png); } /* restuarant */
.fondMenuGaucheRub23{ background:#FFFFFF url(IMG/menu-rub23-bg.png); } /* historique */
.fondMenuGaucheRub29{ background:#85B515 url(IMG/menu-rub29-bg.png); } /* cabane claires */

.item2{ background:#00A5DC url(IMG/menu-rub2-off.png) no-repeat 0% 50%; }
.item5{ background:#B0C5D0 url(IMG/menu-rub5-off.png) no-repeat 0% 50%; }
.item11{ background:#F8C600 url(IMG/menu-rub11-off.png) no-repeat 0% 50%; }
.item18{ background:#DD0319 url(IMG/menu-rub18-off.png) no-repeat 0% 50%; }
.item23{ background:#FFFFFF url(IMG/menu-rub23-off.png) no-repeat 0% 50%; }
.item29{ background:#85B515 url(IMG/menu-rub29-off.png) no-repeat 0% 50%; }

.item23 a{
	color:#2761A5;
}
.item23 a:hover{
	color:#FFFFFF;
}
.item_menu{
height:25px;
background:#2761a5;
border-left:1px solid #a7acab;
text-align:center;
padding-left:15px;
padding-right:15px;
}
.item_menu:hover{
height:25px;
background:#eceff0;
border-left:1px solid #a7acab;
text-align:center;
padding-left:15px;
padding-right:15px;
}
.item_menu a{
color:#FFFFFF;
font-size:16px;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.item_menu a:hover , .item_menu:hover a{
color:#333333;
}

.item_menu div{
text-align:left;
font-size:10px;
}
.item_s_menu{
background:#eceff0;
font-size:11px;
padding-left:7px;
padding-right:7px;
}

.item_s_menu a{
font-size:11px;
font-weight:normal;
}