/*
Theme Name: Festival Bach de Lausanne 2026
Theme URI: https://festivalbach.ch/
Description: Theme for Festival Bach de Lausanne
Author: Audrey Devantay, About Blank Design Office
Version: 2.0
*/


/************************************************************************************************************
*
* Wordpress Structure
*
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%;  height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 632px !important; padding: 4px; text-align: center; }
.wp-caption img { margin: 5px 5px 0; }
.wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }

/***********************************************************************************************
* Reset
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
audio, video{ background: transparent; margin: 0; padding: 0;	border: 0; font-size: 100%; font: inherit;	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; overflow-y: scroll;}
ol, ul { list-style: none; }
blockquote, q{	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{	content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; font-weight: normal; }

/************************************************************************************************************
*
* General Structure
*
*/

em{
	font-style: italic;
}

body{
	background: url("images/bg20132.jpg") no-repeat scroll -170px 0px #e30030;
	-webkit-font-smoothing: always;
	text-rendering: optimizeLegibility;
}

sup{
	font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: top;
}

.big sup{
    text-transform: lowercase;
    font-size: 20px;
}

.header_wrapper p.big{
    font-size: 30px !important;
    line-height: 120%;
    font-weight: normal;
    margin-top: -5px;
}

#page{
    max-width: 1000px;
    width: 100%;
	margin: auto auto;
	font-family: arial, helvetica, sans-serif;
	position: relative;
	letter-spacing: 1px;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner, #cmplz-cookiebanner-container .cmplz-cookiebanner p,
#cmplz-cookiebanner-container .cmplz-btn{
    font-family: arial, helvetica, sans-serif;
    font-size: 14px !important;
}

#page_wrapper{
    padding: 0 25px;
	max-width: 1000px;
    width: calc(100% - 50px);
	display: block;/*if you want the splash put display none*/
	position: absolute;
	top: 0;
	left: 0;
}

#splash{
	position: absolute;
	top: 0;
	left: 0;
	/* background: url(images/splash.png) repeat-y 0 0; */
	width: 950px;
	min-height: 788px;
 	display: none; /*if you want the splash put display:block;*/
	overflow: hidden;
}

#splash_1, #splash_2, #splash_3{
	position: absolute;
}

#splash_1{
	top: -400px;
	left: 0px;
}

#splash_2{
	top: 0px;
	right: -950px;
}

#splash_3{
	top: 610px;
	left: -950px;
}

#header{
	position: relative;
    z-index: 1000;
}

#header .date{
	position: absolute;
	left: 260px;
	top:-2px;
	background: url(images/date.svg) no-repeat;
	height: 74px;
	width: 127px;
}


#header .title_festival{
	position: absolute;
	right: 0;
	top:1px;
	background: url(images/baseline.png) no-repeat;
	height: 44px;
	width: 172px;
}

#header .da, #header .subtitle_festival{
	color: white;
	right: 20px;
	top: 33px;
	font-size: 15.5px;
	position: absolute;
	font-weight: bold;
	letter-spacing: 0;
}

#header .da{
	top: 63px;
	font-size: 11px;
}

#header .subtitle_festival{
	color: #470B17;
	width: 530px;
	line-height: 110%;
	text-align: right;
}

/* Logo partenaire */
#logos{
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
	font-size: 11.5px;
	line-height: 130%;
	margin-bottom: 10px;
	margin-top: 60px;
}

#logo{
    width: 157px;
}

#logos a{
	text-decoration: none;
	display: block;
	color: white;
	clear: both;
	overflow: hidden;
}

#face{
	position: absolute;
	right: 40px;
    top: 460px;
}

#logo{
	margin: 10px 0 20px 0;
	display: block;
}

.logo img{
	float: left;
}

.logo span{
	display: inline-block;
    float: left;
    margin-left: 10px;
    vertical-align: 21px;
	margin-top: 10px;
	font-size: 10px;
	margin-bottom: 10px;
	line-height: 120%;
}

.logo_espace-2 img{
	width: 100px;
}

