/*
Theme Name: paysagesbordeaux2017
Description: Custom theme pour Paysages Bordeaux 2017   
Theme URI: http://www.2roqs.com Author: Kubik / 2Roqs / Integral Ruedi Baur
Author URI: http://www.2roqs.com Version: 1.0
License: none
*/
@font-face 
{
	font-family:	AntartidaBlack;
	src:			url('../Fonts/Antartida-Rounded-black.eot');
	src:			local('☺'), url("../Fonts/Antartida-Rounded-black.otf") format("opentype"),url('../Fonts/Antartida-Rounded-black.ttf') format('truetype'),url('../Fonts/Antartida-Rounded-black.svg') format('svg'),url('../Fonts/Antartida-Rounded-black.woff') format('woff');

	font-weight	: normal;
}

@font-face 
{
	font-family:	AntartidaLight;
	src:			url('../Fonts/Antartida-Rounded-light.eot');
	src:			local('☺'), url("../Fonts/Antartida-Rounded-light.otf") format("opentype"),url('../Fonts/Antartida-Rounded-light.ttf') format('truetype'),url('../Fonts/Antartida-Rounded-light.svg') format('svg'),url('../Fonts/Antartida-Rounded-light.woff') format('woff');
	font-weight	: lighter;
}
@font-face 
{
	font-family:	AntartidaMedium;
	src:			url('../Fonts/Antartida-Rounded-medium.eot');
	src:			local('☺'), url("../Fonts/Antartida-Rounded-medium.otf") format("opentype"),url('../Fonts/Antartida-Rounded-medium.ttf') format('truetype'),url('../Fonts/Antartida-Rounded-medium.svg') format('svg'),url('../Fonts/Antartida-Rounded-medium.woff') format('woff');

	font-weight	: normal;
}
@font-face
{
	font-family:	NeoSans;
	src:			url('../Fonts/NeoSansProBold.eot');
	src:			local('☺'), url("../Fonts/NeoSansProBold.otf") format("opentype"),url('../Fonts/NeoSansProBold.ttf') format('truetype'),url('../Fonts/NeoSansProBold.svg') format('svg'),url('../Fonts/NeoSansProBold.woff') format('woff');
	font-weight	: normal;
}

body
{
	font-family : AntartidaMedium, sans-serif;
	color : #000;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	background-color : #000;
}
#all,#allOver
{
	display : block;
	position : fixed;
	top : 0;
	left : 0;

}
#all,#allOver,.pageContent
{
	width :100%;
	min-width : 600px;
	max-width: 1800px;
	height:100vh;

}

.bgContainer
{	
	z-index: 3;
	position : relative;
	top : 0;
	left : 0;
	overflow : hidden;
	min-width: 500px;	

}
.bgContainer, .entry-content-page
{
	width: auto;
    min-height: 100%;
	padding-right:38px;
	margin-right:58px;
}
.entry-content-page
{
	position : relative;
	top :0;
	left : 0;
	opacity:0;
}
.entry-content-page p
{
	max-width : 600px;
}
.bgContainer .thevideo, .bgContainer .theImage
{
	position : absolute;
	min-width:100%;
	min-height:100%;
	z-index: 4;

}
.theImage
{
	opacity:0;
}

#allOver
{
	z-index: 10;
}
#allOver, #allOver .bgContainer, #allOver .bgContainer, #allOver .videoMask
{
	pointer-events: none;

}
.videoMask
{
	position : absolute;
	top : 0;
	left : 0;
	width  : 100%;
	height : 100%;
	min-height : 460px;
	background: url(../Img/blurryMask.png) no-repeat bottom right;
	background-size: 100% 100%;

}

#mainmenu
{
	position : fixed;
	top: 0;
	left : 0;
	font-weight : bold;
	color: #000;
	padding-left : 30px;
	margin-top: 0;
	padding-top:45px;
	padding-bottom : 28px;
	width : 230px;
	overflow : hidden;

	z-index:6;

}
#mainmenu.nothingness
{	width : 340px;
	overflow : hidden;
}
ul.menu
{	padding : 25px 0 0 7px;
	margin-left : 0px;
	list-style : none;

}
#mainmenu ul.menu
{	display : none;
}

