/* CSS Document */

html, body {
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
        background-color:#FFFFFF;
        /*background-color:#00abad;*/

}

#global {
padding:0px;
margin:0px;
position: relative;
min-height: 100%;
background-color: #FFFFFF;
}

#bando {
margin:0px;
width:100%;
height:61px;
position: relative;
}


#logo {
margin:0px;
padding:0px;
float:left;
}



#newsletter {
margin:0px;
margin-right:35px;
margin-top:38px;
padding-top:4px;
padding-left:15px;

width:235px;
height:18px;
float:right;
text-align:left;
background:url(../images/fond-newsletter.gif) no-repeat 0px 0px;
}

#newsletter a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#bccb03;
}

#newsletter a:hover {
color: #fff;
}



#texte_newsletter {
margin:0px;
margin-right:35px;
padding:4px;
width:240px;
float:right;
text-align:left;
font-weight:bold;
color:#000000;
}

#texte_newsletter a{
text-transform:uppercase;
color:#FFFFFF;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}

#texte_newsletter a:hover{
color:#c9d200;
}


#bando2 {
margin:0px;
padding:0px;
height:170px;
width: 100%;
background-color:#FFFFFF;
position: relative;
text-align:center;
}


#bando2.panier {
background: url(../images/photo-panier.jpg) no-repeat 0px 0px #e7e6eb;
}

#bando2.nouveaute {
background:#FFFFFF;
}


#bando2_repeat {
margin:0px;
padding:0px;
height:170px;

background:url(../images/photo-vitrine.jpg) repeat 0px 0px;
width: 100%;
background-color:#000000;
position: relative;
}

#photo_bando {
float:left;
height:170px;
}


#texte_bando {
margin:0px;
padding-right:35px;
width:500px;
height:170px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:right;
float:right;
}



#textenouvote {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:12px;
font-weight:normal;
float:left;
width:190px;
float:left;
}

.titre_cadeau {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight: bold;
color:#afc9d8;
text-align: justify;
}

.titre_cadeau2 {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:uppercase;
font-weight: bold;
color:#3495ca;
text-align: justify;
}


a.liensboutique {
margin:0px;
padding:0px;
text-decoration:underline;
font-size:13px;
color:#bccb03;
font-weight:bold;
}

a.liensboutique:hover {
text-decoration: none;
font-weight:bold;
}




a.lienscatalogue {
margin:0px;
padding:0px;
text-decoration: none;
font-size:13px;
color:#333333;
font-weight:bold;
}

a.lienscatalogue:hover {
text-decoration: none;
color:#bccb03;
}



h1 {
margin:0px;
padding-top:15px;
padding-bottom:2px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
text-transform:uppercase;
font-weight:normal;
}


h2 {
margin:0px;
padding-top:5px;
padding-right:0px;
padding-left:0px;
padding-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:100%;
text-transform:uppercase;
font-weight:normal;
color:#000000;
}


h3 {
margin:0px;
padding-top:5px;
padding-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
}


h4 {
margin:0px;
padding-top:5px;
padding-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:normal;
font-weight:bold;
}

h5  {
margin:0px;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#c9d200;
font-weight:bold;
}

h6 {
margin:0px;
padding-top:2px;
padding-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#000;
font-weight:bold;
}



#langue {
margin:0px;
padding:0px;
height:14px;
position:absolute;
right:7px;
top:238px;
}

#nav {
margin:0px;
padding-top:2px;
width:100%;
height:24px;
clear:left;
position: relative;
}


#nav ul {
        margin:0px;
        padding-left:15px;
		padding-top:3px;
		font-size:10px;
}


#nav li {
        display: inline;
        margin:0px;
        padding-left:7px;
    color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: normal;
}


#nav li a {
    font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: normal;
        color: #FFFFFF;
}


#nav li a:hover {
}





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

table.size {
         width: 100%;
           height: 99%;
}


#accueil{
border-top:1px solid #FFFFFF;
margin:0;
padding:0;
width:100%;
height:100%;
background-color:#060405;
}


#photo-accueil{
margin:0px;
padding:0px;
width:100%;
height:80%;
background: url(../images/im_acceuil.jpg) 0px 0px no-repeat;
}

