/* 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;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}

/* ---------- Balises ---------- */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
/*font-size:60%;*/
font-size:70%;
line-height:150%;
/*color:#545454;*/
color:#333;
text-align:center;
background-color:#333333;
margin-bottom:10px;
}

#centrage {
width:970px;
padding:0 0 5px 10px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
background-color:#FFF;
}
a:link, a:visited{
text-decoration:none;
color:#545454;
}
a:hover, a:active{
text-decoration:underline;
color:#545454;
}
h1{
font-size:120%;
clear:both;
}
h2{
font-size:120%;
clear:both;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #808080;
width:107px;
height:12px;
font-size:12px;
padding:1px 2px;
}
select {
border:1px inset #808080;
height:14px;
font-size:12px;
}
select option{
padding:1px 2px;
}

td{
vertical-align:top;
}

/* ---------- Structure ---------- */

div#entete {

display:table;

position:relative;

height:400px;

width:960px;

}

div#corps {

display:table;

position:relative;

margin:0 0 0 -4px;

}

div#pied {

display:table;

position:relative;

padding:5px 0 0 10px;

background-image:url(../pics/fond-pied.jpg);

background-repeat:no-repeat;

background-position:10px 0;

height:45px;

width:950px;

}

/* ---------- En tete ---------- */

div#entete object{

}

#flashcontent{

position:absolute;

}

form#recherche{
position:relative;
z-index:2;
width:140px;
float:right;
right:100px;
margin:0px 0px 0px 12px;
padding:46px 0px 0px 0px;
}
html>/**/body form#recherche{
padding-top:47px;
right:88px;

}
form#recherche input.champ{
width:105px;
border:solid #808080 1px;
color:#808080;
font-size:11px;
}
form#recherche input.ok{
position:relative;
height:14px;
font-size:10px;
background-color:#FFFFFF;
color:#808080;
}
*+html form#recherche{
padding-top:49px;
}

form#langues{
margin:0px;
padding:45px 0px 0px 0px;
position:relative;
z-index:2;
float:right;
left:142px;
top:1px;
}

form#langues select{
width:55px;
color:#808080;
height:17px;
font-size:10px;
}

div#langues{
margin:1px 0 0 2;
padding:0px;
position:relative;
z-index:2;
float:right;
left:140px;
top:49px;
}
*+html div#langues{
top:52px;
}

/* ---------- Corps ---------- */

table#calage{
background-image:url(../pics/fond-accueil.jpg);
background-repeat:no-repeat;
margin:-3px 0 0 4px;
}

	/* ---------- Contenu ---------- */

	td#contenu{

	padding:0;

	width:735px;

	}

	td#contenu div.cartouche{

	background-image:url(../pics/fond-actu-accueil.gif);

	background-repeat:no-repeat;

	width:154px;

	height:190px;

	padding:0 0 0 6px;

	float:left;

	margin:0 10px 0 10px;

	position:relative;

	}

	td#contenu div.cartouche h2{

	margin:-20px 0 0 0;

	position:relative;

	z-index:4;

	}

	td#contenu div.cartouche img.visuel{

	margin:8px 0 0 0;

	}

	td#contenu div.cartouche h3{

	margin:4px 0 0 0;

	font-size:11px;

	}

	td#contenu div.cartouche div{

	font-size:11px;

	margin-right:7px;

	height:45px;

	overflow:auto;

	}

	td#contenu div.cartouche ul{

	float:right;

	font-weight:bold;

	margin:4px 0 0 0;

	text-align:right;

	padding-right:8px;

	line-height:12px;

	}

	td#contenu div.balades h3, td#contenu div.balades a{

	color:#888900;

	}

	td#contenu div.coeur h3, td#contenu div.coeur a{

	color:#C29C30;

	}

	td#contenu div.sejour h3, td#contenu div.sejour a{

	color:#bb482d;

	}

	/* ---------- Annexes ---------- */

	td#annexes{

	padding:5px 0 0 0;

	}

/* ---------- Pied de Page ---------- */

ul#parcs{

margin-left:4px;

float:left;

margin-right:4px;

}

html>/**/body ul#parcs{

margin-left:9px;

}

ul#parcs li{

display:inline;

margin-right:5px;

}

div#pied p{
font-size:110%;
position:relative;
top:9px;
left:40px;
line-height:170%;
}
div#pied ul#liensutiles{
font-size:90%;
font-weight:bold;
float:right;
width:230px;
text-align:center;
margin-top:-25px;
position:relative;
z-index:100;
margin-right:-5px;
}
div#pied ul#liensutiles li{
display:inline;
margin:0 2px;
}



/* ----------- Picto zoom ----------- */



a.pictozoom {

position:relative; 

z-index:24;

text-decoration:none;

}

a.pictozoom:hover {

z-index:25;

background:#fff;

text-decoration:none;

}

a.pictozoom span {

display:none;

}

a.pictozoom:hover span {

display:block; 

position:absolute;

top:-20px;

left:-15px;

background:#fff;

}



div.bloc{

top:152px;

position:absolute;

}

div.bloc ul li{

margin-bottom:8px;

}