/**
 * Project style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN:$Id:styles.css 38 2014-08-22 15:38:29Z loops $
 */

#moving_banner{background: #002e67;text-align: center;display:none; position:relative;}
.close_banner{cursor:pointer; position:absolute;text-indent:-9999px;display:block;width:39px;height:39px;background:transparent url('/images/close.png') no-repeat 0 0 / cover;top:40px;right:120px}


/** Defaults ***/

/* declare the default font and color here */
body, button, input, select, textarea{}
/* height propagation */
html, body{ height:100%}
/* font smoothing */
body{ -webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:768px;font-family:'opensans', sans-serif;position:relative;line-height: 1.531;font-weight:600}
h1, h2, .nav_link, .uc, .fn,.members_list_groupe_gr, .members_list_groupe_no,.members_list_groupe_title{font-family:"oswald",sans-serif !important;}
body.sfmod_home{min-height:800px}

.container>div a[href], .intermediate>div a[href]{color:#7b8e20;border-bottom:1px dashed #7b8e20}
.event_home_item a,.caption a{text-decoration:none !important;color:#fff !important;border-bottom:none !important}
/** selected text **/
/* ::selection{} */
/* ::-moz-selection{} */

a.glossary_popup{padding-right:20px;background:url('images/glossary.png') no-repeat right center}

/** paragraphs **/
p{}


/** links **/
a{}
a:hover, a:focus{}
a:active{}
/* reset for block */
a.block{ color:inherit}
a.block:hover, a.block:focus{ color:inherit}
a.block:active{ color:inherit}


/** titles, will be usefull to have a class **/
h1, .h1{}
h2, .h2{}
h3, .h3{}
h4, .h4{}
h5, .h5{}
h6, .h6{}


/** lists **/
ul, ol{}
li{}
li + li{}
ul li:before{}
ol{}
ol li:before{}
/* disable stuff on vanilla */
.vanilla > li:before{}

/** tables **/
table{}
th, td{}
th{}
thead th, thead td{}


/** miscellaneous* */
img{ max-width:100%;height:auto}
/* undo for google map */ .gm-style img{ max-width:none}
abbr[title]{ border:0 }
small, .small{ font-size:75%}
big, .big{ font-size:150%}


/** custom styles, must comes after to overwrote if necessary **/

.font0{} /* default font family */
.font1{} /* secondary font family */
.font2{} /* ... */

.cl0{} /* default color */
.cl1{color:#001c50} /* secondary color */
.cl2{} /* ... */

/* we advice to use the same color for each number */
.bg0{} /* default color */
.bg1{} /* secondary color */
.bg2{} /* ... */

/* we advice to use the same color for each number */
.bd0{} /* default color */
.bd1{} /* secondary color */
.bd2{} /* ... */
  


/*** Forms ***/

/** message **/
.msgerror{ color:#c22b2b}
.msgsuccess{ color:#008913}
.msgnotice{ color:#008913}


/** elements **/
/* default */
select[name], textarea[name], input[type="search"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="time"], input[type="tel"]{}
/* hover */
select[name]:hover, textarea[name]:hover, input[type="search"]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="tel"]:hover{}
/* focus, active */
select[name]:focus, textarea[name]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="tel"]:focus,
select[name]:active, textarea[name]:active, input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, input[type="url"]:active, input[type="date"]:active, input[type="time"]:active, input[type="tel"]:active{}
/* error (by default #c22b2b) */
.formrow_error select[name], .formrow_error textarea[name], .formrow_error input[type="text"], .formrow_error input[type="password"], .formrow_error input[type="email"], .formrow_error input[type="url"], .formrow_error input[type="date"], .formrow_error input[type="time"], .formrow_error input[type="tel"]{ border-color:#c22b2b;color:#c22b2b}
/* invalid/required - for now, only on mozilla */
select[name]:-moz-ui-invalid, textarea[name]:-moz-ui-invalid, input[type="text"]:-moz-ui-invalid, input[type="password"]:-moz-ui-invalid, input[type="email"]:-moz-ui-invalid, input[type="url"]:-moz-ui-invalid, input[type="date"]:-moz-ui-invalid, input[type="time"]:-moz-ui-invalid, input[type="tel"]:-moz-ui-invalid{ border-color:#c22b2b;color:#c22b2b}


/** placeholder, each variation needs to be separated to work **/
/* normal */
::placeholder{}
::-webkit-input-placeholder{}
:-moz-placeholder{}
::-moz-placeholder{ opacity:1} /* FF 19+ had an opacity to the placeholder */
:-ms-input-placeholder{}
.\:placeholder{} /* @see jquery.placeholder.js */
/* hover */
:hover::placeholder{}
:hover::-webkit-input-placeholder{}
:hover:-moz-placeholder{}
:hover::-moz-placeholder{}
:hover:-ms-input-placeholder{}
.\:placeholder:hover{} /* @see jquery.placeholder.js */
/* focus, active */
:focus::placeholder, :active::placeholder{}
:focus::-webkit-input-placeholder, :active::-webkit-input-placeholder{}
:focus:-moz-placeholder, :active:-moz-placeholder{}
:focus::-moz-placeholder, :active::-moz-placeholder{}
:focus:-ms-input-placeholder, :active:-ms-input-placeholder{}
.\:placeholder:focus, .\:placeholder:active{} /* @see jquery.placeholder.js */
/* error (by default #c22b2b) */
.formrow_error ::placeholder{ color:#c22b2b}
.formrow_error ::-webkit-input-placeholder{ color:#c22b2b}
.formrow_error :-moz-placeholder{ color:#c22b2b}
.formrow_error ::-moz-placeholder{ color:#c22b2b}
.formrow_error :-ms-input-placeholder{ color:#c22b2b}
.formrow_error .\:placeholder{ color:#c22b2b} /* @see jquery.placeholder.js */
/* invalid/required - for now, only on mozilla */
:-moz-ui-invalid::placeholder, :-moz-ui-invalid::placeholder{ color:#c22b2b}
:-moz-ui-invalid:-moz-placeholder, :-moz-ui-invalid:-moz-placeholder{ color:#c22b2b}
:-moz-ui-invalid::-moz-placeholder, :-moz-ui-invalid::-moz-placeholder{ color:#c22b2b}


/** errors **/
.formerror{ color:#c22b2b}


/** labels **/
label{}
/* on error */
.formrow_error label{ color:#c22b2b}
/* for checkboxes */
input[type="checkbox"] + label, input[type="radio"] + label{}
/* hover (note that the input cannot be hover) */
input[type="checkbox"] + label:hover, input[type="radio"] + label:hover, 
/* focus, active */
input[type="checkbox"]:focus + label, input[type="radio"]:focus + label, 
input[type="checkbox"]:active + label, input[type="radio"]:active + label,
input[type="checkbox"] + label:focus, input[type="radio"] + label:focus, 
input[type="checkbox"] + label:active, input[type="radio"] + label:active{}
/* error */
.formrow_error input[type="checkbox"] + label, .formrow_error input[type="radio"] + label{ color:#c22b2b}
/* invalid/required */
/* for now, only on mozilla */
input[type="checkbox"]:-moz-ui-invalid + label, input[type="radio"]:-moz-ui-invalid + label{ color:#c22b2b}


/** buttons **/
button, .btn{}
button:hover, .btn:hover, button:focus, .btn:focus{}
button:active, .btn:active{}
/* with glyph */
/* special submit */
button[data-glyph], .btn[data-glyph]{}
button[data-glyph]:before, .btn[data-glyph]:before{}


/** display **/
  
/* row */
.formrow.result{margin-top:10px;background:#eceed4}
.formrow.calc{text-align:right}
.formrow + .formrow{}
.formrow > label{}

/* submit */
.formrow_submit{}



/*** Elements ***/

       

/*** Lists ***/

    

/*** Layout ***/

/* Header */
#main_header{background:#fff;border-bottom:1px solid #001d32;/*box-shadow:5px 0 5px rgba(0, 0, 0, 0.55);*/box-shadow:2px 3px 26px -10px rgba(0,1,1,0.61);position:relative;top:0;width:100%;z-index:5;padding-bottom:110px}
	.header_container{padding:0 80px}
	#logo_link{background:rgba(0,0,0,0) url("images/logo_csl.png") no-repeat 0 0 / cover;display:block;height:59px;position:relative;text-indent:-9999px;width:182px;float:left;margin-top:20px}
	#top_box_container{position:absolute;top:0;right:0;z-index:10}
		#top_box{border-bottom:1px solid #001d32}
			.sitemap_link{display:block;float:left;margin-right:20px;padding:16px 5px;text-align:center;width:70px}
				.sitemap_link.active, .sitemap_link:hover{background:#aac81c;color:#fff}
			#langswitch_nav{float:left;margin-right:20px;padding:15px 10px; background-color:#7b8e20}
				.langswitch_item{float:left;margin:0 5px}
				.langswitch_link{color:#fff;font-size:14px;font-weight:600}
				.langswitch_link.active, .langswitch_link:hover{border-bottom:2px solid #fff}
			.top_box_nav{float:left}
				.top_box_item{float:left}
					.top_box_link{color:#001d32;display:block;padding:16px 10px;font-weight:600}
						.top_box_link:hover{background:#aac81c;color:#fff}
				.facebook_item{padding:9px 10px;float:left;}
					.facebook_link{display:block;background:transparent url('images/fb_logo.png') no-repeat 0 0 / cover;text-indent: -9000px;width:30px;height:30px;box-sizing:border-box;overflow:hidden}
					.linkedin_link{display:block;background:transparent url('images/ln_logo.png') no-repeat 0 0 / cover;text-indent: -9000px;width:30px;height:30px;box-sizing:border-box;overflow:hidden}
				.login_item{padding:9px 10px;float:left}
					.login_link{display:block;background:#7b8e20;border-radius:50%;color:#fff;font-size:12px;line-height:30px;width:30px;text-align:center}
						.login_link:hover{background:#aac81c;color:#fff}
			.search_field_container{float:left}
				.search_form{display:block;padding:11px 0 10px 8px;float:left;width:160px}
					.search_field{background:#d9dadb !important;border:none !important;display:block;float:left;outline:none;padding:5px 10px !important;vertical-align:middle;width:150px}
					.search_submit{background:transparent url("images/search_icon.png") no-repeat 0 0 / cover;border:medium none;cursor:pointer;float:left;height:25px;margin-left:5px;overflow:hidden;text-indent:-999px;width:25px}

/* main navigation */
	#main_nav{margin:20px 0;width:100%;position:absolute;top:80px;z-index:10}
		.nav_listing{position:relative;margin:0 -15px}
			.nav_item{float:left;vertical-align:text-top;width:12.5%;height:45px}
				.nav_link{font-size:16px;box-sizing:border-box;color:#001d32;display:block;font-weight:600;padding:0 15px;position:relative;height:45px}
					.nav_link:after{display:block;content:'';width:1px;position:absolute;right:-1px;background:#001d32;top:0;bottom:7px}
					.nav_item:hover .nav_link{color:#7b8e20}
						.nav_item:hover .nav_link:before{display:block;content:'';height:3px;position:absolute;right:15px;left:15px;bottom:0;background:#7b8e20}
						.nav_item:last-child .nav_link:after{display:none}
			.nav_sub_listing_container{border-top:44px solid #fff;display:none;left:0;position:absolute;top:45px;padding:0/* 5px*/;left:-10px;right:-10px}
				.nav_sub_listing_container.other{left:-30px;right:-100px}
					.nav_sub_listing_container.other.work{min-width:300px}
				.nav_item:hover .nav_sub_listing_container{display:block}
				.nav_sub_listing{background:#fff;border:1px solid #001d32;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-rule:1px solid #939598;-moz-column-rule:1px solid #939598;column-rule:1px solid #939598;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;padding:20px 0}
					.nav_sub_listing.csl{-webkit-column-count:6;-moz-column-count:6;column-count:6}
					.nav_sub_item, .nav_sub_sub_item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;display:table;min-height:34px;height:34px;vertical-align:middle;width:100%}
						.nav_sub_sub_link, .nav_sub_link{color:#001d32;padding:6px 20px 3px 40px;text-decoration:none;display:table-cell;min-height:34px;vertical-align:middle}
							.nav_sub_sub_link{font-size:14px;padding:3px 20px 3px 40px;}
							.nav_sub_sub_link.block{display:block}
							.nav_sub_sub_link.active, .nav_sub_link.active, .nav_sub_sub_link:hover, .nav_sub_link:hover{background:#d9dadb}
								.nav_sub_sub_sub_listing{padding-left:20px}

		/* rights nav */
		.rights_nav_container, .avis_nav_container{background:#fff;border:1px solid #001d32}
			.nav_sub_listing.rights_col1{-webkit-column-count:1;-moz-column-count:1;column-count:1;width:25%;margin:20px 0;border:none}
				.nav_sub_listing.rights_col1.csl{margin:0;padding:40px 0;border-right:2px solid #001d32}
				.rel .nav_sub_listing.rights_col1.csl{width:100%;border-right:none}
			.nav_sub_listing.publis{-webkit-column-count:3;-moz-column-count:3;column-count:3}
			.nav_sub_listing_container2{width:75%;border-left:2px solid #001d32}
				.nav_sub_listing_container2.csl{border-left:none}
				.secondary_sub_sub_nav{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-rule:1px solid #939598;-moz-column-rule:1px solid #939598;column-rule:1px solid #939598;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin-bottom:20px}
					.secondary_sub_sub_nav.avis{-webkit-column-count:1;-moz-column-count:1;column-count:1}
					.nav_sub_link{font-weight:600;font-size:14px}
					.rights_nav_title{display:block;padding:10px 70px 10px 0;margin-left:40px;font-weight:900;font-size:13px;position:relative}
						.rights_nav_title:after, .publis_nav_title:after, .avis_nav_title:after{display:block;position:absolute;content:'';height:1px;width:26%;background:#939598;bottom:8px}
						.publis_nav_title:after{width:86%}

			.avis_col2, .avis_col3{display:table}
				.avis_col{width:50%;display:table-cell;position:relative}
				.avis_col3 .avis_col{width:33%}
					.avis_col:after{position:absolute;content:'';display:block;width:1px;top:36px;bottom:20px;background:#939598;right:-1px}
						.avis_col:last-child:after{display:none;}
					.secondary_sub_sub_nav.avis{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
					.avis_nav_title, .publis_nav_title{display:block;padding:10px 10px 10px 0;margin-left:40px;font-weight:900;font-size:13px;position:relative}
						.avis_nav_title:after{width:86%;}
						.avis_type{margin:0 0 10px 0}



#breadcrumb{position:absolute;top:160px;z-index:5;width:100%;padding:0 80px;font-size:12px}
	#breadcrumb .block, .sitemap_sub_sub_item .block{display:inline}
	#main_nav:hover + #breadcrumb{display:none}

/*FOOTER*/
#partners_nav{display:table;margin:0 auto}
	.partners_nav_item{display:table-cell;width:400px}
		.partners_nav_link{box-sizing:border-box;color:#001c50;display:block;font-size:14px;padding:10% 5%;text-align:center;text-decoration:none;width:100%;line-height:1.5}
			address{font-style:normal !important}
				.partners_nav_pic{margin-bottom:10px;vertical-align:bottom;}
				.fn{border-top:1px solid #001d32;padding-top:10px;font-weight:900}
					.fn.csl{padding:10px 30px 0}
					.fn.cefos{padding:10px 30px 0}
					.fn.cfsl{padding:10px 30px 0}
					.fn.lllc{padding:10px 30px 0}


/* Yes we do a crappy responsive shit for this stupid logos */ 
@media screen and (max-width:1080px){
	.fn.cfsl{padding:10px 0 0}
	.fn.cefos{padding:10px 0 0}
}
@media screen and (max-width:850px){
	.fn.csl{padding:10px 0 0}
}




#footer_container{background:#000724;padding:20px 60px}
	.secondary_nav_title{color:#fff;font-size:17px;font-weight:300}
		.secondary_nav_listing{margin-top:10px}
			.secondary_nav_link{color:#fff;font-size:14px;font-weight:300;text-decoration:none}
		.copyright_link{float:left;text-decoration:none;color:#fff;font-size:17px}
		.addthis_inline_share_toolbox{float:right;clear:none !important}



/* HOMEPAGE */
.slideshow{width:100%;position:relative;overflow: hidden;height: 100%;max-height:720px}
@media screen and (max-width:910px){
	.slideshow{margin-bottom:150px;}
}
.slides_list{position: absolute;text-align: left;white-space: nowrap;width: 100%;}
.slides{display: inline-block;position: relative;text-align: center;vertical-align: middle;width: 100%;}
.slideshow .img-controller{width:100%;max-height:720px;overflow:hidden}
.slideshow .img-controller img{width:100%;min-height:720px}
.slides .caption{color:#fff;background:#001d32;width:40%;box-sizing:border-box;position:absolute;top:20px;right:80px;padding:20px;white-space:normal}
.slides .caption h2{font-size:29px;font-weight:400}
.slides .caption p{line-height:1.6;font-weight:300;margin-top:10px}
.slideshow .buttons{position:absolute;width:100%;top:220px;left:0;z-index:5;padding:0 50px}
.slideshow .buttons>a{display:block;width:23px;height:57px;text-indent:-999px;overflow:hidden}
.buttons .prev{background-image:url(images/icon_prev.png);float:left}
.buttons .next{background-image:url(images/icon_next.png);float:right}
.container{box-sizing:border-box;padding:0 80px}

.highlights_container{position:absolute;width:100%;box-sizing:border-box;top:540px}
.highlights{position:relative;display:table;background-color:rgb(171, 10, 10);color:#fff;width:100%}
.event_home_item{width:50%;padding:10px 20px;box-sizing:border-box;overflow:hidden;display:table-cell}
	.event_home_item.single{width:100%;}
.event_home_item:nth-child(odd){border-right:1px solid #2c3955}
.event_home_item:nth-child(even){border-left:1px solid #2c3955}
.event_home_title{font-size:17px;text-transform:uppercase;font-weight:600}
.event_home_text{margin-top:5px}
@media screen and (max-width:870px){
	.event_home_title{font-size:14px;}
}

#home_nav_holder{position:absolute;box-sizing:border-box;top:640px;margin-bottom:-242px;width:100%}
.home_nav_holder{width:100%;box-sizing:border-box}
.home_nav{position: relative;width: 100%;}
.home_nav_item{background: #9f5b80;display:table;float: left;position: relative;width: 25%;}
@media screen and (max-width:910px){
	.home_nav_item{width: 50%;}
}
.home_nav_link{box-sizing: border-box;color: #fff;display:table-cell;text-decoration: none;width: 100%;height: 120px;vertical-align:middle;position:relative}
.home_nav_title{font-size: 17px;padding-left:10px;padding-right:90px;width:100%;box-sizing:border-box;font-weight:600}
.home_nav_icon{width:70px;height:70px;background:#001d32;border-radius:50px;position:absolute;top:16px;right:16px;text-align:center;padding-top:10px;box-sizing:border-box}
.home_sub_nav{background: #9f5b80;display:none;left: 0;position: absolute;top:120px;width: 100%;z-index:99;}
.home_sub_nav.to_top{top:auto;bottom:120px;}
.home_nav_item:hover .home_sub_nav{display:block}
.home_sub_nav_link{box-sizing:border-box;color: #fff;display: block;font-size: 16px;padding: 4%;text-decoration: none;}
.home_sub_nav_link:hover{background:rgba(0,0,0,0.2)}
/*.home_icon{max-width:90%;}*/
@media screen and (max-width:820px){
	.home_nav_title{font-size:16px;padding-right:80px}
	.home_nav_icon{height:60px;width:60px}
}


/* PAGES */
.avis_header{position:relative;margin-bottom:60px;color:#fff;background:#8e958b;padding:30px}
	.avis_header.has_timeline{margin-bottom:95px}
	.avis_left{width:40%}
	.avis_right{width:60%}
		.avis_header_title{font-size:16px;font-weight:300;margin-bottom:20px}
			.avis_header_subtitle{font-size:42px;font-weight:600}
		.filter_title{cursor:pointer;display:block;font-size:14px;font-weight:300;margin:10px 0 5px}
		select.filter_field, input.filter_field, input.ac_field{/*border:none !important;*/float:left;outline:none;padding:8px 2px !important;width:80%}
		.filter_submit{background:transparent url("images/search_icon.png") no-repeat 0 0 / cover;border:none;cursor:pointer;float:left;height:25px;overflow:hidden;text-indent:-999px;width:25px;margin:7px 0 0 20px}
		#add_term.filter_submit {background: transparent;border: none;color: #dde4e6;cursor: pointer;float: left;font-size: 25px;font-weight: bold;height: 25px;line-height: 25px;margin: 3px 0 0 20px;overflow: hidden;padding: 0;text-indent: 0;width: 25px;}

		.avis_header_text{font-size:16px;padding:3% 7%;text-align:justify}

.select_list{margin-bottom:10px}
.selected_item {background: #68697b none repeat scroll 0 0;color: #fff;display: inline-block;font-weight: 300;margin: 0 0 5px 5px;padding: 5px 11px;}
.selected_link:after {background-image: url("icons/icons.svg");background-position: 0 -76px;background-repeat: no-repeat;content: "";display: block;height: 7px;left: 5px;position: absolute;top: 5px;width: 7px;}
.selected_link {background: transparent none repeat scroll 0 0;border: 0 none;display: inline-block;height: 17px;margin-left: 7px;overflow: hidden;position: relative;text-indent: -999px;vertical-align: middle;width: 17px;}
.selected_link:hover{background:#535462;}
.selected_link:focus, .selected_link:active{background:#353541;}
.search{float:right;margin-top:12px}

.search_term_container{width:20%;display:block;float:left;box-sizing:border-box;padding-right:20px;max-height:680px;overflow-x:hidden;overflow-y:scroll;margin-right:2%}
.search_result_container{width:78%;display:block;float:right;margin-top:-50px}
.search_term_item{cursor:pointer}


.ui-helper-hidden-accessible { position: absolute; left: -9999px; }
.ui-autocomplete {background:#fff;border:1px solid black}
.ui-menu-item{cursor: pointer}


	.timeline{position:absolute;top:100%;color:#222;width:100%;left:0;overflow:hidden }
		.timeline:after{ content:'';background:#000;display:block;height:1px;left:0;position:absolute;top:35px;width:100%;} 
		.timeline_nav{position:relative;white-space:nowrap;overflow-x:auto;overflow-y:hidden;}

		.timeline_prev{ position: absolute;top: 0;bottom: 0;left: 0;width:8px;z-index: 3;cursor: pointer;display: none;background:#fff;height:100px}
		.timeline_next{ position: absolute;top: 0;bottom: 0;right: 0;width:8px;z-index: 3;cursor: pointer;display: none;background:#fff;height:100px}
			.timeline_prev:before{content:"";background:url("images/timeline_left.png") no-repeat -5px 0 / cover;display:block;height:31px;left:0;top: 20px;overflow:hidden;position:absolute;width:18px;z-index:3}
			.timeline_next:before{content:"";background:url("images/timeline_right.png") no-repeat 5px 0 / cover;display:block;height:31px;right:0;top: 20px;overflow:hidden;position:absolute;width:18px;z-index:3}

			.timeline_navitem{display:inline-block;height:65px;width:200px;position:relative}
				.timeline_navlink{display:block;text-align:center;vertical-align:middle;width:100%;line-height:35px;position:relative;font-size:14px}
					.timeline_navlink:before{background:#000;content:'';display:block;height:10px;left:50%;margin-left:-1px;position:absolute;top:31px;width:2px;} 
					.timeline_navlink.active{font-weight:600}

    html.has_js .timeline_nav{ overflow: hidden;}

.scroll_bar_wrap{position: relative;top: -48px;margin: 0 110px 0 90px;z-index:10;height:20px}
.scroll_bar{height:1px;background:transparent;position:relative;top:8px}
.ui-slider-handle{position:absolute;width:20px;height:20px;}
.ui-slider-handle:after{background:#7b8e20;width:20px;height:20px;border-radius:50%;z-index:5;top:50%;left:50%;margin-top: -10px;margin-left: -10px;display:block;content:"";position:relative}


.ajax_container{background:url('images/loader.gif') no-repeat 50% 50px;min-height:150px}
.commision_title{font-size:22px;font-weight:600}
.avis_table{background:#fff;border:1px solid #001d32;border-collapse:collapse;margin-bottom:60px;table-layout:fixed;width:100%}
.avis_table_header{background:#d8bfcd}
.avis_table_header_cell{border:1px solid #001d32;font-weight:700;padding:1%;text-align:left;text-transform:uppercase}
.avis_table_row:nth-child(odd){background:#d8bfcd}
.avis_table_row>td{border-left:1px solid #001d32;border-right:1px solid #001d32;padding:1%}


.intermediate{background:url("/images/intermediate.jpg") fixed 0 0 / 100% auto;padding-bottom:80px}
.mid_container{margin:0 auto;width:60%;box-sizing:border-box}
.faq_nav_header{background-color:#fff;margin-bottom:5px;padding:40px 30px 30px;text-align:center}
.faq_nav_header_title{font-size:48px;font-weight:600}
.faq_nav_header_text{}
.faq_nav_content{}
.faq_nav_list{padding-bottom:60px}
.faq_nav_item:nth-child(2n){padding-right:0}
.faq_nav_item:nth-child(2n+1){padding-left:0}
.faq_nav_item{box-sizing:border-box;float:left;height:100px;padding:5px;width:50%;display:table}
.faq_nav_item_large{box-sizing:border-box;float:left;height:100px;padding:5px;width:100%;display:table}
	.sfmod_rights .faq_nav_item{height:150px;}
.faq_nav_link{background:#fff;color:#001d32;display:table-cell;vertical-align:middle;height:100px;text-align:center;text-decoration:none;width:100%;padding:0 10px}
.faq_nav_link:hover{background:#c5c5c5}
.faq_nav_title{font-size:22px;font-weight:600;text-transform:uppercase}


/* FAQ content */
.faq_header{background:url("/images/banner-title-1.jpg") no-repeat 50% 50% / cover;min-height:294px;position:relative;margin-bottom:60px}
.faq_header_title{font-size:38px;font-weight:600;padding-top:90px;text-transform:uppercase;width:45%;position:absolute;bottom:30px;left:100px}
.faq_header_text{float:right;box-sizing:border-box;float:right;padding:10px 80px 10px 55%;width:100%}


/*.faq_question{font-weight:300;font-size:28px;background:#9c9b9b;color:#fff;display:block;margin-bottom:10px;padding:2px 160px 2px 100px;position:relative;text-decoration:none;text-transform:uppercase}*/
.faq_question{font-weight:300;font-size:22px;background:#9c9b9b;color:#fff;display:block;margin-bottom:10px;padding:10px 160px 4px 100px;position:relative;text-decoration:none;text-transform:uppercase}
.faq_question:after{background:url("images/white_arrow.png") no-repeat 0 0 / cover;content:"";display:block;height:18px;margin-top:-9px;position:absolute;right:105px;top:50%;transition:transform 0.3s ease 0s;width:52px}
.faq_question.opened, .faq_question:hover{background:#7b8e20}
.faq_question.opened:after, .faq_question_sub.opened:after{transform:rotate(180deg)}
.faq_answer{display:none}
/*	.opened + .faq_answer{display:block}*/
.faq_content{margin:20px 100px 60px 100px}
.faq_answer_sub{display:none;margin:20px 100px 60px 100px}
/*	.opened + .faq_answer_sub{display:block}*/
.faq_question_sub:after{background:url("images/black_arrow.png") no-repeat 0 0 / cover;content:"";display:block;height:18px;margin-top:-9px;position:absolute;right:105px;top:50%;transition:transform 0.3s ease 0s;width:52px}
.faq_question_sub{border-bottom:1px solid #001d32;color:#001d32;display:block;margin-bottom:10px;padding:2px 160px 2px 100px;position:relative;text-decoration:none}

.faq_main_text{margin:0 100px 60px 100px}

.faq_accordion_sub_sub .faq_answer_sub{margin:20px 20px 60px}

/* publications layout 1 */
.publis_content{padding:3%;position:relative;background:#dde4e6;min-height:50px}
.publications_list{width:100%}
.publications_list_item{float:left;margin-bottom:30px;width:50%;min-height:360px}
	.publications_list_item.first{float:none;width:100%;padding-bottom:20px;clear:both;border-bottom:1px solid #001d32}
		.publications_list_item.first.noborder{border-bottom:none}
.publications_list_item_pic{width:50%}
	.publications_list_item_pic.first{width:30%}
.publications_list_item_right{width:50%;padding:0 5%}
	.publications_list_item_right.first{width:70%}
.publications_list_item_type{font-weight:600;font-size:13px;margin:15px 0}
.publications_list_item_content{display:none}
	.publications_list_item_content.first{display:inline-block}
.publications_list_item_downloads{margin-top:25px;}
.content_popup{width:600px;background:#7b8e20;box-sizing:border-box;padding:20px;color:#fff;min-height:64px}
.show_detail{background: #7b8e20;color: #fff !important; text-decoration:none !important;display:inline-block;margin-top:15px;font-weight:600;margin-bottom: 10px;margin-right: 10px;padding: 5px 15px;}
.show_detail.first{display:none}
.publications_list_item_link{background:#5f82c0;text-transform:uppercase;color:#fff !important;border-bottom:none !important;font-weight:600;padding:5px 15px 5px 35px;margin-bottom:10px;display:inline-block;min-width:80px;position:relative}
	.publications_list_item_link:after{position:absolute;content:'';left:5px;top:4px;height:20px;width:20px;background:url('images/pdf_icon.png');display:block}
.publications_list_item_people_content{margin-top:-5px;margin-bottom:20px;font-style:oblique}
/* publications layout 1 */
.publis_table{border: 1px solid #001d32;border-collapse: collapse;margin-top:50px;table-layout: fixed;width: 100%;}
.publis_table > tr > td{border: 1px solid #001d32;}
.publis_small_cell{width: 20%;}
.publis_small_cell > span{background-color: #e0e4f4;box-sizing: border-box;display: block;font-size: 16px;padding: 5%;width: 100%;}
.publis_big_cell{color: #005383;padding:10px 20px;text-align:justify}




/* Events layout */
.publications_list_item_date{font-weight:900;margin-bottom:15px}
	.publications_list_item_date.first{font-size:24px;font-weight:300;margin-bottom:15px}
.publications_list_item_title{font-weight:900;margin-bottom:30px}
/*	.publications_list_item_title.first{font-size:28px;font-weight:300;margin-bottom:30px}*/
	.publications_list_item_title.first{font-size:22px;font-weight:300;margin-bottom:30px}
.publications_list_item_people{font-weight:900;margin-bottom:10px}
.event_list_item_download_button{background:#1c5a75;color:#fff !important;border-bottom:none !important;float:left;font-weight:300;margin-bottom:10px;margin-right:10px;padding:10px 10px 5px;width:100%}
	.event_list_item_download_button.first{width:auto}
.event_list_item_subscribe_button{background:#7b8e20;color:#fff !important;border-bottom:none !important;float:left;font-weight:300;margin-bottom:10px;margin-right:10px;padding:10px 10px 5px;width:100%}
	.event_list_item_subscribe_button.first{width:auto}

.subscribe.container{background:#7b8e20;color:#fff;padding:25px;text-align:right;width:600px}
	.subscribe_title{font-size:38px;font-weight:300}
		h1.subscribe_title>a.subscribe_link{font-size:22px;font-weight:300;float:right;margin-top:18px}
	.subscribe_label{clear:right;font-size:18px;font-weight:300;padding:5px 10px;text-align:right;width:40%}
	input.subscribe_field, textarea.subscribe_field{display:block;margin-bottom:10px;padding:10px;width:60%}
	button.subscribe_submit{font-family:"oswald",sans-serif;background:#fff;font-weight:600;border:1px solid #001d32;padding:10px;width:60%}
	.subscribe.msgsuccess{color:#fff}
		.checkbox_list{width:60%;float:right;margin:0;padding:0;list-style:none;margin-bottom:10px}
			.checkbox_list>li{text-align:left;padding:5px 0}


/* Members layout */
.members_list_groupe{border-bottom:1px solid #001d32;padding:30px 0;position:relative}
.members_list_groupe_no{font-size:200px;font-weight:900;left:0;opacity:0.5;position:absolute;top:63px}
.members_list_groupe_no:after{left: 100%;top: 144px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-left-color: inherit;border-width: 20px;}
.members_list_groupe_gr{font-size:22px;font-weight:300;left:10px;position:absolute;text-transform:uppercase;top:200px;transform:rotate(-90deg);z-index:5}
.members_list_groupe_title{font-size:48px;font-weight:300;margin:0 0 0 150px;font-weight:600}
.members_sub_list{list-style-type:none;margin-left:150px;padding:0}
.members_item{box-sizing:border-box;float:left;padding:10px;width:15%;min-height:240px}
@media screen and (max-width:850px){
	.members_item{width:20%;}
}

.member_list_item_pic_container{}
	.dummy_pic_container{display:block;width:90px;height:90px;position:relative;}
		.dummy_pic_container:before{content:'';height:90px;margin-left: -148px;mix-blend-mode:multiply;position:absolute;transition:background-color 0.3s ease 0s,border-radius 0.3s ease 0s;width:90px;z-index: 1;right:0;border-radius:50%}
/* Chrome issue with mix-blend-mode and transition */
@media screen and (-webkit-min-device-pixel-ratio:0){.dummy_pic_container:before{mix-blend-mode: normal;}}
		.dummy_pic_container:hover .member_list_item_pic{filter:grayscale(0);-webkit-filter:grayscale(0);border-radius:0}
			.dummy_pic_container:hover:before{background-color:transparent !important;border-radius:0}
	.member_list_item_pic{filter:grayscale(100%);-webkit-filter:grayscale(100%);border-radius:50%;transition:filter 0.3s ease 0s,border-radius:0.3s ease 0s}
.member_list_item_text{margin-top:10px}
.member_name{font-weight:600}

.members_list_groupe:nth-child(1){color:#71ade0}
.members_list_groupe:nth-child(1) .dummy_pic_container:before{background-color:rgba(113,173,224,0.5)}
.members_list_groupe:nth-child(2){color:#58a3a6}
.members_list_groupe:nth-child(2) .dummy_pic_container:before{background-color:rgba(88,163,166,0.5)}
.members_list_groupe:nth-child(3){color:#769cc1}
.members_list_groupe:nth-child(3) .dummy_pic_container:before{background-color:rgba(118,156,193,0.5)}
.members_list_groupe:nth-child(4){color:#6884ae}
.members_list_groupe:nth-child(4) .dummy_pic_container:before{background-color:rgba(104,132,174,0.5)}
.members_list_groupe:nth-child(5){color:#858d92}
.members_list_groupe:nth-child(5) .dummy_pic_container:before{background-color:rgba(133,141,146,0.5)}
.members_list_groupe:nth-child(6){color:#4d9fae}
.members_list_groupe:nth-child(6) .dummy_pic_container:before{background-color:rgba(77,159,174,0.5)}
.members_list_groupe:nth-child(7){color:#2a91c3}
.members_list_groupe:nth-child(7) .dummy_pic_container:before{background-color:rgba(42,145,195,0.5)}
.members_list_groupe:nth-child(8){color:#8397bb}
.members_list_groupe:nth-child(8) .dummy_pic_container:before{background-color:rgba(131,151,187,0.5)}
.members_list_groupe:nth-child(9){color:#a5a0cf}
.members_list_groupe:nth-child(9) .dummy_pic_container:before{background-color:rgba(165,160,207,0.5)}

/* external links table */
.file_table_list{width:100%;}
.file_table_list_header{padding: 6px 12px;width:150px;min-width:150px;text-align:left}
/*	.sfmod_rights .file_table_list_header{white-space:nowrap}*/
	.file_table_list_header.parameters{width:100%;min-width:100%;}
	.file_table_list_header.blank{background:#fff !important}
tr:nth-child(2n) .file_table_list_header{background: #eceed4;}
tr:nth-child(2n+1) .file_table_list_header{background: #c9cab5;}
/*.file_table_list_content{padding: 6px 12px;width:100%;text-align:left}*/
.file_table_list_content{padding: 6px 12px;width:50%;text-align:left}
	.file_table_list_content.parameters{text-align:right;width:150px;min-width:150px;}
	.file_table_list_content.conge.duration, .file_table_list_header.duration{width:150px;min-width:150px;}
	.file_table_list_header.care_holder{width:135px;min-width:135px;}
	.file_table_list_content.subheader{text-align:right;width:150px;min-width:150px;background:#d9d9d9 !important;font-weight:600}
tr:nth-child(2n+1) .file_table_list_content{background: #d9d9d9;}
h4.params{line-height: 1.231;padding: 30px 0 0}

/* user table */
.user_table {border-spacing: 2px; border-color:#fff;border-collapse: separate;}
.user_table caption{font-weight:900; font-size:18px;padding:14px 8px}
.user_table td, .user_table th{padding:10px 4px}
.user_table thead th{background:#7b8e20; color:#fff; font-weight:900;}
.user_table tbody th, .user_table tbody td{background:#eceed4; font-weight:600; text-align:left; vertical-align: top}
.user_table tfoot td{text-align:left; vertical-align: top; background:#d9d9d9; font-style:oblique}

/* Secretary template */
.sfmod_staff.sfact_secretary th {text-align:left;font-size:16px;color:#4981bd;padding-bottom:5px;border-bottom:2px solid #4981bd}
.secretary_head {width:100%;border-spacing:10px;border-collapse:separate;}
td.director{padding-right:10px}
.secretary_head img{float:left;width:28%;margin:0 10px 70px 0;border-radius:50%;filter:grayscale(100%)}
.secretary_head ul{list-style:outside; display:table;padding-left: 20px}
.collaborateurs {width:100%;border-spacing:6px;border-collapse:separate;}
.collaborateurs td {padding:5px 0 10px;width:20%;box-sizing:border-box}
.collaborateurs a {color:#4981bd !important}
.subdirector{width:50%}

/* GOOGLE MAPS*/
#map_container{position:relative;display:none;top:0;width:100%;height:570px;overflow:hidden}
.gmap{height:570px;width:100%}
.gm-style .gm-style-iw{font-size:13px;font-weight:300;overflow:hidden;}
.gmapbox{display:inline-block;overflow:hidden;white-space:nowrap;}


.contact.container{background:#7b8e20;color:#fff;padding:25px;text-align:right;width:600px}

.chosen_contact_form_container{position:relative;top:-560px;left:30px;background:#fff;padding:30px;width:380px}
input.chosen_contact_field, textarea.chosen_contact_field{display: block;margin-bottom: 10px;padding: 5px;width: 60%;}
.chosen_contact_label{clear: right;font-weight: 300;padding: 5px 10px;text-align: right;width: 40%;}

.overlay{border:1px solid #666;box-shadow:0 0 90px #000;z-index:10000;display:none}
	.overlay .close{z-index: 10;background:transparent url("images/close_white.png") no-repeat 50% 50%;cursor:pointer;display:block;height:10px;position:absolute;right:22px;top:22px;width:10px}
	.overlay .in{background:#fff url("images/throbber.gif") no-repeat scroll 50% 50%;min-height:264px;min-width:64px}



/* EVENTS GALLERY */
.grid_item{width:33%;padding:3px;box-sizing:border-box;cursor: pointer;position:relative}
@media screen and (min-width:1250px){
	.grid_item{width:25%;}
}
.grid_item:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;box-shadow:inset 0 0 10px 1px rgba(0, 0, 0, 0.75);background:rgba(0,0,0,0.5);opacity:0;transform:scale(0.2);transition:transform 0.2s ease 0s, opacity 0.2s ease 0s;}
.grid_item:hover:before{opacity:1;transform:scale(1)}
.lb_backdrop{background:rgba(0, 0, 0, 0.9);position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}
.lb_canvas{background:white;width:50px;height:50px;position:fixed;top:0;left:0;box-shadow:0 0 20px 5px black;padding:10px;z-index:10;}
.lb_canvas.loading{background:white url("images/loader.gif") center center no-repeat;}
.lb_controls{width:100%;position:fixed;top:50%;color:white;left:0;right:0;margin:0 auto;box-sizing:border-box;padding:0 10px;z-index:12;}
.lb_controls span.inactive{opacity:0.25;cursor:default;}
.lb_previous, .lb_next{display:block;height:57px;overflow:hidden;text-indent:-999px;width:23px;cursor:pointer;}
.lb_previous{background-image:url("images/icon_prev.png");float:left;}
.lb_next{background-image:url("images/icon_next.png");float:right;}



@media screen and (max-width:1250px){
	.nav_item{height:45px}
	.nav_link{height:45px;font-size:15px;padding:0 5px}
		.nav_item:first-child .nav_link{padding:0 15px}
	.nav_item:hover .nav_link:before{right:5px;left:5px;}
		.nav_item:first-child:hover .nav_link:before{right:15px;left:15px}
	.nav_sub_listing_container{border-top:39px solid #fff;top:45px}
	#main_header{padding-bottom:105px}
}

@media screen and (max-width:1000px){
	.header_container,.container{padding:0 30px}
	#footer_container{padding:20px 30px}
	.slideshow .buttons{padding:0 10px}
	.slides .caption{right:30px;}
	#breadcrumb{padding:0 30px}
}

@media screen and (max-width:900px){
	.nav_link{height:30px;font-size:13px}
	.nav_item{height:30px}
	.nav_item:hover .nav_link:before{bottom:-10px}
	.nav_sub_listing_container{border-top:34px solid #fff;top:40px;padding:0 15px}
	#top_box_container{top:100px;left:0;right:auto;width:100%}
	#main_header{padding-bottom:195px}
	#main_nav{top:180px}
	#breadcrumb{top:240px;}
	.search_form{float:right}
	.slideshow .buttons{top:260px}
	.highlights_container{top:600px}
	#home_nav_holder{top:700px}
	.mid_container{width:80%}
}

@media screen and (max-width:810px){
	.nav_item:first-child .nav_link{padding:0 10px}
	.mid_container{width:90%}
}

/** standard layout **/

#bottom_nav{width:50%;box-sizing:border-box;display:block}


/** sitemap layout **/
.sitemap_item{clear:both;margin-bottom:15px;padding-bottom:15px;display:block;border-bottom:1px solid #000}
.sitemap_item>.sitemap_link{float:left;display:block;width:150px}
.sitemap_sub_link, .sitemap_sub_sub_link{display:block;padding-bottom:5px}
.sitemap_sub_listing{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-rule:none;-moz-column-rule:none;column-rule:none;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
	.sitemap_sub_listing.rights_col1{-webkit-column-count:1;-moz-column-count:1;column-count:1;box-sizing:border-box;padding-right:20px;width:30%}
.publis_sitemap_title,.rights_sitemap_title{font-weight:600;margin-bottom:5px;display:block}
/*.sitemap_sub_item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}*/
#secondary_sub_sub_nav.sitemap_sub_sub_listing{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-rule:none;-moz-column-rule:none;column-rule:none;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
.sitemap_sub_listing_container2{width:75%;padding-left:140px;margin-left:25%}
ul.indented_sitemap_list{margin:0}
/*.indented_sitemap_list,.sitemap_sub_sub_item{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}*/
.indented_sitemap_list{padding-left:13px}



/*** Media queries ***/

/* these media queries are just samples */
/* use appropriate queries to fit the design */
/* !!! DO NOT FORGOT TO APPLY DEFAULT STYLES FOR 960px SCREEN (IE8) !!! */

/* for screen bigger than 1600px */
@media screen and (min-width:1600px){}
/* for screen smaller than 960px */
@media screen and (max-width:960px){}
  

/*** CSS hacks (last update 2014-06-03)***/

/* Firefox 2+ */
x:-moz-any-link, .selector{ property:value}
/* Chrome 29+, Opera 16+ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){ .selector{ property:value} }
/* Chrome, Safari 3+ */
@media screen and (-webkit-min-device-pixel-ratio:0){ .selector{ property:value} }
/* Safari 5+/6-, Chrome 24- */
::x, .selector{ property:value}
/* Opera 9.5+/14- */
x:-o-prefocus, .selector{ property:value}
/* Opera 14+, Safari, Chrome, Android */
.selector:not(*:root){ property:value}
/* IE 11/10 */
@media all and (-ms-high-contrast:none){ .selector{ property:value} }
/* IE 11 */
*::-ms-backdrop, .selector{ property:value}
/* IE 9 (html specific) */
html.ie9 .selector{ property:value}
/* IE 6-10 */
.selector{ property:value\9} 
/* more hacks at http://browserhacks.com */