*{ padding: 0; margin: 0; box-sizing: border-box;}
body{; color: #000;font-size: 13px; font-family: 'Roboto'; position: relative;}
a{ text-decoration: none; color: #000;}
img{ border: 0 none;}
.orange{ color:#eb690a;}
.clear{ clear:both;}
.container{ max-width: 1680px; margin: 0 auto; padding: 0 2rem;}
.colG{ float: left; width: 24%; background-color: #fff; }
.contentG{ float: right; max-width: 300px; }
.colD{ float: left; width: 76%; padding-left:2%;}
.contentD{ background-color: #F6F6F6; min-height: 100px; padding: 12px 20px 40px 20px;}
input[type="text"]:disabled{background-color:#fff;}
.u_l{ text-decoration: underline}
.hidden{ display: none;}
#footer{ height: 40px;}
.aD{ text-align: right;}
.aC{ text-align: center;}
/** header **/
#headOff{ border-bottom: 12px solid #eb690a; height: 130px; background: url("../images/logo_mc.png") center center no-repeat;}
/*#header{ border-bottom: 28px solid #eb690a; height: 158px;}*/
#header{ border-bottom: 28px solid #eb690a;}
.frmOff{ width: 300px; margin: 0 auto;}
.frmOff label{ display: block; padding: 12px 0 2px 0;}
.frmOff input{ display: block; width: 100%; padding: 4px;}
.frmOff .btnOff{background-color: #eb690a; border-radius: 13px; font-weight: 700; font-size: 13px; color: #FFF; display: inline-block; padding: 6px 14px; border: 0 none; width: auto; cursor: pointer;}
.lienOff{ text-align: center; margin-top: 16px; line-height: 20px;}
.lienOff a{ color: #999; font-size: 10px; text-decoration: underline;}

.head_panier table{ float: right; font-size: 12px; cursor: pointer;margin-right: 10px;}
.head_panier .titreHP{ border-bottom: 2px solid #eb690a; text-align: center; padding-bottom: 3px; padding-top: 12px;}
.head_panier .libHP{ padding-left: 6px;}
.head_panier .valHP{ font-weight: 600; text-align: right; padding-right: 6px;}
.head_panier .sepHP{ width: 40px;}
.head_panier td{ padding-bottom: 2px;}
.head_panier .validHP{background-color: #00AA33; color: #FFF; text-align: center; padding: 2px;}
.head_panier .noValidHP{background-color: #DD0000; color: #FFF; text-align: center; padding: 2px;}

#header #header_menu{ height:28px; line-height:24px; background-color: #eb690a;}
#header #header_menu #header_menu_content{ margin:0 5px; text-align: center; }
#header #header_menu #header_menu_content ul.nav1{  display:inline-block; list-style:none;}
#header #header_menu #header_menu_content ul.nav1 li{ float:left; margin:0 12px 0 6px; padding-top: 2px; }
#header #header_menu #header_menu_content #header_menu_right{ display:inline-block; float:right; height:22px; border-left:1px solid #939594; border-top:1px solid #939594; border-bottom:1px solid #939594; background-color:#E0E0E0; padding:0 16px; font-size:14px; color:#FF681F;}
#header #header_menu a{ text-decoration:none; font-size:14px; color:#FFF; font-weight:bold; }
.btnLeft{background-color: #eb690a;
    border-radius: 12px;
    font-weight: 700;
    font-size: 13px;
    color: #FFF!important;
    display: inline-block;
    padding: 4px 16px; margin-bottom: 12px;}
#header_menu_content ul ul.ssMenu{
    position:absolute;
    display:none;
    z-index:109;
    float:right;
    list-style:none;
    background-color:#FFF;
    border: 2px solid #eb690a;
    height:auto;
    width:auto;
    zoom:1;
    padding-bottom:4px;
    margin-top:-1px;
    padding-left:14px;
    padding-top:4px;
}

#header_menu_content ul ul li{
    float: none;
    color:#FFF;
    clear:both;
    z-index:109;
    padding-right:12px;
    margin:0;
}

#header #header_menu #header_menu_content ul.ssMenu li a{ font-size:13px; color:#000; font-weight: normal;}

#header_menu_content ul li:hover > .ssMenu { display:block; }
#header_menu_content ul li.sfhover  .ssMenu { display:block; }



#fondAll{ position: absolute; width: 100%; height: 100%; background-color: #FFF; top: 0; left: 0; z-index: 30; display: none;}

/** col gauche **/
.titreG{font-size: 18px; letter-spacing: .2px; line-height: 24px; padding-bottom: 12px; padding-top: 12px;}
.ssTitreG{font-weight: 700; letter-spacing: .2px; line-height: 24px; font-size: 16px; color: #000; padding-left: 16px; padding-bottom: 5px;}
.menuG{ padding-bottom: 8px; }
.firstMenuG{ padding-left: 22px; list-style: none;}
.firstMenuG li{ padding: 4px 0;}
.firstMenuG li > a{ font-weight: 700;}
.secMenuG{ display: none; padding-left: 8px;list-style: none; padding-top: 2px; padding-bottom: 4px;}
.secMenuG li{ padding: 2px 0;}
.secMenuG li > a{ font-weight: normal; }
.sepG{ margin-top:6px; padding-bottom: 6px; border-top: 1px solid #000;}
.sepOragneG{ margin-top:12px; border-top: 2px solid #eb690a;}
.liPDV{ list-style: none;}
.liPDV li{padding-left: 16px; padding-bottom: 6px;}
.liPDV a{ letter-spacing: .2px; color: #000; font-weight: 600; }
.lienG{ font-size: 12px; text-decoration: underline; margin-top: -8px; display: block; padding-bottom: 12px;}
.titreFiltreG{ font-size: 13px; font-weight: 700; padding-left: 16px; padding-bottom: 2px;}
.liFiltreG{ list-style: none; padding-left: 16px; padding-bottom: 10px;}
.liFiltreG li{ padding: 3px 0;}
#closeG{ display: none;}
sup{ font-size: 6px;}

/** col droite **/
#btnMenu{ display: none;background-color: #000; color: #FFF; font-size: 14px; font-weight: 700; margin: 0 auto; max-width: 500px;height: 60px;    border-radius: 50px; text-align: center; line-height: 60px; margin-top:16px; margin-bottom: 20px; }
h1{font-size: 28px; line-height: 32px; font-weight: 700; padding: 16px 0;}
.itemL{ background: #FFF; margin-bottom: 16px; }
.itemL .blocIm{ width: 21%; margin-right: 3%;  float: left; padding-top: 40px; padding-bottom: 8px; position: relative}
.itemL .blocIm img{ max-width: 100%; height: auto;}
.itemL .blocIm .legIm{ font-size: 12px; font-weight: normal; text-align: center; margin-top: 4px;}
.itemL .blocArt{ width: 76%; padding-right: 16px;  float: left}
.itemL .titreArt{ font-weight: 600; line-height: 18px; font-size: 15px; display: inline-block; margin-bottom: 18px; padding-top: 10px;}
.itemL .blocSem{ font-size:10px; text-align: center;  }
.itemL .blocSem a{ font-size: 16px; display: inline-block; width: 12px; line-height: 20px;}
.itemL .blocSem span{ background-color: #F6F6F6; border-radius:10px; display:inline-block; padding: 0px 2px; font-size: 13px; border: 1px solid #ccc; font-weight: 400; margin-top:4px;}
.itemL .blocSem input { width: 26px; height: 23px; text-align: center;font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 12px; border: 0 none; font-weight: 700; }
.itemL .tabQ{ margin-top: 50px; padding-bottom: 12px; width: 100%;}
.itemL .tabQ td{ padding: 0 6px; vertical-align: top;}
.itemL .blocSem .infoSem{color:#eb690a; font-size: 10px; margin-top: 2px;}
.itemL .blocTract span{background-color:#eb690a; border-color: #eb690a}
.itemL .blocTract .qM,.itemL .blocTract .qP{ color: #FFF;}
.itemL .blocTract{ color: #eb690a}
.itemL .blocTract input{}
.itemL .qTot{ padding: 0 20px; text-align: center;font-size: 10px; font-weight: 700;}
.itemL .qTot .qT{ width: 30px; border: 0 none; margin-top: 8px; font-size: 13px; text-align: center;}
.itemL .btnAdd{ background-color: #eb690a; border-radius: 12px; font-weight: 700; font-size: 13px; color: #FFF!important; display: inline-block; padding: 4px 16px;}
.itemL .blocIm .alertImg{ position: absolute; top: 0; left: 0; text-align: center; width: 100%;}
.itemL .blocIm .nouveaute{ background-color: #000; color: #FFF; padding:2px;}
.itemL .blocIm .tract{ background-color: #eb690a; color: #FFF; padding:2px; font-weight: 600;}
.ligneBottom{ width: 28%}
.ligneBottom table{width: 100%; }
.prix_g,.prix_d{ min-width: 90px; line-height:10px; font-size: 10px; }
.ligneBottom td{ border-bottom: 1px solid #ccc; padding: 1px 0 ;}
.sepLigneListe{ width:7.5%;}
.prix_d{ color: #d0021b;}
.prix_gras{ font-weight: bold; font-size: 18px; display: inline-block; padding-top: 8px;}
.prix_art table{ width: 100%;}
.prix_vert{color: #d0021b;}
/*fiche*/
#ficheL1{ background-color: #FFF;}
#bImg{ float: left; width: 34%; position: relative; text-align: center;}
#bImg img{ max-width: 80%;}
#ficheH{ float: left; width: 66%; padding-top: 14px; padding-right: 20px; background-color: #FFF;}
.alertImg{}
#fTitre{ font-size: 18px; font-weight: 600;}
#fStitre{}
.demi{ float: left; width: 50%;}
.g30{ padding-right: 15%; padding-top: 30px;}
.fPrix{font-size: 33px; font-weight: 600; text-align: right}
.txt_gris{ color: #999;}
.code_art{ font-size: 9px; font-style: italic; text-align: center;  width: 100%; padding-top: 2px;}
#fiche_slider_cat{ padding: 0 8px;}
.titreSliderCat{ text-align: center;  font-size: 12px;  }
.titreSliderCat span{ display: inline-block;border-bottom:1px solid #999;padding-bottom: 4px; margin-bottom: 8px;  }
#fiche_slider_cat img{ border: 1px solid #999; width:100%;}
#fiche_slider_cat table{ margin: 0 auto; width: auto;}
#fiche_slider_cat td{ line-height: 20px; }
#prevNext .left{ vertical-align: middle;color:#eb690a; text-align: left}
#prevNext .right{ vertical-align: middle; color:#eb690a;  text-align: right}
#prevNext .left a{ color:#eb690a!important; }
#prevNext .right a{  color:#eb690a!important; }
#prevNext .left span{  font-size: 38px;  font-weight: 600; display: block; float: left; margin-top: -2px; padding-right: 2px;  }
#prevNext .right span{ font-size: 38px; font-weight: 600; display: block; float: right; margin-top: -2px; padding-left:2px;  }
.img_slider td{ padding: 0 2px;}
.rouge{ color: #d0021b;}
.lienProdSuiv{border:1px solid #999; width:80px; height:60px; color: #eb690a;  padding-top: 14px; }
#fop{height:4000px;background:rgba(255,255,255,0.75);  width: 100%; position: fixed; top: 0; left: 0; z-index: 998}
#fInfo th{ text-align: left; border-bottom: 1px solid #999; padding: 1px 0;}
#fInfo td{  border-bottom: 1px solid #999; padding: 1px 0;}
#fInfo .al{ text-align: left;}
#fInfo .ar{ text-align: right;}

#fDesc{ padding-left: 20px; padding-top: 30px;}
#fDTitre{ padding-left: 25px; font-weight: 600; border-bottom:1px solid #999; width: 230px; padding-bottom: 2px;}
#fDTxt{padding-left: 25px; padding-top: 2px; padding-right: 25px; }

.fQuant .blocSem{ font-size:10px; text-align: center;  }
.fQuant .blocSem a{ font-size: 16px; display: inline-block; width: 12px; line-height: 20px;}
.fQuant .blocSem span{ background-color: #F6F6F6; border-radius:10px; display:inline-block; padding: 2px 8px; font-size: 13px; border: 1px solid #ccc; font-weight: 400; margin-top:4px;}
.fQuant .blocSem input { width: 30px; height: 26px; text-align: center;font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 12px; border: 0 none; font-weight: 700;}
.fQuant .tabQ{ padding-bottom: 12px; width: 100%;}
.fQuant .tabQ td{ padding: 0 6px; vertical-align: top;}
.fQuant .blocSem .infoSem{color:#eb690a; font-size: 12px; margin-top: 2px;}
.fQuant .blocTract span{background-color:#eb690a; border-color: #eb690a}
.fQuant .blocTract input{}
.inp_quant{ border: 0 none; width: 60px; text-align: center; font-weight: 600; font-size: 25px; color: #000;}
.fAdd td{ padding: 2px 6px; text-align: center; line-height: 14px; font-size: 12px;}
.fAdd a{ background-color: #eb690a; border-radius: 13px; font-weight: 700; font-size: 13px; color: #FFF!important; display: inline-block; padding: 6px 14px;}

.fSep{ padding-top: 24px; margin-bottom: 23px; border-bottom: 1px solid #999; clear: both;}

.tabPnier{ width: 100%;}
.tabPnier td{ border-left: 1px solid #999; text-align: center;}
.tabPnier td:first-child{ border-left: 0 none;}
.grisPanier{ display: inline-block; color: #999; padding-top: 4px; font-size: 12px;}



#valid_bloc{ width:503px; display:none;position: fixed; top: 50%; left: 50%; z-index: 99999;}
#valid_bloc #valid_content{ background-color:#FFF; padding:8px 10px; }
#valid_bloc #valid_content #valid_content_titre{ font-size:18px; color:#9c9da0; font-weight:bold; padding:0 5px; padding-top:6px;}
#valid_bloc #valid_content #valid_content_txt{ font-size:14px; color:#706f6f; padding:14px 5px;}
#valid_bloc #valid_content #valid_content_txt a{ text-decoration:none;font-size:14px; color:#706f6f; font-weight:bold;}
#fade { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999;}


.errFrm{ color: #F00; padding-top: 6px; font-weight: bold;}
.tabPnier{ width: 100%;}
.tabPnier td{ border-left: 1px solid #999; text-align: center;}
.tabPnier td:first-child{ border-left: 0 none;}
.tabPnier .libPanier td{ font-weight: 600; font-size: 16px; padding-bottom: 4px;}
.tabPnier .valPanier td{ font-size: 16px;}
.tabPnier .cubPanier{ font-size: 12px}
#panierC{ background-color: #FFF; padding-top: 24px;}

#panier{ padding-top: 24px;}
.semainePanier{ background-color: #000; color: #FFF; font-weight: 600; font-size: 18px; padding:3px 14px;}

.panier_famille{ padding:1px 14px; border-top: 1px solid #999;}
.panier_famille span{ font-weight: 600;}
.panier_article{ border-top: 1px solid #999;}
.panier_photo{ float: left; width: 15%;}
.panier_photo img{ max-width: 100%;}
.panier_titre{ float: left; width: 45%; padding-top: 16px; padding-left: 2%;}
.panier_prix{ float: left; width: 10%; padding-top: 16px;}
.panier_quant{ float: left; width: 10%; padding-top: 16px;}
.panier_btn{float: left; width: 10%; vertical-align: middle; padding-top: 18px;}
.panier_total{ float: left; width: 8%; padding-top: 21px; font-weight: 600; font-size: 15px;}
.panier_corb{ float: left; width: 2%; padding-top: 20px;}
.type_panier{background-color: #999; color: #FFF; font-weight: 600; font-size: 18px; padding:3px 14px;}
.pointer{ cursor: pointer;}
.titreAdmTable{ font-weight: bold; font-size: 16px; padding-bottom: 12px;}
#filtre{ background-color: #FFF; border: 1px solid #999; padding: 2px 4px;}
.totSem{ background-color:#eb690a; padding:3px 14px; color: #FFF;font-size: 18px; margin-bottom: 16px;}
.totCircuit{ background-color:#999; padding:3px 14px; color: #FFF!important;font-size: 18px; margin-bottom: 1px;}
.totSem td, .totCircuit td{ color: #FFF!important;}
.volPanier{ font-size: 14px;}
.volPanier span{ font-weight: 600;}
.prixTotSem{ font-weight: 600;}
.btnPanierSupp{ border-radius: 20px; background-color:#eb690a;display: inline-block; color: #FFF!important; padding:0 6px 2px;  font-size: 15px; }
.panier_prix td{ font-weight: 600; padding-bottom: 8px;}
.prix_eq_panier{ color: #d0021b; font-size: 9px; font-weight: normal;}
.prix_e_panier{ font-size: 9px; font-weight: normal;}
.addPanier{ background-color: #eb690a; border-radius: 13px; font-weight: 700; font-size: 13px; color: #FFF!important; display: inline-block; padding: 6px 14px;}
.negatif{ border:1px solid #eb690a;background-color:#FFF;border-radius: 13px; font-weight: 700; font-size: 13px; color: #eb690a!important; display: inline-block; padding: 6px 14px;}
.panier_code{ padding-top: 6px;font-size: 11px;}
.panier_quant .blocSem a {
    font-size: 16px;
    display: inline-block;
    width: 12px;
    line-height: 20px;
}
.nb{ font-size: 12px; padding-bottom: 16px;}
.nb span{ font-weight: bold;}
.panier_quant .blocSem span {
    background-color: #F6F6F6;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 8px;
    font-size: 13px;
    border: 1px solid #ccc;
    font-weight: 400;

    position: relative;
}
.panier_quant .orange span{background-color:#eb690a; border-color: #eb690a}

.panier_quant .blocSem input {
    width: 30px;
    height: 26px;
    text-align: center;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 12px;
    border: 0 none;
    font-weight: 700;
}
.panier_quant .blocSem .infoSem{ text-align: center; font-size: 10px; position: absolute; width: 100%; left: 0; padding-top: 6px;}

.lienImg{background-color: #eb690a; padding: 4px 12px;
    border-radius: 13px;
    font-weight: 700;
    font-size: 11px;
    color: #FFF!important;
    display: block;
    width: 158px;
    margin:0 auto;
    margin-bottom: 12px;
 white-space:nowrap;}

.itemLM{ background: #FFF; margin-bottom: 16px; width:250px; float: left; margin-right: 20px; height: 590px;  }
.itemLM .blocIm{ width: 100%;  padding-top: 40px; padding-bottom: 8px; position: relative;}
.itemLM .blocIm img{ max-width: 100%; height: auto;}
.itemLM .blocIm .legIm{ font-size: 12px; font-weight: normal; text-align: center; margin-top: 4px;}
.itemLM .blocArt{ width: 100%; }
.itemLM .titreArt{ font-weight: 600; line-height: 18px; font-size: 13px;  margin-bottom: 18px; padding: 10px 4px 0;}
.itemLM .ssTitreHover{ font-size:10px; }
.itemLM .blocSem{ font-size:10px; text-align: center;  }
.itemLM .blocSem a{ font-size: 16px; display: inline-block; width: 12px; line-height: 20px;}
.itemLM .blocSem span{ background-color: #F6F6F6; border-radius:10px; display:inline-block; padding: 0px 2px; font-size: 13px; border: 1px solid #ccc; font-weight: 400; }
.itemLM .blocSem input { width: 26px; height: 23px; text-align: center;font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 12px; border: 0 none; font-weight: 700;}
.itemLM .tabQ{ margin-top: 10px; padding-bottom: 12px; width: 100%;}
.itemLM .tabQ td{ padding: 0 6px; vertical-align: top;}
.itemLM .blocSem .infoSem{color:#eb690a; font-size: 10px; margin-top: 2px;}
.itemLM .blocTract span{background-color:#eb690a; border-color: #eb690a}
.itemLM .blocTract input{}
.itemLM .qTot{ padding: 0 20px; text-align: center;font-size: 10px; font-weight: 700;}
.itemLM .qTot .qT{ width: 30px; border: 0 none; margin-top: 8px; font-size: 13px; text-align: center;}
.itemLM .btnAdd{ background-color: #eb690a; border-radius: 12px; font-weight: 700; font-size: 12px; color: #FFF!important; display: inline-block; padding: 4px 16px;}
.itemLM .blocIm .alertImg{ position: absolute; top: 0; left: 0; text-align: center; width: 100%;}
.itemLM .blocIm .nouveaute{ background-color: #000; color: #FFF; padding:2px;}
.itemLM .blocIm .tract{ background-color: #eb690a; color: #FFF; padding:2px;}
.itemLM .tableM td{ width: 33%; vertical-align: middle; padding-top: 6px;}
.itemLM .tableM .inp_quant{ font-size: 13px; margin: 0 auto;}
.item2{ height: 470px!important;}
.item3{ height: 495px!important;}
.item4{ height: 525px!important;}
.item5{ height: 560px!important;}

#bImg .tract {
    background-color: #eb690a;
    color: #FFF;
    padding: 2px;
    font-weight: 600;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

#bImg .nouveaute {
    background-color: #000;
    color: #FFF;
    padding: 2px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.ligne_art_up table{ width: 98%;margin: 0 auto;}


@media (max-width:1200px) and (min-width:1100px) {
    .itemL .tabQ td{ padding: 0 2px;}

}

@media (max-width:1100px) and (min-width:100px) {
    #btnMenu{ display: block; cursor: pointer;}
    .colG{ float: none; position: absolute; left: 0px; top: -50000px; z-index: 40; width: 100%; height: 100%; padding-left: 12px; padding-right: 12px;  }
    #closeG{ display: block; position: absolute; font-size: 20px; font-weight: 700; top: 20px; right: 20px; cursor: pointer;}
    .menuShow{ top: 30px;}
    .contentG{ width: 100%; max-width: none; float: none; height: 100%; margin: 0 auto; }
    .colD{ width:100%; background-color: #F6F6F6; min-height: 100px; float: none; padding-left: 0;}
    .itemL .blocIm .alertImg{ position: absolute; top: 0; left: 0; text-align: center; width: 180px;}
}

/***** julien *************/
main {
    display: flex;
    font-family: Roboto,Arial,Helvetica,sans-serif;
}
#header{
    font-family: Roboto;
}
article {
    flex: 2;
}

aside {
    flex: 1;
}
.boxEngagement{
    margin-left: 20px!important;
    margin-right: 20px!important;
}
h2{
    margin-top: 20px!important;
    font-size: 2rem !important;
    font-family: RobotoBlack;
}
h3{
    margin-bottom: 10px!important;
    font-size: 1.375rem !important;
}
th{
    font-family: RobotoBold;
}
.table thead th {
    border-bottom: 2px solid #dee2e6;
}
table thead th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color:#dee2e6!important;
}
td{
    border: none!important;
}
.boxEngagement .col-6:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
    transform: translateY(-2px); /* Lève légèrement l'élément */
}
a{
    color: black!important;
}
.liensStyle{
    text-decoration: black underline;
}
@media (max-width: 768px) {
    .test {
        width: 100px; /* Largeur fixe pour les petits écrans */
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1680px!important;
    }
}




/* nouveaux styles */
.center{ text-align: center;}
.h120{height:120px;}
.blocHeader{width: 33%; float: left;}
.blocHeader table{ float: right; margin-top: 10px;}
.blocHeader table .panier3{ text-align: right;font-family: 'RobotoBold';}
.blocHeader table .titrePanier{ text-align: center;font-family: 'RobotoBold'; border-bottom: 2px solid #eb690a!important;}
.blocHeader table .statut_panier_ko{ text-align: center; background-color: #CF031A; color: #FFF;}
.blocHeader table .statut_panier_ok{ text-align: center; background-color: #00AB35; color: #FFF;}
.blocHeader table td{ min-width: 20px;}
#menu ul{ list-style: none;}
#menu ul li{ float:left;margin:0 12px 0 6px; padding-top: 6px;}
#menu ul li a{ color: #FFF!important;font-family: 'RobotoBlack';}
.headOp{font-family: 'RobotoBlack'; font-size: 20px;}
.headLogo{height: 76px; margin-top: 12px; max-width: 100%;}
#homeTitre{font-family: 'RobotoBlack'; font-size: 23px; padding-bottom: 20px;}
.homeSsTitre{font-family: 'RobotoBlack'; font-size: 16px; padding-bottom: 10px;}
.ssTitreOrange{font-family: 'RobotoBold'; font-size: 12px; text-align: center; background-color: #eb690a; color: #FFF; padding:3px 0;}
.ssTitreBlack{font-family: 'Roboto'; font-size: 12px; text-align: center; background-color: #000; color: #FFF; padding:3px 0;}
#contentLeft{ width: 75%; background-color: #f6f6f6; padding:1% 2%; float: left;}
#contentRight{ width: 25%;  padding:1% 2%; float: left;}
.blocHome{ width:50%; float: left;  padding-right: 2%; margin-top:12px;}
.imgHome{ max-width: 100%; display: block}
.HeadUser{ display: inline-block; background: url("../images/compte-orange.svg") top left no-repeat; background-size: 15px; margin-top: 48px; padding-left: 22px;font-family: 'Roboto'; font-size: 11px;}
.headUserTop{ border-bottom: 2px solid #eb690a; font-size: 12px; padding-bottom: 2px; padding-right: 4px;}
.headUserTop span{font-family: 'RobotoBlack'; }
.headUserTop a{ text-decoration: underline;}
.headUserBot{ padding-top: 2px;}

.titreArchive{ color: #eb690a; font-weight: bold; font-size: 18px; text-align: center; width: 80%; margin-top: 45px;}
.tabArchive{width: 80%; margin-top: 8px; border-collapse: collapse}
.tabArchive th{ border-bottom: 2px solid #ccc;border-top: 1px solid #ccc;padding: 6px 0;}
.tabArchive td{ padding: 6px 0;}
.tabArchive td a{ text-decoration: underline;}
.content_adm{ padding: 1rem 0;}
.m3{ padding-top: 3rem;}

.frm{}
.frm .ligne_frm{ margin: 2.5rem 0;}
.frm .ligne_frm label{ display: block; padding-bottom: 0.5rem;font-family: 'RobotoBlack'; font-size: 14px;}
.frm .ligne_frm input{}
.frm .ligne_btn{ margin: 1.5rem 0;}
.btn1{ cursor: pointer; display: inline-block; background-color: #eb690a; padding: 8px 12px; color: #FFF!important; margin-bottom: 0.3rem;}
.btn2{ cursor: pointer; background-color: #f6f6f6; display: inline-block; padding: 8px 12px; color: #000;}
.note{font-family: 'RobotoLight';}
.my_tab{ margin: 0 auto; border-collapse: collapse;}
.my_tab th{ background-color: #eb690a; color: #FFF; padding: 8px 12px;}
.my_tab td{ padding: 6px 8px;}
.my_tab tr:nth-child(even) {background: #f6f6f6}
.my_tab tr:nth-child(odd) {background: #FFF}

.superTitre{ font-weight: bold; text-align: center; font-size: 18px; padding-bottom: 8px;}
.selectSuper{ padding-bottom: 14px; text-align: center}
select{ background: none; border-radius: 0; font-family: arial; padding: 2px 4px;  border: 1px solid #000;}
.btnExportSuper{ text-align: center; padding-bottom: 50px;}
.btnExportSuper a{ display: inline-block; border-radius: 20px; color: #FFF!important; background-color:#eb690a; padding: 5px 15px; }
.chartSuper{ padding-bottom: 50px}
.chartSuperG{ width: 50%; float: left; }
.chartSuperD{ width: 50%; float: left;padding-left: 2%; }
#chartdiv{ width: 270px; height: 200px; float: right;}
.cPerfo1{ width: 54px; height: 24px; background-color: #F36503;}
.cPerfo2{ width: 54px; height: 24px; background-color: #FAA789;}
.cPerfo3{ width: 54px; height: 24px; background-color: #FFDAC0;}
.tabPerfo{ margin-top: 38px;}
.headAdm{ background-color:#eb690a; text-align: center;}
.titreHeadAdm{ text-align: center; color: #FFF; font-weight: bold; font-size: 18px; padding: 4px 0;}
.headAdm ul{ list-style: none; width: auto; display: inline-block; margin-bottom: -4px;}
.headAdm ul li{ padding: 8px 30px 6px; float: left; color: #FFF; cursor: pointer;}
.headAdm ul li:hover{ background-color: #FFF; color:#eb690a;}
.headAdm ul li.lVide{ width: 30px;background-color: #eb690a!important; cursor: initial; }
.headAdm ul li.lOn{ background-color: #FFF; color:#eb690a; }
.perfBlock{ display: none; text-align: center; padding-top: 40px; }

.tADM{ border-collapse: collapse; margin: 0 auto;}
.tADM th{ border: 1px solid #eb690a!important; background-color:#eb690a; color: #FFF; text-align: center; padding:6px; vertical-align: middle}
.tADM td{ border: 1px solid #eb690a!important; text-align: center; padding:6px;vertical-align: middle}
.tADM a{ text-decoration: underline}
.tADM td span{ font-size: 30px; line-height: 4px; font-weight: bold;}
tr.trRed td, tr.trRed td a{ color: #F00!important;}

.pager{ padding-bottom: 20px; text-align: center;}


    /*POPTELE*/
#popTele{ text-align: center}
.titrePopTele{ font-weight: 600; font-size: 30px;  margin-bottom: 12px;}
.statutPopTele{ margin-bottom: 40px;}
#popTele .statut_panier_ok{ background-color: #00AB35; color: #FFF;}
#popTele .statut_panier_ko{ background-color: #CF031A; color: #FFF;}
.txtPopTele{margin-bottom: 30px;}
.ulLeftPopTele{ width: 50%; float: left; border-right: 1px solid #999;  text-align: center; margin-bottom: 20px;}
.ulRightPopTele{ width: 50%; float: left; text-align: center; margin-bottom: 20px;}
.ulTitrePopTele{ color:  #eb690a; font-size:24px;text-align: left; margin-bottom: 12px; }
.ulRightPopTele ul,.ulLeftPopTele ul{ list-style: none; margin-bottom: 20px;}
.ulContentPopTele{ display: inline-block; text-align: left}


#menu ul ul.ssMenu{
    position:absolute;
    display:none;
    z-index:109;
    float:right;
    list-style:none;
    background-color:#FFF;
    border: 2px solid #eb690a;
    border-top-width: 7px;
    height:auto;
    width:auto;
    zoom:1;
    padding-bottom:8px;
    margin-top:-1px;
    padding-left:14px;
    padding-top:4px;
    margin-left: -4px;
}

#menu ul ul li{
    float: none;
    color:#FFF;
    clear:both;
    z-index:109;
    padding-right:12px;
    margin:0;
}

#menu ul.ssMenu li a{ font-size:13px; color:#000!important; font-weight: normal;}

#menu ul li:hover > .ssMenu { display:block; }
#menu ul li.sfhover  .ssMenu { display:block; }