/*
Theme Name: UGC from bbxdesert
Theme URI: http://wordpress.bbxdesign.com
Description: Thème UGC Distribution WordPress - update 18/10/18
Version: 2.1
Author: bbx, Jean-Philippe Casoni
Author URI: http://bbxdesign.com, https://rouen-webmaster.com
Tags: empty, full-width, simple, white

  bbxdesert
  http://wordpress.bbxdesign.com

*/

body,
button,
input,
select,
textarea{ color: #333; font-family: 'Open Sans', sans-serif; font-size:1.6rem; line-height:1.4;}
strong, b { font-family: 'Open Sans', sans-serif; font-weight:600;}



/* Balises block */

.post-content h1{ }
.post-content h2{ }
.post-content h3{ }
.post-content h4{ }
.post-content h5{ }
.post-content h6{ }
.post-content p{ }
.post-content ul{ }
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */

.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */

.alignleft{ display: inline; float: left;}
.aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto;}
.alignright{ display: inline; float: right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

/*------------------------
 STYLES THEME PERSONNALISE
------------------------*/

html,
body {
	height: 100%;
}
html {
	font-size:62.5%;
}
h1 {
	font-size:3rem;
}
h2 {
	font-size:2.4rem;
}
h3 {
	font-size:1.8rem;
}
h1, h2, h3 {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
}

/* classes génériques */

.invisible {
	display:none;
}

/* couleur de fond des blocs */

body {
	background-color: #f0f0f0;
}
.site-header,
.site-footer {
	background-color: #14599f;
}
.site-footer {
	background-image:linear-gradient(transparent, #1d222b 300%);
}
#homeabo {
	background-color:#ffffff;
}
#film-infos {
	background-color:#1C3E63;
}


/* HEADER */

.site-header {
	position: relative;
}

.site-header .top-header {
	display: table;
	width: 100%;
	padding: 0 1rem;
}
.site-header .top-header #searchbar,
.site-header .top-header .site-name,
.site-header .top-header .social-links {
	display:table-cell;
	vertical-align: middle;
}
.site-header .top-header #searchbar,
.site-header .top-header .social-links {
	width: 45%;
}
.site-header .top-header #searchbar {
	text-align: left;
}
.site-header .top-header .social-links {
	padding-left:0;
	text-align: right;
}

/* formulaire de recherche du header */
.site-header #searchform p {
	margin:0;
	display: inline;
	border-bottom: 1px solid #fff;
	padding:1rem 0;
}
.site-header #searchform input,
#accueil-abo input {
	background: none;
	border:none;
	color: #fff;
	
}

#searchform #s::-webkit-input-placeholder,
#accueil-abo input[type='email']::-webkit-input-placeholder {
  opacity:.8;
}
#searchform #s::-moz-placeholder,
#accueil-abo input[type='email']::-moz-placeholder {
  opacity:.8;
}
#searchform #s:-ms-input-placeholder,
#accueil-abo input[type='email']:-ms-input-placeholder {
  opacity:.8;
}
#searchform #s::placeholder,
#accueil-abo input[type='email']::placeholder {
  opacity:.8;
}
.site-header #searchform .submit {
	vertical-align: middle;
	padding:.5rem;
}
.site-header #searchform .submit:hover,
.site-header #searchform .submit:focus {
	background-color: rgba(255,255,255,.2);
}

/* logo */
.site-header .site-name {
	width: 10%;
	padding:1rem;
}
.site-header .site-name img {
	width: 10.4rem;
}
.site-header .social-links a:hover,
.site-header .social-links a:focus {
	color:#fff;
	opacity: .6;
}

/* menu principal */

.site-header nav#navmob,
.site-header nav#searchmob,
.site-header .searchlink,
.site-header .burger {
	display:none;
}
.site-header nav {
	position: absolute;
	top:100%;
	width: 100%;
	z-index:200;
	background: rgba(20,89,159,.8);
	max-width: none !important;
}
.site-header nav ul {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-left: 0;
}
.site-header nav ul li {
	list-style: none;
	display:inline-block;
	margin-right: 3.8rem;
}
.site-header nav ul li:last-child {
	margin-right:0;
}
.site-header nav#navdefault ul li:last-child a {
	background: url(images/picto-telechargement.png) 0 1.5rem no-repeat;
	background-size: 1.15rem;
	padding-left: 1.7rem;
}
.site-header nav#navmob ul li:last-child a {
	background: url(images/picto-telechargement.png) 0 1.7rem no-repeat;
	background-size: 1.4rem;
	padding-left: 2rem;
}
.site-header nav ul li a {
	display: block;
	padding:1rem 0 1.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	color:#fff;
	text-decoration: none;
	text-transform: uppercase;
}
.site-header nav#navdefault ul li a:hover,
.site-header nav#navdefault ul li a:focus,
.site-header nav#navdefault ul li a.active {
	border-bottom:.3rem solid #fff;
	padding-bottom: 0.9rem;
}

