/*
 *	COMMON.css
 * 
 * 	CSS for all pages; header, footers, general information
 * 	Everything that is shared accross all templates
 * 	
 * 
*/


/*-----------------------------------------------------------------------------------*
/* = Reset CSS défaut.
/*-----------------------------------------------------------------------------------*/
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0; font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}
html { font-size: 62.5% }
a:focus{outline: 1px dotted;outline-offset: 4px;}

a img {border: 0;}
img{max-width: 100%;height: auto;}

.wp-caption img {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}

header, hgroup, footer, section, article, aside
{display: block;}

*, *:after, *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-sizing;
  box-sizing: border-box;
}

.screen-reader {
	font-size: 1px;
	color:white;
	color:rgba(0,0,0,0);
	opacity: 0;
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0!important;
}

.screen-reader:before, .screen-reader:after {
    content: none!important;
}

/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/
body{font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;font-size: 17px; font-size: 1.7rem;}
.overall-wrapper {font-size: 0;margin:0 auto;max-width:1200px;z-index: 5;padding: 15px;}
.content-wrapper{min-height: 600px;display: inline-block;width: 74%;padding: 0 1.75% 12px;position: relative;z-index: 1;font-size: 17px;font-size: 1.7rem;line-height: 1.5;}
.content-desc {
    /* margin: 20px auto 0; */
    /* clear: both; */
    /* overflow: hidden; */
}

.content-desc p {
    text-align: justify;
}

#parchemins-guides>img {
    margin: 25PX auto;
    display: block;
   /* width: 75%;
    max-width: 450px;*/
    height: auto;
}

/* Bouton bleu de merlin (normal et demi-cercle) */
/* La version longue a été écrite pour question de priorisation de la couleur */
body.scheme-merlin a.btn-merlin, body.scheme-nature a.btn-merlin,
body.scheme-ame a.btn-merlin, body.scheme-esprit a.btn-merlin,
body.scheme-ange a.btn-merlin, body.scheme-boutique a.btn-merlin, a.btn-merlin{
	-moz-box-shadow: inset 0px 1px 4px -1px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 4px -1px #97c4fe;
	box-shadow: inset 0px 1px 4px -1px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #366fd9), color-stop(1, #002ab5) );
	background: -moz-linear-gradient( center top, #366fd9 5%, #002ab5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fd9', endColorstr='#002ab5');
	background-color: #366fd9;
	-webkit-border-top-left-radius: 37px;
	-moz-border-radius-topleft: 37px;
	border-top-left-radius: 37px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 37px;
	-moz-border-radius-bottomright: 37px;
	border-bottom-right-radius: 37px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #6290cc;
	display: inline-block;
	color: #fbffbf;
	font-size: 20px; font-size: 2.0rem;
	font-family: Georgia;
	font-weight: normal;
	font-style: italic;
	width: auto;
	padding: 10px 20px;
	line-height: 1;
	margin-bottom: 5px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 9px #0c3d6e;
}
.btn-demicercle{
    border-radius: 0 0 90px 90px;
    -moz-border-radius: 0 0 90px 90px;
    -webkit-border-radius: 0 0 90px 90px;
    padding-left: 25px; padding-right: 25px;
}

/* Pour les coeurs comme puce */
.sidebar li.active ul li:before, .content-desc ul>li:before {
	content:'\2764';
	font-size: 13px;
	font-size: 1.3rem;
	position: relative;
	top: -1px;
	left: 0;
}
.content-desc ol {
    margin-left: 2em;
}
.content-desc ol>li {
    list-style-type: inherit;
    margin-left: 1.5em;
    margin-bottom: 0.5em;
}


.content-desc ul>li {
    list-style-type: none;
    margin-left: 0.5em;
}
/*.content-desc li{padding-left: 10px!important;}*/
.content-desc li:before{margin-right: 10px;}
.sidebar li.active ul li:before{margin-right: -25px;}


/* Particularités */
.content-wrapper ul, .content-wrapper ol { overflow:hidden; font-size: 0; margin: 20px 0; list-style-position: outside; padding-left: 10px; }
.haut-de-page{ text-align:center; margin-top: 30px; margin-bottom: 20px; }
.content-wrapper-tablettes .haut-de-page{ margin-top: 15px; }

/*-----------------------------------------------------------------------------------*
/* = Globalité pour les textes et titres
/*-----------------------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	line-height: 1; display:block;
}

h1, .h1{
	font-size: 32px; font-size: 3.2rem; font-weight:300;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 15px; margin-bottom: 25px;
}
.haut-de-page h1, .haut-de-page .h1{text-align: center;}

.content-wrapper-allwidth .haut-de-page h1,
.content-wrapper-allwidth .haut-de-page .h1 {
  margin-top: 1em;
}
.search .haut-de-page h1 {
    margin-top: 35px;
}

h2, .h2{
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 500;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h3, .h3{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h4, .h4{
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: 500;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 0.33em;
}
h5, .h5{
	font-size: 19px; font-size: 1.8rem;
	font-weight: 700;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h6, .h6{
	font-size: 17px; font-size: 1.7rem;
	font-weight: 500;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 0.75em;
	margin-bottom: 0.1em;
	padding-left: 0.25em;
}

li{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.2em;
	line-height: 1.5;
	font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;
	list-style: none;
}
hr {
    margin: 28px auto;
    border: 0;
    background: none;
    border-top: 1px dotted;
    opacity: 0.5;
}
p, .p {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0.7em;
	line-height: 1.5;
	font-family:  "Signika Negative", "Trebuchet MS", Arial, sans-serif;
}

p {
    text-align: justify;
}

.titre{
	font-size: 18px; font-size: 1.8rem; 
	margin:15px 0; 
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

.intro{
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.emphase{
	margin-top:25px;
	margin-bottom:25px;
	font-family:"Signika Negative","Trebuchet MS", Arial, sans-serif;
	font-size: 20px; font-size: 2.0rem;
	font-weight:300;
	text-align: left;
}
.footer-title,
ul#menu-footer-bottom-menu-en > li,
ul#menu-footer-bottom-menu > li { 
	font-size: 24px; 
	font-size: 2.4rem;
	margin-bottom: 0;
	font-weight: 300; 
}

blockquote{
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: 300;
	font-family:"Signika Negative", "Trebuchet MS", Arial, sans-serif;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0 80px;
	text-align: center;
}

a:hover, a:focus {text-decoration: none;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
em{font-style:italic;}
strong{font-weight:700;}

li.eventCalendar-day a {
    min-height: 40px;
    line-height: 1!important;
    padding-top: 12px;
    font-size: 15px!important;
    font-size: 1.5rem!important;
}

ul.eventCalendar-daysList>li {
    min-height: 40px!important;
}

li.eventCalendar-day-header {
	padding-top:9px;
	font-size:14px;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.eventCalendar-slider {
	/* height: 300px!important; */
}

