html, body {
 margin: 0;
 padding: 0;
 overflow-x:hidden;
 }

 a:link, a:visited{
 color: #222299;
 text-decoration: none;
 font-family: Verdana, sans-serif;
 font-size: 90%;
 }

body {
 background-image: url(/img/bg6.jpg);
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-size: 100%;
 background-color: #DDDDDD;
 font-family: Verdana, sans-serif;
 font-size: 90%;
 width:100%;
 }

div{
}

h1 {
 font-size: 200%;
 color: navy;
 text-align: center;
 }

h2 {
 font-size: 120%;
 color: black;
 padding-left: 15px;
 }

p,ul,li {
 color: black;
 }

.tableaunormal table,.tableaunormal td, .tableaunormal tr, .tableaunormal th, .tableaunormal thead, .tableaunormal tfoot{
background-color: #DDDDDD;
border:1px solid;
border-collapse:collapse;
margin:auto;
}

.blocclair{
background-color: #e9edf1;
}

.fondfonce{
background-color: #5b798b;
}

.blocfonce{
background-color: #5b798b;
color:white;
display:block;
}

.tableaublanc table{
border:0px solid;
border-collapse:collapse;
margin:auto;
}

.tableaublanc td:hover{
background-color: #5b798b;
}


.tableaubleu td {

border:2px solid #5b798b;
border-collapse:collapse;
margin:auto;
}

.tableaubleu tr {
border:2px solid #5b798b;
border-collapse:collapse;
margin:auto;
}

.tableau_log_pair td {
border:2px solid #5b798b;
border-collapse:collapse;
margin:auto;
}

.tableaulog th {
font-family:monospace;
color:white;
border:1px dotted #000000;
background-color:#5b798b;
}

.tableau_log_impair td {
border:2px solid #5b798b;
border-collapse:collapse;
margin:auto;
}

.tableaubleu table {
border:2px solid #5b798b;
border-collapse:collapse;
margin:auto;
}

.tableaubleu th {
font-family:monospace;
border:1px dotted #5b798b;
background-color:#5b798b;
}


.tableaubleu thead, tfoot {
background-color:#e9edf1;
border:1px solid #5b798b;
}

<!--DEBUT TABLEAU TEST-->

.tableautest td{
    border:2px solid #5b798b;
    border-collapse:collapse;
    margin:auto;
}

.tableautest tr{
    border:2px solid #5b798b;
    border-collapse:collapse;
    margin:auto;
}
.tableautest table{
    border:2px solid #5b798b;
    border-collapse:collapse;
    margin:auto;
}
.tableautest th{
    font-family:monospace;
    border:1px dotted #5b798b;
    background-color:#5b798b;
}
.tableautest thead , tfoot {
    background-color:#e9edf1;
    border:1px solid #5b798b;
}

<!--FIN TABLEAU TEST-->


a:active, a:focus {
 color: red;
}

.nomcartevo{
 font-style:italic;
}

.nomcartevf{
 font-weight:bold;
}

.pic img{
 }

.text{
background:#FFF;
opacity:0;
position:absolute;
}

.text img{
  width:auto;
}

.pic:hover .text {
 position:absolute;
 opacity:0.8;
 z-index: 2;
 color:#000000;
 font-size:12px;
 font-weight:700;
 font-family:"arial", Times, serif;
 text-align: left;
}

.etatcarteimg{
width:auto;
height:auto;
background:#FFF;
opacity:0;
position:absolute;
}

.etatcarte{
 font-size:12px;
 font-weight:700;
}

.etatcarte:hover .etatcarteimg{
 opacity:1;
 text-align:left;
 color:#000000;
 font-size:12px;
 font-weight:700;
 font-family:"arial", Times, serif;
 padding:0px;
 padding-left:0px;
 width:auto;
 text-align:justify;
 z-index: 2;
}

.copyright{
font-size:12px;
font-family:"arial";
font-style:italic;
margin : 0 100px;
}

.prix{
background-color:white;
border:2px solid #5b798b;
font-size:15px;
font-weight:bold;
position:absolute;
width:auto;
}

.suggestion {
background-color:white;
border:1px solid #5b798b;
font-size:15px;
font-weight:bold;
position:absolute;
width:50%;
text-align:left;
vertical-align:middle;
height:50px;
line-height:45px;
}

.cs_invisible td{
border:0px solid #000000;
font-weight:bold;
vertical-align:middle;
margin:0px;
padding:0px;
}

.cs_invisible li{
border:0px solid #000000;
font-weight:bold;
vertical-align:middle;
margin:0px;
padding:0px;
}

.cs_invisible tr{
border:0px;
margin:0px;
padding:0px;
}

.cs_invisible table{
border:0px;
margin:0px;
padding:0px;
}

.suggestion:hover {
background-color: #5b798b;
}

.little_suggestion {
background-color:white;
border:1px solid #5b798b;
font-size:12px;
position:relative;
width:35%;
}

.bloc_recherche{
background-color: #DDDDDD;
border-radius:10px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
border : 1px black dashed;
}

.cliquable_zoom{
//background-color: #5b798b;
border-radius:5px;
}

.cliquable_zoom:hover{
cursor:zoom-in;
}

.cliquable{
//background-color: #5b798b;
border-radius:5px;
}

.cliquable:hover{
background-color: #e9edf1;
cursor:hand;
}

.cliquable_sansbg{
border-radius:5px;
}

.cliquable_sansbg:hover{
cursor:hand;
}

.cliquable_fonce{
//background-color: #e9edf1;
border-radius:5px;
}

.cliquable_fonce:hover{
background-color: #5b798b;
cursor:hand;
}

.halo img:hover{
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
cursor:hand;
}

.bouton_cliquable{
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
cursor:hand;
background-color: #5b798b;
text-align:center;
width:65%;
height:20px;
font-size:16px;
vertical-align:60%;
}

.bloc_panier{
border:1px solid #5b798b;
width:auto;
height:auto;
background:#e9edf1;
font-size:22px;
opacity:0;
position:fixed;
top:15px;
z-index:2000;
}

.bloc_message{
border:1px solid #5b798b;
position:absolute;
width:auto;
height:auto;
background:#e9edf1;
font-size:18px;
visibility: hidden;
opacity: 1;
z-index: 1001;
}

.login{
    position:fixed;
    top:40px;
    right: 175px;
    display: none;
    background: #5b798b;
    border:1px solid #e9edf1;
}

.total{
    font-size: 20px;
    font-variant: small-caps;
    background-color: #5b798b;
    border:1px solid #e9edf1;
}

.topmenu{
    font-size: 24px;
    font:bold;
}

.stats{
    font-size: 12px;
    font:bold;
    display:inline-block;
    text-align: left;
    background-color: #5b798b;
    width:auto;
    border:1px solid black;
    border-radius:7px;
    padding:10px;
    margin:5px;
}

.filtrebottom{
    position: fixed;
    bottom: 0px;
    height:80%;
    width: 97%;
    left:20px;
    display: block;
    background-color: #5b798b;
    color: black;
    text-align: center;
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    z-index: 100;
}

.filtrebottomcontenu{
    height:100%;
    background: repeating-linear-gradient(45deg,#AAAAAA,#AAAAAA 5px,#CCCCCC 5px,#CCCCCC 10px);
    color: black;
    text-align: center;
}

#fleche{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.cellule_qui_sert_de_contenu{
    position: relative;
    vertical-align:top;
    max-width:640px;
}

.bloc_stock_autre_boutique{
    position: absolute;
    top:0px;
    width: 20px;
    height:100%;
    transition: width 0.3s;
    overflow-x: hidden;
    z-index: 2;
    overflow-y:hidden;
}

.onglet{
    position: absolute;
    left:0px;
    top:0px;
    width: 20px;
    height:100%;
    z-index: 8;
    cursor: pointer;
}

