/*------------------------------------------------------------------------------------------------------------------------------------------------------;
              Contenu : Accueil
------------------------------------------------- */
#page-accueil {
min-height: 100%;
background: #000000 url(../img/bg_contenu.jpg) no-repeat 54% 75px;
}

#contenu_home {
clear: both;
min-height: 538px;
padding-top: 11px;
}

#contenu_home .titre_accueil img {
margin: 57px 0px 0px 0;
}

#contenu_home .haut-contenu_gauche p {
width: 300px;
font: 0.7em verdana, arial, sans-serif;
color: #cbcbcb;
margin: 11px 0px 0px 51px;
line-height: 17px;
margin-bottom: 17px;
}

#contenu_home .haut-contenu_gauche {
float: left;
margin: 58px 0 0 0;
min-height: 283px;
width: 302px;
}

#contenu_home .haut-contenu_droite {
float: left;
margin: 79px 0px 0px 114px;
}

#contenu_home .titre-milieu {
float: left;
}

/* ----------[ Options du bas ]---------- */

#contenu_home .contenu-bas {
clear: both;
padding: 18px 0px 0px 51px;
}

#contenu_home .contenu-bas li {
display: inline;
}

#contenu_home .contenu-bas .last-child {
margin-left: 451px;
position: relative;
top: 1px;
}

/*-------------- Contenu de droite --------------*/

#contenu_home .contenu_droite {
float: left;
width: 142px;
height: 155px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat !important;
background: url(../img/fond_particuliers_cours_bourse.gif) 0 52px no-repeat;
}

#contenu_home .contenu_droite h3 {
margin: 0px;
padding: 0px;
}

#contenu_home .contenu_droite ul {
padding: 9px 0px 7px 14px;
}
#contenu_home .contenu_droite li {
font-size: 0.6em;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_home .contenu_droite li img {
margin-right: 5px;
}

#contenu_home .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_home .contenu_droite .fleche {
margin-left: 16px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
             Contenu : Présentation
-------------------------------------------------*/
#page_presentation-societe {
min-height: 100%;
background: url(../img/images/femme.jpg) no-repeat 50% bottom;
}

#contenu_part1 {
clear: both;
min-height: 630px;
margin: 0px;
padding-top: 11px;
}

/*-------------- Menu de gauche --------------*/
#contenu_part1 .menu_gauche {
float: left;
margin: 156px 0px 0px 51px;
width: 160px;
}

#contenu_part1 .menu_gauche li {
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #353636;
}
#contenu_part1 .menu_gauche li img{
position: relative;
bottom: 1px;
}
.menu_gauche .lastchild2 {
border-bottom: 1px solid #353636;
}

/*-------------- Infos du milieu --------------*/
#contenu_part1 .contenu_milieu {
float: left;
width: 390px;
margin-left: 80px;
}
#contenu_part1 .titre_accueil img {
margin: 131px 0px 0px 0px;
}
#contenu_part1 .contenu_milieu p {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 28px 0px 0px 0px;
line-height: 17px;
}
#contenu_part1 .contenu_milieu .intro {
color: #fabc32;
}
#contenu_part1 .contenu_milieu h3 {
color: #fabc32;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
}

.titre_h4 {
color: #fabc32;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
}

.list-part1 {
font: 0.8em/17px verdana, arial, sans-serif;
color: #ffffff;
padding-top: 17px;
padding-bottom: 25px;
}

.list-part1 li {
padding-bottom: 6px;
list-style-type: none;
padding-left: 30px;
}
.list-part1 .L1 { background: url(../img/list-part/01.png) no-repeat 1px 1px; }
.list-part1 .L2 { background: url(../img/list-part/02.png) no-repeat 1px 1px; }
.list-part1 .L3 { background: url(../img/list-part/03.png) no-repeat 1px 1px; }
.list-part1 .L4 { background: url(../img/list-part/04.png) no-repeat 1px 1px; }
.list-part1 .L5 { background: url(../img/list-part/05.png) no-repeat 1px 1px; }

