/* 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:760px;
margin:0 auto;
font-size:75%;
display:table;
text-align:left;
position:relative;
background-image:url(../pics/fond.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;
}

/* 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_recherche.gif);
background-repeat:no-repeat;
float:right;
float:left;
background-color:#330099;
padding-left:36px;
/*background-image:url(../pics/bg_recherche.gif);
background-repeat:no-repeat;
float:right;

margin-right:3px;
*/}
form#recherche input{
float:left;
}
form#recherche input.champ{
margin-top:7px;
float:left;
width:130px;
}
/* Sous navigation ------------------------------------------------------------ */
div#sousmenu{
height:22px;
width:760px;
background-image:url(../pics/nuages-sous-menu.jpg);
background-repeat:no-repeat;
margin-top:-3px;
}
div#sousbandeau{
margin-top:-3px;
}
/* Ariane ------------------------------------------------------------ */
div#ariane{
width:740px;
margin-top:-3px;
margin-bottom:3px;
padding-left:20px;
}
div#ariane img{
margin-bottom:2px;
}
/* Body ------------------------------------------------------------ */
div#conteneur{
width:760px;
margin-top:-3px;
display:table;
background-image:url(../pics/separateur.jpg);
background-repeat:no-repeat;
padding-top:10px;
}
div#zonetexte{
padding:0 12px 12px 12px;
text-align:justify;
width:532px;
float:left;
border-right:1px solid #e2e2e2;
}
div#zonetexte h2{
color:#90ac35;
font-size:13px;
}
div#zonetexte p{
margin-bottom:10px;
}
div#zonetexte p a{
text-decoration:underline;
}
div#zonetexte img.fleche{
margin-bottom:1px;
}
/* Annexes ------------------------------------------------------------ */
div#annexes{
padding-left:12px;
position:relative;
margin-left:-1px;
float:left;
width:166px;
height:200px;
border-left:1px solid #e2e2e2;
background-image:url(../pics/papillon.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
div#annexes ul li a{
font-size:110%;
}
/* Pied de Page --------------------------------------------------------------- */
div#pied{
width:740px;
height:16px;
background-image:url(../pics/bandeau-bas.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:1px;
}
div#pied ul li a{
color:#555;
}