/*
Theme Name: Nick 2017
Theme URI: https://www.nick2017.info/ 
Author: Visuall.ch (design) / François Barret, fb-graphic.com (développement)
Author URI: https://www.fb-graphic.com/
Description: Conférences Nick Vujicic 2017.
Version: 1.0
License: Tous droits réservés
License URI: https://www.fb-graphic.com
Tags: blog, Nick, Vujicic, Olivier Leycuras, visuall.ch, orange, design, conferences, François Barret, fb-graphic.com, 
Text Domain: nick2017
*/

/*
Thème d'origine : Twenty Fifteen
*/


/*
	Table des matières
	
	
	=== GENERAL ===
	
	=== TETE ===
	=== CORPS ===
	=== PIED ===
	
	====== PAGES ======
	
	=== ACCUEIL ===
	=== ACCUEIL en italien ===
	=== ACCUEIL en allemand ===
	=== PAGES INFOS ===
	=== INFOS - FRANCE ===
	=== INFOS - ITALIE ===
	=== INFOS - SUISSE ===
	
	====== RESPONSIVE ======
	
*/



/* Couleurs :

Orange : ff5c34
*/


@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700|Nunito:200,300,300i,400,600,600i,700,700i');


/* === GENERAL === */


/* Invisibles */
.skip-link, 
header nav > div, 
.reseaux span, 
#secondary, 
#secondary aside, 
.entry-header h1
{ display: none; }


header nav > div:nth-child(3) { display: inline-block; } 



html, body,
ul, li,
iframe
{
	margin: 0px; padding: 0px;
	border: none;
	/* typo */
	font: normal 13px/1.4em 'Nunito', 'Helvetica', 'Arial', sans-serif;
	color: #454545;
}

h1, h2, h3, h4 {
	margin: 0.7em 0px;
	padding: 0px;
	/* typo */
	font: 16px/1.6em 'Dosis', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}
h1, h2 {
	margin: 0.7em 0px;
	padding: 0px 0px 10px;
	background: url('images/sep-orange.gif') no-repeat center bottom;
	/* typo */
	font-size: 3.08rem;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #ff5c34;
}
h5 {
	margin: 0.7em 0px;
	padding: 0px;
	/* typo */
	font-size: 1.35rem;
	line-height: 2rem;
	font-weight: normal;
	color: #004c75;
}

p { margin: 1.4em auto; }
strong { font-weight: bold; }
ul { list-style: inside none; }
small { font-size: 0.85rem; font-weight: bold; }
hr { margin: 10px auto; border: none; border-top: 1px solid #ccc; }

a:link, a:visited {
	text-decoration: none;
	color: inherit;
}
h3 a:hover { border-bottom: 1px solid; }
.reseaux a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	vertical-align: middle;
}
.reseaux a.facebook { background: url('images/picto-facebook.png') no-repeat center center; }
.reseaux a.twitter { background: url('images/picto-twitter.png') no-repeat center center; }
.reseaux a.youtube { background: url('images/picto-youtube.png') no-repeat center center; }
.reseaux a.instagram { background: url('images/picto-instagram.png') no-repeat center center; }
.reseaux a.googleplus { background: url('images/picto-googleplus.png') no-repeat center center; }
.reseaux a:hover { opacity: 0.8; }


/* Formulaires */
input {
	border: 1px solid #999;
	padding: 4px;
}
/* / Formulaires */


/* Boutons partages réseaux sociaux */
div.partage {
	height: 35px;
	cursor: pointer;
	z-index: 100;
}
/*
div.partage .addtoany_shortcode { display: none; }
*/
div.partage img { position: relative; margin-top: 7px; }
div.partage:hover img { display: none; }
/*
div.partage:hover .addtoany_shortcode { display: inline-block; width: auto; margin-top: 5px; }
*/
/* Partage Sassy */
.partage .heateor_sss_sharing_container { display: none; }
.partage:hover .heateor_sss_sharing_container { display: block; }
.partage ul.heateor_sss_sharing_ul { left: 0px !important; margin-top: 4px !important; padding-top: 3px; }
.partage ul.heateor_sss_sharing_ul li {
	float: none !important;
	display: inline-block;
	margin: 0px !important;
}
.partage ul.heateor_sss_sharing_ul li i { margin: 0px 4px; }
/* Le partage Whatsapp ne fonctionne que sur les mobiles. */
.heateor_sss_whatsapp_count, .heateorSssSharing.heateorSssWhatsappBackground, 
.galerie .heateor_sss_whatsapp_count, .galerie .heateorSssSharing.heateorSssWhatsappBackground { display: none !important; }






/* === / GENERAL === */
/* === TETE === */


#masthead .site-title, .site-description,
#masthead .secondary-toggle,
#masthead .affMenu
{
	display: none;
}
#masthead {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
	height: 122px;
	max-height: 122px;
	background-color: #fff;
	z-index: 50;
}
#masthead .affMenu {
	position: absolute;
	left: 48%;
	margin: 36px auto 0;
	background: none;
	border: none;
	cursor: pointer;
	/* typo */
	font-size: 1.7em;
	text-transform: uppercase;
	color: #555;
}
#masthead .affMenu:after {
	content: " \f0c9";
	font-family: fontawesome;
}

.site-branding {
	position: relative;
	float: left;
	display: inline-block;
	margin: 18px auto 0px;
	padding: 0px 55px;
	z-index: 50;
}
.site-branding a { display: inline-block; }

#masthead nav {
	display: block;
	position: relative;
	width: calc(100% - 220px);
}
#masthead nav > div:nth-child(1),
#masthead nav > div:nth-child(2)
{
	float: left;
	width: auto;
	margin: 40px 30px 0px;
	/* typo */
	text-transform: uppercase;
	font-size: 1.1em;
}
#masthead nav > div:nth-child(1) li,
#masthead nav > div:nth-child(2) li
{
	display: inline-block;
	width: auto;
	margin: 0px 15px 0px 0px;
	/* typo */
	font-family: 'Dosis', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #004566;
}
#masthead nav > div:nth-child(1) li a:hover,
#masthead nav > div:nth-child(2) li a:hover
{
	padding-bottom: 2px;
	border-bottom: 1px solid;
	color: #ff5c34;
}

