/*
Theme Name: Proposrt
Description: Thème pour Prosport
Version: 1.0
Author: Newave Web (Antoine)
Author URI: http://newave.be;
Tags: none
*/

/*CSS GLOBAL

THEME POUR LE SITE PROSPORT

THEME DE BASE: TWENTYSEVENTEEN DE WORDPRESS, TOUT MIS À 0 ET
RECRÉÉ AVEC BOOTSTRAP

*/

@font-face{
	font-family: "AvenirNext-Regular";
	src: url("./assets/fonts/AvenirNextLTPro-Regular.woff");
}
@font-face{
	font-family: "AvenirNext-Light";
	src: url("./assets/fonts/AvenirNextLTPro-UltLtCn.woff");
}
@import url('https://fonts.googleapis.com/css?family=Roboto');

.container{
	padding: 0px;
}

body{
	font-family: "AvenirNext-Regular", "Roboto Light";
}

header{
	margin-top: 50px;
}

a:link{
	text-decoration: none;
	color: #82827f;
}

h1{
	color: #82827f;
	text-transform: uppercase;
	font-size: 2.4em;
	line-height: 1em;
}

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

.navbar-fixed-top{
	background-color: #fff;
	margin-bottom: 50px;
}

header #logo{
	text-align: center;
}

header #titre{
	margin-top: 30px;
}

header #topnav{
	margin-top: 20px;
}

header .lang{
	text-align: right;
}
header .lang a{
	color: #d9cac8;
}

header .lang ul li.active a{
	color: #82827f;
}

header .lang ul li a:hover{
	color: #9d4c94;
}

header #nav{
	text-align: right;
}

header #nav ul li a{
	color: #82827f;
	text-transform: uppercase;
	padding: 10px 0px 10px 15px;
}

header #nav ul li a:hover{
	color: #9d4c94;
}

header #nav ul li .glyphicon{
	color: #9d4c94;
}
header #nav ul li.active a{
	color: #143156;
}

header #topnav .social img:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}


/* Modif navbar Bootstrap */

.navbar-default {
	background-image: none;
	background-color: #fff;
	border: none;
	box-shadow: none;
}

.navbar-collapse{
	padding: 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	background-image: none;
	background-color: #fff;
	border: none;
	box-shadow: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color: #fff;
}
/* ----- Fin Modif Navbar ----- */

.form-control{
	border-radius: 0px;
}

header .billeterie{
	text-align: right;
	margin-top: 10px;
}

header .billeterie .btn-purple{
	width: 150px;
	height: 40px;
	background-color: #9d4c94;
	color: #fff;
	font-size: 1.3em;
	/*	box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.5);
        -moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.5);
        -webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.5);*/
	-webkit-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
}

header .billeterie .btn-purple:hover{
	background-color: rgb(146, 30, 133);

}

header .searchbar {
	margin-top: 10px
}

#sousheader img{
	width: 100%;
	height: 20px;
	margin-top: 20px;
}

footer{
	text-align: center;
	margin-top: 50px;
	color: #81827f;
}

.wow {
	visibility: hidden;
}


/* FIN GLOBAL CSS
_____________________________________

DEBUT CSS HOME */


#slider{
	padding: 0px;
}

#slider h1{
	position: absolute;
	z-index: 1;
	color: #fff;
}

.news {
	position: absolute;
	left: 1500px;
	z-index: 99;
	color: white;
	height: 30px;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.5em;
	animation: slide 30s forwards;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	/* empeche la cassure des mot pour le message du nouveau site */
	white-space: nowrap;
	/* pour ameliorer laffichage il faut moddifier les keyframes ligne : 248 et 251, mais ces keyframes sont utilisés autre part */
}
.news a {
	margin-right: 250px;
}
#partenaires_home {
	height: 200px;
	overflow: hidden;
}
#partenaires_home .item_container{
	position: relative;
	/*left: 100%;*/
	color: white;
	/*width: 100%;*/
	/*overflow: hidden;*/
	/* Remplacé par jquery dans footer.php
	animation: slide 20s forwards;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;*/
	white-space: nowrap;
	/*margin-top: -40px;*/
	display: inline-block;
}

