@charset "utf-8";
/* CSS Document */

html,body,*{ margin: 0; padding: 0; }
body,*{
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	color: #282828;
}

a{text-decoration: none;
word-wrap: break-word;}
.clear{ clear:both; }
#headerNav{
	height: 197px;
	background: url(../../img/bg-header-nav.gif) repeat-x top;
	width: 100%;
}
#headerNav.pageHeaderNav{
	background: none;
}
#mobileHeader{
	display: none;
	height: 130px;
	border-top: 14px solid #616712;
}
#headerContent, #headerMapContent, #headerPageContent, #footerContent, #mainContent{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
#searchAndTwitter{
	font-size: 18px;
	display: block;
	text-decoration: none;
	position: absolute;
	right: 16px;
	top: 23px;}
#searchButton,#twitterButton{
	float: right; position: relative;
	color:#5aa2b8;
}
#twitterButton{
	margin-right: 15px;
}
#searchButton i, #twitterButton i{color:#5aa2b8;}
#countryMenu{
	list-style: none;
	position: absolute;
	top: 80px;
	right: 0;
}
#countryMenu li{
	float: left;
	margin-left: 20px;
}
#countryMenu li:nth-of-type(1){
	margin-left: 0;
}
#countryMenu li a{
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 80px;
	padding-top: 15px;
	background: #FFF;
	border:2px solid #b6dbe1;
	border-radius: 7px;
	color: #3ea3b5;
	font-weight: 900;
	font-size: 36px;
}
#countryMenu li a:hover,#countryMenu li a.active,#countryMenu li a.hoverState{
	color: #FFF;
	background: #3ea3b5;
}

#mobileCountryMenu{
	display: none;
	list-style: none;
}
#mobileCountryMenu li{
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
#mobileCountryMenu li a{
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 80px;
	padding-top: 15px;
	background: #FFF;
	border:2px solid #b6dbe1;
	border-radius: 7px;
	color: #3ea3b5;
	font-weight: 900;
	font-size: 36px;
}
#mobileCountryMenu li a:hover,#mobileCountryMenu li a.active,#mobileCountryMenu li a.hoverState{
	color: #FFF;
	background: #3ea3b5;
}
#headerMap{
	height: 500px;
	width: 100%;
	background: #616712;
	position:relative;
}
#headerPage{
	height: 310px;
	width: 100%;
	background: #5aa2b8;
	position:relative;
}


#headerPageContent #logoGMOinfo,#headerMapContent #logoGMOinfo{
	width:334px;
	margin-top:69px;}
#mapTxt{
	color:#bddae3;
	font-size:36px;
	line-height:55px;
	font-weight:900;
	position:absolute;
	left:800px;
	top:40px;
	width:366px;}
#mapContainer{
	width:480px;
	position:absolute;
	top:0;
	left:337px;
	height:500px;
	}
#BE_layer{
	width:70px;}
.cls-1{
	fill:#bddae3;}
.euCountries:hover{
	/*fill:#5AA2B8;*/
	cursor:pointer;}
.cls-1.HighlightedCountry{fill:#5AA2B8;}
.euCountries:hover path.cls-1{
	/*fill:#5AA2B8;*/
	cursor:pointer;}
#footer{
	background-color: #b9bd6b;
	height: 105px;
	width: 100%;
}
#footerContent a{
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 18px;
	float: right;
	margin-right: 100px;
	margin-top: 40px;
}


/* CONTENU */
#mainSection{
	width: 100%;
	position: relative;
	margin-top: 60px;
}
#HPintro{
	display: block;
	width: 100%;
	border: solid 8px #5aa2b8;
	padding: 20px 9px;
	margin-bottom: 60px;
}
#HPintro p,#HPintro ol,#HPintro ul{
	font-size: 24px;
	margin-bottom: 25px;
	line-height: 36px;
}
#HPintro ol li,#HPintro ul li{
	list-style-image: url(../../img/bullet.png);
}

