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

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

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

ul{
list-style:none;
}

a{
text-decoration:none;
outline:none;
}

.nettoyeur{
clear:both;
font-size:1px;
}

object {
outline:none;
}

img {
border:none;
}

button::-moz-focus-inner {
border: 0;
}

fieldset{
margin: 0;
padding: 0;
border: none;
}

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

span.spip_surligne{
background:none;
}

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

h1{
text-align:left;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
}

h2{
text-align:left;
margin-top:10px;
margin-bottom:10px;
color:#223831;
font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
font-weight:normal;
font-size:1.75em;
}

h3{
text-align:left;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
color:#223831;
font-size:1.375em;
}

h4{
text-align:left;
font-size:1em;
margin-top:10px;
margin-bottom:10px;
}

p{
text-align:justify;
font-size:0.8125em;
line-height:140%;
margin-top:15px;
margin-bottom:15px;
}

ol,ul{
margin-top:15px;
margin-bottom:15px;
}

li{
text-align:justify;
font-size:0.8125em;
line-height:140%;
margin-top:15px;
margin-bottom:15px;
margin-left:20px;
}

ol li{
color:#223831;
font-weight:bold;
font-style:italic;
font-size:1em;
line-height:100%;
}

li em{
font-style:normal;
font-size:0.8125em;
color:white;
font-weight:normal;
}

.bloc strong {
color:#223831;
}

table{
width:100%;
border-collapse:collapse;
border-spacing:0;
margin-top:15px;
margin-bottom:15px;
}

td{
text-align:center;
font-size:0.875em;
line-height:140%;
padding:4px 4px 4px 4px;
border:1px solid #223831;
}

input{
margin-right:40px;
padding:4px 4px 4px 4px;
border:1px solid #587326;
background:white url(images/input_bg.png) top center repeat-x;
}

textarea{
padding:4px 4px 4px 4px;
border:1px solid #587326;
background:white url(images/input_bg.png) top center repeat-x;
font-family: arial, verdana, sans-serif;
font-size:0.8125em;
width:600px;
height:140px;
}

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

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:#6F9D0C;
font-weight:bold;
font-size:0.875em;
}

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

/**********Page********/

.page{
width:890px;
padding-left:26px;
padding-right:26px;
margin-left:auto;
margin-right:auto;
background:transparent url(images/page_bg.png) top center repeat-y;
}

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

.bandeau{
height:220px;
background:transparent url(images/bandeau.jpg) top center no-repeat;
min-width:942px;
width:100%;
}

#bandeau_flash{
margin-left:auto;
margin-right:auto;
height:220px;
width:860px;
}

div#bandeau_flash{
background:transparent url(images/bandeau_alt.jpg) top center no-repeat;
}

/********Menu************/

div.menu{
background:transparent url(images/menu_bg.png) top left no-repeat;
height:93px;
width:942px;
margin-left:auto;
margin-right:auto;
}

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:32px;
padding-top:20px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
font-size:0.9375em;
text-align:center;
background:none;
}

div.menu a{
display:block;
color:#f1f0f0;
font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
font-weight:normal;
padding-left:8px;
height:31px;
}

div.menu a:hover{
background:transparent url(images/menu_hover_left.png) top left no-repeat;
color:black;
}

div.menu a span{
display:block;
padding-right:8px;
padding-top:5px;
height:26px;
}

div.menu a:hover span{
background:transparent url(images/menu_hover_right.png) top right no-repeat;
}

div.menu .on a{
color:#95bd0e;
}

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

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

.bloc{
margin-top:28px;
margin-bottom:28px;
}

.bloc_left{
float:left;
margin-top:14px;
margin-bottom:14px;
}

.bloc_right{
float:right;
margin-top:14px;
margin-bottom:14px;
}

.bloc_haut{
margin-top:0px;
}

.grand_bloc{
width:890px;
margin-left:auto;
margin-right:auto;
}

.grand_bloc .bloc_top{
height:8px;
font-size:2px;
line-height:2px;
background:transparent url(images/grand_bloc_top.png) top left no-repeat;
}

.grand_bloc .bloc_bottom{
background:transparent url(images/grand_bloc_bottom.png) bottom left no-repeat;
min-height:132px;
padding:8px 16px 16px 16px;
}

.petit_bloc{
width:430px;
}

.petit_bloc .bloc_top{
height:8px;
font-size:2px;
line-height:2px;
background:transparent url(images/petit_bloc_top.png) top left no-repeat;
}

.petit_bloc .bloc_bottom{
background:transparent url(images/petit_bloc_bottom.png) bottom left no-repeat;
min-height:132px;
padding:8px 16px 16px 16px;
}

/*********************Pied****************/

.pied{
width:926px;
padding-left:8px;
padding-right:8px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

.pied p{
font-size:0.75em;
color:#a6b2ae;
text-align:left;
margin-top:14px;
margin-bottom:14px;
}

.pied p a{
color:#a6b2ae;
}

.pied .separation{
padding-left:4px;
padding-right:4px;
}

.pied ul{
margin-top:14px;
margin-bottom:14px;
}

.pied li{
margin-left:0px;
font-size:0.75em;
text-align:left;
margin-top:4px;
margin-bottom:4px;
}

.pied li a{
color:#f1f0f0;
}

.pied li a:hover{
color:#A5AEAB;
}

.pied li a img{
margin-right:3px;
vertical-align:baseline;
}

.pied .remonter{
background:#223831 url(images/remonter_bg.png) top right no-repeat;
text-align:right;
font-size:0.6875em;
height:21px;
padding-top:8px;
padding-right:15px;
}

.pied .remonter a{
color:#f1f0f0;
}

.pied .remonter a img{
vertical-align:baseline;
margin-right:7px;
}

.pied .remonter a:hover{
color:#94BC0E;
}