/*-------------- Infos de droite --------------*/
#contenu_part1 .contenu_droite {
float: left;
width: 142px;
height: 155px;
margin: 156px 0px 0px 110px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat;
}

#contenu_part1 .contenu_droite ul {
padding: 9px 0px 8px 14px;
}
#contenu_part1 .contenu_droite li {
font-size: 60%;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_part1 .contenu_droite li img {
margin-right: 5px;
}

#contenu_part1 .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_part1 .contenu_droite .fleche {
margin-left: 16px;
}

.image_femme_part1 {
clear: both;
float: left;
display: block;
width: 170px;
height: 269px;
}

.part1_imgargent {
margin-top: 41px;
position: relative;
right: 24px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
             Contenu : Nous achetons
-------------------------------------------------*/
#page_nous-achetons {
min-height: 100%;
background: url(../img/images/femme.jpg) no-repeat 50% bottom;
}

#contenu_nous-achetons {
clear: both;
min-height: 750px;
margin: 0px;
padding-top: 11px;
}

/*-------------- Menu de gauche --------------*/
#contenu_nous-achetons .menu_gauche {
float: left;
margin: 156px 0px 0px 51px;
width: 160px;
}

#contenu_nous-achetons .menu_gauche li {
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #353636;
}
#contenu_nous-achetons .menu_gauche li img{
position: relative;
bottom: 1px;
}
#contenu_nous-achetons .menu_gauche .lastchild2 {
border-bottom: 1px solid #353636;
}

/*-------------- Infos du milieu --------------*/
#contenu_nous-achetons .contenu_milieu {
float: left;
width: 480px;
margin-left: 80px;
}
#contenu_nous-achetons .titre_accueil img {
margin: 131px 0px 12px 0px;
}
#contenu_nous-achetons .contenu_milieu p {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
line-height: 17px;
margin: 0px;
}

#contenu_nous-achetons .img_prod-or { position: relative; right: 32px; }
#contenu_nous-achetons .img_prod-argent { position: relative; top: 18px; right: 10px; }
#contenu_nous-achetons .img_prod-platine { position: relative; top: 9px; right: 18px; }
#contenu_nous-achetons .img_prod-pierres { position: relative; top: 7px; right: 30px; }

#contenu_nous-achetons .img_prod-argent_pro { position: relative; top: 2px; right: 18px; }

/*-------------- Produits --------------*/
#contenu_nous-achetons .produit {
width: 482px;
overflow: hidden;
border-bottom: 1px solid #353636;
margin: 16px 0 0 0;
position: relative;
right: 1px;
}

#contenu_nous-achetons .produit .prod_texte, .produit_last .prod_texte, .produit_last_pro .prod_texte {
width: 250px;
float: left;
padding-bottom: 26px;
}

#contenu_nous-achetons .produit .prod_texte h3, .produit_last .prod_texte h3, .produit_last_pro .prod_texte h3  {
color: #fabc32;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin-bottom: 1px;
}

#contenu_nous-achetons .produit img, .produit_last  img, .produit_last_pro  img {
float: right;
}

#contenu_nous-achetons .prod_texte ul li {
font: normal 0.8em/17px verdana,arial,sans-serif;
color: #ffffff;
}

#contenu_nous-achetons .produit_last {
width: 482px;
overflow: hidden;
margin: 16px 0 0 0;
border: none;
padding-bottom: 62px;
}
#contenu_nous-achetons .produit_last_pro {
width: 482px;
overflow: hidden;
margin: 16px 0 0 0;
border: none;
padding-bottom: 0px;
}

.note_produit-pro {
color: #777777;
}

/*-------------- Infos de droite --------------*/
#contenu_nous-achetons .contenu_droite {
float: left;
width: 142px;
height: 155px;
margin: 156px 0px 0px 20px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat;
}

#contenu_nous-achetons .contenu_droite h3 {
margin: 0px;
padding: 0px;
}

