@page { margin: 0.8cm; }
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

img{ max-width: 100% !important; }
tr, img { page-break-inside: avoid; }

/* ELEMENTS A CACHER
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuPied, .bannierePrincipale, .appelAction, .menuSec, [class*=bouton], .carrouselPartenaire, .texteBenefice.chiffre,
.lienPartager, #partage, .noPrint, .sep, #filAriane, #menuMobile, .formRechercheActualite, .lienRetour, .addthis_sharing_toolbox,
#vortexDebug, .miniConsole, .modalAd, .formRecherche, #ul-filtres-partenaire, .etapeAdhesion, .pub, .enteteFixe #entete



{ display:none!important; }

.logoImpression { display: block; }


/* TEXTES
--------------------------------------------------------------------------------------- */
.incTinyMce a{ color: #00f; text-decoration:underline; }
.incTinyMce a:visited{ color: #800080 ; }


h1, .titreH1 { font-size: 40px; margin-bottom: 40px;}
.textePrincipal { padding-top: 40px;}

.groupe-col { font-size: 0;}
.groupe-col * { font-size: 15px; /* remettre une taille par défaut */}
[class^=col-] { display: inline-block; vertical-align: middle; }

.col-1 { width: 100%;}
.col-1-8 { width: 50%;}
.col-1-4 { width: 50%;}
.col-1-2 { width: 50%;}
.col-3-4 { width: 50%;}
.col-3-8 { width: 50%;}

.offset-3-4 { margin-left:50%;}

.col-droite { text-align: right;}
.textePrincipal { padding: 50px 50px 50px 0; width: 100%; min-height: auto!important; }
aside { display: inline-block; vertical-align: top; width: 100%; padding-top: 0px; padding-right: 50px; padding-bottom: 50px;}

.menuLateral { display: inline-block;}
.menuLateralMobile { display: none!important;}

.conteneur { padding: 0 20px;}


main.interne { background: url(../gx/m/banniereInterne.jpg) top center no-repeat; padding-top: 50px;}

.col-1-8 { width: 12.5%;}
.col-1-4 { width: 25%;}
.col-1-2 { width: 50%;}
.col-3-4 { width: 75%;}
.col-3-8 { width: 37.5%;}

.offset-3-4 { margin-left: 75%;}

.texteComplementaire { padding: 0 50px 50px 50px;}
.videoConteneur{ max-width:520px;  }
#filAriane { padding: 14px 50px; border-bottom: 1px solid #e7eef1;}
	#filAriane:before { height: 0; background: transparent;}
	.col1, .col2{ float:left; width:49%;}
	.col1{ clear:left; margin-right: 1%; }
	.col2{ margin-left: 1%; }

	.groupeCheckBox li { width: 50%; padding-right: 30px; }
	.menuSec { padding: 30px 0;}
	.enteteMobile { text-align: left; }

	.menuSec .ctaEntete, .menuSec .profil { display: inline-block;}
	.menuSec .lien, .menuSec .groupeBouton { display: inline-block;}
	.profil:before { content: ""; display: inline-block; font-size: 16px; background: #c2c2c2; width: 1px; position: absolute; top: 8px; left: 0px; bottom: 8px;}
	.listeTemoignage:before, .listeTemoignage:after { display: block; }
	.listeTemoignage { font-size: 16px;}
	.moduleTemoignage { padding: 0;}
	.moduleTemoignage .temoignageItem { padding: 0 20px;}
	.contenuTexteGalerie .lg-video { height: 400px!important; padding: 0!important;}
	#plan > ul { display: inline-block; vertical-align: top; font-size: 0; width: 49%; padding-right: 40px;}
	#plan ul li { font-size: 15px;}
	.listeNouvelle figure { width: 40%; margin-top: 4px; float: right; padding-left: 30px; }
	.listeNouvelle .sommaire.avecImage { width: 60%; float: left; }
	.listeNouvelle time { display: inline; margin-left: 10px;}
	.contenuLimite { padding: 40px 40px 10px 40px; margin-top: 40px; }
	.bannierePrincipale .texte .titre { font-size: 40px;}
	.bannierePrincipale .texte {padding: 80px 40px;}
	.bannierePrincipale .texte a { margin: 26px 0;}
	.bannierePrincipale .extra { display: block;}
	.bannierePrincipale .boite { margin: 50px 0;}
	.bannierePrincipale .texte { width: 67%; padding: 0 15% 0 50px; }

	.listeActualite, .bannierePrincipale .groupeBouton { display: block;}
	.groupeBoutonTablette { display: none;}
	.ctaMembreListe .texte { overflow: hidden; padding-left: 20px; padding-top: 0;}
	.ctaMembreListe .image { margin-right: 0;}
	.ctaMembreListe h2 { font-size: 25px;}
	.carrouselTexte p { font-size: 34px; padding: 0 100px 0px 30px;}
	.carrouselTexte .unTexte { padding-top: 26px; padding-bottom: 20px;}

	.appelAction { padding: 20px 0;}
	.appelAction .slick-prev, .appelAction .slick-next { top: 50%; margin-top: -12.5px ; bottom: auto; right: 50px;}
	.appelAction .slick-next { right: 24px;}
	.appelAction ul:first-child { margin-bottom: 20px;}
	.appelAction li { width: 48.7%; height: 200px; margin-left: 2.6%; margin-bottom: 0;}
	.appelAction li:first-child { margin-left: 0;}
	.appelAction .texte p { display: inline-block;}
	.appelAction .image { width: 100px;}
	.appelAction .texte { padding: 20px 10px 20px 130px;}

	.ctaMembre ul li { width: 48.7%; margin-left: 2.6%; height: 120px; }
	.ctaMembre ul:first-child { margin-bottom: 0px;}
	.ctaMembre ul li:first-child, .ctaMembre ul li:nth-child(odd) { margin-left: 0;}
	.carrouselTexte { width: 33%; float: left;}
	.carrouselTexte div {height: 430px; padding: 0; margin-bottom: 0;}
	.carrouselTexte p { padding: 0 50px 25px;}

	.appelAction { padding: 50px 0;}
	.appelAction .slick-prev, .appelAction .slick-next { bottom: 18px; margin-top: 0; top: auto; right: 40px;}
	.appelAction .slick-next { right: 14px;}
	.appelAction ul:first-child { margin-bottom: 30px;}
	.appelAction .cta { width: 67%; float: left;}
	.appelAction li { width: 46%; height: 200px; margin-left: 4%; margin-bottom: 0;}
	.appelAction li:first-child { margin-left: 4%;}

	.ctaMembre ul.layoutAlternatif li, .ctaMembre ul.layoutAlternatif li:nth-child(odd) { width: 32%; margin-left: 2%; text-align: left; height: 200px;}
	.ctaMembre ul.layoutAlternatif .image { width: 100px;}
	.ctaMembre ul.layoutAlternatif .texte { padding: 20px 10px 20px 130px;}
	.ctaMembre ul:first-child  { margin-bottom: 0px;}
	.ctaMembre ul li, .ctaMembre ul li:nth-child(odd) { width: 23.5%; margin-left: 2%; height: 120px; }
	.ctaMembre ul li:first-child, .ctaMembre ul.layoutAlternatif:first-child, .ctaMembre ul.layoutAlternatif li:nth-child(1) { margin-left: 0;}
	.texteBenefice h2 { font-size: 40px; }
	.texteBenefice p { font-size: 22px;}
	.texteBenefice h4 { font-size: 25px;}
	.texteBenefice {background: #171a20 url(../gx/01/banniere-benefice.jpg) bottom center no-repeat;}
	.texteBenefice .listeBenefice > li { width: 100%; display: inline-block; font-size: 16px; vertical-align: top; }
	.texteBenefice .listeBenefice > li:first-child { margin-left: 0;}
	.texteBenefice h4 { margin: 30px 0;}
	.texteBenefice .listeBenefice > li { margin-bottom: 0;}
	.texteBenefice h3 span { position: absolute; top: 0; left: 0; padding-top: 15px;display: none;}
	.texteBenefice h3 span:before { top: 0;}
	.texteBenefice .listeBenefice { margin: 40px 0 60px;}
	.texteBenefice ul ul p { display: inline-block;}

	.listeBenefice ul { display: inline-block !important;}
	.texteBenefice h3 p { margin-top: 0px;}
	.texteBenefice .mobile { display: none;}

.pub { display: block;}
.texteInfo li div { font-size: 45px;}
	.texteInfo li { float: left; width: 33.33%; margin-top: 0; }
	.texteInfo .sousTitre { font-size: 40px;}
	.texteInfo .texte { text-align: center; padding: 0 5%;}
	.texteInfo { padding: 70px 0;}
	.texteInfo ul { margin-top: 70px;}
	.texteInfo .texte { text-align: center; padding: 0 10%;}
	.localisation { display: block;}
	.localisation .image { display: none;}
	.localisation .texte { width: 100%;}

	.listePartenaire li { width: 48%; margin-left: 4%; }
	.pageBlocs li { width: 33.33%;}
	.listePartenaire li:nth-child(odd), .listePartenaire li { margin-left: 2%; width: 32%;}
	.listePartenaire li:nth-child(3n+1) { margin-left: 0;}

	.listeDocument.telechargeable time { width: 200px; position: absolute; top: 15px; left: 0;}
	.listeDocument.telechargeable span { padding-left: 200px; display: inline-block;}
	.listeDocument.telechargeable time { font-weight: 500; color: #000}
	.pageBlocs li { width: 25%;}

	.serieAccordeon ul { width: 50%; float: left; padding-right: 20px;}
	.serieAccordeon { margin-top: 40px; }
	.rechPartenaireListe li { width: 48%; height: auto!important;}
	.rechPartenaireListe li:nth-child(even) { margin-left: 4%;}

	.formRecherche input, .formRecherche select, .formRecherche .customSelect, .formRecherche [class^=bouton] { width: 49.5%; margin-left: 1%;}
	.formRecherche select, .formRecherche [class^=bouton] { margin-left: 0;}
	.formRecherche input, .formRecherche select, .formRecherche .customSelect { }
	.detailPartenaire h1 { padding-right: 300px; margin-bottom: 10px;}
	.rechPartenaireListe li, .rechPartenaireListe li:nth-child(even) { width: 31%; margin-left: 3.5%;}
	.rechPartenaireListe li:nth-child(3n+1) { margin-left: 0;}

	.formRecherche input, .formRecherche select, .formRecherche .customSelect, .formRecherche [class^=bouton] { width: 19.5%; margin-left: 0;}
	.formRecherche input, .formRecherche select, .formRecherche .customSelect { margin-right: 0.625%;}

	.formRecherche .groupeChamp input, .formRecherche .groupeChamp select { margin-bottom: 0px;}
	.filtrerPartenaire li { margin-top: 0;}
	.filtrerPartenaire { margin: 30px 0;}

	.formRecherche .groupeChamp { padding: 30px; margin-top: 0;}
	.unRabais { margin-top: 36px;  padding: 40px 30px;}
	.detailPartenaire h3 { margin-top: 36px; }
	.servicePartenaire { margin-top: 30px;}
	.detailPartenaire .logoPartenaire {width: 280px}
	.galerie li { display: inline-block; width: 49%; vertical-align: middle; margin-left: 2%; border: 1px solid #ebebeb; cursor: pointer; position: relative; text-align: center; margin-bottom: 20px;}
	.galerie li, .galerie li:nth-child(odd) { width: 24.5%; margin-left: 0.66%;}
	.galerie li:nth-child(4n+1) { margin-left: 0;}
	.galerieListe header, .titreBouton, .interaction {padding-right: 150px;}
	.galerieListe a, .titreBouton a, .interaction a { position: absolute; top: 50%; right: 0; margin-top: -12px;}

	.section1, aside .galerieEvenement { width: 50%; float: left;}
	aside .galerieEvenement { padding-left: 20px;}
	.section1, aside .galerieEvenement { width: 100%; float: none;}
	aside .galerieEvenement { padding-left: 0;}
	.detailNouvelle .lienRetour { display: inline-block; margin-top: 30px;}
	.detailMobile { display: none;}
	.lateralDetailEvenement { padding-top: 40px;}
	.serieAdresse { font-size: 0;}
	.serieAdresse > li{ display: inline-block; vertical-align: top; font-size: 15px; width: 50%; padding-right: 20px;}
	.serieAdresse > li { padding-right: 50px;}
	.pageConnexion .textePrincipal, .pageConnexion aside { width: 50%;}
	.pageConnexion aside { border-left: 1px solid #e7eef1; padding-left: 40px;}
	.pageConnexion .textePrincipal { padding-right: 40px;}
	.pageConnexion .col1, .pageConnexion .col2{  width:100%; margin-left: 0; margin-right: 0;}
	.pageConnexion .col1, .pageConnexion .col2{ float:left; width:49%;}
	.pageConnexion .col1{ clear:left; margin-right: 1%; }
	.pageConnexion .col2{ margin-left: 1%; }
	[name="btn-login"] { float: right; margin-top: 8px;}
	.etapeAdhesion span {width: 50px; height: 50px; font: 600 25px 'nexa', arial, sans-serif; padding-top: 10px; }
	.etapeAdhesion ul { padding-right: 50px;}

	.infoExtra div { width: 300px;}
	.etapeAdhesion > div { padding: 40px 26px 20px; }
	.etapeAdhesion { padding: 0 30px;}

	.listeCarte li { margin-left: 10%; margin-right: 10%; }
	.listeCarte .groupeLien { text-align: right; }
	.listeCarte .groupeLien a { margin-left: 30px; display: inline; margin-bottom: 0;}
	#btn-non-merci { display: inline-block; margin-top: 0;}
	.actionCarte [class^=bouton] { margin-right: 30px;}

	.texte.etapePaiement {   padding: 0 15%;}
	.etapePaiement > div { padding: 30px; background: #fafafa;}
	.formCentrer { margin: 0 15%;}
	.infoExtra {  right: -36px;  }

	.typeAbonnement div {padding: 22px 40px;border: none;}
	.typeAbonnement { margin-bottom: 0}

	.introductionAdherer { margin-top: 50px;}
	.listeLettreFormulaire ul {text-align: left;}
	.avecBoiteModale { width: 100%; margin: 0;}
	.listeLettreFormulaire li { width: 50%; padding-right: 35px; }
	.listeLettreFormulaire li { width: 33.33%; padding-right: 40px; }
	.divBoiteModale .conteneur {padding: 50px;}
	.divBoiteModale .btnFermer:before {	top: 40px; right: 40px; }
	.divBoiteModale .divColonneTexte {}
	.divBoiteModale .divColonneTexte.avecColonneDroite {float: left; width: 100%;}
	.divBoiteModale .divColonneTexte.avecColonneDroite .divTexte {margin-right: 300px;}





	#calculAugmentation .empty { padding: 0 !important; background: transparent!important; height: 0!important;}
	#calculAugmentation .col-m-0 { display:none!important;}
	.col-1-8.offset-1-8 { width: 100%;}
	.col-1-8.offset-xs-1-2, .col-1-4.offset-xs-1-2 { margin-left: 50%;}
	.col-m-1 { width: 100%;}
	.col-m-1-8 { width: 25%;}
	#calculAugmentation .vignette { width: 145px;}
	#calculAugmentation .col-m-1-8 .vignette { width: 40%;}
	#calculAugmentation .droite, #calculAugmentation .droite p { text-align: right;}
	#calculAugmentation .groupe-col li { height: 40px; }
	#calculAugmentation .vignette { display: none;}
	#calculAugmentation .groupe-col li:first-child{ padding-left: 20px;}
	#calculAugmentation .groupe-col li:last-child{ padding-right: 20px;}
	#calculAugmentation .groupe-col-1-2.fondGris li:last-child { padding-right: 10px;}

	.col-1-8.offset-1-8, .col-m-1, #calculAugmentation .col-m-1-8 { width: 12.5%;}
	.col-1-4.col-m-1, #calculAugmentation .col-1-4 { width: 25%;}
	#calculAugmentation .marginTop { margin-top: 0px;}
	.col-1-8.offset-xs-1-2, .col-1-4.offset-xs-1-2 { margin-left: 0%;}
	.col-3-8.col-m-1 { width: 37.5%;}

	.offset-1-8  { margin-left: 12.5%;}
	.col-xs-hide { display: block;}

	.groupe-col-1-2 { width: 50%; float: left;}

	#calculAugmentation .groupe-col li { padding: 2.5px 20px 2.5px 0; }
	#calculAugmentation .groupe-col .opEqual:before {  left: -14px;}
	#calculAugmentation .vignettePermanente, #calculAugmentation .vignettePermanenteB { left: 0;}

	.bandeauForm button { float: right; margin-top: 2px; }
	.banniereEconomie { padding: 40px; text-align: left;}
	.banniereEconomie .image { width: 20%;}
	.banniereEconomie h1 { width: 80%; font-size: 40px; margin-top: 0;}
	.banniereEconomie .image img{ padding: 0; }

	.messageEconomie { padding: 40px 10% 30px; }

	.structureForm .entete { display: block;}
	.structureForm .entete li {font-size: 14px; }
	.structureFormGroupe li { margin-bottom: 0;}

	.structureFormGroupe li .vignette { display: none;}
	.totalEconomie { text-align: left; margin: 40px 0 20px;}
	.totalEconomie img { margin-bottom: 0;}

	.boiteResult { position: absolute; top: 50%; margin-top: -27px; right: 20px; width: 25%; }
	.pageCalculEconomie .info {  padding: 20px 10%;}
	.pageCalculEconomie .info .contact { width: 50%;  float: left; }

 	.structureForm li.col-1-4 { padding-left: 10px; width: 25%;}
	.structureForm li.col-1-2 { padding-left: 20px;}
	.pageCalculEconomie { background: #edf5f9;}
	.pageCalculEconomie .info {  padding: 20px 20%;}
	.messageEconomie { padding: 40px 20% 30px; }
	#menuPied { display: block;}
	footer nav > ul > li { width: 25%; padding-right: 0;}
	footer .lienPartager { float: right; }
	footer small .sep.mobile:before { content: "";}

.enteteFixe #entete { position: relative!important; top: 0;}

.logo img { position: fixed!important; top:0!important; left: 0!important; width: 200px;}
.logo { margin-bottom: 30px; position: absolute; top: 0; left: 0; float: none;}
.logo picture { width: 160px; height: auto; margin-left: 20px; position: absolute; top: 0; left: 0;}
.enteteFixe #entete { border: none;}


	.divBoiteModale .divImage {float: left; margin-left: -230px; margin-top: 60px;}
	.listingFacture p { display: inline-block;}
	.listingFacture ul:first-child li { text-transform: uppercase; font: bold 16px "nexa", arial;}
	.listingFacture li { width: 50%!important;}

	.detailFacture .detailGeneral { font-size: 0;}
	.detailFacture .detailGeneral div { display: inline-block; vertical-align: top; width: 48%; text-align: right;  }
	.detailFacture .detailGeneral div:first-child { text-align: left;}
	.listingFacture a { margin: 0;}


	.detailFacture { margin-top: 0;}
	.detailFacture .detailGeneral { padding: 0px 0;}
	.detailFacture .detailGeneral div:first-child { margin-bottom: 0;}
	.detailFacture .detailEntete li { font-size: 14px;}

	.detailPaiement li { display: inline-block;}
	.detailPaiement li:first-child:after { content: "";}
	.detailPaiement .detailListeItem li { padding: 10px 20px;}
	.detailListeItem { padding: 0;}
	.detailFacture .detailEntete { text-align: left; border: 1px solid #ccc; margin-top: 20px;}

	.detailFacture header p { display: inline-block; width: 50%; vertical-align: top; font-size: 14px;}
	.detailFacture header p.push { padding-right: 50px; margin: 0;}
	.detailFacture header { padding-bottom: 0px; width: 100%; font-size: 0; }
	.detailFacture header .logoCorpiqFacture { display: inline-block; width: 100%;}

	.lienImprimer, .pageImpression h2, .lienImpression  {display: none;}
	.detailFacture .col-1-8 { width: 25%;}
	.detailFacture .col-3-4 { width: 50%;}
	.detailFacture .offset-3-4 { margin-left: 50%;}
	.transactionResume, .detailFacture .detailTotal { padding-top: 10px; padding-bottom: 10px;}

	.formAchatBaux .entete { display: block;}
	.formAchatBaux li strong { display: none;}
	.formAchatBaux li { margin-bottom: 0px;}
	.formAchatBaux .col-1-8 { display: inline-block; }
	.formAchatBaux .col-droite { text-align: right;}

	.col-5-8 { width: 62.5%;}
	.offset-5-8 { margin-left: 62.5%;}

	.pageConfirmation { font-size: 14px;}
	.pageConfirmation h1 { font-size: 20px; text-align: left;}
	.pageConfirmation h2 { font-size: 16px;}
	.resumeInfoTransaction {  width: 49.5%; display: inline-block; vertical-align: top; text-align: left; padding-right: 20px}
	.contourResume { padding: 0 30px!important;}
	.textePrincipal.full.conteneur-processus-achat { padding-bottom: 0}
	.conteneur-processus-achat .colAction { display: none!important}
	.texte.etapePaiement { padding: 0 30% 0 0;}
	.texte.etapePaiement td, .texte.etapePaiement tr { padding-left: 0; padding-right: 0}

	.pageConfirmation .col-1-2 { width: 100%;}