:root {
/* colors */
  --main-contrast-color: #f4bc62; /* pale yellow */
  --secondary-contrast-color:#805409; /* warm brown */
  --third-contrast-color:#DA6102; /* orange */
  --fourth-contrast-color:#984523; /* dark orange */
  --line-separators-color: #ddd; /*light-grey*/
  --light-text-color:#aaa; /* Xlight grey*/
  --medium-text-color:#898989; /* Medium grey */
  --almost-black:#282828; /* self explanatory */

/* fonts */
	--handwriting-font: 'dawningofanewday';
}

/* general styles */

html, body {
  font-size : 18px;
}

body {
  background: #000;
}

html, body, /*header,*/ footer {
  overflow-x: hidden;
}

body:not(.home) {
	background: white;
}

a {
 color:var(--medium-text-color);
 font-weight: 800;
}

p {
	font-size: 18px; 
}

p.handwritten {
	font-size: 36px;
	font-family: var(--handwriting-font);
	line-height: 1em;
}


p.anchors a {
	color: var(--third-contrast-color);
}


ul {
	list-style: none;
	margin:0;
	padding: 0;
}

ul li {
	margin:0;
	padding: 0;
}

h1, h2, h3 {
	font-weight: normal; /* resetting UA defaults for Chrome rendering engine */
}

h1 {
	font-size: 69px;
	font-weight: 400;
	color: var(--main-contrast-color);
	margin-left:-20px;
}

h1#main-title {
	padding-top: 69px;
	line-height: 1em;
}


h2 {
	font-family: var(--handwriting-font);
	font-size: 60px;
	color: var(--almost-black);
	line-height: 1em;
}

h3 {
	font-size: 23px;
	margin-bottom: 0.7em;
	margin-top: 1.7em;
}

br.visible-xs {
	display: none;
}

.centered {
	text-align: center;
}

/** main content area **/

#main-content-area {
	position: relative;
	margin-top: 0;
	width: 100%;
	z-index:1;
}

#main-content {
	 padding:0 60px 0 60px;
}

#main-content p {
	margin:0 0 1em 0;
}

#main-content p.handwritten {
	margin:1em 0 1em 0;
}


#main-content p.ending-more {
	padding : 10px;
	border: 2px solid var(--almost-black);
	border-radius: 5px;
	margin:2em 0 2em 0;
}

#main-content h1 + p {
	margin-top:2em;
}

#main-content h2 + p {
	margin-top: 1.2em;
}

#main-content h2 + ul {
	margin-top:0;
}

#main-content h1 + h2 {
	margin-top:13px;
}

#main-content ul li h3:before {
	content:"*";
	font-family: var(--handwriting-font);
	font-size : 69px;
	color: var(--main-contrast-color);
	line-height: 0.3em;
	vertical-align: sub
}

#main-content ul li h3 {
	margin-top: 1em;
}



/*
#main-content article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

#main-content article img {
	margin: 0 20px 20px -30px;
	width: 259px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

#main-content article p:first-of-type {
	margin-top: 30px;
}
 */ /* herited from somewhere... pointless here */

/** end main-content-area **/

/** width limits + centering **/
nav#header-menu, #main-content {
	max-width: 1200px;
	margin:0 auto;
}

#main-content {
	max-width: 1220px;
}
/** end width limit **/


/* end general styles */




/* header */

header {
	background: rgba(0,0,0,0.6);
	width: 100%;
}


body:not(.home) header {
	background: rgba(0,0,0,.85);
}

header div#logo-container {
width: 400px; /*MQ*/
margin:0 auto;
}

header nav#header-menu {
}

header nav#header-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	font-size:23px;
}


header nav#header-menu ul li {
	margin: 0 1em;
	/*padding: 0 0 3px 0; may be put back in MQ ?*/
	position: relative;
}



header nav#header-menu ul li a {
	color: white;
	font-weight: 400;
	padding: 0 0 3px 0;
}

header nav#header-menu ul li a:hover {
	text-decoration: none;
}


header nav#header-menu ul li a.active {
	border-bottom:2px solid white;
}

/** dropdown menu **/

 .open, [id^=drop], .close {
	display: none;
}

header nav#header-menu ul ul {
	display: none;
	position: absolute;
	width: 300%;
	z-index: 2;
	/* margin-top:3px; may be put back in MQ ??*/
	background: rgba(0,0,0,0.9);
}

header nav#header-menu ul li:hover > ul { display: inherit; }

header nav#header-menu [id^=drop]:checked ~ ul {
	display: block;
}

header nav#header-menu ul ul li {
	float: none;
	display: block;
	position: relative;
	margin:0;
	padding:10px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}