#HPintro p a,#HPintro ol li a,#HPintro ul li a{
	color: #5aa2b8;
	font-weight: 900;
	text-decoration: none;
}
#HPintro li{
	margin-left: 25px;
}
#HPintro .HPfullWidthImg{
	width: 1140px;
	margin-left: 4px;
}
#HPcolumnOne{
	float: left;
	width: 580px;
	margin-right: 20px;
	margin-bottom: 60px;
}
#HPcolumnOne.fullWidthColum{width: 100%;}
#HPcolumnOne ul {
	list-style: none;
}
#HPcolumnOne ul li{
	display: block;
	width: 280px;
	height: 262px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#HPcolumnOne ul li:nth-child(even){ 
	margin-right: 0;
}
#HPcolumnOne.fullWidthColum ul li:nth-child(even){ 
	margin-right: 20px;
}
#HPcolumnOne.fullWidthColum ul li:nth-last-child(1){ 
	margin-right: 0;
}
#HPcolumnOne ul li a{
	display: block;
	width: 280px;
	height: inherit;
	
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}
#HPcolumnOne ul li a div{
	height: 122px;
	padding: 0px 20px;
	background-color: #b9bd6b;
	width: inherit;
	display: table-cell;
	vertical-align: middle;}
#HPcolumnOne ul li a div span{
	width: 100%;
	color: #ffffff;
	line-height: 36px;}
#HPcolumnOne ul li a#menuTA{ background: url(../../img/T-A.png) no-repeat bottom center; }
#HPcolumnOne ul li a#menuCB{ background: url(../../img/C-B.png) no-repeat bottom center; }
#HPcolumnOne ul li a#menuIIP{ background: url(../../img/I-IP.png) no-repeat bottom center; }
#HPcolumnOne ul li a#menuSS{ background: url(../../img/S-S.png) no-repeat bottom center; }

#HPcolumnOne #newsHPbutton{
	color: #FFF;
	font-weight: 500;
	font-size: 40px;
	display: block;
	background-color: #b9bd6b;
	text-align: center;
	padding: 5px 0;
	width: 100%;
	margin-bottom: 40px;
}
#europabioButton{
	background-color: #626713;
	width: 100%;
	color: #FFF;
	font-weight: 500;
	font-size: 40px;
	display: block;
	margin-bottom: 40px;
}
#europabioButton p{
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	width: 100%;
	float: left;}
#europabioButton #europabioButtonImg1{
	float: left;
	height: 118px;}
#europabioButton #europabioButtonImg2{
	float: right;
	height: 118px;}

h3.upcomingEventTitle{
	color: #fff;
	font-weight: 500;
	font-size: 40px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 5px;
	background: #5aa2b8;
}
#upcomingEventsBox{
	border-top: solid 1px #fff;
	padding: 15px 50px 15px 35px;
	background-color: #5aa2b8;
	cursor: pointer;
}
.eventImgContainer{  width: 100%; height: 100%; padding-top: 7px;}
.eventTexts{  width: 100%; }
.eventTexts .eventDate{color: #fff; font-size: 28px;margin-bottom: 10px;}
.eventTexts .eventLocation{color: #fff; font-size: 28px;margin-bottom: 13px;}
.eventTexts .eventTitle{color: #fff; font-size: 28px; font-weight: 700;margin-bottom: 10px;}
#upcomingEventsBox:hover .eventTexts .eventTitle{ text-decoration: underline;}
	

#HPColumnTwo{
	width: 580px;
	float: left;
	margin-top: 0;
}
#twitterFeed{
	border: solid 8px #bddae3;
	float: left;
	width: 580px;
    min-height: 427px;
    max-height: 427px;
	margin-bottom: 35px;
	overflow-y: scroll;}
#twitterFeed #twitter-widget-0{
	/*height:410px !important;*/
	width: 100% !important;}

#HPhighlights{
	border: solid 8px #616712;
	float: left;
	width: 580px;
	margin-bottom: 40px;
    /*min-height: 825px;*/
    max-height: 825px;
}
#HPhighlights.insidePage{
	margin-top: 30px;
	/*min-height: 0;
    min-height: 824px;*/
    max-height: 824px;
}
#HPhighlights h3{
	color: #616712;
	font-weight: 900;
	font-size: 40px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 30px 0 30px;
	
	border-bottom: solid 8px #666666;
}

