/*
	GENERAL
*/
html, body { box-sizing: border-box; margin: 0px; padding: 0px; background-color: rgb(25,52,73); font-family: 'Lato', 'Sans-serif'; height:100%; }

html { font-size: 100%; }
body { font-size: 1.1em; background-position: 50% 0%; background-repeat:no-repeat; background-size: 100% auto; }


.showIpad { display:none; }
.showIphone { display:none; }

/*
	PREVENT IOS
*/

.slicknav_menu { display: none; }

/*
	FONTS
*/




@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff2') format('woff2'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'CITbeta-CondensedBold';
    src: url('fonts/citbeta-condensedbold-webfont.eot');
    src: url('fonts/citbeta-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/citbeta-condensedbold-webfont.woff2') format('woff2'),
         url('fonts/citbeta-condensedbold-webfont.woff') format('woff'),
         url('fonts/citbeta-condensedbold-webfont.ttf') format('truetype'),
         url('fonts/citbeta-condensedbold-webfont.svg#citbetacondensed_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*
@font-face {
    font-family: 'FiraSans-Regular';
    src: url('fonts/firasans-regular-webfont.eot');
    src: url('fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('fonts/firasans-regular-webfont.woff') format('woff'),
         url('fonts/firasans-regular-webfont.ttf') format('truetype'),
         url('fonts/firasans-regular-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/*
	USAGE
*/

a { color: inherit; text-decoration: none; }

b, strong { font-weight: bold; }

.clear { clear: both; }


p { margin-top:0px; margin-bottom:10px; font-size: 0.8em; line-height: 1.3em; color:white; font-weight: normal; }
h1 { color: black; font-size: 2.2em; line-height: 1em; font-weight: 400; font-family: 'BebasNeue', 'Arial', 'Sans-serif'; }
h2 { color:rgb(0, 157, 98); font-size: 26px; font-weight: 400; line-height: 1em; font-family: 'BebasNeue', 'Arial', 'Sans-serif';  }
h3 { color:white; font-size: 22px; font-weight: 400; line-height: 1em; font-family: 'BebasNeue', 'Arial', 'Sans-serif';  }

.typo-titre { font-weight: 400; font-family: 'BebasNeue', 'Arial', 'Sans-serif'; }

/*
	COLORS
*/

a:hover { color: inherit; }

.white { color:white; }
.yellow { color:rgb(17,43,66); }
.darkYellow { color:rgb(255,207,17); }
.blue { color:rgb(65,189,243); }
.darkBlue { color:rgb(25,52,73); }

/*
	LAYOUT
*/
.bgImage { background-position: 50% 0%; background-repeat:no-repeat; background-size: 100% auto; }

.border { border:1px solid pink; }

.wrapperContent { max-width: 960px; margin: auto; }

.clear { clear:both; }
.spacer20 { clear:both; height:20px; }
.spacer10 { clear:both; height:10px; }
.spacerHeaderNav { height:90px; }

h1.headerTitle { font-size: 5em; line-height: 1em; text-transform: uppercase; }
h2.headerTitleInfography  { font-size: 3.6em; line-height: 1em; text-transform: uppercase; }
h3.btMore { font-size: 1.6em; line-height: 1.2em; color:rgb(255,207,17); margin:10px; margin-left:0px; border-bottom:1px solid rgb(255,207,17); }

h3.actu { font-size: 1.6em; line-height: 1.2em; color:rgb(255,207,17); margin:10px; margin-left:0px; border-bottom:1px solid rgb(255,207,17); }
p.actu { font-size: 1em; line-height: 1.2em; text-align:left; }

.btMore .fa-plus-square-o { float:right; }


.full-height { min-height:100vh; position:relative; }

.spacerFooter { height:80px; }

.spacerTop { height:40px; }

.image-resize { max-width: 100%; }

.marginTop10 { margin-top:10px; }

.text-shadow { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); }


.innerBG { padding:10px 30px; background-color:rgba(25,52,73,0.8); }
.spacerLine { display: inline-block; width:10px; }


.sideSocialToolbar { position:fixed; top:40%; right:0px; z-index: 1000; }
	
a.btSocialToolbar { display:block; clear:both; float:right; width:30px; padding:5px; min-width:30px; font-size: 30px; text-align: center; line-height: auto; color:white; background-color:rgb(128,0,77); 	
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
a.btSocialToolbar:hover { width:60px; }
	
	
/* WRAPPER = 960px and TOOLBAR = 40px */
@media only screen and (max-width: 1000px)
{
	.sideSocialToolbar { display:none; }
}
	
	
.imgResponsive { float:left; margin-right:10px; width:100%; margin-bottom:10px; }

/* FOOTER */
#bottomNavbar { background-image: none; background-color:white; border-radius: 0px; box-shadow: none; border: none; border-top:2px solid rgb(0,106,79); height:80px; font-weight: 700; text-transform:uppercase; padding-top:38px; }
#bottomNavbar2 { background-image: none; background-color:white; border-radius: 0px; box-shadow: none; border: none; border-top:2px solid rgb(0,106,79); height:80px; padding-top:12px; }

#bottomNavbar .footer-flags { float:left; margin-left: 10px; }
#bottomNavbar .footer-flags img { margin-top:15px; }

#bottomNavbar .footer-text { float:left; width: calc(100% - 330px); }
#bottomNavbar .footer-text p { font-size:.8em; color:white; margin-left:10px; margin-top:17px; margin-right: 10px; }

#bottomNavbar .footer-socials { float:right; margin-right: 10px; color:black; font-size:10px; margin-top:0px; text-align: right; }
#bottomNavbar .footer-socials img { margin-top:10px; }

#bottomNavbar .footer-patronage { display: inline-block; margin-left:190px; margin-right:20px; font-size:10px; }

.footer-patronage2 {   
	display: block;
	position: absolute;
	left: 190px;
	font-size: 12px;
	width: calc(100% - 200px);
	text-align: right; 
	top:18px;
	line-height: 26px;
}

.footer-socials2 {   
	display: block;
	position: absolute;
	font-size: 12px;
	left: calc(60% + 110px); 
	width: calc(40% - 120px); 
	text-decoration:none;
}
.footerDrapeauTogo {
	width:30px;
	height:18px;
	margin-right:10px;
}

#armoiriesTogo { position:absolute; left:30px; top:-65px; width:130px; height:131px; background-image: url('../img/layout/armoiries-togo.png'); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }


.footerSectionTitle { color:white; font-weight: bold; font-size: 12px; line-height: 14px; }
a.btSocialFooter, a.btSocialFooter:hover { display:inline-block; font-size: 20px; line-height: 24px; width:30px; min-width: 30px; padding:3px 5px; text-align: center; color:rgb(0,106,154); background-color:white; margin-right:10px; }



.footerRAA { background-color:rgb(0,106,154); font-size: 12px; line-height: 14px; padding-bottom:20px; }

.footerRAA p { font-size: 12px; line-height: 14px; }

.footerRAA .btn-footer { font-size: 12px; padding:3px 12px; }

/*
	BOOTSTRAP MENU
*/

#mainNavbar { background-image: none; background-color:rgb(0,106,154); border-radius: 0px; box-shadow: none; border: none; }
.navbar-default .navbar-toggle .icon-bar { background-color:black; }

#navTogo ul li { border-bottom:3px solid transparent; height:50px; }
#navTogo ul li a { background-color:transparent; background-image: none; color:white; text-shadow: none; text-transform: uppercase; font-size: .8em; font-family: 'Lato', sans-serif; /*max-width: 200px;*/ display: table-cell; vertical-align: middle; height:50px; }
#navTogo ul li.active { border-bottom:3px solid white; }
#navTogo ul li.active a { color:white; box-shadow: none; }

#navTogo ul li a:hover { color:rgb(255,207,17); }

.navbar-collapse.collapse { text-align: center; }
.navbar-nav { display: inline-block; float: none; margin: 0px; }  

#navTogo .dropdown-menu { background-color:rgb(0,106,154); }

#navTogo ul li ul li { height:40px; }
#navTogo ul li ul li a { color:white; text-align: center; height:40px; }
#navTogo ul li ul li a:hover { color:rgb(255,207,17); }

#mainNavbar a.bt-lang { margin-right: 15px; color:white; font-size: 12px; line-height: 12px; }
#mainNavbar a.bt-lang:hover { color:white; }

#mainNavbar a.dlBrochure { color:white; text-decoration: underline; line-height:26px; font-size:12px; padding-left: 20px; text-transform: uppercase; }

#mainNavbar .bloc-ua { display:block; color:black; font-size: 10px; line-height: 10px; text-transform: uppercase; padding-top:10px; font-weight: 700; }

#mainNavbar .bloc-ua2 { display:block; color:black; font-size: 13px; line-height: 15px; padding-top:32px; }
.headerPhraseUA { display:block; min-width:	550px; position:relative; top:-6px; }

/* #mainNavbar .logo-nav { margin-top:15px; margin-left: 15px; } */
#mainNavbar .logo-nav { margin: 0px 10px 0px 0px; padding: 10px; }

/*
	HEADER
*/

.headerFlag { display:inline-block; position:relative; top:0px }
.headerFlagUA { display:inline-block; position:relative; top:-15px; margin-right: 10px; margin-left:20px;}
    
    
/* MMENU */

#mMenu ul { margin-top:100px; }

#tabmenu li { border-left:3px solid transparent; }
#tabmenu li.active { border-left:3px solid white; }
#tabmenu li.active a { color:white; }

.mm-menu { background: none repeat scroll 0 0 rgb(0, 61, 77); color: rgba(255, 255, 255, 0.6); }

/*
	HOME
*/
.logoHome { display: inline-block; margin-top: 100px; max-height: 30vh;}
a.homeLink { display: inline-block; position: relative; width: 250px; height:250px; background-size: cover; background-position: 50% 50%; border:2px solid white; }

a.homeLink .title { position:absolute; top:30px; padding-left:15px; font-size: 1.9em; line-height: 1.1em; text-transform: uppercase; text-align: left; color:white; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); }

a.homeLink:hover { border:4px solid rgb(247,241,0); }
a.homeLink:hover .title { top:28px; padding-left:13px; color:rgb(247,241,0); }

#background_cycler { padding:0px; margin:0px; top:0px; left:0px; width:100%; z-index:-1; }
#background_cycler img { position:absolute; top:0px; left:0px; width:100%; z-index:1;  }
#background_cycler img.active { z-index:3; }

.wrapperSocials { position:absolute; bottom:110px; width:100%; text-align:center; }

.logoHeader { width:auto; height:60px; }

.boxPlanning {  }
.boxPlanning .inner { background-color:rgb(25,52,73); margin:0px 10px; margin-top:0px; border-top:1px solid white; }
.boxPlanning .titreAgenda { font-size: 1.2em; text-transform: uppercase; font-weight: bold; margin-bottom:20px; padding:10px 0px; border-bottom:1px solid white; color:rgb(65,189,243); text-align: center; }
.boxPlanning p { text-align: center; margin-left:10px; margin-right: 10px; font-size: 16px; }

.slickReel { margin-left:20px; }

.downloadLink { color:white; background-color:rgba(25,52,73,0.8); font-size:14px; font-weight:bold; text-decoration:underline;}
/*
	SOMMET
*/

.boxBlue { margin:0px 30px; padding:10px 30px; background-color:rgba(25,52,73,0.8); /*border:5px solid rgb(65,189,243);*/  }
.boxTheme { margin:0px 30px; padding:10px 30px; background-color:rgba(25,52,73,0.8); color:white; font-size: 0.9em; }


/*
	LE TOGO
*/

h1.togoTitle { margin-top:0px; font-size: 6.5em; line-height: 1em; text-transform: uppercase; font-family: 'BebasNeue'; color:white; }
h2.togoTitle { margin:0px; font-size: 1.3em; line-height: 1.2em; color:white; }
h3.togoTitle { font-size: 1em; color:white; }

h2.togoTitle2 { font-size: 3.8em; margin-bottom: 0px; margin-top:0px; line-height: 0.8em;   }

.separatorYellow { display:inline-block; width:12px; height:2px; background-color:rgb(247,159,2); margin-bottom: 10px; margin-top:5px; }
.separatorWhite { display:inline-block; width:12px; height:2px; background-color:white; margin-bottom: 10px; margin-top:5px; }

.wrapperList { display: block; padding:5px; margin-bottom:10px; background-color:rgba(247,159,2,0.6); text-align: center; color:white; }
.wrapperList .number { float:left; position:relative; top:-5px; left:-5px; padding:5px 10px; text-align: center; font-weight: bold; background-color:rgb(163,200,30); }
.wrapperList .title {}


a.togoLink { display: inline-block; margin:10px 20px; position: relative; width: 200px; height:120px; background-size: cover; background-position: 50% 50%; border:2px solid white; font-weight: bold; }
a.togoLink .title { position:absolute; top:30px; padding-left:15px; font-size: 1em; line-height: 1.1em; text-transform: uppercase; text-align: left; color:white; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9); }
a.togoLink:hover { border:4px solid rgb(247,241,0); }
a.togoLink:hover .title { top:28px; padding-left:13px; color:rgb(247,241,0); }

a.boxHome { /*width:260px;*/ width:30%; height:130px; margin-left:0px; }

img.imgArticleTogo { margin-bottom: 10px; }

a.btReadMore { color:white; text-decoration: underline; font-size: 12px; }
a.btReadMore div.glyphicon { font-size: 1.5em; position: relative; top:5px; }

a.btReadLess { color:white; text-decoration: underline; font-size: 12px; }
a.btReadLess div.glyphicon { font-size: 1.5em; position: relative; top:5px; }

a.linkAnchor { float:right; font-size: 2em; color:white; margin-right: 30px; text-decoration: none; }

a.togoGal { display:inline-block; width:120px; height:120px; border:2px solid white; margin-right:20px; margin-top:10px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

/*
	SECURITE MARITIME
*/


h1.titleSecu2 { font-size: 3em; line-height: 1em; text-transform: uppercase; font-family: 'BebasNeue'; color:white;  }

/*
	REGISTRATION
*/

.wrapperHotel { clear:both; font-size: 14px; line-height: normal; color:white; padding: 8px 0px; }
.wrapperHotel .hotelName { float:left; font-weight: bold; }
.wrapperHotel .hotelPhone { float:right; text-align: right; }

.embassyWrapper { color:white; font-size: 14px; line-height: normal; word-wrap: break-word; }
.ui-tabs .ui-tabs-nav li { white-space: normal; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: rgb(65,189,243); color:white; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; background-color: none; color:white; font-size: 16px; border: none;  }

#local, #abroad { padding:10px 0px; }

/*
	PRESENTATION
*/

.high { font-size:1.1em; font-weight:bold; color:rgb(255,207,17); }
.blocUA { padding:40px; text-align: center; }
.blocUA .drapeauUA { display:inline-block; margin-right:20px; margin-bottom: 20px; }
.blocUA .drapeauUA img { width:60px; height:40px; 
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/*
	OPPORTUNITES ECO
*/
#readMoreEconomie p { line-height: 1.6em; }

/*
	INFOS
*/

.panelMore { color:white; font-size:1em; margin-bottom: 30px; }
.panelMore a:hover { color:white; }
.ongletAmbassade { background-color:rgba(25,52,73,0.8); color:white; font-size: 1.2em; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color:rgb(25,52,73); color:white; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:white; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color:none; }

	.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor:pointer; }


/*
	MEDIA COVERAGE
*/

.wrapperMediaCoverage { float:left; width:200px; height:370px; margin-right: 30px; margin-bottom: 20px; margin-top:30px; margin-left:40px; }
.wrapperMediaCoverage .boxCoverage { display:block; position:relative; width:200px; height:200px; margin-right:60px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; text-decoration:none; margin-bottom: 10px;
	/*border:5px solid white; */
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.wrapperMediaCoverage .pcSite { color:white; font-size: 16px; line-height: 16px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; height:30px; }
.wrapperMediaCoverage .pcDate { color:rgb(255,207,17); font-size: 12px; text-align: right; }
.wrapperMediaCoverage .label { font-size: 14px; line-height: 14px; white-space:normal; font-weight: normal; color:white; padding:10px 0px 5px 0px; }
.wrapperMediaCoverage .content { font-size: 12px; line-height: 16px; color:rgb(90,90,90); }
.wrapperMediaCoverage .btReadMore { float:right; margin-top:10px; padding:5px 10px; font-size: 14px; line-height: 16px; color:white;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(62, 118, 186)),
		color-stop(1, rgb(48, 78, 115))
	);
	background-image: -o-linear-gradient(bottom, rgb(62, 118, 186) 0%, rgb(48, 78, 115) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62, 118, 186) 0%, rgb(48, 78, 115) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62, 118, 186) 0%, rgb(48, 78, 115) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62, 118, 186) 0%, rgb(48, 78, 115) 100%);
	background-image: linear-gradient(to bottom, rgb(62, 118, 186) 0%, rgb(48, 78, 115) 100%);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

