@charset "utf-8";
@import "/config/_client.css";
/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;}
p, blockquote, q, pre, address, hr, code, samp,dl, ol, ul, fieldset, menu {	margin-bottom: 10px;}
html {font-size: 100%;}
h1, h2, h3, h4, h5, h6 {	margin-bottom: 10px;}
h1 {	font-size: 18px}
h2 {	font-size: 16px}
h3 {	font-size: 14px}
h4 {	font-size: 13px}
h5 {	font-size: 12px}
h6 {	font-size: 12px}
em, i {	font-style: italic;}
strong, b {	font-weight: bold;}
blockquote, q, cite {	font-style: italic;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";	content: none;}
code, kbd, pre, samp, tt {	font-family: courier;line-height: 1.3;}
pre {white-space: pre-wrap;}
abbr, acronym, dfn {	border-bottom: 1px dotted;	cursor: help;	font-variant: normal;	font-style: normal;}
var {	font-style: normal;}
center {text-align: center;}

ul {	list-style: disc outside none;}
ol {	list-style: decimal outside none;}
li {	margin-left: 20px;}
li ul, li ol {	margin-bottom: 0;}
dt {	font-weight: bold;}
dd {	margin-bottom: 10px;}
hr {	border: 0;	border-bottom: 1px solid;}
big {	font-size: 13px;}
small, sub, sup {	font-size: .85em;}
sub, sup {	line-height: 1;}
sub {	vertical-align: bottom;}
sup {	vertical-align: top;}
del, s, strike {	text-decoration: line-through;}
ins {	text-decoration: none;	border-bottom: 1px dotted;}
bdo {	border-bottom: 1px dotted;}
u {	text-decoration: underline;}

fieldset {	padding: 10px;}
legend {	font-weight: bold;	padding: 0 .25em;}
input, textarea, select, button {	font-family: inherit;	font-size: 12px;}
input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {cursor: pointer;}
input[type=text], input[type=password], textarea {	padding: 1px;}
textarea {	text-align: left;	line-height: 1.25;}

table {border-collapse: collapse;	border-spacing: 0;	border: 0}
caption, th, td {	text-align: left;	vertical-align: top}
th, td {	padding: 0;	border: 0 none;}
caption {	padding-bottom: 10px}
th {	font-weight: bold}

.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}
* html .clearfix {	zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
body {min-height:600px;}
#header, #content {position: relative;}
#footer h2{text-align:center;font-size:1em}
#SelectProfil {position:absolute;top:0px;right:0px;text-align:center;z-index:9999}
#iframe_modules{position: relative;top:0px;width: 720px;height:1300px;}
.adminbox{position:absolute;left:-310px;top:50px;z-index:999999; padding:10px; width:300px;}
#content-main{margin-top:5px}

/* -- GNV --- */
.left{float:left}
.right{float:right}
.clear{clear:both}
.btn, .cmdflat{display:block;padding:5px 10px; text-align:center;}
.valider{clear:both}
.consulter{letter-spacing:0}
.wsite{margin:0px auto;width:100%;max-width:980px;}
ul.inline{margin:0;padding:0;list-style:none;}
ul.inline li{margin:0;padding:0; float:left}

/* MENU */
#menu{padding-top:20px;}
#menu-content{margin:0px auto; width:100%;position:relative; }
#navigation{position:relative;display: flex;align-items: center;}
#logo-entete,#btn-accueil{margin-right: 20px}
#navigation ul{margin:0px;padding:0px;list-style:none;}
#nav a{display:block;padding:8px;}
.extranet #navigation #nav a, .extranet #navigation #nav li.item_selected{color:var(--maincolor2);background:transparent}
.extranet #navigation #nav a{background:transparent;border-color:transparent;
  border-style:solid;
  border-width: 0px 0px 5px 0px;
  padding-bottom:5px;}
.extranet #navigation #nav a:hover, .extranet #navigation #nav li.item_selected a{  background:transparent;border-color:var(--maincolor2);
  border-style:solid;
  border-width: 0px 0px 5px 0px;
  padding-bottom:5px;
  }
#logo-entete a, #btn-accueil a{padding:0;background:transparent!important}
#navigation li {display:inline-block;margin:0;padding:0;text-transform:uppercase;}
#nav li ul{ display:none; position: absolute; top: 20px;z-index: 1000; padding: 5px; max-width: 250px;}
#nav li ul li{display: block; text-align: left;border:0px;}

