/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--whiteColor: #FFF;
	--lightColor: #FBFBFB;
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--middleDarkColor:#999;
	--darkColor: #333;
	--blackColor: #000;

	--mainColor: #1d355a;
	--secondColor: #1597c0;
	--contrastColor: #ffc434;
	--thirdColor: #86cfe3;
	--fourthColor: #e7f4f9;
	
	--greenColor: #15bf75;
   --juniorColor: #FE5D26;	

}



/* ------------- GLOBAL */
body{
	background-color: inherit;
}

body.langue_open, 
body.magazine_open{
	overflow: hidden;
}

.inside{
	padding: 0px 20px;
}

.noMargin{
	margin:0px;
}

.gb-headline a{
	text-decoration: none;
}
.gb-highlight{
	color: var(--secondColor);
}
.haveTo{
	color: red;
}

.hideLi{
	opacity:0;
	height:0px;
	margin:0px !important;
}




/* --- mainTitle */
.mainTitle{
	position: relative;
}
.mainTitle .gb-headline{
	width:max-content;
	background-color: var(--whiteColor);
	padding: 0px 20px;
	position: relative;
	z-index:2;
	display: inline-block;
}
.mainTitle:before{
	content: "";
	z-index:0;
	width:calc(100% - 40px);
	height:1px;
	background-color: var(--darkColor);
	position: absolute; 
	top:50%;
	left:20px;
}

/* --- btn */

.btn, 
.header .wp-block-list.register li a, 
.homeHeader .wp-block-list.register li a{
	padding: 10px 20px;
	border-radius: 300px;
	font-weight:bolder;
	text-transform: uppercase;
	font-size: .9rem;
	text-decoration: none;
}
.header .wp-block-list.register li a, 
.homeHeader .wp-block-list.register li a{
	text-transform: lowercase;
	font-weight:normal;
}

.btn.mainBtn, 
.header .wp-block-list.register li:first-child a, 
.homeHeader .wp-block-list.register li:first-child a{
	background-color: var(--mainColor);
	color: var(--whiteColor);
}
.btn.secondBtn, 
.junior .wp-block-list.register li:first-child a, 
.page_junior .wp-block-list.register li:first-child a, 
.magazine_junior .wp-block-list.register li:first-child a, 
.junior-nl .wp-block-list.register li:first-child a, 
.page_junior-nl .wp-block-list.register li:first-child a, 
.magazine_junior-nl .wp-block-list.register li:first-child a, 
.junior-en .wp-block-list.register li:first-child a, 
.page_junior-en .wp-block-list.register li:first-child a, 
.magazine_junior-en .wp-block-list.register li:first-child a{
	color: var(--whiteColor);
	background-color: var(--secondColor);
}
.btn.contrastBtn, 
.header .wp-block-list.register li:last-child a, 
.homeHeader .wp-block-list.register li:last-child a{
	color: var(--mainColor);
	background-color: var(--contrastColor);
}

.btn.lineWhiteBtn{
	color: var(--whiteColor);
	background-color: inherit;
	border:1px solid var(--whiteColor);
} 

/* ------------- HEADER */
.header{
	position: relative;
	z-index:111;
}
.header .langue, 
.header .magazine_type  {
	margin:0px;
	list-style: none;
	color: var(--whiteColor);
	cursor: pointer;
	font-size: .9rem;
}


.page_junior .header, 
.page_junior-nl .header, 
.page_junior-en .header, 
.magazine_junior .header, 
.magazine_junior-nl .header,
.magazine_junior-en .header, 
.junior .header, 
.junior-nl .header, 
.junior-en .header{
	background:var(--secondColor) !important;
}

/* ------------- HEADER --- WPML LS */
.langue_open .header_after .langueContainer, 
.magazine_open .header_after .magazineContainer{
	top:0%;
	
}
.header_after .langueContainer, 
.header_after .magazineContainer{
	transition: .3s all ease-in;
	position: fixed;
	top:-100%;
	left:0%;
	width:100%;
	height:100%;
	z-index: 99;
	background-color: rgba(29, 53, 90, .85);
	//background-color: rgba(255, 255, 255, .9);
	flex-direction: column;
	align-items:center;
	justify-content:center;
	display: flex;
}

