body, html {
background: url(../images/fond.jpg)   left top repeat-x  #D1E9F5;
text-align:center;
font-family: verdana, arial, helvetica, sans-serif;
padding: 0;
margin: 0 auto;
height: 100%;	
}

#conteneur {
background: url(../images/fond01.gif)   left top repeat-y  #fff;
text-align:center;
margin: 0 auto;
padding: 0;
width: 780px;
top: 0
}

#header {
background: url(../images/index.jpg)   left top no-repeat #E5E5E5 ;
padding: 0;
margin:0;
height: 145px;
width: 780px;
top:0
}
  /* zone cliquable */
#zone1 { 
float: left;
width : 780px;
height: 145px;
margin:0;
padding: 0;
}

#nav {
background: #6699CC;
float: left;
width: 140px;
text-align:right;
padding: 0px 0px 0px 0px;
margin: 0px;
border-top: 5px solid #fff;
}

#nav ul {
list-style: none;
margin: 2px 0px 3px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.7em;
background: #6699CC;
text-align:right;
}

#nav li {
line-height: 16px;
list-style: none;
padding: 0px 0px 0px 0px;
}

#nav ul li {
margin: 0;
padding-right: 8px;
}

#nav a {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
font-size: 11px ;
padding: 0px 0px 0px 0px;
}

#nav a:hover {
color: #275A8D;
}

#nav h1{
background:  #275A8D;
font-family: verdana, arial, helvetica, sans-serif;
text-align:right;
font-size: 12px;
font-weight: bold;
color: #99CC00;
letter-spacing: 1px;
padding: 3px 8px 3px 0px;
margin: 0;
text-decoration: none;
}

#center {
border-top: 5px solid #fff;
float: left;
width: 435px;
text-align:left;
padding: 0px 10px 10px 10px;
}

#news {
background: url(../images/hautnews.gif)   left top repeat-x #BAD178;
float: right;
border-top: 5px solid #fff;
width: 164px;
text-align:left;
padding: 0px 10px 20px 10px;
margin: 0
}

#footer {
background:  #E5E5E5;
border-top: 5px solid #fff;
padding: 10px 10px 10px 10px;
margin: 0 auto;
padding: 0;
text-align:center;
font-size: 10px ;
font-weight: normal;
color: #666;
letter-spacing: 1px;
width: 100%;
clear: both;
height: 100%;
}

#test {
visibility: hidden;
width: 100%;
clear: both;
}
h1 {
color: #99CC00;
font-size: 18px ;
font-weight: bold;
background:  #275A8D;
padding: 2px 0px 2px 6px;
letter-spacing: 1px;
margin:0;
}

h2 {
color: #fff;
font-size: 14px ;
font-weight: bold;
padding: 0px 0px 2px 6px;
margin:0;
letter-spacing: 1px;
background: #6699CC;

}

h3 {
color: #333;
font-size: 14px ;
font-weight: bold;
letter-spacing: 1px;
background: #EEF1E1;
padding: 3px 0px 3px 6px;
margin: 6px 0px 6px 0px;
}


.p {
margin: 0;
}

.doodesign {
margin: 0 0 0px 0;
text-align: center;
}

.text {
font-size: 11px ;
font-weight: normal;
color: #000;
letter-spacing: 1px;
padding: 0px 0px 0px 8px;
margin: 10px 0px 10px 0px;
}

.texteindex {
background: #f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #275A8D;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
padding: 6px 6px 6px 6px;
margin: 0px 0px 6px 0px;
}
.textrouge {
font-size: 11px ;
font-weight: normal;
color: #990000;
letter-spacing: 1px;
padding: 0px 0px 0px 6px;
margin: 0;
}
	
.titrenews {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 15px;
padding: 5px 0px 3px 0px;
margin:0;
}
.textnews {
font-size: 11px ;
font-weight: normal;
color: #000;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 12px 0px 0px 0px;
text-decoration:none;
}


.img
{ background-color: #fff ;
float: left ;
width: 68px 
 }

.linkpresentation {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
padding-left: 8px;
}

.linkpresentation:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
text-decoration: none
}
.linkindex {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
padding-left: 8px;
}

.linkindex:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;

}
.admin {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
font-size: 9px;
font-weight: normal;
text-decoration: none
}

.date {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 15px;
}


.actus {
font-size: 11px ;
font-weight: normal;
color: #000;
letter-spacing: 1px;
padding: 0px 0px 0px 8px;
}