#mainmenu ul.menu.unfolded
	{
	display:block;
}
ul.menu>li a
{
	text-transform:uppercase;
	text-decoration : none;
	color : #000;
	font-family: AntartidaBlack,sans-serif;
	font-weight:normal;
	font-size : 20px;
	cursor : pointer;
}
ul#menu-nothingness
{
	overflow : visible;
}
ul#menu-nothingness>li a
{
	/*font-family:NeoSans;*/
	/*text-transform:uppercase;*/

	font-size : 40px;
	line-height: 42px;
}

ul.menu>li a:hover, ul.menu>li.current-menu-parent>a,
ul.menu li.current-menu-item a 
{
	color:#a98838;
	
}
ul.sub-menu
{	padding : 0 0 20px 0;
	list-style : none;
}

ul.sub-menu>li a
{
	text-transform:none;
	font-family : AntartidaLight;
	font-weight:lighter;
}
/* == page menu == */
#PageMenu
{
	position:relative;
	left:0;
	top: -5px;
	overflow:hidden;
	padding-top : 5px;
	clear : both;
}
#PageMenu ul.menu
{	padding : 0px 0 20px 0;
	margin-top : 0;
}
#PageMenu li
{
	float : left;
	overflow:visible;
	/*border-right : 4px solid #000;*/ 
	margin-right:8px;	
}
#PageMenu li:after
{
	content:"I";
	color : #a9882e;
	font-size : 20px;
	font-weight:normal;
	font-family : AntartidaBlack;
	padding-left : 8px;	

}
#PageMenu li:last-child:after, #PageMenu li.lastOnLine:after	 
{	opacity:0;
}

#PageMenu.MenuGrandsEvenements
{
	max-width:650px;
	/*position : fixed;
	left : 279px;
	top:0;
	margin-top:167px;
	background-color:#afb1ac;
	z-index : 30;*/	
}

/* === brackets === */
.brackets
{
	position :relative;
	top	: 0;
	left : 0px;
}
.bracketLine
{	border-left: 9px solid rgba(199,136,46,0.67);
	position : relative;
	top : -2px;
	left : 1px;
	overflow: visible;
	padding : 5px 0 28px 1px;
	-webkit-transition: all 0.2s;
	
}
.bracket 
{
	display : block;
	cursor : pointer;
}
.bracket.a-paysages
{
	margin-bottom : -12px;
	position: relative;
	z-index: 8;
}

.bracket.a-paysages, .bracket.a-paysages a img 
{
	height:21px;
	-webkit-transition: all 0.2s;

}
 
.bracket.a-bordeaux
{
	height : 45px;
	position: relative;
	top : -19px;
	left:0;
}
.bracket.a-bordeaux a img 
{
	height:45px;
}

/* ====  line widget ==== */

#lineWidget
{
	position : absolute;
	top : 30px;
	left : 260px;	/* 280-20*/
	width : 10px;
	height: 100%;
	background : rgba(199,136,46,0.67); 
	opacity:0;
}
#lineWidget span
{
	display : block;
	position : relative;
	top: -2px;
	left:-1px;
	width : 12px;
	height:12px;
	background-color:#000;
	border-radius: 6px;
	
}

.bordeauxculture
{
	z-index:20;
	position : fixed;
	bottom : 30px;
	left : 20px;
	width : 60px;
}
/* === page === */
.pageContent
{
	display : block ; 
	position : absolute;
	top : 0;
	left : 0;
	font-family: AntartidaMedium;
	font-weight : normal;
	font-size : 14px;
	z-index : 5;
}
.entry-content-page
{
	padding: 15px 60px 100px 0;
	margin-left : 280px;
	max-width : 520px;
	font-size : 16px;
	line-height : 20px;
}
.entry-content-page>p, .entry-content-page .col1>p, .col1>h1 
{
	margin-top : 0;
	padding-top : 1px;
}
.entry-content-page>h1
{
	margin-top : 0;
	padding-top : 0;
}
h1,.h1
{
	font-family: AntartidaBlack;
	font-weight : normal;
	font-size : 20px;
	text-transform : uppercase;	
}
h1 i, h2 i
{
	font-family: AntartidaMedium;
	font-weight : normal;
	font-style:italic;
}
h1 i span
{
	font-style:normal;
}
.grandEvent
{
	font-size : 20px;
	font-family: AntartidaLight;
	font-weight : normal;
	text-transform:uppercase;
	text-decoration : none;
	color:#000;
	cursor:pointer;
}
.pageContent p sup
{
	vertical-align : top;
	font-size : 0.7em;
	position:relative;
	top:-0.4em;
}
.pageContent p img.alignnone
{
	border-bottom-right-radius : 14px; 
	max-width : 60%;
}
.pageContent p b,.pageContent p strong, .pageContent p a.download, .pageContent p.intro
{
	font-family : AntartidaBlack;
	font-weight: normal;
}
.pageContent p.date
{
	color: #fb4F14;
}
.pageContent .p1 b,.pageContent h2
{
	display : block;
	text-transform : uppercase;
	margin:1em 0 0 0;
	font-weight : normal;
	font-size : 1em;
	font-family:AntartidaBlack;
	padding:0;
}