/*** MQ for mobile menu and general header styles ***/

@media all and (max-width : 768px) {


header nav#header-menu {
	margin: 0;
	position: absolute;
	top:0;
	width: 100%;
	z-index:3;
	min-height: 100vh;
	background: #ffffff;
	background: rgba(0,0,0,0.93);
}

header nav#header-menu ul {
	margin:0;
	padding: 1em 0;
	display: block;
}

header nav#header-menu ul li {
	padding:5% 0 5% 1em;
	margin:0;
	border-bottom: 1px solid rgba(255,255,255,0.1);

	
}

header nav#header-menu ul li a.active {
	color:rgba(255,255,255,0.5);
    border:none;

}

header nav#header-menu .toggle {
	color: white;
	display: block;
}

header nav#header-menu { display: none; }

header .open {
  display: block;
  color: white;
  text-align: center;
  font-size:2em;
  line-height: 0.8em;
}


header nav#header-menu .close {
	display: block;
	float: right;
	width: 1em;
	height: 1em;
	position: relative;
	z-index: 3;
	color: white;

}

header [id^=drop]:checked ~ nav#header-menu {
	display: block;
}

/* header nav#header-menu [id^=drop]:checked ~ ul {
	display: block;
} added to default styles so as to work on large screen touch devices */

header nav#header-menu ul li {
  display: block;
  width: 100%;
}

header nav#header-menu ul ul {
	position: static;
	width: 100%;
	background: none;
}

/*header nav#header-menu ul ul li:hover > ul,
header nav#header-menu ul li:hover > ul { display: none; }*/

header nav#header-menu ul ul li {
  display: block;
  width: 100%;
  background: none;
}

header nav#header-menu ul ul li:last-child {
	border:none;
}

/**** general header styles ****/

@media all and (max-width : 400px) {
	header div#logo-container {
		width: 100vw;
	}
}

/**** end general header styles ****/

}

@media all and (max-width : 330px) {

header nav#header-menu ul li {
  display: block;
  width: 94%;
}

}

/*** end media Query for mobile menu ***/

/** end dropdown menu **/

/* end header */


/* footer */

footer {
	padding:20px 10px;
	margin: -190px auto 0 auto;
	z-index: 4;
	position: relative;
	background: rgba(241,159,13,0.5);
	color: white;
	font-size:18px;
	min-height:150px;
}

footer #footer-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 1872px;
	margin:0 auto;
}

body:not(.home) footer {
	margin-top:0;
	background: rgb(245,193,109);
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(245,193,109,1)), color-stop(71%, rgba(241,169,53,1)));
background: -o-linear-gradient(top, rgba(245,193,109,1) 10%, rgba(241,169,53,1) 71%);
background: linear-gradient(180deg, rgba(245,193,109,1) 10%, rgba(241,169,53,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5c16d",endColorstr="#f1a935",GradientType=1);
/*box-shadow: 0 50vh 0 50vh #f1a935; extends til the end of the vp */
}

footer div.footer-column {
	text-align: left;
	/*flex: 0 1 31%;*/
	padding: 0 2%;

}

footer div#footer-A {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 23%;
	        flex: 1 1 23%;
}

footer div#footer-C {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 32%;
	        flex: 1 1 32%;
	text-align: right;
}

footer div#footer-B {
	text-align: center;
	border-left : 1px solid white;
	border-right : 1px solid white;
	padding: 0 1%;
	-webkit-box-flex: 2;
	    -ms-flex: 2 1 34%;
	        flex: 2 1 34%;
}

footer div#footer-C img {
	vertical-align:text-bottom;
}

footer div.footer-column a {
	 color: white;
	 font-weight: 600;
	 word-wrap: normal;
}

div#subway {
	background: var(--almost-black);
	-webkit-box-shadow: 0 50vh 0 50vh var(--almost-black);
	        box-shadow: 0 50vh 0 50vh var(--almost-black);
	width: 100%;
	max-width: 1872px;
	color: white;
	text-align: center;
	line-height: 1em;
	padding: 20px 0;
}

/** Footer MQ **/

@media all and (max-width : 768px) {
	
	footer {
		margin: -152px 0 0 0;
	}

	footer #footer-container {
		display: block;
	}

	footer div.footer-column {
	text-align: center;
	}

	footer div#footer-B {
	border:none;
	border-top : 1px solid white;
	border-bottom: 1px solid white;
	padding:10px 0;
	margin:10px 0 10px 0;
	}

	footer div#footer-C {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 32%;
	        flex: 1 1 32%;
	text-align: center;

}

}

/** end footer MQ **/