#contenu_nous-achetons .contenu_droite ul {
padding: 9px 0px 8px 14px;
}
#contenu_nous-achetons .contenu_droite li {
font-size: 60%;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_nous-achetons .contenu_droite li img {
margin-right: 5px;
}

#contenu_nous-achetons .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_nous-achetons .contenu_droite .fleche {
margin-left: 16px;
}

#contenu_nous-achetons .image_femme_part1 {
clear: both;
float: left;
display: block;
width: 170px;
height: 269px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
        Contenu : Comment achetons nous ?
-------------------------------------------------*/
#page_comment-acheter {
min-height: 100%;
}

#page_comment-acheter  #content {
background: url(../img/images/comment-acheter_img2.jpg) no-repeat 732px 490px;
}

#contenu_comment-acheter {
clear: both;
min-height: 576px;
margin: 0px;
padding-top: 11px;
background: url(../img/images/comment-acheter_img1.jpg) no-repeat 58px 371px;
}

/*-------------- Menu de gauche --------------*/
#contenu_comment-acheter .menu_gauche {
float: left;
margin: 156px 0px 0px 51px;
width: 160px;
}

#contenu_comment-acheter .menu_gauche li {
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #353636;
}
#contenu_comment-acheter .menu_gauche li img{
position: relative;
bottom: 1px;
}
.menu_gauche .lastchild2 {
border-bottom: 1px solid #353636;
}

/*-------------- Infos du milieu --------------*/
#contenu_comment-acheter .contenu_milieu {
float: left;
width: 480px;
margin-left: 80px;
}
#contenu_comment-acheter .titre_accueil img {
margin: 131px 0px 0px 0px;
}
#contenu_comment-acheter .contenu_milieu p {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 0px;
line-height: 17px;
}
#contenu_comment-acheter .contenu_milieu .intro {
color: #fabc32;
}
#contenu_comment-acheter .contenu_milieu h3 {
color: #fabc32;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
}

#contenu_comment-acheter .list-part1 {
font: 0.8em/17px verdana, arial, sans-serif;
color: #ffffff;
padding-top: 28px;
padding-bottom: 25px;
}

#contenu_comment-acheter .list-part1 li {
padding-bottom: 6px;
list-style-type: none;
padding-left: 30px;
}
.list-part1 .L1 { background: url(../img/list-part/01.png) no-repeat 1px 1px; }
.list-part1 .L2 { background: url(../img/list-part/02.png) no-repeat 1px 1px; }
.list-part1 .L3 { background: url(../img/list-part/03.png) no-repeat 1px 1px; }
.list-part1 .L4 { background: url(../img/list-part/04.png) no-repeat 1px 1px; }
.list-part1 .L5 { background: url(../img/list-part/05.png) no-repeat 1px 1px; }

/*-------------- Infos de droite --------------*/
#contenu_comment-acheter .contenu_droite {
float: left;
width: 142px;
height: 155px;
margin: 156px 0px 0px 20px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat;
}

#contenu_comment-acheter .contenu_droite h3 {
margin: 0px;
padding: 0px;
}

#contenu_comment-acheter .contenu_droite ul {
padding: 9px 0px 8px 14px;
}
#contenu_comment-acheter .contenu_droite li {
font-size: 60%;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_comment-acheter .contenu_droite li img {
margin-right: 5px;
}

#contenu_comment-acheter .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_comment-acheter .contenu_droite .fleche {
margin-left: 16px;
}

#contenu_comment-acheter .img2 {
margin-top: 78px;
position: relative;
right: 59px;
}

.titre3_comment-acheter {
color: #fabc32;
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 3px 0 5px 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
        Contenu : Nox prix
-------------------------------------------------*/
#page_nos-prix {
min-height: 100%;
}

#page_nos-prix  #content {
background: url(../img/images/nosprix_img2.jpg) no-repeat 759px 449px;
}

#contenu_nos-prix {
clear: both;
min-height: 815px;
margin: 0px;
padding-top: 11px;
background: url(../img/images/nosprix_img1.jpg) no-repeat 46px 344px;
}

