/**********Definitions generales***********/
html {
font-size: 100%;
height:100%;
}

body {
height:100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: black;
font-family: arial, verdana, sans-serif;
background:#91b5db url(images/body_bg.jpg) top center repeat;
}

div,ul,li,table,td,h1,h2,h3,h4,h5,p,span,form,img{
margin: 0;
padding: 0;
font-size: 1em;
}

ul{
list-style:none;
}

a{
text-decoration:none;
}

.nettoyeur{
clear:both;
}

/**************Page 404**************/
div#page_404{
background:white;
border:1px solid black;
width:400px;
margin-left:auto;
margin-right:auto;
padding:20px 20px 20px 20px;
margin-top:100px;
}

div#page_404 h1{
text-align:center;
padding-left:0;
}

div#page_404 p{
text-align:center;
font-size:0.875em;
}

div#page_404 a{
text-transform:uppercase;
color:#4977c4;
font-weight:bold;
font-size:0.875em;
}

div#page_404 a:hover{
color:black;
}

/*************Surligne**********/

span.spip_surligne{
background:none;
}

/**********Fond****************/

div.fond{
background:transparent url(images/fond_bg.jpg) top center repeat-x;
height:100%;
}

/*********Trai************/

div.trait{
background:transparent url(images/trait_bg.png) top left repeat-y;
min-height:100%;
}

/*********Bandeau************/

div.bandeau{
background:transparent url(images/bandeau.jpg) top left no-repeat;
height:171px;
width:944px;
}


/**********Page************/
.page{
width:944px;
margin-left:auto;
margin-right:auto;
}


/********Menu************/
div.menu{
background:transparent url(images/menu_bg.png) top left no-repeat;
height:71px;
width:944px;
}

div.menu ul{
margin-top:0px;
margin-bottom:0px;
padding-left:50px;
padding-right:36px;
}

div.menu li{
margin:0;
padding:0;
float:left;
display:block;
height:33px;
padding-top:28px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
font-size:0.9375em;
text-align:center;
background:none;
}

div.menu a{
color:#4977c4;
text-transform:uppercase;
font-weight:bold;
font-family:Helvetica, sans-serif
}

div.menu .on a{
color:black;
}

div.menu a:hover{
color:black;
}


/***********Bloc************/

div.bloc{
margin-top:50px;
}

div.bloc h2{
margin-top:0px;
}

div.bloc_bottom{
background:transparent url(images/bloc_bottom.png) bottom right no-repeat;
}

div.bloc_premier_top{
background:transparent url(images/bloc_premier_top.png) top right no-repeat;
padding-top:14px;
margin-top:0px;
}

div.bloc_top{
background:transparent url(images/bloc_top.png) top right no-repeat;
padding-top:6px;
}

div.bloc_contenu{
padding-top:14px;
padding-left:103px;
padding-right:30px;
padding-bottom:18px;
text-align:left;
}


/**********Bloc petit**********/

div.bloc_petit_top{
background:transparent url(images/bloc_petit_top.png) top right no-repeat;
padding-top:6px;
}

div.bloc_petit_bottom{
background:transparent url(images/bloc_petit_bottom.png) bottom right no-repeat;
}

div.bloc_petit{
width:340px;
}

div.bloc_petit h2{
padding-left:30px;
}

div.bloc_petit div.bloc_contenu{
padding-left:30px;
}

div.bloc_petit_gauche{
float:left;
margin-left:155px;
}

div.bloc_petit_droite{
float:right;
margin-right:30px;
}

/**********Bloc moyen**********/

div.bloc_moyen_top{
background:transparent url(images/bloc_moyen_top.png) top right no-repeat;
padding-top:6px;
}

div.bloc_moyen_bottom{
background:transparent url(images/bloc_moyen_bottom.png) bottom right no-repeat;
}

div.bloc_moyen{
width:610px;
margin-left:210px;
}

div.bloc_moyen h2{
padding-left:30px;
}

div.bloc_moyen div.bloc_contenu{
padding-left:30px;
}

/**********Picto**********/
div.picto{
position:absolute;
top:-25px;
left:-62px;
width:125px;
height:150px;
text-align:center;
z-index:50;
}

div.bloc_picto{
position:relative;
}

/***********Contenu************/

h1{
color:#4977c4;
text-transform:uppercase;
font-weight:bold;
font-family:Helvetica, sans-serif;
font-size:1.875em;
margin-bottom:12px;
}

h2{
color:#4977c4;
text-transform:uppercase;
font-weight:bold;
font-family:Helvetica, sans-serif;
font-size:1.375em;
margin-bottom:12px;
margin-top:22px;
}

h3{
color:#4977c4;
font-weight:bold;
font-size:0.875em;
margin-bottom:12px;
margin-top:12px;
}

p{
font-size:0.8125em;
text-align:justify;
margin-bottom:12px;
}

ul{
margin-bottom:22px;
margin-top:22px;
padding-left:60px;
display:block;
}

li{
font-size:0.8125em;
display:block;
background:transparent url(images/puce.gif) 0px 1px no-repeat;
padding-left:20px;
margin-top:10px;
margin-bottom:10px;
}

table{
margin-bottom:12px;
margin-top:12px;
width:100%;
}

table td{
font-size:0.8125em;
}

table td *{
font-size:1em;
}

a{
color:#4977c4;
}

a:hover{
color:black;
}

.bloc_contenu img{
vertical-align:middle;
}

/**************Document*************/

.spip_documents{
font-size:1em;
}

.spip_documents dt.spip_doc_titre{
color:#4977c4;
font-size:1em;
}


/**********Pied de page***********/
div.pied{
margin-bottom:10px;
}

div.pied p{
margin-bottom:4px;
font-size:0.75em;
}

div.pied ul,div.pied li{
margin:0;
background:none;
padding:0;
}

div.pied li{
font-size:0.75em;
margin-top:2px;
margin-bottom:2px;
}

div.pied strong{
color:#4977c4;
}

div.pied a{
color:black;
}

div.pied a:hover{
color:#4977c4;
}

div.pied a:hover strong{
color:black;
}

div.pied p.divers{
text-align:right;
}

div.pied p.divers strong{
padding-left:12px;
background:transparent url(images/remonter_puce.png) 0px 3px no-repeat;
}

div.pied_left{
width:200px;
float:left;
}

div.pied_left ul li{
padding-left:18px;
}

div.pied_right{
width:350px;
float:left;
}

div.pied_left p, div.pied_right p{
color:#4977c4;
text-transform:uppercase;
font-weight:bold;
}

div.pied li.maison{
background:transparent url(images/pied_maison.png) 0px 3px no-repeat;
}

div.pied li.mentions{
background:transparent url(images/pied_mentions.png) 0px 3px no-repeat;
}

div.pied li.contact{
background:transparent url(images/pied_contact.png) 0px 3px no-repeat;
}