.nomboutique{
    position: absolute;
    color: white;
    font-weight: bold;
    white-space: nowrap;
    z-index: 4;
    transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.stock_autre_boutique{
    position: absolute;
    top:0px;
    right:0px;
    height:100%;
    width: 0px;
    overflow-x: hidden;
    transition: width 0.3s;
}

.header{
    position: relative;
    top:0px;
    width:100%;
    height:20px;
    transition: height 0.3s;
    overflow-y: hidden;
}

.clicheader{
    position: absolute;
    bottom:0px;
    width:100%;
    height:20px;
    background-color: #5b798b;
    text-align:center;
    cursor:pointer;
    transition: height 0.3s;
}

 .nantes_temple_fonce{
    background-color: #5b798b;
 }
  .txt_nantes_temple_fonce{
    color: #5b798b;
}
 .nantes_temple_clair{
    background-color: #e9edf1;
 }
  .txt_nantes_temple_clair{
    color: #e9edf1;
}

 .nantes_temple_radial{
   background-image: radial-gradient(circle at center, #e9edf1 10%, #5b798b);
 }

 .nantes_temple_radial_inv{
   background-image: radial-gradient(circle at center, #5b798b 10%, #e9edf1);
 }

 .nantes_temple_linear{
   background-image: linear-gradient(to top right, #e9edf1 10%, #5b798b);
 }

 .nantes_temple_linear_inv{
   background-image: linear-gradient(to top right, #5b798b 10%, #e9edf1);
 }
 .stnaz_multilud_fonce{
    background-color: #ffff00;
 }
  .txt_stnaz_multilud_fonce{
    color: #ffff00;
}
 .stnaz_multilud_clair{
    background-color: #039cbc;
 }
  .txt_stnaz_multilud_clair{
    color: #039cbc;
}

 .stnaz_multilud_radial{
   background-image: radial-gradient(circle at center, #039cbc 10%, #ffff00);
 }

 .stnaz_multilud_radial_inv{
   background-image: radial-gradient(circle at center, #ffff00 10%, #039cbc);
 }

 .stnaz_multilud_linear{
   background-image: linear-gradient(to top right, #039cbc 10%, #ffff00);
 }

 .stnaz_multilud_linear_inv{
   background-image: linear-gradient(to top right, #ffff00 10%, #039cbc);
 }
 .stnaz_malle_fonce{
    background-color: #F08F21;
 }
  .txt_stnaz_malle_fonce{
    color: #F08F21;
}
 .stnaz_malle_clair{
    background-color: #FFD0C9;
 }
  .txt_stnaz_malle_clair{
    color: #FFD0C9;
}

 .stnaz_malle_radial{
   background-image: radial-gradient(circle at center, #FFD0C9 10%, #F08F21);
 }

 .stnaz_malle_radial_inv{
   background-image: radial-gradient(circle at center, #F08F21 10%, #FFD0C9);
 }

 .stnaz_malle_linear{
   background-image: linear-gradient(to top right, #FFD0C9 10%, #F08F21);
 }

 .stnaz_malle_linear_inv{
   background-image: linear-gradient(to top right, #F08F21 10%, #FFD0C9);
 }
 .vannes_temple_fonce{
    background-color: #2BBD0A;
 }
  .txt_vannes_temple_fonce{
    color: #2BBD0A;
}
 .vannes_temple_clair{
    background-color: #9BFB85;
 }
  .txt_vannes_temple_clair{
    color: #9BFB85;
}

 .vannes_temple_radial{
   background-image: radial-gradient(circle at center, #9BFB85 10%, #2BBD0A);
 }

 .vannes_temple_radial_inv{
   background-image: radial-gradient(circle at center, #2BBD0A 10%, #9BFB85);
 }

 .vannes_temple_linear{
   background-image: linear-gradient(to top right, #9BFB85 10%, #2BBD0A);
 }

 .vannes_temple_linear_inv{
   background-image: linear-gradient(to top right, #2BBD0A 10%, #9BFB85);
 }
 .rennes_temple_fonce{
    background-color: #aca9ad;
 }
  .txt_rennes_temple_fonce{
    color: #aca9ad;
}
 .rennes_temple_clair{
    background-color: #f7f4f8;
 }
  .txt_rennes_temple_clair{
    color: #f7f4f8;
}

 .rennes_temple_radial{
   background-image: radial-gradient(circle at center, #f7f4f8 10%, #aca9ad);
 }

 .rennes_temple_radial_inv{
   background-image: radial-gradient(circle at center, #aca9ad 10%, #f7f4f8);
 }

 .rennes_temple_linear{
   background-image: linear-gradient(to top right, #f7f4f8 10%, #aca9ad);
 }

 .rennes_temple_linear_inv{
   background-image: linear-gradient(to top right, #aca9ad 10%, #f7f4f8);
 }
 .brest_temple_fonce{
    background-color: #00DDC1;
 }
  .txt_brest_temple_fonce{
    color: #00DDC1;
}
 .brest_temple_clair{
    background-color: #B5F9E9;
 }
  .txt_brest_temple_clair{
    color: #B5F9E9;
}

 .brest_temple_radial{
   background-image: radial-gradient(circle at center, #B5F9E9 10%, #00DDC1);
 }

 .brest_temple_radial_inv{
   background-image: radial-gradient(circle at center, #00DDC1 10%, #B5F9E9);
 }

 .brest_temple_linear{
   background-image: linear-gradient(to top right, #B5F9E9 10%, #00DDC1);
 }

 .brest_temple_linear_inv{
   background-image: linear-gradient(to top right, #00DDC1 10%, #B5F9E9);
 }
 .test_test_fonce{
    background-color: #254688;
 }
  .txt_test_test_fonce{
    color: #254688;
}
 .test_test_clair{
    background-color: #e6e2f9;
 }
  .txt_test_test_clair{
    color: #e6e2f9;
}

 .test_test_radial{
   background-image: radial-gradient(circle at center, #e6e2f9 10%, #254688);
 }

 .test_test_radial_inv{
   background-image: radial-gradient(circle at center, #254688 10%, #e6e2f9);
 }

 .test_test_linear{
   background-image: linear-gradient(to top right, #e6e2f9 10%, #254688);
 }

 .test_test_linear_inv{
   background-image: linear-gradient(to top right, #254688 10%, #e6e2f9);
 }
 .niort_continuum_fonce{
    background-color: #6868AC;
 }
  .txt_niort_continuum_fonce{
    color: #6868AC;
}
 .niort_continuum_clair{
    background-color: #AFAFFA;
 }
  .txt_niort_continuum_clair{
    color: #AFAFFA;
}

 .niort_continuum_radial{
   background-image: radial-gradient(circle at center, #AFAFFA 10%, #6868AC);
 }

 .niort_continuum_radial_inv{
   background-image: radial-gradient(circle at center, #6868AC 10%, #AFAFFA);
 }

 .niort_continuum_linear{
   background-image: linear-gradient(to top right, #AFAFFA 10%, #6868AC);
 }

 .niort_continuum_linear_inv{
   background-image: linear-gradient(to top right, #6868AC 10%, #AFAFFA);
 }
 .angers_guilde_fonce{
    background-color: #B40404;
 }
  .txt_angers_guilde_fonce{
    color: #B40404;
}
 .angers_guilde_clair{
    background-color: #DE9A55;
 }
  .txt_angers_guilde_clair{
    color: #DE9A55;
}

 .angers_guilde_radial{
   background-image: radial-gradient(circle at center, #DE9A55 10%, #B40404);
 }

 .angers_guilde_radial_inv{
   background-image: radial-gradient(circle at center, #B40404 10%, #DE9A55);
 }

 .angers_guilde_linear{
   background-image: linear-gradient(to top right, #DE9A55 10%, #B40404);
 }

 .angers_guilde_linear_inv{
   background-image: linear-gradient(to top right, #B40404 10%, #DE9A55);
 }
 .lemans_guilde_fonce{
    background-color: #9EDD88;
 }
  .txt_lemans_guilde_fonce{
    color: #9EDD88;
}
 .lemans_guilde_clair{
    background-color: #E4FF95;
 }
  .txt_lemans_guilde_clair{
    color: #E4FF95;
}

 .lemans_guilde_radial{
   background-image: radial-gradient(circle at center, #E4FF95 10%, #9EDD88);
 }

 .lemans_guilde_radial_inv{
   background-image: radial-gradient(circle at center, #9EDD88 10%, #E4FF95);
 }

 .lemans_guilde_linear{
   background-image: linear-gradient(to top right, #E4FF95 10%, #9EDD88);
 }

 .lemans_guilde_linear_inv{
   background-image: linear-gradient(to top right, #9EDD88 10%, #E4FF95);
 }
 .limoges_temple_fonce{
    background-color: #377b71;
 }
  .txt_limoges_temple_fonce{
    color: #377b71;
}
 .limoges_temple_clair{
    background-color: #d8eee7;
 }
  .txt_limoges_temple_clair{
    color: #d8eee7;
}

 .limoges_temple_radial{
   background-image: radial-gradient(circle at center, #d8eee7 10%, #377b71);
 }

 .limoges_temple_radial_inv{
   background-image: radial-gradient(circle at center, #377b71 10%, #d8eee7);
 }

 .limoges_temple_linear{
   background-image: linear-gradient(to top right, #d8eee7 10%, #377b71);
 }

 .limoges_temple_linear_inv{
   background-image: linear-gradient(to top right, #377b71 10%, #d8eee7);
 }
 .poitiers_temple_fonce{
    background-color: #ff3d28;
 }
  .txt_poitiers_temple_fonce{
    color: #ff3d28;
}
 .poitiers_temple_clair{
    background-color: #ffad66;
 }
  .txt_poitiers_temple_clair{
    color: #ffad66;
}

 .poitiers_temple_radial{
   background-image: radial-gradient(circle at center, #ffad66 10%, #ff3d28);
 }

 .poitiers_temple_radial_inv{
   background-image: radial-gradient(circle at center, #ff3d28 10%, #ffad66);
 }

 .poitiers_temple_linear{
   background-image: linear-gradient(to top right, #ffad66 10%, #ff3d28);
 }

 .poitiers_temple_linear_inv{
   background-image: linear-gradient(to top right, #ff3d28 10%, #ffad66);
 }
 .boutique_externe_fonce{
    background-color: #f5a051;
 }
  .txt_boutique_externe_fonce{
    color: #f5a051;
}
 .boutique_externe_clair{
    background-color: #ffffff;
 }
  .txt_boutique_externe_clair{
    color: #ffffff;
}

 .boutique_externe_radial{
   background-image: radial-gradient(circle at center, #ffffff 10%, #f5a051);
 }

 .boutique_externe_radial_inv{
   background-image: radial-gradient(circle at center, #f5a051 10%, #ffffff);
 }

 .boutique_externe_linear{
   background-image: linear-gradient(to top right, #ffffff 10%, #f5a051);
 }

 .boutique_externe_linear_inv{
   background-image: linear-gradient(to top right, #f5a051 10%, #ffffff);
 }
 .caen_double6_fonce{
    background-color: #5f0c0c;
 }
  .txt_caen_double6_fonce{
    color: #5f0c0c;
}
 .caen_double6_clair{
    background-color: #dedede;
 }
  .txt_caen_double6_clair{
    color: #dedede;
}

 .caen_double6_radial{
   background-image: radial-gradient(circle at center, #dedede 10%, #5f0c0c);
 }

 .caen_double6_radial_inv{
   background-image: radial-gradient(circle at center, #5f0c0c 10%, #dedede);
 }

 .caen_double6_linear{
   background-image: linear-gradient(to top right, #dedede 10%, #5f0c0c);
 }

 .caen_double6_linear_inv{
   background-image: linear-gradient(to top right, #5f0c0c 10%, #dedede);
 }
 .toulon_ataniere_fonce{
    background-color: #00567a;
 }
  .txt_toulon_ataniere_fonce{
    color: #00567a;
}
 .toulon_ataniere_clair{
    background-color: #b8e0ff;
 }
  .txt_toulon_ataniere_clair{
    color: #b8e0ff;
}

 .toulon_ataniere_radial{
   background-image: radial-gradient(circle at center, #b8e0ff 10%, #00567a);
 }

 .toulon_ataniere_radial_inv{
   background-image: radial-gradient(circle at center, #00567a 10%, #b8e0ff);
 }

 .toulon_ataniere_linear{
   background-image: linear-gradient(to top right, #b8e0ff 10%, #00567a);
 }

 .toulon_ataniere_linear_inv{
   background-image: linear-gradient(to top right, #00567a 10%, #b8e0ff);
 }




#listeclasseur{
    position:absolute;
    left:0px;
    width:0px;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: width 0.3s;
    z-index: 500;
}

#voletclasseur{
    position: absolute;
    left:0px;
    height:20px;
    border: solid 1px #e9edf1;
    background-color:#5b798b;
    color: white;
    font-weight: bold;
    font-size:18px;
    white-space: nowrap;
    z-index: 500;
    transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition:left 0.3s;
    text-align:center;
}

#volet_rectangle
{
    position:absolute;
    height: 605px;
	width: 21px;
    z-index:500;
    display:none;
    margin-top : 65px;
    margin-left : 0px;
}
#volet_meilleures_ventes
{
    position:absolute;
    height: 605px;
	width: 21px;
    z-index:500;
    display:none;
    top : 85px;
    right : 0px;
}

#topvente{
    position:absolute;
    right:0px;
    width:0px;
    top:85px;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: width 0.3s;
    z-index: 500;
}

#volettop{
    position: absolute;
    right:0px;
    height:20px;
    border: solid 1px #e9edf1;
    background-color:#5b798b;
    color: white;
    font-weight: bold;
    font-size:18px;
    white-space: nowrap;
    z-index: 500;
    transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition:right 0.3s;
    text-align:center;
}

.progress-bar {
    width: 100px;
    height: 24px;
    padding: 4px;
    background-color: #191919;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
    -webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
    -moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
}

.progress-bar:before {
    content: '';
    display: block;
    position: absolute;
    width: 33px;
    height: 24px;
    background: #999;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
}

.progress-bar:after {
    content: '|||||||||||||';
    display: block;
    position: absolute;
    width: 33px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    font: bold 120px/80px sans-serif;
    letter-spacing: -6px;
    color: #000;
    opacity: 0.06;
}

.blue:before {
  background: #099;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#099), to(#006A6B));
  background: -moz-linear-gradient(top, #099, #006A6B);
}

.mot_cle{
  font-size:12px;
  font-weight:bold;
  background: repeating-linear-gradient(45deg,#AAAAAA,#AAAAAA 5px,#CCCCCC 5px,#CCCCCC 10px);
}

#rectangleinvisible{
      background: #099;
      opacity:0;
      position:absolute;
      height:100%;
      width:100%;
      top:0px
      left:0px;
      display:none;
      z-index:499;
}

.conteneur{
    z-index:1499;
    display:none;
    position: absolute;
    opacity:0;
    width:150px;
    transition:opacity 1s;
    text-align:center;
}

.login2{
    text-align:left;
    border-radius: 5px;
    width:120;
    margin-top:5;
    margin-left:-45;
    background: #5b798b;
    border:2px solid #e9edf1;
}

.header_sous_bloc{
    display: inline-block;
    text-align:left;
    margin-top:8px;
    max-width: 90px;
    border-radius: 5px;
    background: #e9edf1;
    border:2px solid #e9edf1;
}

#conteneur_panier{
    background: #5b798b;
    border:1px solid #e9edf1;
    margin-top:32px;
    margin-left: -25px;
    width:auto;
}

.sylv_suggest{
    position:relative;
    background-color:#e9edf1;
    height:40px;
    width:600px;
    border-radius : 10px;
    border : 2px #5b798b solid;
    margin-top:2px;
    opacity:0.8;
    margin: 0 auto;
    z-index:40000;
}

.sylv_suggest:hover{
    background-color:#FFFFFF;
}

.loading{
    background-color:white;
    width:75px;
    height:70px;
    border:solid 1px #5b798b}

#entree_carte
{
    position : absolute;
    margin-top:2.5%;
    margin-left:15%;
    height:88%;
    width:70%;
    background-color:rgba(199,199,199,0.8);
    border: 2px rgb(95,95,95) dashed;
    border-radius:15px;
    z-index:-1;
}

.rectangle_fond{
    position:fixed;
    z-index:-1;
    top:0px;
    width:90%;
    height:100%;
    left:5%;
    opacity:0.3;
    box-sizing:border-box;
    background-color:white;
    border:1px solid #5b798b;
}

select{
    background-color:#e9edf1;
    border:1px solid #000000;
    border-radius:7px;
}

.button{
    background-color:#5b798b;
    color:#e9edf1;
    font-weight:bold;
    border-radius:7px ;
}

.button:hover{
    background-color:#e9edf1;
    color:#5b798b;
    font-weight:bold;
    border-radius:7px ;
}

.button_form_recherche{
  vertical-align: top;
  height: 44px;
  font-size: 36px;
}

.button_valide{
    background-color:#e9edf1;
    color:#5b798b;
    font-weight:bold;
    border-radius:7px ;
}

.rouge{
    background-color:#BB0000;
    color:white;
}

.rouge:hover{
    background-color:#DD0000;
    color:white;
}

.orange{
    background-color:#fca119;
    color:white;
}

.orange:hover{
    background-color:#fcb719;
    color:white;
}

.bleu{
    background-color:#19a1fc;
    color:white;
}

.bleu:hover{
    background-color:#19b7fc;
    color:white;
}


.bandeau_info{
  width:80%;
  border-radius:6px;
}

.vert{
    background-color:#00AA00;
    color:white;
}

.vert:hover{
    background-color:#00CC00;
    color:white;
}

.danger{
    background-color:#AA0000;
    color:white;
}

.danger:hover{
    background-color:#CC0000;
    color:white;
}

.img_graph
{
    width:250px;
}

.conteneur-carte
{
    display: inline-block;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    width: 190px;
    height: 280px;
    padding-top:10px;
    padding-bottom:5px;
    margin-top:5px;
}

.top-carte
{
    border-style:solid;
    border-width:2px;
    border-color:red;
    text-align:left;
    margin-bottom:5px;
}

.aff-carte
{
    margin-top:5px;
}

.slideInLeft {
  animation-name: slideInLeft;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  }

@keyframes slideInLeft {
  0% {
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  transform: translateX(0);
  }
  }

.slideInRight {
  animation-name: slideInRight;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  overflow-y:hidden;

  }

@keyframes slideInRight {
  0% {
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  transform: translateX(0);
  }
  }

.fadeOutLeft {
  animation-name: fadeOutLeft;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  }

@keyframes fadeOutLeft {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  }
  }

.fadeOutRight {
  animation-name: fadeOutRight;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  }

@keyframes fadeOutRight {
  0% {
  opacity: 1;
  }
  100% {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  }
  }

#cache_invisible{
    border-line:#11ffee00;
    opacity:0%;
    background-color:#11ffee00;
    color:none;
}
.menu, .menu ul {
    padding:0;
    margin:0;
    list-style:none;
    z-index:10000;
}

.menu li {
    display:inline-block;
    background-color:#5b798b;
    color:#e9edf1;
    font-weight:bold;
    border:1px solid black;

}

.menu li:last-child {
    display:inline-block;
    background-color:transparent;
    color:transparent;
    border:transparent;
    border-radius:3px;
}
.menu li ul li:hover{
    background-color: #e9edf1;
    cursor:hand;
}

.menu ul li {
    display:inherit;

}
.menu ul {
    position:absolute;
    left:-999em;
}
.menu li:hover ul {
    left:auto;
}

#header_menu td:last-child{
     width:100%
}

#header_menu a{
  color:#e9edf1;
}

#header_menu a:hover{
  color:black;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  bottom: -1px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.bloc_opa {
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.changelog {
  margin-top:1%;
  position:fixed  ;
  z-index: 1000000;
  background-color: #e9edf1;
  width:80%;
  height:80%;
  margin-right:10%;
  margin-left:10%;
  display:none;
  border:solid 5px #5b798b;
  border-radius: 10px;
}

.droite{
  position:absolute;
  z-index: 1000001;
  top:0.5%;
  right:1.5%;
  display:none;
}


.bouton_categorie {
     background-image: url('https://www.counterspell.fr/img/img_ff/bouton_categorie.png');
     /*background-size: 100px 130px;*/
}

.suggest_2018{
    position:relative;
    background-color:#e9edf1;
    height:20px;
    min-width:500px;
    max-width: 750px;
    border-radius : 10px;
    border : 2px #5b798b solid;
    margin-top:2px;
    opacity:0.8;
    z-index:40000;
    font-weight:bold;
    font-size:18px;
    text-align: center;
}

.suggest_2018:hover{
    background-color:white;
}

.cs_tableau_espace {
   border-spacing: 50px 0px;
 }



 .bouton_page{
   background: linear-gradient(#5b798b, #e9edf1 10%, #5b798b);
   border: solid 2px black;
   width:30px;
   transition: background 0.2s;
   margin:0;
   display: inline-block;
   border-right-width: 0px;
   border-left-width: 0px;
 }

 .bouton_page:first-child{
   border-left-width: 2px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }

 .bouton_page:last-of-type{
   border-right-width: 2px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px; }

 .bouton_page_valide{
   background: linear-gradient(#5b798b, #e9edf1 90%,  #5b798b);
   font-weight: bold;
 }

 .bouton_page:hover{
   background: linear-gradient(#5b798b, #e9edf1 90%,  #5b798b);
   font-weight: bold;
   cursor: pointer;
 }

 .container_page{
      text-align: center;
 }

 .container_onglet{
   margin-top: 5px;
   margin-bottom: 3px;
   margin-left: auto;
   margin-right: auto;
   width:60%;
   height:32px;
 }

 .onglet_accueil{
   box-sizing: border-box;
   border-top : 2px solid #BBBBBB;
   border-bottom : 2px solid #BBBBBB;
   background: linear-gradient(#5b798b 50%, #e9edf1);
   color: #BBBBBB;
   position: relative;
   display: inline-block;
   height:100%;
   width:32%;
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   font-family: sans-serif;
   font-size: 20px;
   z-index:2;
   transition: 0.4s;
 }


 .onglet_accueil:first-of-type{
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
   border-left : 2px solid #BBBBBB;
   border-right-width: 0px;
 }

 .onglet_accueil:last-of-type{
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-left-width: 0px;
   border-right : 2px solid #BBBBBB;
 }

 .onglet_accueil:hover{
   opacity:1;
   cursor: pointer;
   color: white;
   border-color: white;
 }

 .onglet_accueil_valide{
   border-color: white;
   color: white;
   opacity: 1;
   text-shadow: 0px 0px 12px #e9edf1;
 }

 .loading_cs{
   width:13px;
   height:13px;
   display: inline-block;
   vertical-align: middle;
   position:relative;
 }

 .loading_cs_xl{
   width:55px;
   height:55px;
   display: inline-block;
   vertical-align: middle;
   position:relative;
 }

 .loading_cs_quart_xl{
   border-radius: 50%;
   border: 6px solid rgba(0,0,0,0.4);
 }

 .loading_cs_quart_xl:after{
   content:'';
   position: absolute;
   top: -6px;
   left: -6px;
   right: -6px;
   bottom: -6px;
   width:55px;
   height:55px;
   border-radius: 50%;
   border: 6px solid transparent;
   border-top-color:black;
   animation : cercle_tourne 0.33s linear infinite
 }

 .loading_cs_quart{
   border-radius: 50%;
   border: 3px solid rgba(0,0,0,0.4);
 }

 .loading_cs_quart:after{
   content:'';
   position: absolute;
   top: -3px;
   left: -3px;
   right: -3px;
   bottom: -3px;
   width:13px;
   height:13px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color:black;
   animation : cercle_tourne 1s linear infinite
 }

 @keyframes cercle_tourne {
   0%{transform:rotate(0deg);}
   100%{transform:rotate(360deg);}
 }

.bouton_header{
  background-color: #e9edf1;
  height:50px;
  width:50px;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
  overflow-x: hidden;
  display: inline-block;
  margin-right:10px;
  float:left;
}

#bouton_header_panier{
    width:100px;
    border-radius: 33%;
}


.bouton_header_prix{
  height:50px;
  width:50px;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
  overflow-x: hidden;
  display: inline-block;
  margin-right:10px;
  float:left;
  cursor: pointer;
}

.bouton_header_vente{
  background-color: #218838;
}

.bouton_header_rachat{
  background-color: #dc3545;
}

.bouton_header_rachat:hover{
  background-color: #218838;
}

.bouton_header_vente:hover{
  background-color: #dc3545;
}

.bouton_header_prix:hover .bouton_header_vente_contenu{
  transform: translateX(-48px);
}

.bouton_header_prix:hover .bouton_header_rachat_contenu{
  transform: translateX(0px);
}

.bouton_header_rachat_contenu{
  transition: transform 0.3s;
  position:relative;
  top:20%;
  width:100px;
  text-align: center;
  transform: translateX(-48px);
}

.bouton_header_vente_contenu{
  transition: transform 0.3s;
  position:relative;
  top:20%;
  width:100px;
  text-align: center;
}

.bouton_header:hover{
  background-color: white;
  cursor: pointer;
  box-shadow: #e9edf1 0px 0px 20px;
}

.bouton_header:hover .bouton_header_contenu{
  transform: translateX(-48px);
}

.bouton_header_xs{
  background-color: #e9edf1;
  height:24px;
  width:24px;
  border: 2px solid black;
  border-radius: 50%;
  text-align: center;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
  vertical-align: middle;
  overflow-x: hidden;
  display: inline-block;
  margin-right:10px;
}

.bouton_header_xs:hover{
  background-color: white;
  cursor: pointer;
  box-shadow: #e9edf1 0px 0px 20px;
}

.bouton_header_xs_contenu{
  vertical-align: middle;
  position:relative;
  top:20%;
  text-align: center;
}

.bouton_header_contenu{
  transition: transform 0.3s;
  position:relative;
  top:20%;
  width:100px;
  text-align: center;
}


.bouton_header_tableau td{
    font-size: 10px;
    font-weight:bold;
    font-family: sans-serif;
    font-stretch:ultra-condensed;
    min-width:45px;
    text-align:center;
}

.conteneur_header_choixjeux{
  vertical-align:top;
  position:relative;
  left:140px;
  top:4px;
  overflow-y:visible;
  display:inline-block;
}

#form_rech{
  width:670px;
}

.formulaire_recherche{
  height:48px;
  width:580px;
  font-size: 42px;
  font-weight: bold;
}

.formulaire_recherche:placeholder-shown{
  font-weight:bold;
  font-size: 15px;
}

.formulaire_recherche::placeholder{
  color:rgba(0,0,0,0.4);
}

.choixjeux{
  position:relative;
  height:48px;
  width:170px;
  overflow: hidden;
}

.jeux1{
  transition: transform 0.5s;
}

.jeux1:hover{
transform: translateY(-28px);
cursor: pointer;
}

.jeux2{
  transition: transform 0.5s;
  transform: translateY(-48px);
}

.jeux2:hover{
  transform: translateY(-20px);
  cursor: pointer;
}

@media screen and (max-width: 1675px) {
  .formulaire_recherche{
    height:48px;
    width:320px;
    font-size: 36px;
    font-weight: bold;
  }

  #form_rech{
    width:400px;
  }

  .conteneur_header_choixjeux{
    vertical-align:top;
    top:4px;
    left:0px;
    overflow-y:visible;
    display:inline-block;
  }
}

@media screen and (max-width: 1200px) {
  .formulaire_recherche{
    height:48px;
    width:200px;
    font-size: 30px;
    font-weight: bold;
  }

  #form_rech{
    width:280px;
  }

  .conteneur_header_choixjeux{
    vertical-align:top;
    top:4px;
    left:0px;
    overflow-y:visible;
    display:inline-block;
  }

  .choixjeux{
    position:relative;
    height:48px;
    width:85px;
    overflow: hidden;
  }
}


.stock{
  position:absolute;
  width:62px;
  height:40px;
  font-size: 0.6em;
  font-weight: 700;
  margin-top:85px;
  margin-left:17px;
  border : 1px solid black;
  box-shadow: 2px 2px 15px white;
  border-radius: 6px;
  opacity:2;
}

.stock_niet{
  background-color: #FF0000;
  content : 'Pas disponible';
}

.stock_ailleurs{
  background-color: orange;
  content : 'Disponible sous 3 à 15 jours';
}

.stock_dispo{
  background-color: green;
  content : 'En stock';
}

.stock_autre_ed{
  background-color: #66CC66;
  content : 'Dispo en autre édition';
}

.carre_info{
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    height:170px;
    width:170px;
    border: solid 1px black;
    border-radius:5px;
}

.carre_info input{
  height:32px;
  width:130px;
  font-size:16px;
  margin-top:5px;
}

.caracs{
  float : left;
  border : solid 0.5px black;
  border-radius : 15%;
  height:35px;
  width:40px;
  margin: 3px;
  box-sizing:border-box;
  font-weight:bold;
  font-family:Arial;
  text-align:center;
  vertical-align:middle;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: 0px 0px 5px black;
}

.caracs_contenu{
  transition: all 0.3s ease;
  position:absolute;
  top:-2px;
  left:0px;
}

.caracs_contenu:hover{
    transform: translate(-45px);
}

.caracs_contenu table{
  font-weight:bolder;
  font-stretch:ultra-condensed;
  font-size:12px;
}

.caracs_contenu tr{
  height:33px;
}

.caracs_contenu td{
  padding:0px;
  width:34px;
  min-width:34px;
  max-width:34px;
  text-align:center;
  height:33px;
  min-height:33px;
  max-height:33px;
  border-right:10px solid rgba(0,0,0,0);
}

.caracs_ext td{
  font-size:8px;
  font-weight:bold;
}

.img_carte_stock{
  position:relative;
}


  .surstock1{
    z-index:19;
    top:-10px;
    left:6px;
    position:absolute;
  }
  .surstock2{
    z-index:18;
    top:-20px;
    left:12px;
    position:absolute;
  }
  .surstock3{
    z-index:17;
    top:-30px;
    left:18px;
    position:absolute;
  }
  .surstock4{
    z-index:16;
    top:-40px;
    left:24px;
    position:absolute;
  }
  .surstock5{
    z-index:15;
    top:-40px;
    left:30px;
    position:absolute;
  }
  .surstock6{
    z-index:14;
    top:-40px;
    left:36px;
    position:absolute;
  }
  .surstock7{
    z-index:13;
    top:-40px;
    left:42px;
    position:absolute;
  }
  .surstock8{
    z-index:12;
    top:-40px;
    left:48px;
    position:absolute;
  }
  .surstock9{
    z-index:11;
    top:-40px;
    left:54px;
    position:absolute;
  }
  .surstock10{
    z-index:10;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock11{
    z-index:9;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock12{
    z-index:8;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock13{
    z-index:7;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock14{
    z-index:6;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock15{
    z-index:5;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock16{
    z-index:4;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock17{
    z-index:3;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock18{
    z-index:2;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock19{
    z-index:1;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock20{
    z-index:0;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock21{
    z-index:-1;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock22{
    z-index:-2;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock23{
    z-index:-3;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock24{
    z-index:-4;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock25{
    z-index:-5;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock26{
    z-index:-6;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock27{
    z-index:-7;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock28{
    z-index:-8;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock29{
    z-index:-9;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock30{
    z-index:-10;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock31{
    z-index:-11;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock32{
    z-index:-12;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock33{
    z-index:-13;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock34{
    z-index:-14;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock35{
    z-index:-15;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock36{
    z-index:-16;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock37{
    z-index:-17;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock38{
    z-index:-18;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock39{
    z-index:-19;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock40{
    z-index:-20;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock41{
    z-index:-21;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock42{
    z-index:-22;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock43{
    z-index:-23;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock44{
    z-index:-24;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock45{
    z-index:-25;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock46{
    z-index:-26;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock47{
    z-index:-27;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock48{
    z-index:-28;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock49{
    z-index:-29;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock50{
    z-index:-30;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock51{
    z-index:-31;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock52{
    z-index:-32;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock53{
    z-index:-33;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock54{
    z-index:-34;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock55{
    z-index:-35;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock56{
    z-index:-36;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock57{
    z-index:-37;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock58{
    z-index:-38;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock59{
    z-index:-39;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock60{
    z-index:-40;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock61{
    z-index:-41;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock62{
    z-index:-42;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock63{
    z-index:-43;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock64{
    z-index:-44;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock65{
    z-index:-45;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock66{
    z-index:-46;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock67{
    z-index:-47;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock68{
    z-index:-48;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock69{
    z-index:-49;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock70{
    z-index:-50;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock71{
    z-index:-51;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock72{
    z-index:-52;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock73{
    z-index:-53;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock74{
    z-index:-54;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock75{
    z-index:-55;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock76{
    z-index:-56;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock77{
    z-index:-57;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock78{
    z-index:-58;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock79{
    z-index:-59;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock80{
    z-index:-60;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock81{
    z-index:-61;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock82{
    z-index:-62;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock83{
    z-index:-63;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock84{
    z-index:-64;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock85{
    z-index:-65;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock86{
    z-index:-66;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock87{
    z-index:-67;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock88{
    z-index:-68;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock89{
    z-index:-69;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock90{
    z-index:-70;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock91{
    z-index:-71;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock92{
    z-index:-72;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock93{
    z-index:-73;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock94{
    z-index:-74;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock95{
    z-index:-75;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock96{
    z-index:-76;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock97{
    z-index:-77;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock98{
    z-index:-78;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock99{
    z-index:-79;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock100{
    z-index:-80;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock101{
    z-index:-81;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock102{
    z-index:-82;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock103{
    z-index:-83;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock104{
    z-index:-84;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock105{
    z-index:-85;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock106{
    z-index:-86;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock107{
    z-index:-87;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock108{
    z-index:-88;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock109{
    z-index:-89;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock110{
    z-index:-90;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock111{
    z-index:-91;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock112{
    z-index:-92;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock113{
    z-index:-93;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock114{
    z-index:-94;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock115{
    z-index:-95;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock116{
    z-index:-96;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock117{
    z-index:-97;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock118{
    z-index:-98;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock119{
    z-index:-99;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock120{
    z-index:-100;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock121{
    z-index:-101;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock122{
    z-index:-102;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock123{
    z-index:-103;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock124{
    z-index:-104;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock125{
    z-index:-105;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock126{
    z-index:-106;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock127{
    z-index:-107;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock128{
    z-index:-108;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock129{
    z-index:-109;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock130{
    z-index:-110;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock131{
    z-index:-111;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock132{
    z-index:-112;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock133{
    z-index:-113;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock134{
    z-index:-114;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock135{
    z-index:-115;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock136{
    z-index:-116;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock137{
    z-index:-117;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock138{
    z-index:-118;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock139{
    z-index:-119;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock140{
    z-index:-120;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock141{
    z-index:-121;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock142{
    z-index:-122;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock143{
    z-index:-123;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock144{
    z-index:-124;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock145{
    z-index:-125;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock146{
    z-index:-126;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock147{
    z-index:-127;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock148{
    z-index:-128;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock149{
    z-index:-129;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock150{
    z-index:-130;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock151{
    z-index:-131;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock152{
    z-index:-132;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock153{
    z-index:-133;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock154{
    z-index:-134;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock155{
    z-index:-135;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock156{
    z-index:-136;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock157{
    z-index:-137;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock158{
    z-index:-138;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock159{
    z-index:-139;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock160{
    z-index:-140;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock161{
    z-index:-141;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock162{
    z-index:-142;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock163{
    z-index:-143;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock164{
    z-index:-144;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock165{
    z-index:-145;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock166{
    z-index:-146;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock167{
    z-index:-147;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock168{
    z-index:-148;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock169{
    z-index:-149;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock170{
    z-index:-150;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock171{
    z-index:-151;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock172{
    z-index:-152;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock173{
    z-index:-153;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock174{
    z-index:-154;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock175{
    z-index:-155;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock176{
    z-index:-156;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock177{
    z-index:-157;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock178{
    z-index:-158;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock179{
    z-index:-159;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock180{
    z-index:-160;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock181{
    z-index:-161;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock182{
    z-index:-162;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock183{
    z-index:-163;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock184{
    z-index:-164;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock185{
    z-index:-165;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock186{
    z-index:-166;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock187{
    z-index:-167;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock188{
    z-index:-168;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock189{
    z-index:-169;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock190{
    z-index:-170;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock191{
    z-index:-171;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock192{
    z-index:-172;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock193{
    z-index:-173;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock194{
    z-index:-174;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock195{
    z-index:-175;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock196{
    z-index:-176;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock197{
    z-index:-177;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock198{
    z-index:-178;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock199{
    z-index:-179;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock200{
    z-index:-180;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock201{
    z-index:-181;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock202{
    z-index:-182;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock203{
    z-index:-183;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock204{
    z-index:-184;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock205{
    z-index:-185;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock206{
    z-index:-186;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock207{
    z-index:-187;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock208{
    z-index:-188;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock209{
    z-index:-189;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock210{
    z-index:-190;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock211{
    z-index:-191;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock212{
    z-index:-192;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock213{
    z-index:-193;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock214{
    z-index:-194;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock215{
    z-index:-195;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock216{
    z-index:-196;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock217{
    z-index:-197;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock218{
    z-index:-198;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock219{
    z-index:-199;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock220{
    z-index:-200;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock221{
    z-index:-201;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock222{
    z-index:-202;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock223{
    z-index:-203;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock224{
    z-index:-204;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock225{
    z-index:-205;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock226{
    z-index:-206;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock227{
    z-index:-207;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock228{
    z-index:-208;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock229{
    z-index:-209;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock230{
    z-index:-210;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock231{
    z-index:-211;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock232{
    z-index:-212;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock233{
    z-index:-213;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock234{
    z-index:-214;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock235{
    z-index:-215;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock236{
    z-index:-216;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock237{
    z-index:-217;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock238{
    z-index:-218;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock239{
    z-index:-219;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock240{
    z-index:-220;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock241{
    z-index:-221;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock242{
    z-index:-222;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock243{
    z-index:-223;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock244{
    z-index:-224;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock245{
    z-index:-225;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock246{
    z-index:-226;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock247{
    z-index:-227;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock248{
    z-index:-228;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock249{
    z-index:-229;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock250{
    z-index:-230;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock251{
    z-index:-231;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock252{
    z-index:-232;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock253{
    z-index:-233;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock254{
    z-index:-234;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock255{
    z-index:-235;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock256{
    z-index:-236;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock257{
    z-index:-237;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock258{
    z-index:-238;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock259{
    z-index:-239;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock260{
    z-index:-240;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock261{
    z-index:-241;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock262{
    z-index:-242;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock263{
    z-index:-243;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock264{
    z-index:-244;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock265{
    z-index:-245;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock266{
    z-index:-246;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock267{
    z-index:-247;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock268{
    z-index:-248;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock269{
    z-index:-249;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock270{
    z-index:-250;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock271{
    z-index:-251;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock272{
    z-index:-252;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock273{
    z-index:-253;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock274{
    z-index:-254;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock275{
    z-index:-255;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock276{
    z-index:-256;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock277{
    z-index:-257;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock278{
    z-index:-258;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock279{
    z-index:-259;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock280{
    z-index:-260;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock281{
    z-index:-261;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock282{
    z-index:-262;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock283{
    z-index:-263;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock284{
    z-index:-264;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock285{
    z-index:-265;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock286{
    z-index:-266;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock287{
    z-index:-267;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock288{
    z-index:-268;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock289{
    z-index:-269;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock290{
    z-index:-270;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock291{
    z-index:-271;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock292{
    z-index:-272;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock293{
    z-index:-273;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock294{
    z-index:-274;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock295{
    z-index:-275;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock296{
    z-index:-276;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock297{
    z-index:-277;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock298{
    z-index:-278;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock299{
    z-index:-279;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock300{
    z-index:-280;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock301{
    z-index:-281;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock302{
    z-index:-282;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock303{
    z-index:-283;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock304{
    z-index:-284;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock305{
    z-index:-285;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock306{
    z-index:-286;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock307{
    z-index:-287;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock308{
    z-index:-288;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock309{
    z-index:-289;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock310{
    z-index:-290;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock311{
    z-index:-291;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock312{
    z-index:-292;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock313{
    z-index:-293;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock314{
    z-index:-294;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock315{
    z-index:-295;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock316{
    z-index:-296;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock317{
    z-index:-297;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock318{
    z-index:-298;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock319{
    z-index:-299;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock320{
    z-index:-300;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock321{
    z-index:-301;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock322{
    z-index:-302;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock323{
    z-index:-303;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock324{
    z-index:-304;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock325{
    z-index:-305;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock326{
    z-index:-306;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock327{
    z-index:-307;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock328{
    z-index:-308;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock329{
    z-index:-309;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock330{
    z-index:-310;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock331{
    z-index:-311;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock332{
    z-index:-312;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock333{
    z-index:-313;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock334{
    z-index:-314;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock335{
    z-index:-315;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock336{
    z-index:-316;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock337{
    z-index:-317;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock338{
    z-index:-318;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock339{
    z-index:-319;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock340{
    z-index:-320;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock341{
    z-index:-321;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock342{
    z-index:-322;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock343{
    z-index:-323;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock344{
    z-index:-324;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock345{
    z-index:-325;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock346{
    z-index:-326;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock347{
    z-index:-327;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock348{
    z-index:-328;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock349{
    z-index:-329;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock350{
    z-index:-330;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock351{
    z-index:-331;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock352{
    z-index:-332;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock353{
    z-index:-333;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock354{
    z-index:-334;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock355{
    z-index:-335;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock356{
    z-index:-336;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock357{
    z-index:-337;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock358{
    z-index:-338;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock359{
    z-index:-339;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock360{
    z-index:-340;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock361{
    z-index:-341;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock362{
    z-index:-342;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock363{
    z-index:-343;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock364{
    z-index:-344;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock365{
    z-index:-345;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock366{
    z-index:-346;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock367{
    z-index:-347;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock368{
    z-index:-348;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock369{
    z-index:-349;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock370{
    z-index:-350;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock371{
    z-index:-351;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock372{
    z-index:-352;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock373{
    z-index:-353;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock374{
    z-index:-354;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock375{
    z-index:-355;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock376{
    z-index:-356;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock377{
    z-index:-357;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock378{
    z-index:-358;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock379{
    z-index:-359;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock380{
    z-index:-360;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock381{
    z-index:-361;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock382{
    z-index:-362;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock383{
    z-index:-363;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock384{
    z-index:-364;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock385{
    z-index:-365;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock386{
    z-index:-366;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock387{
    z-index:-367;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock388{
    z-index:-368;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock389{
    z-index:-369;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock390{
    z-index:-370;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock391{
    z-index:-371;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock392{
    z-index:-372;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock393{
    z-index:-373;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock394{
    z-index:-374;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock395{
    z-index:-375;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock396{
    z-index:-376;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock397{
    z-index:-377;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock398{
    z-index:-378;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock399{
    z-index:-379;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock400{
    z-index:-380;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock401{
    z-index:-381;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock402{
    z-index:-382;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock403{
    z-index:-383;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock404{
    z-index:-384;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock405{
    z-index:-385;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock406{
    z-index:-386;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock407{
    z-index:-387;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock408{
    z-index:-388;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock409{
    z-index:-389;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock410{
    z-index:-390;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock411{
    z-index:-391;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock412{
    z-index:-392;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock413{
    z-index:-393;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock414{
    z-index:-394;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock415{
    z-index:-395;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock416{
    z-index:-396;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock417{
    z-index:-397;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock418{
    z-index:-398;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock419{
    z-index:-399;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock420{
    z-index:-400;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock421{
    z-index:-401;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock422{
    z-index:-402;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock423{
    z-index:-403;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock424{
    z-index:-404;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock425{
    z-index:-405;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock426{
    z-index:-406;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock427{
    z-index:-407;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock428{
    z-index:-408;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock429{
    z-index:-409;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock430{
    z-index:-410;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock431{
    z-index:-411;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock432{
    z-index:-412;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock433{
    z-index:-413;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock434{
    z-index:-414;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock435{
    z-index:-415;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock436{
    z-index:-416;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock437{
    z-index:-417;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock438{
    z-index:-418;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock439{
    z-index:-419;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock440{
    z-index:-420;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock441{
    z-index:-421;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock442{
    z-index:-422;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock443{
    z-index:-423;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock444{
    z-index:-424;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock445{
    z-index:-425;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock446{
    z-index:-426;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock447{
    z-index:-427;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock448{
    z-index:-428;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock449{
    z-index:-429;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock450{
    z-index:-430;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock451{
    z-index:-431;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock452{
    z-index:-432;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock453{
    z-index:-433;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock454{
    z-index:-434;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock455{
    z-index:-435;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock456{
    z-index:-436;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock457{
    z-index:-437;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock458{
    z-index:-438;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock459{
    z-index:-439;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock460{
    z-index:-440;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock461{
    z-index:-441;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock462{
    z-index:-442;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock463{
    z-index:-443;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock464{
    z-index:-444;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock465{
    z-index:-445;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock466{
    z-index:-446;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock467{
    z-index:-447;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock468{
    z-index:-448;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock469{
    z-index:-449;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock470{
    z-index:-450;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock471{
    z-index:-451;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock472{
    z-index:-452;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock473{
    z-index:-453;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock474{
    z-index:-454;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock475{
    z-index:-455;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock476{
    z-index:-456;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock477{
    z-index:-457;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock478{
    z-index:-458;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock479{
    z-index:-459;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock480{
    z-index:-460;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock481{
    z-index:-461;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock482{
    z-index:-462;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock483{
    z-index:-463;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock484{
    z-index:-464;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock485{
    z-index:-465;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock486{
    z-index:-466;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock487{
    z-index:-467;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock488{
    z-index:-468;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock489{
    z-index:-469;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock490{
    z-index:-470;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock491{
    z-index:-471;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock492{
    z-index:-472;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock493{
    z-index:-473;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock494{
    z-index:-474;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock495{
    z-index:-475;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock496{
    z-index:-476;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock497{
    z-index:-477;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock498{
    z-index:-478;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock499{
    z-index:-479;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock500{
    z-index:-480;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock501{
    z-index:-481;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock502{
    z-index:-482;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock503{
    z-index:-483;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock504{
    z-index:-484;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock505{
    z-index:-485;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock506{
    z-index:-486;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock507{
    z-index:-487;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock508{
    z-index:-488;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock509{
    z-index:-489;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock510{
    z-index:-490;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock511{
    z-index:-491;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock512{
    z-index:-492;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock513{
    z-index:-493;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock514{
    z-index:-494;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock515{
    z-index:-495;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock516{
    z-index:-496;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock517{
    z-index:-497;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock518{
    z-index:-498;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock519{
    z-index:-499;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock520{
    z-index:-500;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock521{
    z-index:-501;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock522{
    z-index:-502;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock523{
    z-index:-503;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock524{
    z-index:-504;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock525{
    z-index:-505;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock526{
    z-index:-506;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock527{
    z-index:-507;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock528{
    z-index:-508;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock529{
    z-index:-509;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock530{
    z-index:-510;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock531{
    z-index:-511;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock532{
    z-index:-512;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock533{
    z-index:-513;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock534{
    z-index:-514;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock535{
    z-index:-515;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock536{
    z-index:-516;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock537{
    z-index:-517;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock538{
    z-index:-518;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock539{
    z-index:-519;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock540{
    z-index:-520;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock541{
    z-index:-521;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock542{
    z-index:-522;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock543{
    z-index:-523;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock544{
    z-index:-524;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock545{
    z-index:-525;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock546{
    z-index:-526;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock547{
    z-index:-527;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock548{
    z-index:-528;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock549{
    z-index:-529;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock550{
    z-index:-530;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock551{
    z-index:-531;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock552{
    z-index:-532;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock553{
    z-index:-533;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock554{
    z-index:-534;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock555{
    z-index:-535;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock556{
    z-index:-536;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock557{
    z-index:-537;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock558{
    z-index:-538;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock559{
    z-index:-539;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock560{
    z-index:-540;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock561{
    z-index:-541;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock562{
    z-index:-542;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock563{
    z-index:-543;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock564{
    z-index:-544;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock565{
    z-index:-545;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock566{
    z-index:-546;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock567{
    z-index:-547;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock568{
    z-index:-548;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock569{
    z-index:-549;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock570{
    z-index:-550;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock571{
    z-index:-551;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock572{
    z-index:-552;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock573{
    z-index:-553;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock574{
    z-index:-554;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock575{
    z-index:-555;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock576{
    z-index:-556;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock577{
    z-index:-557;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock578{
    z-index:-558;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock579{
    z-index:-559;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock580{
    z-index:-560;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock581{
    z-index:-561;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock582{
    z-index:-562;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock583{
    z-index:-563;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock584{
    z-index:-564;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock585{
    z-index:-565;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock586{
    z-index:-566;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock587{
    z-index:-567;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock588{
    z-index:-568;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock589{
    z-index:-569;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock590{
    z-index:-570;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock591{
    z-index:-571;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock592{
    z-index:-572;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock593{
    z-index:-573;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock594{
    z-index:-574;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock595{
    z-index:-575;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock596{
    z-index:-576;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock597{
    z-index:-577;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock598{
    z-index:-578;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock599{
    z-index:-579;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock600{
    z-index:-580;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock601{
    z-index:-581;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock602{
    z-index:-582;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock603{
    z-index:-583;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock604{
    z-index:-584;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock605{
    z-index:-585;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock606{
    z-index:-586;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock607{
    z-index:-587;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock608{
    z-index:-588;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock609{
    z-index:-589;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock610{
    z-index:-590;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock611{
    z-index:-591;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock612{
    z-index:-592;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock613{
    z-index:-593;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock614{
    z-index:-594;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock615{
    z-index:-595;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock616{
    z-index:-596;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock617{
    z-index:-597;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock618{
    z-index:-598;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock619{
    z-index:-599;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock620{
    z-index:-600;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock621{
    z-index:-601;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock622{
    z-index:-602;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock623{
    z-index:-603;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock624{
    z-index:-604;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock625{
    z-index:-605;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock626{
    z-index:-606;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock627{
    z-index:-607;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock628{
    z-index:-608;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock629{
    z-index:-609;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock630{
    z-index:-610;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock631{
    z-index:-611;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock632{
    z-index:-612;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock633{
    z-index:-613;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock634{
    z-index:-614;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock635{
    z-index:-615;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock636{
    z-index:-616;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock637{
    z-index:-617;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock638{
    z-index:-618;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock639{
    z-index:-619;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock640{
    z-index:-620;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock641{
    z-index:-621;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock642{
    z-index:-622;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock643{
    z-index:-623;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock644{
    z-index:-624;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock645{
    z-index:-625;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock646{
    z-index:-626;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock647{
    z-index:-627;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock648{
    z-index:-628;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock649{
    z-index:-629;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock650{
    z-index:-630;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock651{
    z-index:-631;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock652{
    z-index:-632;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock653{
    z-index:-633;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock654{
    z-index:-634;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock655{
    z-index:-635;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock656{
    z-index:-636;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock657{
    z-index:-637;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock658{
    z-index:-638;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock659{
    z-index:-639;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock660{
    z-index:-640;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock661{
    z-index:-641;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock662{
    z-index:-642;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock663{
    z-index:-643;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock664{
    z-index:-644;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock665{
    z-index:-645;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock666{
    z-index:-646;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock667{
    z-index:-647;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock668{
    z-index:-648;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock669{
    z-index:-649;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock670{
    z-index:-650;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock671{
    z-index:-651;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock672{
    z-index:-652;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock673{
    z-index:-653;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock674{
    z-index:-654;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock675{
    z-index:-655;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock676{
    z-index:-656;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock677{
    z-index:-657;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock678{
    z-index:-658;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock679{
    z-index:-659;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock680{
    z-index:-660;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock681{
    z-index:-661;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock682{
    z-index:-662;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock683{
    z-index:-663;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock684{
    z-index:-664;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock685{
    z-index:-665;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock686{
    z-index:-666;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock687{
    z-index:-667;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock688{
    z-index:-668;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock689{
    z-index:-669;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock690{
    z-index:-670;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock691{
    z-index:-671;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock692{
    z-index:-672;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock693{
    z-index:-673;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock694{
    z-index:-674;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock695{
    z-index:-675;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock696{
    z-index:-676;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock697{
    z-index:-677;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock698{
    z-index:-678;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock699{
    z-index:-679;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock700{
    z-index:-680;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock701{
    z-index:-681;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock702{
    z-index:-682;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock703{
    z-index:-683;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock704{
    z-index:-684;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock705{
    z-index:-685;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock706{
    z-index:-686;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock707{
    z-index:-687;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock708{
    z-index:-688;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock709{
    z-index:-689;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock710{
    z-index:-690;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock711{
    z-index:-691;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock712{
    z-index:-692;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock713{
    z-index:-693;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock714{
    z-index:-694;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock715{
    z-index:-695;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock716{
    z-index:-696;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock717{
    z-index:-697;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock718{
    z-index:-698;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock719{
    z-index:-699;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock720{
    z-index:-700;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock721{
    z-index:-701;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock722{
    z-index:-702;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock723{
    z-index:-703;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock724{
    z-index:-704;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock725{
    z-index:-705;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock726{
    z-index:-706;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock727{
    z-index:-707;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock728{
    z-index:-708;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock729{
    z-index:-709;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock730{
    z-index:-710;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock731{
    z-index:-711;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock732{
    z-index:-712;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock733{
    z-index:-713;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock734{
    z-index:-714;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock735{
    z-index:-715;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock736{
    z-index:-716;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock737{
    z-index:-717;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock738{
    z-index:-718;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock739{
    z-index:-719;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock740{
    z-index:-720;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock741{
    z-index:-721;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock742{
    z-index:-722;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock743{
    z-index:-723;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock744{
    z-index:-724;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock745{
    z-index:-725;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock746{
    z-index:-726;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock747{
    z-index:-727;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock748{
    z-index:-728;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock749{
    z-index:-729;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock750{
    z-index:-730;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock751{
    z-index:-731;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock752{
    z-index:-732;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock753{
    z-index:-733;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock754{
    z-index:-734;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock755{
    z-index:-735;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock756{
    z-index:-736;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock757{
    z-index:-737;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock758{
    z-index:-738;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock759{
    z-index:-739;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock760{
    z-index:-740;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock761{
    z-index:-741;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock762{
    z-index:-742;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock763{
    z-index:-743;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock764{
    z-index:-744;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock765{
    z-index:-745;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock766{
    z-index:-746;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock767{
    z-index:-747;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock768{
    z-index:-748;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock769{
    z-index:-749;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock770{
    z-index:-750;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock771{
    z-index:-751;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock772{
    z-index:-752;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock773{
    z-index:-753;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock774{
    z-index:-754;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock775{
    z-index:-755;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock776{
    z-index:-756;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock777{
    z-index:-757;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock778{
    z-index:-758;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock779{
    z-index:-759;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock780{
    z-index:-760;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock781{
    z-index:-761;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock782{
    z-index:-762;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock783{
    z-index:-763;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock784{
    z-index:-764;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock785{
    z-index:-765;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock786{
    z-index:-766;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock787{
    z-index:-767;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock788{
    z-index:-768;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock789{
    z-index:-769;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock790{
    z-index:-770;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock791{
    z-index:-771;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock792{
    z-index:-772;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock793{
    z-index:-773;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock794{
    z-index:-774;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock795{
    z-index:-775;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock796{
    z-index:-776;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock797{
    z-index:-777;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock798{
    z-index:-778;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock799{
    z-index:-779;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock800{
    z-index:-780;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock801{
    z-index:-781;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock802{
    z-index:-782;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock803{
    z-index:-783;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock804{
    z-index:-784;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock805{
    z-index:-785;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock806{
    z-index:-786;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock807{
    z-index:-787;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock808{
    z-index:-788;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock809{
    z-index:-789;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock810{
    z-index:-790;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock811{
    z-index:-791;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock812{
    z-index:-792;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock813{
    z-index:-793;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock814{
    z-index:-794;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock815{
    z-index:-795;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock816{
    z-index:-796;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock817{
    z-index:-797;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock818{
    z-index:-798;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock819{
    z-index:-799;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock820{
    z-index:-800;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock821{
    z-index:-801;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock822{
    z-index:-802;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock823{
    z-index:-803;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock824{
    z-index:-804;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock825{
    z-index:-805;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock826{
    z-index:-806;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock827{
    z-index:-807;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock828{
    z-index:-808;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock829{
    z-index:-809;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock830{
    z-index:-810;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock831{
    z-index:-811;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock832{
    z-index:-812;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock833{
    z-index:-813;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock834{
    z-index:-814;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock835{
    z-index:-815;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock836{
    z-index:-816;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock837{
    z-index:-817;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock838{
    z-index:-818;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock839{
    z-index:-819;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock840{
    z-index:-820;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock841{
    z-index:-821;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock842{
    z-index:-822;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock843{
    z-index:-823;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock844{
    z-index:-824;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock845{
    z-index:-825;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock846{
    z-index:-826;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock847{
    z-index:-827;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock848{
    z-index:-828;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock849{
    z-index:-829;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock850{
    z-index:-830;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock851{
    z-index:-831;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock852{
    z-index:-832;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock853{
    z-index:-833;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock854{
    z-index:-834;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock855{
    z-index:-835;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock856{
    z-index:-836;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock857{
    z-index:-837;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock858{
    z-index:-838;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock859{
    z-index:-839;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock860{
    z-index:-840;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock861{
    z-index:-841;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock862{
    z-index:-842;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock863{
    z-index:-843;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock864{
    z-index:-844;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock865{
    z-index:-845;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock866{
    z-index:-846;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock867{
    z-index:-847;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock868{
    z-index:-848;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock869{
    z-index:-849;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock870{
    z-index:-850;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock871{
    z-index:-851;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock872{
    z-index:-852;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock873{
    z-index:-853;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock874{
    z-index:-854;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock875{
    z-index:-855;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock876{
    z-index:-856;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock877{
    z-index:-857;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock878{
    z-index:-858;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock879{
    z-index:-859;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock880{
    z-index:-860;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock881{
    z-index:-861;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock882{
    z-index:-862;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock883{
    z-index:-863;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock884{
    z-index:-864;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock885{
    z-index:-865;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock886{
    z-index:-866;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock887{
    z-index:-867;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock888{
    z-index:-868;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock889{
    z-index:-869;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock890{
    z-index:-870;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock891{
    z-index:-871;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock892{
    z-index:-872;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock893{
    z-index:-873;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock894{
    z-index:-874;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock895{
    z-index:-875;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock896{
    z-index:-876;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock897{
    z-index:-877;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock898{
    z-index:-878;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock899{
    z-index:-879;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock900{
    z-index:-880;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock901{
    z-index:-881;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock902{
    z-index:-882;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock903{
    z-index:-883;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock904{
    z-index:-884;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock905{
    z-index:-885;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock906{
    z-index:-886;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock907{
    z-index:-887;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock908{
    z-index:-888;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock909{
    z-index:-889;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock910{
    z-index:-890;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock911{
    z-index:-891;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock912{
    z-index:-892;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock913{
    z-index:-893;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock914{
    z-index:-894;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock915{
    z-index:-895;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock916{
    z-index:-896;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock917{
    z-index:-897;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock918{
    z-index:-898;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock919{
    z-index:-899;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock920{
    z-index:-900;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock921{
    z-index:-901;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock922{
    z-index:-902;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock923{
    z-index:-903;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock924{
    z-index:-904;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock925{
    z-index:-905;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock926{
    z-index:-906;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock927{
    z-index:-907;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock928{
    z-index:-908;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock929{
    z-index:-909;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock930{
    z-index:-910;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock931{
    z-index:-911;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock932{
    z-index:-912;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock933{
    z-index:-913;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock934{
    z-index:-914;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock935{
    z-index:-915;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock936{
    z-index:-916;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock937{
    z-index:-917;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock938{
    z-index:-918;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock939{
    z-index:-919;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock940{
    z-index:-920;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock941{
    z-index:-921;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock942{
    z-index:-922;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock943{
    z-index:-923;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock944{
    z-index:-924;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock945{
    z-index:-925;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock946{
    z-index:-926;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock947{
    z-index:-927;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock948{
    z-index:-928;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock949{
    z-index:-929;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock950{
    z-index:-930;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock951{
    z-index:-931;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock952{
    z-index:-932;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock953{
    z-index:-933;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock954{
    z-index:-934;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock955{
    z-index:-935;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock956{
    z-index:-936;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock957{
    z-index:-937;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock958{
    z-index:-938;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock959{
    z-index:-939;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock960{
    z-index:-940;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock961{
    z-index:-941;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock962{
    z-index:-942;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock963{
    z-index:-943;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock964{
    z-index:-944;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock965{
    z-index:-945;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock966{
    z-index:-946;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock967{
    z-index:-947;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock968{
    z-index:-948;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock969{
    z-index:-949;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock970{
    z-index:-950;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock971{
    z-index:-951;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock972{
    z-index:-952;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock973{
    z-index:-953;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock974{
    z-index:-954;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock975{
    z-index:-955;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock976{
    z-index:-956;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock977{
    z-index:-957;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock978{
    z-index:-958;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock979{
    z-index:-959;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock980{
    z-index:-960;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock981{
    z-index:-961;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock982{
    z-index:-962;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock983{
    z-index:-963;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock984{
    z-index:-964;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock985{
    z-index:-965;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock986{
    z-index:-966;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock987{
    z-index:-967;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock988{
    z-index:-968;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock989{
    z-index:-969;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock990{
    z-index:-970;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock991{
    z-index:-971;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock992{
    z-index:-972;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock993{
    z-index:-973;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock994{
    z-index:-974;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock995{
    z-index:-975;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock996{
    z-index:-976;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock997{
    z-index:-977;
    top:-40px;
    left:60px;
    position:absolute;
  }
  .surstock998{
    z-index:-978;
    top:-40px;
    left:60px;
    position:absolute;
  }
.caracs_etat{
  padding-top:7px;
  position:relative;
}

.caracs_lang{
  padding-top:1px;
  position:relative;
}

.caracs_ext{
  padding-top:1px;
  position:relative;
}

.zoom_etat{
  transform:translate(-100%,-20%) scale(8,4);
  z-index:2;
  border:0.5px solid black;
}

.conteneur_img{
  transition: all ease 0.5s;
}

.opacity_nostock{
  opacity:0.6;
}

.zoom_img{
  transform:scale(3,3);
  //left: 120px;
  z-index:2;
  box-shadow: 0px 0px 15px white;
  opacity:1;
}

.zoom_ext{
  transform:translate(-100%,-20%) scale(4,2);
  z-index:8000;
}

.etat1{
  background-color: green;
}

.etat2{
  background-color: green;
}

.etat3{
  background-color: #66CC66;
}

.etat4{
  background-color: orange;
}

.etat5{
  background-color: #FF2211;
}

.etat6{
  background-color: #CC0000;
}

.conteneur_stockcarte{
  position:relative;
  max-width:160px;
  height:60px;
  margin:0 auto;
  padding:3px 5px 13px 5px;
  box-sizing:border-box;

}

.caracs_prix{
  position:absolute;
  top:50px;
  right:10px;
  height:35px;
  width:auto;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  background-image:url('/img/label.png');
  background-size:contain;
  background-repeat:no-repeat;
  font-size:0.9em;
  font-weight:bold;
}

.conteneur_img{
  position:relative;
  margin:40px 40px 4px 40px;
}

.ligne{
  display:flex;
  justify-content:space-between;
}

.btnpanier{
  width:250px;
  margin-top : 3px;
}

.btnpanier button{
  font-size:20px;
  width:40px;
  font-weight:bolder;
  margin-left:3px;
  margin-right:3px;
  height:32px;
  vertical-align:top;
  position:relative;
  transition: all ease 0.8s;
  text-align:center;
}

.btnactive{
  background-color:#e9edf1;
}

.btninactive{
  transform:scale(0.8,0.8);
  background-color:#5b798b;
}

.btnactive:hover{
  box-sizing:border-box;
  cursor:hand;
  border: 3px ridge rgba(255,255,255,0.9);
  box-shadow: 0px 0px 15px white;
}

.barre_horiz{
  position:absolute;
  top:12px;
  left:9px;
  height:0px;
  width:14px;
  border: 2.5px solid black;
}

.barre_vert{
  position:absolute;
  top:5px;
  left:16px;
  height:14px;
  width:0px;
  border: 2.5px solid black;
}

.btnpanier .resultpanier{
  margin: 0;
  width:25px;
  border-radius:5px;
  font-size:22px;
  font-weight:bolder;
  text-align: center;
}

.black_radial{
  background-image: radial-gradient(circle at center, rgba(0,0,0,0.5) 10%, rgba(255,255,255,0.5));
}

.black_radial_inv{
  background-image: radial-gradient(circle at center, rgba(255,255,255,0.3) 10%, rgba(0,0,0,0.5));
  color:grey;
}

.white_radial_{
  background-image: radial-gradient(circle at center, rgba(255,255,255,0.6) 80%, rgba(100,100,100,0.4));
  color:black;
}

.white_radial_inv{
  background-image: radial-gradient(circle at center, rgba(100,100,100,0.4), rgba(255,255,255,0.9) 80%);
  color:black;
}

.conteneur_carte{
  margin: 8px 10px;
  width:193px;
  height: 290px;
  box-shadow: inset -15px 0px 20px rgba(0,0,0,0.5);
  box-sizing:border-box;
  border : 2px solid black;
  border-radius : 5px;
}

.bandeau_top{
  position:absolute;
  z-index:0;
  padding:0 12px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  width:189px;
  box-shadow: inset -15px 0px 20px rgba(0,0,0,0.5);
  box-sizing:border-box;
  height:24px;
  margin:auto 0;
}

.conteneur_empl{
  display:inline-block;
  width:250px;
  margin:30px
}

.titre_empl{
  font-weight:bold;
  font-size:16px;
}

.conteneur_stock{
  background-color:white;
  padding : 0;
  margin : 0;
}

.stats_carte{
  margin:0 auto;
  width:90%;
  top:0px;
  color:white;
  display:block;
  box-sizing:border-box;
  padding:0px;
}

.stats_carte ul{
  list-style:none;
  font-size:24px;
  font-weight:bold;
  width:100%;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
}

.stats_carte li{
  margin:0px;
  padding:0px;
  float:left;
  width:33.33%;
  border-top : 2px solid black;
  border-right : 3px solid black;
  box-sizing:border-box;
  text-align:center;
  box-shadow: inset -8px 6px 9px rgba(70,70,70,0.7);
  border-top-right-radius:14px;
  border-top-left-radius:14px;


}

.stats_carte li:first-child{
  border-left : 3px solid black;
}

.ongletstatactif{
  background-color:white;
  border-bottom : 3px solid white;
}

.ongletstatinactif{
  background-color:grey;
  border-bottom : 3px solid black;
  box-sizing:border-box;
  cursor:pointer;
}

.conteneur_page{
  position:relative;
}

.blanc{
  margin-top:33px;
  margin-left:5%;
  margin-right:5%;
  box-sizing:border-box;
  background-color:white;
  border:3px solid black;
  border-top:0px;
  box-shadow: inset -8px -6px 9px rgba(70,70,70,0.7);
}

.blanc_fonce{
  margin-top:33px;
  margin-left:5%;
  margin-right:5%;
  box-sizing:border-box;
  background-color:#5b798b;
  border:3px solid black;
  border-top:0px;
  box-shadow: inset -8px -6px 9px rgba(70,70,70,0.7);
}

.ombre{
  box-shadow: inset -8px 0px 8px rgba(70,70,70,0.7);
}

.contenu_onglet_carte{
  display:none;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}

#motd{
  display: inline-block;                /* modèle de boîte en ligne */
   padding-right: 2em;                   /* un peu d'espace pour la transition */
   padding-left: 100%;                   /* placement à droite du conteneur */
   white-space: nowrap;                  /* pas de passage à la ligne */
   animation: defilement-rtl 25s infinite linear;
   font-weight:bold;
   font-size:16px;
}

#motd:hover{
  animation-play-state:paused;
}

#img_card_central{
  display:block;
  text-align:center;
  margin:1px;
}

.choix_ext{
  margin: 10px auto;
  width:80%;
  min-height:50px;
  text-align:center;
}

.ext_logo{
  transition: all ease 0.5s;
}

.ext_selectionnee{
  background-color:#5b798b;;
  height:50px;
}

#prixencours{
  position:relative;
  margin-top:15px;
  margin-bottom:10px;
  display:block;
  text-align:center;
}

#langencours{
  position:absolute;
  left:65%;
  top:25%;
  width:30%;
}

#etatencours{
  position:absolute;
  left:10%;
  top:25%;
  width:25%;
}

#foilencours{
  position:absolute;
  left:10%;
  top:75%;
}

.etat_selectionne, .lang_selectionne{
  box-shadow:0px 0px 15px 12px rgba(240, 80, 0, .9);
}

#buttonOKreprise{
  position:absolute;
  left:77%;
  top:85%;
}

#buttonOKreprise button{
  height:40px;
  width:60px;
  font-size:2em;
}

.credits{
  margin-top:5px;
  border:1px solid white;
  border-radius:5px;
  background-color:#DDDDDD;
}

.credits h3{
  margin:0;
}

.credits h1{
  font-size:18px;
  tetx-align:center;
  font-weight:bold;
  margin:0;
  font-style:italic;
  text-decoration:underline;
}

.bloc_config{
  float:left;
  background-color:#DEDEDE;
  border:2px solid white;
  border-radius:5px;
  padding:3px;
  margin-right:10px;
}

.label_config{
  float:left;
  font-size:18px;
  font-weight:bold;
  font-style:italic;
  padding-right:5px;
}

.exemple_config{
  color:#0000DE;
  font-size:14px;
  font-style:italic;
  font-weight:normal;
}

.input_config{
float:right;
}

.input_config input{
  font-size:20px;
}

.explication_config{
  float:right;
  background-color:#EDEDED;
  border:2px solid white;
  border-radius:5px;
  padding:3px;
  margin-right:10px;
  max-width:49%;
}

.debug::before{
  content : 'DEBUG : ';
  font-weight:bold;
  color:black;
}

.debug{
  display:fixed;
  top:20px;
  right:0px;
  background-color:#7BB8BA;
  color:white;
}

.varname{
  color:#c25d67;
  font-weight:bold;
}

.shortcut{
  color:#DDD;
  font-weight:bold;
  font-style:italic;
}

.cs_label-file {
    float:right;
    cursor: pointer;
    font-weight: bold;
    font-size:8px;
    padding:1px 5px;
    border-radius:5px;
    border: 1px solid black;
    background:linear-gradient(#e9edf1, #5b798b);
}

.cs_label-file:hover {
    background:linear-gradient(#5b798b, #e9edf1);
    color: #25a5c4;
}

.cs_input-file {
    visibility: hidden;
    max-width:1px;
    max-height:1px;
}