.header_after .langueContainer .inside,
.header_after .magazineContainer .inside{
	width: 400px;
	max-width: calc(100% - 40px);
	background-color: var(--whiteColor);
	position: relative;
	border-radius: 20px;

}
.header_after .langueContainer .inside .langue,
.header_after .magazineContainer .inside .magazine_type{
	position: absolute; 
	top:0px;
	right:-0px;
	width:30px;
	height:30px;
	cursor: pointer;
}
.header_after .langueContainer .inside .langue svg,
.header_after .magazineContainer .inside .magazine_type svg{
	width:100%;
	height:auto;
	background-color: var(--whiteColor);
	border-radius:100px;
}
/* ------------- HEADER --- MENU MAG */
.header_after{
	text-align:center;
}
.header_after .wpml-ls{
	display: block;
}
.header_after #menu-menumag_fr, 
.header_after .wpml-ls ul{
	margin:0px;
	list-style:none;
}
.header_after #menu-menumag_fr li a, 
.header_after .wpml-ls ul li a{
	padding:10px;
	text-decoration: none;
	display: block;
	width:100%;
	border-bottom:1px dotted var(--cColor);
	line-height:100%;
}


/* ------------- HEADER --- LOG0 */
.header .logo a{
	display: block;
	padding: 20px;
}
@media (max-width:781px){
	.header .logo a{
		padding:0px;
	}
}
/* ------------- HEADER --- LOG IN-OUT */
.header .accountMenu{
	margin:0px;
	display: flex;
	flex-direction: row;
	list-style: none;
	font-size: .9rem;
}
.header .accountMenu li a{
	color: var(--whiteColor);
	text-decoration: none;
}
.header .accountMenu li + li{
	margin-left:20px;
}


/* ------------- HEADER --- REGISTER */
.header .register{
	margin:0px;
	list-style: none;
	text-decoration: none ;
	display: flex;
	flex-direction: row;
}
/* ------------- HEADER --- MenuMobile */
.menuMobile {
	background-color: var(--secondColor) !important;
}
.page_junior .menuMobile, 
.magazine_junior .menuMobile, 
.junior .menuMobile{
	background:var(--mainColor) !important;
}

.menuMobile .gb-icon{
	width:auto;
	height:auto;
}
.menuMobile .register{
	background-color: var(--contrastColor);
}
.menuMobile .register svg{
	color: var(--darkColor);
	
}
.menuMobile .gb-icon svg{
	font-size: 1.5rem;
}
.menuMobile .gb-headline{
	padding:10px 20px;
	margin:0px;
	position: relative;
	font-size:0px;
	border-left:1px solid rgba(255, 255, 255, .25);
}
.menuMobile .gb-headline:last-child{
	border-right:1px solid rgba(255, 255, 255, .25);
	
}
.menuMobile .gb-headline a{
	position: absolute; 
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity: 0;
}

/* ------------- Compte */
#mepr-account-content .mepr-account-subscr-id{
	display: none;
}
/* ------------- ARTICLE */
/* ------------- ARTICLE --- NAVBAR */
.navBar{
	background-color: var(--fourthColor);
}
.navBar .breadcrumb{
	margin:0px;
	padding: 10px 0px;
	display: flex;
	flex-direction: row;
	list-style: none;
}
.navBar .breadcrumb li+li:before{
	content: "←";
	content: "→";
	margin: 0px 5px;
	line-height:1.75em;
}
.navBar .breadcrumb li a{
	font-family: var(--gp-font--playfair-display);
	color: var(--blakcColor);
	text-decoration: none;
}
.navBar .breadcrumb li a:hover{
	text-decoration: underline;
	color: var(--secondColor);
}

/* ------------- MAG'Z --- */

.magElement:hover:before{
	transform:scale(1.1);
	transition:.5s all ease-in;
}
.magPage .gb-grid-column .overlayLink{
	z-index:11;
}
.magPage .gb-grid-column .overlayLink a{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display: flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	z-index:11;
}

/* ------------- MAGAZINE PAGE --- */

.firstBlock:before{
	content:"";
	position: absolute; 
	top:0px;
	right:100%;
	background-color: var(--whiteColor);
	width:100vw;
	height:100%;

}
.magazinePage .gb-headline a{
	color: var(--darkColor);
}
.magazinePage .gb-headline.rubrique a{
	color: var(--secondColor);
}