#accueilbout{
padding:0px;
margin:0px;
/*background-color:#060405;*/
text-decoration: none;
font-weight: normal;
font-size:13px;
position: absolute;
top:130px;
left:40px;
}

#accueil-drte{
position: absolute;
bottom:50px;
right:40px;
margin:0;
padding:0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
width:400px;
}

#accueil-drte ul{
margin:0px;
padding:0px;
text-align:right;
}

#accueil-drte ul li {
padding-bottom:10px;
line-height:16px;
list-style:none;
}

#accueil-drte ul li a {
text-decoration: none;
font-weight:bold;
color:#bccb03;
text-align:right;

}

#accueil-drte ul li a:hover {
text-decoration:underline;
}


#ssmenu{
        margin-top:10px;
        padding:0px;
        width:100%;
        height:47px;
        position: relative;
}


#contenu_tableau {
        width:640px;
}


#texte {
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
}


#listeboutique {
        margin:0px;
        padding:0px;
}


#listeboutique ul{
        margin:0px;
        padding:0px;
}


#listeboutique li{
        display:inline;
        list-style-type:none;
        margin:0px;
}

#listeboutique li a{
        padding-left:8px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
        text-decoration:none;
        text-transform:none;
}

#listeboutique li a:hover{
        color:#c9d200;
}

#textepdv {
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
        width:280px;
        text-align:justify;
        float:left;
        padding-right:20px;
        padding-top:20px;
}


#photopdv {
float:left;
margin-right:15px;
/*border:#333333 2px solid;*/
margin-top:28px;
}

#adresse {
background:#f6f7d4;
float:left;
margin-top:28px;
padding:25px;
}


#clear {
clear:left;
width:100%;
}


#contenu {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#333333;
        margin:0px;
        padding-top:15px;
        padding-bottom:20px;
        padding-right:20px;
        padding-left:20px;
        background-color: #FFFFFF;
        clear:both;
        min-height:260px;
        height:100%;

}

/*#contenu a {
        color: #000000;
        padding:0px;
        font-size: 11px;
       
}

#contenu a:hover {
}*/

#contenu ul {
        margin:0px;
        padding:0px;
}


#contenu ul li {
        padding:0px;
    margin:0px;
        display:inline;
}

#presentation_produit {
        margin-bottom:20px;
        margin-right:20px;
        padding:0px;
        float:left;
        height:100px;
        width:440px;
        z-index:100;
}

#presentation_photo {
        margin:0px;
        padding:0px;
        display:block;

        width:140px;
        height:100px;
        background-color:#FFFFFF;
        text-align:center;
        float:left;
}


#presentation_texte {
        margin:0px;
        padding:5px;

        float:left;
        width:290px;
        height:70px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#FFFFFF;
}

#presentation_texte h1{
        margin:0px;
        padding-bottom:4px;
        padding-top:0px;
        color:#FFFFFF;
        text-align:left;
        font-size:11px;
        text-transform:uppercase;
}

#commande {
        margin:0px;
        padding-top:2px;
        float:left;
        height:20px;
        width:300px;
        text-align:right;
}

#commande a {
        margin:0px;
        padding-right:10px;

        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:bold;
        text-align:right;
        text-transform:uppercase;
        text-decoration:none;
        color:#FFFFFF;
}

#commande a:hover {
color:#000000;
text-decoration:underline;
}

#bloc-produit {
margin-right:15px;
/*padding-bottom:35px;*/
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
width:140px;
height:200px;/* modif consecutive a l'autorisation de 1 à plusieurs lignes pour le titre */
}

#bloc-produit_haut {
padding:0px;
margin:0px;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
}

#bloc-produit_haut_gauche {
padding:0px;
margin:0px;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
float:left;
}

#bloc-produit_haut_droit {
padding:0px;
margin:0px;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
float:right;
}

#photo-produit {
padding:0px;
margin-bottom:4px;

text-align:center;
clear:right;
width:140px;
height:100px;
background-color:#FFFFFF;
}

#photo-produit a{
border:#e1e1e1 2px solid;
width:136px;
height:96px;
display:block;
text-align:center;
}

#photo-produit a:hover{
border:#bccb03 2px solid;
}

#prix-grd_global {
        padding:1px;
        margin:0px;
        float:left;
        width:70px;
}