/* style du footer */
.site-footer {
	padding:3rem;
}
.site-footer p {
	text-align: center;
	color:#fff;
}
.site-footer .ugclogo img {
	width:17.8rem;
}
.site-footer .lineup-link {
	font-size: 1.5rem;
	margin-top:1rem;
}
.site-footer .lineup-link a span {
	font-weight: 400 !important;
}
.site-footer .contact {
	font-size:1.3rem;
	margin-top:2rem;
	line-height: 2rem;
}
.site-footer .social-links {
	text-align: center;
	margin-top: 1.5rem;
	padding: 0;
}
.site-header .social-links li,
.site-footer .social-links li {
	display:inline-block;
	list-style: none;
	margin:0 .8rem;
}
.social-links li:first-child {
	margin-left:0;
}
.social-links li:last-child {
	margin-right:0;
}
.social-links li a {
	display:block;
	width:4.1rem;
	height:3.5rem;
	background: transparent url(images/sprite-bouton-social2.png) no-repeat 0 center;
	background-size: 24.2rem 3.1rem;
}
.social-links li.fbbtn a {
	background-position: 1.2rem center;
}
.social-links li.twbtn a {
	background-position: -5.7rem center;
}
.social-links li.ytbtn a {
	background-position: -13.2rem center;
}
.social-links li.inbtn a {
	background-position: -20.6rem center;
}

.site-footer .copyright {
	font-size:1.1rem;
	margin-top:5rem;
}
.site-footer a,
.site-footer a:visited {
	color:#fff;
	text-decoration:none;
	transition: all .2s ease-in;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
}
.site-footer a:hover,
.site-footer a:focus {
	color:#fff;
	opacity: .6;
}
.site-footer a:focus {
	text-decoration:underline;
}

/* pagination */
.bottom-pagination {
	text-align: center;
	margin: 2rem auto !important;
}
ul.page-numbers {
	display: inline-block;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border: 1px solid #fff;
	border-right: 0;
	margin: 1px;
	background-color: #fff;
}
ul.page-numbers li {
	border-right: 1px solid #fff;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
}
ul.page-numbers li a,
ul.page-numbers li span {
	margin: 0;
	text-decoration: none;
	line-height: 1em;
	font-size: 1em;
	font-weight: 400;
	padding: .5em;
	min-width: 1em;
	display: block;
}
ul.page-numbers li a {
	color: #14599f;
}
ul.page-numbers li span.current {
	background: #eee;
	color: #888;
}
ul.page-numbers li a:active,
ul.page-numbers li a:hover,
ul.page-numbers li a:focus {
	outline: 0;
	background: #eee;
	color: #888;
}



/* sections de la home */
.home section {
	margin-top:3em;
}
.home #homeune {
	margin-top:0;
}

/* section abonnement de la home */
#homeabo {
	width:97%;
	max-width: 1200px;
	margin:auto;
	margin-top:4em;
	padding:2rem;
	border: 1px solid #dfe0e4;
}
#accueil-abo {
	width:100%;
	background:#FFFFFF url(images/fond-newsletter.jpg) no-repeat center center;
	background-size: cover;
	color:#ffffff;
	padding:2.8em 2.2em 3.6em 2.2em;
}
#accueil-abo h2 {
	font-size:3.6rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	text-transform: uppercase;
	line-height: 1.25;
	position: relative;
}
#accueil-abo h2 span {
	font-size:4.8rem;
}
#homeabo h2::after {
	content:"";
	position: absolute;
	bottom:-2.4rem;
	left:25px;
	width:10rem;
	height:0.4rem;
	background-color: #ffffff;
}
#accueil-abo h3 {
	font-size:2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	text-transform: uppercase;
	line-height: 2.25;
}
#accueil-abo p {
	font-size:1.4rem;
}
#accueil-abo form {
	background-color: rgba(255,255,255,.15);
	height: 4rem;
	padding: 0.6rem 1rem;
	margin-top:1rem;
}
#accueil-abo form input[type='email'] {
	width:80%;
	font-weight: bold;
}
#accueil-abo form input[type='submit'] {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	font-size: 1.8rem;
}


/* style générique des pages (404, mentions légales, etc.) */
.page .post-content h3 {
	font-size:2rem;
}
.page .post-content h3,
.page .post-content h4 {
	margin: 3em 0 2em;
	color:#14599f;
}
.page .post-content p {
	margin:1em 0;
}

