#basprix{position: absolute;top:24px;z-index:2;width:100%;}
#basprix #prix{display: inline; position: relative;top:0px;z-index:2;letter-spacing: 1px;font-family: conduititcb,Arial, Helvetica, sans-serif;font-size:30px;}
#basprix #prix2{position: relative;top:0px;z-index:2;letter-spacing: 1px;font-family: conduititcb,Arial, Helvetica, sans-serif;font-size:30px;}
#basprix #prix3{display: inline; position: relative;top:0px;z-index:2;letter-spacing: 1px;font-family: conduititcb,Arial, Helvetica, sans-serif;font-size:20px;}

.prixpromo2{position: relative;bottom:18px;z-index:6;font-size:18px;}
#retourmenu a{text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size:15px;color:#000000}
#retourmenu table{ border:1px solid #01448A;border-collapse:collapse;}

#libmenu{letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:30px;}
#nompro2{letter-spacing: 1px;font-family: conduititc,Arial, Helvetica, sans-serif;font-size:38px;}
#infotaille,#quantipos{letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:20px;}

#illustration{position: relative;height: 350px;width:390px;top: 2px;}
#illustration #imgcadre{position: relative;border:solid 0px #acaca9;z-index:3;}
#illustration #infonouv{position: absolute;left: -23px;top:17px;z-index:8;}
#illustration #biopr{position: absolute;left: 8px;top:17px;z-index:9;}


#element333 {
top: 500px;;
    position:fixed;
    width:300px;
    height:400px;
}
#element2333 {

    position:fixed;
    width:300px;
  min-height:500px;
    max-height:700px;
}

.prix1{letter-spacing: 1px;font-family: conduititcb,Arial, Helvetica, sans-serif;font-size:25px;width:100%;}
.prix11{letter-spacing: 1px;font-family: conduititcb,Arial, Helvetica, sans-serif;font-size:19px;width:210px;width:100%;}

.basblanc .basblanc3 .prix1{position: absolute;bottom:12px;z-index:66;}
.basblanc .basblanc3 .prix11{position: absolute;bottom:13px;z-index:66;}


.prixpromo{position: absolute;left: 40%;bottom:-8px;z-index:6;font-size:14px;}

.prixpourc{position: absolute;left: 80%;top:-13%;z-index:6;font-size:30px;color:orange;}


#infonouv2{position: absolute;left: -12px;top:17px;z-index:8;}
#biopr2{position: absolute;left: -2px;top:5px;z-index:8;}
#nomprod{position: absolute;top: 30px;left: 8px;}


#libmenu{position: absolute;top: 30px;left: 8px;}
#nompro2{position: absolute;top: 15px;left: 55px;font-family: conduititcb,Arial;}



#nomcad{position: absolute;top: 140px;left: 5px;}
#bas{position: absolute;top: 60px;left: 5px;}

#nompro3{position: relative;margin-top: 30px;left: 5px;font-family: myriad,Arial;font-size:30px;}
#nompro33{position: relative;margin-top: 20px;left:20%;font-family: myriad,Arial;font-size:30px;}
#refprod{position: relative;top: 0px;left: 5px;}
#typecat{padding-left: 15px;position: relative;top: 18px;left: 5px;font-family: myriad,Arial;font-size:26px;}
#typescience{padding-left: 15px;position: relative;top: 18px;left: 5px;font-family: myriad,Arial;font-size:16px;}

#desccomp{position: relative;top: 30px;left: 5px;}

#dimenspro{position: relative;top:38px;left: 5px;}
#coloripro{position: relative;top:38px;left: 5px;}
#compo{position: relative;top: 38px;left: 5px;}


#ouvrable{position: relative;top: 90px;left: 105px;}
#ouvrablespe{position: absolute;left:118px;bottom: 10%;}

#infonfrance{position: relative;top: 20px;left: 5px;}
#descprod{position: relative;margin-top:130px;bottom: -1%;left: 55px;width:88%;}


#texteprenom{position: absolute;bottom: 29%;left: 10%;}


#infotaille{position:absolute;bottom: 15%;left: 0px;}
#taillepdf{position: absolute;bottom: 15%;right: 20%;}
@media screen and (max-width:640px){
#quantipos{position: relative;margin-top: 9%;z-index:12;}
#ajoupan{position: relative;margin-top: 6%;z-index:12;}
#originefra{position: relative;margin-top: 37%;}
}


