/* CSS Document */ 

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#86a4cb;
}

h1{
font-size:medium;
font-weight:bold;
}

p{
font-size:small;
}

#conteneur{
width:1000px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

#header{
height:105px;
margin:0;
padding:0;
}

#contenu{
width:1000px;
background-color:#FFFFFF;
}

#gauche{
float:left;
width:293px;
}

/*le style ci-dessous, mettre l'image dans un div, supprimer les marges et lui donner une hauteur, est ajouté pour que sous ie le logo soit collé à edito*/
#img_logo{
height:73px;
margin:0;
padding:0;
}

/* ie et firefox interprètent différemment thin pour l'épaisseur de la bordure ce qui entraine un décalage, pour résoudre le pb mieux vaut mettre une valeur numérique ic 1px*/
#edito{
height: 320px;
width:252px;
background:#2a4464 url(images/fd_gauche.jpg) bottom no-repeat;
margin-left:39px;
border-left-color:#788b32;
border-left-width:1px;
border-left-style:solid;
border-right-color:#788b32;
border-right-width:1px;
border-right-style:solid;

}
html>body #edito {
height: auto;
min-height: 320px;
}

#edito p {
margin:0;
margin-left:10px;
padding:0;
color:#FFFFFF;
width:234px;
text-align:left;
}

/*sans mettre margin et padding à 0, h1 et p créaient une marge entre l'image et l'édito*/
#edito h1{
color:#FFFFFF;
margin:0;
margin-left:10px;
padding:0;
padding-bottom:10px;
padding-top:10px;
}

#edito h2{
color:#a2c9f8;
font-size:medium;
text-align:left;
margin-left:10px;
}

#edito a{
color:#a2c9f8;
font-size:small;
}

#img_logo_bas{
margin-left:39px;
}

#droite{
float:left;
width:700px;
}

#menu{
margin-top:20px;
margin-left:30px;
}

#menu ul{
margin:0;
padding:0;
list-style-type:none;
}

#menu a{
color:#73072d;
text-decoration:none;
}

#menu a:hover{
background:#a2c9f8;
}

#menu li{
display:inline;
margin:0 10px;
}

#encart1{
float:left;
width:378px;
height:293px;
margin-top:60px;
margin-left:30px;
background-image:url(images/fd_aptitudes.jpg);
}

#encart1 p{
width:200px;
margin-left:10px;
text-align:justify;
color:#73072d;
margin-bottom:0;
padding-bottom:0;
}

#encart1 h1{
margin-left:10px;
margin-top:10px;
color:#73072d;
}

#encart1 a{
font-size:small;
margin-left:10px;

}

#encart2{
float:left;
width:233px;
height:293px;
margin-top:60px;
margin-left:30px;
background-image:url(images/fd_impro.jpg);
}

#encart2 p{
width:200px;
margin-left:10px;
text-align:justify;
color:#2a4464;
margin-bottom:0;
padding-bottom:0;
}

#encart2 h1{
margin-left:10px;
margin-top:10px;
color:#2a4464;
}

#encart2 a{
font-size:small;
margin-left:10px;
}

/*pages stages commerciaux, impro, références*/
.grande_lettre{
font-size:xx-large;
display:inline;
}
#encart3{
width:611px;
margin-top:60px;
margin-left:30px;
text-align:justify;
}

#encart3 h1{
font-size:x-large;
color:#73072d;
}

#encart3 h2{
font-size:larger;
color:#2a4464;
}

#encart3 h3{
font-size:medium;
color:#73072d;
}

#encart3 h4{
color:#73072d;
font-size:small;
}

#encart3 p{
color:#2a4464;
}

/*page Contact */

#contact{
font-size:small;
color:#2a4464;
}

label {
	float: left;
	width: 200px;
}


#footer {
padding: 20px 0;
}

#footer ul{
list-style-type:none;
text-align:right;
}
#footer li{
display:inline;
margin:0 80px;
}
#footer a{
font-size:x-small;
}