@-webkit-keyframes slide {
	100% { left: -1500px; }
}
@keyframes slide {
	100% { left: -1500px; }
}

.footer_item{
	float: left;
	/* Empeche le tremblement des photos dans le footer */
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);

}

.footer_item a{
	clear: both;
}

.news a {
	color: white;
}

#slider img{
	width: 100%;
}
#slider>.row>div {
	padding: 0;
}
#custom-bootstrap-carousel{
	height: 595px;
	overflow: hidden;
}
header.container>.row>div{
	padding: 0;
}

#photos #custom-bootstrap-carousel{
	height: 235px;
	overflow: hidden;
}

#custom-bootstrap-carousel .carousel-caption{
	padding: 170px 110px 50px;
	font-size: 4em;
}

.box{
	height: 405px;
}
#boxes{
	text-align: center;
	padding: 0px 100px 100px 100px;
	background: url("assets/images/fond.jpg") no-repeat center top;
	background-size: 100%;
	margin-top:-101px;
	margin-bottom: 20px;
}
/*
#boxes h4{
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding: 40px;
	position: relative;
	z-index: 1;
	-webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    font-size: 21px;
    margin: 0;
	height: 100px;
}
*/
#boxes h4{
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	padding:  0px 40px;
	position: relative;
	display: inline-block;
	margin: auto;
	z-index: 1;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	font-size: 21px;

}
/*
#boxes .box:hover h4{
	background-color: rgba(130, 130, 130, 0.6);
}
*/
#boxes .box:hover span {
	background-color: rgba(130, 130, 130, 0.6);
	transition: background-color 500ms linear;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;


}
#boxes img{
	width: 100%;
	height: 300px;
	text-align: center;
	margin-top: -112px;
	-webkit-transition: filter 500ms linear;
	-ms-transition: filter 500ms linear;
	transition: filter 500ms linear;
}

#boxes .box:hover img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

#boxes .caption  {
	height: 70px;
}

#boxes .caption p {
	padding: 15px 30px;
	text-align: left;
	background-color: white;
	margin: 0;
	color: #82827f;
	-webkit-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
}

#boxes h5{
	padding: 10px 0px 0px 30px;
	text-align: left;
	background-color: white;
	margin: 0;
	color: #82827f;
	-webkit-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
	font-family: "AvenirNext-Light";
	font-size: 1.4em;
}

#boxes .box:hover p{
	/*color: lightgrey;*/
}

#boxes .box:hover h5{
	/*color: lightgrey;*/
}

#boxes .btn{
	border-radius: 0px;
	z-index: 10;
	position: relative;
}

#boxes .box .lire:hover a{
	background-color: #dddddd;
}

#boxes a {
	text-decoration: none;
	color: #fff;
	/*padding: 7px 0px 11px 20px;*/
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}


#boxes .lire {
	text-align: right;
	margin-bottom: 0;
	padding: 5px 10px;
}

#boxes .box{
	margin-bottom: 30px;
	/*margin-top: -102px;*/
}
#boxes .caption{
	background-color: white;
}
#boxes .lire-container{
	background-color: white;
	background-clip:content-box;

}

.box1{
	background-color: rgba(63, 52, 101, 0.9);
}
.box2{
	background-color: rgba(22, 186, 192, 0.8);
}
.box3{
	background-color: rgba(138, 71, 127, 0.9)
}
.box4{
	background-color: rgba(0, 0, 0, 0.7);
}
.box5{
	background-color: rgba(230, 151, 25, 0.8);
}
.box6{
	background-color: rgba(20, 202, 235, 0.85);
}

.thumbnail {
	margin-bottom: 0px;
	border-radius: 0px;
	border:0px;
	padding: 0px;
	overflow: hidden;
}

#boxes .box .shadow{
	/*-webkit-box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);*/
	/*-moz-box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);*/
	/*box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);*/
	background-color: white;
}

#corps-menu{
	margin-bottom: 20px;
}

#corps-menu .col2{
	border-left: 2px solid #adb7c4;
}

#corps-menu h3{
	margin-top: 0px;
}

#corps-menu ul a{
	color: #000;
}