/* end footer */


/* home */
.home {
}

.home header {
	position: absolute;
	top: 0;
}

.home #main-content-area {
	margin-top: 260px;
}

.home #page-background {
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	line-height:0;
	overflow: hidden;
}

.home #page-background img {
	margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top:-30px;
}

.home #main-content-area {
	position: absolute;
	top: 283px;
	margin-top: 0;
}

.home #main-content-area #signature-container {
	margin: 0 auto 0 auto;
	max-width: 768px;
}

.home #main-content-area #signature-container img {
	display: block;
	margin: 0 auto 0 auto;
	max-width: 768px;
}

@media only screen and (max-width: 375px) {
	.home #main-content-area {
		top: 233px;
	}
	.home #page-background img {
    margin-top:-20px;
	}
}

@media only screen and (min-width: 376px) and (max-width: 768px) {
	.home #main-content-area {
		top: 250px;
	}
	.home #page-background img {
    margin-top:0px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.home #main-content-area {
		top: 269px;
	}
	.home #page-background img {
    margin-top:-80px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.home #main-content-area {
		top: 269px;
	}
	.home #page-background img {
    margin-top:0px;
	}
}

@media only screen and (min-width: 1281px) {
	.home {
		background:black;
	}
	.home #main-content-area {
		top: 289px;
	}
	.home #page-background img {
    margin-top:-20px;
	}
}


/* end home */

/* la compagnie styles */

body.compagnie #main-content img.main-image.right {
	float: right;
	margin:53px 0 10px 20px;
	position: relative;
	z-index:0;
	display: block;
	max-width: 600px;
}

body.compagnie #main-content h1, body.compagnie #main-content h2{
	position: relative;
	z-index:1;
	display: block;
	white-space: nowrap;
	overflow: visible;
}

@media only screen and (max-width: 865px) {
	body.compagnie #main-content img.main-image.right {
		margin-right: -5%;
	}
}


@media only screen and (max-width: 667px) {
	body.compagnie #main-content img.main-image.right {
		margin:100px -1% 10px 10px;
	}
	body.compagnie #main-content article {
		display: block;
	}
	body.compagnie #main-content article img {
		display: block;
		margin : 10px auto 0 auto;
		padding-right:25px;
	}
}



@media only screen and (max-width: 560px) {
	body.compagnie #main-content img.main-image.right {
		margin:140px -1% 10px 10px;
	}
}

@media only screen and (max-width: 470px) {
	body.compagnie #main-content img.main-image.right {
		margin:160px -1% 10px 10px;
	}
}


@media only screen and (max-width: 375px) {
	body.compagnie #main-content img.main-image.right {
		margin:160px -1% 10px 10px;
	}
	
}




/*  end la compagnie styles */

/* agenda styles */

body.agenda #main-content article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

body.agenda #main-content article#dedans-dehors {
	
}

body.agenda #main-content article h2 {
	margin-left:-7px;
	color: var(--fourth-contrast-color); 
}

body.agenda #main-content article h3 {
	margin-top:0.6em;
}

body.agenda #main-content article h2, body.agenda #main-content article h3, body.agenda #main-content article ul  {
	background: rgba(255,255,255, 0.7);
	border-bottom: 1px solid var(--medium-text-color);
}


body.agenda #main-content img.article-image {
	margin:0px -33px 0px 0px;
	position: relative;
	z-index:0;
	display: block;
	max-width: 270px;
	flex-shrink: 0;
}

body.agenda #main-content article div.text-content {
	padding-top: 163px;
	position: relative;
	z-index: 1;
	flex-shrink: 1;
}

body.agenda #main-content article div#text-content-dedans-dehors {
	background: url("../images/page-agenda-BG-dedans-dehors-1049.jpg") top right no-repeat;
	background-size: 91%;
	margin-top:-152px;
	padding-top: 300px;
	margin-right: -100px;
	padding-right:100px;
}


@media only screen and (max-width: 768px) {
	body.agenda #main-content article div#text-content-dedans-dehors {
	margin-top: -106px;
	padding-top: 247px;
	}
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-image: url("../images/page-agenda-BG-dedans-dehors-768.jpg");
		background-size: 78%;
	}
}

@media only screen and (max-width: 667px) {
	body.agenda #main-content img.article-image {
		margin:0px -10px 0px 0px;
	}
	body.agenda #main-content article div.text-content {
		padding-top: 80px;
	}
	body.agenda #main-content article div#text-content-dedans-dehors {
	margin-top: -106px;
	padding-top: 198px;
	}
}

@media only screen and (max-width: 465px) {
	body.agenda #main-content article div.text-content h2 {
		font-size: 40px;
	}
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-size: 73%;
	}
}

