/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textjustify{text-align:justify;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}

td{vertical-align:top;}
ul{list-style:none outside none;}
/* ---------- Balises ---------- */
body{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
font-size:70%;
line-height:120%;
color:#737373;
text-align:center;
background-color:#d0d1c1;
background-repeat:repeat-x;
margin-bottom:10px;
}
#centrage {
width:961px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
/*border:1px solid #737373;*/
padding-bottom:15px;
}
a:link, a:visited{
text-decoration:none;
color:#737373;
}
a:hover, a:active{
text-decoration:underline;
color:#737373;
}
h1{}
h2{
font-size:120%;
clear:both;
color:#555;
}
input.champ{
border:1px solid #737373;
width:148px;
height:13px;
font-size:100%;
padding:1px 2px;
}
select{
border:1px inset #000;
width:155px;
font-size:100%;
}
option{
padding:0 2px;
}
/* ---------- En tete ---------- */
div#top{
height:93px;
overflow:hidden;
}
#entete img#logo{
margin:5px 10px 0 0;
}
#entete form#recherche{
width:225px;
text-align:center;
}
#entete form#recherche img{
margin:5px 0 5px -22px;
}
#entete form#recherche select, #entete form#recherche input{
margin-bottom:4px;
}
#entete form#recherche input.ok{
margin-left:5px;
}
#entete ul{
margin:14px 0px 0px 8px;
}
#entete ul li{
margin-bottom:6px;
}
/* ---------- Menu ---------- */
ul#menu{
height:30px;
overflow:hidden;
}
ul#menu li{
float:left;
}
ul#menu li img{

}
/* ---------- Bandeau ---------- */
#bandeau{
display:block;
width:960px;
height:220px;
overflow:hidden;
z-index:1;
position:absolute;
}
/* ---------- Corps ---------- */
#corps{
position:relative;
margin-top:200px;
background:url(../pics/background-corps.png) no-repeat;
z-index:999;
}
#corps.page{
width:960px;
background:url(../pics/background-corps-2.png) no-repeat;
}
	/* ---------- Navigation ---------- */
	td#navigation{
	width:180px;
	padding:20px 0px 0px 0px;
	}
	td#navigation div.fond{
	width:180px;
	}
	td#navigation h1{
	text-align:center;
	padding:0px;
	margin:0px;
	}
	td#navigation ul img{
	margin:0 0 -3px 6px;
	}
	td#navigation ul#liensutiles{
	margin:15px 0 5px 14px;
	}
	td#navigation ul#liensutiles li{
	padding-bottom:5px;
	}
	td#navigation img#navpied{
	margin-bottom:-3px;
	}
	td#navigation a.meteo{
	display:block;
	width:133px;
	height:204px;
	padding:14px;
	margin-left:10px;
	background:url(../pics/meteo.gif) no-repeat;
	font-size:9px;
	text-align:center;
	}
	/* ---------- Contenu ---------- */
	td#contenu{
	width:768px;
	padding:10px 6px 0px 6px;
	}
	td#contenu a{
	font-weight:bold;
	color:#32884e;
	}
	td#contenu table.fond{
	width:100%;
	}
	td#contenu img.visuel{
	margin:0 13px 5px 0;
	float:left;
	border:1px solid #737373;
	}
	td#contenu img.visuelportrait{
	padding:4px;
	margin:0 13px 5px 0;
	float:left;
	width:106px;
	height:160px;
	border:1px solid #737373;
	}
	td#contenu div.separateur{
	background-image:url(../pics/separateur-gris.gif);
	background-repeat:repeat-x;
	height:1px;
	font-size:1px;
	margin-bottom:5px;
	}
	td#contenu p{
	margin-bottom:10px;
	text-align:justify;
	}
	td#contenu ul{
	margin-bottom:10px;
	}
	td#contenu ul li{
	padding-left:8px;
	background-image:url(../pics/fleche-grise.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size:90%;
	}
	
	
	td#contenu ul#ariane{
	margin:0 0 10px 0;
	font-size:10px;	
	}
	td#contenu ul#ariane li{
	background-image:none;
	float:left;
	margin:0;
	padding-left:0;
	white-space:nowrap;
	}
	td#contenu ul#ariane li a{
	font-weight:100;


	}
	
	td#contenu ul.liens{
	margin:10px 0;
	background-color:#737373;
	float:right;
	}
	td#contenu ul.liens li{
	padding:1px 2px 2px 15px;
	background-image:url(../pics/fleche-blanche.gif);
	background-repeat:no-repeat;
	background-position:8px 6px;
	white-space:nowrap;
	float:left;
	font-size:100%;
	}
	td#contenu ul.liens li a{
	color:#FFFFFF;
	}
	/* ---------- Annexes ---------- */
	td#annexes{
	padding:0px 0px 0px 10px;
	width:170px;
	}
	td#annexes h2{
	background-color:#737373;
	color:#FFFFFF;
	padding:10px 0;
	text-align:center;
	width:179px;
	font-size:100%;
	font-weight:100;
	margin-top:10px;
	}
	td#annexes p{
	padding:0 20px 10px 0;
	text-align:left;
	}
	td#annexes img.visuel{
	border:1px solid #ccc;
	}
	td#annexes ul img{
	float:right;
	margin-left:5px;
	}
	td#annexes ul{
	padding:10px 0 0 0;
	background-image:none;
	text-align:justify;
	}
	td#annexes ul li{
	padding:0 0 10px 0;
	background-image:none;
	}
	td#annexes #carto{
	position:relative;
	}
