/****************/
/* BASIC */
/****************/
html body { width:100%; height:100%; margin: 0px; padding:0px; }


body { font-family: 'Roboto', sans-serif; font-size:.9em; color:rgb(88, 88, 90); background-color:rgb(237, 237, 237);  }

#wrapperMmenuLayout { background-image:url('../img/template/body-bg.gif');  background-position:0% 100%; background-repeat:repeat-x; position:relative; }

#mMenu.mm-menu { display:none; }
#mMenu.mm-menu.mm-opened { display:block; }

.nodeco {
	text-decoration: none;
    color: inherit;
    cursor: pointer;
}

img { border:none; }

.align-right { float:right; }
.align-left { float:left; }
.clear { clear:both; }
.justify { text-align:justify; }
.center { display:block; margin:auto; }

/********************
   LAYOUT
********************/
	.ib {display:inline-block;}
	.w100 { width:100%;}
	.w75 { width:75%;}
	.w50 { width:50%;}
	.w25 { width:50%;}
	.h100 { height:100%; }
	.abs { position:absolute!important;}
	.rel { position:relative;}
	.left { left:0; }
	.right { right:0;}
	.bottom {bottom:0;}
	.top { top:0;}
	.nomargin { margin:0;}
	.w1-12,.w2-12, .w3-12, .w4-12,.w5-12, .w6-12,  .w7-12, .w8-12, .w9-12, .w10-12, .w11-12, .w12-12, .w1-3, .w2-3, .w3-3, .w1-4, .w2-4, .w3-4,.w4-4, .w1-2,.w2-2 { display:inline-block; vertical-align: top; box-sizing: border-box; }
	.w1-12 {  width:8.33%;}
	.w2-12 {  width:16.66%;}
	.w3-12 {  width:25%;}
	.w4-12 {  width:33.33%;}
	.w5-12 {  width:41.66%;}
	.w6-12 {  width:50%;}
	.w7-12 {  width:58.33%;}
	.w8-12 {  width:66.66%;}
	.w9-12 {  width:75%;}
	.w10-12 { width:83.33%;}
	.w11-12 { width:91.66%;}
	.w12-12 {  width:100%;}
	
	.w1-4 { width:25%;}
	.w2-4 { width:50%;}
	.w3-4 { width:75%;}
	.w4-4 { width:75%;}
	
	.w1-3 { width:33.33%;}
	.w2-3 { width:66.66%;}
	.w3-3 { width:100%;}
	
	.w1-2 { width:50%;}
	.w2-2 { width:100%;}
	
	.whidden {display:none;}
	
	

	
	/* GOUTTIERES */
	.g { display:inline-block; width:1.94vw; }
	.gg { margin-left:1.93vw; }
	.gd { margin-right:1.93vw; }
	/* BORDURES */	
	.b { display:inline-block; width:6.59vw; }
	.bg { margin-left:6.59vw; }
	.bd { margin-right:6.59vw; }
	/* MARGES DROITE */	
	.mr5 { margin-right:5px; }
	.mr10 { margin-right:10px; }
	.mr15 { margin-right:15px; }
	.mr20 { margin-right:20px; }
	
	/* MARGES TOP */	
	.mt1 { margin-top:1vw; }
	.mt2 { margin-top:2vw; }
	.mt3 { margin-top:3vw; }
	.mt4 { margin-top:4vw; }
	.mt5 { margin-top:5vw; }
	.mt10 { margin-top:10vw; }
	.mt15 { margin-top:15vw; }
	.mt20 { margin-top:20vw; }
	.mt25 { margin-top:25vw; }
	.mt30 { margin-top:30vw; }
	.mt35 { margin-top:35vw; }
	.mt40 { margin-top:40vw; }
	.mt45 { margin-top:45vw; }
	.mt50 { margin-top:50vw; }
	.mt55 { margin-top:55vw; }
	.mt60 { margin-top:60vw; }
	.mt65 { margin-top:65vw; }
	.mt70 { margin-top:70vw; }
	.mt75 { margin-top:75vw; }
	.mt80 { margin-top:80vw; }
	.mt85 { margin-top:85vw; }
	.mt90 { margin-top:90vw; }
	.mt95 { margin-top:95vw; }
	.mt100 { margin-top:100vw; }

	.mt300 { margin-top:300vw; }
	/* MARGES BOTTOM */	
	.mb1 { margin-bottom:1vw; }
	.mb2 { margin-bottom:2vw; }
	.mb3 { margin-bottom:3vw; }
	.mb4 { margin-bottom:4vw; }
	.mb5 { margin-bottom:5vw; }
	.mb10 { margin-bottom:10vw; }
	.mb15 { margin-bottom:15vw; }
	.mb20 { margin-bottom:20vw; }

	/* PADDING */	
	.pl5 { padding-left:5px; }
	.pl10 { padding-left:10px; }
	.pl15 { padding-left:15px; }
	.pr5 { padding-right:5px; }
	.pr10 { padding-right:10px; }
	.pr15 { padding-right:15px; }
	.pt5 { padding-top:5px; }
	.pt10 { padding-top:10px; }
	.pt20 { padding-top:20px; }
	.pb5 { padding-bottom:5px; }
	.pb10 { padding-bottom:10px; }
	.pb20 { padding-bottom:20px; }
	
	.mb5 { margin-bottom:5vw; }
	.mb10 { margin-bottom:10vw; }
	.mb15 { margin-bottom:15vw; }
	.mb20 { margin-bottom:20vw; }
	
	/****** MOBILE *******/
	@media screen and (max-width: 768px) {
		header.navbar {
			height: 90px;
		}
		
		.logo_header img {
			/*padding: 10px 20px 20px 0px;*/
			
			max-height: 90px;
			padding: 10px 0px 10px 20px;
			max-width: 130px;
		}
		
		.cacheHeader {
			height: 90px;
		}
		
		.date_header {
		font-size: 0.7em;
		margin-left: 10px;
		font-family: poppins,NotoKufi;
		line-height: 1.2;
		margin-top: 39px;
		}
	
		.bgm { margin-left:6.59vw; }
		.m100 { width:100%;}
		.m50 { width:50%;}
		
		.whidden {display:unset;}
		.mhidden {display:none!important;}
		
		/* LARGEUR DES BLOCS */
		.ib {display:inline-block;}
		.wm100 { width:100%;}
		.wm75 { width:75%;}
		.wm50 { width:50%;}

		.m1-12,.m2-12, .m3-12, .m4-12,.m5-12, .m6-12,  .m7-12, .m8-12, .m9-12, .m10-12, .m11-12, .m12-12, .m1-3, .m2-3, .m3-3, .m1-4, .m2-4, .m3-4,.m4-4, .m1-2,.m2-2 { display:inline-block; vertical-align: top; box-sizing: border-box; }
		.m1-12 {  width:8.33%;}
		.m2-12 {  width:16.66%;}
		.m3-12 {  width:25%;}
		.m4-12 {  width:33.33%;}
		.m5-12 {  width:41.66%;}
		.m6-12 {  width:50%;}
		.m7-12 {  width:58.33%;}
		.m8-12 {  width:66.66%;}
		.m9-12 {  width:75%;}
		.m10-12 { width:83.33%;}
		.m11-12 { width:91.66%;}
		.m12-12 {  width:100%;}
		
		.m1-4 { width:25%;}
		.m2-4 { width:50%;}
		.m3-4 { width:75%;}
		.m4-4 { width:75%;}
		
		.m1-3 { width:33.33%;}
		.m2-3 { width:66.66%;}
		.m3-3 { width:100%;}
		
		.m1-2 { width:50%;}
		.m2-2 { width:100%;}
		
	.plmnone { padding-left:0px;}
	.prmnone { padding-right:0px;}
	.ptmnone { padding-top:0px;}
	.pbmnone { padding-bottom:0px;}
	.plm5 { padding-left:5px; }
	.plm10 { padding-left:10px; }
	.plm15 { padding-left:15px; }
	.prm5 { padding-right:5px; }
	.prm10 { padding-right:10px; }
	.prm15 { padding-right:15px; }
	.ptm5 { padding-top:5px; }
	.ptm10 { padding-top:10px; }
	.ptm20 { padding-top:20px; }
	.pbm5 { padding-bottom:5px; }
	.pbm10 { padding-bottom:10px; }
	.pbm20 { padding-bottom:20px; }


	}

	.spacer { display:block; height:20px; }
	.spacer2 { clear:both; height:2vw; }
	.spacer5, .spacerV { clear:both; height:5vw; }
	.spacer10 { clear:both; height:10vw; }
	.spacer20 { clear:both; height:20vw; }
	.spacer30 { clear:both; height:30vw; }
	.spacer40 { clear:both; height:40vw; }
	.spacer50 { clear:both; height:50vw; }
	.spacer100 { clear:both; height:100vw; }

	.tble    { display: table; }
	.tr       { display: table-row;  }
	.thead    { display: table-header-group }
	.tbody    { display: table-row-group }
	.tfoot    { display: table-footer-group }
	.col      { display: table-column }
	.colgroup { display: table-column-group }
	.td, .th   { display: table-cell; width: 50%; }
	.caption  { display: table-caption }

	.tble,
	.thead,
	.tbody,
	.tfoot,
	.tr,
	.td,
	.th{
	  padding: 0;
	}
	
	.floatright { float:right;}
	.floatleft { float:left;}
	.vtop { vertical-align:top;}
	.vcenter { vertical-align:middle;}
	.vbottom { vertical-align:bottom;}
	.tleft {text-align:left;}
	.tright {text-align:right;}
	.tcenter {text-align:center;}
	.mleft { margin-left: 1vw; }
	.mleft2 { margin-left: 2vw; }
	.mleft3 { margin-left: 3vw; }
	.mleft4 { margin-left: 4vw; }
	.mleft5 { margin-left: 5vw; }

	.mright { margin-right: 1vw; }
	.mright2 { margin-right: 2vw; }
	.mright3 { margin-right: 3vw; }
	.mright4 { margin-right: 4vw; }
	.mright5 { margin-right: 5vw; }	
 
	.mtop { margin-top: 1vw; }
	.mtop2 { margin-top: 2vw; }
	.mtop3 { margin-top: 3vw; }
	.mtop4 { margin-top: 4vw; }
	.mtop5 { margin-top: 5vw; }
	
	.mbottom { margin-bottom: 1vw; }
	.mbottom2 { margin-bottom: 2vw; }
	.mbottom3 { margin-bottom: 3vw; }
	.mbottom4 { margin-bottom: 4vw; }
	.mbottom5 { margin-bottom: 5vw; }
	
	
	.link {	font-family: Lato;
		font-size: 1.13vw;
		font-weight: normal;
		font-style: normal;
	}


	
	@media screen and (min-width: 769px) {
		.mobile { display:none; }
	}
	@media screen and (max-width: 768px) {
		.desktop { display:none; }
		
		.tmleft {text-align:left;}
		.tmright {text-align:right;}
		.tmcenter {text-align:center;}
	}