@media only screen and (max-width: 375px) {
	body.agenda #main-content article div#text-content-dedans-dehors {
	padding-top: 166px;
	}
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-image: url("../images/page-agenda-BG-dedans-dehors-375.jpg");
		background-size: 78%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1366px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1366px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1366px),
only screen and (min-resolution: 192dpi) and (min-width: 1366px),
only screen and (min-resolution: 2dppx) and (min-width: 1366px) { 
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-image: url("../images/page-agenda-BG-dedans-dehors-2098.jpg");
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (max-width: 768px) { 
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-image: url("../images/page-agenda-BG-dedans-dehors-1049.jpg");
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 375px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 375px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 375px),
only screen and (min-resolution: 192dpi) and (max-width: 375px),
only screen and (min-resolution: 2dppx) and (max-width: 375px) { 
	body.agenda #main-content article div#text-content-dedans-dehors {
		background-image: url("../images/page-agenda-BG-dedans-dehors-768.jpg");
	}
}

/* agenda styles */


/* contacts styles */

body.contacts #main-content {
	}

body.contacts #main-content article {
	display: inline-block;
	width: 46%;
	}
body.contacts #main-content article div.article-text {
	margin-left:5%;
	}

@media only screen and (max-width: 667px) {
	
	body.contacts #main-content article {
		display: block;
		width:auto;
	}
	body.contacts #main-content article img {
		display: none;
	}

}

/* end contact styles  */



/* de-bric-et-de-bulle styles */

body.de-bric-et-de-bulle {
	
}

body.de-bric-et-de-bulle #main-content {
	padding: 0 0 0 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 1280px;
	padding-right:10px;
}

body.de-bric-et-de-bulle #main-content img.article-image {
  margin: 31px 0px 0px -75px;
  position: relative;
  z-index: 0;
  display: block;
  max-width: 635px;
  flex-shrink: 0;
}

body.de-bric-et-de-bulle #main-content div.text-content {
  padding-top: 99px;
  position: relative;
  z-index: 1;
  flex-shrink: 1;
}

body.de-bric-et-de-bulle h1 {
	display:none;
}


body.de-bric-et-de-bulle #main-content p {
	position: relative;
	z-index: 1;
}


body.de-bric-et-de-bulle #main-content p.push {
	margin: 0 0 1em 3%;
}

body.de-bric-et-de-bulle #main-content p.pull, body.de-bric-et-de-bulle #main-content h3.pull {
	margin: 0 0 1em -10%;
}

body.de-bric-et-de-bulle #main-content #estreposa {
	margin: 1em auto 1em auto;
	display: block;
}

body.de-bric-et-de-bulle #main-content {
	background:url(../images/trois-bulles-450.png) no-repeat right top;
}

body.de-bric-et-de-bulle #main-content p.bubbled {
	background:url(../images/trois-bulles-parag-154.png) no-repeat 79% 100%;
}

/***** Flash special *****/

body.de-bric-et-de-bulle #main-content #flash-special {
	margin: 0 3% 1em -10%;
	padding: 1em;
	color: red;
	border: 1px solid red;
	border-radius: 7px;
	display: inline-block;
}

body.de-bric-et-de-bulle #main-content #flash-special p {
	font-size: 0.9em;
	margin: 0 0 0.6em 0;
}

/*** end Flash special ****/

/**** de-bric-et-de-bulle MQs ****/

@media only screen and (max-width: 768px) {
	body.de-bric-et-de-bulle #main-content {
	padding: 0 0 0 0px;
	display: block;
	padding-right:10px;
	padding-left:10px;
	}

	body.de-bric-et-de-bulle #main-content img.article-image {
	  margin: 31px 15px 0px -100px;
	  display: block;
	  float:left;
	}

	body.de-bric-et-de-bulle #main-content div.text-content {
	  padding-top: 99px;
	  padding-right: 3px;
	  position: relative;
	  display: block;
	}
	
	body.de-bric-et-de-bulle #main-content p.pull, body.de-bric-et-de-bulle #main-content h3.pull {
	margin: 0 0 1em 0;
	}

	body.de-bric-et-de-bulle #main-content #flash-special {
	margin: 0 3% 1em 3%;
	display: block;
	overflow:auto;
}

}

@media only screen and (max-width: 675px) {
	
	body.de-bric-et-de-bulle #main-content {
	padding: 0 0 0 0px;
	padding-right:5px;
	padding-left:5px;
	}

	body.de-bric-et-de-bulle #main-content img.article-image {
	
	}

	body.de-bric-et-de-bulle #main-content div.text-content {
	  
	}
	
}

