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

body {
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: black;
font-family: arial, verdana, sans-serif;
background:#A2E466 url(images/body_bg.png) top center repeat-x;
}

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****************/
.page{
display:block;
width:936px;
margin-left:auto;
margin-right:auto;
}

/***********Bandeau*********/
#bandeau{
height:159px;
background:transparent url(images/bandeau.jpg) top center no-repeat;
}

/************Menu************/
#menu{
margin-top:0px;
margin-bottom:0px;
background:transparent url(images/menu_bg.png) top left repeat-x;
}

#menu ul{
margin-top:0px;
margin-bottom:0px;
}

#menu li{
margin:0;
padding:0;
float:left;
display:block;
height:40px;
padding-top:16px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
font-size:0.875em;
text-align:center;
background:none;
}

#menu li.premier{
background:transparent url(images/menu_left.png) top left no-repeat;
}

#menu li.dernier{
background:transparent url(images/menu_right.png) top right no-repeat;
}


#menu li span{
background:transparent url(images/menu_separation.png) center left no-repeat;
display:block;
}

#menu li.premier span{
background:none;
padding-left:8px;
}

#menu li.dernier span{
padding-right:8px;
}

#menu a{
color:white;
text-transform:uppercase;
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-weight:bold;
}

#menu .on a{
color:#003074;
}

#menu a:hover{
color:#001027;
}


/*********Elements*************/
h1{
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
font-family: "trebuchet ms", verdana, arial, sans-serif;
text-align:left;
margin-left:20px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
clear:both;
}

h2{
font-size:1.25em;
font-weight:bold;
text-transform:uppercase;
font-family: "trebuchet ms", verdana, arial, sans-serif;
text-align:left;
margin-left:22px;
margin-right:22px;
margin-top:16px;
margin-bottom:8px;
clear:both;
}

h3{
font-size:1.125em;
font-weight:bold;
font-family: "trebuchet ms", verdana, arial, sans-serif;
text-transform:uppercase;
clear:both;
text-align:left;
margin-left:22px;
margin-right:22px;
margin-top:16px;
margin-bottom:8px;
border-bottom:1px solid #A4ABAF;
}

h4{
font-size:0.875em;
font-weight:bold;
margin-left:22px;
margin-right:22px;
margin-top:2px;
margin-bottom:2px;
}

p{
font-size:0.75em;
margin-left:22px;
margin-right:22px;
margin-top:8px;
margin-bottom:16px;
text-align:justify;
}

.spip_documents img{
border:3px solid #FFFFFF;
}

ul{
margin-top:8px;
margin-bottom:16px;
}

li{
font-size:0.75em;
margin-left:42px;
margin-right:22px;
margin-top:6px;
margin-bottom:6px;
background:transparent url(images/liste_puce.gif) 0px 4px no-repeat;
padding-left:12px;
}

ul li ul{
margin-top:6px;
margin-bottom:22px;
}

ul li ul li{
font-size:1em;
}

table{
margin-top:8px;
margin-bottom:16px;
margin-left:auto;
margin-right:auto;
border-spacing: 0px;
border-collapse: collapse; 
width:100%;
}

td{
font-size:0.75em;
padding:3px 3px 3px 3px;
vertical-align:middle;
}

input{
background:white url(images/input_bg.png) top left repeat-x;
border:1px solid #9F9F9F;
padding:3px 3px 3px 3px;
font-size:1.2em;
}

textarea{
font-family: arial, verdana, sans-serif;
font-size:0.875em;
width:100%;
height:130px;
background:white url(images/input_bg.png) top left repeat-x;
border:1px solid #9F9F9F;
padding:3px 3px 3px 3px;
}

a{
color:#3E89CE;
}

a:hover{
color:#001027;
}

/**************Contenu**************/
#contenu{
background:transparent url(images/contenu_bg.png) top center repeat-y;
text-align:left;
color:#151A1D;
}