.shadow {
	border: 1px solid grey;
	
	/*-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;*/
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.italic { font-style: italic; }


.bg-blue { background-color:rgb(39, 42, 78); color:white; }
.blue { color:rgb(79, 122, 172); }

.break { clear: both; }

/****************/
/* HOME */
/****************/
.sliderHome { height:200px; }
.sliderHome ul { list-style: none; }
.sliderHome ul li { display: none; }
.sliderHome ul li a { display: block; width:918px; height:200px; background-position: 50% 50%; background-repeat:no-repeat; text-decoration: none; }
.sliderHome ul li a div { text-align: right; color:white; font-weight: bold; font-size: 36px; line-height: 46px; padding-top: 20px; padding-right: 20px; text-transform: uppercase; 
	text-shadow: 2px 2px 2px black;
}

.sliderHome ul li a div.sliderSmaller { text-shadow: 2px 2px 0px black; font-size: 32px; line-height: 36px; }



.sliderHome ul li a div sup { font-size: 0.4em; }
.sliderHome .flex-control-nav { position:relative; width: auto; top:15px;  }

@media screen and (max-width:960px)
{
	.sliderHome { margin-top:20px; }
	.sliderHome ul li a div.sliderSmaller { font-size: 20px; line-height: 22px; }
}

.sliderPartners { height:600px; }
.sliderPartners ul li { display: none; width:918px; height:200px; background-position: 50% 50%; background-repeat:no-repeat; }

@media screen and (max-width:925px)
{
	.sliderPartners ul li { display: none; width:100%; height:auto; }
	.sliderPartners ul li img { width:100%; max-width: 100%; height:auto; }
	.sliderPartners { height:auto; background-size: cover; }
	.sliderHome ul li a { display: block; width:100%; height:200px; background-position: 50% 50%; background-repeat:no-repeat; text-decoration: none; }
}

@media screen and (max-width:650px)
{
	.sliderHome, .sliderHome ul li a { height:150px; background-size: cover; }
	.sliderHome ul li a div { font-size: 20px; line-height: 24px; }
}

.responsivetitle { font-size:3em; }
@media screen and (max-width:620px)
{
	.responsivetitle { font-size:2em; }
}

/****************/
/* MMENU */
/****************/

.wrapperHeaderResponsive { display:none; }

.wrapperHeaderResponsive .navbar-toggle { position:absolute; z-index: 1001; margin-left: 10px; margin-top: 10px; font-size: 24px; color:rgb(23,55,94); }


.mm-menu { background-color:rgb(237,237,237); color:black; }

.mm-menu .mm-list > li > a.mm-subopen::after, .mm-menu .mm-list > li > a.mm-subclose::before { border-color:black; }
.mm-menu .mm-list > li > a.mm-subclose { color:rgb(88,88,90); }


.sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.navbar-toggle .icon-bar { border-radius: 1px; display:block; height:2px; width:22px; }





/****************/
/* LAYOUT */
/****************/

.spacer5 { height:5vw;}
.spacer10 { height:10vw;}

#topofpage { width:100%; position:fixed;  top:0px;  background-color:rgb(255,255,255);  z-index:1000; }

#header { display:block; height:182px;  margin:auto; width: 960px; position:relative; background-image:url('../img/template/logo-CHAM2.png'); background-position:center; background-repeat:no-repeat; background-color:rgb(255,255,255);    }
#wrapper { display:block; width:960px; margin:auto; position: relative; top:214px; background-color:white;}
#content { display:block;  padding:20px; }

#footer { display:block; margin-top:220px; clear:both; text-align:center; padding:10px; font-size:.9em; }

#bottom-spacer { display:block; clear:both; height:40px; width:20px; }

.anchor { position:relative; }
.anchor a {
  position: absolute;
  left: 0px;
  top: -60px;
}

#mMenu { display: none; }

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

@media screen and (max-width : 960px)
{
	#topofpage { display:none; }
	#wrapper { box-sizing: border-box; width:100%; padding:10px; top:17vw; }
	/* Header Responsive */
	.wrapperHeaderResponsive { position:fixed; top:0px; left:0px; display:block; width:100%; background-color:white; border-bottom:2px solid rgb(23,55,94); z-index: 1001; overflow: hidden; height:17vw; }
	
	.fixfixed.wrapperHeaderResponsive { position:absolute; }
	
	#flagResponsive { position:absolute; top:10px; right:10px; width:30px; height:20px; z-index:10; background-image:url('../img/template/alt-lang-flag.gif'); }
	.imgResponsiveHeader { display:block; position:relative; width:calc(100% - 80px); height:100%; text-align: center; box-sizing:border-box; margin-right:auto; margin-left:auto;
		padding:0px; 
		-webkit-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}
	.imgResponsiveHeader { padding:0px; }
	.imgResponsiveHeader img { width:100%; height:auto; }
		
	#content { padding:0px; }
	
	#mMenu { display: block; }
	#footer { margin-top: 17vw; }
	.anchor { display: block; position:relative; top:-17vw; }
}

.addthis_toolbox { width:400px; margin:auto; }
@media screen and (max-width : 400px)
{
	.addthis_toolbox { clear:both; margin-top:30px; width:100%; }
}



.btn {
	color:rgb(39, 42, 78); background-color:rgb(193,211,229); margin-top:0px; margin-bottom:10px; padding:5px 10px; text-decoration: none; font-size: 16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


/****************/
/* MENU */
/****************/
#centeredmenu { clear:both; float:left; margin:0; margin-top:0px; padding:0; width:100%; font-size:1.1em; z-index:900; position:relative; height:32px; background-color: rgb(39,41,78); font-family: 'Oswald', Calibri, Helvetica, Arial, sans-serif; }

/* Top menu items */
#centeredmenu ul { margin:0; padding:0; list-style:none; /*list-style-image:url('../img/menu/del.gif');*/ float:right; position:relative; right:50%; }
#centeredmenu ul li { margin:0 0 0 80px; padding:0; float:left; position:relative; left:50%; }
#centeredmenu ul li a { box-sizing: content-box; display:block; margin:0; padding:8px 15px 8px 15px; font-size:1.2em; line-height:1em; text-decoration:none; color:rgb(255, 255, 255);  height:auto;  background-position:0px 0px; background-repeat:repeat-x; }

#centeredmenu ul li:first-child { margin-left:0px; }

#centeredmenu ul li.active a { color:white; background-position:0px -32px;  background-color:rgb(0, 105, 164); }
#centeredmenu ul li a:hover { color:white; background-position:0px -32px; background-color:rgb(0, 105, 164); }
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { color:white;  background-position:0px -32px; background-color:rgb(0, 105, 164); } /* IE 6 */

/* Submenu items */
#centeredmenu ul ul { display:none; position:absolute; top:32px; left:0; float:left; right:auto; width:160px; list-style:none; }
#centeredmenu ul ul li { left:auto; margin:0; clear:left; float:left; width:100%; }
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { font-size:.95em; font-weight:normal; line-height:1.1em; border-bottom:none; float:left; width:100%; background-color:rgb(237, 237, 237); color:rgb(88, 88, 90); background-image:none; text-decoration:none; border-top:1px solid rgb(188, 188, 190); }
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { float:left;  background-color:rgb(0, 105, 164); color:white; }

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last { left:auto; right:0; }
#centeredmenu ul ul.last li { float:right; position:relative; right:.8em; }

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */ display:block; /* Show the sub menus */ }


/* Third level Submenu items */
#centeredmenu ul ul ul { display:none; visibility:hidden; position:absolute; top:0px; left:190px; float:left; right:auto; width:160px; list-style:none; }
#centeredmenu ul ul ul li { left:auto; margin:0; clear:left; float:left; width:100%; }
#centeredmenu ul ul ul li a,
#centeredmenu ul ul li.active li a,
#centeredmenu ul ul li:hover ul li a,
#centeredmenu ul ul li.hover ul li a { font-size:.95em; font-weight:normal; line-height:1.1em; border-bottom:none; float:left; width:100%; background-color:rgb(237, 237, 237); color:rgb(88, 88, 90); background-image:none; text-decoration:none; border-top:1px solid rgb(188, 188, 190); border-left:1px solid rgb(188, 188, 190); }
#centeredmenu ul ul ul li a:hover,
#centeredmenu ul ul li.active ul li a:hover,
#centeredmenu ul ul li:hover ul li a:hover,
#centeredmenu ul ul li.hover ul li a:hover { float:left;  background-color:rgb(0, 105, 164); color:white; }

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul ul.last { left:auto; right:0; }
#centeredmenu ul ul ul.last li { float:right; position:relative; right:.8em; }

/* Make the sub menus appear on hover */
#centeredmenu ul ul li:hover ul,
#centeredmenu ul ul li.hover ul { visibility:visible; /* This line is required for IE 6 and below */ display:block; /* Show the sub menus */ }



/****************/
/*  TEMPLATE */
/****************/
#home { float:left; width:520px; height:182px; }

#flag { float:right; width:30px; height:20px; background-image:url('../img/template/alt-lang-flag.gif'); margin-top:10px; margin-right:30px;}

h1 {font-size:48px; font-weight:900; text-transform:uppercase; display:block; padding:5px; color:rgb(39, 42, 78); border-bottom: 4px solid rgb(230, 230, 230); text-align:center;}

h2 { font-size:28px; line-height: 34px; text-transform:uppercase; font-weight:normal; display:block; padding:5px; padding-left:0px; color:rgb(87,140,165); font-weight: bold; margin-left: 20px; }

h3 { font-size:20px; font-weight:normal; display:block; padding:5px; padding-left:0px; color:rgb(87,140,165); font-weight: bold; margin-left: 20px;  margin-top:0px; margin-bottom: 10px; }

p { margin:0px 0px 10px 20px; }

a { color:rgb(88, 88, 90); }
a:hover { color:rgb(0, 105, 164); }

.pull-right { float:right; margin-right:20px; }
.pull-left { float:left; margin-left:20px; }

@media screen and (max-width : 620px)
{
	h2 { margin-left:0px; padding-left:10px; }
	h3 { margin-left:0px; }
	p { margin:0px 0px 10px 10px; }
	.pull-right, .pull-left { display:block; float:none; margin-right:0px; margin-left:0px; }
}

/****************/
/*  BOXES */
/****************/

.box-440 { display:block; width:440px; }
.box-title { display:block; height:22px; padding:5px 5px 5px 20px; color:white; font-weight:bold; font-size:1.3em; background-image:url('../img/box/title-bg.gif'); }

.box-918 { color:white; background-color:rgb(32,95,164); font-size: 14px; line-height: 20px; }
.box-918 .col { width:450px; }
.box-918 .colLeft { float:left;  }
.box-918 .colLeft p { margin-left:20px; }
.box-918 .colRight { float:right; }
.box-918 .colRight p { margin-right:20px; }


.boxHome { float:left; width:620px; margin-top:30px; height:320px; }
.wrapperTwitter { float:right; width: 280px; margin-top:30px; }

@media screen and (max-width:925px)
{
	.boxHome { float:none; width:auto; margin-top:20px; height:auto; }
	.wrapperTwitter { float:none; width: auto; margin-top:20px; text-align: center; }
}


.box-president .box-content {  }
.box-content p { margin:0; padding:20px; }

a.video-box { float:left; color:rgb(88, 88, 90); text-decoration:none; margin-top:20px; margin-left:15px }
a.w200 { width:200px;  height:200px}
a.w211 { width:211px; height:200px; margin-left:30px; margin-right:20px; }

a.video-box:hover { background-color:rgb(237, 237, 237); }
a.video-box img { display:block; }
a.video-box span { display:block; font-weight:bold; font-size:12px; margin-top:5px; }


@media screen and (max-width:600px)
{
	a.w211 { margin-left:0px; margin-right:10px; }
	a.w200 { margin-left:0px; margin-right:10px; }
}

@media screen and (max-width:520px)
{
	a.video-box { display:block; float:none; margin:auto; margin-bottom:20px; }	
}
	
	
	
/****************/
/*  QUI SOMMES NOUS */
/****************/

a.boxConseil { float:left; margin-left:20px; margin-right:10px; margin-bottom:10px; border:1px solid rgb(88, 88, 90);  padding:5px; text-align:center; text-decoration:none; width:140px; height:115px;}
a.boxConseil:hover { border:1px solid rgb(0, 105, 164); }

.boxComite { float:left; margin-left:20px; margin-right:10px; margin-bottom:10px; border:1px solid rgb(88, 88, 90);  padding:10px; width:250px; height:76px; }

@media screen and (max-width:600px)
{
	a.boxConseil { float:none; display:inline-block; margin:0px; width:calc(50% - 20px); margin-right:5px; margin-bottom:5px; }
}


/****************/
/*  FORM */
/****************/

/* label { float:left; width:130px; text-align:right; padding-right:20px; color:rgb(88, 88, 90); font-size:1em; } */
input, select, textarea {  margin-bottom:10px; border:1px solid rgb(88, 88, 90); color:rgb(88, 88, 90); padding:3px; 
					-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
					-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
					-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
/* display:block; width:300px; */ }
textarea { font-family: 'Century Gothic', Calibri, Arial, Geneva, Verdana, sans-serif; font-size:.9em; width:370px; height:140px; }

.checkbox input { width:auto; display:inline; margin-right:5px; }
.checkbox label { width:auto; display:inline; float:none; margin-right:10px; line-height:1em; }


input.submit { color:white; width:150px; margin-right:20px; border:none; font-size:1em; background-color:rgb(79, 122, 172); }
input.submit:hover { background-color:rgb(26, 60, 108); }

.error-required { background-color:rgb(226, 0, 26); }



table.hotel { display:block; padding:20px; margin-left:60px; border-collapse: collapse; }

table.hotel td, table.hotel th { padding:5px; border:1px solid rgb(88, 88, 90); }

table.hotel th { background-color:rgb(237, 237, 237); }


/****************/
/*  PARTENAIRES */
/****************/

.box-partenaires { display:block; margin-left:20px; margin-bottom:10px; padding:10px; font-size:1.2em; max-width:300px}

.boxLogo { float:left; margin-left:30px; margin-bottom:30px; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; background-color:white; }

.img-partenaire { float:left; margin-left:40px; margin-bottom:20px; }

.platine { background-color:rgb(92, 92, 92); color:white; }
.gold { background-color:rgb(246, 209, 95); color:rgb(88, 88, 90); }
.silver { background-color:rgb(218, 219, 223); color:rgb(88, 88, 90); }
.bronze { background-color:rgb(212, 179, 164); color:rgb(88, 88, 90); }
.institutionnel { background-color:rgb(79, 122, 172); color:white; }

@media screen and (max-width:600px)
{
	.box-partenaires { margin-left:0px; }
	.boxLogo, .img-partenaire { margin-left:10px; }
}

/****************/
/*    VIDEOS    */
/****************/

.cloud { padding:10px; }
.tag, .btnYears { float:left; margin-right:10px; margin-bottom:10px;  padding:5px 10px; text-decoration: none; font-size: 12px; line-height: 14px; }
.btnYears { margin-bottom: 0px; }
.tag.btOff, .btnYears.btOff { color:rgb(39, 42, 78); background-color:rgb(193,211,229); }
.tag.btOn, .btnYears.btOn { color:white; background-color:rgb(39, 42, 78); }

.wrapperVideo { padding:10px; padding-left:22px; margin-top:30px; }
.wrapperVideo a.videoLink { width: 410px; padding:10px; border-bottom:1px solid rgb(220,220,220); margin-right: 10px; margin-bottom: 10px; text-decoration: none; height:auto; display: block; float: none; }
.wrapperVideo a.videoLink .thumb { float:left; width:200px; height:140px; margin-bottom: 20px; background-color:rgb(79, 122, 172); margin-right: 10px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.wrapperVideo a.videoLink .titre { font-family: 'Oswald', Calibri, Helvetica, Arial, sans-serif; color: rgb(79, 122, 172); font-size:20px; line-height: 22px; margin-bottom: 10px; }
.wrapperVideo a.videoLink .desc { color:rgb(88,88,90); font-size:12px; line-height: 14px; text-align: justify; text-justify: distribute; }
.wrapperVideo a.videoLink .tags { clear:both; color:rgb(39, 42, 78); font-size:12px; line-height: 14px; }

.txtTag { display:inline-block; background-color:rgb(230,230,230); color:black; margin-right:5px; padding:5px 10px; }

#btnClearSearch { color:rgb(39, 42, 78); background-color:rgb(193,211,229); margin-top:20px; padding:5px 10px; text-decoration: none; }

@media screen and (max-width:960px)
{
	.wrapperVideo { padding:0px; }
	.wrapperVideo a.videoLink { box-sizing: border-box; width:calc(50% - 10px); }
}


.col-sm-6 { float:left; display:inline-block; box-sizing: border-box; width:50%; padding:0px 10px; }
.col-sm-6 p { margin-left: 0px; }

#txtSearch { width:100%; }


.video2019 { width:100%; min-height:28%; display:block; margin-bottom:20px; }
.video2019 .titre {  }
.video2019 .fulldesc { vertical-align: top; display:inline-block; min-width: 320px; max-width: 540px; margin-bottom:20px;  }
.video2019 .thumb {  display:inline-block; width: 320px; height:214px;  margin-right: 20px; background-size:cover;}
.video2019 .titre { color: rgb(39,41,78);  font-size: 22px;    line-height: 28px;  font-weight: bold;}
.video2019 .tags { display:none; }	
.video2019 .label { display:inline-block; font-weight:bold; } .video2019 .label:after { content:",\00a0"; }	 .video2019 .label:empty:after { content:""; }
.video2019 .position { font-size:.8em; display:inline-block; }	.video2019 .position:after { content:",\00a0"; } .video2019 .position:empty:after { content:""; }	 
.video2019 .company { font-size:.8em; display:inline-block; }	.video2019 .company:after { content:",\00a0"; }	 .video2019 .company:empty:after { content:""; }	
.video2019 .country { font-size:.8em; display:inline-block; }		

@media screen and (max-width:760px)
{
	.col-sm-6 { display:block; width:100%; margin-bottom:10px; }
	.wrapperVideo a.videoLink { width:100%; box-sizing: border-box; }
	.wrapperVideo a.videoLink .thumb { width:25%; height: 130px;}
	
	.video2019 .thumb {
    margin-right: 0px;
    background-size: cover;
    margin-bottom: 10px;
	display: inline-block;
    width: calc( 100vw - 40px);
    height: calc( 56.25vw - -26px);
	}
}

.container-1{
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-1 input#txtSearch{
  width: 100%;
  border: 1px solid grey;
  height:30px;
  font-size: 10pt;
  float: left;
  color: #63717f;
  padding-left: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.container-1 .icon{
  position: absolute;
  left:10px;
  top:7px;
  z-index: 1;
  color: #4f5b66;
}

/****************/
/*    VIDEOS    */
/****************/

a.pressFolder { float:left; margin-right:20px; border:1px solid rgba(0,0,0,0.5); width: 152px; height:215px; background-size: contain; text-decoration: none; position: relative; background-repeat:no-repeat;
	-webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
}

a.pressFolder span { display:block; background-color:rgba(255,255,255,0.6); color:rgb(39, 42, 78); font-size: 45px; line-height: 60px; width: 100%; text-align: center; position: absolute; bottom:0px; }

@media screen and (max-width:620px)
{
	a.pressFolder { float:none; display:block; margin:auto; margin-bottom:20px; }
}

/****************/
/*  TITRE CHAM  */
/****************/

.divCHAM { margin-bottom: 30px; }
.divCHAM .title { text-align: center; font-size: 28px; line-height: 34px; color:rgb(39, 42, 78);  }
.divCHAM .date { text-align: center; font-size: 20px; line-height: 24px; font-style:italic; color:rgb(225,0,26); }
.divCHAM .location { text-align: center; font-size: 18px; line-height: 22px; color:rgb(88,88,90); }

/****************/
/*   PROGRAM    */
/****************/

.pgm table { color:rgb(39, 42, 78); font-size: 14px; line-height: 18px; }
.pgm table tr td { text-align: left; vertical-align:top; padding-bottom: 10px; font-style: italic; }
.pgm table tr td:nth-child(1) { width:70px; font-weight: bold; font-style: normal;}
.pgm table tr td:nth-child(2) { width:140px; color:rgb(0,175,239); font-style: normal; }

.pgm table tr td br { clear:both; }
.pgm table tr td b, .pgm table tr td strong { font-style: normal; }
.pgm table tr td .title { float:left; display:block; color:rgb(0,175,239); margin-bottom: 5px; font-size: 18px; line-height: 18px; font-weight: bold; font-style: normal; }
.pgm table tr td .theme { font-style: italic; font-weight:bold; font-size:28px; text-transform: uppercase; display:block; margin-top:10px; margin-bottom:10px; }
.pgm table tr td .date, .pgm .date { color: rgb(39, 42, 78); font-weight:bold; font-size:34px; display:block; margin-top:20px; margin-bottom:20px; text-align: center; font-style: normal; }

.pgm table tr td .tbc { font-size: 0.8em; }

@media screen and (max-width : 620px)
{
	.pgm table tr td, .pgm table tr td:nth-child(1), .pgm table tr td:nth-child(2) { width:100%; display:block; }
	.pgm table tr td:nth-child(1) { box-sizing:border-box; color:white; background-color:rgb(39, 42, 78); padding:10px; margin-bottom:5px; text-align: center; }
	.pgm table tr td .date { font-size: 24px; margin:0px; background-color:white; color:rgb(39, 42, 78); padding-top:20px; padding-bottom:20px; border:1px solid rgb(39, 42, 78); }
	.pgm table tr td[colspan] { padding:0px;  } /* Supprime le fond pour les dates */
	.pgm table tr td.hideIphone { display:none; }
	.pgm table tr td div.theme { padding-top:10px; padding-bottom:10px; }
}

.pgm a { color:inherit; text-decoration: none; }
	
/****************/
/* PUBLICATIONS */
/****************/

a.publications { float:left; margin-left:20px; margin-right:30px; margin-bottom: 30px; width:211px; height:210px; text-decoration: none; }

a.publications img { display: block; margin-bottom: 8px; 
	-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 620px)
{
	a.publications { float:none; display:block; margin:auto; margin-bottom:20px; }
}

/*
	HOME STREAMING
*/

a#btStreamingHome { 
	box-sizing: border-box;
	/*position:absolute;
	top:225px;
	right:20px;
	z-index:899;
	*/
	float:right;
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background-color:rgb(224,0,26);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:block;
	color:white;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}

/*
	SPEAKERS
*/

.spWrapper { /*background-color:rgb(237,237,237);*/ border:1px solid rgb(237,237,237); padding:20px; margin-bottom:20px; margin-right: 20px; float:left; width:calc(25% - 20px); box-sizing: border-box; border-radius: 5px; position: relative; height:370px; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); }
//.spWrapper .spPicture { display: block; width:calc(100% - 20px); height:150px; margin-bottom:20px; margin:auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; max-width: 100%; border:7px solid white; border-radius: 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6); }
.spWrapper .spPicture { display: block; width:calc(100% - 20px); height:150px; margin-bottom:20px; margin:auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; max-width: 100%; border-radius: 5px; }
.spWrapper .spName { color:rgb(39, 42, 78); font-size: 18px; line-height: 22px; display:block; margin-top:20px; text-align: center; font-weight: 600; text-transform: uppercase; height: 76px;  text-transform: capitalize; }
.spWrapper .spName2017 { height:auto; }
.spWrapper .spTitle { display:none; color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:10px; text-align: center; font-weight:200; }
.spWrapper .spPosition { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:10px; text-align: center; font-weight:200; }
.spWrapper .spCompany { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:5px; text-align: center; font-weight:200; }
.spWrapper .spCountry { color:rgb(39, 42, 78); font-size:12px; line-height: 14px; display:block; margin-top:10px; text-align: center; font-weight:800; text-transform:uppercase;}
.spWrapper .btnSpeakerDetail { display:block; margin: 15px auto 0px auto; text-align: center; position:absolute; bottom:10px; left:10px; width:calc(100% - 40px); }
.spWrapper .cacheBtnBio { display:block; clear:both; height:30px; }


@media all and (max-width: 960px)
{
	.spWrapper { width:calc(33% - 20px); }
}

@media all and (max-width: 768px)
{
	.spWrapper { width:calc(50% - 20px); }
}
@media all and (max-width: 620px)
{
	.spWrapper { float:none; width:100%; height:auto; min-height: 140px; height:220px;}
	.spWrapper .spPicture { float:left; margin-right:20px; width:100px; height:100px; }
	.spWrapper .spName { margin-top:0px; text-align: left; font-size: 16px; line-height: 18px; }
	.spWrapper .spTitle, .spWrapper .spPosition, .spWrapper .spCompany, .spWrapper .spCountry { text-align: left; }
	.spWrapper .btnSpeakerDetail { display:inline-block; }
}



.spWrapper2019 { min-height:120px; height:120px;}
.spWrapper2019 { margin-bottom:20px; padding:5px; margin-right: 20px; float:left; width:calc(25% - 20px); box-sizing: border-box; border-radius: 5px; position: relative; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); overflow:hidden;  }
.spWrapper2019 .spPicture { display: block; width:100%; padding-top:120%; margin-bottom:20px; margin:auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; max-width: 100%; border-radius: 5px 5px 0px 0px; }
.spWrapper2019 .spName { color:rgb(39, 42, 78);  font-size: 18px; line-height: 22px; display:block; margin-top:10px; text-align: center; font-weight: 600; text-transform: capitalize; }
.spWrapper2019 .spPosition { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:0px; text-align: center; font-weight:400; }
.spWrapper2019 .spCompany { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:.3em; text-align: center; font-weight:400; }
.spWrapper2019 .spCountry { color:rgb(39, 42, 78); font-size:12px; line-height: 14px; display:block; margin-top:.3em; text-align: center; font-weight:400; text-transform:uppercase;}
.spWrapper2019 .btnSpeakerDetail { display:block; margin: 15px auto 0px auto; text-align: center; position:absolute; bottom:10px; left:10px; width:calc(100% - 40px); }
.spWrapper2019 .cacheBtnBio { display:block; clear:both; height:30px; }