/*-------------- Menu de gauche --------------*/
#contenu_nos-prix .menu_gauche {
float: left;
margin: 156px 0px 0px 51px;
width: 160px;
}

#contenu_nos-prix .menu_gauche li {
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #353636;
}
#contenu_nos-prix .menu_gauche li img{
position: relative;
bottom: 1px;
}
.menu_gauche .lastchild2 {
border-bottom: 1px solid #353636;
}

/*-------------- Infos du milieu --------------*/
#contenu_nos-prix .contenu_milieu {
float: left;
width: 480px;
margin-left: 80px;
}
#contenu_nos-prix .titre_accueil img {
margin: 133px 0px 23px 0px;
position: relative; left: 1px;
}
#contenu_nos-prix .contenu_milieu p {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 0px;
line-height: 17px;
}
#contenu_nos-prix .contenu_milieu .intro {
color: #fabc32;
}

#contenu_nos-prix .contenu_milieu .mbottom {
font: normal 0.6em/1.3em verdana, arial, sans-serif;
color: #7f7f7f;
margin-top: 17px;
padding-bottom: 28px;
}

#contenu_nos-prix .contenu_milieu ul li {
color: #ffffff;
font: 0.8em verdana, arial, tahoma, sans-serif;
}

/*-------------- Infos de droite --------------*/
#contenu_nos-prix .contenu_droite {
float: left;
width: 142px;
height: 155px;
margin: 156px 0px 0px 20px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat;
}

#contenu_nos-prix .contenu_droite ul {
padding: 9px 0px 8px 14px;
}
#contenu_nos-prix .contenu_droite li {
font-size: 60%;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_nos-prix .contenu_droite li img {
margin-right: 5px;
}

#contenu_nos-prix .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_nos-prix .contenu_droite .fleche {
margin-left: 16px;
}

/*-------------- Tableau --------------*/
#contenu_nos-prix .table_or {
margin-top: 28px;
margin-left: 1px;
}

#contenu_nos-prix table {
width: 400px;
font: normal 0.7em verdana, arial, sans-serif;
color: #ffffff;
border-collapse: collapse;
}

#contenu_nos-prix  table tr {
background: #1b1b1b url(../img/barre_tr.gif) no-repeat bottom;
}

#contenu_nos-prix  table .bg_black {
background: #000000 url(../img/barre_tr.gif) no-repeat bottom;
}

#contenu_nos-prix  table thead {
color: #fabd33;
}

#contenu_nos-prix table th, #contenu_nos-prix table thead th {
text-align: left;
font-weight: normal;
width: 343px;
}
#contenu_nos-prix .thead_title { width: 57px; }

#contenu_nos-prix table td {
text-align: left;
padding-left: 9px;
}

#contenu_nos-prix table th, #contenu_nos-prix table td {
padding: 2px 0 5px 9px;
}

#contenu_nos-prix .table_argent {
margin-top: 20px;
margin-left: 1px;
}

#contenu_nos-prix .liens-bas {
padding-bottom: 35px;
}
#contenu_nos-prix .contenu_milieu ul li {
font: 0.8em verdana, arial, sans-serif;
}
#contenu_nos-prix .contenu_milieu ul li a {
border-bottom: 1px dotted #808080;
}
#contenu_nos-prix .contenu_milieu ul li a:hover {
border-bottom: 1px solid #808080;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
        Contenu : Où nous trouver
-------------------------------------------------*/
#page_nous-trouver {
min-height: 100%;
background: url(../img/images/femme.jpg) no-repeat 50% bottom;
}

#contenu_nous-trouver {
clear: both;
min-height: 625px;
margin: 0px;
padding-top: 11px;
}

/*-------------- Menu de gauche --------------*/
#contenu_nous-trouver .menu_gauche {
float: left;
margin: 156px 0px 0px 51px;
width: 160px;
}