/* HEADER*/
#accroche{padding:10px;}
#accroche td{vertical-align:middle;}
#header{padding:20px 0;}
#entete li{margin:0 20px;}
#entete li.box-logo{padding-top:20px; text-align:center;}
#entete li.box-accroche h2 {text-align:center;}
#entete li.box-accroche h3 {text-align:center;}
#entete li.box-contact #contact{width:210px; padding:5px; margin:0px auto;}
#entete li.box-contact #numtel{letter-spacing:0.1em; margin:10px 0 20px 0;}
#entete li.box-contact a{letter-spacing:0.1em;}
#entete .logo-entete{text-align:center;}
#page{clear:both;}
#footer-main{margin-top:20px}
#icos_haut{position:absolute;right:0;display: flex;align-items: flex-end;flex-direction:column}
#icos_store,#icos_reso{display: flex;justify-content: flex-end;margin: 2px;}
#navigation #icos_haut a{background:  var(--maincolor1);border-radius:5px;margin-left:5px;line-height: 5px;}
/* CONTACT */
#laycontact{}
#laycontact td{padding:5px}
#laycontact td.submit{text-align:right; vertical-align:middle}
#laycontact td .bsubmit{margin:0 auto;}
 
/* FOOTER */
#footer p{padding:20px;text-align:center}

/* inscription com */
body.inscription h3{padding:10px; margin:20px 0 10px 0;}
body.inscription .cmdflat{margin-top:5px;}
body.inscription #inscription_main{padding:30px 10px;}
.tblay td{padding:5px 10px}
.tblay td.libelle{width:300px;}
label.error{display:inline-block; margin: 0 10px; padding:5px;}
label.error:before{content:" < ";}
#imagejointe img{width:auto; max-width:400px; height:auto; max-height:200px;}
img.loading{display:block;margin:20px auto;}
span.error{display:inline-block; margin:0 0 10px 0; padding:5px;}
ul.nopuce{margin:0;padding:0;list-style:none;}
ul.nopuce li{margin:0;padding:0 20px;}
ul.nopuce li label{padding:5px 10px;}
ul.nopuce li:hover label{cursor:pointer}
.proposition-ville{display:none;position:absolute;top:0px;left:0; z-index:9999;padding:5px;width:280px;}
div.proposition-ville {overflow:scroll;overflow-x:hidden; max-height:200px;}
div.proposition-ville a{display:block; padding: 8px 2px; }

/*EXTRANET*/
#content h1,#content h2,#content h3{padding: 5px}
#content .box h4,#content .box h5,#content .box h6{margin-bottom:0px;}
#content .lay-home{ width:680px;margin:20px auto; }
#content .colonne{float:left;width:60%;max-width:480px; margin:10px; }

#MonCompte .proposition-ville{display:none;position:absolute; left:0; top:0; z-index:9999;padding:10px; width:90%;}
#MonCompte h1{padding:5px;}
#MonCompte .marketing{clear:both;margin:40px 0;}
#MonCompte .anniversaire .dataniv{display:inline-block;float :left;margin:5px 10px ;}
#MonCompte .anniversaire .ui-select{display:inline-block; width:80px;}
#MonCompte .anniversaire .ui-select .ui-btn-inner{padding:5px;}
#MonCompte .anniversaire .ui-select .ui-btn-text{overflow:default !important;}
#MonCompte .box{padding: 10px 0;}
#MonCompte .floatbox{width:auto;}
#MonCompte .btnsoumission{clear:both;}
/*MES POINTS FIDELITE*/
body.mespointsfidelite  #content h1{padding:5px;  width:auto;}
body.mespointsfidelite  #content h2.orange{padding:5px;}
body.mespointsfidelite  .points{text-align:center;}
body.mespointsfidelite  .obtenus{margin-bottom:30px;}
body.mespointsfidelite  #saisiecodebarre{margin-top:60px;}
body.mespointsfidelite  #saisieman input,body.mescheques20  #saisieman input{width:250px;padding:10px;margin:0 10px 0 0;float:left;}
body.mespointsfidelite  #saisieman button,body.mescheques20  #saisieman button,
body.mespointsfidelite  #saisieman a,body.mescheques20  #saisieman a{padding:10px;float:left;}
body.mespointsfidelite  #saisieman .ui-input-text,body.mespointsfidelite  #saisieman a{float:left;}
body.mespointsfidelite  #saisieman  div.ui-input-text{width:200px; padding:8px; margin-right:10px;}
body.mespointsfidelite  #saisieman .ui-btn{width:50px;text-align:center;padding:0;}
body.mespointsfidelite  #saisieman .ui-btn-inner{padding:10px 0; }
body.mesbonsplans  #content h1{width:auto;}
/*MES CHEQUES FIDELITE*/
body.mescheques30 #content h1,body.mescheques20 #content h1{width:auto; margin:0 0 2px 0;}