#prix-grd_titre {
        margin:0px;
        padding-top:2px;
        min-width:55px;
        float:left;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
}

#prix-grd {
        margin:0px;
        padding:1px;
        width:55px;
        float:left;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        font-weight:bold;
        color:#FFFFFF;
}

#prix-grd_promo {
        margin:0px;
        padding:10px;
        /*width:55px;*/
        float:left;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        font-weight:bold;
        color:#FFFFFF;
        background-color:#f90000;
}

#prix-grd_nouvo {
        margin:0px;
        padding:3px;
        width:55px;
        float:left;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        font-weight:bold;
        color:#ffffff;
		/*background-color:#FFFFFF;*/
        background-color:#c9d200;
}

#prix-grd_solde {
        margin:0px;
        padding:3px;
        width:55px;
        float:left;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:15px;
        font-weight:bold;
        color:#FFFFFF;
        background-color:#solde;
}

#photo-grd {
float:left;
margin-bottom:25px;
margin-right:8px;
width:291px;
height:248px;
text-align:center;
}

#detail {
float:left;
padding:6px;
width:500px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#detail_2 {
float:left;
padding:6px;
width:550px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#detail_2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#999999;
}








#bas {
clear:left;
padding:8px;
}

.lien_email {
        text-transform:inherit;
        text-transform:lowercase;
}


#logowaw {
float:left;
padding-top:1px;
padding-left:5px;
}


#pied {
width: 100%;
height:16px;
clear:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;

bottom:0px;
left: 0px;
position: absolute;
background:#c9d200;
}


#pied ul{
float:left;

margin:0px;
padding-left:10px;
padding-top:1px;
}


#pied li{
display:inline;
list-style-type:none;
margin:0px;
padding-left:6px;
color: #fff;
}

#pied li a{

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #fff;
text-decoration:none;
text-transform:none;
}

#pied li a:hover{
color: #000000;
}


#cdv {
float:right;
padding-top:1px;
padding-right:10px;
}


#cdv a{

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #fff;
text-decoration:none;
text-transform:none;
}

#cdv  a:hover{
color: #000000;
}




     /*classes*/

.recherchetitre {
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 20x;
        text-decoration: none;
        font-weight: bold;
        color:#A1A250;
}

.recherche {
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 15px;
        text-decoration: none;
        font-weight: bold;
		color: #FFFFFF;
		
}

.recherche a {
    font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        text-decoration: none;
        font-weight: normal;
        color: #FFFFFF;
}



.prix {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}

.prix_2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}

.prix_nouvo {
/*background-color:#dd0081;*/
background-color:#c9d200;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}


.nouvo {
color:#c9d200;
/*color:#dd0081;*/
font-size:10px;
}




.promo {
color:#f90000;
}

.prix_promo {
background-color:#f90000;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}


.solde {
color:#solde;
}

.prix_solde {
background-color:#solde;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}


.nouvo_orange {
color:#f48026;
font-size:10px;
}

.prix_nouvo_orange {
background-color:#f48026;
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
}



#liens {
margin-right:20px;
padding:0px;
float:left;
}

#liens ul {
background:#f7f8e1;
margin:0px;
height:75px;
width:240px;
padding-top:7px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
}


#liens ul li{
list-style-type:none;
padding-top:8px;
display:block;
}


#liens ul li a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-transform:none;
background:url(../images/puce2.jpg) no-repeat 0px 2px;
padding-left:12px;
}

#liens ul li a:hover{
color:#c9d200;
}


/*  FORMULAIRE */

#formulaire{
        margin:0px;
        padding:0px;
        min-height:100px;
        width:350px;
}

#formulaire_accespro{
        margin:0px;
        padding:0px;
        min-height:100px;
        width:460px;
}


#inscription {
        border:none;
        margin: 0;
        padding: 0;
        width: 500px;        /*** Largeur du formulaire ***/
}

#titreForm, #piedForm {        /*** Mise en forme du titre et du pied de formulaire ***/
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:normal;
        text-transform:uppercase;
        color:#FFFFFF;
        background:#c3cb03;
        margin: 0;
        padding: .5em;
}

#piedForm {
        text-align: right; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
        font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
        margin-left: 1em;

}