#masthead #text-8 { /* Reseaux + ressources */
	display: block;
	margin: 34px 10px 0px 128px;
	position: absolute;
	right: 10px;
	/* typo */
	color: #767676;
	font-weight: 300;
	font-size: 1.2em;
	letter-spacing: 0.01em;
	
	padding-top: 5px;
}
#masthead #text-8 .ressources:before { margin-left: 6px; padding-right: 6px; font-size: 0.9em; font-family: fontawesome; content: "\f019"; }
#masthead #text-8 a:hover { color: #ff5c34; }

#mlp_widget-2 {
	position: absolute;
	display: block;
	width: 95px;
	width: 89px;
	top: 32px;
	right: 45px;
	padding: 2px;
	z-index: 100;
	/* typo */
	color: #767676;
}
.mlp-language-box { cursor: pointer; }
#mlp_widget-2 h3 {
	float: left;
	margin-left: -56px;
	margin-top: 12px;
	font: 300 normal 13px/1em 'Nunito', 'Helvetica', 'Arial', sans-serif;
	line-height: 0.35em;
}
#mlp_widget-2 ul {
	border: 1px solid #999;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 0px 0px 0px 20px;
	background-color: #fff;
	/* typo */
	text-transform: lowercase;
	text-align: left;
}
#mlp_widget-2 ul:hover { padding-bottom: 5px; }
#mlp_widget-2 li { display: block; margin: 0px auto; margin: 0px; }
#mlp_widget-2 li a { display: none; padding: 6px 0px; font: 300 normal 13px/1em 'Nunito', 'Helvetica', 'Arial', sans-serif; color:#767676; }
#mlp_widget-2 li a.current-language-item { display: inline-block; }
#mlp_widget-2 li a.current-language-item:after { margin: 0px -5px 0px 7px; font-family: fontawesome; /* content: "\f0da"; */ content: ""; }
#mlp_widget-2 ul:hover li a.current-language-item:after { margin: 0px -7px 0px 5px; font-family: fontawesome; /* content: "\f0da"; */ content: ""; }
#mlp_widget-2 ul:hover li { position: relative; }
#mlp_widget-2 ul:hover a { display: block; }


/* === / TETE === */
/* === CORPS === */


/* Ascenceur latéral */
#secondary {
	background: url('images/ascenceur.png') no-repeat right center;
	right: 65px;
	width: 51px;
	height: 196px;
	position: fixed;
	top: 240px;
	overflow: hidden;
	z-index: 500;
	/* typo */
	text-align: right;
}
#secondary .textwidget > ul { padding: 17px 8px 0px 0px; }
#secondary .textwidget > ul li { margin-bottom: -5px; }
#secondary:hover { width: 400px; }
#secondary .textwidget ul a, 
#secondary .textwidget > ul a.off {
	background: url('images/asc-off.gif') no-repeat right center;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 26px;
	margin: 0px 12px 0px 0px;
	overflow: hidden;
}
#secondary .textwidget > ul a.on { background: url('images/asc-on.gif') no-repeat right center; }
#secondary .textwidget > ul a:hover { width: auto; }
#secondary .textwidget > ul span {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	display: none;
	padding: 2px 10px;
	/* typo */
	font-weight: 200;
	letter-spacing: 0.04em;
	color: #fff;
}
#secondary .textwidget > ul a:hover span {
	display: inline-block;
	position: relative;
	margin-right: 33px;
}
/* / Ascenceur latéral */

#content { clear: both; }

#content h3 { font-size: 2rem; }

.bloc { overflow: hidden; padding-bottom: 50px; }
.bloc section {
	position: relative;
	/* total larg. maxi = 1280px; */
	max-width: 1170px;
	margin: 0px auto;
	padding: 0px 55px;
}
.sous-bloc { position: relative; }

a.bouton:link, a.bouton:visited,
input[type="submit"]
{
	display: inline-block;
	background-color: #ff5c34;
	border: none;
	margin: 20px auto;
	padding: 7px 20px;
	cursor: pointer;
	/* typo */
	font-family: 'Nunito', 'Helvetica', 'Arial', sans-serif;
	font-size: 1.35rem;
	line-height: 1em;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}
a.bouton:hover,
input[type="submit"]:hover
{
	background-color: #fff;
	border: 2px solid #ff5c34;
	padding: 5px 18px;
	color: #ff5c34;
}

div.wpcf7 .ajax-loader {
	display: none;
	margin: 0px auto;
}

/* Punchline */
#punchline .owl-theme .owl-controls .owl-pagination {
	bottom: 0px !important;
}
#punchline .owl-theme .owl-controls .owl-buttons .owl-next { background:  url('images/fleche-droite.png') no-repeat center center !important }
#punchline .owl-theme .owl-controls .owl-buttons .owl-prev { background:  url('images/fleche-gauche.png') no-repeat center center !important }
#punchline .owl-theme .owl-controls .owl-pagination .owl-page span
{ background-color: rgba(255, 255, 255, 0.45) !important; }
#punchline .owl-theme .owl-controls .owl-pagination .active span
{ background-color: rgba(255, 255, 255, 0.8) !important; }
#punchline .owl-theme .owl-controls .owl-pagination .owl-page span:hover
{ background-color: rgba(255, 255, 255, 1) !important; }




/*
Code CSS des carrousels (p. Accueil #hashtag, #medias) : le plugin Freemake Slider integre un style css dans le flux html.
Ce code peut être effacé via l'admin : Freemake Slider > Manage Sliders > Edit Slider > Adjust > Style CSS (selon theme selectionné : Edit Slider > Choose style).
Les styles des carrousels sont traites ci-dessous, reprenant en partie le theme Freemake Slider choisi (Edit Slider > Choose style + Adjust).
*/