#corps-menu ul a:hover{
	color: #133156;
	font-weight: bold;
}

#photos{
	text-align: center;
	background-color: #3e3f3f;
	padding: 20px 0px;
}

#photos h3{
	color: #fff;
}

#partenaires_home{
	background-color: #e4e3e2;
	text-align: center;
	padding-bottom: 20px;
}

#partenaires_home h1{
	text-align: left;
	padding: 10px;
}

#partenaires_home img{
	/*width: 200px;*/
	max-height: 100px;
}

/* FIN CSS HOME
_____________________________________

DEBUT CSS PROSPORT */

#intro p{
	background-color: #e5e3e2;
}

#corps img.post_thumbnail{
	width: 100%;
}

#corps .menu ul{
	padding: 0px;
}

#corps ul.menu li:first-child {
	margin-top: 0;
}
#corps ul.menu li {
	background-color: #e5e3e2;
	margin-top: 10px;
}
#corps ul.menu li a {
	padding: 5px;
}

#corps ul.menu li.active,
#corps ul.menu li:hover {
	background-color: #9c4c93;
}
#corps ul.menu li.active .glyphicon,
#corps ul li:hover .glyphicon{
	color: #e5e3e2;
}
#corps ul.menu li.active a,
#corps ul li:hover a{
	color: #fff;
}

#corps ul li a{
	color: #133156;
}

#corps ul li .glyphicon{
	color: #9c4c93;
	margin-right: 5px;
}
#corps .last-events {
	height: 270px;
	position: relative;
}
#corps .event {
	margin: 30px auto;
	text-align: center;
	height: 220px;
	width: 220px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 80px;
}

#corps .event img{
	width: 60%;
}

#corps .event .bubble_title{
	background-color: rgba(63, 52, 101, 0.9);
	color: #fff;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	height: 75px;
}
#corps .event .bubble_title h4{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom:5px;
}

#corps .publications{
	text-align: center;
	margin-top: 15px;
}

#corps .publications .publications_content{
	border: 1px solid #e5e3e2;
}

#corps .publications .publications_content img{
	width: 50%;
	margin-top: 20px;
	/*	-webkit-box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);
        -moz-box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);
        box-shadow: 9px 6px 17px -2px rgba(0,0,0,0.4);*/
}

#corps .publications p{
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}

#corps .publications h4{
	background-color: #e5e3e2;
	color: #133156;
	margin: 0px;
	padding: 10px;
	font-weight: bold
}

#equipe {
	text-align: left;
	background: url("assets/images/_DSC0167 bichro_opacite.png") no-repeat center top;
	margin:20px 0px 20px -15px;
	color: #3e3f3f;
	padding-left: 15px;
}

#equipe .nom{
	color: #133156;
	font-weight: bold;
}

#equipe .membre{
	font-size: 1.2em;
	line-height: 1em;
	padding: 30px;
}

#corps #equipe ul{
	padding: 0px;
}

#corps #equipe ul li{
	background-color: transparent;
	/*padding: 20px 100px 0px 5px;*/
}

#corps #partenaires .panel-heading{
	background-image: none;
	background-color: #e5e3e2;
	border-radius: 0px;
}

#corps #partenaires .panel-heading a{
	color: #133156;
	font-weight: bold;
}

#corps #partenaires .panel{
	border-radius: 0px;
	box-shadow: none;
	border: none;
}
#corps #partenaires .panel .panel-heading:hover{
	background-color: #9c4c93;
}
#corps #partenaires .panel .panel-heading:hover h4 a,
#corps #partenaires .panel .panel-heading:hover h4 span{
	color: white;
}
.panel-group .panel-heading {
	padding: 0;
}
.panel-group .panel-heading a{
	padding: 10px 15px;
	display: block;
}




#corps #partenaires .glyphicon{
	color:#9c4c93;
	font-size: 0.9em;
}

.sidebar .event p{
	text-align: center;
	overflow: hidden;
}

#contact{
	margin: 30px 0px;
}

#contact .col2{
	border-left: 2px solid #adb7c4;
}

#contact h3{
	margin-top: 0px;
	text-align: left;
}

