/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin:0;
padding:0;
border:0;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#000;
text-align:center;
background-color:#FFF;
}

div#centrage {
width:960px;
margin:0 auto;
font-size:75%;
display:table;
text-align:left;
position:relative;
background-image:url(../pics/fond2.jpg);
background-repeat:no-repeat;
color:#89979c;
background-color:#f5f9f9;
}
/* classes utiles  */
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.left{
float:left;
}
.right{
float:right;
}
.textcenter{
text-align:center;
}
.textleft{
text-align:left;
}
.textright{
text-align:right;
}
.petit{
font-size:60%;
}
.grand{
font-size:120%;
}
.both{
clear:both;
}
/* balises generiques  */
a{
color:#909fa4;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #ccc;
width:107px;
height:13px;
font-size:80%;
padding:1px 2px;
color:#89979c;
}
select {
border:1px inset #000;
}
table#calage td{
clear:both;
}
table#calage td{
vertical-align:top;
}
/* Entête */
div#entete {

} 
/* Navigation ----------------------------------------------------------------- */
div#navigation{
height:28px;
margin-top:-3px;
}
div#navigation ul {
float:left;
}
div#navigation ul li{
float:left;
}
form#recherche{
height:28px;
background-image:url(../pics/bg_recherche2.gif);
background-repeat:no-repeat;
float:right;
float:left;
padding-left:241px;
}
form#recherche input{
float:left;
}
form#recherche input.champ{
margin-top:7px;
float:left;
width:130px;
}
/* Ariane ------------------------------------------------------------ */
div#sousmenu{
width:940px;
height:22px;
background-image:url(../pics/nuages-sous-menu2.jpg);
background-repeat:no-repeat;
margin-top:-3px;
margin-bottom:3px;
padding-left:20px;
padding-top:7px;

}
div#sousmenu img{
margin-bottom:1px;
}
div#sousmenu ul li{
float:left;
margin-right:3px;
}
div#sousmenu ul li a{
text-decoration:none;
color:#90ac35;
font-weight:bold;

}
div#ariane{
width:960px;
height:10px;
margin-top:-7px;
}
/* Sous navigation ------------------------------------------------------------ */
div#snavigation{
margin-right:-1px;
width:147px;
border-right:1px solid #e2e2e2;
padding:0 0 12px 12px;
font-size:90%;
}
div#snavigation a{
text-decoration:none;
color:#90ac35;
}

div#snavigation a:hover{
text-decoration:underline;
color:#89979c;
}

div#snavigation ul li {
font-weight:bold;
}

div#snavigation ul li ul li {
font-weight:normal;
}

div#snavigation ul{
font-weight:normal;
}
div#snavigation ul ul{
margin-left:5px;
}

div#snavigation ul ul li {
padding-left:7px;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}

div#snavigation ul ul li a{
font-weight:100;
}
div#snavigation ul li a img{
margin:10px 0 0 7px;
}

div#top ul  li {
text-align:right;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:572px 5px;
}
/* contenu ------------------------------------------------------------ */
div#conteneur{
width:607px;
display:table;
padding:0 10px;
border-right:1px solid #e2e2e2;
border-left:1px solid #e2e2e2;
}
/* Annexes ------------------------------------------------------------ */
div#cadreannexes{
width:123px;
padding:4px 8px 30px 8px;
background-color:#abb9bd;
background-image:url(../pics/bas-annexes.jpg);
background-repeat:no-repeat;
background-position:bottom;
color:#FFFFFF;
font-size:90%;
}
div#cadreannexes a{
color:#FFFFFF;
}
div#annexes{
width:137px;
height:200px;
display:table;
margin-left:-1px;
padding:0 10px 25px 12px;
border-left:1px solid #e2e2e2;
background-image:url(../pics/papillon.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
div#annexes img{
padding-top:5px;
}
div#annexes ul li a{
font-size:110%;
}
/* Pied de Page --------------------------------------------------------------- */
div#pied{
clear:both;
height:16px;
background-image:url(../pics/bandeau-bas2.jpg);
background-repeat:no-repeat;
color:#555;
font-size:90%; 
padding:28px 10px 0 10px;
}
div#pied span.textepied{
float:left;
}
div#pied ul{
float:right;
}
div#pied ul li{
float:left;
margin-right:2px;
}
div#pied ul li a{
color:#555;
margin-right:1px;
}
ul#liens {
font-weight:bold;
font-size:110%;
border:1px solid #e2e2e2;
}