.content_wrapper{
	background: url(images/30.png) repeat;
	padding: 15px 20px;
	color: white;
	margin-bottom: 10px;
}

.page-id-4700 .content_wrapper{
	background: transparent;
}

#cic_img{
	padding: 10px 0;
}

#cult_img{
	padding: 16px 0;
}

.postid-797 .logo img,
.postid-1263 .logo img{
	float: none;
}

.postid-797 .logo span,
.postid-1263 .logo span{
	display: block;
	float: none;
}

.logo-harmoniques span{
	margin-top: 39px;
}

.concert-cathedrale span{
	margin-left: 0;
}

.concert-cathedrale img{
	max-width: 50px;
}

.cath-logo{
	margin-left: 10px;
	max-width: 30px !important;
}

#leenaards_img{
	margin-bottom: 30px;
}

#leenaards_img span{
	margin-top: 14px;
}

/*
.sub_menu li{
	background: url(images/30.png) repeat;
	margin-bottom: 10px;
}
*/

.sub_menu li:hover a{
	color: #F7F7F7;
}

.header_wrapper{
	padding: 15px 20px;
}

.col_1{
	width: 75%;
	float: left;
	position: relative;
}

.col_wide{
	width: 100%;
}

.col_2{
	float: right;
	width: 22%;
}

.col_2 .content_wrapper h3{
	margin-bottom: 20px;
}

/*
.col_2 .content_wrapper{
	min-height: 295px;
}
*/

.col_2 .sub_menu{
	min-height: 360px;
}

.video, .video iframe{
    width: 100% !important;
}

.m-t-5{
    margin-top: 10px;
}
/************************************************************************************************************
*
* Navigation
*
*/

/* menu-nav */
.menu-menu-container{
}

.menu{
	text-align: left;
	margin-bottom: 9px;
}

.menu-item{
	display: inline-block;
	margin: 0;
	position: relative;
	text-align: right;
	overflow: visible;
	padding:10px 10px;
	border-radius: 3px;
}

.menu-item:hover{
	background-color: #e30030;
}

.menu-item a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.menu-item a:hover, .current-menu-item a, .menu-item:hover a, .current-page-ancestor a, .current-menu-ancestor a, .current-menu-parent a, .current-page-parent a, .current_page_parent a{
	color: #6dc8bf;
}

.menu-item .sub-menu{
	display: none;
	padding: 10px 0px;
	background-color: #5b1121;
	position: absolute;
	top: 98%;
	left: 0;
	z-index: 100;
	border: 1px solid #e30030;
	min-width: 179px;
	border-radius: 3px;
}

.menu-item:hover .sub-menu{
	display: block;
}

.menu-item .sub-menu .menu-item{
	padding: 0;
	text-align: left;
	display: block;
	margin: 0;
}

.menu-item .sub-menu .menu-item:hover{
	background-color: none;
}

.menu-item .sub-menu .menu-item a{
	font-size: 11px;
	font-weight: normal;
	color: #F7F7F7;
	padding: 0 20px;
	display: block;
}

.menu-item .sub-menu .menu-item a:hover{
}

/***********************************************************************************************
* Video responsive
*/

.fluid-width-video-wrapper {
   padding: 0;
   position: relative;
   width: 100%;
   padding-top: 4.555%;
}

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


/************************************************************************************************************
*
* Texte
*
*/

h2, .title_h2, h5{
	color: #6dc8bf;
	text-transform: uppercase;
	font-weight: bold;
}

p, .paragraph, li, .paragraph_color, .post-edit-link, #opera a, .home .post .paragraph, td{
	font-size: 14px;
	line-height: 130%;
	color: #F7F7F7;
}

.page-id-96 p, .page-id-96 .post_content span,
.page-id-56 p, .page-id-56 .post_content span{
	font-size: 16px !important;
}

.page-id-1301 table img, .page-id-1304 table img{
	display: block;
}

.page-id-1301 table, .page-id-1304 table{
	width: 100%;
}

.page-id-1301 table td, .page-id-1304 table td{
	width: 25%;
}
/*
.home .post .color{
	font-size: 14px;
	line-height: 130%;
}

.home div.post .color{
	font-size: 14px;
}
*/