/*RECH */
body.recherche #content h1{padding:3px}
#frmSubRech div.ui-input-text{margin:3px 0}
#frmSubRech #search{border:0; margin:0; width:230px; padding:5px; float:left;}
#frmSubRech #btnSubmit{ display:inline-block;float:left; width:40px;}
#frmSubRech #btnSubmit .ui-btn-inner{ padding:0;}

/* COMMENT CA MARCHE */
.accordion h2{margin-top:20px !important}

#details-comment {margin:20px 0px; padding:5px;}
#resume-comment td{vertical-align:middle;padding:10px 30px;}
#resume-comment .fleche{width:110px; height:35px;}
#resume-comment td label{display:inline-block; cursor:pointer;}

#content{padding:5px 0 0 0;}
/* HOME */
.home #content h2{text-align:center; margin:3px;padding:3px 0;}
.home ul.menu li.btnback,.home  ul.menu li.btnhome {display:none;}
.home .box{max-width:450px;width:49%;}

.home #sommaire{display: flex}
.home #sommaire-main2{margin-top: -5px;}
ul.layout{ width:auto;height:auto;}
ul.layout li,ul.filtres li{margin:5px 0px 5px 10px }
ul.layout li,ul.filtres li,.page113 #compte1Bt li.stores,.page113 #compte2Bt li.autourdemoi{ width:auto; padding:0px; position:relative;  display:inline-block; }
/*ul.layout li a { display:block;width:177px; height:80px; position:relative; padding:5px}*/
ul.layout li.reseaux a { display:block;width:140px; height:107px; position:relative; padding:10px}
#sommaire-main2 ul.layout li a, .filtres a,.page113 #compte1Bt li a,.page113 #compte2Bt li a{ display:block;width:134px; height:107px; position:relative; padding:10px}
#commercants-main #commercants>ul.inline li{background:transparent}
ul.layout li.rs a{ width:78px; height:80px;}
ul.layout li a .btntitre,.page113 #compte1Bt li.stores a .btntitre ,.page113 #compte2Bt li.autourdemoi a .btntitre {position:absolute; bottom:10px; right:0; z-index:1;text-align:center;}
ul.layout li a .btntitre {width:100%;}
ul.layout li a .tot_notif {position:absolute; top:-60px; left:0; z-index:1;  width:90px; text-align:center; }
ul.layout li.collecte  {padding-right:0;}
/*ul.layout li.collecte a  {width:374px; text-align:right;}*/
ul.layout li.collecte a .btntotal { width:100%; text-align:left;padding:0 0 0 10px; margin:-10px 0 0 0;}
ul.layout li.collecte a .btntitre { right:-5px; bottom:0; padding:0 10px 0 0  ;text-align:right}
ul.layout li.comment .btntitre, ul.layout li.moncompte .btntitre{bottom:25px;right:-30px;}
ul.layout li .btntotal{display:block; position:absolute; left:0; top:30px; z-index:1; }
ul.layout li.reseaux{padding:0;}
ul.layout li.reseaux li{margin:0;background: transparent;}
ul.layout li.reseaux li:first-child{margin:0 10px 0 0;}
.filtres {clear:both;position:relative;}
.filtres a .btntitre {position:absolute; bottom:5px; left:0; z-index:1; width:100%; }
#dialog-main{display:none; width:440px; height:600px; position:absolute; z-index:99999;left:0; top:57px;text-align:center; padding:40px;margin:0 35%}
#dialog-main .close{display:block; width:36px; height:36px; float:right; position: relative; z-index:99999;}
.opespeciale{margin: 30px 0; text-align:left;}
.nouveauchequefide{margin: 30px 0; text-align:left;}
.nouveauchequefide .gain{display:block;}