.fmcarousel .amazingcarousel-image { position: relative; }
/*
#medias .fmcarousel .amazingcarousel-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}
*/
.fmcarousel .amazingcarousel-title {
	font-size: 12px;
	color: #004c75;
	text-align: left;
}
.fmcarousel .amazingcarousel-list-container { padding: 6px 0; }
.fmcarousel .amazingcarousel-item-container {
	text-align: center;
	padding: 4px;
}
.amazingcarousel-item { vertical-align: text-top; }
.fmcarousel .amazingcarousel-prev {
	left: 0%;
	top: 45%;
	margin-left: -48px;
	margin-top: -16px;
}

.fmcarousel .amazingcarousel-next {
	right: 0%;
	top: 45%;
	margin-right: -48px;
	margin-top: -16px;
}

.partage { text-align: center; }

.amazingcarousel-image {
	line-height: 0em;
	margin-bottom: 12px;
	box-shadow: 0px 1px 4px #999;
	-moz-box-shadow: 0px 1px 4px #999;
	-webkit-box-shadow: 0px 1px 4px #999;
}
.amazingcarousel-title {
	max-height: 21px;
	min-height: 21px;
	max-width: calc(100% - 29px);
	overflow: hidden;
}
.amazingcarousel-title { left: 6px; }
.amazingcarousel-title:last-child {
	position: absolute;
	top: calc(100% - 26px);
	right: 6px;
	max-width: 100%;
	text-align: right;
}
.amazingcarousel-title .heateor_sss_sharing_ul { position: absolute !important; left: auto !important; right: 0px !important; }
.heateor_sss_sharing_ul li i {
	height: 20px !important;	
	width: 20px !important;
	margin: 0px;
}
.fmcarousel .heateor_sss_sharing_ul li > i { display: none; }
.fmcarousel .heateor_sss_sharing_ul li > i.heateorSssMoreBackground { display: block; background-color: #004c75; }
/* / Carrousels */




/* === / CORPS === */
/* === PIED === */


footer { background-color: #faf9f4; }
footer .contenu {
	margin: 0px auto;
	max-width: 1140px;
	padding: 35px 55px 35px 85px;
}
footer .contenu > div:nth-child(1) {
	font-size: 15px;
	font-size: 1.15rem;
	font-weight: 300;
	color: #004a77;
	line-height: 1.55rem;
}
footer .contenu > div:nth-child(1) h3 {
	margin: 0px; padding: 0px;
	text-align: left;
	font-family: 'Nunito';
	font-size: 15px;
	font-size: 1.1em;
}
footer .contenu > div:nth-child(1) p { margin: 0px; padding: 0px; }
footer .contenu > div:nth-child(2) { float: right; margin-top: -35px; }
footer .contenu > div:nth-child(3) {
	border-top: 1px solid #b8b8b5;
	margin-top: 20px;
	padding-top: 0px;
	/* typo */
	font-size: 0.92em; /* env. 12px pour 13px */
	font-weight: 300;
	color: #817c7c;
}
footer .contenu > div:nth-child(3) a:hover { border-bottom-width: 1px; border-bottom-style: solid; }


/* === / PIED === */




/* ====== PAGES ====== */




/* === PAGES PARTICULIERES === */


.error-404, 
.post-password-required {
	text-align: center;
}


/* === / PAGES PARTICULIERES === */
/* === ACCUEIL === */


.home h1.entry-title { display: none; }

.home header nav > div:nth-child(1) { display: block; }


/* Ascenceur latéral */
.home #secondary, 
.home #secondary aside:nth-child(1) { display: block; }
.home #secondary .widget-area { padding-top: 2px; }




/* Bloc 1 - Teaser video */
#teaser {
	background: #000 url('images/capture-4.jpg') no-repeat center center;
	background-size: cover;
	padding: 0px;
}
#teaser section { max-width: 100%; margin: 0px; padding: 0px; }
#teaser iframe {
	display: block;
	width: 100%;
}

/* Bloc 2 - Tournee */
#tournee {
	background: #ff5c34 url('images/europe.png') no-repeat center -5px;
	padding: 65px 0px;
	/* typo */
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.15rem;
	font-weight: 200;
}
#tournee h2 { color: #fff; background: url('images/sep-clair.gif') no-repeat center bottom; }
#tournee .pays { margin-top: 60px; }
#tournee .sous-bloc {
	display: inline-block;
	margin: 0px 12px 25px;
	border: 2px solid #fff;
	width: 29%;
	max-width: 347px;
	height: 411px;
	vertical-align: text-top;
	/* typo */
	font-size: 1.52rem;
	font-weight: 600;
}
#tournee .sous-bloc h3 {
	padding-bottom: 0.75em;
	background: url('images/sep-clair-petit.gif') no-repeat center bottom;
	/* typo */
	font-size: 28px;
	font-size: 2rem;
	font-weight: 600;
	text-transform: uppercase;
}
#tournee .sous-bloc strong { font-weight: 700; }
#tournee .sous-bloc small { font-size: 0.7em; }
#tournee h3 img { vertical-align: text-top; }
#tournee a.bouton:link, #tournee a.bouton:visited { background-color: #fff; color: #ff5c34; }
#tournee a.bouton:hover { background-color: #ff5c34; border-color: #fff; color: #fff; }
#tournee .italie { background: url('images/ville-turin.jpg') no-repeat center bottom; }
#tournee .suisse { background: url('images/ville-bienne.jpg') no-repeat center bottom; }
#tournee .france { background: url('images/ville-le-havre.jpg') no-repeat center bottom; }
#tournee .france small { display: inline-block; margin-top: 10px; }



