/* CSS Document */

body{
margin:0px;
padding: 0px;
background-image:url(images/design/background.jpg);
background-repeat:repeat-x;
font-family:Arial;
}

#main{
background-image:url(images/design/indexbanniere.jpg);
background-repeat:no-repeat;
height:361px;
width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}



#encart ul{
padding-left:20px;
font-family:Arial;
color:white;
font-size:0.8em;
margin:0 0 0 5px;
text-align:left;
list-style-image:url(images/design/puce.gif);
}

#encart li{
margin:5px 0 0 0;
}

#barre{
font-family:Arial;
color:#333333;
font-weight:bold;
margin:0;
vertical-align:top;
list-style-type:none;
text-align:center;
background-image:url(images/design/barre.jpg);
background-repeat:repeat-x;
height:33px;
padding-top:0px;
}

#barre ul{
padding:0.2em;
margin:0;
}

#barre li{
display:inline;
}

#barre a{
text-decoration:none;
color:#333333;
}

#barre a:hover{
text-decoration:none;
color:#009999;
}

#bas{
top:0;
left:0;
background-image:url(images/design/bas.jpg);
background-repeat:repeat-x;
background-color:#FFFF99;
height:auto;
width:auto;
margin:0;
padding:0px;
color:BLACK;
font-family:Arial;
}

.content{
margin:0px;
padding-top: 15px;
margin-bottom:8px;
width:800px;
margin-left:auto;
margin-right:auto;
}

.content h2{
font-size:0.8em;
}

.content h3{
font-size:10px;
}
.content p{
font-size: 10px;
padding:0.5em;
}

.content ul{
font-size: 10px;
padding:0.5em;
}

.colone{
float:left;
margin-bottom:5px;
width:355px;
padding:8px;
margin:0;
}

.colone li{
list-style-type:none;
font-size:11px;
}


/* Pied de page */
#foot{
border-top:1px solid red ;
background-color:#999999;
background-image:url(images/design/foot.jpg);
background-repeat:repeat-x;
min-height:75px;
font-family:Arial;
color:#333333;
font-weight:bold;
}


#foot p{
margin:0;
padding:4px;
}

/* tete de page */
#header{
background-image:url(images/design/header.jpg);
height:73px;
}

#banner{
background-image:url(images/design/banniere.jpg);
background-repeat:no-repeat;
width:800px;
height:73px;
margin-left:auto;
margin-right:auto;
color:#990000;
text-align:left;
}

#banner h1{
margin-top:0;
padding-top:11px;
margin-right:20px;
}

#banner a img{
margin-left:0;
border: none;
}
/* Contenu spécial */
#contentbis{
margin:0px;
padding-top: 15px;
padding-bottom:15px;
width:800px;
margin-left:auto;
margin-right:auto;
}

#contentbis h1 a{
color:black;
text-decoration:none;
}

#contentbis h1 a:hover{
color:blue;
text-decoration:underline;
}


#contentbis h3{
text-align:center;
}
/* partenaires */
#partenaire{
margin-bottom:30px;
}

#partenaire img{
float:right;
margin-left:12px;
}

#partenaire a{
color:#FFFFFF;
text-decoration:none;

}

#partenaire a img{
float:none;
border:none;
color:#FFFFFF;
text-decoration:none;
line-height:43px;
vertical-align:middle;
}

#partenaire a:hover{
color:#00CC00;
}

/* formulaire */

#contact{
width:75%;
margin-left:10%;
}

#contact ul{
list-style-type:none;
font-size:11px;
}

/* Menu rapide CSS */




#menurapide{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
background-color:black;
font-weight:bold;
margin:0;
vertical-align:top;
list-style-type:none;
text-align:center;
padding-top:0px;
padding:0.2em;
margin:0;
}

#menurapide li{
display:inline;
}

#menurapide a{
text-decoration:none;
color:white;
}

#menurapide a:hover{
text-decoration:none;
color:#009999;
}

/* listes */
#liste{
list-style-image:url(favicon.gif);
color:black;
text-decoration:none;
}

#liste a{
list-style-image:url(favicon.gif);
color:black;
text-decoration:none;
}

#liste a:hover{
list-style-image:url(favicon.gif);
color:#FF0000;
text-decoration:none;
}

/*Navigation de bas de page */

#footnav{
list-style-type:none;
text-align:center;
margin:2px;
padding:0;
}

#footnav li{
display:inline;
}

#footnav li a{
color:black;
}

#footnav li a:hover{
color:blue;
}


.clear{
clear:both;
}