/*MES BONS PLANS */
body.mesbonsplans  #content h1{width:auto;}
.resultatBlock{display: flex;flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.resultatBlock li a, .resultatBlock li a>div, .resultatBlock li >div{text-shadow:none;}
.BP .resultatBlock >a.resultat,.lstCommerces .resultatBlock >a.resultat{display:block; padding:5px 5px 0 5px; margin:10px 5px 10px 0; width:100%; max-width:310px}
.BP .resultatBlock h3,.lstCommerces .resultatBlock h3{padding:3px !important;}
.BP .resultatBlock a.resultat .logo,.lstCommerces .resultatBlock a.resultat .logo{float:right;}
.BP .resultatBlock  .offreglobale, .lstCommerces .resultatBlock  .offreglobale { margin-bottom:5px;min-height:195px;position:relative;}
.BP .resultatBlock  .detail, .lstCommerces .resultatBlock  .detail{float:left;width:100%;}
.BP .resultatBlock  .detail .description, .lstCommerces .resultatBlock  .detail .description{ }
.BP .resultatBlock  .logo, .lstCommerces .resultatBlock  .logo {width:100px;height:80px;overflow:hidden;margin-bottom:5px;   text-align: center;     }
.BP .resultatBlock  .logo img, .lstCommerces .resultatBlock  .logo img{width:auto; max-width:130px;}
.BP .resultatBlock  .codebarre{text-align:center;padding:5px 20px; width:auto; display:inline-block; margin:0 0 10px 0}
.BP .resultatBlock  .codebarre span{padding:0px 5px;}
.listebonsplans .BP>div{clear:both;margin:10px 0;}
.listebonsplans .BP {clear:both;}
.listebonsplans .BP .icone_rech {display:none;}

#An_Content.BP .resultatBlock >a.resultat, #An_Content.lstCommerces .resultatBlock >a.resultat{display:block;padding: 0 0 10px 0; margin:0;}
#An_Content.BP .resultatBlock h3, #An_Content.lstCommerces .resultatBlock h3{padding:10px !important;}
#An_Content.BP .resultatBlock a.resultat .logo, #An_Content.lstCommerces .resultatBlock a.resultat .logo{float:right;}
#An_Content.BP .resultatBlock  div.detail, #An_Content.lstCommerces .resultatBlock  div.detail{float:left;min-height: 278px;}
.extranet #content.wsite #An_Content.BP .resultatBlock  div.offreglobale{ position:relative;min-height:200px;
    border-radius: 12px;
    border: solid 4px var(--bonsplans);
box-shadow:none;
    background-position: 50% 36px;
	} 
	
body.rech0.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor2);}
body.rech1.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor2);}
body.rech2.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor3);}
body.rech3.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor2);}
body.rech4.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor3);}
body.rech5.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor3);}
body.rech6.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor2);}
body.rech7.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor3);}
body.rech8.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor2);}
body.rech9.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale {border: solid 4px var(--maincolor1);}
	
.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale { position:relative;min-height:200px;
    border-radius: 12px;
    border: solid 4px;
box-shadow:none;
    background-position: 50% 36px;
	}
#An_Content.BP .resultatBlock  div.offreglobale .description,#An_Content.BP .resultatBlock  div.offreglobale h3, #An_Content.lstCommerces .resultatBlock  div.offreglobale .description,#An_Content.lstCommerces .resultatBlock  div.offreglobale h3{z-index:1;}