@media all and (max-width: 960px)
{
	.spWrapper2019 { width:calc(33% - 20px); }
}

@media all and (max-width: 640px)
{
	/*.spWrapper2019:hover { overflow:visible; height:50vw;}*/
	.spWrapper2019 { float:none; width:100%; height: 36vw; min-height:unset;}
	.spWrapper2019 .spPicture { float:left; margin-right:10px; width: 30%;   padding-top: 40%; border-radius: 5px 0px 0px 5px;}
	.spWrapper2019 .spName { margin-top:0px; text-align: left; font-size: 16px; line-height: 18px; padding-top:10px; padding-right:5px;}
	.spWrapper2019 .spTitle, .spWrapper2019 .spPosition, .spWrapper2019 .spCompany, .spWrapper2019 .spCountry { text-align: left;  padding-right:5px;}
	.spWrapper2019 .btnSpeakerDetail {  display: inline-block;
		width: 59%;
		position: relative;
		bottom: unset;
		margin: 0px;
		left: 0px;
		top: 10px;
		font-size: 0.8em;
		border: 1px solid rgb(193,211,229);
		background-color: unset;
		}
	.spWrapper2019 .cacheBtnBio { display:block; clear:both; height:0px; }
}




.spWrapper2018 { margin-bottom:20px; margin-right: 20px; float:left; width:calc(25% - 20px); box-sizing: border-box; border-radius: 5px; position: relative; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); overflow:hidden; height: 50vw; max-height: 400px; min-height:200px; }
.spWrapper2018 .spPicture { display: block; width:100%; padding-top:120%; margin-bottom:20px; margin:auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; max-width: 100%; border-radius: 5px 5px 0px 0px; }
.spWrapper2018 .spName { color:rgb(39, 42, 78); padding:5px; font-size: 18px; line-height: 22px; display:block; margin-top:10px; text-align: center; font-weight: 600; text-transform: capitalize; }
.spWrapper2018 .spPosition { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:0px; text-align: center; font-weight:400; }
.spWrapper2018 .spCompany { color:rgb(39, 42, 78); font-size:14px; line-height: 16px; display:block; margin-top:.3em; text-align: center; font-weight:400; }
.spWrapper2018 .spCountry { color:rgb(39, 42, 78); font-size:12px; line-height: 14px; display:block; margin-top:.3em; text-align: center; font-weight:800; text-transform:uppercase;}
.spWrapper2018 .btnSpeakerDetail { display:block; margin: 15px auto 0px auto; text-align: center; position:absolute; bottom:10px; left:10px; width:calc(100% - 40px); }
.spWrapper2018 .cacheBtnBio { display:block; clear:both; height:30px; }