/* Bloc 2 - Hashtag */
#hashtag, 
.page-accueil-copie #hashtag {
	height: 850px;
	height: auto;
	max-height: 850px;
	background: #0c1124 url('images/hashtag-fond2.jpg') no-repeat center top;
	padding: 0px 0px 60px;
	/* typo */
	color: #fff;
	text-align: center;
}
/*
		.page-accueil-de #hashtag, 
		.page-accueil-it #hashtag
		{
			height: 534px;
			max-height: 534px;
		}
*/
#hashtag .sous-bloc {
	width: 600px;
	height: auto;
	margin: 98px auto 15px;
	padding: 0px;
}
#hashtag h2 {
	background: none; color: #fff;
	line-height: 1.3em;
}
#hashtag p {
	margin: 0px;
	font: 2em/1.4em 'Nunito', 'Helvetica', 'Arial', sans-serif;
	font-weight: 700i;
	font-style: italic;
	letter-spacing: 0.01em;
}
#hashtag .hashtag {
	display: inline-block;
	height: 127px;
	width: 452px;
	background: url('images/hashtag.png') no-repeat center center;
}
#hashtag .hashtag span { display: none; }

#hashtag .galerie, 
#medias .galerie {
	border: 2px solid #fff;
	margin: 0px auto 20px;
	padding-bottom: 12px;
	width: 70%;
	max-width: 866px;
}
#hashtag .galerie {
	border: 1px solid #aaa;
	margin-top: 55px;
	padding: 20px 0px 15px;
}
#hashtag .fmcarousel .amazingcarousel-title { color: #fff; }
#hashtag .amazingcarousel-image { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }



/* Bloc 3 - Nick Vujicic, pas de limites */
#nick { background: #daedf3 url('images/reflet-bleu.png') no-repeat center center; padding-bottom: 35px; }
#nick h5 { text-align: center; }
#nick .sous-bloc-1 {
	display: inline-block;
	vertical-align: text-bottom;
	width: 55%;
	max-width: 635px;
	margin-left: 30px;
	/* typo */
	text-align: justify;
}
#nick .sous-bloc-1 a.bouton:link, #nick .sous-bloc-1 a.bouton:visited {
	padding: 9px 22px;
	margin: 60px 0px 0px;
	background: none;
	border: 2px solid #ff5c34;
	color: #ff5c34;
}
#nick .sous-bloc-1 a.bouton:hover {
	background: #ff5c34;
	color: #fff;
}
/*
#nick .sous-bloc .partage { background: url('images/picto-partage-27.png') no-repeat center center; }
*/
#nick .sous-bloc .partage:hover { background: none; }
#nick .sous-bloc-1 .partage {
	display: block;
	position: absolute;
	bottom: 1rem;
	right: 0px;
	width: 90px;
	text-align: right;
}
#nick .sous-bloc-1 .partage:hover { width: auto; }

#nick .sous-bloc-2 {
	display: inline-block;
	vertical-align: text-bottom;
	width: 33%;
	max-width: 380px;
	min-width: 245px;
	margin-left: 95px;
	padding-bottom: 0.7rem;
	overflow: hidden;
	/* typo */
	text-align: center;
	color: #ff5c34;
	font-style: italic;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1.22em;
}
#nick .sous-bloc-2 p { margin: 0px; }
#nick .sous-bloc-2 > img { margin: 30px 0px 20px -80px; }
#nick .sous-bloc-2 .partage { margin-top: 15px; }


/* Bloc 4 - Ses livres */
#livres { background: #fff url('images/bokeh.jpg') no-repeat center top; padding-top: 34px; }
#livres section { overflow: hidden; }
#livres .intro {
	max-width: 62%;
	margin: 0px 0px 35px 30px;
	overflow: hidden;
}
#livres .intro h5 { text-align: center; width: 75%; margin: 0px auto; }
#livres .logo {
	position: absolute;
	right: 165px;
	top: 52px;
}
#livres .livre {
	background-color: #faf9f4;
	display: block;
	width: 341px; /* total = 571px */
	height: auto;
	min-height: 333px;

	overflow: hidden;
	float: left;
	margin: 15px 27px 15px 0px;
	padding: 30px 20px 30px 205px;
	font-weight: 300;
}
.italien #livres .livre {
	width: auto;
	height: auto;
	float: none;
	padding-right: 35px;
	margin-right: 0px;
	margin-bottom: 25px;
}
.italien #livres .livre p { text-align: left; }
#livres .livre:nth-child(2n) { margin-right: 0px; }
#livres .livre h3 {
	position: relative;
	margin: -5px 0px 0px;
	z-index: 50;
	/* typo */
	text-align: left;
	text-transform: uppercase;
	color: #004c75;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
}
#livres .livre p {
	position: relative;
	margin: 15px auto;
	z-index: 50;
	text-align: justify;
}
#livres .livre p:first-child {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	z-index: 1;
}
#livres .boutons {
	position: relative;
	margin-top: 25px;
	z-index: 50;
}
#livres .bouton {
	background-color: #ff5c34;
	border: 2px solid #ff5c34;
	margin: 0px 6px 0px 0px;
	padding: 5px 9px;
	/* typo */
	color: #fff;
	font-size: 1.15em;
	font-weight: 300;
	letter-spacing: 0.02em;
}
#livres .bouton2 { display: none; background-color: #fff; color: #ff5c34; }
#livres .bouton:hover { background-color: #fff; color: #ff5c34 }
#livres .bouton2:hover { background-color: #ff5c34; color: #fff; }
#livres div.partage {
	position: absolute;
	background-color: #faf9f4;
	top: 0px;
	right: 0px;
}
/*
#livres div.partage .addtoany_shortcode { display: none; }
*/
#livres div.partage img { position: relative; margin-top: 7px; }
#livres div.partage:hover img { display: none; }
/*
#livres div.partage:hover .addtoany_shortcode {
	display: inline-block;
	width: auto;
	margin-top: 5px;
	padding-left: 4px;
}
*/
#livres div.partage:hover .heateor_sss_sharing_container {
	display: inline-block;
	width: auto;
	margin-top: 0px;
	padding: 0px;
}
#livres div.partage:hover .heateor_sss_sharing_container ul { padding-top: 3px; }

