/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#696969;
text-align:center;
background-color:#FFF;
}
#centrage {
font-size:70%;
display:table;
text-align:left;
position:relative;
padding:0 10px;
}
html>/**/body #centrage{
width:98%;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.right{
float:right;
}
.left{
float:left;
}
input.champ{
border:1px inset;
padding:1px 2px;
font-size:80%;
}
a {
color:#B4CE88;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
h1{
color:#B4CE88;
text-align:right;
padding:0 0 10px 0;
font-size:150%;
font-family: Verdana, Helvetica, sans-serif, Arial;
font-weight:bold;
}
h2{
font-size:100%;
}
.separateur{
background-image:url(../pics/separateur.gif);
background-repeat:repeat-x;
background-position:center;
height:5px;
}
.couleur01{
color:#12AD2B;
}
.couleur02{
color:#85B600;
}
.couleur03{
color:#A5BC00;
}
.couleur04{
color:#E76F00;
}
.couleur05{
color:#D81F2A;
}
.couleur06{
color:#B75312;
}
.couleur07{
color:#B29200;
}
/* En tête --------------------------------------------------------------- */
#logo{
background-image:url(../pics/logo-fond.jpg);
background-repeat:no-repeat;
background-position:right;
width:218px;
height:138px;
float:left;
}
#logo img{
margin:10px 60px;
}
	#recherche{
	height:36px;
	float:right;
	}
	#recherche a{
	float:left;
	margin:10px 15px;
	color:#696969;
	text-decoration:underline;
	}
	#recherche form{
	float:left;
	margin-top:7px;
	}
	#recherche input.champ{
	border:1px inset;
	padding:1px 3px;
	font-size:80%;
	}
	#recherche input.ok{
	margin:0 10px -5px 0;
	}
#navigation{
background-image:url(../pics/navigation-fond.gif);
background-position:bottom right;
background-repeat:no-repeat;
float:right;
clear:right;
width:78%;
height:101px;
margin-left:-3px;
}
#navigation ul{
list-style:none;
width:609px;
float:right;
}
#navigation ul li{
background-repeat:no-repeat;
display:inline;
float:left;
margin-left:5px;
}
#navigation ul li.on{
background-position:0 -25px;
margin-top:25px;
}
#navigation ul li#rub01{
background-image:url(../pics/navigation/01-parc.gif);
}
#navigation ul li#rub02{
background-image:url(../pics/navigation/02-territoire.gif);
}
#navigation ul li#rub03{
background-image:url(../pics/navigation/03-milieux.gif);
}
#navigation ul li#rub04{
background-image:url(../pics/navigation/04-culture.gif);
}
#navigation ul li#rub05{
background-image:url(../pics/navigation/05-tourisme.gif);
}
#navigation ul li#rub06{
background-image:url(../pics/navigation/06-education.gif);
}
#navigation ul li#rub07{
background-image:url(../pics/navigation/07-citoyennete.gif);
}
#navigation ul li a{
width:82px;
height:74px;
display:block;
}
#navigation ul li span{
display:none;
}
/* CONTENEUR ----------------------------------------------------------------- */
#conteneur{
clear:both;
background-image:url(../pics/test.gif);
background-repeat:repeat-y;
position:absolute;
}
html>/**/body #conteneur{
position:static;
}
/* Sous navigation ------------------------------------------------------------ */
#sousnav{
width:215px;
float:left;
display:table; 
background-image:url(../pics/sousnav-fond.gif);
}
#sousnavh, #sousnavb{
width:215px;
background-repeat:no-repeat;
}
#sousnavh{
background-image:url(../pics/sousnav-haut.gif);
}
#sousnavm{
width:199px;
margin-top:-14px;
}
html>body #sousnavm{
margin-top:0px;
}
#sousnavm #titre{
color:#FFFFFF;
padding:5px 4px;
font-size:110%;
font-family: Verdana, Helvetica, sans-serif, Arial;
letter-spacing:1px;
font-weight:bold;
background-color:#B4CE88;
}
#sousnavb{
margin-top:0px;
background-image:url(../pics/sousnav-bas.gif);
height:25px;
}
	#navigation2 a{
	color:#B4CE88;
	}
	ul#navigation2.premnav{
	margin-bottom:-5px;
	padding:10px 0;
	border-bottom:5px solid;
	}
	#navigation2, #navigation3{
	list-style:none;
	}
	html>/**/body #navigation3{
	margin-left:12px;
	}
	#navigation2 li, #navigation3 li{
	padding-left:10px;
	}
	#navigation2 li{
	border-top:1px solid #ebebeb;
	font-weight:bold;	
	}
	#navigation3 li{
	border-top:none;
	font-weight:100;

	}
	#navigation2 li.on, #navigation3 li.on{
	background-image:url(../pics/fleche.gif);
	background-repeat:no-repeat;
	background-position:2px 7px;
	font-weight:bold;
	}
#localisation{
margin-top:5px;
padding:30px 0;
background-image:url(../pics/test.gif);
background-repeat:repeat-y;

}
	#newsletter{
	padding-bottom:30px;
	background-image:url(../pics/test.gif);
	background-repeat:repeat-y;
	}
	#newsletter form{
	background-color:#F99644;
	height:28px;
	margin-top:-2px;
	padding-top:3px;
	}
	#newsletter input.champ{
	border:1px inset;
	padding:1px 3px;
	font-size:80%;
	margin-left:10px;
	}
	#newsletter input.ok{
	margin-bottom:-7px;
	position:relative;
	}
	
