/* Edited with EditCSS */
/**** LINK-tag style sheet home.css ****/

/* Edited with EditCSS */
/**** Style sheets whose contents could be loaded were ****/
/**** imported instead. Rule order may be incorrect ****/
/**** as a result. ****/

/**** LINK-tag style sheet home.css ****/

div 
{
 background:url("fond.png");
 } 
div#poemes
{
width:45%;
background-image:none;
float:left;
}
div#images
{
width:45%;
background-image:none;
float:right;
}
.timbre
{
width:100px;
position:absolute;
top:430px;
left:880px;
}
.cal
{
border: 1px solid black;

margin:3px;
width:70px;
float:left; 
}
.livre
{
width:50%;

}



.carte
{
margin:50px ;
border: solid navy 1px ;
width:900px;
height:600px;
background:url("dos.jpg");
 }
.textcart
{
position:absolute;
top:550px;
left:565px;
width:300px;
text-align:justify;
font-family:"times new roman",sans-serif;
font-size:20px;
color:#5c00aeff;
}
.imcart
{
width:380px;
position:absolute;
top:430px;
left:130px;
}
.image
{
width:400px;
}
.tete
{
clear: both;
margin:2px;
}
.entete
{
width:700px;
text-indent:40px;
}
.agauche
{
float:left; 
width:280px;
 }

.adroite
{
width:360px;
float:right; 
 }
 .droite
  {
 width:70%;
 float:right;
 }
.acentre
{
width:700px;
margin-right:auto;
margin-left:auto;

}

.encadre2
{
width:125px;
border:2px solid fuchsia;
padding:20px; 
margin:20px;
}
.encadre
{
border:2px solid fuchsia;
padding:40px; 
margin:30px;
}
div#bandhaut 
{ 
margin-top:10px;
height: 130px; 
width:100%; 
} 
 
div#coteg 
{ 
width: 100%; 
border:none; 
margin:px 0 0 0;
height: 120px; 
}
.ombre 
{
background-color: url("fond2.png");
}
.demi
{
width:50%;
}
div#pp 
{ 
height:100%; 
margin: 4px; 
padding: 2%; 
overflow:hidden ;
} 
div#submenu 
{ 
 float:none; 
 border:none; 
} 

div#preview 
{ 
 border:none; 
 padding:20%; 
} 

div#menu 
{ 
 width:80%; 
 padding:2% ;
 margin-left:auto;
 margin-right:auto;
} 
 
div#panier 
{ 
 width:100%; 
 margin-right:0; 
} 
 
div#login 
{ 
 width:100%; 
 margin-right:0; 
} 
 
div#news 
{ 
 float:left; 
 width:100%; 
 margin-top:0px; 
} 
 
div.prod 
{ 
 padding: 3%; 
 height: 45%; 
 width : 13%; 
} 
 
div#pres 
{ 
display:block; 
width:67%; 
padding:3%; 
height:45%; 
margin-left:auto; 
margin-right:auto; 
} 
div#prodimg 
{ 
width:100px; 
padding:5%; 
border:none; 
} 
div#vmenu 
{ 
 float:right; 
 width:25%; 
 height:100%; 
 padding:5px; 

} 
 
li 
{ 
 text-decoration:none; 
 list-style-type: none; 
 width:100%; 
 color:blue;
 font-size:130%; 
} 
 
img.imgprod 
{ 
width:25%; 
margin:10%; 
padding:0; 
} 
 
img.previmg 
{ 
top:25%; 
left:25%; 
width:200%; 
} 
 
img.image:hover 
{ 
 border-color:blue 
} 
 
h3.tit 
{ 
 text-align:center; 
 margin:0; 
 padding:0; 
} 
 
table 
{ 
 width:100% 
} 
 
ul 
{ 
 margin-top:0; 
 margin-left:-5%; 
 padding-left: 3%; 
  
 margin-bottom:0; 
 padding-bottom:0; 
} 
 
ul#catlist 
{ 
 margin-top:0; 
 margin-left:5%; 
 padding-left: 3%; 
 border-left: solid 1px; 
} 
 
ul#prin 
{ 
 margin-left:0%; 
} 
 
div#menu a 
{ 
 text-decoration:none; 
    visite:blue 
} 
 
div#menu a:hover 
{ 
 color: fuchsia; 
 font-weight:blod; 
} 
 
div#menu li 
{ 
 font: 13px/1.3 Verdana,sans-serif; 
 display: block ;  
 width: 180px ; 
 line-height: 20px ; 
 height:21px; 
 text-decoration: none ; 
 margin:5px; 
  border: solid 1px; 
text-align:center;
 background-color: #FBB307; 
} 
 
div#menu li:hover 
{ 
 color:  fuchsia ; 

} 
 
