*{
margin:0;
padding:0;
border:0;
border-collapse: collapse;
}

body{
background:#ffffa9 url(images/fdbg.gif) repeat-y center top;
font-family:verdana;
font-size:100%;
}

li{
list-style-position:inside;
list-style-type:none;
}


#global{
margin:auto;
width:800px;
}


#contents{
float:left;
background: url(images/fdpage.gif) repeat-y top left;
}

/********************************************/
/*************Entete*************************/
/********************************************/
#top{
width:800px;
height:140px;
background:  url(images/bgentete.gif) top left no-repeat;
}

#top a{
text-decoration: none;
color: #ffffa9;
}

#top a:hover{
text-decoration: underline;
color: #fff;
}

.links{
font-size: 0.8em;
height: 24px;
background: #ff6000;
width: 205px;
margin-top: 43px;
float: left;
}

.links a{
display: block;
float: left;
margin: 3px -35px 0px 55px;
}

.commune {
background: #c53d3d;
color: #ffffa9;
margin-left: -18px;
margin-top: 67px;
height: 24px;
width: 115px;
padding-left: 5px;
float: left;
}

#top img{
float: left;
}

.illus{
width: 87px;
height: 80px;
margin-top: 25px;
float: right;
background: #ccc;
}

.contact{
font-size: 0.8em;
float: right;
width: 700px;
margin-right:10px;
}

.contact p, .contact a{
float: right;
margin-left: 180px;
margin-top: 2px;
color: #ffffa9;
}

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

#menu_static{
}

#menu, #menu_static{
font-size:80%;
width:185px;
}

#menu a, #menu_static a{
display:block;
/*float: right;*/
width: 84%;
cursor:pointer;
text-align: right;
padding: 10px 10px 10px 0px;
margin-left: 15px;
margin-bottom: -1px;
border-bottom: 1px solid #6f8865;
border-top: 1px solid #6f8865;
color:#ffffa9;
text-decoration:none;
}

#menu a:hover, #menu_static a:hover{
color: #ff6000;
}

#menu p a{
width: 82%;
font-size: 0.9em;
padding: 2px 5px 2px 0px;
margin-top: 1px;
background: #689d49;
border:none;
color:#364533;
border-bottom: solid 1px #95c775;
}

#menu p a:hover{
color:#ffffa9;
border-bottom: solid 1px #95c775;
}

#plan {
width:180px;
border-top: solid 10px #ff6000;
margin-top: 35px;
margin-bottom: 70px;
}

#plan a{
float: right;
color: #ffffa9!important;
font-size: 0.8em;
text-decoration: none;
}

#plan a:hover{
color: #ff6000!important;
}

/********************************************/
/*************Textes - pages*****************/
/********************************************/
#text{
float:right;
width:495px;
font-size:80%;
}

#text p{
font-size: 0.9em;
line-height:1.3em;
margin:0 10px 0.8em 40px;
}

#text b,
#text strong{
color:#c53d3d;
}

#text .text_comp{
margin-top:10px;
margin-left:40px;
color:#496f35;
background: #f3eea0;
border-top: 1px solid #496f35;
border-left: 1px solid #496f35;
padding: 2px 3px 3px 5px;
display:block;
}

#text .text_comp p {
color:#496f35;
margin:0;
padding:0;
font-weight:normal;
border:none;
}


#text .text_divers{
display: block;
margin-left:40px;
font-style: normal;
width: 455px;
margin-top: 10px;
border-top: solid 1px #95c765;
color: #689d49;
font-size:0.9em;
}

#text .text_divers p{
color: #689d49;
margin:0;
padding:0;
border:none;
}


#text p a {
color:#669999;
}

#text p a:hover{
color:#000;
}

#text h1{
font-weight:normal;
font-size: 4em;
margin-top: -5px;
margin-left: -10px;
color:#95c765;
opacity: 0.5;
}

#text h2{
font-weight:normal;
font-size: 1.6em;
color:#689d49;
margin-top: -10px;
margin-left: 20px;
}

#text h4{
font-weight:normal;
font-size: 1.2em;
color:#689d49;
margin-left: 40px;
margin-bottom:0px;
clear:left;
}

#text h3{
color:#ffffa9;
padding-left: 5px;
margin: 25px 0 7px 20px;
background: url(images/bgsstitre.gif) repeat-y;
font-size: 1.0em;
}

#text h3 u{
font-size:90%;
font-weight:normal;
text-decoration:none;

}

#text .photo{
margin:10px 0 10px 20px;
float:right;
background:#ffffa9;
}


#text ul{
font-size:0.9em;
margin:0 10px 0.8em 50px;
}

#text ul li{
list-style-type:disc;
list-style-position:outside;
margin-bottom:8px;
}