#corpForm {        /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
        font-family:Arial, Helvetica, sans-serif;
        border: 1px solid #c9d200;
        color: black;
        background: #f7f8e1;
        margin: 0;
        padding-top:5px;
        padding-bottom:10px;
        padding-right:10px;
        padding-left:10px;
        font-size:11px;
}

#corpForm fieldset {        /*** Mise en forme des cadres ***/
        margin: 0;
        padding:5px;
        font-style: normal;
        border: 1px solid #FFF;

}

#corpForm legend {        /*** Mise en forme des titres des cadres ***/
        font-weight: bold;
        font-size:12px;
        color: black;
        /*background: #efefef;*/
        padding-left:4px;
        padding-right:4px;
}

#corpForm p {        /*** Mise en forme des lignes du formulaire ***/
        padding: .2em 0;
        margin: 0 0 .2em 0;
}

#corpForm fieldset#coordonnees label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: 40%;        /*** Les intitulés prennent 40% de la largeur totale du formulaire... ***/
        text-align: right;
        margin: 0;
        padding-top:4px;
        padding-right:4px;
        font-size:10px;
}

#corpForm fieldset#coordonnees label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: 35%;        /*** Les intitulés prennent 40% de la largeur totale du formulaire... ***/
        text-align: right;
        margin: 0;
        padding-top:4px;
        padding-right:4px;
        font-size:10px;
}

#corpForm fieldset#list label {        /*** Mise en forme des intitulés de champs ***/
        float: left;        /*** Très important, ne pas suprimer ! ***/
        width: auto;        /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
        text-align: left;        /*** ... et ils sont alignés à droite... ***/
        margin: 0;

                /*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
        cursor: pointer;        /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
        font-weight: bold;        /*** Mise en évidence des champs obligatoires ***/
}

#corpForm .legende {        /*** Mise en forme des aides contextuelles ***/
        font-style: italic;
        color: #666;
        background: transparent;
        margin: 0;
        padding: 0;
}

#corpForm input {
margin-bottom:4px;

}

#corpForm .focus {        /*** Mise en avant des champs en cours d'utilisation ***/
        background: beige;
        color: black;
}

#corpForm .normal {        /*** Retour à l'état normal après l'utilisation ***/
        background: white;
        color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {         /*** Mis en évidence des champs mal renseignés ***/
        border: 1px solid red;
}

#corpForm .messageAlerte {        /*** Mise en forme des message d'alerte ***/
        display: block;
        margin: 0 0 .3em .3em;
        padding-left: 2em;
        color: red;
        font-size:11px;
        font-weight: bold;
        background: url('icon_alert.gif') no-repeat left center;
}

#corpForm a {
color:#666666;
}

#corpForm a:hover {
text-decoration:none;
color:#A88164;
}


/*  TITRE TABLEAU */

.titretableau {
color:#FFFFFF;
text-transform:uppercase;
background-color:#323232;
font-weight:bold;
}


.ligne1 {
color:#000000;
background-color:#f6f7d4;
border-left:1px solid #FFFFFF;
min-height:26px;
}


.ligne2 {
color:#323232;
background-color:#eaee9e;
border-left:1px solid #FFFFFF;
min-height:26px;
}


#tableaupanier1 {
}

#tableaupanier1 tr td {
padding-left:5px;
}

#tableaupanier1 img {
margin-top:4px;
margin-bottom:4px;
}


.vert {
color: #333333;
}

.vertbold{
color:#c9d200;
font-weight:bold;
}

.total {
font-size:14px;
font-weight:bold;
background-color:#c9d200;
color:#000000;
border-left:1px solid #FFFFFF;
min-height:26px;
}

.soustitre {
font-size:12px;
font-weight:normal;
background-color:#c9d200;
color:#000000;
border-left:1px solid #FFFFFF;
min-height:26px;
}


.grand {
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
}

.petit {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}

.legende_cat {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}



/* Declarations pour le Pied */
/* partie de gauche */

#bottom_left {
        width:80;
        float:left;
}

#bottom_left ul {
        margin-top:0px;
        padding:0px;
}

#bottom_left li {
        display: inline;
        margin:0px;
        padding:0px;
}

#bottom_left li a img{
        margin:0px;
        padding:1px;
}


select a:hover {
background:#009933;
}