@media all and (max-width: 960px)
{
	.spWrapper2018 { width:calc(33% - 20px); }
}

@media all and (max-width: 640px)
{
	/*.spWrapper2018:hover { overflow:visible; height:50vw;}*/
	.spWrapper2018 { float:none; width:100%; height: 36vw; min-height:unset;}
	.spWrapper2018 .spPicture { float:left; margin-right:10px; width: 30%;   padding-top: 40%; border-radius: 5px 0px 0px 5px;}
	.spWrapper2018 .spName { margin-top:0px; text-align: left; font-size: 16px; line-height: 18px; padding-top:10px; padding-right:5px;}
	.spWrapper2018 .spTitle, .spWrapper2018 .spPosition, .spWrapper2018 .spCompany, .spWrapper2018 .spCountry { text-align: left;  padding-right:5px;}
	.spWrapper2018 .btnSpeakerDetail {  display: inline-block;
		width: 59%;
		position: relative;
		bottom: unset;
		margin: 0px;
		left: 0px;
		top: 10px;
		font-size: 0.8em;
		border: 1px solid rgb(193,211,229);
		background-color: unset;
		}
	.spWrapper2018 .cacheBtnBio { display:block; clear:both; height:0px; }
}

.spWrapperDetail {  }
.spWrapperDetail .spPicture { display: block; float:left; width:200px; height:200px; margin-bottom:20px; margin-left:20px; margin-right:20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 5px; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); }
.spWrapperDetail .spName { color:rgb(39, 42, 78); font-size: 22px; line-height: 28px; display:block; margin-bottom:20px; text-align: left; font-weight: 600; text-transform: uppercase; }
.spWrapperDetail .spName { text-transform: capitalize; }
.spWrapperDetail .spTitle { color:rgb(100,168,203); font-size:22px; line-height: 26px; display:block; margin-top:10px; text-align: left; font-weight:200; font-style: italic; }
.spWrapperDetail .spPosition { color:rgb(100,168,203); font-size:22px; line-height: 26px; display:block; margin-top:5px; text-align: left; font-weight:200;  }
.spWrapperDetail .spCompany { color:rgb(100,168,203); font-size:22px; line-height: 26px; display:block; margin-top:5px; text-align: left; font-weight:200;  }
.spWrapperDetail .spCountry { color:rgb(100,168,203); font-size:18px; line-height: 26px; display:block; margin-top:5px; text-align: left; font-weight:800;  }