/* Bloc 5 - Punchline */
#punchline {
	background: #ff5c34 url('images/nick-citation.png') no-repeat center center;
	overflow: hidden;
	padding: 0px;
	/* typo */
	color: #fff;
	text-align: center;
}
#punchline section {
	display: flex;
	flex-flow: column;
	min-height: 367px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
}
#punchline section p {
	display: inline-block;
	width: 70%;
	margin: 45px auto 25px;
	/* typo */
	font-size: 1.85rem;
	line-height: 2.8rem;
	font-weight: 300;
	font-style: italic;
}
#punchline section small {
	font-size: 0.7em;
	display: inline-block;
	margin-top: 16px;
}
#punchline section .partage { margin: 10px auto 45px; }
#punchline h2 { color: #fff }


/* Bloc 6 - Medias */
#medias { background: #daedf3 url('images/reflet-bleu.png') no-repeat center center; }
#medias h3 {
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1em;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #004c75;
}




/* Bloc 7 - Partenaires (+ page Infos Suisse) */
#partenaires {
	text-align: center;
}
#partenaires h2 {
	margin-top: 72px;
	font-size: 28px;
}
#partenaires h4 {
	width: 40%;
	margin: 0px auto;
	font-family: Nunito;
	font-weight: 500;
	font-size: 18px;
	color: #004a77;
}
#partenaires img {
	vertical-align: middle;
	margin: 10px 15px;
}



/* === / ACCUEIL === */
/* === ACCUEIL en italien === */



.page-accueil-it #masthead nav > div:nth-child(1) { margin-left: 5px; }
.page-accueil-it #masthead #text-8 { margin-right: 0px; }

.page-accueil-it #secondary .widget-area { padding-top: 16px; }



/* === / ACCUEIL en italien === */
/* === ACCUEIL en allemand === */



.page-accueil-de #menu-menu-top li:last-child { display: none; }

.page-accueil-de #secondary li:nth-child(5) { display: none; }
.page-accueil-de #secondary .widget-area { padding-top: 16px; }

.deutsch #livres .bouton { display: none; }
.deutsch #livres .boutons { margin-bottom: 55px; }



/* === / ACCUEIL en allemand === */
/* === PAGES INFOS === */


.page-suisse-inscriptions header nav > div:nth-child(2), 
.page-suisse-inscriptions #secondary, 
.page-suisse-inscriptions #secondary aside:nth-child(2), 

.page-france-inscriptions header nav > div:nth-child(2), 
.page-france-inscriptions #secondary, 
.page-france-inscriptions #secondary aside:nth-child(2), 

.page-anmeldungen header nav > div:nth-child(2), 
.page-anmeldungen #secondary, 
.page-anmeldungen #secondary aside:nth-child(2), 

.page-prevendita header nav > div:nth-child(2), 
.page-prevendita #secondary, 
.page-prevendita #secondary aside:nth-child(2) { display: block; }

.page-suisse-inscriptions header nav > div:nth-child(2) li:first-child:before, 
.page-france-inscriptions header nav > div:nth-child(2) li:first-child:before, 
.page-anmeldungen header nav > div:nth-child(2) li:first-child:before, 
.page-prevendita header nav > div:nth-child(2) li:first-child:before {
	margin-left: -40px;
	margin-right: 5px;
	content: "\f015 ";
	font-family: fontawesome;
}
.page-suisse-inscriptions header nav > div:nth-child(2) li:hover:first-child:before, 
.page-anmeldungen header nav > div:nth-child(2) li:hover:first-child:before, 
.page-prevendita header nav > div:nth-child(2) li:hover:first-child:before 
{
	color: #ff5c34;
}


/* Bloc Programme */
#programme .seances { margin: 60px auto; }
#programme section > h2 { margin-bottom: 15px; }
#programme section > h4 {
	color: #004c75;
	font-size: 1.54em;
	font-weight: 600;
}
#programme section > p {
	font-size: 1.23em;
	font-weight: 500;
	line-height: 1.25em;
}
#programme section > p strong {
	font-size: 1.38em;
	font-weight: 700;
}
#programme div.sous-bloc {
	display: inline-block;
	position: relative;
	margin: 0px 15px 30px 0px;
	padding: 33px 15px 33px 283px;
	width: 221px;
	height: 278px;
	border: 2px solid #004c75;
	vertical-align: text-top;
	overflow: hidden;
	/* typo */
	text-align: left;
}
#programme div.sous-bloc:nth-child(2n) { margin: 0px 0px 30px 15px; }
#programme .sous-bloc .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 252px;
	height: 100%;
}
#programme .sous-bloc .image img { width: 252px; height: 344px; }
#programme .sous-bloc h3,#programme .sous-bloc h4, #programme .sous-bloc .horaire, 
#programme .sous-bloc p, #programme .sous-bloc small
{
	margin: 5px 0px;
	/* typo */
	text-align: left;
	line-height: 1.4em;
}
#programme .sous-bloc h3, #programme .sous-bloc p {
	display: inline-block;
	/* typo */
	color: #004c75;
}
#programme .sous-bloc h3 {
	font-size: 1.85em;
	font-weight: 600;
	text-transform: uppercase;
}
#programme .sous-bloc .horaire {
	margin-bottom: -3px;
	/* typo */
	font-family: Nunito;
	font-size: 1.62em;
	color: #454545;
	font-weight: 700;
}
/* /Bloc Programme */


/* === / PAGES INFOS === */
/* === INFOS - FRANCE === */


.page-france-inscriptions header nav > div:nth-child(2) li:first-child::before { margin-left: 0px; }
.page-france-inscriptions #masthead nav > div:nth-child(2) li:last-child { display: none; }

.page-france-inscriptions #secondary .widget-area { padding-top: 16px; }
.page-france-inscriptions #secondary .textwidget > ul li:nth-child(4) { display: none; }