#HPhilightsList{
	overflow-y: auto;
	/*height: 685px;*/
	max-height: 685px;
	padding: 5px 0px 5px 20px;
}
#HPhighlights.insidePage #HPhilightsList{
	height: auto;
	max-height: 690px;
}
#HPhilightsList li{
	list-style: none;
	background: url(../../img/picto_feuille.png) no-repeat left top;
	margin-left: 0;
	padding-left: 72px;
	padding-top: 2px;
	padding-bottom: 25px;
	font-size: 24px;
	font-weight: 900;
	line-height: 36px;
	margin-top: 5px;
}
#HPhilightsList li a{
	display: block;
	color: #616712;
	text-decoration: none;
}
#HPhilightsList li a:hover{
	text-decoration: underline;
}
#HPhilightsList li a p{color: #616712;}
#HPhilightsList li .imgHLContainer{
	width: 100%; text-align: center; margin-left: -36px;}
#HPhilightsList li .imgHLContainer img{
	margin-top: 5px;
	max-width: 224px;
	max-height: 224px;
}


/*   CONTENU PAGE  */
#headerPageContent h2{
	font-size: 60px;
	color: #FFFFFF;
	position: absolute;
	right: 16px;
	top: 140px;
	font-weight: 900;
	max-width: 800px;
	text-align: right;
}
#pageMenu{
	width: 1180px;
	margin: 0 auto;
	position: relative;
	height: 88px;
	
}
#pageMenu li{
	width: 280px;
	margin-right: 20px;	
	height: 88px;
	float: left;
	list-style: none;
}
#pageMenu li:last-child {
	margin-right: 0;	
}
#pageMenu li a{
	background-color: #616712;
	/*display: block;*/
	text-decoration: none;
	color: #FFF;
	width: inherit;	
	height: 88px;
	line-height: 36px;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	padding: 0 20px;
	display: table-cell;
	vertical-align: middle;
}
#pageMenu li a:hover,#pageMenu li a.active{
	background-color: #bddae3;}
#pageMenu li a span{ color: #FFF;}
#pageIntro{
	display: block;
	width: 100%;
	padding:0 16px;
	margin-bottom: 25px;}
#pageIntro p,#pageIntro ol,#pageIntro ul{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
}
#pageIntro p a,#pageIntro ol li a,#pageIntro ul li a{
	color: #5aa2b8;
	font-weight: 900;
	text-decoration: none;
}

#pageIntro ol li,#pageIntro ul li{
	list-style-image: url(../../img/bullet.png);
}




#pageColumnOne.fullWidthColum{ width: 100%; }
#pageColumnOne{
	float: left;
	width: 580px;
	margin-right: 20px;
	margin-bottom: 60px;
	margin-top: 10px;
}
.archiveLink{
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: right;
	padding-bottom: 5px;
}
.archiveLink.blue{
	color: #5aa2b8;}
.archiveLink.green{
	color: #b9bd6b;}
.archiveLink.darkgreen{
	color: #616712;}
#pageColumnOne .pageArticle{
	display: block;
	text-decoration: none;
	border: #bddae3 20px solid;
	width: 100%;
	padding: 35px 25px 20px 25px;
	position: relative;
	margin-bottom: 30px;
}
#pageColumnOne .pageArticle:hover{
	border: #5aa2b8 20px solid;
	background-color: #eee;
}
#pageColumnOne .pageArticle .articleDate{
	font-size: 30px;
	font-weight: 500;
	color: #5aa2b8;
	margin-bottom: 5px;
	display: block;
}
#pageColumnOne .pageArticle .articleType{
	font-size: 20px;
	font-weight: 500;
	color: #5aa2b8;
	margin-bottom: 10px;
	position: absolute;
	right: 25px;
	top: 43px;
}
#pageColumnOne .pageArticle h3{
	font-size: 30px;
	font-weight: 900;
	color: #5aa2b8;
	margin-bottom: 5px;
	line-height: 40px;
}
#pageColumnOne .pageArticle p {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 36px;
}
#pageColumnOne .pageArticle img{
	width: 100%;
}
#pageColumnOne .pageArticle img.half{
	width: 50%;
}
#pageColumnTwo{
	width: 580px;
	float: left;
	margin-top: 10px;
}
.newsList{
	background-color: #eaebd2;
	margin-bottom: 30px;
	width: 100%;
}
.newsList .newsTitle{
	background-color: #b9bd6b;
	font-size: 40px;
	color: #ffffff;
	width: 100%;
	display: block;
	text-align: center;
	padding: 5px;
}
.newsList .newsListContent{
	width: 100%;
	padding: 35px 40px 1px 40px;
}