.spWrapperDetail .spBio { font-size: 14px; line-height: 20px; }

@media all and (max-width: 620px)
{
	.spWrapperDetail .spPicture { width:120px; height:120px; }
	.spWrapperDetail .spTitle { font-size: 12px; line-height: 16px; }
	.spWrapperDetail .spName  { font-size: 16px; line-height: 18px; }
	
	.spWrapperDetail .spPosition, .spWrapperDetail .spCompany { font-size:16px; }
	.spWrapperDetail .spCountry { font-size:14px; }

}


.spWrapperDetail2018 {  }
.spWrapperDetail2018 .spPicture { display: block; float:left; width:200px; height:200px; margin-bottom:20px; margin-right:20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 5px; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); }
.spWrapperDetail2018 .spName { color:rgb(39, 42, 78); font-size: 22px; line-height: 28px; display:block; text-align: left; font-weight: 600; text-transform: uppercase; }
.spWrapperDetail2018 .spName { text-transform: capitalize; }
.spWrapperDetail2018 .spTitle { color:rgb(100,168,203); font-size:22px; line-height: 26px; display:block; margin-top:10px; text-align: left; font-weight:200; font-style: italic; }
.spWrapperDetail2018 .spPosition { color:rgb(100,168,203); font-size:22px; line-height: 24px; display:block; margin-top:5px; text-align: left; font-weight:200;  }
.spWrapperDetail2018 .spCompany { color:rgb(100,168,203); font-size:22px; line-height: 24px; display:block; margin-top:5px; text-align: left; font-weight:200;  }
.spWrapperDetail2018 .spCountry { color:rgb(100,168,203); font-size:18px; line-height: 20px; display:block; margin-top:5px; text-align: left; font-weight:800;  }