.eventCalendar-wrap .eventCalendar-arrow {}

.post-content p:last-child {/* clear:both; */} 

div.aligncenter, img.aligncenter {
    margin: 15px auto;
}

img.aligncenter {
    display: block;
    margin: 20px auto;
}
div.alignright, img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

div.alignleft, img.alignleft {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 1em;
}

p.wp-caption-text {
    padding: 10px 0 0;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    opacity: 0.85;
    text-align: center;
}

/*-----------------------------------------------------------------------------------*
/* SCHEME-COLOR (GENERAL)
/*-----------------------------------------------------------------------------------*/

/* Textures de fonds dans les sections et bannières */
.bg-ext {background-image:url('../images/bg/texture-exterieur.png');background-position: center top;}
.overall-wrapper { background-image:url('../images/bg/texture-interieur.png');}


/* ----------------------
COOKIE NOTICE
------------------------*/
#cookie-notice {
    display: block;
    visibility: hidden;
}

#cookie-notice>div {
  position: fixed;
  bottom: 3%;
  left: 0;
  right:0;
  width: 90%;
  padding: 6px 10px 12px;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Signika Negative", Signika, trebuchet, Arial, sans-serif;
  font-weight: 500;
  z-index: 100;
  margin: 0 auto;
  text-align:center;
  color:#fff;
  max-width: 1400px;
  background-color: #000;
}
.cookie-notice-revoke-container { display:none; }
#cn-notice-text { display:block; margin:0.25em; auto; }
#cookie-notice a { display: inline-block; margin-right:15px; color:#ffe67c; }
#cookie-notice {
  background-color: transparent !important;
}

/* ----------------------
DEFAULT AND OVERALL (Index-akasha)
------------------------*/
/* Wrappers */