.newsList a{
	display: block;
	font-size: 24px;
	line-height: 36px;
	text-decoration: none;
	margin-bottom: 25px;
}
.newsList a:hover{
	text-decoration: underline;
}

#pageColumnTwo #pageColumnQuote{
	display: block;
	width: 100%;
	border: solid 8px #5aa2b8;
	padding: 45px 40px;
	margin-bottom: 30px;
}

#pageColumnTwo #pageColumnQuote p{
	font-size: 24px;
	line-height: 36px;
}
#pageColumnTwo #pageColumnQuote p a{
	color: #5aa2b8;
	font-weight: 900;
	text-decoration: none;
}


/*  CONTENU DETAIL ARTICLE  */
#articleDetail .articleDate{
	font-size: 30px;
	font-weight: 500;
	color: #5aa2b8;
	margin-bottom: 45px;
	display: block;
}
#articleDetail h3{
	font-size: 30px;
	font-weight: 900;
	color: #5aa2b8;
	margin-bottom: 20px;
	line-height: 40px;
}
#articleDetail p,#articleDetail ol,#articleDetail ul {
	font-size: 24px;
	margin-bottom: 30px;
	line-height: 36px;
}

#articleDetail ol li,#articleDetail ul li{
	list-style-image: url(../../img/bullet.png);
	margin-left: 25px;
}


#articleDetail a,#articleDetail ol li a,#articleDetail ul li a{
	color: #5aa2b8;
	font-weight: 900;
}
#articleDetail a.articleDetailLink{
	font-size: 20px;
	color: #5aa2b8;
	font-weight: 500;
}
#articleDetail a.articleDetailLink i{
	font-size: 20px;
	color: #5aa2b8;
	font-weight: 500;
}
#articleDetail .iframeVideo{
	width: 700px;
	height: 394px;
}
#articleDetail img.half{
	width: 224px;
}
.iframeVideoWidget{
	width: 490px;
	height: 280px;
}
	

.shareBox{
	background-color: #5aa2b8;
	width: 264px;
	height: 50px;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	padding: 5px 10px;
	margin-top: 100px;
	margin-bottom: 60px;
}
.shareBox p{
	float: left;
	margin-right: 10px;
	color: #fff;
}
.shareBox a{
	display: block;
	width: 28px;
	height: 28px;
	margin: 5px 0 5px 21px;
	float: left;
}
.shareBox img{
	height: 28px;
}

/*   SEARCH  */
#searchIntro{
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 35px;
}
#searchField{
	font-size: 24px;
	border: 4px solid #bddae3;
	border-radius: 8px 0px 0px 8px;
	padding-left: 15px;
	width: 1045px;
	height: 70px;}
#searchPageButton{
	font-size: 24px;
	border-radius: 0px 8px 8px 0px;
	height: 70px;
	background-color: #bddae3;
	width: 134px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	border: none;}
#fieldBox{
	float: left;
	width: 1045px;
	height: 70px;
	margin-bottom: 50px;
}
#buttonBox{
	float: left;
	width: 134px;
	height: 70px;
	position: relative;
}
.searchFilters{
	background-color: #bddae3;
	font-size: 20px;
	float: left;
	padding: 20px 1px 20px 15px;
	margin-right: 20px;
	height: 415px;
	margin-bottom: 80px;
	width: 280px;
}
#searchFiltersRight{margin-right: 0;}
.searchFilters label{
	width: 100%;
	display: block;
	position: relative;
	padding:0 0 0 25px;
	margin-bottom: 14px;
}
.searchFilters label p{
	font-size: 20px;
font-weight: 400;
margin-bottom: 0;
width: 80%;
line-height: 27px;
margin-top: -8px;
}
.searchFilters label input{
	top:8px;
	left: 0;
	position: absolute;
}
.searchFilters p{
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 30px;
}
.searchFilters input{
	margin-right: 15px;
	margin-bottom: 12px;
}
#searchResult table{
	width: 100%;
	margin-bottom: 60px;
}
#searchResult table .orderBox{
	float: left; 
	margin-right: 10px;
	width: 15px;
	margin-top: 4px;
	display: block;
	position: relative;
}
#searchResult table .orderBox i{
	font-size: 22px;
	float: left; 
	position: absolute;
	cursor: pointer;
}
#searchResult table .orderBox i.fa-angle-up{
	top: -13px;}