#contenu .contenu_top{
background:transparent url(images/contenu_top.png) top center no-repeat;
padding-left:6px;
padding-right:6px;
padding-bottom:0px;
padding-top:0px;
min-height:222px;
}

#contenu .contenu_bottom{
background:transparent url(images/contenu_bottom.png) bottom center no-repeat;
height:18px;
line-height:18px;
font-size:18px;
}

/***********Contenu left*******/
.contenu_left{
width:237px;
float:left;
}

.contenu_left .cadre{
margin-top:12px;
margin-bottom:12px;
margin-left:12px;
width:225px;
}

.contenu_left .cadre h2{
padding-left:18px;
font-size:1.125em;
margin-top:7px;
margin-bottom:16px;
}

.cadre_petit_bleu,.cadre_petit_vert{
color:white;
}

.cadre_petit_bleu .cadre_contenu{
background:#3E89CE;
border-top:1px solid #3E89CE;
border-bottom:1px solid #3E89CE;
}

.cadre_petit_bleu .cadre_top{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_petit_bleu_top.gif) top center no-repeat;
}

.cadre_petit_bleu .cadre_bottom{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_petit_bleu_bottom.gif) bottom center no-repeat;
}

.cadre_petit_bleu h2{
background:transparent url(images/titre_puce_bleu.png) center left no-repeat;
}

.cadre_petit_vert .cadre_contenu{
background:#419257;
border-top:1px solid #419257;
border-bottom:1px solid #419257;
}

.cadre_petit_vert .cadre_top{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_petit_vert_top.gif) top center no-repeat;
}

.cadre_petit_vert .cadre_bottom{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_petit_vert_bottom.gif) bottom center no-repeat;
}

.cadre_petit_vert h2{
background:transparent url(images/titre_puce_vert.png) center left no-repeat;
}

/***********Contenu right*******/
.contenu_right{
width:676px;
float:right;
}

.contenu_right .cadre{
margin-top:12px;
margin-bottom:12px;
margin-right:12px;
width:665px;
}

.cadre_grand_bleu{
color:white;
}

.cadre_grand_bleu .cadre_contenu{
background:#3E89CE;
border-top:1px solid #3E89CE;
border-bottom:1px solid #3E89CE;
}

.cadre_grand_bleu .cadre_top{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_grand_bleu_top.gif) top center no-repeat;
}

.cadre_grand_bleu .cadre_bottom{
height:8px;
line-height:1px;
font-size:1px;
background:transparent url(images/cadre_grand_bleu_bottom.gif) bottom center no-repeat;
}


/**************Contenu center***********/

.contenu_center .cadre{
width:901px;
margin-left:12px;
}

.contenu_center .cadre_grand_bleu .cadre_top{
background:transparent url(images/cadre_grand_bleu_top2.gif) top center no-repeat;
}

.contenu_center .cadre_grand_bleu .cadre_bottom{
background:transparent url(images/cadre_grand_bleu_bottom2.gif) bottom center no-repeat;
}

/****************Pied***************/
#pied{
padding-top:10px;
padding-bottom:20px;
}

.boutons{
display:block;
text-align:left;
margin:0;
padding:0;
padding-left:20px;
padding-right:20px;
}

.boutons li{
margin:0;
padding:0;
text-transform:lowercase;
color:#336FA7;
}

.boutons a{
color:#336FA7;
}

.boutons a:hover{
color:#001027;
}

.boutons .boutons_left{
display:block;
width:auto;
padding-right:20px;
padding-left:14px;
float:left;
}

.boutons .boutons_right{
display:block;
width:250px;
height:15px;
float:right;
text-align:right;
}

.plan{
background:transparent url(images/plan_puce.png) center left no-repeat;
}

.mentions{
background:transparent url(images/mentions_puce.png) center left no-repeat;
}

.realisation{
background:none;
}

.realisation span{
padding-left:13px;
background:transparent url(images/realisation_puce.png) center left no-repeat;
}


/**************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{
font-size:0.875em;
color:#3E89CE;
}

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

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

span.spip_surligne{
background:none;
}