*{
font-family:URW Chancery L,cursive;
margin:0;
padding:0;
}
body{
background:#424242;
}
h1{
background:#000000;
font-family:Snell Roundhand,cursive;
text-align:center;
color:#FDFEFE;
font-size:30px;
padding-bottom:20px;
padding-top:20px;
width:60%;
margin-left:20%;
border-radius:0 0 10px 10px;
}
h2{
text-align:center;
font-size:16px;
margin-bottom:10px;
}
h2.presentation{
background:#757575;
padding-bottom:10px;
padding-top:10px;
width:45%;
margin-left:27.5%;
border-radius:20px;
}
p{
font-size:14px;
margin-left:20px;
margin-bottom:10px;
}
.article{
float:left;
background:#FDFEFE;
border-radius: 10px;
}
@media screen and (min-width:900px){
.article{
margin-left:4%;
width:20%;
}
}
@media screen and (max-width:899px){
.article{
margin-left:4%;
width:28%;
}
}
@media screen and (max-width:700px){
.article{
margin-left:4%;
width:44%;
}
}
@media screen and (max-width:550px){
.article{
margin-left:4%;
width:92%;
}
}
select{
border-radius: 10px;
}
button{
border-radius: 10px;
}
button:hover{
background:#424242;
color:#FDFEFE;
}
.reponse{
color:#FF3300;
font-size:10px;
font-weight:bold;
}
#panier{
background:#757575;
position:fixed;
right:0;
top:0;
width:36px;
height:36px;
border-radius:0 0 0 10px;
}
#panier p{
background-image:url("../../projet/image/panier.png");
background-repeat:no-repeat;
background-position:center;
width:100%;
height:100%;
margin:0;
padding:0;
}
#ajtpanier{
background:#757575;
color:#FDFEFE;
width:300px;
height:150px;
position:absolute;
z-index:1;
position:fixed;
top:50%;
left:50%;
transform: translate(-50%,-50%);
display:none;
padding:10px;
}
.presentation{
color:#FDFEFE;
margin-bottom:20px;
}
.centrer{
text-align:center;
}
.prix{
color:#F44336;
}
.photo{
width:100%;
height:auto;
}
#profiledroit1{
display:none;
}
#dos1{
display:none;
}
#profilegauche1{
display:none;
}
#face2{
display:none;
}
#dos2{
display:none;
}
#profilegauche2{
display:none;
}
#face3{
display:none;
}
#profiledroit3{
display:none;
}
#profilegauche3{
display:none;
}
#face4{
display:none;
}
#profiledroit4{
display:none;
}
#dos4{
display:none;
}
#vuepanier{
display:none;
background:#757575;
position:fixed;
right:0;
top:37px;
border-radius:10px 0 0 10px;
padding:5px;
}