@media screen and (min-width:641px){
#quantipos{position: absolute;top: 10%;right: 30px;z-index:12;}
#ajoupan{position: absolute;right: 20px;top: 70%;z-index:12;}
#affopti{position: absolute;right: 30px;top: 25%;z-index:12;}
#originefra{position: absolute;left: 5%;top: 26px;z-index:12;}
}

#amis{position: absolute;right: 38px;bottom: 1%;}

#reastock{position: absolute;bottom: 3%;left: 2%;font-family: myriad,Arial, Helvetica, sans-serif;font-size:20px;}
#flecheg{position: absolute;top: 60px;left: 20px;z-index:60;}
#fleched{position: absolute;top: 60px;right: 20px;z-index:60;}

#ouvrable,#refprod {letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:15px;}
#desccomp {letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:20px;}

#typecat2,#dimenspro,#coloripro,#compo {letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:18px;}
#descprod{letter-spacing: 1px;font-family: myriad,Arial, Helvetica, sans-serif;font-size:16px;color:#b0a9a9;}

#declinaison{padding-top:14px;z-index:2;width:100%;font-size:18px;
}

#moncercle{
  background:#bfd70e;
  border-radius:50%;
  width:120px;
  height:120px;
  border:2px solid #01448A; 
}


#cercleprix{
padding-top:30px;
  /* background:#FFF; */

  width:110px;
  height:65px;
  border:2px solid #FFF; 
}


#cercleprix2{
padding-top:10px;
  background:#f8702e;

  width:110px;
  height:75px;
  border:2px solid #FFF; 
}
#cercleprix3{text-align: center;
padding-top:10px;
  background:#fff000;

  width:180px;
  height:65px;
  border:2px solid #FFF; 
z-index:8;
}
#cercleajoutpan3{text-align: center;
padding-top:5px;
z-index:11;
  background:#fff000;
  border-bottom-left-radius:20%;
  border-bottom-right-radius:20%;
  width:120px;
  height:20px;
 border-left:2px solid #01448A; 
 border-bottom:2px solid #01448A; 
 border-right:2px solid #01448A; 
}
#cercleajoutpan31{text-align: center;
padding-top:5px;
z-index:11;
  background:#ffffff;
  border-bottom-left-radius:20%;
  border-bottom-right-radius:20%;
  width:120px;
  height:20px;
 border-left:2px solid #01448A; 
 border-bottom:2px solid #01448A; 
 border-right:2px solid #01448A; 
}


#cercleprix4{text-align: center;
padding-top:10px;
  /* background:#FFFFFF; */

  width:180px;
  height:75px;
  border:2px solid #fff; 
}



@-webkit-keyframes clignote2 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #7d1e34;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}
@-moz-keyframes clignote2 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #7d1e34;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}
@-o-keyframes clignote2 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #7d1e34;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}




@-webkit-keyframes clignote {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #fff000;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}
@-moz-keyframes clignote {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #fff000;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}
@-o-keyframes clignote {
0%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
50%{  box-shadow:0px 0px 10px #fff000;background: #fff000;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #FFFFFF;}
}


@-webkit-keyframes clignote3 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
50%{  box-shadow:0px 0px 10px #fff000;background: 017a00;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
}
@-moz-keyframes clignote3 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
50%{  box-shadow:0px 0px 10px #fff000;background: #017a00;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
}
@-o-keyframes clignote3 {
0%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
50%{  box-shadow:0px 0px 10px #fff000;background: #017a00;}
100%{  box-shadow:0px 0px 10px #4183C4;background: #ec1d25;}
}


#cercleprix5,#cercleprix5 hover a{background-color:#01448A;}

#cercleprix5{
text-align: center;
  background:#FFFFFF;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
  width:180px;
  height:15px;
  border:1px solid #000000; 
display: inline-block;
animation: clignote 3s infinite;
 
}
#cercleprixb5{
text-align: center;
  background:#FFFFFF;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
  width:180px;
  height:15px;
  border:1px solid #000000; 
display: inline-block;
animation: clignote2 3s infinite;
 
}