/*!
Theme Name:   storefront-child
Template: 	  storefront
Theme URI:    https://woocommerce.com/storefront/
Author:       Automattic
Author URI:   https://woocommerce.com/
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      2.4.2
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio.
You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass

FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Images License: GNU General Public License v2 or later

======
Note: Do not edit this file. If you wish to add your own CSS, go to Customizer > Additional CSS.
======
*//*!
 * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
 */

/*========================================================================= POLICES ====================================================================================*/
@font-face{
	font-family: "Brandon-grotesque-light";
	src: url("TYPO/Brandon_Grotesque/Brandon_light.otf") format("truetype");
}

@font-face{
	font-family: "Brandon-grotesque-light-it";
	src: url("TYPO/Brandon_Grotesque/Brandon_light_it.otf") format("truetype");
}

@font-face{
	font-family: "Brandon-grotesque-regular-italique";
	src: url("TYPO/Brandon_Grotesque/Brandon_reg_it.otf") format("truetype");
}

@font-face{
	font-family: "Brandon-grotesque";
	src: url("TYPO/Brandon_Grotesque/Brandon_reg.otf") format("truetype");
}

@font-face{
	font-family: "Brandon-grotesque-medium";
	src: url("TYPO/Brandon_Grotesque/Brandon_med.otf") format("truetype");
}

@font-face{
	font-family: "Brandon-grotesque-medium-italique";
	src: url("TYPO/Brandon_Grotesque/Brandon_med_it.otf") format("truetype");
}

@font-face{
	font-family: "America GT";
	src: url("TYPO/GT_America/GT-America-Regular.otf") format("truetype");
}

@font-face{
	font-family: "America GT-it";
	src: url("TYPO/GT_America/GT-America-Regular-Italic.otf") format("truetype");
}

@font-face{
	font-family: "America GT-med";
	src: url("TYPO/GT_America/GT-America-Medium.otf") format("truetype");
}

@font-face{
	font-family: "Letter Gothic";
	src: url("TYPO/Letter-Gothic/Letter-Gothic-Bold.ttf") format("truetype");
}

/***************************************************************** FONCTIONNALITES DE BASE ******************************************************************************/
body{
	font-family: "America GT";
}

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

h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

h4{
	font-family: "Brandon-grotesque" !important;
}

h5{
	font-size: 18px;
}

figcaption{
	padding: 0 !important;
	border: none !important;
}

 .hentry .entry-content a:not(.button),.site-footer a:not(.button){
	text-decoration: none;
}

/*Suppression des marges et padding sur les container d'elementor*/
#primary,#main{
	margin: 0;
}

.elementor-widget{
	margin: 0 !important;
}

.entry-title{
	display: none;
}

.titre-page{
	margin-bottom: 50px;
}

.titre-page:after{
	content: url("images/signe-vague.png");
	display: block;
	text-align: center;	
}

.titre{
	margin-bottom: 5px;
	font-size: 46px;
	line-height: 45px;
	letter-spacing: 0.6px;
}

.sous-titre{
	font-family: "Brandon-grotesque-regular-italique" ;
	font-size: 31px;
	line-height: 28px;
}

.sous-titre-creation-lena{
	font-family: "Brandon-grotesque-regular-italique";
	font-size: 29px;
	line-height: 30px;
}

.brandon{
	font-family: "Brandon-grotesque";
}

.brandon-it{
	font-family: "Brandon-grotesque-regular-italique" !important;
}

.brandon-light{
	font-family: "Brandon-grotesque-light" !important;
}

.brandon-light-it{
	font-family: "Brandon-grotesque-light-it";
}

.brandon-med{
	font-family: "Brandon-grotesque-medium" !important;
}

.brandon-med-it{
	font-family: "Brandon-grotesque-medium-italique" !important;
}

.america{
	font-family: "America GT";
}

.america-it{
	font-family: "America GT-it";
}

.america-med{
	font-family: "America GT-med";
}

.color-turquoise{
	color: #007e91 !important;
}

.section-space-between > .elementor-container > .elementor-row{
	justify-content: space-between;
	flex-wrap: wrap;
}