#An_Content.BP .resultatBlock  div.offreglobale div.codebarre {padding:5px !important;position:absolute;z-index:1; left:10px;}
.extranet #content.wsite #An_Content.BP .resultatBlock  div.offreglobale .detail h3{
	box-shadow:none;
	background:var(--bonsplans)!important;
	border-radius:0px;
	font-size:14px;font-weight:bold;
} 
.extranet #content.wsite #An_Content.lstCommerces .resultatBlock  div.offreglobale .detail h3{
	box-shadow:none;
	border-radius:0px;
	font-size:14px;font-weight:bold;
	text-align: center;
}
#An_Content.BP .resultatBlock  div.offreglobale .detail .description {position:relative;background:#FFF!important;color:#000;margin:173px 0 0 0;border-radius: 0 0 10px 10px!important;} 
#An_Content.lstCommerces .resultatBlock  div.offreglobale .detail .description{position:relative;background:#FFF!important;color:#000;margin:200px 0 0 0;border-radius: 0 0 10px 10px!important;}
#An_Content.BP .resultatBlock  div.offreglobale .detail .description .titre{overflow:hidden; max-height:20px; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
	}
#An_Content.lstCommerces .resultatBlock  div.offreglobale .detail .description .titre{overflow:hidden; height:60px; 
    text-align: center;
    padding: 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;}
#An_Content.BP .resultatBlock  div.offreglobale .detail .description .content, #An_Content.lstCommerces .resultatBlock  div.offreglobale .detail .description .content{overflow:hidden; max-height:10px; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;}
.menufiche .go span.btntitre{display:block;padding-top:15px;}
#An_Content.BP .resultatBlock  div.offreglobale div,
#An_Content.lstCommerces .resultatBlock  div.offreglobale div,
#An_Content.BP .resultatBlock  div.offreglobale td,
#An_Content.lstCommerces .resultatBlock  div.offreglobale td,
#An_Content.BP .resultatBlock  div.offreglobale p,  
#An_Content.lstCommerces .resultatBlock  div.offreglobale p,  
.resultatBlock  div.offreglobale li 
	{ padding:0;}
#An_Content.BP .resultatBlock  div.offreglobale div.codebarre,
#An_Content.lstCommerces .resultatBlock  div.offreglobale div.codebarre
{ top:30%; left:25%;}
#An_Content.BP .resultatBlock  .codebarre{ text-align:center;padding:5px 20px; width:auto;  display:inline-block; margin:0 0 10px 0}
#An_Content.BP .resultatBlock  .codebarre span{padding:0px 5px;}
#An_Content.BP .resultatBlock  div.offreglobale div.validite,
#An_Content.lstCommerces .resultatBlock  div.offreglobale div.validite
{ text-align:center; }
#An_Content .fichecoupon .detail .description{padding:5px !important;position:absolute;z-index:1;left:10px}
#An_Content .fichecoupon .detail .description{bottom:10px;width:90%;}
.extranet #An_Content .detail .savoirplus{display:inline-block; float:right;text-align:right;padding:2px 10px !important;margin:10px 0 0 0 ;
    background-color: var(--bonsplans);
    color: #fff;
    font: bold 12px arial;
    border: 0;
    border-radius: 5px;
}
#content .offres10  .resultatBlock   .commercant{margin:10px 0}
.fichecoupon .menufiche, #Ficheadherent .menufiche {margin:10px 0 0 0;}
.fichecoupon .menufiche li a, #Ficheadherent .menufiche li a{display:block; width:105px; height:35px;text-decoration:none; margin-right:6px; text-align:center; padding-top:60px;}
.fichecoupon .menufiche li:last-child a, #Ficheadherent .menufiche li:last-child a{margin:0;}
.fichecoupon .logo{float:right; padding:0; margin:0;}
#content .fichecoupon .detail h3{padding:10px;}
.fichecoupon  div.offreglobale {margin:0;}
.fichecoupon  div.validite, .fichecoupon  div.offre, .fichecoupon  div.conditions {padding:3px 10px;}
.fichecoupon  div.offreglobale div{text-align:center;}
.fichecoupon .codebarre{text-align:center;float:none;padding:10px; clear:both;margin:0 0 20px 0  }
.fichecoupon .codebarre label{display:block;margin:0; }
.fichecoupon .codebarre span{padding:0px 5px;}
.fichecoupon .logo img{width:auto; max-width:120px;}

/*MES CHEQUES FIDELITE*/
body.mescheques30 #content h1,body.mescheques20 #content h1{padding:10px 80px 5px 10px;  width:auto; margin:0 0 2px 0;}
body.mescheques30 .btn,body.mescheques20 .btn{padding:0}
#MesBP  .resultatBlock{position:relative;padding:10px 0}