@media only screen and (max-width: 420px) {
	
	body.de-bric-et-de-bulle #main-content {
	
	}

	body.de-bric-et-de-bulle #main-content img.article-image {
	  margin: 31px 15px 0px -90px;
	}

	body.de-bric-et-de-bulle #main-content div.text-content {
	  
	}
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
	body.de-bric-et-de-bulle #main-content{
		background:url(../images/trois-bulles-900.png) no-repeat right top;
		background-size: 45%;
	}
}

@media
only screen and (max-width: 767px),
only screen and (max-width: 767px),
only screen and (max-width: 767px),
only screen and (max-width: 767px),
only screen and (max-width: 767px) { 
	body.de-bric-et-de-bulle #main-content{
		background:url(../images/deux-bulles-154.png) no-repeat right 20px;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (min-resolution: 192dpi) and (max-width: 767px),
only screen and (min-resolution: 2dppx) and (max-width: 767px) { 
	body.de-bric-et-de-bulle #main-content{
		background:url(../images/deux-bulles-385.png) no-repeat right 20px;
		background-size: 35%;
	}
}

@media
only screen and (max-width: 1024px) { 
	body.de-bric-et-de-bulle #main-content p.bubbled {
		background-position:100% 100%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and (min-resolution: 192dpi) and (min-width: 768px),
only screen and (min-resolution: 2dppx) and (min-width: 768px) { 
	body.de-bric-et-de-bulle #main-content p.bubbled {
		background:url(../images/trois-bulles-parag-385.png) no-repeat right bottom;
		background-size: 30%;
	}
}

/*@media only screen and (max-width: 375px) {
	body.de-bric-et-de-bulle #main-content img.article-image {
		margin:0 0 0 0;
		display: none;
	}
	body.de-bric-et-de-bulle #main-content p.push {
		margin: revert;
	}

	body.de-bric-et-de-bulle #main-content p.pull, body.de-bric-et-de-bulle #main-content h3.pull {
		margin: revert;
	}
}*/


/***
@media only screen and (max-width: 1280px) {
	body.de-bric-et-de-bulle #main-content img.article-image {
		margin:0 0 0 0;
	}
	
}

@media only screen and (max-width: 1028px) {
	body.de-bric-et-de-bulle #main-content h1#main-title {
		font-size: 85px;
	}
	body.de-bric-et-de-bulle #main-content h1 span.line1 {
		font-size: 95px;
	}
	
}


	
}

@media only screen and (max-width: 768px) {
	body.de-bric-et-de-bulle #main-content img.article-image {
		display: none;
	}
	body.de-bric-et-de-bulle #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02.jpg) no-repeat right top -30px;
	}
	body.de-bric-et-de-bulle #main-content h1 {
		text-align: center;
	}
	body.de-bric-et-de-bulle #main-content h1#main-title {
		font-size: 50px;
		margin-top:20px;
	}
	body.de-bric-et-de-bulle #main-content h1 span.line1 {
		font-size: 45px;
		margin: 0;
	}
	body.de-bric-et-de-bulle #main-content {
	padding: 0 0 0 0;
}
	body.de-bric-et-de-bulle #main-content div.text-content {
		padding:0 20px;
	}
	body.de-bric-et-de-bulle #main-content div.text-content p.handwritten {
		background: rgba(255, 255, 255, 0.5);
	}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 467px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 467px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 467px),
only screen and (min-resolution: 192dpi) and (max-width: 467px),
only screen and (min-resolution: 2dppx) and (max-width: 467px) { 
	body.de-bric-et-de-bulle #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02-x2.jpg) no-repeat right top -10px;
		background-size: 39%;
	}
}

*/

/* end de-bric-et-de-bulle MQs	 */


/* end de-bric-et-de-bulle Styles */







/* Sous les fleurs styles */

body.sous-les-fleurs {
	
}

body.sous-les-fleurs #main-content {
	padding: 0 0 0 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 1280px;
	padding-right:10px;
}

body.sous-les-fleurs #main-content img.article-image {
  margin: 0px -73px 0px -100px;
  position: relative;
  z-index: 0;
  display: block;
  max-width: 606px;
  flex-shrink: 0;
}

body.sous-les-fleurs #main-content div.text-content {
  padding-top: 99px;
  position: relative;
  z-index: 1;
  flex-shrink: 1;
}

body.sous-les-fleurs h1 span.line1 {
	font-family: var(--handwriting-font);
	font-size: 109px;
	margin-left: -51px;
	color: #B16699;
}