.bloc-ombre{
	background-color: #f3f5f4;
	border-radius: 10px;
	box-shadow: 3px 3px 5px #b4b4b6;
}

/***** Double vague ******/
.double-vague:before, .double-vague:after{
	content: url("images/signe-vague-double.png");
	display: block;
	text-align: center;
	position: relative;	
}

.double-vague:before{
	top: 11px;
}

.double-vague:after{
	top: -14px;
}

/*Arrière plan des h4 avec bg trait gris*/
.h4-bg-trait{
	font-size: 21px;
	letter-spacing: 0.9px; 
	background: url("images/trait-titre.png") repeat-x center;
}

.trait-titre{
	background-color: #fff;
	padding: 0 15px;
}

/*** Légendes photos ***/
.wp-caption .wp-caption-text{
	padding-right: 20px !important;
	text-align: right;
	line-height: unset;
	font-size: 12px;
	font-style: normal;
	letter-spacing: .7px;
}

/*Icones galerie et livret avec leur hover*/
.icone-galerie-livret{
	text-align: center;
}
.icone-galerie-livret > a{
	display: inline-block;
	width: 75px;
	height: 75px;
}

#lien-galerie > a{
	background: url("images/sprite-icones.png") left bottom;
}

#lien-galerie:hover > a{
	background: url("images/sprite-icones.png") left top 2px;	
}

#lien-livret > a{
	background: url("images/sprite-icones.png") left -88px bottom;
}

#lien-livret:hover > a{
	background: url("images/sprite-icones.png") left -88px top;
}

#lien-livret-grand > a{
	width: 110px;
	height: 110px;
	background: url("images/sprite-icones.png") left -169px bottom;
}

#lien-livret-grand:hover > a{
	background: url("images/sprite-icones.png") left -169px top;	
}

/*=========================================================================== Header ======================================================================================*/
/************************************** Logo ************************************/
#masthead{
	padding-top: 0;
	margin: 0;
	border: none;
}

.site-branding{
	display: none !important;
}

#logo-principal{
	max-width: 1245px;
	margin: auto;
	padding: 8px 0;
	position: relative;
}

#logo-principal + .col-full{
	display: none;
}

#logo-principal a img{
	margin: auto;
	width: 280px;
}

#citecirque{
	display: inline-block;
	position: absolute;
	top: 65px;
	left: 200px;
	font-family: "Letter Gothic";
	font-size: 12.5px;
	letter-spacing: 2px;
}

#citecirque span{
	color: #000;
}

/******************************************* Navigation **********************************/
.storefront-primary-navigation .col-full{
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.storefront-primary-navigation{
	position: relative;
	top: 1px;
	background-color: #1d1d1d;
}

#menu-menu-principal{
	max-width: 1245px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#menu-menu-principal a {
	font-family: "Brandon-grotesque";
	font-size: 12.5px;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #fff !important;
}

#menu-menu-principal li:hover a{
	color: #1d1d1d !important;
	background-color: #fff;
	transition: .4s ease;
}

.storefront-primary-navigation li{
	line-height: .1;
}

/*Livret de Médiation*/
#menu-item-122 a{
	color: #f9b200 !important;
}

#menu-item-122 a:hover{
	color: #fff !important;
	background-color: #f9b200;
}
/*******************************/

#menu-menu-principal .sub-menu{
	width: 195px;
	padding: 18px 0;
	background-color: #fff; 
}

#menu-menu-principal .sub-menu a{
	width: 80%;
	text-transform: none;
	font-family: "America GT";
	font-size: .8em;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #ababac;
}

#menu-menu-principal .sub-menu a:hover{
	color: #007ea1 !important; 
	border-bottom: 1px solid #007ea1;
}

/******************************************** Carousel *****************************/
.carousel-accueil{
	margin-top: -1px;
	width: 100%;
	padding: 0;
}

.carousel-accueil .elementor-element-populated{
	padding: 0 !important;
}

/*** Les petits boutons sous carousel ***/
.slick-dots button:before{
	color: #b2b2b2 !important;
}

.slick-dots button:hover:before{
	color: #007ea1 !important;
}

.slick-dots .slick-active button:before{
	color: #007ea1 !important;
	opacity: 1 !important;
}