.page-france-inscriptions #content { text-align: center; }

.page-france-inscriptions .infoPays #lieu { background: #ff5c34 url('images/stade-oceane.jpg') no-repeat center center; }

.page-france-inscriptions #partenaires img { margin: 30px 40px; }


/* === / INFOS - FRANCE === */
/* === INFOS - ITALIE === */


.page-prevendita #masthead nav > div:nth-child(2) { margin-left: 50px; }

.page-prevendita #secondary .widget-area { padding-top: 2px; }

.page-prevendita #content, .page-prevendita-copie #content { text-align: center; }

.page-prevendita .infoPays #lieu { background: #ff5c34 url('images/Palaruffini-esterno.jpg') no-repeat center center; }

.page-prevendita #programme section > p { line-height: 1.5em; }

@media screen and (min-width:781px) { /* Styles specifiques en affichage grand écran des blocs Programme Italie */

.page-prevendita #programme .sous-bloc { margin: 12px; padding: 0px 0px 0px 10px; height: 344px; }
.page-prevendita #programme .sous-bloc:nth-child(1), .page-prevendita #programme div.sous-bloc:nth-child(2n) {
	width: 246px;
	margin: 12px;
	font-size: 0.75em;
}
.page-prevendita #programme div.sous-bloc:nth-child(3n) { width: 534px; }
.page-prevendita #programme .sous-bloc h3 { margin-bottom: 2px; }
.page-prevendita #programme div.sous-bloc:nth-child(3n) h3 { margin-top: 25px; }
.page-prevendita #programme .sous-bloc h4.horaire { margin: auto; padding-bottom: 0px; line-height: 1.3em; }
.page-prevendita #programme .sous-bloc .image {
	position: relative;
	float: left;
	margin: 0px 30px 0px -10px;
	height: auto;
}
.page-prevendita #programme .sous-bloc img { height: auto; width: auto; }

}

.page-prevendita #programme .sous-bloc .horaire { line-height: 1.35em; margin: 13px auto; }
.page-prevendita #programme .sous-bloc .horaire a:hover { border-bottom: 1px solid; }

.page-prevendita .infoPays #contribuer .sous-bloc { height: auto; }


/* === / INFOS - ITALIE === */
/* === INFOS - SUISSE (francais + allemand) === */


.page-anmeldungen header nav > div:nth-child(2) li:first-child:before { margin-left: -18px; }

.page-suisse-inscriptions #masthead #text-8, 
.page-anmeldungen #masthead #text-8 {
	right: 0px;
}

.infoPays { text-align: center; }

.infoPays a.bouton {
	background: none;
	border: 2px solid #ff5c34;
	/* typo */
	color: #ff5c34;
	font-size: 1.09em;
}
.infoPays .sous-bloc a.bouton:hover {
	background-color: #ff5c34;
	padding: 7px 20px;
	/* typo */
	color: #fff;
}


/* Bloc 1 - Intro */
.infoPays .bloc1 {
	background: #d7eef6;
	padding: 25px 0px 0px;
}
.infoPays #accroche .sous-bloc {
	display: inline-block;
	max-width: 435px;
	margin-top: 130px;
	margin-top: 64px;
}
.infoPays #accroche .sous-bloc h2, .infoPays #accroche .sous-bloc h3 {
	padding-bottom: 15px;
	margin: 0px 0px 15px;
	/* typo */
	font-size: 50px !important;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	text-transform: uppercase;
}
.infoPays #accroche .sous-bloc h2 { background: url('images/sep-bleu.gif') no-repeat center bottom; }
.infoPays #accroche .sous-bloc h3 { margin-bottom: 13px; color: #004a77; }
.infoPays #accroche .sous-bloc img { margin: 0px 0px 13px; }
.infoPays #accroche img, .infoPays #accroche p.image { margin: 0px; display: inline-block; vertical-align: top; }

/* bloc 2 - Tissot Arena */
.infoPays #lieu {
	background: #ff5c34 url('images/tissot-arena.jpg') no-repeat center center;
	background-size: cover;
	height: 750px;
	/* typo */
	color: #fff;
}
.infoPays #lieu h2 {
	margin-top: 2.5em;
	background: url('images/sep-clair.gif') no-repeat center bottom;
	line-height: 1.4em;
	color: #fff;
}
.infoPays #lieu p {
	font-size: 1.38em;
	font-weight: 200;
}

/* Bloc 3 - Programme */
.infoPays #programme {
	background: #d7eef6 url('images/reflet-bleu.png') no-repeat center center;
	padding-top: 25px;
	padding-bottom: 0px;
}

/* Bloc 4 - Achat de billets et Organsation + Bloc 5 - Contribuer */
.infoPays #achat {
	background: #fff url('images/bokeh.jpg') no-repeat center top;
	padding-top: 85px;
}
.infoPays #achat .sous-bloc, 
.infoPays #contribuer .sous-bloc {
	display: inline-block;
	background-color: #faf9f4;
	width: 35%;
	max-width: 309px;
	height: 283px;
	height: auto;
	vertical-align: text-top;
	margin: 30px 15px 0px;
	padding: 20px;
}
.page-anmeldungen .infoPays #achat .sous-bloc, 
.page-anmeldungen-copie .infoPays #achat .sous-bloc, 
.page-anmeldungen .infoPays #contribuer .sous-bloc, 
.page-anmeldungen-copie .infoPays #contribuer .sous-bloc
{ /* en allemand */ height: 315px; }

.infoPays #achat .retransmission .bouton { margin-bottom: 9px; }
.page-anmeldungen .infoPays #achat .retransmission, 
.page-anmeldungen-copie .infoPays #achat .retransmission
{ /* en allemand */ height: auto; }