.listecheques {margin:0 0 20px 0; width:100%;}
.listecheques td{padding:5px; vertical-align:middle;}
.listecheques td.valeur{padding:5px; text-align:center;}
.listecheques td.head{padding:3px; text-align:center;}
.listecheques td.c1{width:140px; text-align:left;}
.listecheques td .codebarre{margin:0 auto; text-align:center; width:120px;}
.listecheques td .codebarre span{padding:0px 5px;}
a.demo {float:right;width:50px; height:50px; }
#histo-main{margin-top:40px;}
#histo-main h2{margin-bottom:3px;}
.histo-content {padding:3px;}
.histo-content .ui-listview{padding:0 0 0 30px; margin:3px 0 15px 0;}
.histo-content .ui-listview p{ padding:2px 10px;}
.histo-content .ui-collapsible-content{padding:0; margin:0;}
.historique {overflow:hidden;}
.historique h3{width:300px;}
.historique p{width:260px;padding:10px;margin:0px auto;}

.ficheContact label{display:inline-block; width:20%; max-width:150px;}
.ficheContact #frm_newsletter label{max-width:200px;}

.historique h3{border:0; width:auto;}

/*ACTU RSS*/
#rss-main h5{font-weight:bold;line-height:30px;padding:0 0 0 35px;background-image:url(/portal_upload/images/template/ico_boxoff.png);background-position:0 0;background-repeat:no-repeat;text-transform:uppercase;}
#rss-main h5.less{background-image:url(/portal_upload/images/template/ico_boxon.png);}
#rss-main h6.date{display:none;}
#rss-main h6.dates_actu{font-style:italic; font-weight:normal; font-size:12px;}
#rss-main ul{padding:0 !important; margin:0 !important; list-style:none !important;}
#rss-main .item{padding:20px 10px; border-top:1px solid #ddd; margin:0;}
#rss-main .desc_actu{text-align:justify;}
#rss-main .savoirplus{margin:30px auto;}


.extranet ul li.commander a{
	background-image: url(/portal_upload/images/Template/drive/bg_commander.png);
	background-position:0px 25px;
}
.extranet ul li.commander a>.btntitre {
    top: 15px;
    text-align: right;
	margin-right:12px
}
#commercants-main ul.filtres li a>span.btntitre{font-size:14px;    bottom: 20px;}
#sommaire-main2 ul.layout li.stores a,.page113 #compte1Bt li a{background-position: 15% 35px;width:298px}
.page113 #compte2Bt li a{background-position: 25% 35px;width:298px;border-radius: 5px;}
#sommaire-main2 ul.layout li.stores a>span.btntitre,.page113 #compte1Bt li a>span.btntitre,.page113 #compte2Bt li a>span.btntitre{width: 62%;top: 33%;font-size: 16px;font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;}
#sommaire-main2 ul.layout li a .tot_notif {top:-69px;}
#sommaire-main2 ul.layout li.decouvrirdrive a {    background-position: 30px 0px;}
#sommaire-main2 ul.layout li.bonsplans a {    background-position: 78px 19px;}
#sommaire-main2 ul.layout li.comment a {    background-position: 64px 15px;}
#sommaire-main2 ul.layout li.moncompte a {    background-position: 35px 5px;}
#sommaire-main2 ul.layout li.decouvrirdrive {background-color:var(--maincolor1)}
#sommaire-main2 ul.layout li.comment .btntitre, #sommaire-main2 ul.layout li.moncompte .btntitre {right:inherit;bottom: 10px;width: 93%;}
#sommaire-main2 ul.layout li.autourdemoi a {    background-size: 24%;border-radius: 5px;}

.introduction,.dowloadapp, .dowloadedapp{text-align:center;}
.dowloadapp, .dowloadedapp{min-height:94px;margin-bottom:30px}
.dowloadapp0, .dowloadedapp0{text-align:center}

.page107 .dowloadapp  {margin: 0px auto;    float: initial;}
.page107 #content .dowloadapp ul.inline li {
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
	
}
.page107 #content .dowloadapp li a{margin-top:35px}
.ui-button-text-only .ui-button-text {padding: .4em 0em;}
.extranet .textelong h4{font-size:1.3em}
.extranet #content #btnRetour{width: fit-content;   
    position: absolute;
    z-index: 666;
    right: 25px;
    top: 24px}
	