#searchResult table .orderBox i.fa-angle-down{
	top: 8px;}
#searchResult table .orderBox i.active{
	color: #bddae3;}
#searchResult table td:nth-of-type(1){
	width: 540px;
}
#searchResult table td:nth-of-type(2){
	width: 180px;
}
#searchResult table td:nth-of-type(3){
	width: 330px;
}
#searchResult table thead{
	font-size: 24px;
}
#searchResult table thead td{
	border-bottom: #5aa2b8 solid 1px;
}
#searchResult table thead td{
	padding-bottom: 15px
}
#searchResult table tbody{
	font-size: 20px;
}
#searchResult table tbody td{
	padding: 5px 10px;
}
#searchResult table tbody tr:nth-of-type(even){
	background-color: #eeeeee;
}
#searchResult table tbody tr:hover{
	cursor: pointer;
	background-color: #bddae3;
}
#searchResult table tbody td a{
	text-decoration: none;
}
#searchResult table tbody td a:hover{
	text-decoration: underline;
}




/* MENU MOBILE */	
.toggle-menu {
	width: 50px;
	height: 50px;
	display: none;
	position: fixed;
	top: 50px;
	right: 0px;
	z-index:50;
}
.toggle-menu i {
	position: absolute;
	display: block;
	height: 5px;
	background-color:#4e560f;
	width: 30px;
	right: 15px;
	-webkit-transition: all .3s;
	        transition: all .3s;
}
.toggle-menu i:nth-child(1) { top: 15px; }
.toggle-menu i:nth-child(2) { top: 24px; }
.toggle-menu i:nth-child(3) { top: 33px; }
.open-menu i:nth-child(1) {
	top: 25px;
	-webkit-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}
.open-menu i:nth-child(2) { background: transparent; }
.open-menu i:nth-child(3) { 
	top: 25px;
	-webkit-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}
#mobileHeader #logoGMOinfo{
	width:140px;
	margin-top:10px;
	margin-left:15px;}
#mobileHeader #logoGMOinfo.inMenu{
	margin-top:10px;}
#mobileMenu{
	background:#ffffff;
	width:100%;
    height: 100%;
	z-index:40;
	top:0; left:0;
	position:fixed;
	display:none;
	overflow-y: scroll;}	
#supHeaderContainerMM{
	background: #616712;
	height:14px;}
#mobileMenu #mob_header{
	z-index:2;
	width:100%;
	margin:0 auto;
	margin-top:14px;
	position:relative;
	text-align:center;}
#mobileMenu #mob_logoEverland{
	width:83px;
	margin:0 auto;}	

#mobileMenu #mob_menu{
	text-align:left;
	font-weight:700;
	font-size:18px;
	list-style:none;
	width:100%;
	line-height:30px;}
#mobileMenu #mob_menu li{
	background-color: #616712;}
#mobileMenu #mob_menu a{
	color:#ffffff;
	text-decoration:none;
	display: block;
	padding: 10px 25px;
	font-weight:500;
	border-bottom: 30px solid #b9bd6b;}
#mobileMenu #mob_menu li:nth-child(4) a{
	border: none;
}
#mobileMenu #mob_menu a:hover,#menu a.active{
	font-weight:500;}


#mobileLanguageMenu li a{
	color: #bddae3;
	display: block;
width: 100%;
background: #616712;
padding: 15px 0;
}
#mobileLanguageMenu li{
	border-bottom: 30px solid #ffffff;
	list-style: none;
	font-size: 30px;
	font-weight: 500;
	padding: 0;
}