.elementor-image-carousel-caption{
	padding-right: 10px !important;
	font-size: 12px;
	letter-spacing: .7px;
}

/********************************************************************** HOMEPAGE LA CIRCO MOBILE ***************************************************************************/
#aside-circo-mobile{
	width: 47%;
}


#aside-img-circo-mobile .elementor-column-wrap{
	padding: 0;
}

.icone-galerie-livret img{
	margin: auto;
}

.icone-galerie-livret figcaption{
	margin-top: -8px;
	text-align: center;
}

.icone-galerie-livret a{
	font-size: 11px;
	letter-spacing: 1.2px;
}

/*************************************************************************** DISPOSITIF ************************************************************************************/
.container-h4-dispositif:before{
	content: url("images/signe-vague-double.png");
	display: block;
}

#aside-dispositif{
	margin-top: 5px !important;
}
	
#aside-dispositif span{
	font-size: 20px;
	letter-spacing: -.2px;
}

#section-images-dispositif{
	max-width: 438px;
}

.icone-galerie-livret figcaption{
	margin-top: 0;
	line-height: 12px ;
}

.section-icone-galerie-livret{
	width: 130px !important;
}

.lien-livret figcaption a{
	color: #f9b200;
}

.section-icone-galerie-livret .elementor-widget-wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/************************************************************************* CONTEXTE ET BIOGRAPHIE **************************************************************************/
#aside-contexte-bio{
 	width: 46.5%;
}

#aside-img-contexte-bio:before{
	top: 11px;
}

#aside-img-contexte-bio:after{
	top: -16px;
}

/*********************************************************************** ASSOCIATION LENA D'AZY ***************************************************************************/
#aside-asso-lena-azy{
	width: 47%;
}

#aside-texte-association:before{
	top: 10px;
}

#aside-texte-association:after{
	top: -15px;
}

#photos-asso-lena-azy > .elementor-container > .elementor-row{
	justify-content: center;
}


/************************************************************************** REVUE DE PRESSE ********************************************************************************/
#texte1-revue-presse:after, #texte2-revue-presse:before{
	display: none;
}

#texte1-revue-presse:before{
	top: 10px;
}

#texte2-revue-presse:after{
	top:-9px;
}

#image-revue-presse{
	max-width: 280px;
}

/************************************************************************** L'EQUIPE DE CREATION ****************************************************************************/
#texte2-vague-equipe:before,#texte1-vague-equipe:after{
	display: none;
}

#texte1-vague-equipe:before{
	top: 10px;
}

#texte2-vague-equipe:after{
	top: -12px;
}

.noms-equipe{
	font-size: 17px;
}

#section-image-equipe > .elementor-container > .elementor-row{
	justify-content: space-around;
}

.image-equipe{
	max-width: 284px;
}

/************************************************************************** GALERIE PHOTO ****************************************************************************/
.foogallery .fg-item-inner, .fg-justified .fg-thumb{
	overflow: visible;
}
.image-galerie-legende:after{
	content: "© Cécile Léna";
	display: block;
	padding-right: 13px;
	font-size: 12px;
	font-family: "America GT";
	color: #6d6d6d;
	text-align: right;
}

#swipebox-bottom-bar{
  bottom: 0 !important;
}

.visible-bars{
  transform: none !important;
}

/******************************************************************** SYNOPSIS DE LA FICTION *********************************************************************/
.sous-titre-synopsis, .sous-sous-titre-synopsis{
	font-size: 18px;
}

#aside-synopsis{
	width: 47%;
}

#aside-texte1-synopsis:before{
	top: 9px;
}

.text-aside-synopsis:before{
	top: 49px;
}

.text-aside-synopsis:after{
	top: -12px;
}

.image-synopsis{
	margin: auto !important;
	max-width: 454px;
}

/******************************************************************** LES PUBLICS *********************************************************************/
#aside-publics{
	width: 37%;
}

#aside-affiche-publics:after{
top: -16px;
}

#aside-affiche-publics:before{
	top: 11px;
}
/******************************************************************** LIVRET DE MEDIATION *********************************************************************/
#lien-livret-grand{
	max-width: 127px;
	margin: auto;
}

#lien-livret-grand figcaption{
	margin-top: 5px;
}