.extranet #diapo-main ul.diaporama a.zoom img {    max-width: 651px;width: 651px;}
.extranet #commercants li.f1	{margin: 5px 5px 0px 0px;}
.extranet #sommaire-main #diapo-main {width: 651px;}

.visuelComment{display: flex;justify-content: space-between;align-items: flex-start;}
.col2Comment{margin-left: 55px;}


#An_Content.BP .resultatBlock >a.resultat, 
#An_Content.lstCommerces .resultatBlock >a.resultat {
    max-width: 316px;
}
.extranet #drive_theme .resultatfamille {   
    padding: 10px;
    border-radius: 12px;
    border: solid 4px var(--maincolor1);
    margin: 10px;
}
.extranet #drive_RechTxt {   
    width: 80%;
}
.extranet #drive_rech1 {
    float: none;    
    margin: 0 auto;
}
.extranet #An_Content .fichecoupon #detailoffreglobale{display: flex;justify-content: space-between;}
.extranet #An_Content .fichecoupon .offreglobale {position: relative;min-height: 350px;max-height: 350px;margin-bottom: 10px;width: 550px;border-radius: 15px}
.extranet #An_Content .fichecoupon #detailoffreglobaletextes{width:415px}
.extranet #An_Content .fichecoupon #detailoffreglobaletextes .description{min-height:200px;max-height:200px;border-radius:15px;margin: 0 0 15px 0;font-size:14px}
.extranet #An_Content .fichecoupon #detailoffreglobaletextes .offrevalidite{min-height:105px;max-height:105px;border-radius:15px;padding: 15px 15px 0 15px}
.extranet #An_Content .fichecoupon #detailoffreglobaletextes .description .titre{padding:15px;font-size:16px}
.extranet #An_Content .fichecoupon #detailoffreglobale .detail h3{background-color: var(--maincolor2)!important;border-radius: 15px 15px 0 0;font-size: 16px;font-weight: bold;}
.extranet #An_Content .fichecoupon .menufiche li.stores a, .extranet #An_Content #Ficheadherent .menufiche li.stores a {background-position-x:10px}
.extranet #An_Content .fichecoupon .menufiche li.mesbonsplans a {background-size:69%;background-position-x: 50%;background-position-y: -3px;}
.extranet #An_Content .fichecoupon .menufiche li.comment a, .extranet #An_Content #Ficheadherent .menufiche li.comment a {background-color: var(--mainsyst)!important;background-image: url(/portal_upload/images/Templatemobile/commentcamarche@2x.png);background-size: 39%; background-position-x: 50%;}

.extranet .dowloadapp {   
    padding: 15px;
    border-radius: 12px;
    border: solid 4px var(--maincolor1);
	width:66%
}
.page113 #compte1{display:flex;justify-content: space-between;} 
.page113 #compte1col1{width:319px} 
.page113 #compte1texte{display:inline-block;margin-top:15px;text-align: center;} 
.adhesion.page113 #compte1texte{margin:30px 0;} 
.page113 #compte1texte p{text-align:justify} 
.page113 #compte1Login{width:46%;padding: 35px 65px;
    border-radius: 12px;
    border: solid 4px var(--maincolor1);} 
.page113 #compte1Bt li.stores a{background-image: url(/portal_upload/images/Templatemobile/bg_stores.png);color: #fff;}
.page113 #compte1Bt li.stores {    background-color: var(--maincolor2);    border-radius: 5px;}
.page113 #compte2Bt li.autourdemoi {border-radius: 5px;}

#lg, .page113 #compte1 #f_login,.page113 #compte1 #f_password, .page113 #formInscr .champ{height: 35px;
    width: 400px;
    padding-left: 40px;
    border: solid 1px var(--maincolor1)!important;
    border-radius: 5px;
	
    }
.page113 #res_cp{margin-left:15px;}
.page113 #formInscr .champ{padding: 5px;}
.page113 #f_User_cp.champ{width:70px}
.page113 #f_User_ville.champ{width:315px;height:47px}
.page113 #f_civilite.champ{width:412px;height:47px}