.home .post .paragraph{
	font-weight: normal;
	margin-bottom: 10px;
}

.post-img.post{
    background: none !important;
}

.p_edit_link{
	text-align: right;
}

p, .paragraph, ul{
	margin-bottom: 15px;
}

table{
	width: 100%;
}

td{
	padding-bottom: 15px;
/* 	width: 50%; */
	vertical-align: top;
}
/*.post_content p, .post_content .paragraph, h3*/
.post_content p, h3{
	font-weight: bold;
	text-decoration: none !important;
}

h5{
	margin-top: 30px;
	font-weight: normal;
}

h3{
	margin-bottom: 20px;
}

.paragraph_color, .link{
	color: #6dc8bf;
}

.content_wrapper h2{
	font-weight: normal;
}

.content_wrapper h2, .content_wrapper h5, .home .post .title_h2{
	font-size: 21px;
}

.col_1 ul{
	padding-left: 15px;
}

.col_1 li{
	list-style: disc outside;
}

.col_1 a{
	color: #F7F7F7;
	text-decoration: none;
}

.col_1 a:hover{
	color: #6DC8BF;
}

.post .paragraph, h3, div.post p{
	font-size: 14px;
}

div.post p, a.post-podcast p{
	padding: 0px 20px;
}

.post .paragraph_color{
	margin-bottom: 25px;
}

strong{
	font-weight: bold;
}

.header_wrapper p, .notification p{
	margin-bottom: 0;
	font-weight: bold;
	font-size: 17px;
}

.header_wrapper h2 p{
	margin-top: 5px;
	text-transform: none;
}

.header_wrapper h2, .notification h2{
	font-size: 21px;
}

.header_wrapper h2 .big{
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
    text-transform: none !important;
    line-height: 120%;
}

.notification{
	margin: 30px 0;
}

.content_wrapper h2, .content_wrapper h5, .home .post .title_h2{
	text-transform: none;
	color: white;
	margin-bottom: 20px;
	line-height: 130%;
}
.home .post .title_h2 {
	text-transform: uppercase;
	margin-bottom:0;
	color: #6dc8bf;
}

.home_post .title_h2{
	font-size: 21px;
	text-decoration: none;
}

#sidebar h2{
	font-size: 17px;
	margin-bottom: 0px;
	width: 60%;
}

.content_wrapper h3{
	font-size: 14px;
	margin-bottom: 4px;
}

.content_wrapper h4{
	text-decoration: underline;
	margin-bottom: 20px;
	font-size: 14px;
}

.post, .content_wrapper, .col_1 .sub-menu{
	border-radius: 3px;
}

/***********************************************************************************************
* Footer
*/

#footer{
	margin-top: 20px;
    padding-top: 60px;
}

#copy{
	text-align: center;
	color: black;
	text-decoration: none;
	font-size: 10px !important;
}

#copy a{
	color: black;
	text-decoration: none;
	font-size: 10px;
}

#copy a:hover{
	color: white;
}

/************************************************************************************************************
*
* Home
*
*/
#fadder_home{
	position: relative;
	width: 950px;
/*
	height: 490px;
*/
}

.home_post{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-decoration: none;
	height: 490px;
}

.home_post .post_content{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 30px 10px 30px;
	background: url(images/70.png) repeat;
	width: 890px;
}
/*

#home_post_0{
	display: block;
}
*/

.home_post .post, .home_post .post:hover{
	min-height: 424px;
}

#post_small, #post_big{
	margin-top: 20px;
	padding-top: 0;
}

#post_small:hover span.paragraph, #post_big:hover span.paragraph,
#post_small:hover .title_h2, #post_big:hover .title_h2{
	color: #6DC8BF !important;
}

#post_small:hover .more, #post_big:hover .more{
	color: white !important;
}

#post_small{
	width: 305px;
	float: left;
}

#post_small .post_content{
	width: 265px;
}

#post_big{
	width: 630px;
	float: right;
}