/* catalogue (accueil, page catalogue, résultats de recherche) */
.archive #homecatal,
.search #page-content,
.page #page-content {
	padding: 9rem 2rem 8rem;
}

#homeactus h2,
#homecatal h2,
.page h2.post-title,
.search h2.post-title {
	font-size:3.2rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif;
	text-transform: uppercase; */
	line-height: 1;
	color:#14599f;
	text-align: center;
	position: relative;
	margin-bottom:7.5rem;
	/* transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-khtml-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	font-style: italic; */
}
#homeactus h2:first-letter,
#homecatal h2:first-letter,
.page h2.post-title:first-letter,
.search h2.post-title:first-letter {
	font-size:6rem;
	vertical-align: -0.6rem;
}
/* #homeactus h2::after,
#homecatal h2::after,
.page h2.post-title::after,
.search h2.post-title::after,
#homeactus h2::before,
#homecatal h2::before,
.page h2.post-title::before,
.search h2.post-title::before {
	content:'|';
	display: inline-block;
	margin-right: 2rem;
} */
#homeactus h2::after,
#homecatal h2::after,
.page h2.post-title::after,
.search h2.post-title::after {
	content:"";
	position: absolute;
	bottom:-1rem;
	left:0;
	right:0;
	margin:auto;
	width:10rem;
	height:0.4rem;
	background-color: #14599f;
}
#homecatal h3 {
	color:#14599f;
	margin-bottom:1rem;
}

#accueil-catalogue h3.post-title,
.catalogue h3.post-title {
	display:none;
}
.catalogue .film,
#accueil-catalogue .film {
	width:12.5%;
	float:none;
	position:relative;
	display:inline-block;
	padding:0;
	margin:0;
}
.catalogue .film figure,
#accueil-catalogue .film figure {
	width:90%;
	margin:0;
	padding:.3em;
	text-align: center;
}
.catalogue .film figure a.lientxt,
#accueil-catalogue .film figure a.lientxt {
	color:#333;
	text-decoration:none;
	text-transform: uppercase;
	position:relative;
	display: block;
}
/* .catalogue .film figure a.lientxt img,
#accueil-catalogue .film figure a.lientxt img {
	border: 1px solid transparent;
	transition: all .2s ease-in;
} */
.catalogue .film figure a.lientxt p,
#accueil-catalogue .film figure a.lientxt p {
	position: absolute;
	text-align: center;
	width: 100%;
	padding: .5rem;
	font-weight: bold;
	color: #14599F;
	font-size: 1.4rem;
	transition: all .2s ease-in;
}
.catalogue .film figure a.lientxt:hover p,
.catalogue .film figure a.lientxt:focus p,
#accueil-catalogue .film figure a.lientxt:hover p,
#accueil-catalogue .film figure a.lientxt:focus p {
	color: #333;
}
/* .catalogue .film figure a.lienaff,
#accueil-catalogue .film figure a {
	background-color: #14599f;
	display:block;
} */
.catalogue .film figure a.lientxt img,
#accueil-catalogue .film figure a.lientxt img {
	opacity: .7;
	border:1px solid #bdbec1;
	transition: opacity .2s ease-in;
}
.catalogue .film figure a.lienaff img,
#accueil-catalogue .film figure a.lienaff img {
	opacity: 1;
	transition: opacity .2s ease-in;
}
.catalogue .film figure a:hover img,
.catalogue .film figure a:focus img,
#accueil-catalogue .film figure a:hover img,
#accueil-catalogue .film figure a:focus img {
	opacity: 0.5;
}