#contact ul a{
	color: #000;
}

#contact ul a:hover{
	color: #133156;
	font-weight: bold;
}

#contactForm{
	padding: 10px;
	background-color: #e4e3e2;
}

.name{
	width:100%;
}

.email {
	width: 100;
}


.event-concert,
.event-bxl{
	display: none;
}
/* FIN CSS PROSPORT
_____________________________________

DEBUT CSS POST */

#post #corps .menu ul{
	padding: 0px;
	margin-top: 50px;
}

#post #corps .post_thumbnail{
	height: 300px;
	margin-top: 50px;
	text-align: center;
}

#post #corps #main .post_thumbnail img {
	width: auto;
}

#post h1{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: solid #82827f 1px;
}


/* FIN CSS POST
_____________________________________

DEBUT Media QUERIES */

/* 991px à 1200px MD*/
@media only screen and (max-width: 1200px){
	#boxes{
		margin-top: -129px;
	}
}

/* 768px à 992px SM*/
@media only screen and (max-width: 992px){
	#corps-menu{
		display: none;
	}
	#contact .col1, .col2{
		display: none;
	}
	#boxes{
		padding: 70px;
		background-image: none;
		margin-top: -199px;
	}
	#equipe{
		background-image: none;
	}
	#corps .event {
		display: none
	}
	#corps p {
		padding: 20px 0px 0px 0px;
		text-align: justify;
	}
	#corps ul {
		padding: 0px;
	}
}

/* 576px à 768px XS*/
@media only screen and (max-width: 768px){
	#boxes{
		padding: 70px;
		background-image: none;
		margin-top: -40px
	}
}

/* En dessous de 576px XXS */
@media only screen and (max-width: 576px){
	#boxes{
		padding: 50px;
	}
}

#intro {
	margin-top: 15px;
	margin-bottom: 15px;
}
#intro p {
	padding: 5px;
}

/* Fin Media QUERIES */



#article_desc img.post_thumbnail{
	height: 360px;
	overflow: hidden;
	object-fit: cover;
}
article .content{
	margin-top: 15px;
}
#article_desc p{
	margin-top: 5px;
}


.bg-yellow { background-color: rgba(234,146,0, 1);}
h4.bg-yellow, .caption.bg-yellow  { background-color: rgba(234,146,0, 0.85);}

.bg-blue{ background-color: rgba(0,158,224,1);}
h4.bg-blue, .caption.bg-blue { background-color: rgba(0,158,224,0.85);}

.bg-green{ background-color: rgba(38, 177, 191, 1);}
h4.bg-green, .caption.bg-green { background-color: rgba(38, 177, 191, 0.85);}

.bg-purple{ background-color: rgba(157,76,148,1);}
h4.bg-purple, .caption.bg-purple { background-color: rgba(157,76,148,0.85);}

.bg-prosport{ background-color: rgba(51,51,103,1);}
h4.bg-prosport, .caption.bg-prosport { background-color: rgba(51,51,103,0.85);}

.bg-black{ background-color: rgba(63,63,63,1);}
h4.bg-black, .caption.bg-black { background-color: rgba(63,63,63,0.85);}

.bg-grey{
	background-color: rgba(229, 227, 226, 1);
}

.agenda-filters{
	margin-top: 30px;
	margin-bottom: 30px;
}
.agenda-filters div{
	text-align: center;
	font-weight: bold;
	color: white;
}
.agenda-filters div a {
	padding: 8px;

}

.agenda-filters a{
	color: white;
}

.agenda-filters .bg-grey a{
	color: rgb(130, 130, 127);
}

.agenda-list .thumbnail img {
	height: 350px;
	object-fit: cover;
	width: 100%;
}

.agenda-list .caption.title {
	height: 103px;
	position: relative;
	z-index: 99;
}

.agenda-list .caption p {
	color: rgb(130, 130, 127);
}

.agenda-list img{
	margin-top: -103px;
	position: relative;
	z-index: 0
}

.agenda-list h3,
.agenda-list h4{
	color: white;
}

.agenda-list p{
	color: white;
}
.agenda-list li {
	margin-bottom: 30px;
}
.agenda-list .plus-infos{
	padding: 5px 10px;
}