#post_big .post_content{
	width: 590px;
}

#post_big, #post_small{
	display: block;
}

#post_big .post_content, #post_small .post_content{
	padding: 15px 20px;
}

.more{
	margin-top: 10px;
}
/***********************************************************************************************
* BIBLIO
*/
.col_2  .content_wrapper_biblio{
	min-height: 100px;
}

.sub_menu li, #biblio li{
	border-bottom: 1px solid #DC1443;
	padding: 5px 0;
}

.sub_menu li a{
	font-size: 13px;
}

.sub_menu li a, #biblio li a{
	color: #6DC8BF;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-transform:  uppercase;
}

.sub_menu li a{
	display: block;
}

.sub_menu li a span{
    /* width: 145px; */
	display: block;
	/* float: right; */
	color: white;
}

.sub_menu li a[href^="#"]{
	cursor: default;
	color: #6dc8bf;
}

#biblio li a{
	width: auto;

}

/***********************************************************************************************
* AGENDA
*/
.page-id-96 br{
	line-height: 90%;
}

/***********************************************************************************************
* Page blanche
*/

.page-id-181 .col_1 .content_wrapper, .page-id-625 .col_1 .content_wrapper,
.page-id-1053 .col_1 .content_wrapper/*
,
.page-id-1728 .col_1 .content_wrapper
*/{
	background-color: white;
	background-image: none;
}

.page-id-1105 .col_1 .content_wrapper,
.page-id-1120 .col_1 .content_wrapper{
	background-color: #e3e0e0;
	background-image: none;
}

.page-id-181 .col_1 .content_wrapper p, .page-id-181 .col_1 .content_wrapper h2, .page-id-181 .col_1 .content_wrapper h3,
.page-id-625 .col_1 .content_wrapper p, .page-id-625 .col_1 .content_wrapper h2, .page-id-625 .col_1 .content_wrapper h3,
.page-id-1053 .col_1 .content_wrapper li, .page-id-1053 .col_1 .content_wrapper p, .page-id-1053 .col_1 .content_wrapper h2, .page-id-1053 .col_1 .content_wrapper h3,
.page-id-1105 .col_1 .content_wrapper li, .page-id-1105 .col_1 .content_wrapper p, .page-id-1105 .col_1 .content_wrapper h2, .page-id-1105 .col_1 .content_wrapper h3,
.page-id-1105 .col_1 .content_wrapper a, .page-id-1105 .col_1 .content_wrapper h5,
.page-id-1120 .col_1 .content_wrapper li, .page-id-1120 .col_1 .content_wrapper p, .page-id-1120 .col_1 .content_wrapper h2, .page-id-1120 .col_1 .content_wrapper h3,
.page-id-1120 .col_1 .content_wrapper a, .page-id-1105 .col_1 .content_wrapper h5/*
,
.page-id-1728 .col_1 .content_wrapper li, .page-id-1728 .col_1 .content_wrapper p, .page-id-1728 .col_1 .content_wrapper h2, .page-id-1728 .col_1 .content_wrapper h3,
.page-id-1728 .col_1 .content_wrapper a
*/
{
	color: black;
}

.page-id-1728 .col_1 .content_wrapper p, .page-id-1752 .col_1 .content_wrapper p, .page-id-1760 .col_1 .content_wrapper p,
.page-id-1803 .col_1 .content_wrapper p,
.page-id-1804 .col_1 .content_wrapper p{
	text-indent: 40px;
}
/*
.page-id-1728 .col_1 .content_wrapper{
	background-color:  #421C14 !important ;
}*/

.page-id-1803 .col_1 .content_wrapper{
/* 	background-color: rgba(44,68,68,0.5) !important; */
	background-color:  #253829 !important ;
}

.page-id-1804 .col_1 .content_wrapper{
/* 	background-color: rgba(0,62,68,0.6) !important; */
	background-color:  #1E2A44 !important ;
}

.page-id-1053 .col_1 .content_wrapper li li li{
	margin-bottom: 10px;
}

