@charset "utf-8";
/* CSS Document */
* { border:0px solid red; }
#grille { position:absolute; display:none; float:left; width:100%; height:100%; margin:0; padding:0; top:0; left:0; background:url(../images/grille.gif); z-index:15000; }

html, body { height:100%; }
body { padding:0; margin:0; background: url(../images/fond.gif) #777 repeat-x; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
ul, li { list-style:none; }
hr { visibility:hidden; height:1px; min-height:1px; max-height:1px; clear:left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1 }
img { border:none; behavior: url(css/iepngfix.htc); }
sup { vertical-align:text-top; font-size:8px; }

#conteneur { margin:0 auto; padding:0; background: url(../images/ombre.gif) repeat-y; width:1000px; height:100%;}

#decalage { margin:0 auto; padding:0; background:#000; height:20px; width:980px; }

#header { margin:0 auto; padding:0; background:url(../images/logo.jpg) no-repeat; width:980px; height:150px; color:#fff; }
#header ul { padding:110px 0 0 30px; margin:0; }
#header ul li { display:inline; margin:0; padding:0; font-weight:bold; line-height:20px; border-right:1px solid #fff; }
#header ul li a { width:100%; height:100%; padding:2px 4px; margin:0; }
#header ul li.last { border-right:0; }

#header ul li a:link, #header ul li a:active, #header ul li a:visited { color:#fff; text-decoration:none; }
#header ul li a:hover { color:#000; text-decoration:underline; }
#header ul li a.actif:link, #header ul li a.actif:active, #header ul li a.actif:visited { color:#000; text-decoration:none; }
#header ul li a.actif:hover { text-decoration:underline; }

#header div.etiquette { position:absolute; width:950px; text-align:right; top:0; padding:60px 0 0 0; margin:0; }
#header div.etiquette p { font-size:20px; padding:0; margin:0; color:#000 }

#bandeau { margin:0 auto; padding:0; width:960px; height:110px; }

#contenu { margin:0 auto; padding:10px 0 0px 0; width:980px; background:#fff; }
#contenu #gauche { margin-left:30px; width:530px; }
#col1 { margin-left:0; width:320px; }
#col2 { margin-left:0px; width:210px; margin-top:10px; }
#droite { margin-left:20px; width:350px; margin-top:10px; }
div.float { float:left; display:inline; }
div.block { display:table; }
div { margin-left:0px; }

#acces-sites { position:absolute; width:950px; top:0; float:right; text-align:right; padding:40px 30px 0 0; color:#9f7810; font-weight:bold; }



#floatcours { float:right; width:400px; height:30px; }
#floatazur { float:right; width:235px; height:35px; }

h1 { font-size:30px; line-height:32px; font-weight:normal; margin:30px 0 5px 0; color:#000; letter-spacing:-.5px; }
h2 { font-size:25px; line-height:30px; margin:20px 0 10px 0; padding:0 0 5px 0; letter-spacing:-.5px; border-bottom:1px solid #ccc; }
h3 { font-size:15px; line-height:15px; margin:20px 0 5px 0; padding:0; letter-spacing:-.5; font-weight:bold; }
h4 { font-size:12px; font-weight:bold; margin:0; padding:20px 0 0 0; line-height:16px; }

p { color:#000; line-height:18px; margin:0 0 10px 0; }
.demi { margin:0 0 5px 0; }
.chapeau { font-weight:bold; }
.puces { margin:0 0 10px 0; }
.puces, .puces li { padding:0; }
.puces li { background:url(../images/puce.gif) no-repeat left 5px; line-height:16px; font-size:12px; padding-left:20px; }

.puces2 { margin:5px 0 10px 0; }
.puces2, .puces2 li { padding:0; }
.puces2 li { background:url(../images/puce-jaune.gif) no-repeat left 7px; line-height:20px; font-size:15px; padding-left:20px; font-weight:bold; color:#d4a014; }
.puces2 li a:link, .puces2 li a:active, .puces2 li a:visited { color:#d4a014; text-decoration:none; }
.puces2 li a:hover { color:#d4a014; text-decoration:underline; }

.simulateur { padding:0; margin:10px 0 0 0; }
.simulateur li { float:left; display:block; padding:0; margin:0; border:0px solid red; }
.simulateur li.carats { font-size:12px; width:150px; }
.simulateur li.champs { font-size:12px; width:200px; }
.simulateur li.prix { font-size:12px; padding-left:10px; width:120px; text-align:right; font-weight:bold; }
.simulateur li.champs input { width:inherit; }

.tableau, tr, td { border:0px; }
.tableau { width:100%; border-spacing: 10px; border-collapse:separate; padding-left:10px; }
.tableau td { width:25%; border-bottom:1px solid #ccc; }
tr.titre td { background-color:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:3px 5px; }

.tableau2 { width:100%; border-spacing:5px; border-collapse:separate; margin-left:-5px; }
.tableau2 td { border-bottom:1px solid #ccc; vertical-align:top; }
.r { text-align:right; }
.vert { color:#090; }

.vignettes { margin:0; padding:0; zoom:1; }
.vignettes li { width:132px; text-align:center; display:block; float:left; margin-bottom:5px; }
.vignettes li p { width:132px; text-align:center; border:0px solid red; padding:0; margin:0; }
.vignettes li img { border:0px solid blue; margin:0; }

.vignettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.temoignages, .temoignages li { margin:0; padding:0; }
.temoignages li { float:left; display:block; margin-bottom:20px; }
.temoignages li.photomembre { height:50px; width:50px; }
.temoignages li.photomembre img.cache { position:absolute; margin-left:-50px; }
.temoignages li.citationmembre { padding-left:20px; width:450px; }

.grisarrondihaut { background:url(../images/form2.png) no-repeat #eee; padding:0; }
.grisarrondibas { padding:10px 20px; background:url(../images/form2_2.png) no-repeat bottom; }

.etape { display:none; }
.haut { font-size:10px; }

.xml { background:#000; padding:10px; margin-bottom:10px; color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; }


span.ar-haut { display:block; width:210px; height:10px; padding:0; margin:0; line-height:10px; }
span.ar-bas { display:block; background:url(../images/ar-bas.gif) no-repeat; width:210px; height:10px; padding:0; margin:0; line-height:10px; }
div.citation { padding:0 10px; margin:0; background:url(../images/ar-haut.gif) no-repeat #f5f5f5; }
div.citation p { margin:0; padding:4px 0 10px 0; font-size:15px; line-height:20px; color:#000; }
div.citation p.plus { padding-top:20px; padding-bottom:10px; line-height:10px; }

div.temoignage { border:0px solid red; margin:0; padding:10px 0 0 0; }
div.temoignage ul, div.temoignage li { margin:0; padding:0; }
div.temoignage ul li { display:inline; }
div.temoignage ul li.left { width:50px; height:50px; float:left; margin-right:10px; }
div.temoignage ul li.left span { display:block; position:absolute; float:left; margin-top:0; width:50px; height:50px; background:url(../images/cache.png) no-repeat; behavior: url(css/iepngfix.htc);  }
div.temoignage ul li.right { vertical-align:top; }
.noir { color:black; }


.droite h2.titre { height:50px; padding:0 10px 0 10px; margin:0;color:#000; font-weight:normal; line-height:50px; font-size:15px; border:none; background:url(../images/fond-titre_.gif) no-repeat; }
.fond1 { background:url(../images/fond-titre-1.gif) no-repeat; }
.fond2 { background:url(../images/fond-titre-2.gif) no-repeat; }
.fond3 { background:url(../images/fond-titre-3.gif) no-repeat; }
.fond4 { background:url(../images/fond-titre-4.gif) no-repeat; }

.droite h2.titre span { color:#fff; margin-right:10px; font-weight:bold; position:absolute; font-size:30px; }
.droite h2.titre span.title { line-height:17px; font-size:15px; color:#000; position:absolute; font-weight:normal; padding-top:7px; width:240px; }
.droite h2.titre span.petitspan { line-height:17px; font-size:12px; color:#000; font-weight:normal; }
.droite h2.titre img { margin-right:20px; margin-left:15px; }
.droite { margin:0; padding:0; width:360px; }
.droite li { padding:0; margin:0 0 5px 0; display:block; font-size:10px; }
.droite li.ouvert { background:#dddedf url(../images/ar-li-bas.gif) no-repeat left bottom; line-height:40px; }
.droite li div { padding:10px; margin:0; }
form { margin:0; padding:0; }
.droite li a:link, .droite li a:active, .droite li a:visited { color:#000; text-decoration:none; }
.droite li a:hover { text-decoration:underline; }

form.cssform p { clear: left; margin:0 0 1px 0; padding:0; padding-left: 85px; height: 1%; line-height:20px; }
form.cssform label { font-weight: bold; float: left; margin:0 0 0 -80px; width: 80px; line-height:20px; overflow:hidden; font-size:11px; }
form.cssform input.text { width: 245px; background:url(../images/input2.gif) no-repeat #fff; font-size:10px; line-height:10px; margin:0; padding:0; }
/* hide hack from Mac-IE5 \*/
* html form.cssform input.text { height: 1%; }
/* end hiding */
* html div#contenu form.threepxfix { margin-left: 3px; }


input.submit { padding:2px 3px; margin:0; background:#444; color:#fff; text-transform:none; border-left:1px solid #777; border-top:1px solid #777; border-right:1px solid #000; border-bottom:1px solid #000; font-size:11px; }
input.submit:hover { background:#d4a014; border-left:1px solid #fff9d0; border-top:1px solid #fff9d0; border-right:1px solid #605300; border-bottom:1px solid #605300; color:#000; }


input.submitGris { padding:2px 3px; margin:0; background:#888; color:#fff; text-transform:none; border-left:1px solid #BBB; border-top:1px solid #BBB; border-right:1px solid #555; border-bottom:1px solid #555; font-size:11px; }
input.submitGris:hover { background:#d4a014; border-left:1px solid #fff9d0; border-top:1px solid #fff9d0; border-right:1px solid #605300; border-bottom:1px solid #605300; color:#000; }


.profil { padding:0; margin:0; }
.profil li.g {  float:left; position:absolute; width:130px; margin-left:30px; }
.profil li.d { width:150px; }
.textprofil { font-family:Arial, Helvetica, sans-serif; margin-left:50px; width:inherit; }
.entete { position:absolute; text-indent:-9997px; left:-5000px; width:400px; }

.liste1 { padding:0; margin:10px 0 20px 0; }
.liste1 li { display:block; color:#e0b100; font-weight:bold; margin:0; padding:0; line-height:20px; font-size:15px; }

.logos { padding:0px 0 0 0; margin:0 0 10px 0; display:block; }
.logos li { margin:0 20px 0px 0; }

p.legende { color:#5f6a72; font-size:10px; line-height:13px; margin:10px 0 15px 0; padding:0 0 0 20px; }

#pied { position:relative; width:980px; margin:0 auto; font-size:9px; padding:0 0 40px 0; background:#fff; z-index:1; }
#pied ul { margin:0 0 0 25px; padding:0; }
#pied ul li { display:inline; border-right:1px solid #000; padding:0 5px; }
#pied ul li.last { border:0; }
#pied a:link, #pied a:active, #pied a:visited { text-decoration:none; color:#000; }
#pied a:hover { text-decoration:underline; color:#000; }

a:link, a:active, a:visited { text-decoration:underline; color:#d4a014; }
a:hover { text-decoration:underline; color:#000; }

a#encart-or { text-decoration:none; color:#d4a014; }
a#encart-or:hover { text-decoration:underline; color:#d4a014; }

a#encart-gbgp { text-decoration:none; color:#FF4444; }
a#encart-gbgp:hover { text-decoration:underline; color:#FF4444; }

a.haut:link, a.haut:active, a.haut:visited { text-decoration:none; color:#999; }
a.haut:hover { text-decoration:none; color:#000; }

.faq a:link, .faq a:active, .faq a:visited { text-decoration:underline; color:#000; }
.faq a:hover { text-decoration:underline; color:#d4a014; }

a.noir:link, a.noir:active, a.noir:visited { text-decoration:none; color:#000; }
a.noir:hover { text-decoration:underline; color:#000; }

#contenu span.valider a:link, #contenu span.valider a:active, #contenu span.valider a:visited { text-decoration:none; color:#000; font-weight:bold; }
#contenu span.valider a:hover { text-decoration:underline; color:#000; font-weight:bold; }

.liste1 li a:link, .liste1 li a:active, .liste1 li a:visited { text-decoration:none; color:#e0b100; }
.liste1 li a:hover { text-decoration:underline; color:#e0b100; }

.xml a:link, .xml a:active, .xml a:visited { text-decoration:none; color:#fff; }
.xml a:hover { text-decoration:underline; color:#fff; }

a.step:link span, a.step:active span, a.step:visited span { text-decoration:none; color:#e2007a; }
a.step:hover span { text-decoration:underline; color:#000; }

h2 a:link, h2 a:active, h2 a:visited { text-decoration:none; color:#000; }
h2 a:hover { text-decoration:underline; color:#000; }

h2 a:link span, h2 a:active span, h2 a:visited span { text-decoration:none; color:#000; }
h2 a:hover span { text-decoration:underline; color:#000; }


#acces-sites a:link, #acces-sites a:active, #acces-sites a:visited { text-decoration:none; color:#9f7810; }
#acces-sites a:hover { text-decoration:underline; color:#9f7810; }


#load-account { padding:10px 5px 10px 40px; background:url(../images/load.gif) no-repeat 0px 5px; font-size:12px; line-height:12px; border-top:1px solid #888; margin-top:5px;}
#load-account strong { display:block; font-size:14px;}
#load-account em { display:block; margin-top:5px; font-size:10px;}


#load2-account { padding:10px 5px 10px 40px; background:url(../images/load.gif) no-repeat 0px 5px; font-size:12px; line-height:12px;}
#load2-account strong { display:block; font-size:14px;}
#load2-account em { display:block; margin-top:5px; font-size:10px;}



#loader { padding:10px 5px 10px 40px; background:url(../images/load.gif) no-repeat 0px 5px; font-size:12px; line-height:12px; margin-top:5px;}
#loader strong { display:block; font-size:14px;}
#loader em { display:block; margin-top:5px; font-size:10px;}


.ml { font-size:14px; line-height:18px; margin:0px 0 5px 0; padding:0 0 1px 0; font-weight:bold; }



#form-error { line-height:12px; padding:0 10px 0 5px;}
#form-error div { padding:2px; margin:5px 0; background:#E00; color:#FFF; text-transform:uppercase; font-size:12px;}

#form2-error { line-height:12px; padding:0 10px 0 0;}
#form2-error div { padding:2px; margin:5px 0; background:#E00; color:#FFF; text-transform:uppercase; font-size:12px;}
#form2-error div.ok { background:#090;}

#form-error-account { line-height:11px; padding:0;}
#form-error-account div { padding:2px; margin:5px 0; background:#E00; color:#FFF; text-transform:uppercase; font-size:11px;}
#form-error-account div.ok { background:#090;}


p.new-account{ background:#093; color:#FFF; padding:2px 5px; margin-right:5px;}

p.erreur { background:#E00; color:#FFF; padding:2px 5px; margin-right:5px;}


.tableau3 { border-spacing: 2px; border-collapse:separate; }
.tableau3 td { border-bottom:1px solid #ccc; font-size:12px; }
.tableau3 th { border-bottom:1px solid #ccc; width:180px; font-size:11px; font-weight:normal; text-align:left; color:#666; }

.tableau3 .big { font-size:16px; font-weight:normal; font-weight:bold;}


.tableau4 { border-spacing: 2px; border-collapse:separate; width:100% }
.tableau4 td { border-bottom:1px solid #ccc; font-size:11px; }
.tableau4 th { border-bottom:1px solid #ccc; width:180px; font-size:11px; font-weight:normal; text-align:left; color:#666; }



.t-5 { color:#090;}

#bonnet { background:url(../images/bonnet.gif) no-repeat; position:absolute; width:37px; height:37px; margin:34px 0 0 19px}

#gbg_bottom_bar { height:25px; background:#EEE url(../images/degrade.png) repeat-x; border-top:1px solid #AAA; position:fixed; bottom:0; width:100%; z-index:900;}

#gbg_bottom_bar_content { width:982px; margin:0 auto; text-align:right; }