#menuCountryMobile li{
	background:#ffffff;
	border: 1px solid #bddae3;
margin-bottom: 2px;
}
#menuCountryMobile li a{
	color: #5aa2b8;
	font-weight: 900;
	font-size: 26px;
	background: #ffffff;
	display: block;
	width: 100%;
	padding: 4px;
}

#menuCountryMobile li a:hover{
	background: #5aa2b8;
	color: #ffffff;
}

#eventsTable{
	width: 100%;
	margin-bottom: 50px;
}
#eventsTable thead{
	font-weight: 400;
	font-size: 20px;
}
#eventsTable thead td{
	border-bottom: #5aa2b8 1px solid;
	padding-bottom: 20px;
}
#eventsTable thead tr td .orderBox{
	float: left; 
	margin-right: 10px;
	width: 15px;
	margin-top: 4px;
	display: block;
	position: relative;
}
#eventsTable thead tr td .orderBox i{
	font-size: 22px;
	float: left; 
	position: absolute;
	cursor: pointer;
}
#eventsTable thead tr td .orderBox i.fa-angle-up{
	top: -10px;}
#eventsTable thead tr td .orderBox i.fa-angle-down{
	top: 5px;}
#eventsTable thead tr td .orderBox i.active{
	color: #bddae3;}
#eventsTable tbody td{
	padding: 10px 5px;
}
#eventsTable tbody td img{
	width: 56px;
}
#eventsTable tbody tr:nth-of-type(even){
	background-color: #eeeeee;
}
#eventsTable tbody tr:hover{
	text-decoration: underline;
	cursor: pointer;
}
#eventsTable td:nth-of-type(1){
	width: 66px;
}
#eventsTable td:nth-of-type(2){
	width: 150px;
}
#eventsTable td:nth-of-type(4){
	width: 390px;
}
#eventsTable td:nth-of-type(5){
	width: 150px;
}
#eventsTable td:nth-of-type(7){
	width: 150px;
}