.infoPays #achat h2, 
.infoPays #contribuer h2
{ margin-bottom: 25px; }
.infoPays #achat h3, 
.infoPays #contribuer h3
{
	text-transform: uppercase;
	font-size: 1.54rem;
	color: #004c75;
	font-weight: 600;
}
.infoPays #achat h4, 
.infoPays #contribuer h4
{ display: inline-block; }

.infoPays #achat .sous-bloc img { margin: 25px 0px 0px; }

.infoPays #achat .sous-bloc p, 
.infoPays #contribuer .sous-bloc p { font-weight: 300; }

.infoPays #achat .sous-bloc p { max-width: 225px; } 
.infoPays #achat .retransmission p { max-width: 300px; }

.infoPays #contribuer { padding-bottom: 120px; }
.infoPays #contribuer .sous-bloc {
	width: 47%;
	max-width: 499px;
	min-height: 292px;
}
.infoPays #contribuer .sous-bloc h4 {
	margin: 0px;
	font-family: Nunito;
	font-size: 1.23rem;
	line-height: 1.5rem;
	color: #ff5c34;
}
.page-anmeldungen .infoPays #contribuer .sous-bloc h4 { /* en allemand */ max-width: 364px; }
.infoPays #contribuer .don { padding-bottom: 19px; }
.infoPays #contribuer .don p { max-width: 85%; }
.page-anmeldungen .infoPays #contribuer .don p { /* en allemand */ max-width: 96%; }
.infoPays #contribuer .don h4 { max-width: 355px; }
.infoPays #contribuer .benevole h4 { max-width: 305px; }
.infoPays #contribuer .benevole p { max-width: 400px; }

/* Bloc 6 - Promouvoir */
.infoPays #promouvoir {
	background-color: #ff5c34;
	padding-top: 25px;
	/* typo */
	color: #fff;
}
.infoPays #promouvoir h2 { background: url('images/sep-clair.gif') no-repeat center bottom; color: #fff; }
.infoPays #promouvoir h3 {
	text-transform: uppercase;
	margin: 15px 0px 6px;
	font-size: 1.54rem;
}
.infoPays #promouvoir p {
	margin: 1px auto;
	padding: 0px;
	font-weight: 300;
}
.infoPays #promouvoir .sous-bloc {
	display: inline-block;
	margin: 30px 28px 6px;
	vertical-align: text-bottom;
}
.infoPays #promouvoir .visuel {
	height: 350px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.infoPays #promouvoir .sous-bloc img { box-shadow: 0px 2px 6px #672211; }
.infoPays #promouvoir .partage { position: relative; margin-top: 12px; margin-bottom: -12px; }
.infoPays #promouvoir .partage img { box-shadow: none; }
.infoPays #promouvoir a.bouton {
	margin: 15px 4px;
	border-color: #FFF;
	color: #fff;
}
.infoPays #promouvoir a.bouton:hover {
	background-color: #FFF;
	color: #ff5c34;
}

/* Bloc 7 - Partrenaires */
.infoPays #partenaires p {
	font-size: 16px;
	color: #777;
	font-weight: 300;
}

.infoPays .contact section {
	background-color: #faf9f4;
	width: 90%;
	max-width: 525px;
	margin-top: 40px;
	padding: 15px 25px 5px;
	font-weight: 300;
}
.infoPays .contact h2 {
	margin: 20px auto 0px;
	font-size: 28px;
}
.infoPays .contact a.bouton {
	background-color: #ff5c34;
	padding: 7px 12px;
	color: #fff;
}
.infoPays .contact a.bouton:hover {
	background: none;
	padding: 7px 12px;
	color: #ff5c34;
}


/* === / INFOS - SUISSE === */









/* ====== RESPONSIVE ====== */



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

/* == ACCUEIL == */
/* Livres */
#livres .livre {
	height: auto;
	min-height: 275px;
	width: calc(100% - 257px);
	padding: 12px 52px 12px 205px;
	margin: 15px 27px 15px 0px;
}
#livres .livre p { text-align: left; }

}
@media screen and (min-width:1201px) {
#masthead nav.affiche { display: block; }
}
@media screen and (max-width:1260px) {

/* Menu */
#masthead .affMenu { display: block; }
#masthead nav {
	display: none;
	position: absolute;
	top: 122px;
	left: 0px;
	width: 100%;
	background-color: rgba(5, 50, 90, 0.9);
	height: auto;
	padding: 60px 0px;
	color: #fff;
}
#masthead nav.affiche { display: block; }

.home #masthead nav > div:nth-child(1), 
.autre #masthead nav > div:nth-child(1), 
.autre #masthead nav > div:nth-child(2), 
#masthead #text-8
{
	margin: 0px 45px;
	max-width: 63%;
}
.home .site-2 #masthead nav > div:nth-child(1), .autre .site-2 #masthead nav > div:nth-child(1), .autre .site-2 #masthead nav > div:nth-child(2) { /* Site en italien */ max-width: 59%; }
.home #masthead nav > div:nth-child(1) li, 
.autre #masthead nav > div:nth-child(1) li, 
.autre #masthead nav > div:nth-child(2) li
{
	display: block;
	float: left;
	font-size: 1.4em;
}
.home #masthead nav > div:nth-child(1) li a, 
.autre #masthead nav > div:nth-child(1) li a, 
.autre #masthead nav > div:nth-child(2) li a
{ color: #fff; }
header nav > div:nth-child(2) li:first-child:before { display: none; }
/* / Menu */

}
@media screen and (max-width:1200px) {

#masthead .reseaux a {
	border: 1px solid #26a;
	background-color: #26a;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-right: 7px;
}
#masthead .reseaux a:hover { opacity: 1; border-color: #fff; }
#masthead .ressources { color: #fff; }