body{background-color:#3e6c78; }
.overall-wrapper{background-color:#b8ded7;}
.banniere span.sprite-index-akasha {
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: -10px;
    background-position: 0px -459px;
    position: relative;
    top: -10px;
    background-size: 666px auto;
}
.footer-wrapper p {
    font-family: "Signika Negative", "Trebuchest MS", Arial, sans-serif;
}

.footer-rights p a {
    text-decoration: underline;
    font-weight: 300;
}

/* Header */
.banniere{background: url('../images/header/banniere-akasha.png');}
.banniere-aile{background: url('../images/header/banniere-akasha-aile.png');background-repeat: no-repeat;background-position: 100% 100%;}

/* Menu */
.banniere-menu ul.menu > li:before{background-position:-323px -280px;}
.banniere-menu ul.menu > li:first-child:before{display:none;}
.offrandes-accordeon .offrandes-tete h3, .offrandes-accordeon .offrandes-tete .h3 a{color:#def5eb;text-decoration: none;}

a.accordeon-open:before {
    display: block;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.banniere-menu ul.menu > li > a{box-shadow: inset 0px 3px 0px #dbe4d9; background-color:#b7d6d6; color:#204545;}
.banniere-menu ul.menu > li > a:hover{color:#446e6e;}
.banniere-menu ul ul, .banniere-menu>.menu-onglets>ul>li:hover>a  {background-color:#d0ebeb;}
.banniere-menu ul ul li a{color:#226161;border-bottom: 1px solid #226161;border-bottom: 1px solid rgba(34, 97, 97, 0.15);}
.banniere-menu ul ul li:last-child a{border:none;}
.banniere-menu ul.menu ul.sub-menu li:hover a{color:#629d9d;}
.banniere-menu .menu-onglets>ul>li>ul>li:hover, .banniere-menu .menu-onglets>ul>li>ul>li>ul>li {background-color:#f3fafa;}

.banniere-menu .menu-onglets>ul>li>ul>li>ul>li:hover { background-color: #fff!important; }

.banniere-menu ul.menu ul.sub-menu ul.sub-menu li a{color:#226161;}
.banniere-menu ul.menu ul.sub-menu ul.sub-menu li:hover a{color:#629d9d;}
.banniere-menu ul li#menu-item-46805 ul li li:last-child{
	margin: 0; padding-top: 5px; padding-bottom: 5px;
	background-color:#fff; color:#629d9d;}

.top-menu ul {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 20px;
}

.top-menu ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.top-menu ul li:first-child+li:before,
.top-menu ul li:first-child+li+li:before {
    content: none;
}

.top-menu ul li:before {
    content:"\2661";
    display: inline-block;
    vertical-align: top;
    color:white;
    margin-right:10px;
}

.top-menu a {
    text-shadow:0px 0px 0px #fff;
    text-shadow:0px 0px 0px rgba(255, 255, 255, 0);
    color: #fff!important;
    text-decoration:none;
    -webkit-transition:text-shadow 0.1s ease-in-out;
    -moz-transition:text-shadow 0.1s ease-in-out;
    -o-transition:text-shadow 0.1s ease-in-out;
    transition:text-shadow 0.1s ease-in-out;
}

.top-menu a:hover,
.top-menu a:focus {
	color:#fff!important;
    text-shadow:0px 0px 10px #fff;
    text-decoration:underline;
}



/* Content */
.content-wrapper{
	color:#204545;
	background-color: #d9e9e5;
	background-color: rgba(217,233,229,.75);
	background: -moz-linear-gradient(top,  rgba(217,233,229,0) 0px, rgba(217,233,229,0.75) 400px, rgba(217,233,229,0.75) 100%);
	background: -webkit-linear-gradient(top,  rgba(217,233,229,0) 0px,rgba(217,233,229,0.75) 400px,rgba(217,233,229,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(217,233,229,0) 0px,rgba(217,233,229,0.75) 400px,rgba(217,233,229,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d9e9e5', endColorstr='#bfd9e9e5',GradientType=0 );
}

.content-wrapper .content-desc li:before{color:#3d7676;}
ul.thematique-liste li, 
.relationships li li {
/*    list-style-type: disc;
    margin-left: 30px;*/
}

a{color:#2a7070;}
	a:hover,
	a:focus{color:#238888;}


.content-wrapper:before {
	content: "";
	height: 700px;
	left: 0;
	top: 
	0;
	right: 0;
	margin: 0 auto;
	max-height: 100%;
	position: absolute;
	z-index: -1;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.80) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#00ffffff',GradientType=0 );
	pointer-events: none;
}

.content-wrapper-allwidth:before {
    content: none;
}

.content-wrapper .txt-img-left img, 
.content-wrapper .txt-img-right img,
.content-wrapper .txt-boitefonce img {
	width: 100%;
	max-width: 100%;
	max-height: none;
	height: auto;
	display: block;
}
.content-wrapper .txt-boitefonce img {
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	bottom: 0;
}

.content-wrapper .txt-img-left p, 
.content-wrapper .txt-img-right p {
	font-size: 13px;
	font-size: 1.3rem;
	width: 100%;
	overflow:hidden;
	text-align: center;
	font-style: italic;
	padding: 10px 0 0;
	margin-bottom: 0;
	opacity: 0.85;
}

.content-wrapper .txt-img-left {
	width:40%;
	max-width:230px;
	float:left;
	margin: 4px 15px 10px 0px;
}
.content-wrapper .txt-img-right{
	width:40%;
	max-width:230px;
	float:right; 
	margin: 4px 0px 15px 15px;
}

.content-wrapper .txt-boitefonce{
	display:block;
	margin-top: -30px;
	margin-bottom: 0;
	width: 105%;
	max-width: none;
	height: 320px;
	margin-left: -2.5%;
	overflow:hidden;
	position:relative;
	text-align:center;
}

	.content-wrapper .txt-boitefonce h1{
		width:100%;
		color:#ffffff;
		margin-bottom:0;
		position:absolute;
		bottom: 0;
		padding: 10px 25px 10px 25px;
	}

.offrandes-prix-header + h1 {
    bottom: 30px!important;
}

.content-wrapper .txt-boitefonce h1, .coup-de-coeur-produit-slider p,
.offrandes-accordeon .offrandes-prix, .personne-box a span{background-color: #357575;background-color: rgba(53,117,117,0.8);}
.offrandes-accordeon .offrandes-titre{background-color:#357575; background-color: rgba(53,117,117);}

.btn-emphase, .btn-alternatif, a.wc-block-components-button,
.btn-emphase:hover, .btn-alternatif:hover, a.wc-block-components-button:hover,
.btn-emphase:focus, .btn-alternatif:focus, a.wc-block-components-button:focus {text-decoration:none;}

.btn-emphase, .btn-alternatif, .content-wrapper input[type="button"], a.wc-block-components-button {
	font-size:17px; font-size:1.7rem;
	display: inline-block;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-top:none;
}

.btn-emphase, .content-wrapper input[type="button"], a.wc-block-components-button {
	color: #79450c;
	box-shadow: 0 3px 7px #a4bfbf;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 15px;
	border-bottom:2px solid #ffffff;
	background: #bbaa5f;
	background: -moz-linear-gradient(top, #fdffab 0%, #bbaa5f 100%);
	background: -webkit-linear-gradient(top, #fdffab 0%,#bbaa5f 100%);
	background: linear-gradient(to bottom, #fff3ab 0%,#bbaa5f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d1d2', endColorstr='#bbb05f',GradientType=0 );
}
.btn-emphase:hover,
.btn-emphase:focus,
.content-wrapper input[type="button"]:hover,
.content-wrapper input[type="button"]:focus, 
a.wc-block-components-button:focus, a.wc-block-components-button:hover {
	color:#844e14;
	border-bottom:2px solid #f3f3f3;
	background: #fff3ab;
	background: -moz-linear-gradient(top, #bbaa5f 0%, #fff3ab 100%);
	background: -webkit-linear-gradient(top, #bbaa5f 0%,#fff3ab 100%);
	background: linear-gradient(to bottom, #bbaa5f 0%,#fff3ab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb05f', endColorstr='#fdffab',GradientType=0 );
}

.btn-alternatif{
	color:#fff;
	-webkit-border-radius: 20px 0px 20px 0px;
	-moz-border-radius: 20px 0px 20px 0px;
	border-radius: 20px 0px 20px 0px;
	border-bottom: 2px solid #476967;
	background: #c293c1;
	background: -moz-linear-gradient(top,  #80b7b8 0%, #5e8786 100%);
	background: -webkit-linear-gradient(top,  #80b7b8 0%,#5e8786 100%);
	background: linear-gradient(to bottom,  #80b7b8 0%,#5e8786 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b7b8', endColorstr='#5e8786',GradientType=0 );
}

.btn-alternatif:hover,
.btn-alternatif:focus{
	color:#f3f3f3;
	border-bottom: 2px solid #628d8c;
	box-shadow: 0 3px 7px #9bc5c2;
	background: #5e8786;
	background: -moz-linear-gradient(top,  #5e8786 0%, #7eb6b6 100%);
	background: -webkit-linear-gradient(top,  #5e8786 0%,#7eb6b6 100%);
	background: linear-gradient(to bottom,  #5e8786 0%,#7eb6b6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8786', endColorstr='#7eb6b6',GradientType=0 );
}

.btn-emphase:active, .btn-alternatif:active, a.wc-block-components-button:active { position: relative; top:1px; }


.footer-bottom .btn.btn-alternatif {
  background-color: #5bac9d;
  padding: 7px 17px;
    box-shadow: inset -4px -4px 5px -5px #000;

}
.footer-bottom .btn.btn-alternatif:hover {
    box-shadow: inset 4px 4px 5px -5px #000;

}

/* Footer */

.footer-wrapper a, 
.footer-wrapper {
    color: #c3e0d4;
    text-decoration: none;
}

.footer-wrapper .footer-title, 
.menu-footer-bottom-menu-container>ul>li>a,
.menu-footer-bottom-menu-en-container>ul>li>a
{
	color:#def5eb;
}
.footer-wrapper .footer-title a{text-decoration:none;}

.footer-wrapper a:hover,
.footer-wrapper a:focus {
    text-decoration: underline;
    color: #def5eb;
}

.footer-bottom-form-abonnement .prenom input, 
.footer-bottom-form-abonnement .nom input, 
.footer-bottom-form-abonnement .courriel input {
    border: 1px solid #dbe4d9;
    background-color: #b7d6d6;
}
.footer-bottom-form-abonnement input[type="checkbox"] + label span {
    display:inline-block;
    width:14px;
    height:14px;
    background:url('../images/icons/checkbox/icon-checkbox2-akasha.png');
    margin: 0px 6px 0px 0px;
}
 .footer-bottom-form-abonnement input[type="checkbox"]:checked + label span{
    background-position: -343px -306px;
}

/* Accordéon thématique niveau 3 et 4 */
/* Fermé */
.offrandes-accordeon .offrandes-tete{background-color: #357575;} 
/* Survol */
.offrandes-accordeon .offrandes-tete:hover{background-color: #629d9d;}
/* Ouvert */
.offrandes-accordeon .offrandes-tete:active{background-color: #629d9d;}

.list-checkbox-wrap .nf-field-element li, 
.list-radio-wrap .nf-field-element li {
    padding-left: 10px;
    margin: 0 0 5px!important;
    text-indent: 0!important;
}

.list-checkbox-wrap .nf-field-element ul li label,
.list-radio-wrap .nf-field-element ul li label {
    display: inline;
    margin-left: 0;
}

/*-----------------------------------------------------------------------------------*/
/* = SPRITES & LOGO
/*-----------------------------------------------------------------------------------*/
.sprite {
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

.sprite-common { background-image:url("../images/icons/sprite-common.png"); background-repeat: no-repeat;}



/*-------------------------------------------------*
/* HEADER
/*-------------------------------------------------*/
#masterhead{
	
	
	/* pour le background*/
	
max-width: 1386px;
	
	/* pour remonter le conteneur du contenu global du au height du header*/
	
margin: 0 auto;
	
padding-bottom: 50px;
	
margin-bottom: -44px;
	
background-position: center top;
}
.banniere-top{max-width:1200px;margin:auto;position:relative;font-size: 0;}
.banniere{
	background-position: 50% 0;
	background-repeat: no-repeat;
	width:100%;
	margin: auto;
	z-index: 20;
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

.banniere-logo .sprite-common{
	z-index: 0;
	width: 235px;
	height: 131px;
	margin: 30px auto 0;
	display: block;
	background-position: 0 0;
	background-size: auto auto;
}
 .banniere-logo{display:inline-block;/* min-width:235px; */width: 22%;vertical-align: bottom;height:187px;}
 .banniere-aile{display:inline-block;height:125px;position:relative;width: 78%;background-repeat: no-repeat;background-position: 100% 100%;background-size: 85% 100%;}
 .banniere-ange{
 	background-position: -468px 0px;
 	width:118px;
 	height:694px;
 	position: absolute;
 	top: -82px;
 	right: -30px;
 	z-index: 90;
 	pointer-events:none;
 }

/* Portail de l'Essence-Ciel*/
.banniere-top h1, .banniere-top .h1{
	font-family: "Lobster Two", Georgia, "Times New Roman", serif;
	font-size: 64px;
	font-size: 6.4rem;
	color: white;
	width:475px;
	margin:0;
	margin-left: auto;
	margin-right: 75px;
	margin-top: 5px;
	text-shadow: 1px -1px 5px rgba(100, 100, 100, 1), 
	1px 1px 1px rgba(242, 247, 170, 0.62),  0px -1px 1px rgba(100, 100, 100, 1);
}

.banniere-top .left{text-align: center;text-indent: -50%;display:block;line-height: 0.6;}
.banniere-top .right{display:block;text-align: center;font-family: "Cinzel Decorative", Georgia, "Times New Roman", serif;font-size: 40px;font-size: 4rem;text-transform: uppercase;margin-top: 8px;}

.banniere-top .right .determinant {
    font-family: "Lobster Two", Georgia, "Times new Roman", serif;
    font-size: 50px;
    font-size: 5rem;
    margin-right: 5px;
    display: inline-block;
    text-transform: none;
}

.banniere-top .right .main-letter {
    font-size: 70px;
    font-size: 7rem;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.banniere-top .portail-de{font-size:45px; font-size:4.5rem;}



/*-----------------------------------------------------------------------------------*
/* MENU PRINCIPAL
/*-----------------------------------------------------------------------------------*/
/* Globalement */
.banniere-menu { 
	position:relative;
	display:block;
	height: 54px;
	margin:0 auto;
	margin-top:5px;
	max-width:1200px;
	font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;
	z-index:80;
}

span.titre-lien {display: block; }

/* Mise en forme du menu */
.banniere-menu .menu-onglets{display: block;}
.banniere-menu .menu-onglets ul li{font-size:27px; font-size:2.7rem; line-height: 1} /*Pour les coeurs et les liens */
.banniere-menu .menu-onglets ul li a{font-family: Georgia, 'Times New Roman', serif;} /*Spécifier au lien sinon s'aplique pas */
.banniere-menu .menu-onglets ul ul li a span{display: block;margin-top: 5px;font-size: 16px; font-size: 1.6rem;font-family: 'Trebuchet MS', Arial, sans-serif;line-height: 1.3;}
.banniere-menu .menu-onglets ul ul li a{font-size: 24px; font-size: 2.4rem; font-family: Georgia, 'Times New Roman', serif; }
.banniere-menu .menu-onglets ul ul ul li a{font-size: 16px; font-size: 1.6rem; font-family: 'Trebuchet MS', Arial, sans-serif;}
.banniere-menu .menu-onglets ul ul ul li a{font-size: 21px; font-size: 2.1rem; font-family: Georgia, 'Times New Roman', serif;}
/*.banniere-menu .menu-onglets ul li#menu-item-46805 ul li li:last-child {padding-top:5px; padding-bottom:5px; text-align: center; font-size: 23px; font-size: 2.3rem; font-family: Georgia, 'Times New Roman', serif;}
.banniere-menu .menu-onglets li#menu-item-46800 .sub-menu{right: 0px;left:auto;}*/

.banniere-menu #menu-top-menu-remake > li:last-child {text-align: left;}

.banniere-menu #menu-top-menu-remake > li:last-child a {}

/* Partie avec espacement */
.banniere-menu .menu-onglets ul.menu > li{
	display: inline-block;
	text-align: center;
	line-height:40px;
	margin-left: 0.4%;
	width: 20%;
}

.banniere-menu .menu-onglets ul.menu > li:first-child+li+li {
    width: 26%;
}

.banniere-menu .menu-onglets ul.menu > li:first-child+li+li+li {
    width: 25.4%;
}

.banniere-menu .menu-onglets ul.menu > li:first-child+li {
    width: 15%;
}

.banniere-menu .menu-onglets ul.menu > li:first-child {
    margin-left: 0;
    width: 12%;
}
.banniere-menu .menu-onglets ul.menu > li:first-child a {
	margin-left: 0; 
    border-radius: 7px 0px 0px 0px;
    -moz-border-radius: 7px 0px 0px 0px;
    -webkit-border-radius: 7px 0px 0px 0px;
}
.banniere-menu .menu-onglets ul.menu > li:last-child a{
    border-radius: 0px 7px 0px 0px;
    -moz-border-radius: 0px 7px 0px 0px;
    -webkit-border-radius: 0px 7px 0px 0px;
}
.banniere-menu .menu-onglets ul.menu{display: block;width:100%;font-size: 0;}
.banniere-menu .menu-onglets ul.menu > li > a {
	display:inline-block;
	padding: 7px 14px;
	white-space: nowrap;
	width: 100%;
}


/* Partie avec les coeurs entre les liens*/
.banniere-menu .menu-onglets ul.menu > li:before{
	content:"";
	width:19px;
	height:19px;
	/*content:'\2764';*/
	position:absolute;
	top:18px;
	left: -12px;
	background-image:url("../images/icons/sprite-common.png");
	background-repeat: no-repeat;
}
.banniere-menu .menu-onglets ul.menu >li:first-child:before{content:'';}


/* Déroulement du menu */
.banniere-menu .menu-onglets, .banniere-menu .menu-onglets ul ul {padding:0;margin:0;list-style: none;}

.banniere-menu .menu-onglets > ul > li:last-child > ul {
    left: auto;
    right: 0;
}
.banniere-menu .menu-onglets ul ul {box-shadow: 10px 13px 20px -15px #000;box-shadow: 7px 10px 20px -10px rgba(0, 0, 0, 0.5);}


.banniere-menu .menu-onglets li {
  display:inline-block; vertical-align: top; position: relative; text-align: left;
}
.banniere-menu .menu-onglets li li {display:inherit;}
.banniere-menu .menu-onglets a {
  display:block; padding:5px 50px; text-decoration: none;
}
.banniere-menu .menu-onglets ul li a {padding: 15px 15px;}
.banniere-menu .menu-onglets ul {
  z-index: 5;
}
.banniere-menu .menu-onglets ul ul, 
.banniere-menu .menu-onglets ul ul ul,
.banniere-menu .menu-onglets ul li:hover ul li ul{
  display:none;
  width: 400px;
  position: absolute;
}
.banniere-menu .menu-onglets li {transition: background-color 0.5s ease-out;}
.banniere-menu .menu-onglets li li li {max-height: inherit;}

.banniere-menu .menu-onglets ul li ul li,
.banniere-menu .menu-onglets ul li ul li ul li
{max-width:400px;margin-bottom: 0;}
.banniere-menu .menu-onglets ul ul ul{left:100%;top:0;}
.banniere-menu .menu-onglets li.menu-item-46796 ul ul{left:-100%;}



/*-----------------------------------------------------------------------------------*
/* = FOOTER
/*-----------------------------------------------------------------------------------*/
/* Global */
.overall-wrapper.footer-wrapper{
	background:none;
	background-color: transparent!important;
	padding-left: 0;
	padding-right: 0;
	font-size: 0;
}
.menu-footer-left-menu-container, .menu-footer-right-menu-container, 
.footer-middle-akasha{display:inline-block; vertical-align:top; }
.menu-footer-left-menu-container, .menu-footer-right-menu-container{width:42.8%;}
.separateur-svg{
    margin: 20px auto 30px;
    padding: 0 40px;
}

.separateur-svg hr {
    background-color: transparent;
    border: 0;
    border-top: 1px dotted;
}

.separateur-svg svg {
	fill: #c3e0d4;
}

/* Milieu */
.footer-middle{margin-bottom: 20px;font-size: 0;}

.footer-middle a {
    text-decoration: underline;
}

.footer-middle a:hover,.footer-middle a:focus {
    text-decoration:none;
}

/* Menu du top */
.menu-footer-top-menu-container{margin: 15px auto 25px;}

.menu-footer-top-menu-container ul{text-align: center;}
.menu-footer-top-menu-container li{display: inline-block;font-size: 22px; font-size: 2.2rem;margin: 0;font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;}
.menu-footer-top-menu-container li:before{content: "• "; margin-left: 10px; margin-right: 10px;}
.menu-footer-top-menu-container li:first-child:before{content: ""; margin-left: 0px; margin-right: 0px;}

/* Milieu avec akasha */
.footer-middle-akasha{
	width: 16%;
	height:170px;
	text-align: center;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 20px;
}

.footer-middle-akasha .sprite-common{
	text-indent: 0;
	font-size: 20px; font-size: 2.0rem;
	line-height: 1;
	width: 135px;
	height: 135px;
	background-size: 365% auto;
	background-position: -125px -219px;
	margin:auto;
	padding-top: 135px;
	font-weight:300;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.footer-middle-akasha .sprite-common:hover{
	width: 150px;
	height: 150px;
	background-size: 365% auto;
	background-position: -139px -243px;
}

.footer-middle-right, .footer-middle-left {
	display:inline-block;
	width: 40%;
	vertical-align: top;
}

.footer-middle-right{text-align: right;}
.footer-middle-left{text-align: left;}

.footer-middle-right p, .footer-middle-left p {
    font-weight: 300;
}

/* Partie "bottom" */
.footer-bottom-infos, .menu-footer-bottom-menu-container, 
.menu-footer-bottom-menu-anglais-container, .footer-bottom-form{
	vertical-align:top;
	display:inline-block;
	width: 35%;
}

.footer-bottom-infos address {
    margin-bottom: 10px;
}
.footer-bottom-form {text-align: right;width: 42%;margin-left: 2%;}
.footer-bottom-form input[type="submit"] {
    background: none;
    border: none;
    font-size: 23px; font-size: 2.3rem;
    font-family: "Signika Negative", "Trebuchet MS", Arial, sans-serif;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

.footer-bottom-form input[type="submit"]:hover,.footer-bottom-form input[type="submit"]:focus {
    text-decoration: underline;
}
.footer-bottom-infos .footer-title:first-child,
.footer-bottom-infos-right{margin-bottom:10px;}
.footer-bottom-infos-left, .footer-bottom-infos-right
{display: inline-block;width: 50%;margin-bottom: 10px;vertical-align: top;line-height: 1;}

.menu-footer-bottom-menu-anglais-container,
.menu-footer-bottom-menu-container{margin-left: 0%;width: 30%;}	
.menu-footer-bottom-menu-en-container ul#menu-footer-bottom-menu > li,
.menu-footer-bottom-menu-container ul#menu-footer-bottom-menu > li{margin-bottom: 10px;}

.menu-footer-bottom-menu-en-container ul#menu-footer-bottom-menu > li > ul > li,
.menu-footer-bottom-menu-container ul#menu-footer-bottom-menu > li > ul > li {
    margin-bottom: 5px;
}

.footer-bottom {
  text-align: center;
}
.footer-title {
  text-align: center;
}
/* Sprites de facebook, etc. */
.footer-bottom-infos .facebook, .footer-bottom-infos .twitter,
.footer-bottom-infos .youtube, .footer-bottom-infos .instagram{
	display:inline-block;
	width:34px;
	height:34px;
	margin-right: 7px;
	margin-top: 15px;
	opacity: 0.7;
}

.footer-bottom-infos a.sprite-common:hover, .footer-bottom-infos a.sprite-common:focus {
    opacity: 1;
}
.footer-bottom-infos .facebook{background-position:0px -260px;}
.footer-bottom-infos .twitter{background-position:-39px -260px;}
.footer-bottom-infos .youtube{background-position:-77px -260px;}
.footer-bottom-infos .instagram{background-position:-114px -260px;}

/* Partie formulaire */
.footer-bottom-form-abonnement .prenom input,
.footer-bottom-form-abonnement .nom input,
.footer-bottom-form-abonnement .courriel input{
	padding: 9px;
	width:100%;
	font-size: 16px; font-size: 1.6rem;
}
.footer-bottom-form-abonnement .prenom,
.footer-bottom-form-abonnement .nom{
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.footer-bottom-form-abonnement .prenom{margin-right: 2%;}
.footer-bottom-form-abonnement .courriel{margin-top:8px; margin-bottom: 10px;}
.footer-bottom-form .footer-title:first-child{margin-bottom: 10px;line-height: 1;}
.footer-bottom-form .footer-title:last-child{margin-top:10px;}

.footer-wrapper .footer-title {
    color: #effff8;
    font-weight: 400;
}

.footer-bottom-form-abonnement .checkbox-left,
.footer-bottom-form-abonnement .checkbox-right{display: inline-block;width: 50%;text-align: left;vertical-align: top;}
.footer-bottom-form-abonnement input[type="checkbox"] {display:none;}
.footer-bottom-form-abonnement input[type="checkbox"] + label span {
    display:inline-block;
    width:14px;
    height:14px;
    margin: 0px 6px 0px 0px;
    background: url(../images/icons/sprite-common.png);
    background-position: -358px -306px;
    cursor: pointer;
}


/* Partie légale */
.footer-rights{margin-bottom: 11px;margin-top: 30px;}
.footer-rights-left, .footer-rights-right{display:inline-block;width: 50%;margin-bottom: 10px;}
.footer-rights-left{text-align:left;}
.footer-rights-right{text-align:right;}


/*-----------------------------------------------------------------------------------*
/* = INSTRAGRAMME
/*-----------------------------------------------------------------------------------*/
.footer-instagram{background-color:#000;}
.footer-instagram img{
	display:inline-block; max-width: 20%;
	margin:0; padding:0; margin-right:-3px;
	vertical-align: middle;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}
.footer-instagram img:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none; /* IE 6-9 */
}


/*-----------------------------------------------------------------------------------*
/* = PAGINATION
/*-----------------------------------------------------------------------------------*/
.pagination {text-align: center; margin-top: 40px; margin-bottom: 20px;}
.pagination .page-numbers {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    font-size: 20px; font-size: 2.0rem;
    border: 2px solid #fff;
    border-color: rgba(255,255,255,0.7);
    padding: 2px 9px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 20px;
}
.pagination span.page-numbers {
    padding: 3px 7px;
    font-weight: 700;
    border-width: 1px;
    border-left-width: 5px;
    border-right-width: 5px;
    box-shadow: 0px 2px 6px -3px #000;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev, .pagination .page-numbers.dots {
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 300;
}

/*-----------------------------------------------------------------------------------*
/* PRINT
/*-----------------------------------------------------------------------------------*/
@media print{
	*,div,p,a,span,table,img { break-inside: avoid;
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid; }
	.hidden-print, header#masterhead,  .sidebar, 
	.event-consultant, .footer-wrapper{
		display:none!important;
	}
	.content-wrapper{width:100%;}
	h3 { color:#000!important;margin:0;padding:15px 0 0;}
    h4 { color:#000!important;}
    #branda-cookie-notice, #fb-root, .author-box,.events-box {display: none!important;}
 }










/*---------------------------------------------------------------------------------------------------------*
/* PARTIE MOBILE--------------------------------------------------------------------
/*---------------------------------------------------------------------------------------------------------*/


/* Huge Screen */
@media screen and (min-width:1280px) {

	/* Menu Onglets*/
	.banniere-menu .menu-onglets ul li:hover ul,
	.banniere-menu .menu-onglets ul li ul li:hover ul
	 {display:block;}
}



/* Big Screen */
@media screen and (max-width:1279px) { 
	/* Menu Onglets */
	.banniere-top, .banniere-menu {
	    padding: 0 20px;
	}

	.banniere-ange.sprite-common {
		width: 106px;
		right: -20px;
	}
}

@media screen and (max-width:1239px) { 
	/* Contenu */
	.overall-wrapper {
		margin: 0 20px;
		padding: 15px;
	}

	/* Menu Onglets */
	.banniere-menu .menu-onglets ul li {
		font-size: 23px;
		font-size: 2.4rem;
		line-height: 1;
	}
	.banniere-menu .menu-onglets ul ul, 
	.banniere-menu .menu-onglets ul ul ul, 
	.banniere-menu .menu-onglets ul li:hover ul li ul {
		width: 350px;
	}
}



@media screen and (max-width:1199px) {
	/* Header */
	.banniere-logo .sprite-common{ left:25px; }
	.banniere-menu ul.menu > li > a{width:98%;}

	.banniere-menu .menu-onglets ul.menu > li:first-child > a{width:100%;}
	.banniere-menu #menu-top-menu-remake > li:last-child a{padding-right: 16px;}

	/* Footer */
	.footer-bottom-infos{
	    width: 34%;
	}	

	.menu-footer-bottom-menu-en-container
	.menu-footer-bottom-menu-container {
	    margin-left: 0%;
	    width: 27%;
	}

	.footer-bottom-form {
	    width: 37%;
	    margin-left: 2%;
	}
	ul#menu-footer-bottom-menu-en >li,
	.footer-title, ul#menu-footer-bottom-menu >li {
		font-size: 22px; font-size: 2.2rem;
		font-weight: 400;
	}
}

/* Medium Screen/Tablet */
@media screen and (max-width: 1024px) {
	/* General */
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0.8em auto;}
	h1, .h1{ font-size: 28px; font-size: 2.8rem;  }
	h2, .h2{ font-size: 25px; font-size: 2.5rem; }
	h3, .h3{ font-size: 23px; font-size: 2.3rem; }
	h4, .h4{ font-size: 21px; font-size: 2.1rem; }
	h5, .h5{ font-size: 19px; font-size: 1.9rem; }
	h6, .h6{ font-size: 17px; font-size: 1.7rem; }

	p, .p, li{ font-size: 16px; font-size: 1.6rem; }

	.titre{ font-size: 16px; font-size: 1.6rem; }

	.intro{font-size: 20px; font-size: 2.0rem;}
	.emphase { font-size:18px; font-size:1.8rem; }

	blockquote{ font-size: 18px; font-size: 1.8rem; }

	.content-wrapper {
		width: 100%;
		min-height: 0px!important;
		margin-bottom: 0;
	}

	/* Header */
	.banniere-top h1, .banniere-top .h1 {
		font-size:60px; font-size:6.0rem;
		margin-right: 0;
	}

	/* Menu */
	.banniere-menu {height: 44px;}
	.banniere-menu .menu-onglets ul.menu > li { font-size: 19px; font-size: 1.9rem; line-height: 30px; margin-bottom: 0; }

	.banniere-menu .menu-onglets ul ul li a, 
	.banniere-menu .menu-onglets ul ul ul li a { font-size:20px; font-size:2.0rem; }

	.banniere-menu .menu-onglets ul ul li a span, 
	.banniere-menu .menu-onglets ul ul ul li a span { font-size:15px; font-size:1.5rem; }

	.banniere-menu .menu-onglets ul ul, 
	.banniere-menu .menu-onglets ul ul ul, 
	.banniere-menu .menu-onglets ul li:hover ul li ul {
		width: 290px;
	}

	.banniere-menu .menu-onglets ul.menu > li:before { top: 13px;	}

	/* Contenu */
	.content-wrapper .txt-boitefonce {
		width: 104%;
		margin-left: -2%;
	}

	
	/* Footer */
	.footer-title,
	ul#menu-footer-bottom-menu-en > li,
	ul#menu-footer-bottom-menu > li { font-size: 18px; font-size: 1.8rem; }

	.footer-middle-right, .footer-middle-left { width:38%; }
	.footer-middle-akasha {width: 20%;}
	.footer-bottom-form-abonnement .prenom input, 
	.footer-bottom-form-abonnement .nom input, 
	.footer-bottom-form-abonnement .courriel input { font-size:12px; font-size:1.2rem; }

}

@media screen and (max-width:869px) {
	/* Menu */
	.banniere-menu .menu-onglets ul.menu > li {font-size: 19px;font-size: 1.9rem;}

	.banniere-menu .menu-onglets ul ul li a, 
	.banniere-menu .menu-onglets ul ul ul li a { font-size:17px; font-size:1.7rem; font-weight:700; }

	.banniere-menu .menu-onglets ul ul li a span, 
	.banniere-menu .menu-onglets ul ul ul li a span { font-weight: 400; }
	
	.banniere-menu .menu-onglets ul ul, 
	.banniere-menu .menu-onglets ul ul ul, 
	.banniere-menu .menu-onglets ul li:hover ul li ul {
		width: 270px;
	}
}


/* Over than 800px */
@media screen and (min-width:800px) {


	/* Menu Onglets*/
	.banniere-menu .menu-onglets ul li:hover ul,
	.banniere-menu .menu-onglets ul li ul li:hover ul
	 {display:block;}
}

/* Small Screen/Tablet */
@media screen and (max-width: 799px) {

	/* General */
	p, .p, li {font-size: 16px; font-size: 1.6rem;}
	.top-menu { display:none; }

	/* Header */
	#masterhead{
		width: 100%;
		height:auto;
		padding-top: 70px;
		padding-bottom: 125px;
		margin-bottom: -120px;
		background-size: auto 100%;
		background-repeat: no-repeat;
		}
	.banniere-top{width: 95%;padding: 0 0;}
	.banniere-aile {/* display:none; */width: 63%;background-size: 140% 80%;background-position: 0% 100%;}

	.banniere-top h1, .banniere-top .h1 {
	    font-size: 42px;
	    font-size: 4.2rem;
	    margin-top: 35px;
	    margin-left: 30px;
	    width: auto;
	}

	.banniere-top h1 .portail-de, .banniere-top .h1 .portail-de {
	    font-size: 30px; font-size: 3.0rem;
	}

	.banniere-aile .banniere-ange {
	    display: none;
	}

	.banniere-logo{width: 37%;/* display:block; */margin:0 auto;padding-top: 10px;height: auto;vertical-align: top;}
	.banniere-logo .sprite-common{position: static;margin: 0;left: 0;width: 166px;height: 92px;background-size: 410px auto;}


	/*Top Banner Text*/
	.banniere-top .left{}
	.banniere-top .right{font-size: 33px;font-size: 3.3rem;}

	.banniere-top .right .determinant {
		font-size: 35px;
		font-size: 3.5rem;
		margin-right: 0;
	}


.scheme-akasha
 .banniere-top .right .determinant {
    width: 100%;
    text-align: center;
    text-indent: -110px;
}

.scheme-akasha .banniere-top .right .main-letter {
    margin-top: -15px;
    vertical-align: bottom;
    position: relative;
}

.banniere span.sprite-index-akasha {
    width: 60px;
    height: 60px;
    background-position: 0px -294px;
    background-size: 427px auto;
}

	.banniere-top .right .main-letter {
		font-size: 50px;
		font-size: 5rem;
	}

	.banniere-top .portail-de{font-size:45px; font-size:4.5rem;}
	
	/* Menu Onglets => Menu Mobile */
	.banniere-menu{
		position: fixed;
		position: device-fixed;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		z-index: 200;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin-top:0;
		font-size: 0;
		background-color: #2e515a;
		background-color: rgba(46, 81, 90, 0.95);
		color: #fff;
		height: auto;
		padding: 0 15px;
	}
	
	.banniere-menu .onglets-menu-btn {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height:55px;
		font-family: "Signika Negative", Arial, sans-serif;
		font-weight: 300;
		font-size: 0;
		line-height: 1;
		vertical-align: middle;
		z-index: 15;
	}

	.banniere-menu .onglets-menu-btn span {
		width: 75%;
		display: inline-block;
		font-size: 17px;
		font-size: 1.7rem;
		vertical-align: middle;
		z-index: 15;
		padding: 0 0 0 15px;
		color: #fff;
	}

	.banniere-menu.mobile-menu-on .onglets-menu-btn span {
		/* display: none; */
		color: #000;
		text-align: left;
	}

	.banniere-menu.mobile-menu-on .onglets-menu-btn {
		/* height: 0; */
		width: 100%;
		z-index: 1500;
		text-align: center;
		padding-left: 0!important;
		padding-right: 0!important;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.8);
		-webkit-transition: background-color 0.5s ease-in-out;
		-moz-transition: background-color 0.5s ease-in-out;
		-o-transition: background-color 0.5s ease-in-out;
		transition: background-color 0.5s ease-in-out;
	}

	
	.banniere-menu .onglets-menu-btn:after {
		display: inline-block;
		line-height: 1;
		vertical-align: middle;
		z-index: 1500;
		content: "MENU";
		right: 0;
		left: auto;
		padding: 21px 30px 21px 0;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: right;
		width: 25%;
		background-color: rgba(0,0,0,0);
		color: #fff;
	}

	.banniere-menu div.menu-onglets ul.menu {
	    display: block;
	    background-color: #fff;
	    position: fixed;
	    position: device-fixed;
	    -webkit-backface-visibility: hidden;
	    		backface-visibility: hidden;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    padding-top: 0;
	    -webkit-transform: translateX(-100%);
	    -o-transform: translateX(-100%);
	    transform: translateX(-100%);
	    overflow: hidden;
	    overflow-y: auto;
	}

	.banniere-menu.mobile-menu-on div.menu-onglets ul.menu {
	    -webkit-transform: translateX(0%);
	    -o-transform: translateX(0%);
	    transform: translateX(0%);
	    -webkit-transition: transform 0.5s ease-in-out;
	    -moz-transition: transform 0.5s ease-in-out;
	    -o-transition: transform 0.5s ease-in-out;
	    transition: transform 0.5s ease-in-out;
	}

	.banniere-menu .menu-onglets ul.menu > li {
	    width: 100%;
	    display: block;
	    border-radius: 0;
	}

	.banniere-menu .menu-onglets ul.menu > li:first-child a {box-shadow:none;padding-top: 80px!important;}

	.banniere-menu .menu-onglets ul.menu > li:before { content:none; }
	.banniere-menu .menu-onglets {
	    width: 100%;
	    height: 55px;
	    /* position: absolute; */
	    /* top: 0; */
	    /* left: 0; */
	    /* right: 0; */
	    /* bottom: 0; */
	    /* z-index: 10; */
	    z-index: 10;
	}

	.mobile-menu-on .onglets-menu-btn:after {
		content: "RETOUR";
		color: #000;
		text-align:center;
		padding-right: 0!important;
	}

	.banniere-menu .menu-onglets ul.menu > li > a {
	    display: block;
	    margin: 0 auto!important;
	    width: 100%!important;
	    border-radius: 0!important;
	    text-align:center;
	    /* background-color:transparent!important; */
	    white-space: normal;
	    line-height: 1.2;
	    padding: 20px 50px!important;
	}

	.banniere-menu .menu-onglets ul.menu > li {
		width: 100%!important;
		font-size: 22px; font-size: 2.2rem;
		margin: 0;
	}

	.banniere-menu ul>li>ul>li>a {
		padding: 15px 20%!important;
	}
	.banniere-menu .menu-onglets ul ul, .banniere-menu .menu-onglets ul ul ul, .banniere-menu .menu-onglets ul ul li {
		position: relative!important;
		top: auto;
		left:auto;
		right:auto;
		bottom:auto;
		width: 100%!important;
		max-width: none!important;
		margin:0 auto;
		box-shadow:none;
	}

	.banniere-menu .menu-onglets li.mobile-menu-expand > ul {
		display: block!important;
	}


	/*  Contenu */ 
	.overall-wrapper{width: 95%;margin: 0 auto;}

	.overall-wrapper.footer-wrapper {
	    padding: 1px 0;
	}

	div.content-wrapper {
	    padding: 5px 15px 15px!important;
	}
	.content-wrapper{
		width:auto; padding-right: 20px !important; display:block;}

	.content-wrapper .txt-boitefonce{width: 107%;margin-left: -3.5%;margin-top: -35px;height: 200px;}


	/* Footer */
	.footer-rights-left, .footer-rights-right {width: 49.3%; margin-bottom: 20px;}
	.footer-middle-right, .footer-middle-left{width: 38%;}
	.menu-footer-top-menu-container li { font-size: 18px; font-size: 1.8rem; }
	.footer-middle-akasha { margin-left:1.5%; margin-right:2.5%; }

	.footer-middle-akasha .sprite-common {
		font-size: 17px; font-size: 1.7rem;
		width: 115px!important;
		padding-top: 120px;
		background-size: 360% auto!important;
		background-position: -105px -184px!important;
	}

	.footer-bottom-form{margin:0 auto;margin-top: 40px;width: 85%;display:block;}
	.footer-bottom-infos, .menu-footer-bottom-menu-en-container,
	.footer-bottom-infos, .menu-footer-bottom-menu-container{width: 50%;}
	.menu-footer-bottom-menu-en-container,
	.menu-footer-bottom-menu-container{margin-left:0; text-align: right;}
	.footer-bottom-form .footer-title:first-child,
	.footer-bottom-form .footer-title:last-child{text-align: center;}

	.separateur-svg {padding: 0 15px;}
	.menu-footer-top-menu-container li:first-child+li, .menu-footer-top-menu-container li:first-child+li+li+li { display:none; }
}


/* Big phone */
@media screen and (max-width:559px) {
	/* Header */
	.banniere-top h1, .banniere-top .h1{
		margin-top: 40px;
		margin-left: 15px;
	}
	.banniere-top h1 span, .banniere-top .h1 span {
		/* font-size:33px; */
		/* font-size:3.3rem; */
	}
	
	/* Contenu */
	.overall-wrapper{ width: 100%; }

.overall-wrapper.footer-wrapper {
	padding:1px 15px;
}

.banniere-top {
    padding-right: 0;
    width: 100%;
    padding-left: 10px;
}


	/* Footer */
	.footer-middle-right, .footer-middle-left{width:100%; text-align: center;}

.footer-middle p {
    text-align: center;
}
	.footer-middle-akasha{display:block;width: 100%;height: auto;margin: 25px auto;}
	.footer-rights-left, .footer-rights-right{display:block; width:auto; text-align: center;}
	.footer-bottom-form{width:100%;}

}


/* Medium phone */
@media screen and (max-width:480px) {
	.content-desc p, .content-desc .p {text-align:left;}

	/* Header */
	#masterhead{
	    padding-top: 70px;
	    padding-bottom: 0;
	    margin-bottom: 0;
	    background: none;
	}

	.banniere-top {
	    display: none;
	}
	.banniere-menu .menu-onglets {height: 70px;}

	.banniere-menu .onglets-menu-btn:after {
		padding: 28px 30px 28px 0;
	}

	.banniere-menu .onglets-menu-btn {
		height: 70px;
	}

	.banniere-menu .onglets-menu-btn span {
		font-size: 16px; font-size: 1.6rem;
	}
	
	.banniere-logo{padding-top:32px;}

	/* Contenu */
	.content-wrapper{text-align: center;}
	.content-wrapper .txt-img-left, .content-wrapper .txt-img-right{max-width: 70%;width:100%;float:none;margin: 0 auto 15px;}


	/* Footer  */
	.footer-bottom-infos, .menu-footer-bottom-menu-en-container,
	.footer-bottom-infos, .menu-footer-bottom-menu-container{width:100%; display:block; margin-bottom:25px; text-align:center;}

	.footer-title {
		text-align: center;
	}
	.separateur-svg {padding: 0;}

	.footer-rights {
	    margin-top: 50px;
	}

	.footer-bottom-infos div p {
		text-align: left;
	}

	p.footer-bottom-infos-right {
		width: 40%;
	}

	.footer-bottom-infos-left {
		width: 60%;
	}

	.footer-bottom-infos div {
		max-width: 281px;
		margin: 0 auto;
	}

	.footer-bottom-form-abonnement .prenom { margin-right:2%; }
	.footer-bottom-form-abonnement .prenom, 
	.footer-bottom-form-abonnement .nom {width: 49%;}

}


/* smallest phone */
@media screen and (max-width:339px) {
	/* Contenu */

	.overall-wrapper {
		padding: 8px;
	}

	
	.content-wrapper .txt-boitefonce{/* display:none; */width: 110%;margin-left: -5%;}
	.footer-bottom-form-abonnement .checkbox-left, 
	.footer-bottom-form-abonnement .checkbox-right {width: 100%;}
}
 

 .hidden {
 	display:none!important;
 }