#pratique{
background-image:url(../pics/pratique-fond.gif);
background-repeat:repeat-y;
display:table; 
width:199px;
padding-left:10px;
font-size:90%;
line-height:130%;
}
#pratique ul{
width:167px;
list-style:none outside none;
margin:5px 0;
height:139px;

}
#pratique ul li{
background-image:none;
margin-bottom:0px;
}
#pratique a{
color:#696969;
font-weight:100;
}
/* Contenu ------------------------------------------------------------ */
#accroche{
background-repeat:no-repeat;
display:table;
height:158px;
padding-bottom:-1px;
margin-bottom:10px;
}
html>/**/body #accroche{
/*width:100%;*/
}
#zonetexte{
background-image:url(../pics/zonetexte-fond.jpg);
background-repeat:no-repeat;
background-position:0 30px;
height:300px;
min-height:300px;
left:-10px;
position:relative;
padding:0 15px 15px 25px;
display:table;
}
html>body #zonetexte{
height:auto;
}
#ariane{
margin:0 14px 5px -12px;
padding:5px;
font-weight:bold;
}
html>/**/body #ariane{
position:static;
}
#ariane a{
margin:0 2px 0 5px;
}
#ariane a.on{
color:#696969;
}
p{
margin-bottom:20px;
}
p img{
margin:0 0 5px 5px;
}
/* Annexes --------------------------------------------------------------- */
#annexes{
width:173px;
float:right;
margin-top:-60px;
margin-right:-15px;
position:relative;
margin-left:10px;
}
html>/**/body #annexes{
margin-right:-29px;
}
#actus, #actusm, #actusb{
position:relative;
}
#actus{
width:173px;
display:table;
z-index:1;
margin-top:50px;
background-image: url("../pics/actus-fond.gif");
background-repeat:repeat-y;
}
#actus.coul01{
background-image: url("../pics/01/actus-fond.gif");
}
#actus.coul02{
background-image: url("../pics/02/actus-fond.gif");
}
#actus.coul03{
background-image: url("../pics/03/actus-fond.gif");
}
#actus.coul04{
background-image: url("../pics/04/actus-fond.gif");
}
#actus.coul05{
background-image: url("../pics/05/actus-fond.gif");
}
#actus.coul06{
background-image: url("../pics/06/actus-fond.gif");
}
#actus.coul07{
background-image: url("../pics/07/actus-fond.gif");
}
#actusm{
width:165px;
z-index:3;
margin-top:-40px;
padding-left:8px;
margin-left:0px;
}
#actusm p{
margin-right:4px;
padding:10px 10px 0 12px;
background-color:#fff;
float:right;
width:114px;
}
html>/**/body #actusm p{
margin-right:8px;
}
#actusm a.plus{
float:right;
font-weight:bold;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:10px;
}
#actusm a.toutes-actus{
font-weight:bold;
float:right;
margin:0 10px 0 0;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
}
#actusb{
width:172px;
height:12px;
z-index:2;
background-image: url("../pics/00/actus-bas.gif");
background-repeat:no-repeat;
margin:-4px 0 -1px 0;
}
#actusb.coul01{
background-image: url("../pics/01/actus-bas.gif");
}
#actusb.coul02{
background-image: url("../pics/02/actus-bas.gif");
}
#actusb.coul03{
background-image: url("../pics/03/actus-bas.gif");
}
#actusb.coul04{
background-image: url("../pics/04/actus-bas.gif");
}
#actusb.coul05{
background-image: url("../pics/05/actus-bas.gif");
}
#actusb.coul06{
background-image: url("../pics/06/actus-bas.gif");
}
#actusb.coul07{
background-image: url("../pics/07/actus-bas.gif");
}
#infos{
width:173px;
display:table;
background-image:url(../pics/infos-fond.gif);
}
#infos h2{
color:#B4CE88;
font-size:180%;
font-family: Arial, Verdana, Helvetica, sans-serif, Arial;
text-align:right;
font-weight:100;
}
#infos h2 img{
margin-bottom:3px;
}
#infos .separateur{
background-image:url(../pics/separateur.gif);
background-repeat:repeat-x;
background-position:center;
height:5px;
}
#infosh, #infosb{
position:relative;
}
html>body #infosh, #infosm, #infosb{
margin-left:0px;
}
#infosh, #infosb{
width:173px;
height:12px;
z-index:1;
background-repeat:no-repeat;
}
#infosh{
background-image:url(../pics/infos-haut.gif);
}
#infosm{
/*height:100px;*/
display:table;
width:153px;
margin-left:10px;
}
#infosm .separateur{
margin:0 10px;
padding-top:5px;
}
#infosm h2{
padding:5px 0;
}
#infosm p{
padding:0 10px;
}
html>/**/body #infosm p{
margin-right:8px;
}
#infosm a.plus{
float:right;
font-weight:bold;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:10px;
}
#infosb{
background-image:url(../pics/infos-bas.gif);
margin-bottom:-1px;
}
/* Pied de Page --------------------------------------------------------------- */
#pied{
clear:both;
padding:10px 0;
font-size:90%;
background-color:#FFFFFF;
width:98%;
}
#pied a{
color:#696969;
}

.copyright {
	font-weight:bold;
	font-size:10px;
}