/* == ACCUEIL == */
/* Tournee */
#tournee .sous-bloc { width: 347px; }
/* Nick */
#nick .sous-bloc-1 {
	display: block;
	width: 85%;
	margin: 30px auto 0px;
	text-align: left;
}
#nick .sous-bloc-2 {
	display: block;
	max-width: none;
	min-width: none;
	width: 85%;
	margin: 0px auto;
}
#nick .sous-bloc-2 img { margin-top: 0px; }
/* Livres */
#livres .intro {
	max-width: 85%;
	margin: auto;
}
#livres .logo {
	display: block;
	position: relative;
	right: auto; top: auto;
	width: 128px;
	margin: auto;
}
/* Partenaires */
#partenaires h3 { width: 60%; }

/* === PAGES INFOS === */
#programme div.sous-bloc, #programme div.sous-bloc:nth-child(2n) {
	margin: 0px auto 30px;
}

/* == INFOS - SUISSE == */
.infoPays #accroche p.image {
	display: block;
	margin: 0px auto;
}
.infoPays #accroche p.image img {
	width: 300px;
	margin-left: -41px;
}

}
@media screen and (max-width:900px) {

#secondary { display: none !important; }



/* === ACCUEIL === */
/* Bloc 2 - Hashtag */
#hashtag {
	height: auto;
	max-height: none;
	padding: 30px 0px 50px;
}
#hashtag .sous-bloc {
	width: 90%;
	margin: 0px auto;
}
#hashtag p { font-size: 1.7em; }
#hashtag .hashtag {
	height: 87px;
	width: 100%;
	background-size: contain;
}




/* == INFOS - SUISSE == */
.infoPays #achat .sous-bloc, .infoPays #contribuer .sous-bloc {
	width: 90%;
	height: auto;
	max-width: none;
	margin: 30px auto 0px;
}
.infoPays #promouvoir h3 { margin-bottom: 35px; }
.infoPays #promouvoir .sous-bloc {
	width: 100%;
	margin: 20px auto 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
}
.infoPays #promouvoir .sous-bloc:last-child { border: none; }
.infoPays #promouvoir .visuel { height: auto; }

}
@media screen and (max-width:780px) {

#masthead nav { padding: 50px auto 20px; }

.home #masthead nav > div:nth-child(1), 
.autre #masthead nav > div:nth-child(1), 
.autre #masthead nav > div:nth-child(2), 
#masthead #text-8
{
	float: none;
	max-width: 100%;
}
.home .site-2 #masthead nav > div:nth-child(1), .autre .site-2 #masthead nav > div:nth-child(1), .autre .site-2 #masthead nav > div:nth-child(2) { /* Site en italien */ max-width: 100%; }
.home #masthead nav > div:nth-child(1) li, 
.autre #masthead nav > div:nth-child(1) li, 
.autre #masthead nav > div:nth-child(2) li
{
	display: block;
	float: none;
}
.home #masthead nav > div:nth-child(1) li a, 
.autre #masthead nav > div:nth-child(1) li a, 
.autre #masthead nav > div:nth-child(2) li a
{
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}
.home #masthead nav > div:nth-child(1) li a:hover, 
.autre #masthead nav > div:nth-child(1) li a:hover, 
.autre #masthead nav > div:nth-child(2) li a:hover
{ padding-bottom: 8px; }
#masthead #text-8 {
	position: relative;
	float: none;
	left: 0px;
	right: auto;
	margin-top: 30px;
	margin-bottom: 0px;
}

/* Partages */
.heateor_sss_whatsapp_count, .heateorSssSharing.heateorSssWhatsappBackground { display: inline !important; }

.bloc section { padding: 0px 35px; }


/* == PIED == */
footer .contenu > div:nth-child(2) { float: none; margin-top: 20px; }
footer .contenu { padding: 35px; }


/* == ACCUEIL == */
/* Livres */
#livres div.partage { position: relative; }

/* === PAGES INFOS === */
#programme div.sous-bloc, #programme div.sous-bloc:nth-child(2n) {
	width: calc(95% - 200px);
	padding-left: 60px;
	padding-right: 5%;
	height: auto;
	font-size: 0.75rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#programme .sous-bloc .image {
	position: relative;
	top: 15px;
	margin-bottom: 30px;
}
#programme .sous-bloc .image img {
	width: 165px;
	height: auto;
}

}
@media screen and (max-width:600px) {

#masthead { height: 160px; max-height: 160px; text-align: center; }
.site-branding {
	float: none;
	display: block;
	text-align: center;
}
#masthead .affMenu {
	position: relative;
	float: none; 
	display: inline-block;
	margin: 20px 10px;
	left: auto;
}
#masthead nav { top: 160px; }
#masthead #mlp_widget-2 {
	display: inline-block;
	position: relative;
	margin: 0px 10px;
	vertical-align: text-top;
	top: -12px;
	right: auto;
}
#mlp_widget-2 h3 { display: none; }
#masthead #text-8 { line-height: 4em; }

/* == ACCUEIL == */
/* Tournee */
#tournee .sous-bloc { width: 100%; margin: 0px 0px 20px; }
/* Nick */
#nick .sous-bloc-1 { text-align: center; }
#nick .sous-bloc-1 h5 { text-align: center; }
#nick .sous-bloc-2 > img {
	width: 100%;
	max-width: 347px;
	margin-left: -20%;
}
#nick .sous-bloc-1 .partage { display: none; }
/* Livres */
#livres .livre { width: calc(100% - 104px); padding: 12px 52px 12px 52px; }
#livres .livre p:first-child { position: relative; }

/* Partenaires */
#partenaires h3 { width: 90%; }

/* === PAGES INFOS === */
#programme div.sous-bloc, #programme div.sous-bloc:nth-child(2n) {
	width: 80%;
	padding: 15px 5%;
	height: auto;
	text-align: center;
}
#programme .sous-bloc h3, #programme .sous-bloc .horaire { display: block; text-align: center; }
#programme .sous-bloc .image {
	position: relative;
	top: 15px;
	margin: 0px auto 30px;
	width: 70%;
	max-width: 252px;
}
#programme .sous-bloc .image img { width: 100%; }


/* == INFOS - SUISSE == */
.infoPays .contact section { width: 75%; }

}