.page-id-1053 .col_1 .content_wrapper li li, .page-id-1053 .col_1 .content_wrapper li li li {
	list-style: none;
}

.page-id-1053 .col_1 .content_wrapper li ul{
	padding-left: 0;
}

.page-id-1105 .col_1 .content_wrapper a:hover,
.page-id-1120 .col_1 .content_wrapper a:hover{
	color: #6DC8BF;
}

.page-id-1105 .col_1 .content_wrapper a,
.page-id-1120 .col_1 .content_wrapper a{
	color: #C4062A;
}

/***********************************************************************************************
* Calendar
*/
.calendar{
	display: none;
	background-color: #000000;
/* 	background: url(images/calendrier.png) no-repeat; */
	border-radius: 3px;
	height: 62px;
	position: relative;
/*
	text-align: center;
	margin: auto auto;
*/
}

.calendar .date{
	float: left;
	margin: 10px 30px 10px;
}


.calendar ul{
	overflow: hidden;

	display: inline-block;
}

.calendar .day_nbr{
	line-height: normal;
}

.calendar .day_nbr a{
	font-weight: normal;
	font-size: 13px;
	color: white;
	display: block;
	width: 25px;
	height: 27px;
	overflow: hidden;
	margin: 0;
	line-height: 27px;
	text-align: center;
	background: url(images/calendrier_button.png) repeat-x;
	padding-left: 1px;
	cursor: pointer;
	text-decoration: none;
}

.calendar .day_nbr span{
	font-weight: normal;
	font-size: 11px;
	color: #4C4C4D;
	margin-top: 5px;
}


.calendar .current{
	background: none #3A998F;

}


.calendar .day_nbr:hover{
	color: black;
}

#day_0{
	left: 54px;
}

#day_1{
	left: 130px;
}

#day_2{
	left: 267px;
}

#day_3{
	left: 463px;
}

#day_4{
	left: 519px;
}

#day_5{
	left: 658px;
}

#day_6{
	left: 683px;
}

#day_7{
	left: 709px;
}

#day_8{
	left: 854px;
}

#day_9{
	left: 880px;
}

#day_10{
	left: 910px;
}


/***********************************************************************************************
* Post
*/
.post{
	background: url(images/30.png) repeat;
	display: block;
	text-decoration: none;
	color: white;
	padding-top: 20px;
	margin-bottom: 20px;
}

.link{
    text-decoration: none;
    margin-bottom: 20px;
    display: inline-block;
}

div.post{
	overflow: hidden;
}

.post_date, .post_content{
	display: block;
	float: left;
}

.post_content{
	width: 410px;
	padding: 0 10px 0 315px;
	position: relative;
}

.post_content span{
	display: block;
}

.post_date{
	width: 180px;
	color: #6dc8bf;
}

.day_nbr{
	font-size: 60px;
	font-weight: bold;
	margin: 6px 0;
}

.date span{
	text-align: center;
	display: block;
}

.arrow{
	display: block;
	width: 22px;
	height: 35px;
	position: absolute;
	right: -20px;
	top: 0px;
	background: url(images/arrow.png) no-repeat top left;
}

a.post:hover{
	background: #5b1121;
}

/*.post:hover , .post:hover .post_content {
	min-height: 220px;
}*/

.first:hover{
	min-height: 100px;
}

.post:hover .arrow{
	background-position: -30px 0;
}

a.post:hover .post_date, a.post:hover .title_h2, a.post:hover .paragraph_color, a.post:hover .paragraph{
	color: white !important;
}

.col_1 .sub-menu{
	height: 30px;
	background-color: #DC1443
}

/************************************************************************************************************
*
* General Class
*
*/

#container{
	border-top: 1px solid #5b1121;
}

.button{
	display: block;
	padding: 5px 20px;
	background-color: #0a758c;
	border: 1px solid #6dc8bf;
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	width: 120px;
	text-align: center;
}

.home .post .bold{
	font-weight: bold !important;
}


.home .post img{
	margin: 10px 0;
}

.left{
	float: left;
}

.clear{
	clear: both;
}

.block{
	display: block;
}