#text img{
margin:15px 15px 10px;
float:left;
}

#text .photo img{
float:left;
border: solid 1px  #689d46;
padding: 5px;
}

#text hr{
color: green;
background-color: green;
height:2px;
border:0;

margin-left:30px;
margin-bottom:10px;
}

#obj_diaporama{
float:left;
width: 455px;
margin:5px 10px 10px 40px;
padding-bottom:10px;
}


#obj_diaporama p{
text-align:left;
margin:0;
font-size:0.9em;
color:#689d46;
margin-bottom:7px;
}

#obj_diaporama ul{
display:inline;
margin-bottom:0;
padding:0;
}

#text #obj_diaporama ul li,
#text #obj_files ul li{
float:left;
list-style-type:none;
position:inside;
}

#text #obj_files ul li{
clear:left;
}

#obj_diaporama ul li a{
margin:0;
padding:0;
}

#obj_diaporama img{
margin:0 8px 8px 0;
padding:0;
border:1px solid #689d46;
}

#obj_files{
width: 455px;
margin:5px 10px 10px 40px;
padding-bottom:10px;
}


#obj_files p{
text-align:left;
margin:0;
font-size:0.9em;
color:#689d46;
margin-bottom:7px;
}

#obj_files ul{
display:inline;
margin-bottom:0;
padding:0;
}

#obj_files ul li{
margin-bottom:7px;
}

#obj_files img{
margin:0 10px 0 0;
padding:0;
border:none;
}

#obj_files .descriptif_file{
margin-left:34px;
}

#obj_files .descriptif_file p, a{
margin:0;
padding:0;
}

#obj_files a{
font-size:0.9em;
line-height:24px;
font-weight:bold;
color:#497135;
}

#obj_files a:hover{
color:#ff6000;
}

#text .ElemBlock{
width:100%;
display:block;
float:left;
margin-left:25px;
margin-bottom:10px;
}

.ElemBlock a{
float:left;
text-decoration:none;
}

.ElemFloat-right a{
text-align:center;
text-decoration:none;
float:left;
clear:left;

}

.ElemFloat-right a pre{
color:#689d46;
font-size:0.9em;
font-family:inherit;
text-align:center;
clear:both;
}

.ElemBlock a pre{
color:#689d46;
font-size:0.9em;
font-family:inherit;
text-align:center;
clear:both;
}

#text .ElemFloat-left{
float:left;
margin-left:25px;
}

#text .ElemFloat-right{
float:right;
margin:5px;
}

.ImgNoBorder{
float:left;
}

.ImgBorder{
border: solid 1px  #689d46;
float:left;
}

#search fieldset{
border:1px solid #669966;
font-size:80%;
padding-bottom:2px;
}

#logon, #search{
display: none;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
width:140px;
}

#logon fieldset{
border:1px solid #669966;
font-size:80%;
padding-bottom:2px;
}

#logon fieldset legend,
#search fieldset legend{
margin-left:5px;
padding: 0 3px;
color:#669999;
font-size:11px;
} 

#logon input, #search input{
margin:2px 5px;
padding:2px;
border:none;
background:#dceae0;
width:90px;
float:left;
}


#logon .valider, #search .valider{
width:25px;
float:left;
padding:0;
margin:2px;
background:#669999;
border:1px outset #669999;
font-size:80%;
color:#fff;
}


#logon input:focus, #search input:focus{
background:#a8f5c3;
}


/********************************************/
/************Animation Accueil***************/
/********************************************/
#anim-accueil{
margin-left:-120px;
width: 615px;
}


/********************************************/
/****************Pied-page*******************/
/********************************************/
#bottom{
width: 495px;
margin-top:50px;
margin-left: 305px;
float:right;
color:#496f35;
margin-bottom: 25px;
}

#bottom{
font-size: 0.6em;
line-height: 1em;
text-align: justify;
}

#bottom a{
text-decoration:none;
color: #95c765;
}

#bottom a:hover{
color:#ff6000;
text-decoration:underline;
}

#bottom #signature a{
color: #ff6000;
font-size: 1em;
}

#bottom #signature a:hover{
color: #496f35;
}

#bottom #signature{
margin-top: 10px;
}



/*ACTU*/

#ActuBox{

width:180px;
margin-top:25px;
margin-bottom:25px;
border-top:10px solid #c53d3d;
}

#ActuBox h1{
color:#fff;
padding-top:10px;
margin-left:15px;
font-size:12px;
text-transform:uppercase;
margin-bottom:5px;
}
#ActuBox p{
color:#000;
margin-left:15px;
font-size:10px;
margin-bottom:10px;
}
#ActuBox p a{
color:#fff;
}
#ActuBox p a:hover{
color:#000;
}