/*definition générale*/
*
{
margin:0;
padding:0;
font-family:Verdana, Arial, sans-serif;
}
body
{
width:800px;
border:1px solid #496C24;

margin:auto;
background-color:#A6D962;
font-family:Tahoma,verdana,arial; 
font-size:11px; 
color:#556995; 
line-height:13px;
background-image:url(images/site/design3/fond_body.gif);
}
ul
{
list-style-type:none;
}
fieldset
{
border:1px solid #11AFF2;
background-color:white;
margin-bottom:5px;
text-align:center;
padding-bottom:5px;
padding-top:5px;
}
fieldset h3
{
color:white;
background-color:#11AFF2;
padding:5px;
margin-bottom:5px;
font-size:13px;
}
fieldset h2
{
color:white;
background-color:#11AFF2;
padding:5px;
font-size:15px;
}


#flash
{
background-image:url(newsletter/images/news14.jpg);
width:99.7%;
height:126px;
margin-right:10px !important;
margin:0;
text-align:center;
margin-bottom:10px;
border:1px solid black;
}

#carte
{
background-image:url(images/site/fond_carte.jpg);
width:99.7%;
height:125px;
margin-right:10px !important;
margin:0;
text-align:center;
margin-bottom:10px;
border:1px solid black;
}



#contenu_aide li
{
margin:0!important;
margin:5px;
}
#contenu_aide h2
{
font-size:15px;
}
#contenu_aide h4
{
font-size:13px;
}
fieldset img
{
border:0;
}
table
{
width:100%;
border:1px solid white;
background-color:white;
}
table a,fieldset a
{
color:#0D2A68;
font-weight:bold;
}
table a:hover,fieldset a:hover
{
text-decoration:none:
}
table td
{
margin:0;
padding:0;
text-align:center;
border-bottom:1px solid #EAF0E8;
}
input,button
{
font-size:10px;
padding:0;
margin:0;
}
.h2_bienvenue
{
font-size:15px;
border:1px solid white;
height:17px;
padding:5px;
text-align:center;
background-color:#11AFF2;
}

.intitule
{
color:white;
font-weight:bold;
background-color:#11AFF2;
}
.titre
{
text-align:left;
padding-left:5px;
}
.resume
{
text-align:right;
font-weight:bold;
}

#header
{
height:100px;
background-image:url(images/site/design3/logo.gif);
background-repeat:no-repeat;
background-position:10px 20px;
}