.color{
	color: #6dc8bf;
}

.blue{
	color: #253569;
}

.pink{
	color: #e60044;
}

.gray{
	background-color: #555;
	color: white;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	float: right;
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
    margin-top: 10px !important;
    margin-bottom: 50px !important;
}

.small, #logos_txt a{
	font-size: 11px;
}

.medium{
	font-size: 12px;
}

.large{
	font-size: 17px;
}

/* .col_1 .small,  */.col_1  #logos_txt a{
    padding-right: 150px;
}

.logo{
	margin-right: 2px;
}

.page .col_2{
	margin-top: 51px;
}

.page-id-111 .col_2{
	margin-top: 0;
}

.single #container{
	border-top: 0;
}

/***********************************************************************************************
* Diaporama
*/
#fadder div, #diaporama div{
	position: relative;
}

#slick .legend{
	right: 20px;
}

.legend{
	line-height: 120%;
	font-size: 12px;
	color: white;
	position: absolute;
	bottom: 10px;
	right: 10px;
/* 	text-align: right; */
	background: url(images/30.png) repeat;
	padding: 3px 6px;
	text-align: right;
}

.description{
	font-size: 11px;
	color: white;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: url(images/30.png) repeat;
	padding: 3px 6px;
}

#fadder, #fadder img, #diaporama, #diaporama img, #diaporama .img, #slider{
	border-radius: 0px 0px 3px 3px;
}

#diaporama, #slider{
	position: relative;
	overflow: hidden;
	height: 325px;
	width: 630px;
}


#slick, .slick-list/* carouselTicker, .carouselTicker-container, .bx-wrapper, .bx-viewport */{
	height:325px;
}

.slick-img-big{
    height: 325px;
    max-height: 100%;
    width: auto;
}

#slick{
	width: 630px;
}

.slick_item{
	position: relative;
}

.slick_item img{
	margin: 0 10px 0 0;
}
/*
#carouselTicker img {
	margin:0px;
	display:inline-block
}

#carouselTicker li {
	width: 300px !important;
}

#carouselTicker .img{
	position: relative;
}

#carouselTicker img {
    display: inline-block;
    margin: 0;
}
*/


.slides_item{
	display: none;
}

.slider-container {
	background:#222;
	width:630px;
	height:325px !important;
	padding:0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#diaporama .img{
	position: absolute;
	display: none;
}

.dia_button{
	overflow: hidden;
	text-indent: -10000px;
	background: url(images/dot.png) 0px 0px no-repeat;
	display: inline-block;
	width: 10px;
	height: 20px;
	cursor: pointer;
}

#buttonContainer{
	position: absolute;
	right: 0;
	top: 330px;
}

.dia_button.current, .dia_button:hover{
	background: url("images/dot.png") no-repeat scroll -11px 0px transparent;
}

#slider{
	overflow: hidden;
}

#slider #img_wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 20000px;
	height: 325px;
}

#slider .img{
	display: block;
	position: relative;
	max-width: 630px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#slider.unique_img #img_0{
	background: url("images/30.png") repeat scroll 0 0 transparent;
	width: 630px;
	text-align: center;
}

.unique_img #img_0 .legend{
	background: none;
}

/***********************************************************************************************
* Commentaire accordeon
*/
.accordeon ul{
	display: none;
}

.accordeon li {
	cursor: pointer;
}

.accordeon ul li{
	list-style: circle;
}

.accordeon ul ul li{
	list-style: none;
}

.acc_title, .acc_sub_title{
	cursor: pointer;
}

.acc_content{
	padding-left:0px !important;
}

.accordeon .acc_content li{
	list-style: none;
}

.acc_title:hover, .acc_sub_title:hover{
	color: #6DC8BF;
}


/***********************************************************************************************
* Mappress
*/

#container .mapp-layout{
  border: none;
  width: 100% !important;
}

#container .mapp-selected{
	background-color: #5b1121 !important;
}

#container .mapp-list{
  background-color: #5b1121;
}

#container .mapp-item:hover{
  background-color: #DC1443;
}

