@charset "UTF-8";
#decoEnTete, #tableListeComplete, #zoneComListe { /*style commun aux 3 parties d'une liste*/
	-webkit-box-shadow: -2px 3px 15px #000; -moz-box-shadow: -2px 3px 15px #000; box-shadow: -2px 3px 15px #000;

	/*-webkit-box-shadow: -2px 3px 15px #555; -moz-box-shadow: -2px 3px 15px #555; box-shadow: -2px 3px 15px #555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;*/
}

#decoEnTete { /*zone regroupant photo + info en-tete*/
background-color:#FFF;
-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
margin-bottom:20px;

padding:8px;/*fev2016 : remplace cellpadding=8 qui etait mis direct dans balise table*/
}

.cadrePhotoChic { background-color: #fff; padding: 1px; border-width: 1px; border-color: #787878 }

#tableListeZoneGlobale { /*tableau de entete+liste+com de liste*/
opacity:0.95; /*pour voir legerement au travers de la liste*/
}

#tableListeComplete { /*le tableau englobant la liste en elle-meme*/
	background-color:#FFF;
	margin-bottom:20px; padding-top:0px; padding-bottom:0px;
	webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

#zoneComListe {/*zone regroupant les com de liste*/
background-color:#FFF;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
margin-bottom:10px; /*petite marge en-dessous pour pas coller le bas de la fenetre*/
}

/*sept2011: pour les dimensions de la largeur de la liste*/
#tdListeZoneCentrale { /*partie cenrtale de la liste. Cette largeur definie la largeur max de la liste (associe a largeurLigneCadeau ci-apres)*/
width: 614px; }
.largeurLigneCadeau { /*largeur max des cadeaux en eux-meme (associe a tdListeZoneCentrale ci-dessus)*/
width: 570px; } /*570+12*/
.largeurLigneCadeauMaListe { /*idem mais si sur SA propre liste*/
width: 555px; } /*500+55*/


.lignes, .lignesGC { /* les lignes qui contiennent chaque cadeau */
margin-bottom: 0; border: solid 1px transparent; /* _border-color:tomato; _filter:chroma(color=tomato)*/ /* voir aussi feuille CSS pour IE */
border-width: 1px 0px; border-style: solid; border-color: transparent; /* contour d'une ligne */
}
.lignesGC { /*oct2011: on met un style a part pour ligne des GC*/
color:#771CC9 ;
}

/* 11/2021 : afficher+masquer detail lignes cadeau */
.lignes .detail {
  display: none;
}
.lignes.detailON .detail {
  display: inline;
}
.lignes .dateMAJ.detail {
  /*float: right;*/
  font-size: 0.95em;
  background-color: #AAA;
  color: #EEE;
  padding: 2px 3px 0 3px;
  line-height: 1.1em;
  border-radius: 2px;
  clear: right;
  margin-top: 2px;
  margin-right: 3px;
  margin-left: 3px;
}


#zoneCompleteSaisieCode { /*zone permettant de taper un code*/
padding-top:20px; display:none; }

#zoneCompleteSaisieCode.zoneCompleteSaisieCodeVisible {
display : block;
}

.zoneGC /* les zone de GC - le contour - blanc pour eviter espace de 1 pixel avec le titre Les com du GC. Et pour pouvoir survoler avec changement de couleur du cadre quand on est sur sa page */ { margin-bottom: 0; border: solid 1px white; }

.boutonsLigne {
  position: absolute;
  text-align: left;
}
body.v25 .boutonsLigne {
  padding-left: 15px;
  /*background-color:lightcoral;*/
}

body.v25 .boutonsLigne .btn {
  border-radius: 4px;
  padding: 6px; /*par défaut si pas de label*/
}
body.v25.btnsAvecLabel_base .boutonsLigne .btn { /*si avec label*/
  padding: 2px 5px ;
  padding-right: 2px ; /*Meilleur équilibre visuel (car picto à droite)*/
}
body.v25.btnsAvecLabel_base .boutonsLigne .btn.modifier::before{
  content: "Modifier" ;
}
body.v25.btnsAvecLabel_base .boutonsLigne.pourC .btn.supprimer::before{
  content: "Supprimer" ;
}
body.v25.btnsAvecLabel_base .boutonsLigne.pourGC .btn.supprimer::before{
  content: "Supprimer le groupe" ;
}
body.v25.btnsAvecLabel_base .boutonsLigne.confirmerSuppression.pourC .btn.supprimer::before{
  content: "Je confirme la suppression de la ligne" ;
}
body.v25.btnsAvecLabel_base .boutonsLigne.confirmerSuppression.pourGC .btn.supprimer::before{
  content: "Je confirme la suppression du groupe et de toutes ses lignes" ;
}
body.v25.btnsAvecLabel_base .boutonsLigne .btn.commenter::before{
  content: "Commenter" ;
}