#compte1 .input-icons em.login {background-image: url('/portal_upload/images/templatemobile/ico35login.png'); }
#compte1 .input-icons em.passw {background-image: url('/portal_upload/images/templatemobile/ico35passw.png'); }
#compte1 .input-icons #showcharacters {background-image: url('/portal_upload/images/templatemobile/ico35eye.png'); }
#compte1 .input-icons #showcharacters.eyebarre {background-image: url('/portal_upload/images/templatemobile/ico35eyebar.png'); }
#compte1 .btnSubmit{margin-top:25px}
#compte1 .input-icons em {
            position: absolute;
        }
          
#compte1 .input-icons {
	width: 100%;
}
  
#compte1 .icon {
	background-color: var(--maincolor1);
	min-width: 35px;
	height: 37px;
	margin-top: 1px;
	margin-left: 1px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
} 
#compte1 .iconright {
    background-color: var(--maincolor1);
    min-width: 35px;
    height: 37px;
    margin-top: 1px;
    margin-left: -36px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#frmpwd fieldset{border: none;}
.page113 .identifiants.titre{margin-bottom:5px}

.page113 label.error {display:none!important}
.page113 input.error, .page113 select.error{color:white;background-color:red!important}
.page113 input.error::placeholder{color:white}
.page113 #cgu-box label {margin-bottom:15px}
.page113 input[type='text'].pin {
	border: solid 1px var(--maincolor1)!important;
    border-radius: 5px;	
	height: 70px;
    width: 50px;
    margin: 10px 7px;
    text-align: center;
    appearance: textfield;
    font-size: 25px;    
    background-color: white;
    font-weight: 500;
    line-height: 32px;
    padding: 0;
}
#Ficheadherent #detailFicheadherent{display:flex;justify-content: space-between;}
#Ficheadherent #detailFicheadherentdroite{width:580px}
#Ficheadherent #detailFicheadherentdroite .description {min-height: 45px;text-align: justify;margin-bottom: 5px;}
#Ficheadherent #detailFicheadherentdroite #carteGM {height: 300px; border-radius: 5px;}
#Ficheadherent #detailFicheadherentgauche .ficheadresse h3{background-color: transparent;color: #000;padding: 10px 0 0 0;}
#Ficheadherent #detailFicheadherentgauche{}
#Ficheadherent .menufiche li a {color: #fff;border-radius: 5px;}
#Ficheadherent .menufiche li.go a {
    background-color: var(--autourdemoi);
    background-image: url(/portal_upload/images/templatemobile/localisation.png);
    background-position: 50% 20%;
    background-size: 40%;
}
#Ficheadherent .menufiche li.mesbonsplans a .btntitre,#Ficheadherent .menufiche #jecommande_btn a .btntitre{display:block;padding-top:15px;position:relative}
#Ficheadherent .menufiche li.mesbonsplans a .tot_notif,#Ficheadherent .menufiche #jecommande_btn a .tot_notif{
    position: absolute;
    top: -51px;
    left: -15px;
    z-index: 1;
    width: 90px;
    text-align: center;
	font: 50px arial;
}
#An_Content #Ficheadherent .menufiche li.mesbonsplans a {
	background-color: var(--bonsplans);
    background-image: url(/portal_upload/images/Templatemobile/bg_bonplan.png);
	background-size: 69%;
    background-position-x: 120%;
    background-position-y: 0px;
}
#Ficheadherent .menufiche li.stores a {
	background-position-x: 10px;
	background-color: var(--maincolor2);
    background-image: url(/portal_upload/images/Templatemobile/bg_stores@2x.png);
    background-size: 85px 60px;
}
#An_Content #Ficheadherent .menufiche #jecommande_btn a {
	background-color: var(--maincolor1);
	background-image: url(/portal_upload/images/Template/drive/bg_commander.png);
	background-size: 55%;
    background-position-x: 112%;
    background-position-y: 5px;

}
#Ficheadherent ul.menufiche {width: 100%;display: flex;justify-content: space-between;}
#Ficheadherent .fichephoto img.ok{    border-radius: 15px;}
.extranet  #content #btnRetour{     right: -2px;    top: 5px;}
.extranet  #An_Content.lstCommerces #btnRetour{top: 2px;}
.extranet  #content #btnRetour a{background: transparent;}
.extranet  #content #btnRetour .ui-button-text-only .ui-button-text {padding: 0.3em 0em;}
.extranet #jecommande.item {position:relative}