/* CSS Document */





body {

	margin: 0;

	padding: 0;

	background: #597A9C url(../image/bg_global.gif) left top repeat scroll;

	color: black;

	font-size: 80%;

	font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;

}

ul {

	margin-left: 0;

	padding-left: 0;

}

p {margin:0}



p a {

	color: #4c6543;

	text-decoration: none;

}

p a:hover {

	text-decoration: underline;

	color: #DA421B;

}

img {border: none;}



#global {

	/*max-width: 760px;*/

	width: 760px;

	margin: 0 auto;

	text-align: center; /* pour IE*/

	background-color: #F3DD48;

	position: relative;

}



#centrer {

	width: 725px;

	margin: 15px auto 0;

}



.hidden {

	position: absolute;

	left: -5000px;

	top: -5000px;

	width: 1px;

	height: 1px;

	overflow: hidden;

	font-size: 1px;

}

a:hover{background: none} /* pour IE*/



.ligne {/* ligne invisbible en fin de bloc pour allonger les conteneurs*/

	clear:both;

	margin: 0;

	padding: 0;

	visibility: hidden;

}

#scrollfirefox {

	position: absolute;

	bottom: -0.1px;

	visibility: hidden;

}

#ombre {

	width: 780px;

	height: auto;

	/*border: 1px dotted yellow;*/

	text-align: center;

	margin: 0 auto;

	background: white url(../image/bg_ombre.gif) repeat-y top left scroll;

}



/* ----------------------*/

/* TITRE */

/* ----------------------*/



h2 {

	margin: 12px 0 0 0;

	height: 160px;

}

h3 {

	font : italic bold 150% Times;

	color: #0C5C99;

	/*font-size: 1.2em;*/

	font-weight: bold;

	margin: 2em 0 1.2em 10px;

	/*color: #0C5C99;*/

	display: list-item;

	list-style-image: url(../image/puce_titre.gif);

	list-style-position: inside;

}

h4 {

	font-size: 1em;

	margin: 15px 0 5px 30px;

	color: #DA421B;

}

h5 {

	width: 140px;

	font-size: 0.8em;

	background: #0C5C99;

	color: #fff;

	margin: 1em auto 1em auto;

	text-align: center;

	padding: 2px 0;

}

/* ----------------------*/

/* HEADER */

/* ----------------------*/



#header {

	height: 65px;

	width: 760px;

	/*background: url(../image/header.gif) top left no-repeat;*/

	margin: 0;

	/*overflow: hidden;*/

}

#picto {

	/*float: right;*/

	display: block;

	width: 90px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: 295px;

}

#picto img {

	text-align: right;

	margin: 7px 5px 0 0 ;

}

#picto a img {

	background-color: #5C6F76;

}

#picto a:hover img, #picto a:focus img {

	background-color: #304147;

}



/* ----------------------*/

/* MENU PRINCIPAL */

/* ----------------------*/



#menu dl, #menu dt, #menu dd, #menu ul, #menu li {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

#menu {

	height: 13px;

	width: 725px;

/*	background: #4C6543;*/

	background: #386A25;

}

#menu dl {

	float: left;

	width: 103px;

	margin: 0;

}

#menu dt {

	cursor: pointer;

	text-align: left;

	margin-left: 10px;

	/*padding-left: 15px;*/

	font-size: 0.8em;

	color: #fff;

}

#menu dt a {

	color: #fff;

	text-decoration: none;

	display: block;

	height: 100%;

	border: 0 none;

	background: url(../image/puce_menu.gif) -17px center no-repeat;

	padding-left: 25px;

}

#menu dt a:hover {

	background: #34472E;

}

#menu dd {

	border-top: 1px solid #A9DE96;

	width: 115px;

	position: absolute;

	top:252px;

	left:17px;

	z-index: 100;

}

#menu li {

	text-align: center;

/*	background: #4C6543;*/

	background: #386A25;

}

#menu li a {

	display: block;

	font-size: 0.8em;

	color: #A9DE96;

	text-decoration: none;

	height: 100%;

	line-height: 1.5em;

}

#menu li a:hover {

	background: #34472E;

}

#menu #active {

	background: #34472E;

	color: #F3DD48;

}



/* ********************* */

/* MENU SAISONS */

/* ********************* */



#saison {

	height: 15px;

}



a#ete {

	display: block;

	float: left;

	background: url(../image/bouton/ete1.gif);

	width: 362px;

	height: 15px;

}

a#ete:hover {

	background: url(../image/bouton/ete2.gif);

}

a#hiver {

	display: block;

	float: left;

	background: url(../image/bouton/hiver1.gif);

	width: 363px;

	height: 15px;

}

a#hiver:hover {

	background: url(../image/bouton/hiver2.gif);

}



/* ----------------------*/

/* COLONNE DROITE */

/* ----------------------*/



#colonne {

	width: 150px;

	float: right;

	margin: 0 0 5px 15px;

	border-left: 1px solid #7698BE;

}

