body {
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
background-color:#5d7281;
background-image: url('images/bg.jpg');
background-repeat:repeat-x;

}   


*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color:#3f4c56;
}

img {
border:0px;
}

h1{
font-size:22px;
text-transform:uppercase;
font-weight:bold;
color:#f9b200;
}

h2{
font-size:15px;
text-transform:uppercase;
font-weight:bold;
color:#f9b200;
}

h3{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
font-style:italic;
text-transform:uppercase;
}

p{
font-size:12px;
color:#FFFFFF;
text-align:justify;
}

a{
color:#f9b200;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

#lien_haut{
position:absolute;
left:820px;
top:0px;
color:#FFFFFF;
}

#contact{
position:absolute;
top:63px;
left:740px;
}


#adresse{ 
position:relative;
top:10px;
z-index:10;
float:right;
text-align:right;
width:247px;
height:50px;
color:#FFFFFF; 
font-size:10px;
}

.img_bottom
{
	position:absolute;
	z-index:1;
}

#lien_haut a{
color:#FFFFFF;
font-size:9px;
text-decoration:none;
}

#lien_haut a:hover{
text-decoration:underline;
}


#conteneur{
    width: 1000px;
    margin-left: auto;
    margin-right: auto ;
    text-align: left;
    position: relative;
}

#bandeau_haut{
background-image:url(images/top.jpg);
width:1000px;
height:78px;
background-repeat:no-repeat;

}

#menu{
width:221px;
height:246px;
float:left;
}

#menu img{
float:left;
border:0px;
}

#contenu{
width:1000px;
background-image:url(images/bg_centre.jpg);
background-repeat:no-repeat;
float:left;
}

#centre{

width:706px;
clear:both;
padding-top:19px;
margin-left:13px;
margin-right:18px;
float:left;
position:relative;
z-index:100;
}

#centre2{

width:969px;
clear:both;
padding-top:19px;
margin-left:13px;
margin-right:18px;
float:left;
position:relative;
z-index:100;
color:#FFFFFF; 
text-align:justify;
font-size:12px;
}


#centre2 img{
margin:10px;
}



#actu{
width:706px;
background-image:url(images/bg_actu.jpg);
background-repeat:no-repeat;
}

#actu_petite{
width:335px;
float:left;
margin-top:27px;
}

#actu_petite a{
float:right;
}

#actu_petite2{
width:335px;
float:left;
margin-top:27px;
margin-left:30px;
}

#actu_petite2 a{
float:right;
}

#image_petite{ /* style sur le texte de l'actu de gauche et de droite et des 2 images*/
width:166px;
height:99px;
float:left;
margin-right:5px;
/*background-image:url(images/bg_actu_petite.jpg);*/
background-repeat:no-repeat;
margin-left:-7px;
}

#droite{
width:247px; 
float: right;
margin-top:19px;
}

#bottom{
width:1000px;
height:246px;
margin-top:0px;
float:left;
position:relative;
z-index:10;
}


.breves_clair{
background-color:#cccfd2; 
color:#5d7281;
font-size:12px;
font-weight:bold;
}

.breves_fonce{
background-color:#8795a0; 
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}


    
#form p
{
    margin: 2px 0;
}

#form fieldset
{

    border: #CCC 1px solid;
    position: relative;
    left: 25px;
    width : 640px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;

    

}


#form fieldset legend
{
    padding: 0 10px;
    border-left: #CCC 1px solid;
    border-right: #CCC 1px solid;
    font-size: 1.2em;
    color:#FFFFFF;
}

#form label{
    
    display: block;
    width: 150px;
    float: left;


    padding-right: 15px;

}


#form input, #form select
{
        width: 250px;
border:1px solid #404040;
        
        padding-left: 5px;
}


/* button submit */
#form input[type="submit"]
{
    border: #DDEEFF 1px solid;
    width: 125px;
    position: relative;
    top: 15px;
    left: 490px;
    
}

#form input[type="submit"]:hover
{
    background-color: #b6bdd2;
    cursor: pointer;
}