@media (max-width: 400px) { /*pour réduire textes des boutons de boutonsLigne*/
  body.v25 .boutonsLigne {
    padding-left: 2px;
  }
  body.v25 .boutonsLigne .btn {
    font-size: 0.9rem ;
  }
  body.v25.btnsAvecLabel_base .boutonsLigne .btn.modifier::before{
    content: "Modif." ;
  }
  body.v25.btnsAvecLabel_base .boutonsLigne.pourC .btn.supprimer::before{
    content: "Suppr." ;
  }
  body.v25.btnsAvecLabel_base .boutonsLigne.pourGC .btn.supprimer::before{
    content: "Suppr. groupe" ;
  }
  body.v25.btnsAvecLabel_base .boutonsLigne .btn.commenter::before{
    content: "Comment." ;
  }
}



/*.tourBouton { margin-top: 2px; padding: 1px 6px 3px; position: relative; top: 0; vertical-align: middle }*/
.tourBouton_S { margin-top: 2px; padding: 1px 2px 3px 6px; position: relative; top: 0; vertical-align: middle } /*btn Suppr*/
.tourBouton_M { margin-top: 2px; padding: 1px 4px 3px 2px; position: relative; top: 0; vertical-align: middle } /*btn Modif*/
.cadreListe /*ce qui englobe l'ensemble des lignes et des groupes (tout), mais pas utilise finalement !*/ { border: dashed 0 #0095dc }

.texteActifNormal { }
.texteActifNormal:visited { color: black; text-decoration: none }
.texteActifNormal:link { color: black; text-decoration: none }
.texteActifNormal:hover { color: #00b600; text-decoration: none }
.iconesVuPar /* Petites icones du monde, personne,... pour dire groupe visible par qui ? */ { padding-left: 0; position: relative; top: -1px; left: 10px; vertical-align: middle }
.iconesLienInternet /* Petites icones de lien internet. Aussi utilise pour icone monde, cadenas,... */ {
  padding-left: 0; position: relative; top: -1px;
  left: 3px;
  vertical-align: middle;
/*29112021 : lien <a> avec image en fond : */
  background-image: url("/images/icones1/miniIconePageInternet.png");
  background-repeat: no-repeat;
  background-position: top left;
  width: 26px;/*largeur iamge 23px + left 3px pour laisser (attention marge avec bloc date)*/
  height: 14px;
  display: inline-block;
}

.pictoURL /*nov2016: petites icones de lien internet*/
{
	background-image: url("/images/icones1/miniIconePageInternet-2.png");
	height: 14px;
	width: 23px	;
	display: inline-block;

	padding-left: 0; position: relative; top: -1px; left: 2px; vertical-align: middle;

}


.iconeEtoilePetit { position: relative; top: 4px; float: right }
.etoiles { /*pour choix Notre preference*/
/*oct2011*/ margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; vertical-align: bottom; /*pour bien aligner par rapport au texte*/ }
.pictoEtoileC { /*etoile au bout d'une ligne de cadeau*/
/*vide mais peut etre utiliser pour l'imrpession par ex.*/ }

.ZZZbulleInfo1 { color: #0095dc; background-color: white; border-style: solid; border-width: 2px 0; border-color: #0095dc }
.ZZZbulleInfo1lien /* pour le texte normal sans lien */ { color: white; text-decoration: none }
.ZZZbulleInfo1lien:link /* pour le texte lien (si rien alors prend les valuer de <A> dans CSSbase */ { color: white; text-decoration: none }
.ZZZbulleInfo1lien:visited /* on doit mettre la couelur du texte poru FireFox */ { color: white; text-decoration: none }
.ZZZbulleInfo1lien:hover /* lien souligne sur bulle bouton (tout bleu)*/ { color: white; text-decoration: underline; padding-bottom: 0; border-style: solid; border-width: 0 0 0px; border-color: white }
.ZZZplacerMiniFleche { position: absolute; left: 20px }
.ZZZbordGaucheBulleInfo /* image obligatoire car bord marche pas si zone tableau vide (pour firefox et encore moins sous IE) */ { background-color: white; background-image: url(../images/carreBleu2x2.gif); background-repeat: repeat-y }
.ZZZbordDroitBulleInfo /* pour le bout droit de la bulle d'info */ { background-color: white; background-image: url(../images/carreBleu2x2.gif); background-repeat: repeat-y; background-position: 9px 0 }
.ZZZbulleInfo2 { color: white; background-color: #0095dc; border-style: solid; border-width: 2px 0; border-color: #0095dc }
.infoChamp2EtPUB { visibility: visible; margin-top: 2px; position: absolute; top: 0; right: 2px; width: 162px; height: 95% }
.infoChamp2 /*calque d'info mis a droite*/ { visibility: visible; position: inherit; top: 0; width: 162px; border: solid 1px #f0e9a5 }
.infoChamp2Titre /*Le fond cadre du titre du calque d'info 2*/ { font-size: 13px; font-weight: bold; background-color: #f0e9a5 }
.infoChamp2Texte /*Le fond et le texte du calque d'info 2*/ { font-size: 12px; background-color: #fff }
/*.PUB1 { font-size: 11px; background-color: white; padding-bottom: 10px; bottom: 0; width: 162px; border: solid 1px #f0e9a5 }*/
#zoneInfoEtPub { /*082011:zone contenant les pub + autres info eventuelles (btns j'aime,...)*/
visibility: hidden; margin-top: 2px; position: absolute; top: 0; right: 2px; width: 162px;
 padding-bottom:10px; /*laisse mini espace en bas pour eviter que ca touche le bas de la fenetre car disgracieux */
 padding-top:30px; /*idem mais par rapport a l'aide au-dees*/
}
.PUB1 { font-size: 11px; background-color: white; padding-bottom: 10px; bottom: 0; width: 162px; border: solid 0px #f0e9a5 }
/*.PUB1Titre { font-size: 11px; background-color: #f0e9a5; padding: 3px }*/
.PUB1Titre /*le fond cadre du titre du calque d'information*/ { font-size: 11px; background-color: #FFFFFF; padding: 3px }
.caseACocherTransparente { opacity:0.3; }
.titreGC {
font-size: 17px; font-variant: small-caps; /*letter-spacing: 0.1em*/
display:block; /* 082011 pour eviter debordement du texte a droite */
/*color: #771CC9;pas ici sinon ne changera pas en oranga eau survol (donc mis dans lignesGC)*/
}
.detailGC { font-size: 12px; color: #000000; line-height: 1.3em;
/*color: #771CC9; peut-etre pas utile de mettre sous titre GC en violet*/ } /*967cb1 violet. Gris fonce: 3c3c3c*/
.infoQuiCocheQuoi_txt { /*pour le texte d'info "X voit qui coche quoi"*/
font-size: 11px; color:#d31409;/*rouge*/ }
.titreC { font-size: 13px; font-weight: bold; line-height: 1.3em }
.titreCBarre { color: #404040; font-weight: normal; text-decoration: line-through }
.detailC  { color: #787878; line-height: 1.3em;
word-break: break-word;/*juin2016: coupe trop long lien internet ecrit manuellement dans le texte*/
} /*967cb1 violet*/
  body.v25 .titreC
, body.v25 .detailC 
, body.v25 .detailGC
{
  font-size: 1rem;
  line-height: 1.2rem;
}
body.v25 .titreGC
{
  font-size: 1.4rem;
  line-height: 1.7rem;
}

  /*body.v25 .zoneGC .lignes.survol .desc_C  /*C (n'inclus pas les commentaires)*/
body.v25 .decoGC .lignes.survol .desc_C  /*C du 1er GC (n'inclus pas les commentaires)*/
{
  margin-bottom: 1.2rem;
}
  /*body.v25 .zoneGC .lignes.survol  /*C (dont commentaires)*/
body.v25 .decoGC .lignes.survol  /*C du 1er GC (dont commentaires)*/
{
  background-color:#FFF;
}
body.v25 .zoneGC .lignesGC.survol { /*GC*/
  padding-bottom: 2.5rem; /*padding ici, sinon les boutons sont en dehors du cadre du titre du groupe*/
  background-image: linear-gradient(0deg, rgba(255,255,255, 0), rgba(255,255,255, 1) 20%);
  border-width: 1px 0 0 0;
}
body.v25 .zoneGC .lignesGC.survol .ongletGC { /*onglet GC qui déborde à gauche*/
  background-color:#FFF;
  border-color: #FFF;
}



.dateListe, .dateListeAncienne, .dateListeAssezAncienne, .dateListeTresAncienne { /*pour la date de la liste affichee en haut a droite*/
float: right; font-size:11px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.dateListe  /*date de mise à jour de la liste*/ { color:#75788A; }
.dateListeAncienne  /*un peu plsu visible*/ { color:#FFFFFF; background-color:#75788A; padding:0px 4px; }
.dateListeAssezAncienne /*en orange pour attirer l'attention*/ { color:#FFFFFF; background-color:#ffa500; padding:0px 4px; }
.dateListeTresAncienne  /*en rouge pour attirer l'attention*/ { color:#FFFFFF; background-color:#d31409; padding:0px 4px; }

/*22/02/2022*/
.listeExemple {
  color: #FFFFFF;
  background-color: #771CC9;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  text-align: center;
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.2rem;
}

.detailEnTeteListe { /* info en plus discret dans l'entete. Ex: "visible par..." */
font-size:12px; /*color:#787878;*/ font-weight:normal;
}
#lePrenomDuProprietaire, #txt_maListe { /*dans "liste de X"*/
font-size: 20px; }

/*062011*/
.decoPhotoPersonne { /* la photo en tete de liste */
-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
/* XXXbackground-clip: padding-box ; Evite le debordement du fond via l'arrondi */
-webkit-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.4); box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.4);
}

.decoZoneCode { /* pour la partie qui demande de saisir un code si GC non visible existant. 082011:A suppr?? */
/*border: 4px solid; border-color:#00b600;*/
background-color: #761CC9; /* #009200; vert sombre*/ color: #FFFFFF;
height:33px;
margin-top:12px;
}

.zoneCodeASaisir { /*zone pour saisir un code si liste cachee*/
color:#FFFFFF; /*pour mettre texte en blanc*/ width:100%; height:31px; background-color: #771CC9;
margin-top:-5px;
padding-right:10px; /*sinon donne l'illusion de ne pas etre au centre */ /*display:block; bug le centrage sous FF et semble pas utile mais il faudrait tester aussi sous IE*/
padding-top: 2px; padding-bottom: 2px;

-webkit-box-shadow: 0px 2px 3px #000; -moz-box-shadow: 0px 2px 3px #000; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
}

.decoGC { /* pour chaque GC */
margin-top:0px; margin-bottom:18px; /* met une marge en bas de chaque GC */
/*border: 0px solid; border-color:#FFFFFF;*/
border-width: 1px 0px; border-style: solid; border-color: #FFFFFF; /* contour du GC */

background-repeat:no-repeat; background-position:-20px -20px; background-attachment:fixed;  /*juin2011*/
OFF_padding-top:5px;

-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); /* pour ajouter une ombre en bas de chaque GC */ /*rgba(0, 0, 0, 0.2) au lieu de #CCC pour eviter le halo que du gris soit mis par dessus le fond de coueleur de la page*/
border-width:0px; /* pour enlever la bordure sauf si SA liste car utile pour afficher le contour si modif GC*/
/*background-image: -webkit-linear-gradient(101deg, #123456, red 63.0%);
background-image: linear-gradient(101deg, #aebec2, #dbedf4 63.0%)*/
}

.fondGCDegrade { /*le td du table d'un GC. le degrade d'un GC. Mis ici car le table du GC contient deja le picto (le degrade se comportant comme une image en fond) du gros cadenas ou picto du Monde*/
/* petit pb: ceci est utilse dans le td. hors le table a padding-top:5px; donc une mini bordure se trouve sans ce degrade. Que si GC avec 1 a 2 cadeau seulement et si l'angle du degrade est trop grand. Ex: si 101deg = ça se voit*/
background-image: -moz-linear-gradient(355deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.0) 40.0%);
background-image: -webkit-linear-gradient(96deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.0) 40.0%); /*nov2013: apparement webkit (rasionne differement) (que safari car Chrome utilise sans -webkit devant)*/
background-image: -o-linear-gradient(355deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.0) 40.0%);
background-image: -ms-linear-gradient(355deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.0) 40.0%);
background-image: linear-gradient(355deg, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.0) 40.0%) ;
/*info : 96deg=angle (du bas a droite vers haut a gauche. rgba(0, 0, 0, 0.15)=couleur noir à 15% d'opacite (mis du noir pour eviter la couleur bleue quand survol pour supprimer un GC). rgba(0, 0, 0, 0.0) = couleur du fond de GC  totalement transparent pour pouvoir voir les picto en fond de GC. 63% occupe 63% de la surface => + grande zone de degrade dans les + grd GC)*//*generateur (sauf transparence) sur westciv.com/tools/gradientsnustyle */
}

.decoGCnormal, .decoGCtous, .decoGCcode, .decoGCcodeConnaissance { /* GC de type normal, et les autres*/
/*fond couleur bleu(D9ECF3), quasi blanc(f5f5fa) */ background-color: #FFF7E2;/*oct2011: jaune clair*/
background-attachment:scroll; /*scroll les fonds des GC (cadenas, monde) => impression qu'ils sont fixes au GC*/
}

.decoGCtous { /* GC de type visible par tous */
background-image:url(../images/objetsDecoration/fondGCTous.png); /* image globe */
background-position: left;
background-position:-170px -185px; /*oct20111: change poru pas que ca touche l'onglet (pour pas avoir a changer couleur de l'onglet)*/
background-repeat: repeat-y;
}

.decoGCcode { /* GC de type protege par code */
background-image:url(../images/objetsDecoration/fondGCCadenasOuvert.png); /* image cadenas ouvert */
background-position: right;
background-position:-40px -330px;
background-repeat: repeat-y;
}

.decoGCcodeConnaissance { /* GC de type protege par code mais visible par connaissance */
background-image:url(../images/objetsDecoration/fondGCCadenasOuvert.png);
background-position: right;
background-position:-40px -330px;
background-repeat: repeat-y;
} /* mettre image cadenas connaissances. Pour l'instant: identique cadenas normal */


.decoGCpremier { /* premier groupe qui sera visible (celui sans nom ou un GC normal) */
margin-top:18px; /* met une marge au-dessus de ce 1er GC (pour pas coller le bord de la zone avec ombre) */
}

.decoZoneComListe { /* pas utilise */
XXopacity: 0.95 ; /* #fffbe2 marronclair, #f7e1bd marron sombre, #b75c00 marron tres sombre*/
padding: 0 5px 0 0;
}

.decoBDaide { /* la bulle d'aide avec fond de travers */
-moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
padding-bottom:6px;
}

.decoZonePub { /* le fond des pub verticales */
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
-webkit-box-shadow: -2px 3px 15px #000; -moz-box-shadow: -2px 3px 15px #000; box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.8);
padding: 7px 0px; /*pour eviter de manger coins arrondi. avant:padding-bottom:3px;*/
}

.ongletGC { /* apparence onglet d'un GC */
float:left; margin:-3px 0 0 -45px;
-webkit-box-shadow: -5px 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: -5px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: -5px 2px 4px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;
background-color:#FFF7E2; border:6px solid #FFF7E2; /*oct2011: jaune clair*/
border-width: 6px 9px 6px 5px; /*couleur par defaut */
}
.ongletPremierGC { /* petite difference pour le 1er GC sans nom */
/*margin:-5px 0 0 -28px;*/
margin:-0px -7px 0 -29px;
}

.ongletGC_couleur2 { /* si picto en fond de groupe alors l'onglet touche cette image. On utilise donc la meme couleur que l'image pour avoir le meme aspect */
/*background-color:#D5E6EC; border-color:#D5E6EC;  couleur pour GC monde car le picto touche l'onglet,... */
/*oct2011: je poursse le picto poru pas que ca touche l'onglet => couelur normale finalement (comme ongletGC)*/
background-color:#FFF7E2; border-color:#FFF7E2;
}

.ongletGC_MaListe { /* idem mais pour ma liste (+ decaler a gauche) */
margin-left:-77px; /*105-28 (valeur lié à :  $largeurCaseGaucheGroupe = 70-28) */
}
.ongletPremierGC_MaListe { /* petite difference pour le 1er GC sans nom */
/*margin-left:-29px;*/
}

.infoDansListeCadeau { /* pour message dans la liste de cadeaux (ex:X ne vous autorise pas a voir sa liste ) */
	margin: 0 20px 20px 20px;
}



/*pour fenetre flottante (ex: pour nouveauGC) */
#tableauGroupeCadeau, #tableauCadeau, #tableauPhoto, #tableauCaseCadeau { /* les "fenetre flottantes" */
	border:8px solid white;
	-webkit-border-radius: 14px;  -moz-border-radius: 14px; border-radius: 14px;
	-webkit-box-shadow: -2px 3px 50px #000; -moz-box-shadow: -2px 3px 50px #000; box-shadow: -2px 3px 50px #000;

	background-image: -moz-radial-gradient(top right, circle farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 50%);
	background-image: -webkit-radial-gradient(top right, circle farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 50%);
	background-image: -o-radial-gradient(top right, circle farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 50%);
	background-image: -ms-radial-gradient(top right, circle farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 50%);
	background-image: radial-gradient(top right, circle farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0) 50%);
	 /*top right=du coin NE. circle ou ellipse. farthest-corner: defini jusqu'ou va le degrade (info https://developer.mozilla.org/fr/Utilisation_de_degradesoir - degradesoir avec 2 accents aigue. */
}

.formZoneTD { /* le TD avec le fond blanc (ex: la "fenetre" de formZoneGroupeCadeau) le fond blanc de cette zone passerait par-dessus l'arrondi gloabl du cadre */
	background-color: white;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*0 0 2px 2px;*/ /* mini arrondi en bas*/
}

/* FIN pour fenetre flottante */


.zoneDeplacable { cursor: move; } /* le curseur se transforme pour indiquer qu'on peut deplacer la zone (a utiliser + tard quand les fenetres pourront etre deplacees)  */



/*nov2016*/
#zone_lienPartageURL {
	/*margin-top:10px;*//*si besoin*/
	position:relative;/*pour que l'element copiedtext accepte absolute*/
}
#zone_lienPartageURL label[for] {
	position:relative;/*evite que l'element copiedtext soit par-dessous sous FF (ferait que label non cliquable)*/
}
.copiedtext {
	position: absolute;
	left: 0; top: 0; right: 0;
	text-align: center;
	opacity: 0;
		-webkit-transform: translateY(-0.5em);
	transform: translateY(-0.5em);
	color: #000;
	-webkit-transition: all 1.000s ease-out;
	transition: all 1.000s ease-out;
       XXtransition: all 1000ms cubic-bezier(0.000, 1.000, 0.000, 1.445); /* custom. source: https://matthewlein.com/ceaser/ iOS : trop court quadn meme : bizarre*/



	background-color: #00ad00;
	border-radius: 2px;
	color:#FFF;
	padding:3px 2px;
}
.copied .copiedtext
, #zone_lienPartageURL.copied .copiedtext
{
	opacity: 1;
		-webkit-transform: translateY(-1.2em);
	transform: translateY(-1.2em);
}
#lienPartageURL {
	font-size: 0.9em; padding: 1px 3px 0px 3px;
}

#zone_actionsListe .btnAfficherMasquer {
	float: right;
	z-index: 1;
	position: relative;
	margin-top: -3px;
}


/*juin2017 :*/
img.miniPhoto_C { /*photo a gauche d'une ligne de cadeau coché*/
    height:15px;
    width:15px;
    margin-left:3px;
    float:right;
    margin-right:-4px;  /*margin-right pour décaler la photo à droite (car marge grande entre photo et case à cocher) et permet de laisser + de place au btn permettant l'ajout d'un com*/
    margin-top: 1px; /*Margin-top pour légèrement descendre la photo*/
}