.pageContent p b.pb2017
{
	font-family: NeoSans;
	font-weight:normal;
	text-transform:none;
	display:inline;
	/*font-feature-settings: "onum";*/
	font-variant-numeric: oldstyle-nums;
}
.pageContent p b b.pb2017
{
	font-size : 1.1em;
}
.pageContent h1.small
{
	font-size : 1em;
}
.pageContent .partenaires b
{
	font-size:0.70em;
	line-height : 14px;
}
.MenuPointsDeVue + div>h1
{
	margin-top : 2.15em;
	font-weight : normal;
}

.MenuGrandsEvenements + div>h1
{
	margin-top : 2.15em;
	font-weight : normal;
}

.pageContent h1 .date
{
	display : block;
	font-family: AntartidaLight;
	font-weight : normal;
	font-size : 20px;
	text-transform : uppercase;	
	color	:#fb4f14;
} 
.pageContent h2 .date
{
	display : block;
	font-family: AntartidaLight;
	font-weight : normal;
	text-transform : uppercase;	
	color	:#fb4f14;
} 
.pageContent h1 .date sup,.pageContent h2 .date sup
{
	font-size : 0.6em;
	position : relative; 
	top : 1px;

}

.pageContent .partenaires
{
	display:block;
	overflow : hidden;
}
.pageContent .partenaires a
{
	display : block;
	float : left;
}
.pageContent .partenaires img
{
	border:0;
	height: 76px;
}
.pageContent .partenaires.small img
{
	border:0;
	height: 50px;
}

.pageContent .partenaires a + a:before
{
	content:" ";
	display:block;
	float :left;
	width :1px;
	height:60px;
	overflow:hidden;
	background-color: rgba(0,0,0,0.5);
	margin-right:20px;
	margin-left:20px;
	margin-top:8px;
} 
.pageContent .partenaires.small a + a:before
{
	margin-top:0px;
	height:50px;
}


.pageContent img.partenaires_v
{
	height:400px;
}
p .credits
{
	font-size : 10px;
	line-height : 12px;
	display : block;
}
.pageContent p a
{	color:#a98838;
	text-decoration : none;
}
.pageContent p a:hover
{	color:#FFF;
}
.pageContent p a.download
{
	text-transform:uppercase;
	color : #000;
	font-size : 20px;
	text-decoration : none;
	border-bottom : 1px solid #000;

}
.pageContent p a.download:hover
{
	color : #FFF;
	border-bottom : 1px solid #FFF;
}





/* === page column ===*/
.entry-content-page.withColumn
{
	padding-right: 0;
	max-width : none;

}
.entry-content-page .col1
{
	width : 65%;
	/*max-width : 520px;*/
	min-width : 320px;
	min-height : 400px;
	float : left;
	z-index : 6;
	/*overflow : hidden;*/ /* prevents the scroll from being visible under the menu and the right column ... but creates problems */
	margin-bottom : 100px;
	position:relative;
	top:0;
	left:0;
}

#ajaxTarget
{	position:relative;
	top : 0;
	left : 0;
}
.col1 .scol1, .col1 .scol2
{
	width : 50%;
	float : left;
}
.col1 .scol2
{	margin-left : 10px;
}


.entry-content-page .col2
{
	width : 35%;
	float : left;
	margin-left : 20px;
	z-index : 7;

}
#whiteToBg
{	height : 75px;
	width : 340px;
	
	background: url(../Img/whiteToBg.png) no-repeat top left;
	background-size : 100% 75px;
	
}