body.sous-les-fleurs h1#main-title {
	font-family: Times, Times New Roman, serif;
	padding: 0;
	margin: 0;
	font-size:105px;
	color:#3D3D3D;
}

body.sous-les-fleurs h1#subtitle {
	padding: 0;
	margin: 0;
	line-height: 30px;
	font-size : 16px;
	font-style: italic;
	color:#3D3D3D;
}

body.sous-les-fleurs #main-content p {
	position: relative;
	z-index: 1;
}


body.sous-les-fleurs #main-content p.pushleft15 {
	padding-left: 17%;
	margin-bottom:30px;
}

/**** sous-les-fleurs MQs ******/

@media only screen and (max-width: 1280px) {
	body.sous-les-fleurs #main-content img.article-image {
		margin:0 0 0 0;
	}
	
}

@media only screen and (max-width: 1028px) {
	body.sous-les-fleurs #main-content h1#main-title {
		font-size: 85px;
	}
	body.sous-les-fleurs #main-content h1 span.line1 {
		font-size: 95px;
	}
	
}

@media only screen and (max-width: 892px) {
	body.sous-les-fleurs #main-content h1#main-title {
		font-size: 65px;
	}
	body.sous-les-fleurs #main-content h1 span.line1 {
		font-size: 80px;
	}
	
}

@media only screen and (max-width: 768px) {
	body.sous-les-fleurs #main-content img.article-image {
		display: none;
	}
	body.sous-les-fleurs #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02.jpg) no-repeat right top -30px;
	}
	body.sous-les-fleurs #main-content h1 {
		text-align: center;
	}
	body.sous-les-fleurs #main-content h1#main-title {
		font-size: 50px;
		margin-top:20px;
	}
	body.sous-les-fleurs #main-content h1 span.line1 {
		font-size: 45px;
		margin: 0;
	}
	body.sous-les-fleurs #main-content {
	padding: 0 0 0 0;
}
	body.sous-les-fleurs #main-content div.text-content {
		padding:0 20px;
	}
	body.sous-les-fleurs #main-content div.text-content p.handwritten {
		background: rgba(255, 255, 255, 0.5);
	}
}

/** @media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (max-width: 768px) { 
	body.sous-les-fleurs #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02-x2.jpg) no-repeat right top -30pxpx;
		background-size: 35%;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 639px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 639px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 639px),
only screen and (min-resolution: 192dpi) and (max-width: 639px),
only screen and (min-resolution: 2dppx) and (max-width: 639px) { 
	body.sous-les-fleurs #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02-x2.jpg) no-repeat right top -30pxpx;
		background-size: 42%;
	}
}**/

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 467px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 467px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 467px),
only screen and (min-resolution: 192dpi) and (max-width: 467px),
only screen and (min-resolution: 2dppx) and (max-width: 467px) { 
	body.sous-les-fleurs #main-content div.text-content {
		background:url(../images/souslesfleurs-illustration-seule-small-screens_02-x2.jpg) no-repeat right top -10px;
		background-size: 39%;
	}
}

/* end sous-les-fleurs MQs	 */


/* end sous-les-fleurs Styles */


/* Bulle Poétique styles */

body.spectacles.bulle-poetique h1 {
  padding-top: 50px;
  margin-left: -20px;
  text-align: center;
	color: #e7607b;
}

body.spectacles.bulle-poetique h1#main-title {
  line-height: 0.65em;
}

body.bulle-poetique h1 span.line2 {
	font-family: var(--handwriting-font);
	font-size: 72px;
	margin-left: 126px;
	color: #919c5e;
}

body.bulle-poetique img.left {
	display: inline-block;
	float:left;
	margin-top:0px;
	margin-right: 10px;
}

body.bulle-poetique img.right {
	display: inline-block;
	float:right;
	margin-top:0px;
	margin-left: 10px;
}



@media only screen and (max-width: 375px) {
	
	body.spectacles.bulle-poetique h1#main-title {
  line-height: 0.8em;
	}

  body.bulle-poetique h1 span.line2 {
	font-size: 40px;
	}
	
}

@media only screen and (max-width: 550px) {
	
	body.spectacles.bulle-poetique h1#main-title {
  line-height: 0.8em;
	}

  body.bulle-poetique h1 span.line2 {
	font-size: 50px;
	}

	body.bulle-poetique img.left {
		display: block;
		float:none;
		margin:-20px auto;
	}

	body.bulle-poetique img.right {
		display: block;
		float:none;
		margin:-20px auto;
	}
	
}



@media only screen and (max-width: 768px) {
	
	body.spectacles.bulle-poetique h1 {
  margin-left: 0px;
	}

  body.bulle-poetique h1 span.line2 {
	margin-left: 0px;
	}
}



