body {
margin:auto;
color:#000000;
background: url(images/fond.png) repeat-x;
background-position:top center;
background-color:#8abff0;
font-family: Verdana;
font-size:12px;
min-width:1150px;
}
a img {
border: 0px;
margin: 0px;
text-decoration: none;
list-style: none;
border-spacing: 0px;
border-collapse: collapse;
vertical-align:top;
}
p
{
margin:0px;
}
a:link, a:visited {color:#584a2f; margin: 0; padding: 0; text-decoration: none; font-size: 11px; font-family: Verdana;}
a:hover, a:active {color:#584a2f; margin: 0; padding: 0; text-decoration: none; font-size: 11px; font-family: Verdana;}
#hautcentre {
width:1150px;
height:243px;
background: url(images/haut.png) no-repeat;
margin:auto;
}
#header
{
height:243px;
background-color: #8abff0;
background: url(images/hautbg.png) repeat-x;
margin:auto;
}
#footer2
{
width:1150px;
height:205px;
background: url(images/footer.png) no-repeat;
margin:auto;
}
#footer2b
{
width:1150px;
height:205px;
background: url(images/footer4.png) no-repeat;
margin:auto;
}
#footer1
{
height:205px;
background: url(images/footerg.png) repeat-x;
}
#footer3
{
height:205px;
background: url(images/footerd.png) repeat-x;
position:relative;
}
.clear {
clear: both;
}
.arbre
{
width:900px;
height:207px;
background: url(images/arbre.png) no-repeat;
bottom:-120px;
left:40px;
z-index:-1;
position:relative;
}
.arbre2
{
width:900px;
height:207px;
background: url(images/arbre2.png) no-repeat;
bottom:-160px;
left:40px;
z-index:-1;
position:relative;
}
.arbre3
{
width:900px;
height:207px;
background: url(images/arbre3.png) no-repeat;
bottom:-80px;
left:40px;
z-index:-1;
position:relative;
}
.news1
{
width:407px;
height:195px;
background: url(images/bgnews.png) no-repeat;
color:#575132;
font-size:10px;
float:left;
}
.news2
{
width:407px;
height:195px;
background: url(images/bgnews.png) no-repeat;
color:#575132;
font-size:10px;
float:left;
}
.news3
{
margin-left:40px;
width:407px;
height:195px;
background: url(images/bgnews.png) no-repeat;
color:#575132;
font-size:10px;
float:left;
}
.screen
{
margin-left:36px;
width:557px;
height:195px;
float:left;
}
#scren
{
position:relative;
z-index:2;
width:557px;
height:195px;
background: url(images/screen.png) no-repeat;
top:-10px;
left:-10px;
}
#site
{
margin:auto;
width:1150px;
background: url(images/cascade.png) repeat-y;
background-position:right;
}
#haut
{
margin-left:150px;
}
.modtitrenews
{
margin-left:100px;
color:#ffffff;
font-size:12px;
}
.feuillenews
{
width:102px;
height:95px;
position: absolute;
z-index:2;
background: url(images/newsfeuille.png) no-repeat;
}
.modcaracnews
{
margin-left:100px;
color:#504944;
}
.moddimagenews
{
float:left;
margin-left:22px;
width:96px;
}
.moddescrinews
{
margin-left:10px;
float:left;
width:252px;
}

.id1
{
position:relative;
z-index:5;
top:87px;
left:20px;
width:25px;
height:25px;
cursor:pointer;
display:block;
}
.id2
{
position:relative;
z-index:1000;
top:120px;
left:990px;
width:25px;
height:25px;
cursor:pointer;
display:block;
}
#login
{
width:208px;
height:41px;
background: url(images/login.png) no-repeat;
margin-left:33px;
float:left;
}
form#loginforms {
margin: 0px;
padding: 0px;
font-size: 11px;
}
input#username
{
margin-left:18px;
width: 80px; height: 16px;
background: transparent;
border: none;
color: #578531;
font-size: 11px;
float: left;
}
input#password
{
margin-left:30px;
width: 80px; height: 16px;  
background: transparent;
border: none;
color: #578531;
font-size: 11px;
float: left;
}
input#submit
 {
background: transparent;
padding: 0;
margin-left:75px;
width: 60px; height: 20px;
border: none;
display:block;
float: left;
cursor:pointer;
}
#menu
{
margin-left:10px;
float:left;
}
.textct
{
font-size:10px;
color:#584a2f;
}
.ccnews
{
height:120px;
}
.suite
{
margin-left:310px;
}
.precenearch
{
position:relative;
z-index:10;
left:465px;
width:40px;
height:80px;
float:left;
top:40px;
display:block;
}
.newsarchive
{
position:relative;
z-index:10;
left:825px;
width:80px;
height:40px;
float:left;
top:25px;
display:block;
}
.suivnearch
{
left:468px;
position:relative;
z-index:10;
float:left;
height:80px;
width:40px;
top:50px;
display:block;
}
.completnews1
{
width:691px;
height:69px;
background: url(images/hautnewscom.png) no-repeat;
color:#575132;
font-size:10px;
}
.completnews2
{
width:691px;
background: url(images/bgnewscom.png) repeat-y;
color:#575132;
font-size:10px;
}
.completnews2in2
{
margin-left:80px;
width:600px;
max-height:400px;
overflow:auto;
}
.completnews2in
{
margin-left:80px;
width:600px;
}
.completnews3
{
width:691px;
height:19px;
background: url(images/basnewscomp.png) no-repeat;
color:#575132;
font-size:10px;
}
.pseudocom
{
color:#ffffff;
}
.datecom
{
color:#504944;
}
.gal
{
margin-left:10px;
width:178px;
height:178px;
background: url(images/galeriebg.png) no-repeat;
float:left;
}
.galleris
{
margin-left:200px;
}
.hcas
{
width:179px;
height:562px;
position:relative;
background: url(images/hautcas.png) no-repeat;
top:-108px;
left:971px;
z-index:30;
}
.cascade
{
margin-left:971px;
width:179px;
height:100%;
background: url(images/cascade.png) repeat-y;
display:block;
top:100px;
position:absolute;
z-index:-100;
}
/* staff */
.staff
{
width:706px;
height:206px;
}
.staffin
{
width:706px;
height:418px;
background: url(images/staffin.png) no-repeat;
position: relative;
left:150px;
bottom:-20px;
}
.ava
{
float:left;
width:64px;
height:64px;
margin-left:30px;
}
.lava
{
height:21px;
}
.gauchestaffone
{
margin-left:10px;
float:left;
}
.droitestaffone
{
color:#463a26;
font-size:10px;
margin-left:20px;
float:left;
width:330px;
}
.staffprenom
{
color:#6a8815;
font-size:18px;
}
.staffposte
{
font-size:10px;
}
.staffactivite
{
font-size:10px;
}
.staffinfo
{
font-size:10px;
width:220px;
}
.staffdescription
{
width:330px;
height:50px;
}
.onestaff
{
height:100px;
}
.onestaff2
{
height:97px;
}
#gauchestf
{
width:26px;
height:35px;
float:left;
}
#centrestf
{
width:22px;
height:35px;
background:url(images/staffc.png) no-repeat;
float:left;
}
#droitestf
{
width:27px;
height:35px;
float:left;
}
#precestf
{
width:26px;
height:35px;
background:url(images/staffg.png) no-repeat;
display:block;
}
#suivstf
{
width:27px;
height:35px;
background:url(images/staffd.png) no-repeat;
display:block;
}
#precestf:hover
{
width:26px;
height:35px;
background:url(images/stafffg.png) no-repeat;
display:block;
}
#suivstf:hover
{
width:27px;
height:35px;
background:url(images/stafffd.png) no-repeat;
display:block;
}
/*contact*/
#choix
{
width:348px;
height:52px;
margin-left:165px;
background:url(images/choix.png) no-repeat;
color:#ffffff;
font-size:14px;
}
#name{
width:116px;
height:40px;
background:url(images/name.png) no-repeat;
float:left;
}
#namei{
width:533px;
height:40px;
background:url(images/namei.png) no-repeat;
float:left;
}
#mail{
width:116px;
height:30px;
background:url(images/mail.png) no-repeat;
float:left;
}
#maili{
width:533px;
height:30px;
background:url(images/maili.png) no-repeat;
float:left;
}
#msg{
width:116px;
height:247px;
background:url(images/msg.png) no-repeat;
float:left;
}
#msgi{
width:533px;
height:247px;
background:url(images/msgi.png) no-repeat;
float:left;
}
#valider
{
margin-left:200px;
width:117px;
height:34px;
background:url(images/val.png) no-repeat;
float:left;
}
#annuler
{
width:127px;
height:34px;
float:left;
}
#contact
{
margin-left:200px;
}
#inameli
{
background: transparent;
border:none;
margin-left:10px;
width:260px;
}
#imailli
{
background: transparent;
border:none;
margin-left:10px;
width:260px;
}
#msg_corps
{
background: transparent;
border:none;
margin-left:10px;
width:480px;
height:215px;
}
#submitsss
{
background: transparent;
cursor:pointer;
border:none;
width:117px;
height:34px;
}