.col2 img.portrait
{
	width:100%;
	border-bottom-right-radius : 14px;

	opacity : 0.3;
	-webkit-transition	: opacity 0.3s;

	cursor:pointer;
}

.col2 img.portrait.current
{
	opacity : 1;
	-webkit-transition	: opacity 0.3s;

}

.col2 .portraits
{	width : 100%;
	position : relative;
	top : 0;
	left : 0;
}
/* -- google map bubble info - */ 
.mapinfo
{
	font-family : AntartidaMedium;
	font-weight : normal;

}
.mapinfo span
{	display : block;
}
.mapinfo .t
{	font-family : AntartidaBlack; 
	font-weight : normal;
}

div.loadNext
{
	width:100%;
	float :left;
}
div.loadNext a
{
	color:#a9882e;
	text-decoration : none;
	cursor : pointer;	
}
div.loadNext a:hover
{
	color:#000;
}

/* === events filters == */
#agendaSearch
{	width:200px;
	position:absolute;
	top: 42px;
	left:0;
	margin-left:20px;
	z-index:300;
	display:none;
}
#agendaSearch input
{	width : 70%;
	-webkit-appearance:none;
	line-height: 20px;
	font-size:18px;
	font-family:AntartidaMedium;
	font-weight : normal;
	background-color:rgba(255,255,255,0.3);
	border-radius: 3px;
	border-left-width:0;
	border-style: none none none none;
	outline:none;
	padding:3px 1px 3px 2px;
}
#agendaSearch .magnif
{	
	display:block;
	width : 24px;
	height:20px;
	/*background:url(../Img/loupepb2017.svg) no-repeat top left;*/
	background:url(../Img/loupe_ok_PB2017.png) no-repeat center left;
	background-size :20px 20px;
	position:absolute;
	top : 3.5px;
	right : 30%;
	opacity:0.3;
	-webkit-transition	: opacity 0.3s;

}
#agendaSearch :focus
{
	outline: none;
	/*outline:3px auto #000;*/
}
#agendaSearch :focus + .magnif, #agendaSearch :hover + .magnif
{	opacity:0;
	-webkit-transition	: opacity 0.3s;
	
}
.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
#evtFilters
{
	height : 22px;
	z-index : 13;
	min-width : 340px;
	overflow : visible;
	margin:auto;
	margin-bottom : 1em;
}


#evtFilters >div
{
	margin: 0 0 10px 0;
	display:inline-block;
	padding-right:11px;
	box-sizing:border-box;
	width : 30%;
	float : left;
	*display: inline;
    *zoom: 1;
}
#evtFilters>div.location
{
	margin-right:0;
	width : 40%;

}

select
{
  display: none;
}
#evtFilters .nice-select
{
  	border: none;
	border-radius : 0;
	border-bottom-right-radius : 14px;
	/*text-transform : uppercase;*/
	padding-left: 10px;
	font-family: AntartidaLight;
	font-weight : normal;
	line-height:22px;
	height: 22px;
	width : 100%;
}
#evtFilters .nice-select>span.current
{
	color : #fff;
	font-size: 16px;
	line-height : 30px;
	display :inline-block; 
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:100%;
	padding-right:30px;
	position : relative;
	top : -3px;
	left : 0;
}
#evtFilters .nice-select>ul>li
{	color :#fff;
	font-family: AntartidaLight;
	font-size:16px;
}
#evtFilters .date .nice-select, #evtFilters .date .nice-select .list,
#evtFilters .location .nice-select, #evtFilters .location .nice-select .list
{
	background-color : #fb4f14;
}
#evtFilters .category .nice-select, #evtFilters .category .nice-select .list
{
	background-color : #a9882E;
}
.nice-select .option
{
	padding-left: 10px;
	padding-right: 10px;
	min-height : 22px;
	line-height : 22px;
}
#evtFilters .nice-select .list
{

	padding-top: 20px;
}
#evtFilters .nice-select>ul>li:first-child
{
	display:none;	
}
#evtFilters #oacalendar
{
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 10px;
	pointer-events:auto;
	margin-top:1em;
	font-family:AntartidaLight;
}
#oacalendar .ccal
{
	width : 100%;
}
#oacalendar .calmonthnav
{
	font-family : AntartidaBlack;
}
#oacalendar .calweekdays
{
	font-size : 10px;
}
#oacalendar .ccal .calbody li
{
	line-height : 14px;
}
#oacalendar .ccal .calbody li span
{
	color:inherit;
	padding:0;	
}
#oacalendar .ccal li.calprev, #oacalendar .ccal li.calnext
{
	border:1px solid transparent;
}
#oacalendar .ccal li.calprev span, #oacalendar .ccal li.calnext span
{
	background: none;
	opacity: 0.5;
}