.spWrapperDetail2018 .spBio { font-size: 14px; line-height: 20px; }

@media all and (max-width: 620px)
{
	.spWrapperDetail2018 .spPicture { width:120px; height:120px; }
	.spWrapperDetail2018 .spTitle { font-size: 12px; line-height: 16px; }
	.spWrapperDetail2018 .spName  { font-size: 16px; line-height: 18px; }
	
	.spWrapperDetail2018 .spPosition, .spWrapperDetail2018 .spCompany { font-size:16px; }
	.spWrapperDetail2018 .spCountry { font-size:14px; }

}


.spWrapperDetail2019 {  }
.spWrapperDetail2019 .spPicture { display: block; float:left; width:200px; height:240px; margin-bottom:20px; margin-right:20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 5px; box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.3); }
.spWrapperDetail2019 .spName { color:rgb(39, 41, 78); font-size: 22px; line-height: 28px; display:block; text-align: left; font-weight: 600; text-transform: uppercase; }
.spWrapperDetail2019 .spName { text-transform: capitalize; }
.spWrapperDetail2019 .spTitle { color:rgb(39, 41, 78);font-size:22px; line-height: 26px; display:block; margin-top:10px; text-align: left; font-weight:400; font-style: italic; }
.spWrapperDetail2019 .spPosition { color:rgb(39, 41, 78);font-size:22px; line-height: 24px; display:block; margin-top:5px; text-align: left; font-weight:400;  }
.spWrapperDetail2019 .spCompany { color:rgb(39, 41, 78); font-size:22px; line-height: 24px; display:block; margin-top:5px; text-align: left; font-weight:400;  }
.spWrapperDetail2019 .spCountry { color:rgb(39, 41, 78); font-size:18px; line-height: 20px; display:block; margin-top:5px; text-align: left; font-weight:800;  }

.spWrapperDetail2019 .spBio { font-size: 14px; line-height: 20px; }

@media all and (max-width: 620px)
{
	.spWrapperDetail2019 .spPicture { width:120px; height:120px; }
	.spWrapperDetail2019 .spTitle { font-size: 12px; line-height: 16px; }
	.spWrapperDetail2019 .spName  { font-size: 16px; line-height: 18px; }
	
	.spWrapperDetail2019 .spPosition, .spWrapperDetail2019 .spCompany { font-size:16px; }
	.spWrapperDetail2019 .spCountry { font-size:14px; }

}



a.boxVideo2016 { display:block; overflow: hidden; background-image:url('../img/homepage/video2016.jpg'); text-decoration: none; background-size: cover; background-position:50% 100%; background-repeat:no-repeat; min-height:120px; }
.boxVideo2016 div { text-align: right; color:white; font-weight: bold; font-size: 36px; line-height: 46px; padding-top: 16%; padding-right: 20px; text-transform: uppercase;  text-shadow: 2px 2px 2px black; }


@media all and (max-width: 620px)
{
	.boxVideo2016 div { padding-top:10%; padding-bottom:10%; font-size: 20px; line-height: 24px; }
}