#lien-livret-grand figcaption a{
	font-size: 1em;
	color: #f9b200;
	line-height: 18px;
}

#text-clic-livret-mediation p{
	margin: 0;
}

#text-clic-livret-mediation:before{
	top: 13px;
}

#text-clic-livret-mediation:after{
	display: none;
}

/******************************************************************** DATE ET TOURNEE *********************************************************************/
#texte1-tournee:after, #texte2-tournee:before{
	display: none;
}

#texte1-tournee:before{
	top: 11px;
}

#texte2-tournee:after{
	top: -16px;
}

#map-tournee{
	max-width: 589px;
}

.date-tournee{
	font-size: 14.5px;
	letter-spacing: .3px;
}

.titre-tournee{
	font-size: 17px;
	letter-spacing: .3px;
}

.ville-tournee{
	font-size: 15px;
	letter-spacing: .3px;
}

/******************************************************************** INFORMATIONS PRATIQUES *********************************************************************/
#infos-texte-numero:before{
	top: 8px;
}

#infos-texte-numero:after{
	display: none;
}

/************************************************************************* CARTE INTERACTIVE *******************************************************************************/
iframe #advanced_iframe{
	margin-top: 200px !important; 	
}

/************************************************************************* INFORMATIONS PRATIQUES *******************************************************************************/
.coordonnees{
	max-width: 65%;
	margin: auto !important;
}

/************************************************************************* PLAN DE SITE **********************************************************************************/
.wsp-container .wsp-pages-title{
	margin-top: 50px;
	text-align: center;
}

.wsp-container .wsp-pages-list{
	padding: 50px;
	margin-top: 40px;
	background-color: #f7f7f7;
	list-style-type: circle;
	border-radius: 10px;
}

.wsp-container .wsp-pages-list a{
	font-size: 20px;
	color: #007e91;
}

.wsp-container .wsp-pages-list a:hover{
	text-decoration: underline !important;
}

/*=========================================================================== FOOTER ======================================================================================*/
#colophon{
	padding: 0;
	background-color: #e3e3e3;
}

#main-footer{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1245px;
	margin: auto;
	padding: 30px 0;
}

.elem-footer{
	margin: auto 0;
}

#coordonnees-footer{
	line-height: 16.15px;
	letter-spacing: .5px;
}

#coordonnees-footer .elem-coordonnees:first-child{
	margin-bottom: 10px;
	font-size: 14px;
}

#coordonnees-majuscule{
	font-size: 13.5px;
}

#coordonnees-footer .elem-coordonnees:last-child{
	margin-top: 10px;
	font-size: 14.15px;
	color: #000;
}

#icone-sociaux{
	display: flex;
	justify-content: space-around;
	width: 150px;
}

.separateur-footer{
	width: 4px;
	height: 110px;
	background-color: #f3f3f3;
}

#container-partenaires{
	padding: 20px 0;
	background-color: #fff;
}

#partenaires{
	max-width: 1245px;
	margin: auto;
	padding: 0 1em;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#partenaires div{
	display: table-cell;
	line-height: 76.45px;
	margin-right: 20px;
}

#partenaires img{
	display: inline;
	vertical-align: middle;
}

#footer-end{
	padding: 10px 0; 
	background-color: #e3e3e3;
}

#footer-end ul{
	display: flex;
	justify-content: flex-end;
	margin: auto;
	max-width: 1245px;
}

#footer-end li:nth-child(1),#footer-end li:nth-child(2){
	margin-right: 20px;
}

#footer-end li:nth-child(3),#footer-end li:nth-child(4),#footer-end li:nth-child(5),#footer-end li:nth-child(6){
	margin-right: 5px;
}

#footer-end a, #footer-end li{
	color: rgba(0,0,0,.7);
	font-size: 10px;
}

#footer-end a:hover{
	text-decoration: underline;
}

#footer-end img{
	display: inline;
}

/**************************************************************************** ERREUR 404 **********************************************************************************/
.error-404{
	padding: 50px 0;
	text-align: center;
}

.error-404 img{
	margin: 0 auto 40px auto;
}	

.error-404 a{
	color: #ff7979;
	text-decoration: underline;
}