@media (max-width:781px){
	.magazinePage .magazinePageContainer{
		margin-bottom:20px;
		background-color: var(--whiteColor);
	}
	.magazinePage .magazinePageContainer.four{
		margin-bottom:40px;
	}
	.magazinePage .magazinePageContainer.five{
		margin-bottom:0px;
	}
	.magazinePage .gb-headline{
		font-size: 1.5rem;
	}
	.magazinePage .gb-headline.rubrique a{
		font-size: .9rem;
	}
}

/* ------------- ARTICLE --- MEP */
.sunna, 
.coran{
	font-family: var(--gp-font--playfair-display);
	font-size: 1.25rem;
	text-align:left;
}
.sunna, 
.coran, 
.source{
	margin-left:20px;
	margin-right:20px;
}
@media (min-width:782px){
	.sunna, 
	.coran, 
	.source{
		margin-left:40px;
		margin-right:40px;
	}
}
.sunna{
	font-style:italic;
}
.coran{
	padding-top:10px;
	font-weight:bolder;
}

.source{
	text-transform: uppercase;
	text-align:right;
	font-size:.75rem;
	border-top:1px dotted var(--darkColor);
	padding-top:10px;
	margin-top:-10px;
	padding-bottom:20px;
}
.intro{
	font-style: italic;
}
.last{
	position: relative;
}
.last:after{
	content:"";
	background-image:url("last.png");
	background-size: contain;
	position: absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.logged-in .last:after, 
.editor-styles-wrapper .last:after{
	content: inherit !important;
}

.title{
	font-size: 1.25em;
	font-weight:bolder;
	margin-top:40px;
	margin-bottom:20px;
	display: block;
}
.title .glyph, 
strong .glyph, 
.coran:before, 
.coran:after{
	font-weight:normal;
}
.glyph, 
.coran:before,
.coran:after{
	font-family: var(--gp-font--attawbah);
	position:relative;
	font-size: 1.5em;
	line-height:1rem;
}
.coran:before,
.coran:after{
	top:4px;
}
.glyph:after{
	font-family: var(--gp-font--roboto);
	background-color: var(--secondColor);
	color: var(--whiteColor);
	position: absolute;
  	left:0px;
	bottom:100%;
	font-size:.75rem;
	padding:2px 5px;
	width:max-content;
}
.glyph-C:before{
	content: "C";
}
.glyph-C:hover:after{
	content:"radia allahou anhouma";
}
.glyph-r:before{
	content: "r";
}
.glyph-r:hover:after{
	content:"sallallahou alayhi wa salam";
}
.glyph-t:before{
	content: "t";
}
.glyph-t:hover:after{
	content:"radia allahou anhou";
}
.glyph-U:before{
	content: "U";
}
.glyph-U:hover:after{
	content: "azawajal";
}
.glyph-u:before{
	content: "u";
}
.glyph-u:hover:after{
	content:"alayhi salam";
}
.glyph-y:before{
	content: "y";
}
.glyph-y:hover:after{
	content:"radia allahou anhoum";
}
.glyph-z:before{
	content: "z";
}
.glyph-z:hover:after{
	content:"radia allahou anha";
}
.glyph-q:before{
	content: "?";
}
.glyph-q:hover:after{
	content: "raḥmatu llāhi ʿalayhū";
}

.coran:before{
	content:"(";
}
.coran:after{
	content:")";
}

/* ------------- ARTICLE --- Recit */
.recitComique .title, 
.recitTragique .title, 
.recitHistorique .title, 
.recitDidactique .title{
	color: var(--secondColor);
}
.recitComique .lecon, 
.recitTragique .lecon, 
.recitHistorique .lecon, 
.recitDidactique .lecon{
	color: var(--secondColor);
	border-color: var(--secondColor);
}


/* ------------- ARTICLE --- Table */
.first-table-style table,
.first-table-style table tbody tr td, 
.second-table-style table{
	border-width:0px !important;
}

.second-table-style table tbody tr td{
	border:1px dotted var(--dColor);
}

.first-table-style table tbody tr:nth-child(2n) td{
	background-color: #F5F5F5;
}

@media (max-width:781px){
	.first-table-style table tbody tr, 
	.second-table-style table tbody tr{
		display: flex;
		flex-direction: column;
	}
	.first-table-style table tbody tr td{
		border-bottom:1px dotted var(--cColor);
	}
	.first-table-style table tbody tr td,
	.second-table-style table tbody tr td{
		text-align:center;		
	}
	.first-table-style table tbody tr{
		margin-bottom:20px;
	}
	.first-table-style table tbody tr td:last-child{
		border-width:0px;
	}
	
}



.insideLink{
	padding: 20px ;
	background-color:var(--lightColor);
	border: 1px dotted var(--cColor);
	font-size: .9rem;
	text-align:center;
}

/* ------------- ARTICLE --- checkList */
.checkList{
	list-style:none;
	margin-bottom:40px;
}
.checkList li{
	padding: 0px 0px 0px 30px;
	position: relative;
	display: block;
	line-height:100%;
	margin-bottom:20px;
}
.checkList li:before,
.checkList li:after{
	content: "";
	background-color: var(--cColor);
	width:5px;
	height:10px;
	display: block;
	position: absolute; 
	top:15px;
	left:0px;
	transform:rotate(-45deg);
	margin-top:-10px;
}
.checkList li:after{
	width:20px;
	height:5px;
	bottom:6px;
	
}



/* ------------- ARTICLE --- Bubble */
.bubble{
	padding: 20px;
	border:1px solid var(--darkColor);
	background-color: var(--whiteColor);
	border-radius: 20px;
	position: relative;
	width:max-content;
	max-width:100%;
}

.bubble.left:before, 
.bubble.left:after, 
.bubble.right:before, 
.bubble.right:after{
	content: "";
	display : inline-block;
	height : 0;
	width : 0;
	position: absolute; 
	top:20px;
	z-index: 2;
}

.bubble.left:before, 
.bubble.left:after{
	border-top : 10px solid transparent;
	border-right : 20px solid var(--whiteColor);
	border-bottom : 10px solid transparent;
	left:-20px;

}


.bubble.right:before, 
.bubble.right:after{
	border-top : 10px solid transparent;
	border-left : 20px solid var(--whiteColor);
	border-bottom : 10px solid transparent;
	right:-20px;

}

.bubble.left:after{
	z-index: 1;
	margin-left:-2px;
	margin-top:-1px;
	border-top : 11px solid transparent;
	border-right : 22px solid var(--darkColor);
	border-bottom : 11px solid transparent;
}

.bubble.right:after{
	z-index: 1;
	margin-right:-2px;
	margin-top:-1px;
	border-top : 11px solid transparent;
	border-left : 22px solid var(--darkColor);
	border-bottom : 11px solid transparent;
}

.bubble.left{
	margin-right:auto;
}

.bubble.right{
	margin-left:auto;
}
.bubble.center{
	margin-left:auto;
	margin-right:auto;
}

/* ------------- ARTICLE --- wp-block-cb-carousel */
.wp-block-cb-carousel ul.slick-dots{
	bottom:-50px;
}
.wp-block-cb-carousel ul.slick-dots li,
.wp-block-cb-carousel ul.slick-dots li button{
	width:30px;
	height:50px;
}
.wp-block-cb-carousel ul.slick-dots li button:before{
	height:50px;
	width:30px;
	line-height:50px;
	font-size: 20px;
	opacity:.125;
}
.wp-block-cb-carousel ul.slick-dots li.slick-active button:before{
	color: var(--secondColor);
	opacity: 1;
}

/* ------------- ARTICLE --- FAQ */
#questions li{
	margin-bottom:10px;
}
.faqBox .back{
	text-align:right;
	font-size:.75rem;
	border-bottom:3px dotted var(--cColor);
}
.faqBox .back a{
	padding:10px;
	margin-right:-10px;
	display: inline-block;
}