#colonne p {

	margin: 0 5px;

	text-align: left;

	font-size: 0.8em;	

}

#colonne img {

	margin: 0 0 8px 0;

}

/* METEO */

#meteo {

	text-align: center;

	/*border-left: 1px solid #7698BE;*/

}

#meteo img {margin: 0}

#aujourdhui, #demain {

	/*border: 1px dotted gray;*/

	width: 140px;

	margin: 0 auto 7px;

}

#aujourdhui p, #demain p {

	text-align: center;

	font-size: 0.7em;

	line-height: 0.8em;

	color: #0C5C99;

	margin-bottom: 2px;

}

#aujourdhui span, #demain span {

	font-size: 0.7em;

	margin: 0 0 0 6px;

}

/* ******** */

/* NEWS */

/* ******** */

#news {

	text-align: center;

	/*height: 110px;*/

	overflow: hidden;

}

#news h5 {margin-bottom: 0.5em}

#news hr {

	color: #0C5C99;

	background-color: #0C5C99;

	height: 1px;

	margin: 2px 40%;

	text-align: center;

}

#news p {

	font: normal bold 0.9em Arial, sans-serif;

	text-align: left;

	color: #0C5C99 !important;

	line-height: 0.9em !important;

	line-height: 1em;

	letter-spacing: 0px !important;

	letter-spacing: normal;

	text-decoration: none;

}

*html #news p {

	line-height: normal;

	letter-spacing: normal;

}

#news a:hover {

	text-decoration: underline;

}

#news_h {

	text-align: center;

	/*height: 110px;*/

	overflow: hidden;

	color:#FFFFFF;

	margin-bottom:10px;

}

#news_h #conteneur_h {

	background:#0C5C99 none repeat scroll 0 0;

	float:left;

	margin-left: 40px;

}

#news_h h5 {margin-bottom: 0;float:left;}

#news_h #titre_h {margin-bottom: 0;float:left;padding-top:4px;padding-left:6px;}

#news_h #contenu_h {

	padding-top:3px;

	padding-left:4px;

	float:right;

}

#news_h hr {

	color: #0C5C99;

	background-color: #0C5C99;

	height: 1px;

	margin: 2px 40%;

	text-align: center;

}

#news_h p {

	font: normal bold 0.9em Arial, sans-serif;

	text-align: left;

	color: #FFFFFF !important;

	letter-spacing: 0px !important;

	letter-spacing: normal;

	text-decoration: none;

}

*html #news_h p {

	line-height: normal;

	letter-spacing: normal;

}

#news_h a:hover {

	text-decoration: underline;

}

/* **************** */

#piste h5 {

	text-align: center;

	margin: 0 0 8px 0;

	background-color: white;

	border-top: 1px dotted #0C5C99;

	border-bottom: 1px dotted #0C5C99;

	height: 37px;

}

#piste h5 a {

	display: block;

	color: #0C5C99;

	padding: 10px 0 10px 25px;

	background: url(../image/bouton/piste.gif) no-repeat left bottom;

	/*border-left: 1px solid #0C5C99;*/

	text-decoration: none;

}

#piste h5 a:hover {

	text-decoration: underline;

}

/* **************** */

#newsletter h5 {

	margin-top:0;

}

#newsletter a{

	color: #000000;

	text-decoration: none;

}

#newsletter a:hover {

	text-decoration: underline;	

}



/* ---------------- */

/* PARTIE CONTENU */

/* -----------------*/



#contenu {

	background: #FFF;

	text-align: justify;

	/*border-top: 1px solid #fff;*/

	/*width: 725px;*/

	margin-top: 17px;

	overflow: hidden;

	padding: 20px 0 18px 0;

}

#contenu_p {

	/*float: left;

	width: 555px;*/

	margin: 0 170px 0 0;

	height: 1%; /*contexte de formatage pour IE*/

}



#contenu_p p {

	font-family: arial,"Trebuchet Ms",helvetica,"Bitstream Vera Sans",sans-serif;

	font-size: normal;

	margin: 0 10px;

}



/* ----------------------*/

/* FOOTER */

/* ----------------------*/

#footer_c {

	padding: 0 1.5em;

	background: #386A25;

	height: 31px;

}

ul#footer {

	list-style-type: none;

	background: #386A25;

	width: 100%;

	overflow: hidden;

}

#footer li {

	float: left;

	color: #A9DE96;

	margin-bottom: -3px;

}

#footer li a {

	text-align: center;

	letter-spacing: 0.1em;

	font-size: 0.7em;

	color: #A9DE96;

	margin: 0 6px;

	text-decoration: none;

	padding:1px;

}

#footer li a:hover, #footer li a:focus {

	background: #34472E;

}

/* ----------------------*/

/* MENTIONS LEGALES */

/* ----------------------*/



p#copyright {

	font-size: 0.8em;

	color: #79B7E2;

	text-align: center;

	margin-top: 2px;

}

p#copyright a{

	text-decoration: none;

	color: #79B7E2;

}

p#copyright a:hover {

	color: white

}