#oacalendar .ccal .calbody li.preselected span
{
	background: rgba(255,255,255,0.3);
}
#oacalendar .ccal .calbody li.selected span
{
	background: rgba(255,255,255,0.3);
}


/* === events links === */
.eventLink[href]
{
	color:#a9882e;
	cusor:pointer;
}
.eventLink:hover
{
	color:#000;
}
.eventLink+.eventLink:before 
{	content:"I";
	padding-right:4px;
	color:#a9882e;
	margin-left:4px;
}

/* === events === */
.preEventList
{
	line-height : 1em;
	margin-bottom:1em;
	color : #000;  
}
.preEventList a
{
	cursor : pointer;
	color:inherit;
	text-decoration:none;
}
.preEventList a:hover
{
	color:#a9882e;
}
#evtFilters+.preEventList
{
}
.event
{
	margin-bottom:1em;
	cursor : pointer;
}
.event .infos {
    overflow: hidden;
}
.event
{
	width:100%;
}
.event .title
{
	display : block;
	text-transform : uppercase;
	margin:0;
	font-weight : normal;
	font-size : 1em;
	font-family:AntartidaBlack;
	padding:0;
	color:#000;
	text-decoration:none;
	

}
.event p
{
	margin: 0;
}
.event .eventImg
{
	max-width:100%;
	border-bottom-right-radius : 14px;
	margin-top : 0.5em;
}
.theevent img
{
	border-bottom-right-radius : 14px;
	margin-top : 0.5em;
	max-width : 100%;
}
.event .dt
{
	color : #fb4f14;
	font-family: AntartidaMedium;
	font-weight : normal;
	font-size : 16px;
	text-transform : uppercase;	
	display : block;
}
.event .category
{
	color :#826725;
	font-size : 14px;
	padding-right : 4px;
	cursor : pointer;
}
.event .location, .locationDetails .location
{
	color : #fb4f14;
	font-size : 14px;
	cursor : pointer;

}
.event .category +.location:before
{	padding-right : 4px;
	color:#fb4f14;
	content:"I";
}
.event .category +.category:before
{
	padding-right : 4px;
	color:#a9882e;
	content:"I";
}

.theevent .keywords
{	color :#a9882e;
	font-size : 14px;
}
.event .keywords span, .theevent .keywords span
{	padding-right : 4px;
	cursor:pointer;
}

.event .keywords span+span:before , .theevent .keywords span+span:before
{	content:"I";
	padding-right:4px;
	color:#a9882e;
}
.theevent .keywords
{	font-size : inherit;
	display : block;
	font-family : AntartidaLight;
}
.theevent .keywords span:hover
{
	color:#000;
}

.theevent span.link 
{	display:block;
	margin:0;
	cursor:pointer;
}
.theevent span.link:a
{
	cursor : pointer;
	color : #fff;
	text-decoration : none;
}
.theevent h1
{
	margin: 0;
}
.theevent a.link+a.link
{
	content:"<br>";
}
.theevent p.intro
{
	font-family: AntartidaMedium;
}
.theevent .infos
{
	margin-top:1em;
	margin-bottom:1em;
}
.theevent .location
{
	color : #fb4f14;
	font-size : 16px;
	cursor : pointer;
}

.theevent .category
{
	color : #a9882e;
	font-size : 16px;
	padding-right : 4px;
	cursor : pointer;
}
.theevent .category +.location:before 
{	padding-right : 4px;
	color:#fb4f14;
	content:"I";
}
.theevent .category +.category:before 
{	padding-right : 4px;
	color:#a9882e;
	content:"I";
}
.theevent .eventImg
{	max-height:60vh;
}

.category:hover, .location:hover
{
	color:#000;
}


