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

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

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

ul{
list-style:none;
}

a{
text-decoration:none;
}

a:hover,a:hover strong{
text-decoration:underline;
}

.nettoyeur{
clear:both;
}

.spip_surligne{background:none;}

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

div.ecran{
width:944px;
margin-left:auto;
margin-right:auto;
}

div#ecran{
background:transparent url(images/ecran_bg.png) top center repeat-y;
}

div.page{
width:924px;
float:left;
}

div.left_bg{
width:10px;
height:501px;
background:green;
float:left;
background:transparent url(images/ecran_bg_left.png) top left no-repeat;
}

div.right_bg{
width:10px;
height:501px;
background:green;
float:right;
background:transparent url(images/ecran_bg_right.png) top right no-repeat;
}
/*********Entete*************/
div#entete{
height:68px;
margin-top:27px;
margin-bottom:9px;
}

div#entete li.logo a{
width:512px;
height:68px;
display:block;
margin-left:28px;
float:left;
}

div#entete li.logo a{
display:block;
}

div#entete li.logo a img{
width:512px;
height:68px;
display:block;
}

li.langue{
display:block;
width:250px;
float:right;
margin-top:6px;
margin-right:30px;
text-align:right;
}

li.langue span{
background:transparent url(images/langue_puce.png) 0px 6px no-repeat;
padding-left:20px;
}

li.langue a{
padding-right:30px;
color:#2A2311;
font-size:0.80em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

li.langue_fr a{
background:transparent url(images/drapeau_allemand.png) right center no-repeat;
}

li.langue_de a{
background:transparent url(images/drapeau_francais.png) right center no-repeat;
}

li.caracteres{
display:block;
width:250px;
float:right;
margin-top:8px;
margin-right:30px;
text-align:right;
}

li.caracteres ul li{
display:block;
width:21px;
height:19px;
margin-left:5px;
float:right;
}

li.caracteres ul li a{
display:block;
width:21px;
height:19px;
}

li.caracteres ul li a.reduire_caracteres{
background:transparent url(images/reduire_caracteres.png) left bottom no-repeat;
}

li.caracteres ul li a.augmenter_caracteres{
background:transparent url(images/augmenter_caracteres.png) left bottom no-repeat;
}


/*************Menu***************/
div#menu{

}

div#menu ul{
display:block;
}

div#menu ul li{
float:left;
display:block;
background:transparent url(images/menu_bg_right.png) right top no-repeat;
}

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

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

div#menu ul li span{
display:block;
width:100%;
text-align:center;
background:transparent url(images/menu_bg_left.png) left top no-repeat;
padding-top:18px;
padding-bottom:8px;
}

div#menu ul li span a{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#2A2311;
font-size:0.875em;
font-weight:bold;
}

div#menu ul li.on span a{
text-decoration:underline;
}

div#menu ul li span a:hover{
color:black;
text-decoration:underline;
}

/************Contenu**************/
div#contenu{
margin-top:14px;
background:transparent url(images/contenu_bg.png) left bottom repeat-x;
color:#2A2311;
}

div#contenu p{
font-size:0.8125em;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}

div#contenu table{
width:100%;
margin-top:10px;
margin-bottom:10px;
}

div#contenu table td{
/*font-size:0.8125em;*/
padding-top:0px;
padding-bottom:0px;
text-align:center;
vertical-align:top;
text-align:justify;
}

div#contenu table td.moitie{

}

div#contenu table td.moitie p{
padding-bottom:1px;
}

div#contenu a{
color:#2A2311;
}

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

div#contenu ul{
display:block;
margin-top:15px;
margin-bottom:15px;
text-align:left;
}

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

div#contenu h1{
font-size:1.875em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

div#contenu h2{
font-size:1.4375em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
clear:both;
margin-top:20px;
border-bottom:1px solid #FBE99A;
margin-bottom:10px;
}

div#contenu h3{
font-size:1em;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
border-bottom:1px solid #FBE99A;
}

div#contenu h4{
font-size:0.875em;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
border-bottom:1px solid #FBE99A;
}

.spip_documents_left{
margin-right:30px;
}

.spip_documents_right {
margin-left:30px;

}

span.spip_documents_left{
margin-left:5px;
}

span.spip_documents_right {
margin-right:5px;
}

span.spip_documents img{
background-color:#FFFEFA;
padding:3px 3px 3px 3px;
border:1px solid #C5BD4E;
display:block;
margin-left:auto;
margin-right:auto;
}

.spip_documents dt img{
display:block;
} 

div.rubrique_6 span.spip_documents img{
padding:0;
border:none;
}

dt.spip_doc_titre{
font-size:0.8125em;
}

/*************Bandeau***********/
#bandeau{
display:block;
margin-left:auto;
margin-right:auto;
width:894px;
height:197px;
margin-bottom:25px;
}

/**************Haut***********/
#haut{
text-align:right;
font-size:0.8125em;
font-weight:bold;
padding-right:20px;
margin-bottom:10px;
}

#haut span{
padding-left:16px;
padding-top:2px;
padding-bottom:2px;
background:transparent url(images/haut.gif) left center no-repeat;
}

/**************Pied*************/
#pied{
background:#F9EA82 url(images/pied_bg.png) center top no-repeat;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
}

#pied ul{
display:block;
text-align:left;
padding-top:14px;
font-size:0.6875em;
}

#pied .left{
display:inline;
padding-right:14px;
}

#pied .right{
display:block;
float:right;
width:30%;
text-align:right;
}

#pied a{
color:#836A2E;
}

#pied a:hover{
color:black;
}

#pied .left span{
padding-left:14px;
}

#pied .left a.mentions span{
background:transparent url(images/mentions.png) left center no-repeat;
}

#pied .left a.plan span{
background:transparent url(images/plan.png) left center no-repeat;
}

#pied .left a.office_du_tourisme span{
background:transparent url(images/office_du_tourisme.png) left center no-repeat;
padding-left:11px;
}


/**************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;
}