/* ------------- ARTICLE --- 7BR */

.gb-headline.nbr_7nbr{
	color: var(--secondColor);
	text-align:center;
	letter-spacing:-5px;
}


/* -------------- MELE ---  */
.tableSolution.mele2 input:nth-child(2), 
.tableSolution.mele3 input:nth-child(3){
	margin-right:30px;
}

/* ------------- SERIE BLOCK --- element */
.serieBlock .gb-grid-wrapper{
	display: none;
	margin-bottom:20px;
}

.serieBlock .gb-grid-column{
	background-color: var(--lightColor);
	border-left:5px solid var(--cColor);
	margin:5px 0px;
}
.serieBlock .gb-grid-column a{
	color: var(--darkColor);
}
.serieBlock .gb-grid-column.current{
	background-color: var(--fourthColor);
	border-left:5px solid var(--contrastColor);
}
.serieBlock .gb-grid-column.current a{
	color: var(--secondColor);
}

.serieBlock.active .gb-grid-wrapper,
.serieBlock .block-editor-block-list__block.gb-grid-wrapper{
	display: block !important;
}

.serieBlock .showArticle{
	text-decoration: underline;
	color: var(--mainColor);
	cursor:pointer;
}
/* ------------- MAGAZINE LIST --- element */
.magazineList .magazineListContainer{
	-ms-overflow-style: none;
    scrollbar-width: none;
	overflow-x: scroll;
}
.magazineList .magazineListContainer::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
@media (max-width:781px){
	.magazineList .magazineListElement, 
	.magazineList .gb-grid-column{
		min-width:100%;
		max-width:100%;
	}
	.magazineList img{
		height:200px;
	}
	
}
@media (min-width:782px){
	.magazineList .magazineListElement{
		flex-wrap:nowrap;
	}
}