#container .mapp-item{
	border-bottom: 1px solid #DC1443;
	font-size: 14px;
	width: auto;
}

.mapp-title{
  padding-top: 5px;
}
/***********************************************************************************************
* Changement entre année
*/
.home .post, .home .post:hover{
	min-height: 214px;
	height: auto;
}


.home .post.post-podcast{
    height: auto !important;
    min-height: 0 !important;
}

/*
.post_content{
	padding: 0 315px 0 10px;

}
*/

.post_content{
	min-height: 214px;
}

/*
.post:hover .post_content{
	height: 184px;
	min-height: 184px;
}
*/

/*
.post-538 .post_date{
	visibility: hidden;
}
*/

/*ADD BY GEO
 * ===========================*/

.page-id-96 #fadder_home,
.page-id-96 #container .post.first{display: none;}
.page-id-56 #fadder_home + .header_wrapper h2,
.page-id-96 #fadder_home + .header_wrapper h2{font-size:34px;}
.page-id-2991 #container .col_1 { width: 100%;}


/***********************************************************************************************
* Mobile menu
*/
.header-mobile{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
    background-color: #E30030;
    display: none;
}

.header-mobile > div{
    padding: 15px 30px;
}

.icon-bar {
    display: block;
    width: 23px;
    height: 1px;
    background-color: #ffffff;
}

.icon-bar + .icon-bar {
	margin-top: 5px;
}

.boxclose, .boxclose:visited{
	color: #000;
	text-decoration: none;
	display: block;
}

.boxclose:hover, .boxclose:focus{
	color: #000;
	text-decoration: none;
}

.boxclose i{
	margin-right: 5px;
}

.mm-menu .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.mm-listview > li > a, .mm-listview > li > span{
    text-align: left;
    padding: 13px -1px 13px 20px !important;
}

#menu-mobile{
    background-color: #C6052A;
    font-family: arial, helvetica, sans-serif;
}

.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after,
.mm-menu .mm-listview > li > a.mm-prev::before, .mm-menu .mm-listview > li > a.mm-next::after, .mm-menu .mm-header .mm-btn::before, .mm-menu .mm-header .mm-btn::after {
    border-color: #fff !important;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
  color: #fff !important;
}

.mm-listview > li > a, .mm-listview > li > a:visited{
	color: #fff;
    font-size: 17px;
    font-weight: normal;
}

.mm-listview > li > a:focus, .mm-listview > li > a:hover, .mm-listview > li > a:active{
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}

.mm-listview > li > span, .mm-listview > li > a{
    padding-top: 20px;
    padding-bottom: 20px;
}

.mm-menu .mm-listview > li{
    background: #E30030;
}

.mm-listview > li > a.lang-selected, .mm-listview > li > a.lang-selected:visited{
	color: #fff;
}

#menu-mobile:not( .mm-menu ) {
   display: none;
}

.mm-panel .sub-menu li{
	text-align: center;
	margin: auto auto;
}


/***********************************************************************************************
* Media Queries Desktop first
*/

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {


}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {

    .header_wrapper h2, .notification h2,
    .header_wrapper h2 .big, .header_wrapper p.big{
        font-size: 20px !important;
    }

    #diaporama, #slider{
        width: 100%;
    }

    #slider .img{

    }

    #slider .img img{

    }

    .col_1{
    	width: 100%;
    	float: none;
    }

    .page .col_2, .col_2{
        float: none;
        width: 100%;
        margin-top: 25px;
    }

    .post_date, .post_content{
        float: none;
    }

    .post_date{
        margin: auto auto;
        margin-bottom: 20px;
    }

    .post_content{
        width: calc(100% - 45px);
        padding: 240px 30px 15px 15px;
        height: auto;
        background-position: top center !important;
    }

    .arrow{
        right: 15px;
        bottom: 20px;
        top: auto;
    }

    .page-id-3948 table td{
        width: 100% !important;
        display: block;
    }

    .header-mobile{
        display: block;
    }

    #header, #header h1, #header .date{
        display: none;
    }

    #page{
        margin-top: 100px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {

}