/* ---------- Pied de page ---------- */
#pied{
margin-left:25px;
}

/* evolution */

div#header{
background:url(../pics/background-header-interne.jpg) #fff center top no-repeat;
width:100%;
}
div#footer{
background:url(../pics/background-footer.jpg) #fff 0px 20px no-repeat;
width:100%;
height:122px;
}
div#footer marquee{
display:block;
width:880px;
}
div#footer marquee a{
font-style:italic;
font-size:14px;
color:#931c01;
}

div#accueil h2{
font-size:20px;
font-weight:normal;
margin:12px 0px 20px 20px;
}
div#accueil div.sorties{
position:relative;
width:572px;
display:block;
}
div#accueil div.sorties div.titre{
display:table;
padding-bottom:8px;
margin-bottom:8px;
background:url(../pics/border-sortie.gif) bottom repeat-x;
}
div#accueil div.sorties div.titre h3{
font-size:12px;
color:#af2a87;
}
div#accueil div.sorties div.visuel img{
display:block;
float:left;
margin-right:12px;
}
div#accueil div.sorties a.savoirplus{
font-size:11px;
color:#af2a87;
}
div.sep{
clear:both;
display:block;
width:100%;
height:22px;
margin:16px 0px;
background:url(../pics/separateur-accueil.gif) center;
}
div#accueil div.bandeaux{
display:table;
width:100%;
}
div#accueil div.bandeaux a.gauche{
float:left;
margin-left:-4px;
margin-right:12px;
}
div#accueil div.bandeaux a.droite{
float:left;
margin-right:-4px;
}

td#annexes div.forfaits{
display:table;
}
td#annexes div.forfaits div.titre h3{
font-size:11px;
font-weight:bold;
color:#921c01;
}
td#annexes div.forfaits div.lieu{
font-size:11px;
font-weight:bold;
color:#6e6e6e;
}
td#annexes div.forfaits p{
text-align:justify;
padding:0px 0px 10px 0px;
}
td#annexes div.forfaits a.savoirplus{
font-size:11px;
font-weight:bold;
color:#931c01;
text-decoration:underline;
float:right;
}

/* */

div.btn{
float:right;
width:293px;
height:28px;
}
div.btn a.btn-liste{
float:left;
width:112px;
margin:11px 0px 0px 26px;
display:table;
text-align:center;
}
div.btn a.btn-carte{
float:left;
width:112px;
margin:11px 0px 0px 20px;
display:table;
text-align:center;
}
div.h2-titre{
height:20px;
padding-top:8px;
overflow:hidden;
}