html {
font-size : 100%;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.8em;
margin : 0;
padding : 0;
background-color : #999999;
}
p {
margin : 0 0 10px 0;
}
img {
border : 0;
}
#conteneur {
width : 800px;
margin : 0 auto;
background-color : #666666;
border-right-width : 2px;
border-left-width : 2px;
border-right-style : solid;
border-left-style : solid;
border-right-color : #cccccc;
border-left-color : #666666;
}
#center {
width : 450px;
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#contenu {
float : left;
width : 600px;
padding : 0;
margin-top : 10px;
margin-right : 0;
margin-bottom : 0;
margin-left : 20px;
}
h1 {
font-size : 1.2em;
margin : 0;
padding : 0;
font-variant : small-caps;
line-height : 22px;
font-weight : bold;
color : #ffffff;
}
h2 {
font-size : 1.2em;
margin : 0;
padding : 0;
font-variant : small-caps;
font-weight : bold;
color : #999999;
padding-left : 30px;
margin-top : 6px;
margin-bottom : 10px;
}
h3 {
font-size : 1em;
margin : 0;
padding : 0;
font-variant : small-caps;
line-height : 18px;
font-weight : bold;
color : #ffffff;
}
h4 {
font-size : 1em;
margin : 0;
padding : 0;
font-variant : small-caps;
line-height : 22px;
font-weight : bold;
color : #99cc00;
}
a {
color : #fff;
text-decoration : none;
}
a:visited {
color : #fff;
text-decoration : none;
}
a:hover {
text-decoration : underline;
color : #99cc00;
}
#entete {
background-repeat : no-repeat;
background-position : left center;
height : 270px;
background-color : #666666;
}
#astuce {
clear: left;
height: 3em;
line-height: 3em;
}
.logo {
float : left;
width : 280px;
margin : 0;
padding-top : 35px;
padding-right : 0;
padding-bottom : 0;
padding-left : 30px;
border : 1px;
}
#lien
{ width: 85px;
float: left;
}
#monCompte {
float: right;
background-color : #999999;
margin : 10px;
padding-top : 27px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
width : 150px;
border : 1px solid #99cc00;
}
#menu2 {
float : left;
margin : 0;
padding-top : 0px;
margin-left : 0;
padding-bottom : 10px;
text-align : center;
width : 800px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #99cc00;
}
#Recherche {
text-align : center;
font-size : 1.2em;
color : #ffffff;
}
.nom {
color : #99cc00;
font-variant : small-caps;
font-weight : bold;
font-size : 1.2em;
}
.blocMonCompte {
height : 140px;
width : 150px;
padding : 0;
margin : 0;
}
.formMonCompte {
padding-bottom : 0;
padding-left : 0;
width : 130px;
float : left;
}
.champFormMonCompte {
font-size : 0.9em;
color : #333333;
background-color : #cccccc;
border : 1px solid #99cc00;
width : 140px;
padding-left : 5px;
}
.boutonMonCompteEntete {
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
float : left;
width : 50px;
}
.menuMonCompte {
float : right;
width : 150px;
padding : 0;
margin : 0;
}
a.LIEN_entete:link {
color : #ffffff;
text-decoration : none;
font-weight : bold;
font-variant : small-caps;
font-size : 0.9em;
}
a.LIEN_entete:visited {
color : #ffffff;
text-decoration : none;
font-weight : bold;
font-variant : small-caps;
}
a.LIEN_entete:hover {
color : #99cc00;
text-decoration : underline;
font-weight : bold;
font-variant : small-caps;
}
a.LIEN_entete2:link {
color : #990000;
text-decoration : none;
font-weight : bold;
font-variant : small-caps;
font-size : 0.9em;
}
a.LIEN_entete2:visited {
color : #99cc00;
text-decoration : none;
font-weight : bold;
font-variant : small-caps;
}
a.LIEN_entete2:hover {
color : #99cc00;
text-decoration : underline;
font-weight : bold;
font-variant : small-caps;
}
input.bouton {
font-weight : bold;
cursor : pointer;
height : 24px;
}
#monpanier {
float : right;
background-color : #999999;
width : 150px;
margin-top : -75px;
margin-bottom : 10px;
margin-right : 10px;
padding-top : 27px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 10px;
border : 1px solid #99cc00;
}
#monPanier {
float : left;
background-color : #999999;
width : 150px;
margin-top : 10px;
margin-bottom : 10px;
margin-right : 10px;
padding-top : 27px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 10px;
border : 1px solid #99cc00;
}
#hautpanier {
height : 25px;
width : 150px;
vertical-align : bottom;
display : block;
}
#baspanier {
height : 50px;
width : 150px;
}
#vidpanier {
height : 75px;
width : 150px;
}
#mpanier {
width : 150px;
background-repeat : repeat;
}
.lignepanier {
border-bottom-style : dashed;
border-bottom-color : #999999;
width : 120px;
border-bottom-width : 1px;
}
#chemin {
width : 800px;
color : #ffffff;
font-size : 0.9em;
font-weight : bold;
margin : 0;
height : 34px;
padding-top : 5px;
padding-bottom : 0;
padding-left : 10px;
float : left;
}
a.LIEN_chemin:link {
color : #fff;
text-decoration : none;
}
a.LIEN_chemin:visited {
color : #fff;
text-decoration : none;
}
a.LIEN_chemin:hover {
color : #99cc00;
text-decoration : underline;
}
.pub {
height: 80px;
}
.pubimage {
margin-right: 25px;
float : right;
}
#menuGeneral {
float : left;
width : 148px;
margin-left : 0px;
}
dl, dt, dd, li {
margin : 0;
padding : 0;
list-style-type : none;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#menu {
position : relative;
padding : 0;
margin : 0;
}
dl#menu {
width : 148px;
}
dl#menu dt {
cursor : pointer;
}
dl#menu dt a {
font-size : 0.9em;
color : #99cc00;
font-weight : bold;
text-decoration : none;
display : block;
margin : 0;
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 5px;
overflow : hidden;
}
dl#menu dt a:hover, dl#menu dt .selected, dl#menu dd.ssmenu a.selected1 {
color : #99cc00;
background-color : #666666;
border : 1px solid;
}
dl#menu dd.ssmenu a.sousmenu2 {
margin-left : 15px;
color : #ffffff;
background-color : #666666;
}
dl#menu dd.ssmenu a.selected2 {
margin-left : 15px;
color : #99cc00;
background-color : #666666;
border : 1px solid;
}
dl#menu li a {
font-size : 0.8em;
color : #fff;
text-decoration : none;
display : block;
margin : 0;
padding-left : 15px;
padding-top : 5px;
padding-bottom : 5px;
overflow : hidden;
}
dl#menu li a:hover, dl#menu li .selected {
color : #ffffff;
font-weight : bold;
font-size : 1em;
background-color : #99cc00;
padding-left : 10px;
}
.invisibleW3C {
width : 0;
height : 0;
padding : 0;
margin : 0;
}
.titre_col {
background-color : #666666;
color : #ffffff;
margin-top : 15px;
padding : 3px;
font-variant : small-caps;
}
.titre_col2 {
background-color : #666666;
color : #ffffff;
padding : 3px;
font-variant : small-caps;
}
.titre_rub {
color : #333333;
padding : 3px;
font-variant : small-caps;
margin-left : 60px;
font-weight : bold;
font-size : 1.5em;
margin-bottom : 10px;
}
.contenu_col {
padding-left : 3px;
background-color : #999999;
padding : 5px;
margin-bottom : 20px;
}
.contenu_col2 {
float:right;
background-color : #999999;
width : 160px;
margin-top : 10px;
margin-bottom : 10px;
margin-right : 10px;
padding-top : 10px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 0px;
border : 1px solid #99cc00;
}
.formNews {
padding-bottom : 0;
padding-left : 0;
width : 160px;
}
.news {
font-size : 0.7em;
margin : 0;
padding : 0;
line-height : 22px;
font-weight : bold;
color : #ffffff;
}
.ListeProduits {
width : 430px;
float : left;
color : #99cc00;
margin-left : 0px;
margin-right : 0px;
border-left-width : 1px;
border-left-style : solid;
border-left-color : #99cc00;
}
.ListeProduitslarge {
width : 650px;
float : left;
color : #99cc00;
margin-left : 0px;
margin-right : 0px;
border-left-width : 1px;
border-left-style : solid;
border-left-color : #99cc00;
}
.ListeProduitsmini {
width : 430px;
background-color : #666666;
float : left;
margin-left : 0px;
margin-right : 0px;
border-left-width : 1px;
border-left-style : solid;
border-left-color : #99cc00;
}
.produitPetit {
width : 450px;
margin-left : 30px;
border : 1px solid #99cc00;
margin-top : 20px;
}
.ListeProduits_promo {
margin-left : 205px;
margin-right : 5px;
}
.produit {
float : left;
width : 168px;
height : 250px;
border : 1px solid #99cc00;
margin-top : 2px;
margin-right : 10px;
margin-bottom : 5px;
margin-left : 20px;
padding : 0;
padding-left : 10px;
padding-top : 5px;
padding-bottom : 5px;
}
.ImageProdHaut {
height : 60px;
}
.ImageProdBas {
}
.titreProduit {
font-weight : bold;
padding-left : 20px;
font-size : 1.1em;
}
.contourImageglob {
width : 155px;
height : auto;
overflow : hidden;
}
.contourImageglob_promo {
width : 155px;
height : 185px;
overflow : hidden;
}
.Image {
margin-bottom : 5px;
float : left;
overflow : hidden;
padding-left : 10px;
padding-right : 5px;
}
.contourImage {
float : left;
width : 155px;
height : 120px;
overflow : hidden;
}
.contourImage2 {
margin-bottom : 5px;
float : left;
width : 125px;
overflow : hidden;
padding-left : 12px;
}
.chapoProduit {
background-repeat : repeat-y;
text-align : left;
color : #99cc00;
text-align : left;
font-style : italic;
width : 120px;
padding-left : 20px;
line-height : 0.9em;
}
.prixProduit {
color : #99cc00;
text-align : center;
font-weight : bold;
}
.marque {
color : #999999;
text-align : right;
margin-top : 5px;
padding-right : 25px;
font-style : italic;
margin-bottom : 5px;
}
.bloc_rub {
text-align : center;
background-color : #000;
padding : 20px;
margin : 20px;
border-bottom-width : 10px;
border-bottom-style : solid;
border-bottom-color : #99cc00;
}
.ajouterpanier {
float : right;
min-width: 280px;
text-align : center;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #99cc00;
}
.hautgp {
height : 40px;
width : 450px;
margin-left : 10px;
}
.basgp {
height : 20px;
width : 450px;
float : left;
}
.contourImagegp {
width : 450px;
overflow : hidden;
margin-left : 10px;
margin-top : 10px;
}
.contourImagegp2 {
width : 620px;
overflow : hidden;
margin-left : 10px;
margin-top : 10px;
}
.contourImage4 {
margin-bottom : 5px;
float : left;
width : 300px;
overflow : hidden;
padding-left : 10px;
padding-right : 5px;
}
.carcteristiqueProduit {
color : #99cc00;
text-align : left;
margin-top : 5px;
margin-bottom : 15px;
}
.chapoProduit_big {
text-align : left;
font-weight : bold;
color : #99cc00;
font-style : italic;
font-size : 0.9em;
padding-left : 90px;
width : 400px;
float : left;
}
.titrePageProd {
background-color : #999999;
color : #ffffff;
text-align : left;
font-weight : bold;
margin-left : 10px;
height : 30px;
}
.ficheProduit {
margin-left : 10px;
margin-right : 10px;
}
.descriptionProduit {
min-height : 150px;
color : #ffffff;
text-align : left;
margin-top : 5px;
margin-bottom : 15px;
padding-right : 10px;
padding-left : 150px;
}
.descriptioncol {
min-height : 150px;
color : #ffffff;
text-align : left;
margin-top : 5px;
margin-bottom : 15px;
padding-right : 10px;
}
.vignetteProduit {
color : #99cc00;
margin-top : 5px;
margin-bottom : 30px;
}
.presentation {
color : #000000;
text-align : justify;
width : 430px;
padding-top : 2px;
padding-bottom : 5px;
padding-right : 15px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
border-bottom-width : 1px;
float : left;
padding-left : 10px;
}
.barre {
padding-left : 30px;
text-decoration : line-through;
width : 50px;
float : left;
}
.rouge {
color : #ff0000;
width : 50px;
float : left;
padding-left : 10px;
}
#droite {
float : right;
width : 175px;
border-left-style : solid;
border-left-width : 1px;
border-left-color : #666666;
border-bottom-style : solid;
border-bottom-width : 1px;
border-bottom-color : #666666;
}
#pages {
width : 450px;
text-align : center;
font-size : 0.9em;
padding-top : 10px;
margin : 0;
padding-bottom : 10px;
color : #99cc00;
overflow : hidden;
float : left;
}
a.LIEN_pages:link {
color : #99cc00;
text-decoration : none;
font-weight : bold;
}
a.LIEN_pages:visited {
color : #99cc00;
text-decoration : none;
font-weight : bold;
}
a.LIEN_pages:hover {
color : #99cc00;
text-decoration : underline;
font-weight : bold;
}
#pied {
clear : both;
height : 30px;
text-align : right;
height : 32px;
font-size : 0.9em;
}
#foot_cont {
float : left;
width : 780px;
text-align : right;
padding-top : 15px;
padding-right : 10px;
}
a.LIEN_footer:link {
color : #000;
text-decoration : none;
font-weight : bold;
}
a.LIEN_footer:visited {
color : #000;
text-decoration : none;
font-weight : bold;
}
a.LIEN_footer:hover {
color : #99cc00;
text-decoration : underline;
font-weight : bold;
}
#signature {
padding : 0;
width : 780px;
font-size : 10px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
font-weight : bold;
height : 18px;
padding-left : 20px;
border-bottom-width : 2px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
}
.W3C {
width : 88px;
margin : 0;
padding : 0;
float : right;
}
a.LIEN_signature:link {
color : #000;
text-decoration : none;
font-weight : bold;
}
a.LIEN_signature:visited {
color : #000;
text-decoration : none;
font-weight : bold;
}
a.LIEN_signature:hover {
color : #99cc00;
text-decoration : underline;
font-weight : bold;
}
#menuhaut {
list-style-type : none;
margin : 0;
padding : 0;
}
#menuhaut li {
display : inline;
}
#menuhaut a {
margin : 0 2px;
color : #000000;
text-decoration : underline;
}
#menuhaut a:hover {
text-decoration : none;
}
#menugauche {
list-style-type : none;
margin : 0;
padding : 0;
}
#menugauche li {
margin-bottom : 5px;
}
#menugauche a {
margin : 0 2px;
color : #000000;
text-decoration : underline;
}
#menugauche a:hover {
text-decoration : none;
}
#menudroit {
list-style-type : none;
margin : 0;
padding : 0;
}
#menudroit li {
margin-bottom : 5px;
}
#menudroit a {
margin : 0 2px;
color : #000000;
text-decoration : underline;
}
#menudroit a:hover {
text-decoration : none;
}
form {
padding-bottom : 20px;
}
.acheter {
float : none;
}
.enteteTableau {
color : #fff;
font-weight : bold;
background-color : #666666;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #99cc00;
}
.ligneTableau {
color : #99cc00;
background-color : #666666;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #fff;
font-size : 0.9em;
}
.footerTableau {
color : #99cc00;
font-weight : bold;
background-color : #000;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #ffffff;
}
.boutonMonCompteContenu {
font-weight : bold;
width : 590px;
text-align : right;
margin : 10px;
float : left;
}
.zoneDeSaisie {
color : #99cc00;
font-weight : bold;
font-size : 0.9em;
}
.obligatoire {
color : #ff0000;
padding-left : 30px;
}
.barre {
padding-left : 30px;
text-decoration : line-through;
width : 50px;
float : left;
}
.rouge {
color : #ff0000;
width : 50px;
float : left;
padding-left : 10px;
}
.commentaires {
font-size : 1em;
font-style : italic;
font-weight : bold;
color : #99cc00;
}
.select1 {
color : #999999;
width : 150px;
border : 0;
margin : -2px;
margin-top : 5px;
}
.select2 {
color : #555;
width : 150px;
border : 0;
margin : -2px;
margin-top : 5px;
}
/* Pop-up panier
-------------------------------------------------------- */
.ajout {
position:absolute;
left: 300px;
top: 400px;
border:1px solid #FF5A60;
background: white;
z-index:100;
text-align:left;
display: none;
}
.ajout h3 {
color: #FFFFFF;
font-weight: normal;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding-top: 3px;
padding-right: 0;
padding-bottom: 3px;
padding-left: 5px;
font-size: 1.1em;
background-color: #ff5a60;
}
.ajout .tableau {
float: left;
width: 340px;
font-size: 0.9em;
}
.ajout .headTableau {
background-color: #DBDBDB;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cfcfd1;
}
.ajout .ligneTableau {
background-color: #F6F6F6;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cfcfd1;
}
.ajout .ligneTableauRose {
background-color: #F6F6F6;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cfcfd1;
color: #FF5A60;
font-size: 1.1em;
font-weight: bold;
}
.ajout .zoneDeSaisie {
margin: 0;
padding: 0;
color: #333333;
border: 1px solid #9fa0a3;
text-align: center;
}
.imagecarousel {
margin: 0;
padding: 0;
border: 1px solid #6fae31;
}
.entete_rubrique {
color: #626469;
text-align: left;
font-size: 0.9em;
line-height: 1.2em;
margin-bottom: 5px;
padding:0;
}
.cacher {
display: none;
}
.nuage1 {
font-size: 15px;
}
.nuage2 {
font-size: 18px;
}
.nuage3 {
font-size: 21px;
}
.nuage4 {
font-size: 24px;
}
.nuage5 {
font-size: 27px;
}
.nuage6 {
font-size: 30px;
}