.theevent .dt
{
	color : #FB4F14;
	font-family: AntartidaLight;
	font-weight : normal;
	font-size : 20px;
	text-transform : uppercase;	
	display : block;
}
.dt sup
{
	font-size : 0.6em;
	position : relative; 
	top : 1px;
	left : 0px;
}
/* === logos institutions (bottom) === */
.logoInstitutions
{
	position : absolute;
	bottom: 0;
	right : 20px;
	width : 350px;
	line-height : 9vh; 
	height : 9vh; 
}
.logoInstitutions .vAlgn
{
	display : block;
	height : 9vh;
	min-height : 64px;
	overflow:visible;
	width : 350px;
	display: table-cell;
	vertical-align : middle;
}
#allOver .logoInstitutions a
{
	pointer-events: auto;
}
.logoInstitutions a 
{
	float : right;
	display : block;
	height : 45px;
	overflow : visible;
	margin-left : 23px;
	cursor : pointer;
}
.logoInstitutions img
{
	height:57px;
	border : none;
	position : relative;
	top : -8px;
	left : 0;
}
.logoInstitutions a+a
{
	border-right : 1px solid rgba(255,255,255,0.5);
	padding-right : 23px;
}


/* === margin patch ==*/

.patch
{	background-color:#000;
	width:60px;
	height:100%;
	position:fixed;
	top: 0;
	right:0;
	z-index:12;
}
/* === social buttons === */

.social
{
	position : fixed;
	right : 20px;
	top : 44px;
	width : 21px;
	z-index:14;
}
.social a 
{
	width : 21px;
	height : 21px;	
	display: block;
	text-align:right;
	margin-bottom:10px;
}
.social a img
{
	border : 0;
	width : 21px;
	height : 21px;
} 
.social a:hover img
{

}

/* ==== posts (actualite )===== */
.postMain
{	margin-bottom : 40px;
}

.postMain .title
{
	font-size : 40px;
	line-height : 40px;
	font-family: AntartidaBlack;
	text-transform : uppercase;
	width : 70%;	

}
.col1>.postMain .title
{
	margin-top : 0;
}
.postMain .title a
{
	color : inherit;
	text-decoration:none;
}
.postMain img.postImage
{
	width : 90%;
	border-bottom-right-radius : 14px;
}


.facebook_iframe
{
}
/* ====  tweets ==== */
.col2
{
	margin-right : 40px;
}
.col2 .colTitle
{
	text-transform : uppercase;
    color: #000;
    font-family: AntartidaBlack,sans-serif;
    font-weight: normal;
    font-size: 20px;
}
.tweet .user
{
	color: rgba(0,0,0,0.3);
	text-decoration : none;
	line-height : 18px;
	font-size : 16px;
	display : block;
	overflow:hidden;
	margin-top : 10px;
}
.tweet .user span
{
	
	display:block;
	float : left;
	width : 18px;
	height : 18px;
	border-radius : 9px;
}
.tweet .user + p
{
	margin-top : 0.3em;
}
.tweet
{
	border-bottom : 2px solid #000;
	padding-right : 10px;
	overflow:hidden;
}
.tweet .dt
{
	font-family : AntartidaBlack;
}
.tweet .code
{
	font-size : 10px;
	font-family:Verdana;
}
.tweet .hash
{
	/*font-family : AntartidaLight;*/
}
.tweet .hash:before
{
	content: "#";
}	
.tweet .people:before
{
	content: "@";
}	

.tweet p a.link, .tweet .hash:hover, .tweet .people:hover
{
	color : #a9882E;
}
.tweet p a.link:hover
{
	text-decoration:underline;
}

.tweet .mediaImage
{
	width : 100%;
	border-bottom-right-radius : 14px;
	margin-top: 10px;	
}

