@charset "utf-8";
/* CSS Document */
body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: center;
background:url('ressources/bg-fond.jpg') repeat-x;
background-color: #fff;
}

#global
{
/*border: black 2px solid;*/
width: 850px;
height: 100%;
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: center;
background:url('ressources/contenu-bg-fond.jpg') repeat-y;
}

#entete
{
/*border: blue 2px solid;*/
width: 850px;
height: 200px;
}

#centre
{
width: 850px;
height: 100%;
}

#colonnegauche
{
float: left;
/*border: yellow 2px solid;*/
margin: 0px 0px 0px 5px;
width: 200px;
height: 460px;
background:url('ressources/bg-coordonnees.jpg') no-repeat;
}

#colonnegauche h1
{
color: #626262;
margin: 55px 0px 0px 0px;
font-size: 1.5em;
text-align:left;

}

#colonnegauche p
{
color: #626262;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 23px;
letter-spacing: -1px;
margin: 10px 0px 0px -35px;
/*border: 2px solid red;*/
font-size: 10px;
}

#colonnegauche p, strong
{
font-size: 0.9em;
}

#colonnegauche a
{
color: #008800;
}


#colonnegauche a:hover
{
color: black;
}

/* partie contenu */
#contenu
{
/* globale*/
padding: 0px;
margin: 0px 7px 0px 0px;
float: right;
border-right: green 1px solid;
border-left: green 1px solid;
border-bottom: green 1px solid;
background:url('ressources/bg-contenu-fond.jpg') repeat-x;
width: 618px;
}

#titre
{
/*;
height:46px;
border: 2px solid red;*/
float: right;
width: 620px;
padding: 0px;
margin: 0px 7px 0px 0px;
}


#pied-contenu
{
border: blue 2px solid;
width: 209px;
height: 129px;
margin: -130px 0px 0px 0px;
background:url('ressources/globale-bg-fond2.jpg');
background-color: red;
}



div#contenu h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 26px;
color: #666666;
text-align:left;
text-indent: 60px;
padding: 10px 0px 0px 0px;
background:url('ressources/icone-logo.png') no-repeat left;
}

div#contenu h2
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
font-style:italic;
line-height: 26px;
margin: 5px 10px 0px 80px;
color: #336666;
text-align:left;

}


#contenu h3
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 26px;
color: #336666;
padding: 10px;
/*background-color: #850AFF;*/
/*border: 2px solid red;*/
text-align: center;

}


#contenu  p
{
/*border: solid red 2px;*/
text-align:left;
padding: 5px 20px 0px 20px;
color: #626262;
font-size: 1em;
line-height: 1.3em;
}

#contenu ul li
{
margin: 0px 20px 0px -10px;
padding: 20px 0px 0px 0px;
color: #336666;
font-size: 1em;
font-weight: 600;
letter-spacing: 1px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
list-style-type: square;
}


.gris
{
color: #006600;
}

.gris2
{
color: #666666;
font-weight:bold;
}




#contenu img
{
/*border: red solid 1px;*/
margin: 5px;
}




hr
{
background-image:url('ressources/ligne-verte.png') ;
height: 10px;
width: 614px;
border: 0px;


}




/* fin de la partie contenu */




/* formulaire de contact */


#tablecontact
{
margin: 0px 5px 0px 30px;
}
#tablecontact td
{
color: #666;
font-weight:bold;
line-height: 15px;
text-align: left;
}

label
{
text-align: left;
/*border: 2px solid red;
margin: 0px 0px 0px 50px;*/
}

#asterix
{
color: red;
font-size: 1.3em;
font-weight:bold;
}

input, textarea
{
border: solid 1px #666666;
padding: 5px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

input:hover, textarea:hover
{
background-color: #eeeeee;

}

/* fin de la partie formulaire */





/* piedpage */

#pied 
{
clear:both;
text-align:center;
padding: 10px 0px 0px 0px;
color: #336699;
background:url('ressources/bg-pied-page.jpg') no-repeat bottom;
height: 83px;
width: 850px;
/*border: 2px solid black;*/

}

#pied li
{
display: inline;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.8em;

}
#pied ul 
{
margin: 44px 0px 0px 0px;
line-height: 15px;
/*border: 1px solid red;*/
}
#pied li a
{
/*padding: 10px;*/
color: #fff;
text-decoration:none;

}

#pied li a:hover
{
color: #0066CC;
text-decoration:none;
}

a
{
/*line-height: 30px;*/
color: #0066CC;
text-decoration:none;
font-weight: bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

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