@media (max-width : 1180px ){
	#headerContent, #headerMapContent, #headerPageContent, #footerContent, #mainContent{
		width: 100%;
	}
	.notOnMobile{
		display: none;
	}
	#headerPageContent #logoGMOinfo{
		display: none;
	}
	#headerPageContent h2{
		font-size: 24px;
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		padding: 18px 0;
	}
	#headerPage {
		height: auto;
	}
	#headerNav{
		background: none;
		height: auto;
	}
	#mobileCountryMenu,#mobileHeader{
		display: block;
	}
	.toggle-menu{
		display:inline-block;}
	#countryMenu,#headerMap{
		display: none;
	}
	#pageMenu{
		display: none;
	}
	#mainSection {
		margin-top: 0;}
	#HPintro p,#HPintro ul,#HPintro ol,#pageIntro p{
		padding: 5px 9px;
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 15px;
	}
	#HPintro .HPfullWidthImg{
		width: 100%;
	}
	
	#pageColumnOne,#pageColumnTwo,#HPcolumnOne,#HPColumnTwo{
		width: 100%;
		margin-bottom: 0;
		margin-right: 0;
	}
	#HPcolumnOne ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		height: 224px;
	}
	#HPcolumnOne ul li a{
		width: 100%;
		font-size: 22px;
	}
	#HPcolumnOne ul li a#menuTA,#HPcolumnOne ul li a#menuCB,#HPcolumnOne ul li a#menuSS,#HPcolumnOne ul li a#menuIIP{
		/*background-size: cover;*/
		
	}
	#HPcolumnOne ul li a div{
		width: 100vw;
		height: 84px;
	}
	#HPcolumnOne ul li a span{
		height: 84px;
		line-height: 34px;
		padding: 6px 20px;
	}
	#HPcolumnOne #newsHPbutton{
		font-size: 30px;
		display: block;
		width: 100%;
		line-height: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px 0;
	}
	h3.upcomingEventTitle{
		font-size: 30px;
		display: block;
		width: 100%;
		margin-bottom: 0;
		line-height: 30px;
		padding: 10px 0;
	}
	#upcomingEventsBox{
		padding: 5px;
		margin-bottom: 30px;
	}
	#upcomingEventsBox .eventTexts{
		width: auto;
	}
	#upcomingEventsBox .eventImgContainer{
		display: none;
	}
	#upcomingEventsBox .eventTexts .eventDate,#upcomingEventsBox .eventTexts .eventTitle,#upcomingEventsBox .eventTexts .eventLocation{
		font-size: 20px;
	}
	#europabioButton{
		margin-bottom: 30px;
	}
	#europabioButton p{
		font-size: 30px;
		line-height: 40px;
	}
	#twitterFeed{
		display: none;
		visibility: hidden;
	}
	#HPhighlights{
		width: 100%;
		min-height:auto;
		max-height:none;
		border: none;
		border-top: solid 4px #616712;
		border-bottom: solid 4px #616712;
		margin-bottom: 22px;
	}
	#HPhighlights li{
		font-size: 20px;
		line-height: 32px;
		font-weight: 500;
		background: url(../../img/picto_feuille_small.png) no-repeat left top;
		padding-left: 30px;
		padding-top: 0px;
		padding-bottom: 20px;
	}
	#HPhighlights h3{
		font-weight: 500;
		font-size: 30px;
		padding: 10px 0;
		border-bottom: solid 4px #616712;
	}
	#twitterFeed{
		width: 100%;
		border: none;
		border-top: solid 4px #bddae3;
		border-bottom: solid 4px #bddae3;
		margin-bottom: 22px;
	}
	#pageColumnOne .pageArticle {
		border: none;
		border-top: #bddae3 8px solid;
		padding: 25px 15px 15px 15px;
		margin-bottom: 0;
	}
	#pageColumnOne .pageArticle:hover {
		border: none;
		border-top: #5aa2b8 8px solid;
		background-color: #eee;
	}
	#pageColumnOne .pageArticle .articleDate{
		font-size: 24px;
		margin-bottom: 16px;
	}
	#pageColumnOne .pageArticle .articleType{
		margin-bottom: 11px;
		display: block;
		position: relative;
		right: auto;
		top: auto;
	}
	#pageColumnOne .pageArticle h3{
		font-size: 24px;
		line-height: 36px;
	}
	#pageColumnOne .pageArticle p {
		font-size: 20px;
		line-height: 32px;
	}
	.newsList .newsTitle {
		font-size: 30px;
		padding: 8px 0;
		font-weight: 500;
	}
	.newsList .newsListContent {padding: 9px 17px 1px 17px;}
	.newsList a{
		font-size: 20px;
		line-height: 32px;
	}
	#pageColumnTwo p#pageColumnQuote {
		border: none;
		border-top: solid 8px #5aa2b8;
		border-bottom: solid 8px #5aa2b8;
		font-size: 22px;
		line-height: 32px;
		padding: 30px 19px;
		margin-bottom: 30px;
	}
	#footerContent a{
		font-size: 16px;
		margin-right: 70px;
		margin-top: 15px;
	}
	
	.iframeVideoWidget,#articleDetail .iframeVideo{
		width: 100%;
		height: 60vw;
	}
	#articleDetail{
		padding: 10px;
	}
	#articleDetail img{
		max-width: 100%
	}
	.shareBox{
		margin-left: 10px;
	}
	#searchIntro{
		font-size: 22px;
		padding: 10px;
	}
	#fieldBox{
		width: 100%;
		margin-bottom: 0;
	}
	#searchField{
		width: 100%;
		font-size: 20px;
		border-radius: 0;
	}
	#buttonBox{
		width: 100%;
		margin-bottom: 15px;
	}
	#searchPageButton{
		-webkit-appearance:none;
		border-radius: 0;
		font-size: 20px;
		width: 100%;
		height: 50px;
	}
	.searchFilters{
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	.searchFilters p{
		font-size: 22px;
		margin-bottom: 20px;
	}
	#searchResult table thead {
    font-size: 20px;
}
	#searchResult table tbody{
		font-size: 18px;
	}
	#searchResult table tbody td.date {
    min-width: 112px;
}
}

@media (max-width : 540px ){
	#europabioButton #europabioButtonImg1{
		width: 25%;
		height: auto;
	}
	#europabioButton #europabioButtonImg2{
		width: 65%;
		height: auto;
	}
}