/* ==== phone version ===*/
@media screen and (max-width: 640px)
{
	
	#all, #allOver, .pageContent
	{	min-width : 0;
	}
	#mainmenu
	{
		position:relative;
	}
	.shrink #mainmenu
	{	position:fixed;
		padding-bottom: 12px;
	}
	.shrink .bracket.a-paysages
	{	height : 12px;
		margin-bottom : -6px;
		-webkit-transition: all 0.2s;

	}
	.shrink .bracket.a-paysages a img 
	{	height:12px;
		-webkit-transition: height 0.2s;
	}
	.shrink .bracket.a-bordeaux
	{	height : 24px;
		-webkit-transition: all 0.2s;
		top : -8px;
	}
	.shrink .bracket.a-bordeaux a img 
	{	height:24px;
		-webkit-transition: height 0.2s;
	}
	.shrink #mainmenu ul.menu
	{	padding: 0 0 0 3px;
		margin: 8px 0 0px 0;
		-webkit-transition: margin 0.2s;
		
	}
	.shrink #mainmenu ul.sub-menu
	{
    	padding-bottom: 0px;
		-webkit-transition: padding-bottom 0.2s;
	}
	li a
	{	display : block;
		height : auto;
	}

	.shrink #mainmenu .menu>li a , .shrink #mainmenu .sub-menu>li a
	{	opacity : 0;
		height:0;
		-webkit-transition: height 0.2s;
	}
	.shrink #mainmenu .menu>li.current-menu-parent>a,  .shrink #mainmenu .menu li.current-menu-item>a 
	{	opacity : 1;
		height:auto;
	}

	.shrink .bracketLine
	{	border-left : 5px solid rgba(255,255,255,0.67);
		padding:5px 0 8px 0px;
		-webkit-transition: all 0.2s;
	}
	#allOver
	{	
		padding-bottom : 100px;
		max-height:100vh;
		height:100%;

	}
	ul#menu-nothingness>li a
	{
		font-size : 25px;
		line-height: 27px;
	}

	.bgContainer
	{	margin: 0 30px 0 0;
		padding : 0;
		min-width : 0;
		height:100%;
	
	}
	.videoMask
	{
		background: url(../Img/blurryMaskMobile.png) no-repeat bottom right;
		background-size : cover;
	}
	.pageContent
	{	position : relative;
		
	}
	.entry-content-page
	{
		margin : 0;
	    padding: 30px 60px 100px 30px;
	}
	.entry-content-page.withColumn
	{
		margin : 0;
	    padding: 30px 0 40px 0;
	}
	.entry-content-page .col1
	{
		float:none;
		min-width:0;
		width:auto;	
	    padding: 0px 60px 0 30px;
		margin-bottom:0;

	}
	.entry-content-page .col2
	{	float:none;
		width:auto;
		margin-left:0;
	    padding-right: 30px;
	}

	.entry-content-page p
	{	max-width:none;
	}
	.social
	{	right : 8px;
	}
	#agendaSearch
	{
 	   	position: relative;
		top: 12px;
		left: 0;
		width : 21px;
		height : 21px;	
		display: block;
		text-align:right;
		margin-bottom:10px;
		display:none;
	}
	#agendaSearch input
	{	width : 100%;
		border-radius: 10px;
		padding:0;
		
	}
	#agendaSearch .magnif
	{	
		top : 3px;
		right : -1px;

		opacity:1.0;
	}


	.pageContent p a.download
	{
		line-height:24px;
	}
	.col2 .portraits
	{
		line-height:1px;
	}
	.col2 img.portrait
	{
		border-bottom-right-radius:0;
	} 
	h1
	{
		font-size : 18px;
	}
	#PageMenu
	{	margin-top : 5px;
		padding: 5px 30px 0 0;
		border-top : 1px solid #a9882e;
		width:100px;
		overflow:visible;
	}
	#PageMenu ul.menu
	{	padding : 0px 0 0 0;
		margin-top : 0;
	}

	#PageMenu li
	{	float :none;
		line-height:22px;
		width :500px;
	}
	#PageMenu ul.menu>li a
	{
		font-size:18px;
	}
	#PageMenu li:after
	{
		display:none;
	}
	ul.menu li.current-menu-item .sub-menu a
	{
		color:#000;
	}
	ul.menu li.current-menu-item .sub-menu li.current-menu-item a
	{
		color:#a9882e;
	}
	
	.theevent img
	{
		width:100%;
	}
	.bordeauxculture
	{
		position : fixed;
		bottom : 2px;
		width : 40px;
	}

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

	.logoInstitutions a 
	{
		height : 30px;
		margin-left : 18px;

	}
	.logoInstitutions img
	{
		height : 42px;
		top : -6px;
	}
	.logoInstitutions a+a
	{
		padding-right : 18px;
	}
}

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

	.logoInstitutions a 
	{
		height : 35px;
		margin-left : 12px;

	}
	.logoInstitutions img
	{
		height : 42px;
		top : -4px;
	}
	.logoInstitutions a+a
	{
		padding-right : 12px;
	}
}