#menu_horizontal
{
margin-bottom:5px;
margin-left:10px;
margin-right:10px;
}
#menu_horizontal ul
{
list-style-type: none;
width: 100%;
height:43px;
}
#menu_horizontal li
{
float:left;
margin-top:2px;
}
#menu_horizontal a
{
display: block;
width: 152.8px;
height: 30px;
padding-top:2px;
margin-top:1px;
text-align: center;
text-decoration: none;
color: #000;
background: #fff;
font-size:11px;
}
#menu_horizontal a:hover
{
color:#1165E1;
background-color:yellow;
}
#menu_horizontal .menu1
{
background-image:url(images/site/design3/accueil.gif);
background-repeat:no-repeat;
}
#menu_horizontal .menu1:hover
{
background-image:url(images/site/design3/accueil2.gif);
background-repeat:no-repeat;
}
#menu_horizontal .menu2
{
background-image:url(images/site/design3/new_produit.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu2:hover
{
background-image:url(images/site/design3/new_produit2.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu3
{
background-image:url(images/site/design3/new_produit.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu3:hover
{
background-image:url(images/site/design3/new_produit2.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu4
{
background-image:url(images/site/design3/special.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu4:hover
{
background-image:url(images/site/design3/special2.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu5
{
background-image:url(images/site/design3/mon_compte.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu5:hover
{
background-image:url(images/site/design3/mon_compte2.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu6
{
background-image:url(images/site/design3/nous_contacter.gif);
background-repeat:no-repeat;
margin-left:4px;
}
#menu_horizontal .menu6:hover
{
background-image:url(images/site/design3/nous_contacter2.gif);
background-repeat:no-repeat;
margin-left:4px;
}

#membre
{
float:right;
background-image:url(images/site/design3/header_droite.gif);
background-repeat:no-repeat;
height:37px;
width:443px;
color:white;
text-align:right;
padding-top:5px;
}
#membre input
{
margin-right:10px;
}

#inscription
{
border-bottom:1px solid white;
background-color:#7DB53C;
height:20px;
margin-bottom:5px;
color:white;
text-align:center;
padding-top:5px;
}
#inscription a
{
color:white;
font-weight:bold;
text-decoration:underline;
}
#inscription a:hover
{
text-decoration:none;
}

#menu
{
margin-left:10px;
background-image:url(images/site/design3/fond_menu.jpg);
width:18%;
text-align:center;
height:982px;
border:1px solid white;
}
#menu h3
{
text-align:center;
height:auto;
color:black;
font-size:12px;
border-top:1px solid white;
}
.acheter_liste,.espaceperso_menu,.espaceaide
{
padding-bottom:2px;
border-top:1px solid white;
border-top:1px solid white;
}
.acheter_liste h2,.voir_tout h2
{
border-bottom:0;

}
.acheter_liste li h2 a,.espaceperso_menu li h4 a,.espaceaide li h4 a
{
display:block;
font-size:10px;
color:black;
height:18px;
text-decoration:none;
padding-top:5px;
font-weight:bold;
}
.acheter_liste li h2 a:hover,.espaceperso_menu li h4 a:hover,.espaceaide li h4 a:hover
{
color:#1165E1;
background-color:#F7FF9A;
font-weight:bold;
}
.acheter_liste .rubrique h3 a,.acheter_liste .sous_rubrique h4 a
{
display:block;
height:20px;
font-size:10px;
text-decoration:none;
font-weight:normal;
color:red;
text-align:left;
color:#D53433;
text-align:center;
padding:5px;
}
.acheter_liste .rubrique h3 a:hover
{
color:blue;
background-color:#F7FF9A;
}
.acheter_liste .sous_rubrique h4 a
{
text-align:center;
font-size:10px;
color:#0C79C8;
}
.acheter_liste .sous_rubrique h4 a:hover
{
color:blue;
background-color:#F7FF9A;
}

#menu_droite
{
float:right;
width:18%;
min-height:768px;
margin-right:10px!important;
margin-right:5px;
}


#recherche
{
text-align:center;
padding-bottom:5px;

}
#recherche input,#recherche select
{
width:135px;
font-size:9px;
}

#panier,#mode_paiement,#livre_or,#a_decouvrir,#google,#parrainage,#partenaire,#livraison
{
text-align:center;
font-size:10px;
border:1px solid white;
margin-bottom:5px;
background-color:#F9DD5A;
}
#complement
{
text-align:center;
font-size:10px;
border:1px solid white;
margin-bottom:5px;
background-color:#F9DD5A;
padding-bottom:5px;
}
#complement h4
{
border:solid 1px #F9DD5A; background-color:#E55D22;
font-size:10px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none;
height:31px;
padding-top:5px;
padding-left:5px;
text-align:left;
}
#complement img
{
display:block;
margin-left:20%;
margin-top:5px;
}
#panier h4,#mode_paiement h4,#livre_or h4,#a_decouvrir h4,#promo h3,#google h4,#parrainage h4,#partenaire h4,#livraison h4
{
border:solid 1px #F9DD5A; background-color:#E55D22;
font-size:10px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none;
height:21px;
padding-top:5px;
padding-left:5px;
text-align:left;
}
#livre_or a,#a_decouvrir a,#parrainage a,#livraison a,#complement a,#mode_paiement a
{
color:#823B02;
}
#partenaire a img
{
border:0;
}
#presentation_part
{
padding:5px;
text-align:left;
}
#livre_or a:hover,#a_decouvrir a:hover,#parrainage a:hover,#partenaire a:hover,#livraison a:hover,#complement a:hover,#mode_paiement a:hover
{
text-decoration:none;
}
#google
{
width:100%;
text-align:center;
}


#contenu
{
float:right;
width:60%!important;
width:58%;
margin:5px;
margin-top:0;
background-color:#A6D962;
border:0;
background-image:url(images/site/design3/fond_body.gif);
}
#contenu ul
{
list-style-type:none;
}

#footer
{
width:100%;
padding-top:4px;
color:white;
clear:both;
border:0;
border-bottom:1px solid white;
border-left:0;
border-right:0;
text-align:center;
background-image:url(images/site/design3/footer_centre.gif);
}
#footer a
{
color:white;
}
#footer a:hover
{
text-decoration:none;
}


#promo
{
border:1px solid white;
background-color:#FFFFFF;
height:500px;
padding:30x;
}
#promo h3
{
border:0;
margin-bottom:10px;
}
.conteneur_liste
{
margin-left:5px;
margin-right:5px;
border:1px solid #EAF0E8;
border-top:0;
border-right:0;
border-left:0;
width:47%;
float:left;
background-color:#FFFFFF;
height:115px;
}
.conteneur_liste img
{
float:left;
margin-right:5px;
}
.conteneur_liste span,#article_details span
{
display:block;
color:red;
font-size:14px;
font-weight:bold;
margin-left:40%;
margin-bottom:5px;
text-align:right;
padding-right:10px;
margin-top:5px;
}
.conteneur_liste .sous_titre
{
height:55px;
margin-left:40%;
margin-bottom:10px;
}
.conteneur_liste input
{
border:0;
margin:0;
background:none;
color:#BA541A;
font-weight:bold;
height:26px;
padding-right:15px;
text-align:center;
}
.conteneur_liste form
{
margin:0;
}
.sous_titre a
{
color:#0D2A68;
font-weight:bold;
font-size:11px;
}
.sous_titre a:hover
{
text-decoration:none;
}
#ajouter_panier
{
height:25px;
margin-top:10px;
border:0;
text-align:center;
}
#ajouter_panier input
{
background-image:url(images/site/design3/ajouter_panier.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
width:100px;
border:0;
height:25px;
}
#connection
{
margin-top:2px;
border:0;
text-align:center;
}
#connection input
{
background-image:url(images/site/design3/connexion.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
width:100px;
border:0;
height:25px;
}
#inscrire
{
margin-top:2px;
border:0;
text-align:center;
}
#inscrire input
{
background-color:white;
background-image:url(images/site/design3/inscrire.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
width:78px;
border:0;
height:25px;
}


.nav
{
color:white;
display:block;
background-image:url(images/site/design3/fond_menu2.jpg);
padding:5px;
border:1px solid white;
}
.nav a
{
color:#0D2A68;
}
.nav a:hover
{
text-decoration:none;
}
.pagination
{
border:1px solid #11AFF2;
display:block;
clear:both;
margin-top:5px;
text-align:center;
background-color:white;
height:15px;
}
.pagination a
{
color:black;
font-weight:bold;
}
.pagination a:hover
{
text-decoration:none;
}

#contenu_article
{
margin-top:5px;
background-color:white;
border:1px solid #11AFF2;
}

.droite
{
float:right;
}
.gauche
{
float:left;
}

#form_inscription label
{
display:block;
width:120px;
float:left;
padding-right:5px;
text-align:right;
}
#form_inscription input,#form_inscription select
{
display:block;
width:20%;
margin-left:125px!important;
margin-right:220px;
}

#bienvenue
{
border:1px solid white;
margin-bottom:5px;
background-image:url(images/site/design3/fond_cont.gif);
padding:5px;
color:white;
height:140px;
}
#bienvenue h2
{
font-size:12px;
text-align:center;
border-bottom:1px dotted white;
margin-bottom:5px;
padding-bottom:5px;
}
#accueil_gauche,#accueil_centre,#accueil_droite
{
text-align:center;
float:left;
width:32%;
height:100px;
}
#accueil_centre,#accueil_droite
{
margin-left:5px;
}
#accueil_gauche
{
border-right:1px dotted white;
}
#accueil_droite
{
border-left:1px dotted white;
}


#article_details h2
{
color:#0D2A68;
background-color:#11AFF2;
}

#news
{
border:1px solid #11AFF2;
padding:5px;
margin-top:5px;
background-color:white;
}
#news a
{
color:#0D2A68;
font-weight:bold;
border:0;
}
#news a:hover
{
text-decoration:none;
}
.micro,#news h5
{
float:right;
}
#news h3
{
padding:5px;
display:block;
border-bottom:1px solid #11AFF2;
}
#news h4
{
color:black;
text-align:center;
margin-bottom:10px;
font-size:14px;
}
#news img
{
border:0;
}

#recap_article
{
margin:10px;
border-top:0;
border-left:0;
border-right:0;
}



.haut_panier
{
border:0;
padding:0;
padding-top:5px;
}
#valider_panier
{
border:1px solid #97CA53;
background-image:url(images/site/font_panier_haut.jpg);
background-repeat:no-repeat;
width:100%!important;
width:100%;
}
#valider_panier h3
{
text-align:center!important;
text-align:left;
margin-left:20%;
text-decoration:underline;
margin-bottom:10px;
}
#valider_panier .span_titre
{
display:block;
border-bottom:1px solid black;
width:95%!important;
width:65%;
float:left;
height:45px;
}
#valider_panier .span_total
{
margin-left:50%!important;
margin-left:35%;
}
#valider_panier input
{
margin-left:0;
border:1px solid black;
}
#valider_panier .span_prix
{
display:block;
width:20%;
margin-left:95%!important;
margin-left:0%;
height:46px;
}
#valider_panier input
{
border:0;
background-color:white;
color:red;
}
#valider_panier ul
{
margin-top:111px;
padding-right:120px!important;
padding-right:0;
padding-left:95px!important;
background-image:url(images/site/fond_panier_cote.jpg);
background-repeat:repeat-y;
background-position:-1px 0;
}
#bas_panier
{
background-image:url(images/site/fond_panier_bas.jpg);
background-repeat:no-repeat;
height:150px;
}
#valider_panier .valider_commande
{
margin-top:10px;
margin-left:30%!important;
margin-left:10%;
color:green;
font-weight:bold;
border:1px solid green;
}

#contenu_aide
{
border:1px solid white;
color:white;
padding:5px;
background-image:url(images/site/design3/fond_cont.gif);
}
#contenu_aide fieldset
{
padding:10px;
color:black;
text-align:left;
}
#contenu_aide fieldset label
{
clear:both;
}
#contenu_aide textarea,textarea
{
font-size:10px;
}
#contenu_aide a
{
font-weight:bold;
color:#0D2A68;
}
#contenu_aide a:hover
{
text-decoration:none;
}
#contenu_aide h3
{
font-size:14px;
}

.lire_commentaire
{
width:50%;
border:1px dotted #11AFF2;
}
.lire_titre
{
background-color:#11AFF2;
color:white;
font-weight:bold;
}
.lire_date
{
background-color:#11AFF2;
color:white;
font-weight:bold;
height:20px;
text-align:left;
}
.message_texte
{
text-align:left;
border:1px dotted #11AFF2;
}