/*=========================================================================== MEDIA QUERIES ==============================================================================*/
@media screen and (max-width: 1166px){
	/************** NAVIGATION **************/
	.primary-navigation{
		display: none;
	}
	
	.menu-toggle, .handheld-navigation{
		display: block !important;
	}

	.menu-toggle{
		top: 30px;
		right: 30px;
	}

	#menu-menu-principal-1, .menu-item-has-children .dropdown-toggle{
		display: none !important;
	}

	.storefront-primary-navigation{
		position: fixed;
		top: 0;
		width: 100%;
		background-color: initial;
	}		
	
	.storefront-primary-navigation .toggled{
		background-color: #1d1d1d !important;
		transition: .3s ease;
	}

	.storefront-primary-navigation .toggled #menu-menu-principal-1{
		display: flex !important;
		flex-direction: column;
	}

	#menu-menu-principal-1 li{
		left: 10px;
	}

	#menu-menu-principal-1 a{
		max-width: 50%;
	}

	#menu-menu-principal-1 li a, 
	#menu-menu-principal-1 li a,
	.menu-item-has-children a,
	#menu-menu-principal-1 .menu-item-has-children a{
		color: #fff;
		text-transform: uppercase;
	}
		

	#menu-menu-principal-1 li a:hover,
	#menu-menu-principal-1 li a:active,
	#menu-menu-principal-1 .menu-item-has-children a:hover{
		color: #595959;
	}

	#menu-menu-principal-1 .sub-menu{
		display: block;
		margin: 0;
		padding: 0; 
		width: 100%;
		max-height: 100% !important;
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		background-color: initial !important;
	}

	#menu-menu-principal-1 .sub-menu a{
		margin-left: 30px;
		text-transform: unset;
	}

	.menu-item-has-children a:after{
		display: none !important;
	}
}

/*************************************************** 1124px ***************************************************/
@media screen and (max-width: 1124px){
	/************************** HEADER ***********************/
	#logo-principal{
		padding: 0;
		text-align: center;
	}

	#logo-principal a{
		display: inline-block;
		height: 100%;
	}

	#logo-principal a img{
		width: 180px;
	}

	#citecirque{
		position: initial;
		margin-bottom: 10px;
	}

	
	/************************** FOOTER ***********************/
	.separateur-footer{
		display: none;
	}
}

/*************************************************** 1024px ***************************************************/
@media screen and (max-width: 1024px){
	#aside-circo-mobile,
	#aside-contexte-bio,
	#aside-asso-lena-azy,
	#aside-synopsis,
	#aside-publics,
	#map-tournee{
		width: 100%;
		margin-top: 20px !important;
	}

	#publics-section-galerie-livret{
		width: 100% !important;
		margin-top: 20px;
	}

	#publics-section-galerie-livret .elementor-widget-wrap{
		flex-direction: row;
		justify-content: space-around;
	}

	#map-tournee{
		margin: auto; 
	}

	#infos-texte-numero .elementor-widget-container, #infos-mail .elementor-widget-container{
		margin: auto;
	}
}

/*************************************************** 990px ***************************************************/
@media screen and (max-width: 990px){
	/************************** HEADER ***********************/
	#masthead{
		position: fixed;
		width: 100%;
	}

	/************** CAROUSEL **************/
	.carousel-accueil{
		margin-top: 115px;
	}

	/*************************** HOMEPAGE CIRCO MOBILE *********************/
	#section-image-galerie .elementor-container .elementor-row{
		flex-direction: column;
		align-items: center;
	}

	#section-image-galerie .elementor-row .elementor-element{
		width: 100%;
	}

	/***************************** DISPOSITIF *****************************/
	#section-images-dispositif{
		width: 50%;
	}

	.section-icone-galerie-livret{
		width: 100% !important;
	}

	.section-icone-galerie-livret > .elementor-column-wrap > .elementor-widget-wrap{
		flex-direction: row;
		align-items: baseline;
		justify-content: space-around;
	}

	/********************************* FOOTER ****************************/
	#main-footer{
		width: 95%;
		justify-content: space-between;
	}

	.elem-footer{
		min-width: 40%;
	}

	#logo-footer{
		position: relative;
		top: -15px;
		left: 50px;
	}

	#lien-map{
		min-width: 264px;
	}

	#icone-sociaux{ 
		justify-content: flex-start;
	}

	#icone-sociaux li{
		margin-right: 15px;
	}
}