#contenu_nous-trouver .menu_gauche li {
background-color: #000000;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #353636;
}
#contenu_nous-trouver .menu_gauche li img{
position: relative;
bottom: 1px;
}
.menu_gauche .lastchild2 {
border-bottom: 1px solid #353636;
}

/*-------------- Infos du milieu --------------*/
#contenu_nous-trouver .contenu_milieu {
float: left;
width: 480px;
margin-left: 80px;
}
#contenu_nous-trouver .titre_accueil img {
margin: 133px 0px 31px 0px;
position: relative; left: 1px;
}
#contenu_nous-trouver .contenu_milieu p {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 0px;
line-height: 17px;
}
#contenu_nous-trouver .contenu_milieu .intro {
color: #fabc32;
}

#contenu_nous-trouver .contenu_milieu .mbottom {
font: normal 0.6em/1.3em verdana, arial, sans-serif;
color: #7f7f7f;
margin-top: 17px;
padding-bottom: 54px;
}

/*-------------- Infos de droite --------------*/
#contenu_nous-trouver .contenu_droite {
float: left;
width: 142px;
height: 155px;
margin: 156px 0px 0px 20px;
background: url(../img/fond_particuliers_cours_bourse.png) 0 52px no-repeat;
}

#contenu_nous-trouver .contenu_droite ul {
padding: 9px 0px 8px 14px;
}
#contenu_nous-trouver .contenu_droite li {
font-size: 60%;
font-family: verdana, arial, sans-serif;
color: #cbcbcb;
padding-bottom: 3px;
}
#contenu_nous-trouver .contenu_droite li img {
margin-right: 5px;
}

#contenu_nous-trouver .contenu_droite .consulter {
margin: 0px 0px 0px 5px;
font-family: verdana, arial, sans-serif;
font-size: 0.7em;
color: #dea72c;
position: relative;
top: 1px;
}

#contenu_nous-trouver .contenu_droite .fleche {
margin-left: 16px;
}

/*-------------- Tableau --------------*/
#contenu_nous-trouver .rendezvous {
margin-top: 20px;
margin-left: 1px;
}

#contenu_nous-trouver table {
width: 400px;
font: normal 0.7em verdana, arial, sans-serif;
color: #ffffff;
border-collapse: collapse;
}

#contenu_nous-trouver  table tr {
background: #1b1b1b url(../img/barre_tr.gif) no-repeat bottom;
}

#contenu_nous-trouver  table .bg_black {
background: #000000 url(../img/barre_tr.gif) no-repeat bottom;
}

#contenu_nous-trouver  table thead {
color: #fabd33;
}

#contenu_nous-trouver table th, #contenu_nous-trouver table thead th {
text-align: left;
font-weight: normal;
width: 155px;
}
#contenu_nous-trouver .thead_title { width: 245px; }

#contenu_nous-trouver table td {
text-align: left;
padding-left: 9px;
}

#contenu_nous-trouver table th, #contenu_nous-trouver table td {
padding: 2px 0 5px 9px;
}

#contenu_nous-trouver .table_argent {
margin-top: 20px;
margin-left: 1px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
             Contenu : Informations
-------------------------------------------------*/
#page_cours-bourse {
min-height: 100%;
}

#contenu_cours-bourse {
clear: both;
min-height: 630px;
margin: 0px;
padding-top: 11px;
}

/*---------- Contenu de gauche ----------*/
#contenu_cours-bourse .contenu_gauche {
width: 532px;
height: 200px;
margin: 131px 0px 31px 0px;
float: left;
}

#contenu_cours-bourse .titre_accueil_1 img {
margin-left: 51px;
}

#contenu_cours-bourse .mbottom {
margin-top: 20px;
margin-left: 94px;
font: normal 0.6em/1.3em verdana, arial, sans-serif;
color: #7f7f7f;
}

#contenu_cours-bourse .courbe {
margin: 21px 0 0 51px;
width:  518px;
height: 221px;
}

#contenu_cours-bourse h3 {
font: bold 70% arial, verdana, sans-serif;
color: #ffffff;
text-transform: uppercase;
float: left;
margin: 4px 0 0 1px;
}