/* End Bulle Poétique styles */

/* recherche Poétique styles */

body.spectacles.recherche-poetique h1 {
  padding-top: 50px;
  margin-left: -20px;
  text-align: center;
	color: #284791;
}

body.spectacles.recherche-poetique h1#main-title {
  
}

body.recherche-poetique h1 span.line2 {
	font-family: var(--handwriting-font);
	font-size: 72px;
	color: #6398d6;
}

body.recherche-poetique p span.emphasis {
	font-weight:bold;
	color: #6398d6;
}

body.recherche-poetique img.left {
	display: inline-block;
	float:left;
	margin-top:0px;
	margin-right: 10px;
}

body.recherche-poetique img.right {
	display: inline-block;
	float:right;
	margin-top:0px;
	margin-left: 10px;
}
body.recherche-poetique img.rotate.left {
	rotate: -3deg;
	margin-right: 20px;
}

body.recherche-poetique img.rotate.right {
	rotate: 3deg;
	margin-left: 20px;
}


@media only screen and (max-width: 375px) {
	
	body.spectacles.recherche-poetique h1#main-title {
  line-height: 0.8em;
	}

  
	
}

@media only screen and (max-width: 550px) {
	
	body.spectacles.recherche-poetique h1#main-title {
  	font-size: 40px;
	}

	body.recherche-poetique h1 span.line2 {
		font-size: 40px;
		}
  

	body.recherche-poetique img.left, body.recherche-poetique img.rotate.left {
		display: block;
		float:none;
		margin:0px auto 15px auto;
		width: 250px;
		rotate: 0deg;
	}

	body.recherche-poetique img.right, body.recherche-poetique img.rotate.right {
		display: block;
		float:none;
		margin:0px auto 15px auto;
		width: 250px;
		rotate:0deg;
	}
	
}

@media only screen and (max-width: 768px) {
	
	body.recherche-poetique h1 {
		font-size: 49px;
	}

  body.recherche-poetique h1 span.line2 {
	font-size: 50px;
	}

}


@media only screen and (max-width: 1180px) {
	
	body.recherche-poetique h1 {
		font-size: 49px;
	}

  body.recherche-poetique h1 span.line2 {
	margin-left: 0px;
	font-size: 50px;
	}

}




/* End recherche Poétique styles */




/* Dedans dehors styles */

body.dedans-dehors {
	
}

body.dedans-dehors #main-content-area {
	background: url(../images/***) no-repeat center top;
	
	padding: 0 0 0 0;
}

body.dedans-dehors #main-content {
	padding: 0 24% 0 60px;
	max-width: 843px;
}

body.dedans-dehors h1 span.line2 {
	font-family: var(--handwriting-font);
	font-size: 109px;
	margin-left: 51px;
	color: var(--secondary-contrast-color);
}

body.dedans-dehors h1#main-title {
	line-height: 56px
}

body.dedans-dehors #main-content p {
	position: relative;
	z-index: 1;
}



body.dedans-dehors #main-content p.pushleft15 {
	padding-left: 17%;
	margin-bottom:30px;
}

body.dedans-dehors img.fly-on-the-right {
	float:right;
	margin-top:-119px;
	margin-right: 10px;
	-webkit-transform: rotate(8deg);
	    -ms-transform: rotate(8deg);
	        transform: rotate(8deg);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

body.dedans-dehors img.fly-on-the-right:hover {
	margin-right: 4px;
	margin-top: -269px;
	-webkit-transform: rotate(5deg) scale(1.1);
	    -ms-transform: rotate(5deg) scale(1.1);
	        transform: rotate(5deg) scale(1.1);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

body.dedans-dehors img.fly-on-the-left, body.dedans-dehors img.fly-centered {
	display: none;
}

body.dedans-dehors img#sceno {
	max-width: 980px;
	overflow: visible;
	margin-left:-40px;
	margin-top:-140px;
	z-index: 0;
	position: relative;
}

body.dedans-dehors img#sceno.mobile {
	display: none;
}


/*** Dedans dehors MQs ***/


@media only screen and (max-width: 1366px) {
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-1366-x1.jpg");
		background-size: 1366px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1366px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1366px),
/*only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1366px),*/
only screen and (min-resolution: 192dpi) and (max-width: 1366px),
/*only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1366px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1366px),*/
only screen and (min-resolution: 2dppx) and (max-width: 1366px) { 
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-1366-x2.jpg");
	}
}

@media only screen and (max-width: 1024px) {
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-1024-x1.jpg");
		background-size: 1024px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
/*only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),*/
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
/*only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),*/
only screen and (min-resolution: 2dppx) and (max-width: 1024px) { 
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-1024-x2.jpg");
	}	
}