html,body{margin:0 10px 0 10px;padding:10px} 
body 
{ 
    font: 11px/1.3 Verdana,sans-serif; 
    background-color: #4B70F7; 
    min-width: 1024px; 
} 
.retrait
{ 
text-indent:40px;
}
p
{
line-height:1.7;
color:blue;
font-size:large;
} 
 
ul#gallery{float:left;width:100%;background-color:#F9E086;margin: 4px 160px 0px 160px} 
 
ul#gallery, ul#gallery li{list-style:none;margin:0;padding:0;position:relative} 
ul#gallery li{float:left;display:inline;margin: 0 0 30px 50px;width:160px;text-align:center} 
 
ul#gallery img{display:block;width:140px;;border:px solid;margin:0 auto 5px} 
 
ul#gallery h3{display:block;height:220px;padding: 10px 0;background: #BFDDED;color: #333;border:1px solid #007BC4;text-decoration: none} 
 
ul#gallery h3:hover{background: #007BC4;color: #FFF;border-color:#000} 
div#details{clear:left;visibility:hidden;margin:10px} 
 
ul#gallery img.type1{height:300px;width:100px} 
ul#gallery h3.type1{height:320px} 
 
ul#gallery img.type0
ul#gallery h3.type0{height:220px}
 
img#logo 
{ 
 display: block; 
float:left; 
   height:100px; 
   width:100px; 
   margin:10px; 
} 
img#titre 
{ 
display: block; 
float:left; 
height:80px; 
margin: 24px 0px 0px -15px 
} 
img#imgband 
{ 
display: block; 
height:120px; 
float:right; 
margin-right: 20px;
margin-top:10px; 
} 

div#previewdiv 
{ 
position:absolute; 
visibility:hidden; 
top:100px;left:100px;height:100px;width:100px; 
background: #BFDDED;border:1px solid #007BC4; 
} 
 
img#previewimg 
{ 
display:block; 
margin-left:auto; 
margin-right:auto; 
} 
 
div#vmenu li a 
{display:block;text-decoration: none;margin:2px} 
 
div#vmenu li:hover 
{background:#BBAAFF;} 
 
img.gamme 
{display:block;width:100px;height:140px;border:1px solid;margin:10px auto;padding:10px;} 
img.gamme:hover 
{background-color:#BBAAFF} 
 
p
{ 
 padding:1%;
color:none; 
font-size:130%; 
font-weight:bolder;
} 
 
h1 
{ 
display: block; 
color: #FFA400; 
font-style:italic; 
font-size:200%; 
margin-bottom:5px; 
} 
 
h1:after{ 
display: block; 
margin-left: -2px; 
margin-top: -32px; 
font-style:italic; 
color: #0060FF; 
content: attr(title); 
border-bottom:solid 1px 
} 
 
h2 
{ 
color: #0060FF; 
font-size:180%; 
margin-left:3px; 
margin-bottom:5px; 
} 
h3 
{ 
color: #0060FF; 
font-size:100%; 
margin-bottom:5px; 
} 
h4 
{

clear: both;
display: block; 
color: fuchsia; 
font-size:220%; 

}   
form{
font-size:150%; 
border: solid 2px #E9E0F6; 
display:block; 
text-align:center; 
padding:2%; 
margin-left:auto; 
margin-right:auto; 
background-color:orange; 
}
a.livredor 
{ 
backcolor:#BBAAFF; 
border:1px solid #B9E0F6; 
} 
} 
input{ 
margin-left:10px; 
margin:1%; 
border:#249 1px solid; 
} 
textarea 
{ 
border:#249 1px solid; 
height:100px; 
width:600px; 
margin :2%; 
} 
img#volant1 
{ 
position:relative; 
top :50px; 
left:250px; 
} 
img#volant2 
{ 
position:relative; 
top :-40px; 
left:290px; 
} 
img#volant3 
{ 
position:relative; 
top :-65px; 
left:350px; 
height:40px; 
} 
img#volant4 
{ 
position:relative; 
top :50px; 
left:250px; 
} 
img#volant5 
{ 
position:relative; 
top :-40px; 
left:240px; 
height:40px 
} 
 
 
a.gammeimg 
{float:left;text-align:center;display:block;height:250px;padding: 10px 0;background: #BFDDED;color: #333;border:1px solid #007BC4;text-decoration: none} 
 
img.gamme 
{ 
display:block; 
width:140px; 
height:200px; 
border:0px solid; 
margin:0 auto 5px 
} 
 
img#imgproduct 
{ 
border:solid 1px; 
border-right:solid 2px; 
border-bottom:solid 2px; 
margin:10%; 
} 
 
 
a.lien 
{
color:blue;
font-size:150%;
display:block; 
margin:5%; 
text-decoration:none; 
text-align:center; 
} 
 
li.selected 
{ 
background-color:#00B0B0; 
}