/* Caractéristiques générales --------------------------------------------------------------- */
*{
margin:0;
padding:0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#FFF;
text-align:center;
background:url(../pics/fond-index.jpg) #000 no-repeat top center;
}
#centrage {
width:960px;
margin:0 auto;
font-size:80%;
display:table;
text-align:left;
position:relative;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.both{
clear:both;
}
a:link, a:visited{
color:#FFF;
text-decoration:none;
}
a:hover, a:active{
color:#FFF;
text-decoration:underline;
}

a.vert, .vert{
color:#A1B82F;
}
a.orange, .orange{
color:#F3A602;
}
a.bleu, .bleu{
color:#4DA2EA;
}
a.prune, .prune{
color:#CE32A5;
}

/* En tête --------------------------------------------------------------- */

h1 a span{
	display: none;
}
h1 a{
	width: 800px;
	height: 113px;
	background: url('../pics/accueil/logo.jpg') no-repeat;
	display: block;
}
/* Navigation ----------------------------------------------------------------- */
#navigation{
width:960px;
height:27px;
position:relative;
z-index:999;
}
#navigation li{
list-style:none;
float:left;
position:relative;
}
#navigation a{
height:27px;
display:block;
}
#navigation li ul{
display:none;
}
#navigation li:hover ul{
display:block;
position:absolute;
z-index:999;
background-color:#CCCCCC;
}
#navigation ul.srub01{
width:284px;
}
#navigation ul.srub02{
width:231px;
}
#navigation ul.srub03{
width:192px;
}
#navigation ul.srub04{
width:253px;
}
#navigation li li{
float:none;
background:#000;
}
#navigation li ul.srub01 li:hover{
background:#9db52b;
}
#navigation li ul.srub02 li:hover{
background:#de9118;
}
#navigation li ul.srub03 li:hover{
background:#085d9e;
}
#navigation li ul.srub04 li:hover{
background:#c6059b;
}
#navigation li li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display:table;
width:100%;
height:auto;
border-bottom:1px solid #1f1f1f;
padding:4px 0px;
margin:0px 10px;
}
#navigation li li a{
text-decoration:none;
}

#rub01{
background-image:url(../pics/accueil/rub-01-le-pays.gif);
width:284px;
}
#rub02{
background-image:url(../pics/accueil/rub-02-developpement.gif);
width:231px;
}
#rub03{
background-image:url(../pics/accueil/rub-03-eau.gif);
width:192px;
}
#rub04{
background-image:url(../pics/accueil/rub-04-culture.gif);
width:253px;
}
#navigation li span{
display:none;
}
/* Contenu -------------------------------------------------------------------- */

div#miseavant h1{
font-size:14px;
}

div#animation-block {
display:block;
height:326px;
left:0;
position:absolute;
width:100%;
z-index:1;
}
div#animation-hold {
left:0;
min-width:960px;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:2;
}
div#animation-container {
float:left;
left:50%;
position:relative;
z-index:3;
}
div#flash-animation {
left:-50%;
position:relative;
z-index:4;
}

#contenu{
width:960px;
height:420px;
position:relative;
z-index:1;
}
#fildinfo{
width:960px;
height:40px;
}
#accesrapide{
background:url(../pics/accueil/fond-accesrapide.jpg) no-repeat;
width:236px;
float:left;
}
#recherche{
position:relative;
text-align:center;
}
#recherche div{
position:relative;
}
.moteur{
border:none;
color:#3d3d3d;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 5px;
width:182px;
height:17px;
background:url(../pics/accueil/bg-recherche.gif) no-repeat;
}
.lancerech{
position:absolute;
right:32px;
top:6px;
}
#localisation{
margin:0 0 10px 24px;
}
#logomono a{
text-align:center;
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
#logomono a:hover{
text-decoration:none;
}
#actualites{
width:723px;
float:left;
}
.actualite{
float:left;
width:295px;
height:170px;
display:block;
margin:20px;
font-size:85%;
}
#actualites h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:4px;
}
#actualites span{
float:right;
}
#actualites a{
font-size:90%;
font-weight:bold;
}
.fleche{
margin:0 5px;
}
.image{
width:295px;
height:108px;
display:block;
margin-bottom:2px;
position:relative;
}
.image div{
position:absolute;
left:188px;
top:86px;
}
.ombrehg{
padding-left:3px;
background-image:url(../pics/accueil/visuel-ombre-hg.gif);
background-repeat:no-repeat;
behavior:url(png.htc);
}
.ombrehd{
padding-right:3px;
padding-top:3px;
background-image:url(../pics/accueil/visuel-ombre-hd.gif);
background-position:right;
background-repeat:no-repeat;
}
.ombrebg{
margin-left:-3px;
padding-left:3px;
background-image:url(../pics/accueil/visuel-ombre-bg.gif);
background-position:bottom;
background-repeat:no-repeat;
}
.ombrebd{
margin-right:-3px;
padding-right:3px;
padding-bottom:3px;
background-image:url(../pics/accueil/visuel-ombre-bd.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
/* Pied de Page --------------------------------------------------------------- */
#pied{
/*width:950px;*/
height:11px;
font-size:70%;
padding:5px;
clear:both;
}
#pied span{
/*margin:-12px 0 0 0;*/
float:right;
}