@media only screen and (max-width: 936px) {
	body.dedans-dehors #main-content-area {
		background-size: 100%;
	}
	body.dedans-dehors #main-content-area p.caracteristiques {
		padding-right:230px;
	}
}

@media only screen and (max-width: 768px) {
	body.dedans-dehors #main-content-area h1#main-title {
		font-size: 69px;
	}
}

@media only screen and (max-width: 667px) {
	
	body.dedans-dehors #main-content-area #main-content {
    	padding: 0 30px 0 30px;
	}
	body.dedans-dehors #main-content-area h1#main-title {
		font-size: 49px;
		margin-left: -15px;
	}
	body.dedans-dehors #main-content-area h1#main-title span.line2 {
		font-size: 82px;
		line-height: 0.4em;
		margin-left: 15px;
	}

	body.dedans-dehors #main-content-area h2 {
		font-size: 49px;
	}
	body.dedans-dehors #main-content-area p.handwritten {
		padding-right:82px;
	}
	body.dedans-dehors #main-content-area p.caracteristiques {
		padding-right:95px;
	}
	body.dedans-dehors #main-content p.pushleft15 {
    padding-left: 0;
    margin-bottom: 0;

}
	body.dedans-dehors #main-content-area #main-content img.fly-on-the-right {
    	display: none;
	}
	/* body.dedans-dehors #main-content-area #main-content img.fly-on-the-left {
		display: inline-block;
		float:left;
		margin-top:0px;
		margin-right: 10px;
		transform: rotate(-8deg);
	} */
	body.dedans-dehors #main-content-area #main-content img.fly-centered {
		display: block;
		margin:30px auto 0 auto;
	}

	body.dedans-dehors img#sceno {
	    margin-left: 0;
	    margin-top: 0;
	}


	body.dedans-dehors img#sceno.mobile {
		display: block;
	}
	body.dedans-dehors img#sceno.desktop {
		display: none;
	}
}

@media only screen and (max-width: 375px) {
	body.dedans-dehors #main-content-area p.handwritten {
		padding-right:10px;
	}
	body.dedans-dehors #main-content-area p.caracteristiques {
		padding-right:95px;
	}
}


@media only screen and (min-width: 1367px) { 
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-creature-tissu-2000.jpg");
		background-size: 2000px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1367px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1367px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1367px),
only screen and (                -webkit-min-device-pixel-ratio: 2) and (min-width: 1367px),
only screen and (                -o-min-device-pixel-ratio: 2/1) and (min-width: 1367px),
only screen and (                min-resolution: 192dpi) and (min-width: 1367px),
only screen and (                -webkit-min-device-pixel-ratio: 2)  and (min-width: 1367px),
only screen and (                -o-min-device-pixel-ratio: 2/1)  and (min-width: 1367px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1367px) { 
	body.dedans-dehors #main-content-area {
		background-image: url("../images/fond-jungle-cocon-creature-tissu-4000.jpg");
	}
}

/*** end Dedans dehors MQs ***/

/* end Dedans Dehors Styles */

/* spectacles styles */
body.spectacles h1 {
	padding-top:50px;
	margin-left:-50px;
}

body.spectacles h3 {
	text-decoration: underline;
}

body.spectacles .iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
  margin-bottom: 20px;
}
body.spectacles .iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.spectacles.de-bric-et-de-bulle h1 {
	padding-top:50px;
	margin-left:0px;
}

/* end spectacles styles */

/*** General Media Queries ***/

@media only screen and (max-width: 768px) {
	
	h1 {
		font-size: 49px;
	}
	h1#main-title {
		padding-top:43px;
	}

	h2 {
		font-size: 53px;
	}

	#main-content {
    	padding: 0 40px 0 40px;
	}
}

@media only screen and (max-width: 667px) {

	#main-content {
    	padding: 0 20px 0 20px;
	}

	h1 {
		margin-left: 0;
	}

}

@media only screen and (max-width: 375px) {
	br.visible-xs {
		display: unset;
	}	
	#main-content {
    	padding: 0 20px 0 20px;
	}

	h1 {
		margin-left: 0;
		font-size: 39px;
	}

	h1#main-title {
		padding-top:53px;
	}

	h2 {
		font-size: 49px;
	}
	h3 {
		font-size:21px;
	}
	p.ending-more {
		font-size:90%;
	}
}

@media only screen and (min-width: 668px) {
	div.teaser-full-screen {
		width: 90%;
		margin: auto;
	}
}

/*** end General MQs ***/