/*
	PRESS RELEASES
*/

.pressIllustration { margin-left:20px; max-height: 280px; }



/*
	SPEAKERS CENTRAL
*/

a.wrapperSpk { float:left; margin-top:20px; width:150px; height:250px; margin-right:60px; text-decoration: none; background-color:rgba(255,255,255,0.7); padding:5px; }
.wrapperSpk .imgSpk { float:left; margin-right: 20px; margin-bottom: 20px; }
.wrapperSpk .nameSpk { font-family: 'BebasNeue'; color:white; font-size: 1.2em; line-height: 1em; }
.wrapperSpk .bioSpk { color:white; font-size: 0.8em; line-height: 1.2em; }
.wrapperSpk .bioSpk p  { font-size: 1em; line-height:1.2em; }
.wrapperSpk .separatorBlue { display:inline-block; width:12px; height:2px; background-color:rgb(65,189,243); margin-bottom: 10px; margin-top:5px; }


.spk_div { float:left; margin-left:20px; margin-bottom:20px; width:140px; height:250px; background-color:rgb(230, 230, 230); padding:20px; 
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a.spk_div:hover { text-decoration:none; background-color:rgb(210, 210, 210); }

.wrapperSpk .spk_photo { display:block; width:140px; height:140px; border:1px solid white; background-repeat:no-repeat; background-position:50% 0%; background-size: cover; }
.spk_name { display:block; margin-top:5px; margin-bottom:5px; font-size:16px; line-height: 16px; color:rgb(25,52,73); }
.spk_company { display:block; margin-top:0px; font-size:11px; line-height:12px; color:black; font-style:normal; }
.spk_country { display:block; font-size:11px; line-height:12px; color:black; font-style:normal; }

.wrapperSpkBio { display: none; }
.vbox-inline .wrapperSpkBio { display: block; }

.spkBio { display:none; }

.wrapperSpkBio { padding:20px; box-sizing: border-box; }
.wrapperSpkBio .spk_photo { float:left; width:140px; height:140px; background-repeat:no-repeat; background-position:50% 0%; background-size: cover; margin-right: 20px; }
.wrapperSpkBio .spk_name { margin-top:0px; background-color:rgb(65,189,243); color:white; padding:10px; font-size:20px; font-weight: bold; }
.wrapperSpkBio .spk_company { font-size:16px; color:rgb(25,52,73); padding-bottom:10px; }
.wrapperSpkBio .spk_country { font-size:16px; color:rgb(25,52,73); }

.wrapperSpkBio .spk_bio { clear:both; padding-top:30px; font-size:14px; }
.wrapperSpkBio p { color:black; margin-left: 0px; font-size: 14px; line-height: 16px; }


/*
	HOME DELAY
*/
.stamp-delay { position: absolute; z-index: 2000; top:-20px; left:-70px; width:100px; height:100px; background-image: url('../img/home/stamp-delay.png?v=3'); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color:rgb(25,52,73); border:1px solid white;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg);
}


.imgHome { margin-left:20px; margin-bottom:20px; width:300px; }
@media only screen and (max-width: 600px)
{
	.imgHome { width:100%; float:none; margin-left:0px; display:block; }
}