/******************************************************** 768PX **************************************/
@media screen and (max-width: 768px){
	/*================================ HEADER =============================*/
	.site-header{
		padding: 10px 0 0 0;
	}
	#menu-menu-principal-1 li{
		line-height: 1;
	}

	/*========================= HOMEPAGE CIRCO MOBILE ======================*/
	#section-circo-mobile  .elementor-row{
		flex-direction: column;
		align-items: center;
	}

	#aside-circo-mobile{
		margin-top: 40px;
	} 

	/*********************** DISPOSITIF *********************************/
	#section-dispositif > .elementor-container > .elementor-row > .elementor-element{
		width: 100%;
		margin: auto;
	}	

	/****************** ASSOCIATION LENA D'AZY **************************/
	#aside-asso-lena-azy{
		width: 100%;
		margin-top: 20px;
	}

	/**************************** L'EQUIPE DE CREATION **********************/
	#section-image-equipe > .elementor-container > .elementor-row{
		justify-content: space-around;
	}

	/**************************** SYNOPSIS **********************************/
	#aside-synopsis{
		margin-top: 20px;
		padding-bottom: 20px;
	}

	/**************************** LES PUBLICS **********************************/
	#bloc-aside-publics{
		width: 90%;
		margin: 20px auto;
	}

	/************************ INFORMATIONS PRATIQUES ***************************/
	.coordonnees{
		max-width: 80%;
		margin: auto !important;
	}


	/*================================ FOOTER =============================*/
	#main-footer{
		flex-direction: column;
	}

	.elem-footer{
		width: 100%;
		padding: 25px 0; 
		border-bottom: 1px solid #b1b3b4;
	}

	#logo-footer{
		position: static;
	}

	#coordonnees-footer .elem-coordonnees{
		max-width: 270px;
	}

	#logo-footer img, .elem-coordonnees, #map-footer img{
		margin: auto;
	}

	#icone-sociaux{
		justify-content: center;
		border: none;
	}

	#footer-end{
		padding-right: 20px;
	}
}

/********************************************* 570PX *********************************************/
@media screen and (max-width: 570px){
	.titre{
		font-size: 41px;
	}

	.sous-titre{
		font-size: 26px;
	}

	.sous-titre-creation-lena{
		font-size: 24px;
	}

	/*================================ HEADER =============================*/
	#masthead{
		height: 70px;
		padding: 0;
	}
	
	#logo-principal{
		height: 100%;
		margin-top: 0;
		padding: 0;
		text-align: left;
	}

	#logo-principal a{
		margin: 0;
		padding: 12px 0 0 10px;
	}

	#logo-principal a img{
		margin: 0;
		width: 110px;
	}

	#citecirque{
		display: none;
	}

	/*************************** NAVIGATION **********************************/
	.menu-toggle{
		top: 20px;
	}

	#menu-menu-principal-1 a{
		font-size: .8em;
	}
	/******************************* DATE ET TOURNEE *************************/
	#texte1-tournee:before{
	top: 6px;
	}

	#texte2-tournee:after{
		top: -11px;
	}

	/******************************** LE DISPOSITIF **************************/
	.h4-bg-trait{
		font-size: 18px;
		letter-spacing: 0.9px; 
		background: none;
	}

	.trait-titre{
		padding:0; 
	}

	/*================================ CAROUSEL =============================*/
	.carousel-accueil{
		margin-top: 70px;
	}
}

/********************************************* 420PX *********************************************/
@media screen and (max-width: 420px){
	/*************************** FOOTER ************************************/
	#footer-end{
		padding: 10px 0 30px 0; 
	}

	#footer-end ul{
		flex-direction: column;
		align-items: center;
	}

	#footer-end li{
		margin: 0 !important;
		padding: 10px 0;
		width: 80%;
		text-align: center;
	}

	#footer-end li:nth-child(1),#footer-end li:nth-child(2),#footer-end li:nth-child(6){
		border-bottom: 1px solid #cfcfcf;
	}
}