/* CSS Document */
html, body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:100%;
color: #626262;
background-color:#92a9a2; /*Transparent;*/
}
form {
padding:0;
margin:0;
}
#page {
width:100%;
height:auto;
}
#global {
width:990px;
height:auto;
margin:11px auto 11px auto;
}
#main {
width:990px;
height:auto;
min-height:600px;
background-image:url(../images/back_main.png);
background-repeat:repeat-y;
}
#footer {
width:990px;
height:17px;
background-image:url(../images/footer.png);
background-repeat:no-repeat;
}
#header {
width:100%;
height:147px;
}
#header_arrondi {
background-image:url(../images/header_arrondi.png);
width:990px;
height:17px;
background-repeat:no-repeat;
position:relative;
top:0px;
left:0px;
}
#header_content {
width:100%;
height:100%;
}
#logo {
width:184px;
height:136px;
float:left;
background-image:url(../images/logo.png);
position:relative;
top:1px;
left:20px;
}
#banniere {
width:776px;
height:156px;
background-image:url(../images/banniere.png);
background-repeat:no-repeat;
position:relative;
left:23px;
float:left;
top:-15px;
}
#membre {
width:247px;
height:124px;
position:relative;
top:19px;
left:512px;
}
#membre_content {
width:247px;
height:100px;
}
#header_membre {
width:247px;
height:20px;
}
#header_membre h2 {
font-size:12px;
font-weight:bold;
}
#content_membrebis {
width:247px;
height:73px;
position:relative;
top:17px;
left:7px;
text-align:center;
}
#content_membrebis a {
color:#7f2257;
text-decoration:none;
}
#content_membrebis a:hover {
color:#7f2257;
text-decoration: underline;
}
.bouton_membre1 {
background-image:url(../images/bouton_membre.png);
background-repeat:no-repeat;
padding:2px 21px 2px 21px;
font-size:12px;
text-decoration:none;
color:#7f2257;
}
.bouton_membre2 {
background-image:url(../images/bouton_membre.png);
background-repeat:no-repeat;
padding:2px 29px 2px 29px;
font-size:12px;
text-decoration:none;
color:#7f2257;
}
.prec {
border-style: none;
border-color: inherit;
border-width: medium;
background-image:url('../images/bouton_prec.png');
background-repeat:no-repeat;
padding:3px 21px 3px 21px;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
float:left;
position:relative;
left:15px;
background-color:transparent;
text-align:right;
top: 0px;
height: 20px;
width: 89px;
}
.suiv {
border-style: none;
border-color: inherit;
border-width: medium;
background-image:url('../images/bouton_suiv.png');
background-repeat:no-repeat;
padding:3px 21px 3px 21px;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
float:right;
position:relative;
background-color:transparent;
text-align:left;
top: 0px;
width: 94px;
height: 18px;
left: 0px;
}
.precsuiv {
position:relative;
top:3px;
}
.chariot {
color:#7f2257;
background-image:url(../images/chariot.png);
padding-left:27px;
background-repeat:no-repeat;
height:25px;
background-position:left 0px;
padding-top:5px;
padding-bottom:-5px;
}
.recherche {
color:#7f2257;
background-image:url(../images/loupe.png);
padding-left:27px;
background-repeat:no-repeat;
height:23px;
padding-top:2px;
padding-bottom:10px;
}
.mdp {
font-size:12px;
line-height:5px;
text-align:left;
}
.clear {
clear:both;
}
#conteneur_col {
height:100%;
width:990px;
}
#col_gauche {
width:190px;
min-height:524px;
background-color:#FFFFFF;
float:left;
position:relative;
left:5px;
top:0px;
}
#menu {
height:auto;
min-height:128px;
width:177px;
position:relative;
left:5px;
}
#header_menu {
width:177px;
background-image:url(../images/header_bloc_vert.png);
background-repeat:no-repeat;
height:24px;
}
.header_content h2 {
margin:0;
padding:0 0 0 10px;
color:#FFFFFF;
font-size:13px;
text-align:center;
font-weight:bold;
}
.goutte {
background-image:url(../images/puce_verte.png);
background-repeat:no-repeat;
padding-left:18px;
padding-right:13px;
}
.header_content {
position:relative;
top:3px;
}
#content_menu {
width:177px;
height:auto;
min-height:120px;
background-image:url(../images/bg_bloc_vert.png);
background-repeat:repeat-y;
}
#content_menubis {
font-size:12px;
letter-spacing:0px;
}
#content_menubis ul {
padding:0 0 0 10px;
margin:0;
position:relative;
left:0px;
top:5px;
line-height:19px;
}
#content_menubis ul li {
list-style-position:inside;
list-style-type:disc;
line-height:22px;
}
#content_menubis a {
color: #626262;
text-decoration:none;
font-size:12px;
}
#content_menubis a:hover {
color: #626262;
text-decoration: underline;
font-size:12px;
}
#footer_menu {
width:177px;
background-image:url(../images/footer_bloc_vert.png);
background-repeat:no-repeat;
height:12px;
}
#joinus {
height:auto;
min-height:122px;
width:177px;
position:relative;
left:5px;
position:relative;
top:15px;
}
#header_joinus {
width:177px;
background-image:url(../images/header_bloc_vert.png);
background-repeat:no-repeat;
height:24px;
}
#content_joinus {
width:177px;
height:auto;
min-height:120px;
background-image:url(../images/bg_bloc_vert.png);
background-repeat:repeat-y;
}
#content_joinusbis {
width:177px;
height:auto;
}
#content_joinusbis ul {
padding:5px 0 0 10px;
margin:0;
position:relative;
left:0px;
top:3px;
line-height:19px;
}
#content_joinusbis ul li {
list-style-position:inside;
list-style-type:disc;
line-height:22px;
}
.line {
line-height:19px;
}
#content_joinus li {
}
#content_joinus a {
color: #626262;
text-decoration:none;
font-size:12px;
}
#content_joinus a:hover {
color: #626262;
text-decoration: underline;
font-size:12px;
}
#footer_joinus {
width:177px;
background-image:url(../images/footer_bloc_vert.png);
background-repeat:no-repeat;
height:12px;
}
#extra {
height:auto;
min-height:75px;
width:177px;
position:relative;
top:30px;
left:5px;
}
#header_extra {
width:177px;
background-image:url(../images/header_bloc_vert.png);
background-repeat:no-repeat;
height:24px;
}
#content_extra {
width:177px;
height:auto;
min-height:53px;
background-image:url(../images/bg_bloc_vert.png);
background-repeat:repeat-y;
}
#content_extrabis {
width:162px;
height:auto;
min-height:70px;
background-image:url(../images/acces_espace.png);
background-repeat:no-repeat;
position:relative;
top:3px;
left:5px;
}
#texte_extra {
width:73px;
height:26px;
position:relative;
left:42px;
top:17px;
text-align:center;
font-size:11px;
}
#texte_extra a{
font-weight:bold;
text-decoration:none;
}
#texte_extra a:hover{
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}
#footer_extra {
width:177px;
background-image:url(../images/footer_bloc_vert.png);
background-repeat:no-repeat;
height:12px;
}
#newsletter {
height:auto;
min-height:53px;
width:177px;
position:relative;
top:45px;
left:5px;
}
#header_newsletter {
width:177px;
background-image:url(../images/header_bloc_blanc.png);
background-repeat:no-repeat;
height:9px;
}
#content_newsletter {
width:177px;
height:auto;
background-image:url(../images/bg_bloc_vert.png);
background-repeat:repeat-y;
}
#content_newsletterbis {
background-image:url(../images/env.png);
background-repeat:no-repeat;
background-position:100px -3px;
width:166px;
line-height:14px;
font-size:12px;
text-align:left;
padding-left:15px;
}
#form {
position:relative;
left:10px;
top:3px;
}
#backmailnewsletter {
width:113px;
height:19px;
background-image: url(../images/bg_champ_newsletter.png);
background-position:0 0;
background-repeat:no-repeat;
border:0;
color:#858d7e;
font-size:10px;
position:relative;
top:1px;
left:1px;
}
#mailnewsletter {
width:100px;
height:15px;
background-color:transparent;
border:0;
color:#858d7e;
font-size:11px;
position:relative;
left:6px;
top:1px;
margin:0 0 0 0;
padding:0 0 0 0;
}
#boutonnewsletter {
position:relative;
top:1px;
left:1px;
background-image:url(../images/bouton_newsletter.png);
border:none;
color:#FFFFFF;
text-transform:uppercase;
font-size:10px;
text-align:center;
width:113px;
height:19px;
font-weight:bold;
padding-bottom:3px;
background-color:transparent;
cursor:pointer;
margin-top:5px;
}
#footer_newsletter {
width:177px;
background-image:url(../images/footer_bloc_vert.png);
background-repeat:no-repeat;
height:12px;
}
#onparle {
height:auto;
min-height:36px;
width:177px;
position:relative;
top:59px;
left:5px;
}
#header_onparle {
width:177px;
background-image:url(../images/header_bloc_vert2.png);
background-repeat:no-repeat;
height:8px;
}
#content_onparle {
width:177px;
height:auto;
min-height:21px;
background-color:#cae0ae;
background-repeat:repeat-y;
}
#content_onparlebis {
text-align:center;
position:relative;
top:1px;
}
#content_onparlebis a {
font-size:15px;
color:#3c8674;
font-weight:bold;
text-decoration:none;
}
#footer_onparle {
width:177px;
background-image:url(../images/footer_bloc_vert2.png);
background-repeat:no-repeat;
height:8px;
}
#plandusite {
height:auto;
min-height:29px;
width:177px;
position:relative;
top:73px;
left:5px;
}
#header_plandusite {
width:177px;
background-image:url(../images/header_bloc_blanc.png);
background-repeat:no-repeat;
height:9px;
}
#content_plandusite {
width:177px;
height:auto;
min-height:15px;
background-image:url(../images/bg_bloc_vert.png);
background-repeat:repeat-y;
}
#content_plandusitebis a {
font-size:13px;
color:#8a8b8c;
font-weight:bold;
text-decoration:none;
}
#content_plandusitebis {
text-align:center;
}
#footer_plandusite {
width:177px;
background-image:url(../images/footer_bloc_vert.png);
background-repeat:no-repeat;
height:12px;
}
#col_centrale {
width:599px;
min-height:524px;
float:left;
position:relative;
left:7px;
top:0px;
}
#col_droite {
width:174px;
min-height:524px;
background-color:#FFFFFF;
float:left;
position:relative;
left:16px;
top:0px;
}
#menu_footer {
background-image:url(../images/fond_footer.png);
background-repeat:no-repeat;
width:964px;
height:34px;
position:relative;
left:10px;
margin-top:33px;
}
#menu_footer_content {
position:relative;
top:2px;
text-align:center;
color:#9ca1a8;
font-size:20px;
font-weight:bold;
}
#menu_footer_content a:link, #menu_footer_content a:visited
{ background-color:#E1EDF6; height:25px; text-decoration:none; }
#menu_footer_content a:hover, #menu_footer_content a:active
{ text-decoration:underline; }
#flash1 {
width:165px;
height:320px;
background-color:White;
position:relative;
top:0px;
left:3px;
}
#content_flash1 {
}
#content_flash1bis {
}
#flash2 {
width:165px;
height:320px;
background-color:White;
position:relative;
top:17px;
left:3px;
}
#content_flash2 {
}
#content_flash2bis {
}
#magasin {
width:599px;
/*height:304px;*/
position:relative;
margin-bottom:10px;
z-index:999;
}
#header_magasin {
width:599px;
height:24px;
background-image:url(../images/header_bloc1.png);
background-repeat:no-repeat;
}
#content_magasin {
width:599px;
/*height:304px;*/
background-image:url(../images/bg_bloc1.png);
background-repeat: no-repeat;
}
#footer_magasin {
width:599px;
height:10px;
background-image:url(../images/footer_bloc1.png);
background-repeat:no-repeat;
}
#promo {
width:340px;
height:277px;
position:relative;
float:left;
}
#header_promo {
width:340px;
height:24px;
background-image: url(../images/header_promo.png);
background-repeat:no-repeat;
}
#content_promo {
width:340px;
height:277px;
background-image: url(../images/bg_promo.png);
background-repeat: repeat-y;
font-size:12px;
}
.content_promobis {
width:340px;
height:100%;
float:right;
}
.offers {
width:330px;
height:100%;
overflow:hidden;
position:relative;
left:5px;
}
#footer_promo {
width:340px;
height:9px;
background-image: url(../images/footer_promo.png);
background-repeat:no-repeat;
}
#actu {
width:239px;
height:277px;
position:relative;
float:right;
right:0px;
}
#header_actu {
width:239px;
height:24px;
background-image: url(../images/header_actu.png);
background-repeat:no-repeat;
}
#content_actu {
width:239px;
height:277px;
background-image: url(../images/bh_actu.png);
background-repeat: repeat-y;
overflow:hidden;
}
#content_actubis {
text-align: justify;
line-height:14px;
height:92%;
width:92%;
position:relative;
top:5px;
left:8px;
}
#img_actu {
background-image:url(../images/photo_actu.png);
width:239px;
height:95px;
}
#footer_actu {
width:239px;
height:8px;
background-image: url(../images/footer_actu.png);
background-repeat:no-repeat;
}
#promo1 {
width:93%;
height:43%;
position:relative;
top:10px;
left:5px;
}
.img_promo1 {
width:124px;
height:105px;
background-repeat:no-repeat;
float:left;
}
.img_promo2 {
width:124px;
height:105px;
background-repeat:no-repeat;
float:left;
}
#promo2 {
width:93%;
height:43%;
position:relative;
top:0px;
left:5px;
}
.texte_promo1 {
width:57%;
height:98%;
min-height:105px;
position:relative;
top:5px;
left:5px;
float:right;
text-align:left;
}
.texte_promo2 {
width:57%;
height:98%;
min-height:105px;
position:relative;
top:5px;
left:5px;
float:right;
text-align:left;
}
#droite {
height:auto;
min-height:300px;
width:49%;
float:right;
}
#gauche {
height:auto;
min-height:300px;
width:49%;
float:left;
}
.liste {
width:100%;
height:125px;
min-height:50px;
text-align:center;
}
.liste a{
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
}
.liste a:hover {
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
}
#arbre1 {
background-image: url(../images/arbre1.png);
width:83px;
height:83px;
background-repeat:no-repeat;
margin:0 auto 0 auto;
}
#arbre2 {
background-image: url(../images/arbre2.png);
width:83px;
height:83px;
background-repeat:no-repeat;
margin:0 auto 0 auto;
}
#produit1 {
background-image: url(../images/produit1.png);
width:253px;
height:160px;
background-repeat:no-repeat;
margin:0 auto 0 auto;
}
#produit2 {
background-image: url(../images/produit2.png);
width:253px;
height:160px;
background-repeat:no-repeat;
margin:0 auto 0 auto;
}
.produit {
width:100%;
height:178px;
min-height:60%;
text-align:center;
}
.produit a{
width:100%;
height:178px;
min-height:60%;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:11px;
}
.produit a:hover{
width:100%;
height:178px;
min-height:60%;
text-align:center;
text-decoration:underline;
color:#FFFFFF;
font-size:11px;
}
.achat_bleu {
background-image: url(../images/achat_bleu.png);
background-repeat:no-repeat;
padding:2px 50px 2px 67px;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
line-height:19px;
}
.achat_violet {
background-image: url(../images/achat_violet.png);
background-repeat:no-repeat;
padding:2px 50px 2px 67px;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
line-height:19px;
}
.liste_bleu {
font-size:11px;
text-decoration:none;
color:#FFFFFF;
line-height:11px;
}
#bg_liste_bleu {
background-image: url(../images/liste_bleu.png);
background-repeat: no-repeat;
width:168px;
height:28px;
line-height:5px;
padding-top:2px;
margin:0 auto 0 auto;
}
.liste_violet {
font-size:11px;
text-decoration:none;
color:#FFFFFF;
line-height:11px;
}
#bg_liste_violet {
background-image: url(../images/liste_violet.png);
background-repeat:no-repeat;
width:168px;
height:28px;
line-height:5px;
padding-top:2px;
margin:0 auto 0 auto;
}
#liste_violet2 {
width:168px;
height:auto;
position:absolute;
top:134px;
left:368px;
}
#content_liste_violet2 {
background-image:url(../images/fond_liste_violet.png);
background-repeat:repeat-y;
height:auto;
width:168px;
min-height:20px;
}
#footer_liste_violet2 {
background-image:url(../images/footer_liste_violet.png);
background-repeat: no-repeat;
height:10px;
width:168px;
}
#liste_bleu2 {
width:168px;
height:auto;
position:absolute;
top:134px;
left:63px;
}
#content_liste_bleu2 {
background-image:url(../images/fond_liste_bleu.png);
background-repeat:repeat-y;
height:auto;
width:168px;
min-height:20px;
}
#content_liste_bleu2 a:hover{
color: #626262;
text-decoration:underline;
font-size:11px;
}
#content_liste_bleu2 li {
list-style-type:none;
}
#content_liste_bleu2 ul {
padding:0 0 0 15px;
margin:0 0 0 0;
}
#content_liste_violet2 ul {
padding:0 0 0 15px;
margin:0 0 0 0;
}
#content_liste_bleu2 a{
color: #626262;
text-decoration:none;
font-size:11px;
}
#footer_liste_bleu2 {
background-image:url(../images/footer_liste_bleu.png);
background-repeat: no-repeat;
height:10px;
width:168px;
}
#header_liste_bleu2 {
background-image:url(../images/header_list_bleu.png);
background-repeat: no-repeat;
height:10px;
width:168px;
}
#header_liste_violet2 {
background-image:url(../images/header_liste_violet.png);
background-repeat: no-repeat;
height:10px;
width:168px;
}
#content_liste_violet2 a:hover{
color: #626262;
text-decoration:underline;
font-size:11px;
}
#content_liste_violet2 li {
list-style-type:none;
}
#content_liste_violet2 ul {
padding:0 0 0 15px;
margin:0 0 0 0;
}
#content_liste_violet2 a{
color: #626262;
text-decoration:none;
font-size:11px;
}
.visible {
visibility:visible;
height:100%;
}
.hidden {
visibility:hidden;
height:0%
}
.camera {
background-image:url(../images/camera.png);
background-position:143px 2px;
background-repeat:no-repeat;
}
.align {
padding-left:14px;
}
#form1 label {
padding:0 0 0 0;
margin:0 0 0 0;
}
#titre1 {
color:#7c2778;
font-size:17px;
font-weight:bold;
letter-spacing:0px;
word-spacing:-3px;
}
#titre2 {
color:#4985bb;
font-size:17px;
font-weight:bold;
letter-spacing:0px;
word-spacing:-3px;
}
page_accueil{
background-color:transparent;
}