* {margin: 0; padding: 0; border: 0;}

body {
text-align: center;
background: #E7E7E7;
font-family:  Arial, Verdana, sans-serif;
font-size: 100%;
color: #000;
height: 100%;
position: relative;
}

#conteneur {
width:760px;
position: absolute;
left: 50%;
margin-left:-377px;
text-align:left;
background: #fff;
}

#bandeau {
height: 140px;
background: #173187 url(images/bandeau.jpg)  right top no-repeat;
padding:  0px 0 0 7px;
}

#contenu_centre {
margin: 10px 10px 0px 10px;
font-size: 0.8em;
background: #3BAAE1;
overflow:visible;
width: 740px;;    /*indiquer la largeur pour IE, et 100% trop grand! */
}
 #contenu_centre object, #contenu_centre #gauche {
 float: left;
 Margin: 40px 40px;
 }
 #contenu_centre p, #contenu_centre h1, #contenu_centre h2, #contenu_centre h3,  #contenu_centre #formulaire {
 margin-left: 280px;
 margin-right: 10px;
 }
 h1 {
 font-size: 2.2em;
 color: #D82953;
 margin: .2em 0 0 50px;
 padding-left: 20px;
 font-family:  "Arial Black", Verdana, sans-serif;
 background: transparent url(images/carre-rouge.gif)  0 .55em no-repeat;
 }
 #contenu_centre h2 {
 font-size: 1.2em;
 margin-bottom: .5em;
 color: #D82953;
 }
 p {
 color: #fff;
 margin: 1em 0;
 font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
 }
 img {
 margin: 10px 10px;
 }
 a{
 color: #173187;
 }
 a:hover, a:focus {
 color: #173187;
text-decoration:none; }


#contenu_bas {
background: #3BAAE1 url(images/fils-gauche.jpg)  left bottom no-repeat;
margin: 10px 10px 0px 10px;
overflow: auto;
}
#contenu_bas_2 {
background: transparent url(images/fil-droit.jpg)  320px bottom no-repeat;
font-size: .8em;
width: 99%;    /*indiquer la largeur pour IE, et 100% trop grand! */
}

#partenaire h2, #produit h2 {
 float: right;
 font-size: 1.2em;
 color: #D82953;
 background: transparent url(images/petit-carre.gif)  20px .30em no-repeat;
 margin: .5em;
 padding-left: 40px;
 }
 
#partenaire {
float: left;
width: 360px;
}
 #partenaire p {
 clear: both;
 }
 #partenaire img {
 margin: 20px 3px;
 }

#produit {
float: left;
width: 350px;
border-left: 10px solid #fff;
}
 #produit1 {
 margin: 10px 10px 0 10px;
 clear: both;
 } 
 #produit2 {
 margin: 10px 10px 0 10px;
 border-top:  1px solid #fff;
 } 
 #produit img {
 float: left;
 margin: 0;
 margin-left: 2px;
 margin-top: 3px;
 margin-right: 8px;
 }
 
#contenu_centre .emploi {
border-bottom: 2px solid #fff;
padding: 10px 0;
}
#contenu_centre .emploi p {
border: 1px solid #EBEBEB;
margin-top: 0;
padding: 5px 5px;
background: transparent;
color: #173187;
}
#contenu_centre .emploi h2 {
background: transparent url(images/petit-carre.gif)  0px .30em no-repeat;
padding-left: 20px;
}
#contenu_centre .emploi h3 {
font-size: 1em;
color: #173187;
background: #EBEBEB url(images/bord.gif)  right top no-repeat;
padding: .2em .2em;
}
 
#pied_de_page {
margin: 10px 10px 0px 10px;
padding-top: 10px ;
text-align: center;
clear: both;
background: #3BAAE1;
list-style-type: none;
font-size: 0.8em;
}
#pied_de_page p{
color: #000;
}
#pied_de_page  a{
color: #000;
}

#pied_de_page a:hover, #pied_de_page a:focus {
color: #000;
}

#pied_de_page li{
display: inline;
}

.cadre_mail {
border: #859197 solid 1px;
text-align:left;
font-size:12px;
color: #000;
background: black;
}
.envoyer_mail {
border: #859197 solid 1px;
text-align:center;
font-size:12px;
color:black;
}