@import url(https://fonts.googleapis.com/css?family=Arimo);
@import "../config/_client.css";

/*=== CMS ===*/
body {background: #fff; font: normal 12px arial; color: #000; }
body.sitemobile {background: #fff; }
h1, h2, h3, h4, h5, h6, li, a, p, div, span, td{background-repeat: no-repeat !important;}
a{color:var(--mainahref);text-decoration:none;}
a:hover{text-decoration:none;color:var(--maincolor2);}
a:focus {outline: none;}
a img {	border: 0;}
/*admin*/
#SelectProfil select{background-color:yellow;}
.adminbox{border:2px solid red; background:#fff;}
/*login*/
#bodyLogin .loginConnect {color:#000;}
#bodyLogin .input {background: #ececec;	border: 0 none;}
#bodyLogin .lostpassword a, 
#bodyLogin .lostpassword a:hover, 
#bodyLogin .lostpassword a:visited {font-weight: normal;}
#bodyLogin .error, #bodyLogin .error span {color: red;font-weight: bold;}
/* Footer */
#footer p{font: 14px 'Arimo', arial;}

/*=== COMERCEA ===*/
/*Boutons - liens */
.btn, .cmdflat, button[type=button]{background-color:var(--mainahref);color:#fff;font:bold 12px arial;border:0;border-radius: 5px;}
.btn:hover, .cmdflat:hover{text-decoration:none; background:var(--maincolor2)}
a.pdf{display:block;background-image:url(/portal_upload/images/pdf.png);background-position: 0 0;font-style:italic;padding:5px 30px;}
.inline a:hover, a.resultat:hover{text-decoration:none; opacity:0.8;}
/*.ui-btn-text{color:#47a1cf;}*/
/*.ui-btn-inner:hover .ui-btn-text{color:#fff;}*/
/*Couleurs génériques*/
.bleu{color:var(--maincolor1)}
.orange{color:var(--maincolor2)}
.gris{color:var(--mainsyst)}
.vert{color:var(--maincolor3)}
.grisfonce{color:var(--mainsyst)}
.alerte{background:#AC090C}
/* Menu */
#navigation a{color:#fff; background:var(--maincolor2);font:bold 12px Arimo;text-decoration:none;}
#navigation a:hover{text-decoration:none; background:var(--maincolor1); }
#navigation li.item_selected {background: var(--maincolor1);}
#navigation li.item_selected:hover a {text-decoration:none;}
#navigation li ul{ background: var(--mainsyst);}
#navigation li ul li:hover{background: var(--maincolor3);}
#navigation li ul li.item_selected a {color:#fff;}
#navigation li ul li a{color: #122372; text-decoration:none;}
#navigation li ul li a:hover{}
/*Header*/
#entete li.box-logo{text-align:center;}
#entete li.box-accroche h2 {color:#000; font: 18px/35px Arimo, Arial;}
#entete li.box-accroche h3 {color:var(--maincolor2); font: 18px/35px Arimo, Arial;}
#entete li.box-contact #numtel{font: bold 24px Arimo, Arial; color:var(--maincolor2);}
#entete li.box-contact a{font: bold 20px Arimo, Arial;}
#dialog-main{left:0; top:57px; background:rgba(0,0,0,0.8); color:#fff;}
#dialog-main .close{background-image:url(/portal_styles/images/icons-36-white.png); background-position: -144px 0; }

/*Site Web Anonyme*/
a{font-weight:bold;  text-decoration:none;}
#content .anonyme {background:#fff; color:#000;}
#content .anonyme li{border:0 !important;}
li.android a{background-image:url(/portal_upload/images/templatemobile/appstore3.jpg); background-position:  0 -10px;display: block;}
li.iphone a{background-image:url(/portal_upload/images/templatemobile/appstore3.jpg); background-position:  0 -113px;display: block;}
#content li.applis{width:295px}
#content li.applis,#content li.applis li {background:none;color:#000}
li.android a{width:300px;height:90px;}
li.iphone a{width:300px;height:90px;}
#content .applis{text-align:center;width:100%}
#content .applis ul{margin-left:20px}
/* adhesion */
.web.adhesion  button.btn{color:#fff !important;font:bold 16px calibri, arial;border:0; }
.web #formInscr .libelle label{font:bold 14px arial; }
.web #formInscr label.error{font:bold 14px arial; color:#000; background:#F49F19;}
.web.adhesion #content,.web.pwdreset #content,.web.page97 #content{color:#000; background:#fff;}
body.formerror.web #content{background: #404040;}

/* Page Accueil générique : Extranet / Appli mobile */
.dowloadapp{border-color:var(--maincolor3)}
.dowloadedapp{border-color:var(--maincolor2)}
ul.layout li{ background:var(--maincolor1);color:#fff;border-radius: 5px;}
ul.layout li.reseaux a,ul.filtres a{ border-radius: 5px;}
ul.layout li a {color:#fff;}
ul.layout li a .btntitre {font:14px calibri, arial; color:#fff; text-transform:uppercase; white-space:nowrap;}
ul.layout li.collecte a .btntitrePetit {font:10px arial; text-transform:none;color:#fff;text-align:left;left:0px}
ul.layout li a .tot_notif{font:50px arial;}
.sitemobile ul.layout li a .tot_notif{font:40px arial;}
ul.layout li.bleu {background:#2b86c1}
ul.layout li.bleufonce {background:var(--maincolor2)}
ul.layout li.decouvrirdrive.gris, ul.layout li.gris {background:var(--mainsyst)}
ul.layout li.vert {background:var(--maincolor2)}
ul.layout li.grisfonce {background:var(--mainsyst)}
ul.layout li.moncompte, ul.layout li.comment {background-color:var(--mainsyst);}
ul.layout li.decouvrirdrive {background-color:var(--maincolor2);}
ul.layout li.stores {background-color:var(--maincolor2);}
ul.layout li.vue360 {background-color:var(--360color);}
ul.layout li.autourdemoi {background-color:var(--autourdemoi);}
ul.layout li.jescanne {background-color:#FFF;width:100%;color:#7f6000;border: solid var(--maincolor2);box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);}
ul.layout li.jescanne a .btntitre{color:#7f6000;    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	    align-content: stretch;
    flex-wrap: wrap;
    align-items: center;
}	
p.afterJescanne{text-align:center;font-style: italic;}
#Jescanne1{font-size:25px;font-weight:bold}
#Jescanne2{font-size:20px;font-weight:bold}
ul.layout li.collecte {background-color:var(--maincolor1);}
ul.layout li.echeques {background-color:var(--maincolor1);}
ul.layout li.bonsplans {background-color:var(--bonsplans);}
ul.layout li.echequeskdo {background-color:var(--maincolor2);}
ul.layout li.chequeskdocrea {background-color:var(--maincolor2);}
ul.layout li.chequeskdo {background-color:var(--maincolor2);}
ul.layout li.ecoupons {background-color:var(--maincolor3);}
ul.layout li.offresdecouv {background-color:var(--maincolor3);}
ul.layout li.collecte a  {background-image: url(/portal_upload/images/Templatemobile/point_fid.png); background-position:100px 8px;}
ul.layout li.comment a{background-image: url(/portal_upload/images/Templatemobile/commentcamarche.png); background-position:30px 15px;}
ul.layout li.decouvrirdrive a{background-image: url(/portal_upload/images/Templatemobile/bg_commerces.png); background-position:30px 15px;}
ul.layout li.moncompte a{background-image:url(/portal_upload/images/Templatemobile/bg_infospersos.png); background-position:0 -5px;}
ul.layout li.ecoupons a{background-image: url(/portal_upload/images/Templatemobile/bg_ecoupons.png); background-position:80px -15px}
ul.layout li.echeques a{background-image: url(/portal_upload/images/Templatemobile/bg_echeque.png); background-position:62px 5px; background-size:90px 90px; }
ul.layout li.echequeskdo a{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png); background-position:80px -19px; background-size:100px 100px;}
ul.layout li.chequeskdocrea a{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png); background-position:80px -19px; background-size:100px 100px;}
ul.layout li.chequeskdo a{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png); background-position:80px -19px; background-size:100px 100px;}
ul.layout li.offresdecouv a{background-image: url(/portal_upload/images/Templatemobile/bg_offres.png); background-position:80px -19px; background-size:100px 100px;}
ul.layout li.bonsplans a{background-image: url(/portal_upload/images/Templatemobile/bg_bonplan.png); background-position:80px -26px}
ul.layout li.stores a{background-image: url(/portal_upload/images/Templatemobile/bg_stores.png);background-position:50% 0; }
ul.layout li.vue360 a{background-image: url(/portal_upload/images/Templatemobile/bg_360.png);background-position:50% 13%; }
ul.layout li.reseaux {background: #fff;}
.groupe12 img.annuaire_visuel  {border-radius:5px;}
.groupe12 ul.layout li.reseaux  {margin: 0;    padding: 0;width:100%}
.groupe12 ul.layout li.reseaux ul {display:flex;justify-content:space-between}
.groupe12 ul.layout li.reseaux li{background-color:transparent;padding:0px;}
.groupe12 ul.layout li.reseaux li.comment,.groupe12 ul.layout li.reseaux li.moncompte,.groupe12 ul.layout li.reseaux li.stores{background-color:var(--maincolor2);}
.groupe12 ul.layout li.reseaux li.vue360{background-color:var(--360color);}
.groupe12 ul.layout li.reseaux a{min-width:98px;width:98px}
.groupe12 li.commentsmall a{min-width:98px;width:98px}
.groupe12 li.autourdemoi a .btntitre{font-size:11px!important;bottom:5px}
li.moncompte a{background-color:var(--mainsyst)!important;border-radius:5px}
li.autourdemoi a{background-color:var(--autourdemoi)!important;background-image: url(/portal_upload/images/Templatemobile/ico_geoloc.png);  background-position:50% 20px; background-size:26px 40px;border-radius:5px}
/*evolution 2016-05*/
.visuelcodebarre{background:#fff;}
/*APPLI COMMERCANTS*/
ul.layout li.instantgeo {}
.groupe13 li.generer {margin-left:25%}
.groupe13 li.dble {margin:auto 5px 5px 5px}
ul.layout li.ticket a{background-image: url(/portal_upload/images/Templatemobile/bg_ticket.png); background-position:50% 35%}
.groupe13 li.titre{background:#fff;}
.groupe13 li.titre h2{color:#000; }
.sitemobile.groupe13  ul.layout li.echeques a, .sitemobile.groupe13  ul.layout li.ecoupons a , .sitemobile.groupe13  ul.layout li.offresdecouv a , .sitemobile.groupe13  ul.layout li.chequeskdo a  {background-position:50%;background-size:70px 70px;}
/*.groupe13 .chequeskdocrea, .groupe13 .bgchequeskdocrea, .groupe13 .bgchequeskdocrea li{background-color:var(--maincolor2);}
.groupe13 .bgecheques, .groupe13 .bgecheques li,.groupe13 .bgoffre, .groupe13 .bgoffre li{background-color:var(--maincolor2);}
.groupe13 .bgecoupons, .groupe13  .bgecoupons li{background-color:var(--maincolor3);}*/
.groupe13 #manipCommercant input[type=text], .groupe13 #manipCommercant input[type=number], .groupe13 #manipCommercant button{margin-bottom:15px;background:#fff; color:#000;}
.groupe13 #manipCommercant .consoid .ui-btn-inner{background:#fff; color:#000;}
.groupe13 #RechNom {background:#fff;}
.groupe13 #resRech {background:#fff;color:#000;}
.groupe13 #resRech .resUpdate:nth-child(even){background:rgba(35, 179, 203, 0.1);}
.groupe13 #closeRech {border-top:1px solid var(--maincolor1); color:#000;}
.groupe13 ul.layout li.horloge{background:#fff; color:#000; }
.groupe13 #emplacements{background:#fff; color:#000; }
.groupe13 #emplacements p{background:url(/portal_upload/images/annuaire/ico_info.png) no-repeat 10px 50%;}
.groupe13 #emplacements .etat li{background:#fff;}
.groupe13 #emplacements .etat .annuler .ui-btn-up-c{color:#ddd;}
.groupe13 ul.layout li.chequeskdo a{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png);	background-position: 50% 0 !important;}
.groupe13 ul.layout li.offresdecouv a{background-image: url(/portal_upload/images/Templatemobile/bg_offres.png);	background-position: 50% 0 !important;}
.groupe13 ul.layout li.echeques a{background-position: 50% 0 !important;}
.groupe13 ul.layout li.chequeskdocrea a{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png);background-position: 50% -10px;background-size: 100px 100px;	}
/* / evolution 2016-05*/

.extranet ul.layout li.echequeskdo a{background-position:80px -23px;}
.extranet ul.layout li.echeques a{background-position:80px -20px; background-size:100px 100px; }
.extranet ul.layout li.bonsplans a{background-position:100px -10px; background-size:80px 80px;}
/*.extranet ul.layout li.stores a{background-size:130px 60px;}*/

ul.layout li .btntotal{font:16px arial;}
ul.layout li.collecte a .btntotal { font:24px arial; }
ul.layout li .nombre{font:40px arial;}
.filtres {clear:both;position:relative;}
.filtres a{display:block; text-align:center; position:relative; overflow:hidden; color:#fff;}
.filtres a .btntitre {font:12px calibri, arial; text-transform:uppercase; white-space:nowrap;}
.filtres li.commerce a{background-size:100px 100px; background-position:50% -10px;}
.extranet .filtres li.commerce a{background-position:50% 0;}
.filtres .f1 a{ background-color: var(--f1color);}
.filtres .f2 a{ background-color: var(--f2color);}
.filtres .f3 a{ background-color: var(--f3color);}
.filtres .f4 a{ background-color: var(--f4color);}
.filtres .f5 a{ background-color: var(--f5color);}
.filtres .f6 a{ background-color: var(--f6color);}
.filtres .f7 a{ background-color: var(--f7color);}
.filtres .f8 a{ background-color: var(--f8color);}
.filtres .f9 a{ background-color: var(--f9color);}
.filtres .moncompte a{ background-image: url(/portal_upload/images/Templatemobile/bg_infospersos.png); background-position:0 -5px;}
.filtres .twitter a{ background-color: var(--twcolor1);background-image: url(/portal_upload/images/Template/tuile_twitter.png); background-position: 50% 50%;}
.filtres .fb a{ background-color: var(--fbcolor1);background-image: url(/portal_upload/images/Template/tuile_fb.png);background-position: 50% 50%;}
.filtres .siteasso a{ background-color: var(--sitecolor1);background-image: url(/portal_upload/images/Annuaire/logo_siteasso.png); background-position: 50% 50%;}
.filtres .instagram a{ background-color: var(--incolor1); background-image: url(/portal_upload/images/Template/tuile_instagram.png);background-position: 50% 50%;}
.filtres .twitter2 a{ background-color: var(--twcolor2);background-image: url(/portal_upload/images/Template/tuile_twitter2.png); background-position: 50% 50%;}
.filtres .fb2 a{ background-color: var(--fbcolor2);background-image: url(/portal_upload/images/Template/tuile_fb2.png);background-position: 50% 50%;}
.filtres .siteasso2 a{ background-color:  var(--sitecolor2);background-image: url(/portal_upload/images/Annuaire/logo_siteasso2.png); background-position: 50% 50%;}
.filtres .instagram2 a{background-color:var(--incolor2);background-image: url(/portal_upload/images/Template/tuile_instagram2.png);background-position: 50% 50%; }
.filtres .acturss a{ background-color: var(--actucolor);background-image: url(/portal_upload/images/Annuaire/logo_rss.png); background-position: 50% 50%;}
.filtres .stores a{ background-color:var(--maincolor2);background-image: url(/portal_upload/images/Templatemobile/bg_stores.png);background-position:50% 0%;}
.filtres .vue360 a{ background-color:var(--360color);background-image: url(/portal_upload/images/Templatemobile/bg_360.png);background-position:50% 13%;}
ul.layout li.reseaux .instagram a{background-color:var(--incolor1);background-image: url(/portal_upload/images/Template/tuile_instagram.png);background-position: 50% 50%;}
ul.layout li.reseaux .twitter a{ background-color: var(--twcolor1);  background-image: url(/portal_upload/images/Template/tuile_twitter.png); background-position: 50% 50%;}
ul.layout li.reseaux .fb a{ background-color:var(--fbcolor1);  background-image: url(/portal_upload/images/Template/tuile_fb.png);background-position: 50% 50%;}
ul.layout li.reseaux .siteasso a{ background-color: var(--sitecolor1);  background-image: url(/portal_upload/images/Annuaire/logo_siteasso.png); background-position: 50% 50%;}
ul.layout li.reseaux .instagram2 a{background-color:var(--incolor2);background-image: url(/portal_upload/images/Template/tuile_instagram2.png);background-position: 50% 50%;}
ul.layout li.reseaux .twitter2 a{ background-color: var(--twcolor2);  background-image: url(/portal_upload/images/Template/tuile_twitter2.png); background-position: 50% 50%;}
ul.layout li.reseaux .fb2 a{ background-color:var(--fbcolor2);  background-image: url(/portal_upload/images/Template/tuile_fb2.png);background-position: 50% 50%;}
ul.layout li.reseaux .siteasso2 a{ background-color: var(--sitecolor2);  background-image: url(/portal_upload/images/Annuaire/logo_siteasso2.png); background-position: 50% 50%;}
ul.layout li.reseaux .acturss a{ background-color: var(--actucolor);  background-image: url(/portal_upload/images/Annuaire/logo_rss.png); background-position: 50% 50%;}

/*Site Inscription commercants */
body.inscription h3{color:#fff; font-size:16px;  }
label.required{color:#f2e400; font-weight:bold;}
label.error{color:#000; background:yellow; }
span.error{color:red;}
p.authfile{font-weight:bold;}
ul.nopuce li:hover label{background:#f29400;}
.proposition-ville{background:#fff;}
div.proposition-ville a{border-bottom:1px #efefef solid}
/*=== EXTRANET ===*/
#FicheNavigation h2, #FicheNavigation h3{color:#fff !important;}
#content h1,#content h2,#content h3{color:#fff; background-color:var(--maincolor2); border-radius: 5px;}
#content .BP h1,#content .BP h2,#content .BP h3{color:#fff; background-color:var(--maincolor3); border-radius: 5px;}
#content .anonyme  h2 {color:#000; background:none; }
#content .box h4,#content .box h5,#content .box h6{color:var(--maincolor1)}
#content {background:#fff; }
#MonCompte h1{font-size:24px;
	background-color:var(--mainsyst);
	background-image: url(/portal_upload/images/Templatemobile/bg_infospersos.png);
	background-position: 100% 50%; 
	background-size:60px 60px;
}
#btn-accueil img {z-index:2001;background:var(--maincolor1); width:30px;height:27px;padding:2px;border-radius: 5px;}
#btn-quit img {z-index:2001;background:var(--maincolor1); width:30px;height:30px;border-radius: 5px;}
.tableaubord #btn-quit img {z-index:2001;background:var(--maincolor1); width:33px;height:33px;border-radius: 5px;}
/*MES POINTS FIDELITE*/
#decouvrir{    background-image: url(/portal_upload/images/Templatemobile/bg_commerces.png);
    background-position: 0px -20px;
    width: 60%;
    display: block;
    height: 35px;
    background-color: var(--maincolor1);
    border-radius: 5px;
    padding: 15px;    
	margin:15px auto;
	max-width: 240px;}
#decouvrir span.btntitre {color: white;
    width: 60%;
    display: block;
    text-align: center;
    float: right;
    text-transform: uppercase;	
	}	
#MesPoints{display:flex;justify-content: space-between;max-width: 600px;
    margin: 15px auto;}
#GrdTotalPoints{background-image: url(/portal_upload/images/Templatemobile/point_fid.png);
    background-position: 100% 10%;
    background-size: 46px 30px;
    width: 150px;
    height: 125px;
    background-color: var(--maincolor1);
    border-radius: 10px;}
#GrdTotalEuros{
    width: 150px;
    height: 125px;
    background-color: var(--maincolor3);
    border-radius: 10px;
	color: white;
	}
.pointsobtenus{color:white;font-size:48px;padding: 30px;}
.pointsagagner{color: white;
    font-size: 12px;
    position: absolute;
    top: 85px;
    left: 10px;
    width: 135px;
    text-align: center;}
.eurosobtenus{color: white;font-size:48px;text-align: center;}
#GrdTotalEuros p{padding:0;
    margin: 0;
    text-align: center;}

.mespointsfidelite .mespointsTitre1{ background-color: var(--maincolor1)!important;color:white;font-weight:bold;text-align:center}
.mespointsfidelite .mespointsTitre2{ background-color: var(--maincolor2)!important;color:var(--fontcolormespointstitre2)!important;opacity:0.4;font-weight:bold;text-align:center}
.mespointsfidelite .mespointsTitre1 span,.mespointsTitre2 span{ font-weight:normal}

.tablodecompte{margin:15px auto;}
.tablodecompte td{padding: 2px 10px;}
.tablodecompte tr.decomptefinal{border-top: solid 1px;}

body.mespointsfidelite  #content h1{}
body.mespointsfidelite  #content h2.orange{background-color: var(--maincolor1);}
body.mespointsfidelite  .points span{font-size:60px;}
body.mespointsfidelite  .points{font-size:26px; }
body.mespointsfidelite  #saisieman input{background:#fff; font-size:10px;}
body.mespointsfidelite  #saisieman .ui-btn{background: var(--maincolor2);}
body.mesbonsplans  #content h1{padding:12px 0px 12px 60px; background-image: url(/portal_upload/images/Templatemobile/lots.png);background-position:10px 10px;background-size:13%;}

/*Recherche */
#frmSubRech #search{border:0; background:#fff;}
#frmSubRech #search{margin-right: 10px;}
.extranet #frmSubRech #search{height: 22px;}
body.recherche #content div.subrech{color: #fff;
    background-color: var(--maincolor2);
    border-radius: 5px;  font-size: 16px;padding: 3px;    white-space: normal;    margin-bottom: 10px;
    font-family: calibri, arial;
    font-weight: normal; }
body.recherche #content div.subrech label	{margin-right: 20px;
    line-height: 35px;}	
body.recherche.extranet #content div.subrech{width: fit-content;    padding: 5px;    margin: 10px auto 10px auto; }

body.rech1 #content h1.titre, body.rech1 #content li.resultat h6, #content .rech1  h1, #content .rech1  h2, #content .rech1  h3, .rech1 #FicheNavigation ul.navigation, body.rech1 #content h1.subrech, body.rech1 #content .btn, body.rech1 #content h3{background-color: var(--f1color);}
body.rech2 #content h1.titre, body.rech2 #content li.resultat h6, #content .rech2  h1, #content .rech2  h2, #content .rech2  h3, .rech2 #FicheNavigation ul.navigation, body.rech2#content h1.subrech, body.rech2 #content .btn, body.rech2 #content h3{background-color: var(--f2color);}
body.rech3 #content h1.titre, body.rech3 #content li.resultat h6, #content .rech3  h1, #content .rech3  h2, #content .rech3  h3, .rech3 #FicheNavigation ul.navigation, body.rech3 #content h1.subrech, body.rech3 #content .btn, body.rech3 #content h3{background-color: var(--f3color);}
body.rech4 #content h1.titre, body.rech4 #content li.resultat h6, #content .rech4  h1, #content .rech4  h2, #content .rech4  h3, .rech4 #FicheNavigation ul.navigation, body.rech4 #content h1.subrech, body.rech4 #content .btn, body.rech4 #content h3{background-color: var(--f4color);}
body.rech5 #content h1.titre, body.rech5 #content li.resultat h6, #content .rech5  h1, #content .rech5  h2, #content .rech5  h3, .rech5 #FicheNavigation ul.navigation, body.rech5 #content h1.subrech, body.rech5 #content .btn, body.rech5 #content h3{background-color: var(--f5color);}
body.rech6 #content h1.titre, body.rech6 #content li.resultat h6, #content .rech6  h1, #content .rech6  h2, #content .rech6 h3, .rech6 #FicheNavigation ul.navigation, body.rech6 #content h1.subrech, body.rech6 #content .btn, body.rech6 #content h3{background-color: var(--f6color);}
body.rech7 #content h1.titre, body.rech7 #content li.resultat h6, #content .rech7  h1, #content .rech7  h2, #content .rech7  h3, .rech7 #FicheNavigation ul.navigation, body.rech7 #content h1.subrech, body.rech7 #content .btn, body.rech7 #content h3{background-color: var(--f7color);}
body.rech8 #content h1.titre, body.rech8 #content li.resultat h6, #content .rech8  h1, #content .rech8  h2, #content .rech8  h3, .rech8 #FicheNavigation ul.navigation, body.rech8 #content h1.subrech, body.rech8 #content .btn, body.rech8 #content h3{background-color: var(--f8color);}
body.rech9 #content h1.titre, body.rech9 #content li.resultat h6, #content .rech9  h1, #content .rech9  h2, #content .rech9  h3, .rech9 #FicheNavigation ul.navigation, body.rech9 #content h1.subrech, body.rech9 #content .btn, body.rech9 #content h3{background-color: var(--f9color);}

body.recherche #content h1.titre span.ico{background-size:90%;background-position:6px -7px ;}

/* COMMENT CA MARCHE */
.extranet .accordion h2, .extranet .accordion ul{border-color: #ed7d31 !important}
.extranet .accordion ul,.extranet  ul.magicpuce{list-style-image:url(/portal_upload/images/template/puce.png)}
#resume-comment td{font:bold 14px arial;}
#resume-comment .fleche{background-image:url(/portal_upload/images/template/bg_fleche.png);background-position: 0 0;font:bold 18px arial; color:#fff;}
#resume-comment .libelle{font:bold 15px arial; color:var(--maincolor1);}
/*MES BONS PLANS */
.opespeciale{color:#efefef;}
.nouveauchequefide{color:#efefef;}
.nouveauchequefide .gain{ font-size:16px; font-weight:bold; color:#fff;}
body.mesbonsplans  #An_Content h1{padding:12px 0px 12px 60px; background-image: url(/portal_upload/images/Templatemobile/lots.png);background-position: 10px 10px; background-size:13%;}
#An_Content .detail .savoirplus{background:rgba(146,208,80,0.8); color:#fff;border-radius:0 0 3px 0;}
#An_Content .detail .savoirplus{background:rgba(178,178,178,0.8); color:#fff;border-radius:0 0 3px 0; font-weight:bold}
#An_Content.BP .resultatBlock >a{color:#000;}
#An_Content.BP .resultatBlock h3,#An_Content.BP .resultatBlock  div.offreglobale{text-transform:uppercase; background-position:50% 50%;box-shadow:2px 5px 5px var(--mainsyst);border-radius: 5px;}
#An_Content.BP .resultatBlock  div.offreglobale div.codebarre{color:#000;}
#An_Content.BP .resultatBlock  div.offreglobale div.deremise{color:#fff; font:normal 12px arial;}
#An_Conten.BP .resultatBlock  div.offreglobale div.validite{color:#000; font:normal 11px arial; }
#An_Content.BP .resultatBlock  .codebarre{font:bold 30px arial; color:#000; background:#efefef; }
.listebonsplans .BP>div{border-top:1px solid #efefef;}

.fichecoupon  h1{background:var(--maincolor2) !important; text-transform:uppercase;}
.offres50 .fichecoupon  h1{background:var(--maincolor3) !important; text-transform:uppercase;}
.offres40 .fichecoupon  h1{background:var(--maincolor3) !important; text-transform:uppercase;}
.fichecoupon .menufiche li a{background-color:var(--maincolor1) ;color:#fff; text-decoration:none;border-radius: 5px; }
.fichecoupon .menufiche li.go a{background-color:var(--autourdemoi);background-image: url(/portal_upload/images/templatemobile/localisation.png);background-position: 50% 20%;background-size:40%;}
.fichecoupon .menufiche li.go a.nogo{background-color:var(--autourdemoi);}
.fichecoupon .menufiche li.commercant a{background-color:var(--maincolor1);background-image: url(/portal_upload/images/templatemobile/enseigne.png);background-position: 50% -20px ;}
.fichecoupon .menufiche li.echeques a{background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/e_cheque.png);background-position: 50% 15%;background-size:70%;}
.fichecoupon .menufiche li.stores a{ background-color:var(--maincolor2);background-image: url(/portal_upload/images/Templatemobile/bg_stores@2x.png); background-size:85px 60px;}
.fichecoupon .menufiche li.vuestore a{ background-color:var(--360color);background-image: url(/portal_upload/images/Templatemobile/bg_360@2x.png); background-size:85px 60px;}
.fichecoupon .menufiche li.mesbonsplans a{ background-color:var(--maincolor3);background-image: url(/portal_upload/images/Templatemobile/bg_bonplan.png); background-size:85px 60px;}
#An_Content.BP .resultatBlock  div.offreglobale h3, #An_Content .fichecoupon .detail h3{
	font:normal 10px arial; text-transform:uppercase; background:rgba(0,0,0,0.7) !important;border-radius:3px;color:#fff;text-align:center;
}
#An_Content.BP .resultatBlock  div.offreglobale  .description,#An_Content .fichecoupon .description, .fichecoupon  div.description
	{font:normal 10px arial; text-transform:uppercase; background:rgba(0,0,0,0.7) !important;border-radius:3px;color:#fff;text-align:center;margin:10px 0px;padding:10px 5px}
.fichecoupon .titre, #An_Content.BP .resultatBlock  .titre {font-weight:bold; font-size:14px}
.fichecoupon  div.validite, .fichecoupon  div.offre, .fichecoupon  div.conditions {font:normal 12px arial;border-radius: 5px;}
.fichecoupon  div.offrevalidite {background-color:var(--maincolor1);color:#fff;border-radius: 5px;}
.fichecoupon  div.offreglobale ,#An_Content .offres10 .offreglobale{text-transform:uppercase;border-radius: 5px; 
background-position:50% 50%;box-shadow:2px 5px 5px var(--mainsyst)}
.fichecoupon .codebarre{font:bold 40px arial; }
.fichecoupon .codebarre label{font:normal 16px arial;}

#An_Content.offres50  h1{background-color:var(--maincolor3);background-image: url(/portal_upload/images/templatemobile/bg_offres.png); background-position: 100% 50%;background-size:50px 50px;}
#An_Content.offres40  h1{background-image: url(/portal_upload/images/templatemobile/bg_ecoupons.png); background-position: 100% 50%;background-size:60px 60px;}
#An_Content.offres10  h1{background:var(--bonsplans) !important; background-image: url(/portal_upload/images/templatemobile/bg_bonplan.png); background-position: 100% 50%;background-size:40px 40px;}
body.mescheques30 #content h1{background:var(--maincolor1) !important; background-image: url(/portal_upload/images/Templatemobile/bg_echeque.png); background-position: 100% 50%;background-size:60px 60px;}
body.mescheques30 #content h1.mescheques20, body.mescheques20 #content h1{background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png); background-position: 102% 50%;background-size:50px 50px;}
body.mescheques20.extranet  #content h1{background-position: 100% 50%;}
.listecheques tr:hover {background-color:#efefef;}
.listecheques td{border-bottom:2px dashed var(--maincolor1); color:var(--maincolor2); font:normal 18px arial;}
.listecheques td.notiret{border:0;}
.listecheques a.btnparking{background-color:var(--maincolor2);}
.listecheques td.head{background:var(--maincolor2); border:0; color:#fff;}
.listecheques td .codebarre{font:bold 18px arial; border:0px solid var(--maincolor1);}
/*.histo-content {background:var(--maincolor1);}
.histo-content .ui-listview{background:var(--maincolor1);}*/
.histo-content .ui-listview p{background:#efefef; color:#000; border-left:3px solid var(--maincolor1);}
/*.historique p{color:#fff;background:var(--maincolor1);}*/

/*TableTri*/
#tableheader option{background-color:#f1e1e1;}
.tableheader option{background-color:#f1e1e1;}
.search { border:1px solid #c6d5e1; background:#fff}
#tableheader select {background-color:#f7fbfe;}
.tableheader select {background-color:#f7fbfe;}
#tableheader input {background-color:#f7fbfe;}
.tableheader input {background-color:#f7fbfe;}
#tablelocation {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C6D5E1;}
.tablelocation {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #C6D5E1;}
#tablelocation select { background-color:#f7fbfe;}
.tablelocation select { background-color:#f7fbfe;}
#tablelocation option{background-color:#f1e1e1;}
#.tablelocation option{background-color:#f1e1e1;}
#pagedropdown{ height:24px;background-color:#f7fbfe;}
.pagedropdown{ height:24px;background-color:#f7fbfe;}
#pagedropdown option{background-color:#f1e1e1;}
.pagedropdown option{background-color:#f1e1e1;}
.page {font-style:normal;}
#selectedrow td {background:rgba(228,87,41,0.2);}
.selectedrow td {background:rgba(228,87,41,0.2);}
.tinytable .head h3 {background-image:url(/Portal_Upload/Images/Annuaire/sort.gif); background-position: 7px center; color:#fff;}
.tinytable .desc h3 {background-color:#bb0801;color:#fff;background-image:url(/Portal_Upload/Images/Annuaire/desc.gif);background-position: 7px center; }
.tinytable .asc h3 {background-color:#bb0801;color:#fff;background-image:url(/Portal_Upload/Images/Annuaire/asc.gif);background-position: 7px  center; }
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#f1e1e1}
.tinytable td.evenselected {background:#f1e1e1}
.tinytable td.oddselected {background:#efdedd}

/*Fiche_admin.css*/
#colmenu{background:#eb5c25;}
#colmenu h6{ font-size:20px; color:#fff; font-weight:bold;}
#colmenu li a{text-decoration:none;}
/*.ui-dialog{background:rgba(69, 163, 202, 0.9);}*/
#dialog.ui-widget-content{border:0;  color:#000;}
#An_admin {background:#fff;}
#loading{background:#000;}
#loading .info{background:#fff;}
h6{font:bold 14px arial; }
fieldset{border:1px solid #aaa;}
legend{font:italic 18px arial; color:#aaa;}
label.required{color:#F26707; font-weight:bold;}
.total{font-weight:bold;text-align:right}
.libelle {font-weight:bold;}
button.del{background:var(--maincolor2);}
/*Float Box*/
.floatbox{background:var(--maincolor1);color:#fff;}
.floatbox h3{color:#fff !important;}
.floatbox  label.required{color:#f2e400; }
.floatbox .pourcentage{font:60px arial;}
.libellefiche{font:bold 45px arial;}
.veloce{background-color:#000;background-image: url(/Portal_Templates/Admin/Images/logo_Veloce.png);background-position: bottom right; background-size:50%; padding-bottom:50px;}
.floatbtn{background:#fff; border:1px solid var(--maincolor1);color:var(--maincolor1);}
/* MENU */
#FicheMenu{text-transform:uppercase; }
#FicheMenu ul.racine{background:var(--maincolor3);}
#FicheMenu.navigation a{color:#fff; font-weight:bold; text-decoration:none;}
#FicheMenu.navigation a:hover{ border:0px solid #fff;}
#FicheMenu ul.subitem{background: var(--maincolor1);  }
#FicheMenu ul.subitem li a{color: #fff; text-decoration:none;}
#FicheMenu ul.subitem li{background: 0 none;}
#FicheMenu li.selected, #FicheMenu li.selected>a{background:var(--maincolor1); }
#FicheMenu li.selected li.selected a{background:rgba(0,0,0,0.6); }
#FicheMenu li li a:hover{background:rgba(0,0,0,0.3); }

/* MENU Tableau Bord*/
.menu-tab-bord li a, .menu-tab-bord li a:hover{ padding: 110px 10px 10px 10px;background-position:center;background-origin: padding-box;}
.menu-tab-bord li.clients a{background-image:url(/portal_upload/images/annuaire/bg_infospersos.png);}
.menu-tab-bord li.tpe a{background-image:url(/portal_upload/images/annuaire/ico_tpe.png); background-size:60%;}
.menu-tab-bord li.tuto a{position:relative;background-image:url(/portal_upload/images/annuaire/ico_tuto.png);}
.menu-tab-bord li.tuto .ui-button-text{padding:0;}
.menu-tab-bord li.sav a{background-image:url(/portal_upload/images/annuaire/ico_sav.png);}
.menu-tab-bord li.offres a{background-image:url(/portal_upload/images/annuaire/bg_offres.png);}
.menu-tab-bord li.ecoupons a{background-image:url(/portal_upload/images/annuaire/bg_ecoupon.png);}
.menu-tab-bord li.bonsplans a{background-image:url(/portal_upload/images/annuaire/bg_bonsplans.png);}
.menu-tab-bord li.coordonnees a{background-image:url(/portal_upload/images/annuaire/enseigne.png);}
.menu-tab-bord li.manuel a{background-image:url(/portal_upload/images/annuaire/pdflogo.png);background-size:40%;}
.menu-tab-bord li a {min-height:45px;}
/* PHOTOS */
ul#photos-menu li{border:1px solid;}
ul#photos-menu li a, a.btn{text-decoration:none;}
ul#photos-menu li a.selected, a.btn{background:var(--maincolor1); color:#fff; text-decoration:none}
#PhotosListes tr{border-bottom:1px solid #efefef;}
#PhotosListes tr:hover{background:#efefef;}
#PhotosListes th{background:#eee;}
/* COUPONS */
#admincoupons div#entete{background:#fefefe;}
#admincoupons   input[id=nom]{font:22px arial;}
table#FileTB td.libelle:hover{background:#efefef}
#admincoupons .codebarre ,#listing   .codebarre{font:bold 50px calibri; color:#000;}
#listing .codebarre{font:bold 20px calibri; }
#eCouponFiltres li:hover{background:#efefef;}
/* TPE */
#listing li{border:2px solid #666; box-shadow: 5px 5px 5px #aaa; }
#listing li a{text-decoration:none;}
#listing li:hover{opacity:0.6;filter:alpha(60);}
#listing .contratTPE{color:#fff; 
	background-color:var(--maincolor1); background-image: url(/portal_upload/images/annuaire/ico_tpe.png);
	background-position:180px -12px;
	background-size:35%;}
#listing  li.publi1{background:#efefef;border:2px solid #000; }
#listing  li.actif0{background:#ddd;border:2px dashed #666; box-shadow: 0 0 0 #fff;}
/* PAGE ADMIN */
.f-ADM .tb-lay{max-width:none;width:auto;}
.f-ADM .floatbox{max-width:400px;}
.f-ADM .admincss{clear:both; padding:20px 0;}
/*GEOLOCALISATION*/
input.analyse{background:#eee;}
/*LISTE FICHES*/
#Message{color:red;font-weight:bold;font-size:14px;}
#Letters A:active, #Letters A:hover{color:var(--maincolor1);}
#LettersFilterTb .Selected{background:#122372; }
#LettersFilterTb .none{background:#ccc;  }
.boxrech fieldset {background:#f7f7f7;}
.tb-list tr{border:1px solid #aaa;}
.tb-list tr:hover{background:#eee;}
.tb-list td.numero{background:var(--maincolor1); color:#fff;} 
/*ETAT TPE*/
#ListingTPE h3{background:#efefef;}
#ListingTPE h4{border-bottom:1px solid #efefef; color:#aaa;}
#ListingTPE .details .tpes .box{border:2px solid #000}
#ListingTPE .details .tpes .box div{font: bold 16px arial; }
#ListingTPE .details .tpes .box div label{font: italic normal 14px arial; }
#configComercea h3 label{font-weight:normal;}
/* PREVIEW BP */
#dialog .coupon { background:#000; }
#dialog .fichecoupon {background:#fff; }
#dialog .fichecoupon h3 {color:#fff; }
#dialog .fichecoupon .conditions {color:#000; }
#dialog .fichecoupon .menufiche li a{background-color:var(--maincolor2) ;color:#fff; text-decoration:none; }
#dialog .fichecoupon .menufiche li.go a{background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/localisation.png);background-position: 50% 20% ;}
#dialog .fichecoupon .menufiche li.commercant a{background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/enseigne.png);background-position: 50% 20% ;background-size:55%;}
#dialog .fichecoupon .menufiche li.echeques a{background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/e_cheque.png);background-position: 50% 20%  ;background-size:70%;}
#dialog .fichecoupon .detail{background:var(--maincolor2);}
#dialog .fichecoupon .detail h3{ font:normal 20px calibri; text-transform:uppercase; background:var(--maincolor2);}
#dialog .fichecoupon  div.offreglobale { font-size:16px; text-transform:uppercase; background:var(--maincolor2);}
#dialog .fichecoupon  div.offreglobale div{color:#fff;}
#dialog .fichecoupon  div.offreglobale div.pourcentage{color:#fff; }
#dialog .fichecoupon  div.offreglobale div.deremise{color:#fff; font:normal 24px calibri;}
#dialog .fichecoupon .codebarre{font:bold 40px calibri, calibri; color:#fff; }
#dialog .fichecoupon .codebarre label{font:normal 16px calibri;}
#dialog .fichecoupon .menufiche li a{background-color:var(--maincolor2) ;}
#dialog .fichecoupon div.pourcentage{font:bold 24px calibri;}
/*SS-MENU*/
.ssmenu li{margin-right:20px !important;}
.ssmenu li a.selected{background:#F29400;}
/* TABLEAU DE BORD */
.tableaubord  table th,.tableaubord   table td, #eCouponUsers table th, #eCouponUsers table td{border:1px solid #fff}
.tableaubord  table th, #eCouponUsers table th{border:1px solid #000;}
.tableaubord  table td.createur i{color:#aaa; font-weight:bold;}
.tableaubord  table tr.expire {background:rgba(240,22,14, 0.1);}
.tableaubord  table tr.utilise {background:rgba(44,162,208, 0.05);}
.tableaubord  table tr:hover , #eCouponUsers table  tr:hover{background:rgba(240,240,240, 0.8);}
.tableaubord  table .type20 {background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/bg_cadeau.png);background-position: -5px 5px; background-size:120% !important;}
.tableaubord  table .type30 {background-color:var(--maincolor2);background-image: url(/portal_upload/images/templatemobile/e_cheque.png);background-position: 4px 10px; background-size:75% !important;}
/*messages*/
.tableaubord  .message:hover {background:#efefef;}
.tableaubord  .message .datediffusion{font-size:11px; font-style:italic;}
/*lecture message*/
#dialog .datediffusion{font-style:italic}
#TotalUsers{font-weight:bold;}
/*MESSAGES*/
tr.off,tr.expire{background:#efefef;}
span.msgactif{background:green;}
span.msgactif.off{background:red;}
tr.message{border-bottom:1px solid #efefef;background-color: #efefef;}

#monidentifiant {text-align:center; margin:30px 0;}
#monidentifiant .codebarre{font-size:35px;margin-bottom:15px;}
#monidentifiant .codealpha{font-size:25px;letter-spacing:3px;}

/* extranet commercant*/
#content h1#libcommercant {background:var(--maincolor1);}

.extranet #An_admin #accueil-haut ul.layout li a {background-position: 50% 50%;width: 175px;height: 135px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.extranet #An_admin #accueil-haut ul.layout h2{   width: 175px;
    height: 75px;
	padding-top: 65px;	
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;}
.extranet #An_admin #accueil-haut ul.layout>li{background-color:#fff}
.extranet #An_admin #accueil-haut ul.layout>li.commande a,.extranet #An_admin #accueil-haut ul.layout>li.ticket a, .extranet #An_admin #accueil-haut ul.layout>li.chequeskdocrea a {background-color:var(--maincolor1);}
.extranet #An_admin #accueil-haut ul.layout>li.echeques a,.extranet #An_admin #accueil-haut ul.layout>li.offresdecouv a {background-color:var(--maincolor2);}
.extranet #An_admin #accueil-haut ul.layout>li.ecoupons a, .extranet #An_admin #accueil-haut ul.layout>li.chequeskdo a {background-color:var(--maincolor3);}
/*drive*/
.extranet #An_admin #accueil-haut ul.layout>li.commande a .btntotal{width:100%;text-align:center;bottom: 8px;}

.extranet #manipCommercant  .ui-button-text {padding: initial;}
.extranet #An_admin #accueil-haut #manipCommercant{width:260px;background:rgba(240,240,240, 0.9);
	position: absolute;
    display: block;
    left: 25%;
    margin-top: 50px;
    padding: 10px;
	z-index: 666;
	text-align:center;
	top:415px
}
.extranet #An_admin #accueil-haut #manipCommercant li{width:90%;background: none; color: #000;}
.extranet #An_admin #accueil-haut #manipCommercant input{margin-bottom:15px;width:100%;text-align:center}
.extranet #An_admin #accueil-haut #manipCommercant .btn{display:inline}
.extranet #An_admin #accueil-haut #manipCommercant .frm{margin: 0px}
.extranet #An_admin #accueil-haut #manipCommercant #closeRech{text-align:right}
.extranet #An_admin #accueil-haut #manipCommercant #resRech{margin-top: 15px;}
.extranet #An_admin #accueil-haut #manipCommercant .resUpdate:hover{cursor: pointer;}
.extranet #An_admin #accueil-haut #manipCommercant #recherche,.extranet #An_admin #accueil-haut #manipCommercant #rechConso{    margin-top: 5px;margin-bottom: 5px;}
.extranet #dialogue-main{color:#fff}
#manipCommercant #manipCommercantAnnuler{margin-left:25px}

/* APPLI */
#bodyLogin.sitemobile  {	background:#000 none; font:11px arial; color:#aaa;}
#bodyLogin.sitemobile  .loginConnect {background: #fff;}
.sitemobile #page, .sitemobile  #footer{background:#fff;}
.sitemobile .btn, .sitemobile .cmdflat{background:var(--maincolor1);color:#fff;font:bold 12px calibri, arial;border:0; }
.sitemobile .btn:hover, .sitemobile .cmdflat:hover{text-decoration:none; background:#b8a677;}
.sitemobile .btn.reglement{background:none;}
.sitemobile .flyingtitle{color:#fff !important;background:var(--maincolor1);font-size:18px;}
.sitemobile input.bordurebleue{border:1px solid var(--maincolor2) !important;}
.sitemobile input[type=text], .sitemobile input[type=password], .sitemobile select, .sitemobile textarea{border:1px solid var(--maincolor1);}
.sitemobile #content,.annuaire #content{color:#000; background:#fff;}
.sitemobile #content .box h4,.sitemobile #content .box h5,.sitemobile #content .box h6{color:var(--maincolor1)}
.sitemobile .box ul{list-style:disc outside url(/portal_upload/images/template/puce_bleue2.png);}
.sitemobile .box .libelle{color:var(--maincolor1);font-weight:bold;}
.sitemobile .box .telephone{color:var(--maincolor1);font-weight:bold;}
/* COMMENT CA MARCHE */
.sitemobile .accordion h2, .accordion ul{border-color: var(--maincolor1) !important}
.sitemobile .accordion ul,.sitemobile  ul.magicpuce{list-style-image:url(/portal_upload/images/template/puce.png)}
.sitemobile #resume-comment td{font:bold 14px calibri, arial;}
.sitemobile #resume-comment .fleche{background-image:url(/portal_upload/images/template/bg_fleche.png);background-position: 0 0;font:bold 18px calibri, arial; color:#fff;}
.sitemobile #resume-comment .libelle{font:bold 15px calibri, arial; color:var(--maincolor1);}
/*PUBS*/
.sitemobile #pub-main h6{font:normal 10px calibri, arial;}
/*DIAPORAMA*/
.sitemobile #proposition-ville .boxceontent{background:#fff; border:2px solid var(--maincolor1);}
/* header */
.sitemobile ul.menu li.logo, .sitemobile ul.menu li.accroche{color:var(--maincolor2); font:bold 14px calibri, arial;}

.sitemobile.home ul.menu li.accroche{background-size:auto;}
.sitemobile ul.menu li.btnback a{
	/*background-color:var(--maincolor1);*/
	background-image:url(/portal_upload/images/Templatemobile/back.png);
	background-position: 50% 50%;
	background-size: 100%;
}
.sitemobile ul.menu li.btnmenu {
	background-image:url(/portal_upload/images/Templatemobile/menu-mob.png);
	background-position: 50% 50%;
	background-size: 100%;
	width:40px;
}
.sitemobile ul.menu li.btnhome a{background-color:var(--maincolor2);background-image: url(/portal_upload/images/Templatemobile/home.png);background-position:50% 10px;}
.sitemobile #dialog-main{background-color:rgba(0,0,0,0.8); color:#fff; }
.sitemobile #dialog-main .close{background-image:url(/portal_styles/images/icons-36-white.png);background-position: -144px 0;}
.sitemobile .opespeciale{color:#efefef;}
.sitemobile .nouveauchequefide{color:#efefef;}
.sitemobile .nouveauchequefide .gain{font-size:16px; font-weight:bold; color:#fff;}
.sitemobile .cgu{font:italic 10px arial;}
.sitemobile .cgu a{padding:10px;}
.sitemobile #sel_prop_ville a{color:#000;}
/* HOME */
.sitemobile.home #content h2{background:#fff; font-size:12px; color:#7f6000;}
.sitemobile ul.layout li.comment a{
	background-image: url(/portal_upload/images/Templatemobile/commentcamarche.png);
	background-position: 30px 5px;
}
.sitemobile ul.layout li.decouvrirdrive a{
	background-image: url(/portal_upload/images/Templatemobile/bg_commerces.png);
	background-position: 0px -15px;
}
.sitemobile ul.layout li.moncompte a{background-image:url(/portal_upload/images/Templatemobile/bg_infospersos.png); background-position:50% -10px;}
.sitemobile ul.layout li.ecoupons a{
	background-image: url(/portal_upload/images/Templatemobile/bg_ecoupons.png);
	background-position: 50px -7px;
	}
.sitemobile ul.layout li.echeques a{
	background-image: url(/portal_upload/images/Templatemobile/bg_echeque.png);
	background-position: 55px -5px; 
	}
.sitemobile ul.layout li.echequeskdo a{
	background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo.png);
	background-position:50px -15px;
	}
.sitemobile ul.layout li.offresdecouv a{
	background-image: url(/portal_upload/images/Templatemobile/bg_offres.png);
	background-position:50px -15px;
	}
.sitemobile ul.layout li.bonsplans a{
	background-image: url(/portal_upload/images/Templatemobile/bg_bonplan.png);
	background-position:50px -16px}
.sitemobile ul.layout li.stores a{
	background-image: url(/portal_upload/images/Templatemobile/bg_stores@2x.png);
	background-size:85px 60px;
	}
.sitemobile ul.layout li.vue360 a{
	background-image: url(/portal_upload/images/Templatemobile/bg_360@2x.png);
	background-size:85px 60px;
	}
.sitemobile ul.layout li.decouvrir a{
	background-image: url(/portal_upload/images/Templatemobile/bg_commerces.png);
	background-position:-10px 10px}
.sitemobile ul.layout li.burg_mescommandes a{
	background-image: url(/portal_upload/images/Templatemobile/bg_mescommandes.png);
	background-position:-10px 10px}
.sitemobile ul.layout li.commander a{
	background-image: url(/portal_upload/images/Templatemobile/bg_commander.png);
	background-position:-10px 10px}
.sitemobile ul.layout li.burg_mescommandes a{
	background-image: url(/portal_upload/images/Templatemobile/bg_mescommandes.png);
	background-position:-10px 10px}
.sitemobile ul.layout li.collecte a  {
	background-image: url(/portal_upload/images/Templatemobile/point_fid.png);
	background-position:102px 4px;}
.sitemobile .filtres .moncompte a{ 
	background-color: var(--mainsyst);
	background-image: url(/portal_upload/images/Templatemobile/bg_infospersos.png);
	background-position:50% -10px;}

/*APPLI COMMERCANTS*/
li.resultat a.ui-link{ width:90%; 
	background-image:url(/portal_upload/images/templatemobile/ico_plus_20.png) ;
	background-position:bottom right;}
.sitemobile ul.layout li.instantgeo a{	background: url(/portal_upload/images/Templatemobile/bg_instant.png);	background-position:50% 10px;	background-size: 35px 50px;		}
.sitemobile ul.layout li.ticket a{background-image: url(/portal_upload/images/Templatemobile/bg_ticket.png); background-size: 58px 44px;}
.sitemobile ul.layout li.ticket a .btntitre,.sitemobile ul.layout li.instantgeo a .btntitre,.sitemobile ul.layout li.ecoupons a .btntitre,
.sitemobile ul.layout li.echeques a .btntitre, .sitemobile ul.layout li.chequeskdo a .btntitre  , .sitemobile ul.layout li.offresdecouv a .btntitre  {font:12px calibri, arial;}
/*.sitemobile ul.layout li.chequeskdo a .btntitre  {font:11px calibri, arial;}*/
.icone_rech .btn{background:none;}
#Ficheadherent h1{background:var(--maincolor2);}
#Ficheadherent .ui-btn-text{color:#FFF;}
#Ficheadherent .ui-collapsible-content {text-align:justify;}
#Ficheadherent div,#Ficheadherent p{color:#000;}
#Ficheadherent #BP .BP>div{ color:#fff;}
#Ficheadherent #BP .BP .offre{color:#fff;}
#Ficheadherent #BP .BP .offre span, #Ficheadherent #BP .validite{color:#fff;}

/*MES CHEQUES FIDELITE*/
#zoomContent div{color:#000}
#zoomContent .codebarre{font:bold 16px calibri, arial; background:#fff;color:#000; border:3px solid #ed7d31;}
#zoomContent .libcodebarre{font:bold 30px calibri, arial; letter-spacing:2px;}
#zoomContent .libdate{font:bold 12px calibri, arial;   color:#555;}
#zoomContent .valeurch{font:bold 24px calibri, arial; color:#555;}

/* li.resultat h6{color:#fff;} */
input.champ{border:1px solid var(--maincolor1);margin-bottom:5px;border-radius:5px}
div.ui-focus input{border:0!important;}
/*ACTU RSS*/
#rss-main h5 .ui-icon{float:left;border-radius:100%}
#rss-main h5 .ui-icon-plus{background:rgba(0, 0, 0, 0.4) url(/portal_upload/images/templatemobile/icons-18-white.png) no-repeat scroll 0 0}
#rss-main h5 .ui-icon-minus{background:rgba(0, 0, 0, 0.4) url(/portal_upload/images/templatemobile/icons-18-white.png) no-repeat scroll -36px 0}
#rss-main .dates_actu{display:block;font-style:italic;font-weight:normal;text-transform:lowercase}


/* définition standard*/
@media 
only screen and (-webkit-max-device-pixel-ratio: 1),
only screen and (   max--moz-device-pixel-ratio: 1),
only screen and (     -o-max-device-pixel-ratio: 1/1),
only screen and (        max-device-pixel-ratio: 1),
only screen and (                max-resolution: 199dpi),
only screen and (                max-resolution: 1dppx)
{
	.sitemobile ul.menu li.logo a{
		background-image:url(/portal_upload/images/Templatemobile/logo320.png);
		 width:220px;}
	/*.sitemobile.home ul.menu li.logo a{
		background-color:#fff;
		background-image:url(/portal_upload/images/Templatemobile/logohome320.png);
		background-position:50%;
		width:307px}*/
	.sitemobile ul.menu li.accroche{font:normal 14px calibri, arial;
		background-color:#fff;
		background-image:url(/portal_upload/images/Templatemobile/accroche.png);
		background-position:50% 5px; 
		background-size:90%;
	}
	li.resultat a.ui-link{ width:90%; 
		background-image:url(/portal_upload/images/templatemobile/ico_plus_20.png) ;
		background-position:bottom right;}

}
/* définition HD */
@media 
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (   min--moz-device-pixel-ratio: 1.25),
only screen and (     -o-min-device-pixel-ratio: 1.25/1),
only screen and (        min-device-pixel-ratio: 1.25),
only screen and (                min-resolution: 200dpi),
only screen and (                min-resolution: 1.25dppx)
{
		
	.sitemobile ul.menu li.logo a{
		background-color:#fff;
		background-image: url(/portal_upload/images/Templatemobile/logo320@2x.png);
		
		background-size:92%; 
		width:220px;}
	/*.sitemobile.home ul.menu li.logo a{
		background-color:#fff ;
		background-image:url(/portal_upload/images/Templatemobile/logohome320@2x.png);
		background-position:50%;
		background-size:100%; width:307px}*/
	.sitemobile ul.menu li.accroche{font:normal 14px calibri, arial;
		background:#fff;
		background-image: url(/portal_upload/images/Templatemobile/accroche.png); 
		background-position: 50% 5px;
		background-size:90%;
	}
	li.resultat a.ui-link{ width:90%;
		background-image: url('/portal_upload/images/Templatemobile/ico_plus_20@2x.png');
		background-size:20px 20px;
		background-position:right bottom;
	}
	.sitemobile .filtres li.commerce a  {background-position:0 -10px;}
	.sitemobile ul.layout li.comment a{
		background-image: url(/portal_upload/images/Templatemobile/commentcamarche@2x.png);
		background-position: 30px 5px;
		background-size: 37px 59px;
	}	
	.sitemobile ul.layout li.decouvrirdrive a{
		background-image: url(/portal_upload/images/Templatemobile/bg_commerces@2x.png);
		background-position: 0px -15px;
		background-size: 100px 100px;
	}
	.sitemobile ul.layout li.echeques a{
		background: url(/portal_upload/images/Templatemobile/bg_echeque@2x.png);
		background-position:45px -7px; 
		background-size: 100px 100px;
		}
	.sitemobile ul.layout li.ecoupons a{
		background-image: url(/portal_upload/images/Templatemobile/bg_ecoupons@2x.png);
		background-position: 50px -7px;
		background-size: 100px 100px;
		}
	.sitemobile ul.layout li.echequeskdo a{
		background: url(/portal_upload/images/Templatemobile/bg_chqkdo@2x.png);
		background-position:50px -15px;
		background-size: 100px 100px;
		}	
	.sitemobile ul.layout li.offresdecouv a{
		background: url(/portal_upload/images/Templatemobile/bg_offres@2x.png);
		background-position:50px -15px;
		background-size: 100px 100px;
		}

	.sitemobile ul.layout li.chequeskdocrea a{
		background-image: url(/portal_upload/images/Templatemobile/bg_chqkdo@2x.png);
		}
	.sitemobile ul.layout li.bonsplans a{
		background: url(/portal_upload/images/Templatemobile/bg_bonplan@2x.png);
		background-position:50px -16px;
		background-size: 100px 100px;
		}	
	.sitemobile ul.layout li.stores a{
		background: url(/portal_upload/images/Templatemobile/bg_stores@2x.png);
		background-position:-10px 10px;
		background-size:85px 60px;
		}
	.sitemobile ul.layout li.vue360 a{
		background: url(/portal_upload/images/Templatemobile/bg_360@2x.png);
		background-position:-10px 10px;
		background-size:85px 60px;
		}
	.sitemobile ul.layout li.decouvrir a{
		background: url(/portal_upload/images/Templatemobile/bg_commerces@2x.png);
		background-position:-10px 10px;
		background-size: 100px 100px;
		}
	.sitemobile ul.layout li.commander a{
		background: url(/portal_upload/images/Templatemobile/bg_commander@2x.png);
		background-position:-10px 10px;
		background-size: 100px 100px;
		}	
	.sitemobile ul.layout li.burg_mescommandes a{
		background: url(/portal_upload/images/Templatemobile/bg_mescommandes@2x.png);
		background-position:-10px 10px;
		background-size: 100px 100px;
		}		
	.sitemobile ul.layout li.moncompte a{
		background: var(--mainsyst) url(/portal_upload/images/Templatemobile/bg_infospersos@2x.png);
		background-position:50% -10px;
		background-size: 100px 100px;
		}	
	.sitemobile .filtres .moncompte a{
		background: var(--mainsyst) url(/portal_upload/images/Templatemobile/bg_infospersos@2x.png);
		background-position:50% -10px;
		background-size: 100px 100px;
		}	
	.sitemobile ul.layout li.collecte a  {
	background-image: url(/portal_upload/images/Templatemobile/point_fid@2x.png);
	background-position:96px 4px;
	background-size: 90px 63px;
	}		
}

/* pour les hauteurs d'écran moyennes */ 
@media 
only screen and (max-height: 500px) 
{
	.sitemobile ul.layout li a .btntitre {font:13px calibri, arial;}
	.sitemobile ul.layout li.moncompte a{background-size:80px 80px;background-position:18px -10px;}
	.sitemobile ul.layout li.comment a{background-size:19px 30px;background-position:40px 2px;}
	.sitemobile ul.layout li.decouvrirdrive a{background-size:80px 80px;background-position:10px -20px;}
	.sitemobile ul.layout li.ecoupons a{background-size:80px 80px;background-position:60px -15px;}
	.sitemobile ul.layout li.echeques a{background-size:80px 80px;background-position:60px -15px;}
	.sitemobile ul.layout li.echequeskdo a{background-size:80px 80px;background-position:60px -15px;}
	.sitemobile ul.layout li.offresdecouv a{background-size:80px 80px;background-position:60px -15px;}
	.sitemobile ul.layout li.bonsplans a{background-size:80px 80px;background-position:60px -16px;}
	.sitemobile ul.layout li.stores a{background-position:-5px -12px;}
	.sitemobile ul.layout li.vue360 a{background-position:-5px -12px;}
	.sitemobile ul.layout li.decouvrir a{background-position:-5px -12px;}
	.sitemobile ul.layout li.commander a{background-position:-5px -12px;}
	.sitemobile ul.layout li.lotsenjeu a{}
	.sitemobile ul.layout li.collecte a  {background-size:70px 49px;background-position:120px 2px;}

	.sitemobile .filtres li.commerce a  {background-position:0 -16px;}
	.sitemobile .filtres a .btntitre {font:12px calibri, arial;}

	.sitemobile .filtres .moncompte a{background-size:80px 80px;background-position:14px -5px;}
	/*APPLI COMMERCANTS*/
	li.resultat a.ui-link{ width:90%; 
		background-image:url(/portal_upload/images/templatemobile/ico_plus_20.png) ;
		background-position:bottom right;}
	.sitemobile ul.layout li.instantgeo a{	background: url(/portal_upload/images/Templatemobile/bg_instant@2x.png);	background-position:50% 10px;	background-size: 35px 50px;		}
	.sitemobile ul.layout li.ticket a{background-image: url(/portal_upload/images/Templatemobile/bg_ticket@2x.png); background-size: 58px 44px;}
	.sitemobile ul.layout li.ticket a .btntitre,.sitemobile ul.layout li.instantgeo a .btntitre,.sitemobile ul.layout li.ecoupons a .btntitre  {font:12px calibri, arial;}

}
/* iphones */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait){
	.sitemobile ul.layout li a .tot_notif{font:50px arial;}

	.sitemobile ul.layout li a{height:94px}
	.sitemobile ul.layout li a .btntitre {font:13px calibri, arial;}
	.sitemobile.groupe12 ul.layout li.moncompte a{background-position:50% -10px;width:145px}
	.sitemobile.groupe12 ul.layout li.autourdemoi a{width:145px}
	.sitemobile ul.layout li.comment a{background-size:37px 59px;background-position:30px 5px;}
	.sitemobile ul.layout li.decouvrirdrive a{background-size:100px 100px;background-position:0px -15px;} /* à tester en direct */
	.groupe12 ul.layout li.decouvrirdrive a{height:90px} /* à tester en direct */
	.sitemobile ul.layout li.ecoupons a{background-size:100px 100px;background-position:50px -15px;}
	.sitemobile ul.layout li.echeques a{background-size:90px 90px;background-position:56px -15px;}
	.groupe12 ul.layout li.bonsplans a{background-size:90px 90px;background-position:60px -16px;height:90px}
	.sitemobile ul.layout li.bonsplans a{background-size:90px 90px;background-position:60px -16px;}
	.sitemobile ul.layout li.stores a{background-position:50% 0px;background-size:85px 60px;}
	.sitemobile ul.layout li.stores a .btntitre {font-size:11px;}
	.sitemobile ul.layout li.vue360 a{background-position:50% 0px;background-size:85px 60px;}
	.sitemobile ul.layout li.vue360 a .btntitre {font-size:10px;}
	.sitemobile .filtres li.vue360 a .btntitre {font-size:10px;}
	.sitemobile ul.layout li.echequeskdo a{background-size:90px 90px;background-position:60px -15px;height:90px}
	.sitemobile ul.layout li.offresdecouv a{background-size:90px 90px;background-position:60px -15px;}
	.sitemobile ul.layout li.decouvrir a{background-size: 110px 110px;background-position:-15px 1px;}
	.sitemobile ul.layout li.decouvrir a .btntitre {font-size:12px;padding-left:45px;top:10px}	
	.sitemobile ul.layout li.commander a{background-size: 110px 110px;background-position:-5px 1px;}
	.sitemobile ul.layout li.commander a .btntitre {font-size:12px;padding-left:45px;top:10px}
	.sitemobile ul.layout li.lotsenjeu a{}
	.sitemobile ul.layout li.collecte a  {background-size:84px 59px;background-position:100px 2px;}

	.sitemobile .filtres li.commerce a  {background-position:0 -16px;}
	.sitemobile .filtres a .btntitre {font:12px calibri, arial;}

	.sitemobile .filtres .moncompte a{background-size:100px 100px;background-position:50% -10px;}
	/*APPLI COMMERCANTS*/
	li.resultat a.ui-link{background-image:url(/portal_upload/images/templatemobile/ico_plus_20@2x.png) ;}
	.sitemobile ul.layout li.instantgeo a{	background: url(/portal_upload/images/Templatemobile/bg_instant@2x.png);	background-position:50% 10px;	background-size: 35px 50px;		}
	.sitemobile ul.layout li.ticket a{background-image: url(/portal_upload/images/Templatemobile/bg_ticket@2x.png); background-size: 58px 44px;}
/*.sitemobile ul.layout li.chequeskdo a .btntitre  {font:10px calibri, arial;}*/
	}
.incomplet{position:absolute;margin-left:80px;margin-top:10px;width:15px; height:15px;background-image:url(/Portal_Java/jquery-ui-1.10.4/css/start/images/ui-icons_FFFFFF_256x240.png); background-position: 0px -144px; }

li.titre_nofid{min-height:30px!important;padding:0px!important}
	
.btnmenu{position:absolute;right:0}
#menuburger{background-color:#FFF; display:none; position:absolute; top:0; right:-600px; z-index:999;width:200px;padding:5px;}
#menuburger li {text-align:right;min-width:195px;font:1.4em calibri, arial;margin:5px 5px 5px 0px;}
#menuburger li a{display:block;color:#000;font-weight:normal}
#menuburger li.titre1{text-transform:uppercase;border-right:solid 2px var(--maincolor1);padding-right:5px;margin:20px 5px 5px 0px;font-weight:bold}
#menuburger li.titre1 a{font-weight:bold}
#menuburger li.burg_img{margin-top:30px;}
#menuburger ul{clear:both;}
#menuburger li.sep{border-top:1px dotted #fff;}
#menuburger li.titresouligne{border-bottom:solid 2px var(--maincolor2);padding-top:22px}
#menuburger .croix{position: absolute;
    top: 5px;
    right: 10px;
    border: solid 1px;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    background-color: #666666;
    color: #fff;
    font-size: small;}
 .boxombre{box-shadow: -3px 3px 3px 1px rgba(0, 0, 0, 0.2); }
#menuburger .incomplet{background-color:red;margin:0 0 0 5px}
.drive_famille_item{
	position:relative;
	display:block;
	width: 100%;
	height:100px;
	background-size:100% 100px;
	margin-top: 5px
}
.drive_famille_lib{ position:absolute; right:5px; bottom:5px;font-size:1.5em;font-weight:bold;border-radius:3px;padding:0px 5px 0px 5px;background:rgba(255,255,255,0.8)}
.drive_famille_ssitem ul{
	margin:10px 0px 10px 15px;
	
}
.drive_famille_ssitem li{
	min-height:auto;
	display:block;
	float:left;
	width:50%;
	font-size:1.5em;
	padding-bottom:15px!important;
	
}
.drive_famille_ssitem li:first-letter {
	font-weight:bold;
}
.drive_famille_ssitem {text-align:center;}
.drive_famille_ssitem ul{text-align:left;}
.drive_lib_ssf{display:block;width:100%;font-size:1.5em;padding-top:10px;padding-bottom:10px;}
.drive_lib_ssssf{display:block;width:100%;font-size:1.5em;padding-top:10px;padding-bottom:10px;}
ul.drive_sf2ul{margin-top:-20px}
.drive_prod_item{position:relative;text-align:left;margin-bottom:15px}
.drive_prod_desclong{display:none;margin: 10px 0 10px 0;}
.extranet .drive_prod_desclong{display:initial;}
.drive_prod_desc{margin-bottom:10px;}
.drive_prod_photo{float:left;width:100px;margin-right:3px}
.drive_prod_photo img{max-height:75px}
.drive_prod_lib{font-size:1.3em;font-weight:bold;}
.drive_prod_bloc2{position:relative;min-height:30px}
/*.drive_prod_prix{position:absolute;right:0;top:12px;font-size:1.6em;font-weight:bold;color:var(--maincolor2)}*/
.drive_prod_prix,.drive_com_prix{float:right;font-size:1.6em;font-weight:bold;color:var(--maincolor2)}
.drive_com_prix{font-size:1.6em;color:#fff!important;border-radius:3px;padding:0px 5px 0px 5px;background:rgba(239,135,30,0.7)}
.drive_prod_qte{margin: 5px 0px;font-size:1.6em;font-weight:bold;color:var(--maincolor2);width:100%;text-align:right}
.drive_prod_commerce,.drive_prod_totcommerce{font-size:1.2em;font-weight:bold;text-align:right}
#drive_resrech1 .drive_prod_commerce{text-align:initial}
.sitemobile .drive_prod_commerce{display:block!important}
.drive_prod_totcommerce{margin-top:15px}
.prodsouligne{border-bottom:solid 1px var(--maincolor1);}
.drive_prod_desclong{text-align:justify;font-style:italic}
.driveliboption{margin-right: 10px;}
.drive_bloc_qty {display:inline}
.drive_bloc_qty span{margin:0 10px 0 10px}
.drive_prod_message{font-weight:bold;color:var(--maincolor2);position:absolute;left:0;margin-top: 15px;bottom: 5px;}
.drive_plus,.drive_moins{font-size:1.2em!important}
.drive_add{font-size:0.8em!important;}
.drive_choixtitre{width:100%;font-size:1.4em;color:#FFF;background-color:var(--maincolor1);text-align:center}
.drive_choix{text-align:justify}
#Ficheadherent .drive_bar div{width:100%;}
#Ficheadherent #panier_ico{margin:10px 0px;}
#panier_compte {position:absolute;bottom:0px;}
#panier_ico{position:relative;float:left;width:50%;font-size:1.2em;height:45px;background: url(/portal_upload/images/Templatemobile/drive/caddie.png);	background-position:100% 0px;	background-size: 45px 45px;	}
#panier_ico:hover{cursor: pointer}
.drive_famille_item:hover{cursor: pointer}
.drive_famille_ssitem li:hover{cursor: pointer}
span.drive_lstprod:hover{cursor: pointer}
#drive_rech1{float:left;position:relative;width: 50%;height:45px;background: url(/portal_upload/images/Templatemobile/drive/drive_search.png);	background-position:0px 0px;	background-size: 45px 45px;	}
#drive_RechTxt{position: absolute;left: 50px;bottom: 10px;}
.sitemobile #drive_RechTxt {width:90px;}
.extranet #drive_cmd1 {    margin: 0 auto;}
#panier_ico span{right:45px;font-size:1.8em;font-weight:bold;color:var(--maincolor2);white-space:nowrap}
#drive_listing{position:absolute;width:100%;min-height:100%;z-index:998;background-color:#FFF}
#drive_titrepanier,.drive_titre{width:100%;font-size:1.8em;color:#FFF!important;background-color:var(--maincolor1);text-align:center;margin-bottom: 15px;}
#drive_resrech1{display:none;position:absolute;    z-index: 666; width:100%;background-color:#fff;top:70px;padding-bottom: 30px;}
#content .rechboutikres img{float:left;    margin-right: 15px;}
#content .rechboutikres h2{background-color:transparent;color: var(--maincolor1);font-weight: bold;font-size:1.2em}
#content .rechboutikres {min-height: 80px;}
.sitemobile #drive_resrech1{top:45px;}
#drive_barre{display:block;min-height:70px}
#jecommande{width:100%}
#drive_listing #dreservation{text-align:center;}
#drive_listing #date-reservation{display:inline}
#drive_listing #heure-reservation{display:inline}
.extranet #drive_listing #date-reservation{margin-right: 5px;}
.extranet #drive_listing #date-reservation{margin-right: 15px;}
.extranet #drive_listing  button.btn{margin:20px auto;}
#drive_listing #cgv-box label{text-align:justify}
.extranet #drive_listing #cgv-box label{margin-right:30px}
/*Points retraits*/
.lieu-horaires{margin-top:5px;}
.btn.geoloc.pointretrait{margin:10px 0; padding:10px 5px 30px 70px;}
.selretrait{margin-top:20px;}
.btn-box{float:right;}
.btn-box .btn{margin:0 0 10px 0;}
#listingRech {margin:20px 0 0 0}
#listingRech li{margin:0 0 20px 0!important; padding:10px 0!important; border-bottom:1px dotted !important;}

.extranet #drive-main{float:right;margin-right:-5px;}
.home #drive-main ul li a {
    display: block;
    width: 114px;
    height: 123px;
    position: relative;
}
.home #drive-main ul li {
 background: var(--maincolor1);
    color: #fff;
    margin: 5px;
    border-radius: 5px;
}
.extranet #drive-main ul li.commander a{
	width: 238px;
	background-image: url(/portal_upload/images/Template/drive/bg_commander.png);
	background-position:15px 10px;
}
.extranet #drive-main ul li.burg_mescommandes a{
	background-image: url(/portal_upload/images/Template/drive/bg_mescommandes.png);
	background-position:9px 5px;
}
.extranet #drive-main ul li.burg_drives a{
	background-image: url(/portal_upload/images/Template/drive/bg_drives.png);
	background-position:9px 5px;
}
.extranet #drive-main ul li.burg_histo a{
	background-image: url(/portal_upload/images/Template/drive/bg_historique.png);
	background-position:9px 5px;
}
.extranet #drive-main ul li.burg_panier a{
	background-image: url(/portal_upload/images/Template/drive/caddie_blanc.png);		
	background-position:15px 10px;
}
.extranet #drive-main ul li.commander a .btntitre{
	bottom: 45px;
    right: -50px;
}

.extranet #drive-main ul li a .btntitre {
    font: 14px calibri, arial;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
	position: absolute;
	width: 100%;
    text-align: center;
	bottom:5px
}
.extranet #drive_theme .resultatBlock{width:900px;position:relative;margin:0 auto;}
.extranet .resultatfamille{width:400px;float:left;padding:20px}
/*Points retraits*/
.lieu-libelle, .btn .libPoint{font-weight:bold !important;}
.btn.geoloc.pointretrait{text-align:left; font-size:1.1em;font-weight:normal; color:#000!important;background-color:#fff!important; background-position: 20px 8px; background-image:url(/portal_upload/images/googlemap/geoloc_1.png);}
.textelong{font-size:14px;text-align:justify}
.textelong h4{color:var(--maincolor2);text-align:center;font-weight:bold ;padding-right:10px;}
.rgpd{text-align:justify;color:#fff}
#TotalPoints .seuildepasse{text-align:justify;font-size:1.2em;}
#forgetpwd{text-align:justify;}
#forgetpwdmsg{text-align:justify;margin-top:20px}
#forgetpwdmsg .mailcontact{text-align:center;margin:10px}
.mentions_alcool{text-align:justify;font-style:italic;margin-top:10px;margin-bottom:10px}


input[type="checkbox"].error:before{
  content:'X';
  color: red;
  font-weight: bold;
  margin-left: 2px;
}
#drive_listing label.error {display:none!important}
#drive_listing textarea.error,#drive_listing input.error {background-color:red}
#drive_listing select.error {border:solid 1px red;}

ul.menu li.sav a{background-image:url(/portal_upload/images/annuaire/ico_sav.png);background-color: var(--maincolor2);background-size: cover;background-position-y:5px;width: 50px;}
ul.menu li.sav {float:right;}

ul.diaporama {margin:0;padding:0;height:auto;width:auto}
ul.diaporama li{list-style:none;margin:0;padding:0;background:transparent}
ul.diaporama .slick-list{height:200px;}
ul.diaporama a.zoom{
	display:initial;
	min-width:initial;
	height:initial;
	position:initial
}
ul.diaporama a.zoom img{
    margin: 0 auto;	
	border-radius:5px; 
		width:100%
}
#diapo-main{width: 318px;height: 208px;}
.extranet ul.diaporama .slick-list{height:420px;}
.extranet ul.diaporama a.zoom img{
    margin: 0 auto;
    max-width: 612px;
    max-height: 400px;
	border-radius:5px;	
}
.extranet #diapo-main{width: 612px;height: 400px;}
.sitemobile.groupe12 ul.layout li.comment.commentsmall2 a {min-width:89px;width:89px}
.sitemobile.groupe12 ul.layout li.commander a  {width:190px;}
#cookie-msg{background-color:var(--cookieBG);color:var(--cookieColFont);z-index: 666;}
#cookie-msg a{color:var(--cookieColFontA);}
#cookie-msg a.btn-aceptar{background-color:var(--cookieBGBtn);color:var(--cookieColBtnFont);}


.logobio.web{position: absolute;
    bottom: 0;
    left: 10px;}
.logobio.mobile,.logobio.fiche{display:inline;margin-right: 10px;}
.logolocal.web{position: absolute;
    bottom: 0;
    right: 10px;}
.logolocal.mobile,.logolocal.fiche{display:inline;}

.btndeleteRGPD{margin-top:50px}
#deleteRGPD	{	
    background-color: var(--maincolor2)!important;
    
}

#MonCompte .reponse input[type=text], #MonCompte .reponse input[type=password], #MonCompte .reponse select, #MonCompte .reponse textarea{border:1px solid var(--maincolor1);}
a.v360{display:block;width:30px;height:30px;background-image:url("/portal_upload/images/annuaire/icones/360.png");}
.mescheques30 .ui-popup-container {
left: 0 !important;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}