/* widgets sociaux sur la home */
.fb-page,
.fb-page iframe[style],
.fb-page span {
   width: 100% !important;
   max-width: 100% !important;
   background-color: #fff !important;
}
#accueil-social #widget-instagram .contenu iframe[style],
#accueil-social #widget-twitter .contenu iframe[style] {
	min-height:378px;
}
#accueil-social .contenu  {
	max-height: 585px;
}
#accueil-social .contenu > h3 {
	width:100%;
	height:10rem;
	background-color: #ffffff;
	border-bottom: 1px solid #dfe0e4;
	padding:2.4rem 2rem;
	text-transform: uppercase;
	font-size:1.4rem;
}
#fbwidget {
	margin-top: 3rem;
}
#widget-facebook h3 {
	position: absolute;
	width: auto !important;
	top: 1px;
	z-index: 100;
	right: 1.1rem;
	left: 1.1rem;
}
#accueil-social .contenu > h3:before {
	content: '';
	display:inline-block;
	vertical-align: middle;
	width:50px;
	height:50px;
	background-image: url(images/sprite-titre-social.png);
	background-repeat: no-repeat;
	margin-right:1.4rem;
}
#widget-facebook h3:before {
	background-position: 0 0;
}
#widget-twitter h3:before {
	background-position: -52px 0;
}
#widget-instagram h3:before {
	background-position: -104px 0;
}
#accueil-social .contenu .btn-social {
	text-align: right;
}
#accueil-social .contenu .btn-social a {
	text-transform: uppercase;
	display:inline-block;
	font-size: 1.15rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	text-decoration: none;
	border:1px solid #fff;
	padding:1.2rem;
	margin:3rem 2rem 1rem;
	transition: all .2s ease-in;
}
#accueil-social #widget-facebook .contenu .btn-social a,
#accueil-social #widget-facebook .contenu .btn-social a:visited {
	color:#14599f;
	border-color: #14599f;
}
#accueil-social #widget-twitter .contenu .btn-social a,
#accueil-social #widget-twitter .contenu .btn-social a:visited {
	color:#5ea9dd;
	border-color: #5ea9dd;
}
#accueil-social #widget-instagram .contenu .btn-social a,
#accueil-social #widget-instagram .contenu .btn-social a:visited {
	color:#517fa4;
	border-color: #517fa4;
}
#accueil-social #widget-facebook .contenu .btn-social a:hover,
#accueil-social #widget-facebook .contenu .btn-social a:focus {
	color:#fff;
	background-color: #14599f;
}
#accueil-social #widget-twitter .contenu .btn-social a:hover,
#accueil-social #widget-twitter .contenu .btn-social a:focus {
	color:#fff;
	background-color: #5ea9dd;
}
#accueil-social #widget-instagram .contenu .btn-social a:hover,
#accueil-social #widget-instagram .contenu .btn-social a:focus {
	color:#fff;
	background-color: #517fa4;
}

/* remontée des actus sur l'accueil */
#accueil-actus .actualite,
#accueil-social .social {
	padding: 0 1rem;
}
.archive #accueil-actus .actualite,
.single-film #accueil-actus .actualite {
	margin: 1rem 0;
}
#accueil-actus .actualite .contenu,
#accueil-social .social .contenu {
	background-color:#ffffff;
	padding: 0 0 2rem;
	border: 1px solid #dfe0e4;
}
 #accueil-actus .actualite .contenu {
	height: 74rem;
}
#accueil-actus .actualite a.lien-article {
	display:block;
	text-decoration: none;
}

#accueil-actus .actualite h3 {
	margin:3.6rem 2.1rem 0;
	font-size:2rem;
	text-transform: uppercase;
	color:#282828;
}
#accueil-actus .actualite h3 span {
	border-bottom: 1px solid transparent;
	text-decoration: none;
	transition: all .2s ease-in;
}
#accueil-actus .actualite a.lien-article:hover h3 span,
#accueil-actus .actualite a.lien-article:focus h3 span {
	color:#14599f;
	border-color:#14599f;
}
#accueil-actus .actualite p {
	margin:2.7rem 2.1rem 2rem;
	font-size: 1.4rem;
	color:#777777;
}
#accueil-actus .actualite .addtoany_shortcode {
	position: absolute;
	margin:0;
	bottom:2rem;
	left:3rem;
}

#accueil-actus figure {
	width:100%;
	margin:0;
	overflow-y: hidden;
	position:relative;
    padding-bottom: 135%;
	background-color: #14599f;
}
#accueil-actus a.lien-article figure img {
	position:absolute;
	transition: all .2s ease-in;
}
#accueil-actus a.lien-article:hover figure img,
#accueil-actus a.lien-article:focus figure img {
	opacity: 0.6;
}

.btn-all {
	text-align: center;
}
.btn-all a,
.btn-all a:visited {
	text-transform: uppercase;
	display:inline-block;
	font-size: 1.68rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	/* font-family: 'Montserrat-SemiBold', sans-serif; */
	text-decoration: none;
	color: #14599f;
	border:1px solid #14599f;
	padding:2rem;
	margin:5rem auto;
	transition: all .2s ease-in;
}
.btn-all a:hover,
.btn-all a:focus {
	color: #333;
	border-color: #333;
}



/* bloc actu sur la page des archives actu */
.post-type-archive-actualite #homeactus {
	padding: 9rem 0 8rem;
}



