body {
background: #666 url(images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
margin-top:20px;
}

#tout {
width:600px;
}

#header {
width:600px;
height:114px;
margin:0;
padding:0;
}

h1{
text-align:left;
color:#CC0005;
font-size:18px;
letter-spacing:-1px;
margin-top:0;
margin-bottom:0;
margin-left: 65px;
font-weight:normal;

}
h1 a{
text-decoration:none;
color:#333;
}
h1 a:hover {
color: #666666;
}

#logo {
width:600px;
height: 84px;
background: url(images/header.jpg) #ffffff no-repeat;
}

#espace {
height: 52px;
}

#barre {
width:600px;
height: 30px;
margin:0;
padding:0;
background: url(images/barre.jpg) #FBAD15 no-repeat;
text-align:left;
}

#barre p {
line-height:28px;
font-size: 14px;
margin-top:0;
margin-bottom:0;
margin-left: 30px;letter-spacing:1px;
}

#barre p a {
text-decoration:none;
color:#784F01;padding-left: 20px;
margin-left: 10px;
font-weight:bold;
background: url(images/fleche.gif) no-repeat;

}
#barre p a:hover {
text-decoration:none;
color:#DD0005;padding-left: 20px;
background: url(images/fleche2.gif) no-repeat;
}

#contenu {
margin-top: 3px;
text-align:left;
overflow:hidden;
}
#gauche {
float:left;
width:200px;height:100%;

margin-right:3px;
}
#gauche_haut {
width: 200px;
background: #E8F3E2 url(images/haut_gauche.gif) no-repeat;
height:10px;
}
#gauche_haut2 {
width: 200px;
background: #E8F3E2 url(images/haut_gauche2.gif) no-repeat;
height:10px;
}
#gauche_centre {

width: 200px;
height:100%;
background: #E8F3E2 url(images/bas_gauche.gif) bottom no-repeat;
margin-bottom:3px;
}

#gauche_centre p a {
color:#333;
text-decoration:none;
padding-left: 20px;
background: url(images/fleche2.gif) no-repeat;
}

#gauche_centre p {
margin-right: 10px;
margin-left: 15px;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
letter-spacing:1px;
}
#gauche3_haut {
width: 200px;
background: #BFDEAD url(images/haut_gauche3.gif) no-repeat;
height:10px;
}
#gauche3_centre p a {
color:#333;
text-decoration:none;
margin-bottom:15px;
padding-left: 20px;
background: url(images/fleche2.gif) no-repeat;

}

#gauche3_centre p {
margin-right: 10px;
margin-left: 15px;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
letter-spacing:1px;
}
h6 {
background: url(images/partenaires.jpg) no-repeat;
padding-left: 40px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left: 15px;
color:#DD0005;
font-size:20px;
letter-spacing:-1px;
}
#gauche3_centre {

width: 200px;
height:100%;
background: #BFDEAD url(images/bas_gauche3.gif) bottom no-repeat;
margin-bottom:3px;
}
h2 {
background:url(images/h2.gif) no-repeat;
padding-left: 40px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left: 15px;
color:#DD0005;
font-size:20px;
letter-spacing:-1px;
}
h5 {
background: url(images/categories.jpg) no-repeat;
padding-left: 40px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left: 15px;
color:#DD0005;
font-size:20px;
letter-spacing:-1px;
}
h3 {
margin-left: 25px;
color:#6AB03C;
margin-top:0;
font-weight:normal;

font-size:18px;
letter-spacing:-1px;
}
h4 {
background: url(images/newsletter.jpg) no-repeat;
padding-left: 40px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left: 15px;
color:#DD0005;
font-size:20px;
letter-spacing:-1px;
}
.form {
margin-left: 15px;
}

INPUT {
     color:#CC0000;
     background-color:#FFDB88;
     font-size:14px;
     font-family:arial;
	 margin-bottom:5px;
}
TEXTAREA {
     color:#CC0000;
     background-color:#FFDB88;
     font-size:14px;
	 width: 300px;
     font-family:arial;
	 margin-bottom:5px;
}
SELECT {
     color:#CC0000;
     background-color:#FFDB88;
     font-size:14px;
     font-family:arial;
	 border: 
	
}
SELECT gras {
     color:#CC0000;
     background-color:#FFDB88;
     font-size:14px;
     font-family:arial;
	
}
.gras {
font-weight: bold;
text-transform:uppercase;
}
.pointille{
border-bottom: #666666 1px dashed;
}

#droite {
width: 397px;
float:left;
}
#droite_haut {
width: 397px;
background: #FFF url(images/haut_droite.gif) no-repeat;
height:10px;
}
#droite_centre {
background: #FFF url(images/centre_droite.jpg) bottom no-repeat;
width: 397px;
height:100%;
padding-bottom: 20px;
}

#droite_centre p{
margin-left: 18px;
margin-right: 18px;
margin-top:10px;
}
#droite_centre p a{
color: #DD0005;
text-decoration:none;

border-bottom: #DD0005 1px dashed;
}
#droite_centre p a:hover{
color: #6AB03C;
text-decoration:none;
border-bottom: #6AB03C 1px dashed;
}
.petit {
font-size: 12px;
font-style:italic;
}
.petit a {
font-size: 12px;
font-style:italic;
color: #333333;
}
.inscrire {
cursor: pointer;
width: 110px;
height: 20px;
border: none;
background: url("images/inscrire.gif") no-repeat left top;
}
.inscrire:hover {
background: url("images/inscrire2.gif") no-repeat left bottom;
}

.envoyer {
cursor: pointer;
width: 110px;
height: 20px;
border: none;
background: url("images/envoyer.gif") no-repeat left top;
}
.envoyer:hover {
background: url("images/envoyer2.gif") no-repeat left bottom;
}


#barre_bas {
width:600px;
height: 30px;
margin-top:3px;
padding:0;
background: url(images/barre_bas.jpg) #FBAD15 no-repeat;
text-align:left;
}

#barre_bas p {
line-height:28px;
font-size: 14px;
margin-top:0;
margin-bottom:0;
margin-left: 30px;letter-spacing:1px;
}

#barre_bas p a {
text-decoration:none;
color:#784F01;
margin-left: 10px;


}
#barre_bas p a:hover {
text-decoration:none;
color:#DD0005;
}
ul li {
list-style:none;
}
ul li a {
color:#BB0004;
}
ul li a:hover {
color:#333;
}