.magazineListNav .gb-headline{
	cursor: pointer;
}
.magazineListNav .gb-headline:hover{
	border-color: var(--secondColor);
	color: var(--whiteColor);
	background-color: var(--secondColor);
}
.magazineListNav .gb-headline.disable{
	border-color: var(--darkColor);
	color: var(--darkColor);
	opacity: .3;
	cursor: not-allowed;
}
.magazineListNav .gb-headline.disable:hover{
	background-color: var(--whiteColor);
}


.magazineListElement .current-article > .gb-container{
	position: relative;
}
.magazineListElement .current-article > .gb-container figure{
	background-color: var(--secondColor);
}
.magazineListElement .current-article > .gb-container figure img{
	opacity:.9;
}
.magazineListElement .gb-grid-column > .gb-container .gb-headline{
	background-color: var(--lightColor);
	padding:20px;
}
.magazineListElement .gb-grid-column > .gb-container .gb-headline a{
	color: var(--darkColor);
}
.magazineListElement .current-article > .gb-container .gb-headline{
	background-color: var(--fourthColor);
}
.magazineListElement .current-article > .gb-container .gb-headline a{
	color: var(--secondColor);
}

.magazineListElement .bookmark{
	display: none;
}
.magazineListElement .current-article .bookmark{ 
	display: block;
    position: absolute; 
	top:0px;
	right:20px;
    height: 45px; 
    width: 20px; 
    padding: 0px; 
    -webkit-transform: rotate(0deg) skew(0deg); 
    transform: rotate(0deg) skew(0deg); 
    border-left: 10px solid var(--contrastColor); 
    border-right: 10px solid var(--contrastColor); 
    border-bottom: 10px solid transparent !important; 
}

@media (max-width:781px){
	.magazineListElement.gb-grid-wrapper{
		margin-left:0px;
		row-gap:0px;
	}
	.magazineListElement.gb-grid-wrapper .gb-grid-column{
		padding-left:0px;
	}
	.magazineListElement .gb-grid-column .gb-container .gb-headline{
		margin-bottom:5px;
	}
	.magazineListElement .gb-grid-column .gb-container .gb-headline a{
		display: block;
	}
}

/* ------------- MAGAZINE LINK */
.magazineLink .gb-button{
	position: relative;
	background-color: inherit;
	border:1px solid var(--mainColor);
	color: var(--mainColor);
}
.magazineLink .gb-button:after{
	content:"";
	position: absolute;
	top:0px;
	left:0px;
	width:0%;
	height:100%;
	background-color: var(--mainColor);
	transition: .3s all ease-in; 
	z-index: -1;
}
.magazineLink .gb-button.magazine{
	border-color: var(--darkColor);
	color: var(--darkColor);
}
.magazineLink .gb-button.magazine:hover{
	color: var(--darkColor);
}
.magazineLink .gb-button.magazine:after{
	background-color: var(--contrastColor);
}
.magazineLink .gb-button.next{
	border-color: var(--secondColor);
	color : var(--secondColor);
}
.magazineLink .gb-button.next:hover{
	color: var(--whiteColor);
}
.magazineLink .gb-button.next:after{
	background-color: var(--secondColor);
}

.magazineLink .gb-button:hover{
	background-color: inherit;
}

.magazineLink .gb-button:hover:after{
	width:100%;
}

/* ------------- gradient */
.gradient{
	width:100%;
	background: rgb(29,53,90);
	background: linear-gradient(180deg, rgba(29,53,90,1) 0%, rgba(29,53,90,0) 100%);
}
.wp-block-cover, .wp-block-cover-image{
	padding:0px;
}