/* formulaire profil newsletter */
.newsletter table td {
	padding:.3rem;
}
.newsletter .newsletter-submit {
	background-color: #14599F;
	padding: .5rem 1rem;
	color: #fff;
	border: 1px solid #999;
	transition: all .2s ease-in;
}
.newsletter .newsletter-submit:hover,
.newsletter .newsletter-submit:focus {
	background-color: #fff;
	color: #14599F;
}
.newsletter a {
	color: #14599F;
}


/* lien de partage add-to-any */
.a2a_menu a {
	color:#14599F !important;
	font-family:'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.4rem !important;
}
.a2a_menu .a2a_svg {
	border-radius:0 !important;
}


/* FORMAT TABLETTE */
@media all and (max-width: 1200px){
	#accueil-abo form input[type='submit'] {
	/*margin-left: inherit !important;
	width:inherit !important;*/
	}
}
@media all and (max-width: 990px) {

	html {
		font-size:57%;
	}

	#accueil-abo h2 span {
		font-size: 4rem;
	}
	#accueil-abo form {
    height: inherit;
	}

	
	
} /*end media queries tablette (990px) */


/* FORMAT INTERMEDIAIRE MEDIUM */

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

	html {
		font-size:54%;
	}

	#homeabo {
		margin-top:6em;
	}

	#accueil-abo h2,
	#accueil-abo h2 span {
		font-size: 3.4rem;
		margin-bottom: 1.4rem;
	}
	#homeabo h2::after {
		bottom:-1.5rem;
	}
	#accueil-abo h2 br {
		display:none;
	}
	#accueil-abo h3 {
		margin-top:1.3rem;
	}
	#accueil-abo form {
		width: 80%
	}

	.home #accueil-actus div.actualite:last-child {
		display:none;
	}

	/* taille des affiche catalogue */
	.catalogue .film,
	#accueil-catalogue .film {
		width:20%;
	}


} /*end media queries medium (768px) */


/* FORMAT MOBILE */

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

	/* taille des polices par défaut */
	html {
		font-size:50%;
	}

	/* header */
	.site-header nav#navdefault,
	.site-header .top-header #searchbar,
	.site-header .top-header .social-links {
		display:none;
	}
	.site-header .searchlink,
	.site-header .burger {
		display:table-cell;
		text-align: right;
		padding: 1rem;
		vertical-align: middle;
	}
	.site-header .searchlink {
		width:80%;
	}
	.site-header .burger {
		width:10%;
	}
	.site-header .burger button img {
		width: 8rem;
		height:auto;
	}
	.site-header nav#navmob,
	.site-header nav#searchmob {
		/* display:block; */
		background: rgba(20,89,159,.95);
	}
	.site-header nav#navmob ul:first-child li {
		display:block;
		margin: .5rem 0 .5rem;
		font-size:2rem;
	}
	.site-header nav#navmob ul:first-child li a {
		display: inline-block;
		padding-bottom: .8rem;
	}
	.site-header nav#navmob ul:first-child li a:hover,
	.site-header nav#navmob ul:first-child li a:focus,
	.site-header nav#navmob ul:first-child li a.active {
		border-bottom:.3rem solid #fff;
		padding-bottom: .5rem;
	}
	.site-header nav#navmob ul.social-links {
		margin:2rem 1rem;
	}
	.site-header nav#navmob ul.social-links li {
		display: inline-block;
	}
	.site-header nav#searchmob #searchbar {
		text-align: center;
		margin:1rem 1rem 2rem;
	}
	.site-header nav#searchmob #searchbar input#s{
		width:80%;
		font-size: 2rem;
	}

	.post-type-archive-actualite #homeactus {
	    padding: 4rem 0 5rem;
	}
	.archive #accueil-actus .actualite .contenu {
		height: 74rem;
	}
	.archive #accueil-actus .actualite h3 {
		font-size:1.6rem;
	}


	.archive #homecatal,
	.search #homecatal,
	.page #page-content {
		padding: 4rem 2rem 8rem;
	}

	/* taille des affiche catalogue */
	.catalogue .film,
	#accueil-catalogue .film {
		width:25%;
	}

	#homeabo {
		margin-top:7em;
	}
	#accueil-abo {
		padding: 2em 1em 3em 1em;
	}


} /*end media queries mobile */


/* FORMAT MOBILE MINI */

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

	#accueil-actus div.col-medium-6 {
		width:100% !important;
	}
	.home #accueil-actus div.actualite:nth-child(2) {
		display:none;
	}
	.archive #accueil-actus .actualite .contenu {
		height: 74rem;
	}

	/* taille des affiche catalogue */
	.catalogue .film,
	#accueil-catalogue .film {
		width:33.33%;
	}


} /*end media queries mini mobile */