.nav.navbar-nav.navbar-right{
	margin-right: 0;
}
#article_desc div p>*{
	vertical-align: middle;
}

.metadata div{
	margin-top: 15px;
	margin-bottom: 15px;
}

#publication_desc .img-container{
	object-fit: cover;
}

.article_thumb>img{
	object-fit: cover;
	width: 100%;
	height: 350px;
}

.infos_event{

}

.fancybox-slide>*{
	padding: 0!important;
}
.infos_event article{
	/*margin: 0 15px 15px 15px;*/
}
.infos_event article header{
	margin-top: 0;
	color: white;
	font-weight: bold;
}
.infos_event header div {
	background-clip: content-box;
	margin-top: 15px;
}
.infos {
	overflow: hidden;
}
.infos>.row{
	padding: 0 15px 15px 15px;
}
.infos>.row.row-big{
	border-bottom: solid #333 1px;
	margin: 15px;
	padding: 15px 0;
}
.infos>.row.row-big:last-child{
	border: none;
}

.ticket-block{
	color: rgb(219, 10, 91);
	margin-top: 15px;
}

.infos_event h3{
	margin-top: 0;
}

.infos_event header h4,
.infos_event header h3{
	padding-left: 15px;
}

.img-plan{
	height: 350px;
	overflow: hidden;
	object-fit: cover;
}



.fancybox-slide--iframe .fancybox-content {
	width  : 1000px;
	/*height : 600px;*/
	max-width  : 80%;
	max-height : 80%;
	margin: 0;
}

.fancybox-slide--iframe html {
	margin-top :0!important;
}

a.link_classic{
	text-decoration: underline;
}

#copyright_block{
	margin: 24px 0 5px 0;
	font-size: 12px;
}


.sidebar .menu a{
	color: inherit;
}
.sidebar .menu a:hover{
	color: white;
}

.sidebar .menu a li{
	margin-bottom: 10px;
}

.sidebar .menu li a{
	display: block;
}

.agenda-filters a {
	display: block;
}

.prev.page-numbers,
.next.page-numbers{
	display: none;
}

.navigation.pagination h2{
	display: none;
}
.entry-summary .link-more{
	display: none;
}
.entry-header{
	margin-top: 25px;
	margin-bottom: 10px;
}
h2.entry-title{
	margin-top: 5px;
}
.carousel-indicators {
	bottom: 10%;
}

@media (min-width: 1000px) and (max-width: 1199px) {
	#custom-bootstrap-carousel {
		height: 500px;
	}
}

@media (max-width: 999px) {
	#custom-bootstrap-carousel .carousel-caption {
		padding: 99px 50px 50px;
		font-size: 3em;
	}
	#custom-bootstrap-carousel {
		height: 363px;
	}
}

@media (max-width: 991px) {

	#custom-bootstrap-carousel {
		margin-bottom:  50px;
	}
}
@media (max-width: 768px) {

	.row {
		margin: 0px;
	}
}
@media (min-width:651px) and (max-width: 700px) {
	#custom-bootstrap-carousel {
		height: 355pxpx;
	}
}
@media (min-width: 601px) and (max-width: 650px) {
	#custom-bootstrap-carousel {
		height: 320px;
	}
}

@media (max-width: 600px) {
	#custom-bootstrap-carousel {
		height: 250px;
	}
	.carousel-caption{
		font-size: 2em;
	}
}


@media (max-width: 480px) {
	/*.displayNoneMobile{
		display: none;
	}
	*/
	#custom-bootstrap-carousel {
		height: 200px;
	}
}

@media (max-width: 300px) {
	#custom-bootstrap-carousel .carousel-caption{
		font-size: 1em;
	}
	#custom-bootstrap-carousel {
		height: 155px;
	}

}

.plus-infos-publications{
	padding: 5px 25px;
	margin-top: 10px;
	color: #fff;
}


.publications-list{
	min-height: 600px;
}

.publication-titre{
	padding: 0;
	height: 70px;
	display: flex;
}

.publication-titre h4{
	display: inline-block;
	margin: auto;
}