#contenu_cours-bourse .courbe ul {
float: right;
margin-right: 51px;
}
#contenu_cours-bourse .courbe ul li {
float: left;
margin: 0 0 0 1px;
padding: 0px;
height: 22px;
}

#contenu_cours-bourse .contenu1 {
clear: both;
width: 533px;
}

/*---------- Contenu de droite ----------*/
#contenu_cours-bourse .contenu_droit {
width: 328px;
height: 440px;
margin: 131px 0px 31px 77px;
float: left;
background: url(../img/images/pierre_or.jpg) no-repeat 2px bottom;
}

#contenu_cours-bourse .titre_accueil_2 img {
margin-left: 3px;
}

#contenu_cours-bourse .infos_regles  {
font-size: 0.8em;
font-family: verdana, arial, sans-serif;
margin: 17px 0 0 0;
line-height: 17px;
}

#contenu_cours-bourse .contenu_droit ul {
margin-top: 23px;
border-bottom: 1px solid #353636;
width: 320px;
position: absolute;
}
#contenu_cours-bourse .contenu_droit ul li span a {
font: 1em verdana, arial, sans-serif;
position: absolute;
right: 11px;
color: #dea72c;
padding: 1px 0 5px 0px;
}
#contenu_cours-bourse .contenu_droit ul li span a img {
position: relative;
bottom: 1px;
right: 1px;
}

#contenu_cours-bourse .contenu_droit ul li {
border-top: 1px solid #353636;
font: 0.7em verdana, arial, sans-serif;
padding: 2px 0 4px 10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------;
             Contenu : Contact
-------------------------------------------------*/

#page_contact {
min-height: 100%;
}

#contenu_contact {
clear: both;
min-height: 605px;
margin: 0px;
padding-top: 11px;
}

#contenu_contact p {
font: 0.8em verdana, arial, sans-serif;
}

/*---------- Contenu de gauche ----------*/
#contenu_contact .contenu_gauche {
width: 472px;
height: 372px;
margin: 133px 0px 31px 51px;
float: left;
background: url(../img/images/or_contact.jpg) no-repeat -1px bottom;
}

#contenu_contact .contenu_gauche h2 {
margin-left: 2px;
}

#contenu_contact .contenu_gauche ul li {
font: 0.8em verdana, arial, sans-serif;
}

.num_contact {
font-weight: bold;
color: #fabc32;
}

#contenu_contact .contenu_gauche p {
margin: 24px 0 0 0;
line-height: 17px;
}

/*---------- Contenu de droite ----------*/
#contenu_contact .contenu_droit {
width: 342px;
height: 440px;
margin: 131px 0px 31px 15px;
float: left;
}

.erreur {
margin-top: 14px;
margin-left: 89px;
font: bold 85% arial, verdana, sans-serif;
height: 25px;
}

.erreur p {
margin: 0px;
color: #fabc32;
}

.message_envoyer p {
margin: 17px 0 0 14px;
}

/*----------- Formulaire -----------*/
form {
position: absolute;
width: 320px;
margin-top: 12px;
margin-left: 13px;
}

form span {
font: bold 82% arial, verdana, sans-serif;
position: relative;
bottom: 4px;
}

form p { margin:10px 0 14px 0; }

form input {
background: #212121;
border: none;
height: 18px;
width: 235px;
color: #ffffff;
padding-left: 5px;
font: normal 100% verdana, arial, sans-serif;
}

form textarea {
width: 230px;
height: 174px;
background: #212121;
border: none;
color: #ffffff;
padding: 5px;
font: normal 100% verdana, arial, sans-serif;
overflow: auto;
}

form input, form textarea {
position: absolute;
right: 0px;
}

.bouton_envoyer {
background: #000000;
width: 62px;
height: 11px;
position: absolute;
top: 323px;
right: -1px;
cursor: pointer;
}

/* ---- Mentions légales ---- */
.mentions_legales  {
font-size: 0.8em;
}