/* ------------- HOME */
.homeHeader .wp-block-list.register{
	list-style: none;
	display: flex;
	flex-direction: column;
	align-content:center;
	justify-content:center;
	gap:1em;
	margin:0px;
}
@media (min-width:782px){
	.homeHeader .wp-block-list.register{
		flex-direction: row;
	}
}


.homeList{
	list-style: none;
	margin:0px;
	margin-bottom:20px;
}
.homeList li{
	position: relative;
	padding: 10px 20px 10px 40px;
	border-bottom: 1px dotted var(--cColor);
	margin-left:20px;
}
.homeList li:before, 
.homeList li:after{
	content: "";
	width:5px;
	height:20px;
	position: absolute; 
	left:10px;
	top:0px;
	background-color: var(--greenColor);
	display: block;
	transform-origin:bottom right;
	transform:rotate(45deg) scale(.8);
	margin-top:10px;
}
.homeList li:after{
	width:5px;
	height:10px;
	top:7px;
	left:13px;
	transform:rotate(-45deg) scale(.8);
}

.homeList li:last-child{
	border-width:0px;
}


/* ------------- FOOTER */
/* ------------- BOTTOM */

.footer .footerTitle{
	border-bottom:1px solid var(--blackColor);
	padding-bottom:10px;
	margin-bottom:10px;
}
/* ------------- FOOTER --- menu */
/* ------------- BOTTOM --- menu */
.footer .menu, 
.footer .register, 
.footer .wpml-ls ul, 
.footer .accountMenu,
.bottom .menu{
	margin:0px;
	list-style: none;
}

.footer .menu li a, 
.footer .register li a, 
.footer .wpml-ls ul li a, 
.footer .accountMenu li a,
.bottom .menu li a{
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	color: var(--darkColor) !important;
	font-size: 1rem;
	background: inherit !important;
}
.footer ul li.current-menu-item a, 
.footer ul li.current-page-ancestor a, 
.bottom ul li.current-menu-item a{
	color: var(--secondColor);
}
/* ------------- BOTTOM */
.bottom .menu{
	display: flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding: 20px 0px;
}
.bottom .menu li a{
	padding:5px;
}
@media (max-width:781px){
	.bottom{
		background-color: var(--fourthColor);
		padding:0px 0px 20px;
	}
	.bottom .menu{
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-start;
	}
	.bottom .menu li a{
		padding:5px 0px;
	}
}

/* ------------- ABONNEMENT */

.change_abo{
	text-decoration: underline;
	cursor:pointer;
}
.abonnement .abo{
	display: none;
}

.abonnement > .abo.active{
	display: block;
}

.abonnement .priceBox .price{
	font-size: 2em;
	font-weight:bolder;
	margin-bottom:20px;
}

.abonnement .priceBox .price sub{
	font-size: 1rem;
	font-weight:lighter;
}
.abonnement .btnAbo a{
	border: 1px solid var(--mainColor);
	text-transform: uppercase;
	padding:10px 20px;
	display: block;
	border-radius:200px;
	font-size: .9rem;
	text-decoration: none;
	font-weight:bolder;
}


.abonnement .senior .btnAbo a{
	border-color: var(--mainColor);
	color: var(--mainColor);
	background-color: var(--whiteColor);
}

.abonnement .senior .btnAbo a:hover{
	border-color: var(--mainColor);
	color: var(--whiteColor);
	background-color: var(--mainColor);
}
.abonnement .junior .btnAbo a{
	border-color: var(--secondColor);
	color: var(--secondColor);
	background-color: var(--whiteColor);
}

.abonnement .junior .btnAbo a:hover{
	border-color: var(--secondColor);
	color: var(--whiteColor);
	background-color: var(--secondColor);
}

.abonnement .familial .btnAbo a{
	border-color: var(--contrastColor);
	color: var(--darkColor);
	background-color: var(--whiteColor);
}
.abonnement .familial .btnAbo a:hover{
	border-color: var(--contrastColor);
	color: var(--darkColor);
	background-color: var(--contrastColor);
}

/* ------------- MOBILE */
@media (max-width:781px){
	.mobileHide{
		display: none !important;
	}
}
@media (min-width:782px){

	.desktopHide{
		display: none ;
	}
}