body
{
font-family:arial;
width:100%;
height:100%;
}

#tout
{
top:0px;
left:0px;
width:90%;
height:100%;
position:absolute;
text-align:center;
}

td
{
text-align:center;
padding:5px;
}

.noborder
{
border:0px;
}

.finsciption
{
border: 1px solid black;
}

#stockep
{
color:red;
font-size:170%;
margin-top:150px;
width:148px;
background:black;
position:absolute;
}

#catalogue
{
display:inline-block;
}

#catalogue .couverture
{
display:block;
text-align:center;
margin:10px;
}

#catalogue .couverture a
{
color:black;
text-decoration:none;
}

#catalogue .couverture a:hover
{
text-decoration:underline;
}

#catalogue2
{
display:block;
width:146px;
height:186px;
border:1px solid black;
cursor:pointer;
margin-top:-50px;
}

.qtezdt
{
width:50px;
text-align:right;
}

#suppage
{
margin-top:-20px;
margin-left:350px;
color:gray;
}

#nomerpage
{
margin-left:80px;
}


/*MODIFICATION DE PAGE*/
.zonemod
{
top:0%;
left:0%;
width:100%;
height:100%;
background:url("src/modiffond.png");
position:fixed;
text-align:center;
z-index:80;
}

.zonemod2
{
display:none;
}

#modifzone
{
background:black;
max-width:800px;
min-width:400px;
min-height:300px;
max-height:490px;
z-index:82;
margin: auto;
margin-top:7%;
color:white;
text-align:center;
overflow:auto;
}

#modifzone a
{
color:white;
}

#modifzone .tableau
{
margin:auto;
}

#modifzone .tab
{
text-align:center;
padding:5px;
border:1px solid gray;
width:50%;
}

.fermer
{
margin-left:27%;
margin-top:7.3%;
z-index:100;
position:absolute;
cursor:pointer;
}

.menumod
{
top:0%;
left:90%;
position:fixed;
z-index:95;
width:5%;
padding-top:1%;
text-align:center;
border:2px solid gray;
}

.menumod ul
{
margin-left:-60%;
}

.menumod li
{
list-style:none;
}

.menumodli
{
margin-top:10px;
text-decoration:none;
list-style:none;
text-align:center;
/margin-left:-21px;
}

.menumodli img
{
height:50px;
border:0px;
}

.menumodlihoover
{
margin-left:-10px;
margin-top:10px;
text-decoration:none;
list-style:none;
text-align:center;
}

.menumodlihoover img
{
height:50px;
border:0px;
}

.menumod2
{
display:none;
}

#show
{
border:1px solid gray;
width:600px;
height:291px;
z-index:91;
overflow:hidden;
}

#show img
{
width:550px;
}

.menumom
{
display:none;
}

.menumom2
{
top:30%;
left:40%;
position:fixed;
width:35%;
text-align:center;
padding:3%;
z-index:92;
color:blue;
font-size:150%;
border:1px solid blue;
background:white;
}

.back
{
text-align:left;
font-size:70%;
}

.paletteoff
{
top:35%;
left:45%;
background:gray;
z-index:100;
position:absolute;
display:none;
}

.paletteon
{
top:35%;
left:45%;
background:black;
font-size:70%;
z-index:100;
position:absolute;
border:1px solid white;
}

.demo
{
display:inline-block;
width:50px;
height:50px;
border:1px solid white;
cursor:pointer;
}

#backpos
{
text-align:left;
margin-left:40%;
}

.menucontoff
{
display:none;
}

.menuconton a
{
padding:3%;
padding-left:5%;
padding-right:5%;
/padding:1%;
display:inline-block;
/display:inline;
width:90%;
font-size:80%;
color:black;
text-decoration:none;
}

.menuconton a:hover
{
padding:3%;
padding-left:5%;
padding-right:5%;
/padding:1%;
font-size:80%;
color:black;
background:#c3c3c3;
text-decoration:none;
}

.menuconton
{
text-align:left;
border:1px solid gray;
position:absolute;
background:white;
z-index:100;
}

.conseil
{
font-size:70%;
}

.tablo td
{
border:0px;
text-align:right;
}

.tablo .tableft
{
text-align:left;
}

.tablo .tabcenter
{
text-align:center;
}

/*DETAIL PROD*/

.affichagephotoprod
{
display:block;
width:290px;
}

.prix
{
display:block;
}

.prixapayer
{
font-size:170%;
font-weight:bold;
}

.prixold
{
font-size:110%;
text-decoration:line-through;
}

.reference
{
font-size:70%;
}

.grostitre
{
display:block;
font-size:170%;
}

.soustitre
{
display:block;
}

.description
{
display:block;
width:45%;
top:15%;
left:40%;
position:absolute;
}

.ajouterpannier
{
font-size:90%;
font-weight:bold;
color:black;
}

.ajouterpannier img
{
border:0px;
}