/* W3.CSS 4.09 January 2018 by Jan Egil and Borge Refsnes */
/*html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit} */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

/* DERNIERE VERSION */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:active2,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0; cursor:pointer;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract 
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:20px}h3{font-size:20px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
*/

select:focus option:checked {
	background: linear-gradient(#53ba00, #53ba00);
}

.bl-globe{
	font-size: 20px;
}

.gab-bottom-border{
	border-bottom: solid 1px;
}

.scFormErrorTable{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px;
}

#id_message_display_frame, #id_error_display_table_frame, .scFormErrorTable {
	position: fixed!important;
	left: 43%!important;
	top: 40%!important;
}

@media (max-width:360px){
	/*
	.scFormDataOdd{padding: 10px 11% 10px 11px !important;}
	*/
	.scFormDataOdd{padding: 10px 0% !important;}
}


.bl-mailto{
	color:black!important;
}

.bl-mailto:hover{
	font-weight:bold;
}

@media screen and (max-width: 650px){
	a#sc_b_del_b,a#sc_b_upd_b,a#sc_b_new_b,a#sc_btn_retour_bot{
		font-size: 13px;
		padding: 4px 7px;
	}
}

div#sc-id-fixedheaders-placeholder {
    top: 117px!important;
}

.bl-search-bar-wrap{
	min-height: 25vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: poppins,sans-serif;
    padding: 5%;
}

.bl-search-bar-wrap .bar-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 800px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.bl-search-bar-wrap .bar-wrapper .first-wrap {
	flex-grow: 1;
	height: 42px;
}

.bl-search-bar-wrap .bar-wrapper .second-wrap {
	height: 42px;
}

.bl-search-bar-wrap .bar-wrapper .third-wrap {
	width: 164px;
	height: 42px;
}

.bl-search-bar-wrap .bar-wrapper .third-wrap .bl_search:hover{
	background: #181818;
}

.bl_select.rr-bus{
	width:100%;
	border: solid 2px #E3E3E3;
	max-width: 250px;
}

.twitter-typeahead{ 
	width:396px; 
	font-family: quicksand;
	font-weight:500;
	font-size:14px;
}

.tt-menu.tt-open{
	width:100%;
}

@media screen and (max-width: 920px){
	.bl-search-bar-wrap .bar-wrapper .first-wrap {
		width: 99%;
		margin-bottom: 20px;
	}
	
	.bl-search-bar-wrap .bar-wrapper .second-wrap {
		width: 99%;
		margin-bottom: 20px;
	}
	
	.bl-search-bar-wrap .bar-wrapper .third-wrap {
		margin-bottom: 0;
		width: 99%;
	}
	
	.bl-search-bar-wrap .bar-wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 5%;
	}
	
	.bl_select.rr-bus {
		width: 99%;
		max-width: unset;
	}
	.custom-select {
	  width:100%;
	}
	
	.twitter-typeahead{
	  width: 100%;
	}
}

.bl-search-bar-wrap .bar-wrapper .third-wrap .bl_search{
	height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 20px;
    color: #fff;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #9acb2e;
    transition: all .2s ease-out,color .2s ease-out;
    font-weight: 300;
    -webkit-appearance: button;
}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  width:100%;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 30px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 27px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

.select-selected {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  height:68px;
}

.select-items div{
  height:36px;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #FFF;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width:370px){.bl-txt-sm{font-size:11px;}}

#id_img_bedit {
    max-width: unset;
}

.refined-nb{
	padding: 0 5px;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
}

.refined-lien:hover{
	background-color:#E3E3E3;
	text-decoration:underline;
	cursor:pointer;
}

i.share{
	font-size:14px;
	color: rgba(0,0,0,.6)!important;
}

.titre_ligne{
font-weight: 300;
font-size: 8px;
margin-bottom: 20px;
color: #2d2a2a;
border-bottom: 2px solid rgb(83, 186, 0);
width: 50px;
}

.titre_text{
font-family: Poppins,'MS Sans Serif',Geneva,sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
display: block;
margin-bottom: 0px;
color: #181818;
font-weight: 600;
line-height: 1.4;

}

div.ex3 {
  background-color: white;
  height: 400px;
  min-width: 350px; 
  max-width: 700px; 
  padding:10px;
  border: 2px solid grey;
  border-radius: 5px;

}

#histogramme {
	display: block;
	height: 60px;
	margin: 0;
	padding: 0;
}

dl {
	position: relative;
	display: block;
	width: 3px;
	height: 60px;
	float: left;
    	margin: 0;
	padding: 0;
}


dd {
	position: absolute;
	top: 0;
	z-index: 1;
	float: left;
	display: block;
	width: 3px;
	text-align: center;
	border-top-style: solid;
	border-top-color: white;
	border-top-width: 0px;
    	margin: 0;
	padding: 0;
}

a.scGridRefinedSearchQuantidade:hover {
    background-color: #E3E3E3;
}

.headline-dash:after {
    content: ' ';
    display: block;
    width: 4em;
    margin: .55em 0 .8em;
    border-style: solid;
    border-width: 0 0 2px;
}

.btBreadCrumbs {
    text-transform: uppercase;
}

.bt_bb_section[class*="bt_bb_background_overlay"] .bt_bb_cell {
    position: relative;
    z-index: 1;
}

section.bb-header {
    height: 250px;
    background-position: 50% 72.4591px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(24,24,24,0.07);
    transition-property: background-position;
    background-attachment: fixed;
    transform: translate3d(0,0,0);
}

section.bb-header:before {
    content: ' ';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: rgba(255,255,255,.7);
}

.close-container{
	float: left;
	cursor:pointer;
}

.close-container:hover .close-icon:before {
    border-color: red;
}

.close-container:hover .close-icon:after {
    border-color: red;
}

.close-icon{
	width: 30px;
    height: 24px;
    position: relative;
    padding: 0;
    float: left;
    margin: 17.5px 0;
}

.close-icon:before{
	border-top-color: #181818;
    transform: rotate(45deg) translateY(0) !important;
    position: absolute;
    display: block;
    content: "";
    border-top-width: 2px;
    border-top-style: solid;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: -.75px 1px;
    -moz-transform-origin: -.75px 1px;
    -ms-transform-origin: -.75px 1px;
    transform-origin: -.75px 1px;
}

.close-icon:after{
	border-top-color: #181818;
    transform: rotate(-45deg) translateY(0) !important;
    position: absolute;
    display: block;
    content: "";
    border-top-width: 2px;
    border-top-style: solid;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform-origin: -.75px 1px;
    -moz-transform-origin: -.75px 1px;
    -ms-transform-origin: -.75px 1px;
    transform-origin: -.75px 1px;
}


.sidebarContainer{
	padding: 0 30px;
	text-align:center;
}

.bl-logo{
	padding: 1em 2em;
}

i.bl-marker {
	font-size: 20px;
	padding-right:10px;
}

.bl-carret {
	float: right;
    margin-left: 5px;
}

.bl-carret:before {
    content: '\f107';
    font: normal 16px/1 FontAwesome;
}

.bl-carret-inv {
	transform: rotateX(180deg);
}

.tooltipx.bl-select:hover:after {
    width: 25px;
}

.bl-select:after
{
  content: '';
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: solid 2px #D3260F;
  z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 200ms ease all;
    -moz-transition: 200ms ease all;
    transition: 200ms ease all;
}

.bl-smenu-select:after
{
  content: '';
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: solid 2px #D3260F;
  z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 200ms ease all;
    -moz-transition: 200ms ease all;
    transition: 200ms ease all;
    width:50px;
}

.bl-select:hover:after, .bl-smenu-select:hover:after{ 
	-webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.bl-menu-btn{
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}


.modal-cp{
	max-width:500px;
	min-width:360px;
	overflow: visible;
	position:absolute!important;
	right:10%;
}


/* header sitemap */
.dropside-hover:hover .dropside-content, .dropside-hover2:hover .dropside-content2, .w3-dropdown-hover:hover .dropside-content-default{
	display:block;
}
.dropside-hover:hover, .dropside-hover2:hover{
	background-color:#5da832;
	color:white;
}

.dropside-content, .dropside-content-default{
	overflow:auto;
}

.meta-info{
	margin: 30px 0;
	margin-right: 20px;
	margin-left: 20px;
}
.meta-info img.thumb {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 6px;
}
.meta-info ul {
    list-style: none;
    padding: 3px;
}
.meta-info ul li {
	display: inline-block;
    margin-left: 5px;
    font-size: 17px;
}
.meta-info ul li:after {
    content: "|";
    margin-left: 10px;
    color: #c7cad0;
}

.meta-info ul li:last-child:after {
    content: "";
}

.meta-info li a {
    text-transform: capitalize;
    text-decoration: none;
    color: #7dc561;
}

.post-body {
    word-wrap: break-word;
    overflow: hidden;
    color: #2e3137;
    font-weight: 400;
    line-height: 1.7em;
    font-size: 16px;
}

.post-body p {
    color: #2e3137;
    font-weight: 400;
    line-height: 1.7em;
    font-size: 16px;
}
.location {
    border-top: 1px solid rgb(219, 219, 219);
    border-bottom: 1px solid rgb(219, 219, 219);
    margin-top: 20px;
}

.about-author {
	font-size:16px !important;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.02);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 30px 20px;
}
.about-author .thumb img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.author-img {
	width:70px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.author-text {
    width: 87%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.about-author .desc h5 {
    text-transform: none;
    color: #2e3137;
    margin-bottom: 10px;
	margin-left: 20px;
    margin-right: 20px;
    font-weight: 600;
}
.desc p{
	font-family: 14px;
}

hr.small{
	margin: 40px 0;
    font-size: 85%;
    border-top: 1px solid lightgrey;
}

h5.sr_w_title{
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    color: #6e6e6e;
    font-weight: 600;
	line-height: 1.1;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

img{
	/*max-width: 100%;   modif 2019-09-05 FL*/
    vertical-align: middle;
}

.widget-popular-article .popular-article .thumb img {
	border: 0;
}


.widget-popular-article .popular-article .thumb {
    float: left;
    margin-right: 15px;
	max-height: 60px;
    max-width: 60px;
}

.widget-popular-article .popular-article2 .thumb-list {
    float: left;
    margin-right: 15px;
    max-height: 100px;
    max-width: 100px;
}
.widget-popular-article .popular-article .thumb-list img {
	border: 0;
}

.widget-popular-article .popular-article .article-link a {
    font-weight: 500;
	text-decoration:none;
	font-size: 17px;
}

.widget-popular-article .popular-article2 .article-link a {
    font-weight: 500;
	text-decoration:none;
	font-size: 18px;
}

.thumb-table{
	text-align:right;
	text-align:-webkit-right;
	text-align:-moz-right;
	text-align:-ms-right;
	text-align:-o-right;
}



.blog-link {
    font-weight: 500;
	text-decoration:none;
	font-size: 24px;
	color: #53ba00;
}
.blog-link:hover {
	color: #181818;
}

.widget-popular-article .popular-article2 .article-link p {
	font-size: 14px;
}

.popular-article{
	height: fit-content;
	min-height: 60px;
    border-bottom: 1px solid grey;
    padding: 2px;
}

.popular-article2{
	height: fit-content;
	min-height: 100px;
    border-bottom: 1px solid grey;
    padding: 2px;
}

.row::before, .row::after, .clearfix:before
{
	content: " ";
    display: table;
}
.row::after, .clearfix:after
{
    clear: both;
}
.thumb{width:70px;}

.cinq2{
	width:29.99999%;
	float:left;
}

.cinq3{
	width:68%;
	float:left;
	margin-right:16px
}

.cinq3 h1{
	font-size:1.5vw;
}

.hide1200p{
	display:none;	
}

@media (max-width:1200px) {
	.cinq3 h1{
		font-size:18px;
	}
	
	.cinq3, .cinq2{
		width:100%;
		margin-right:0px
	}
	
	.thumb-table{
		text-align:center;
		text-align:-webkit-center;
		text-align:-moz-center;
		text-align:-ms-center;
		text-align:-o-center;
	}
	.hide1200p{
		display:block;	
	}
}

@media (max-width:1200px) {

}

.dropside-content,.dropside-content-default{
	background-color:#f2f2f2 !important;
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 5;
    top:0px;
    left:250px;
	right:0px;
	bottom:0px;
    border-left:1px solid grey;
    min-height:370px;
	min-width:320px;
}

.dropside-content2{
	/*
	background-color:#f2f2f2 !important;
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 5;
    top:0px;
    left:250px;
	right:0px;
	bottom:0px;
    border-left:1px solid grey;
    min-height:370px;
	*/
	cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    left: 250px;
	top:0;
	right:0;
	bottom:0;
    z-index: 5;
}

.dropside-content>div>ul,.dropside-content-default>div>ul{ /*,.dropside-content2>div>ul*/
	list-style:none;
	margin-top:16px;
	padding:0 0 0 20px;
}
/*
.dropside-content2{
	left:270px;
}*/

.auto-width{
	width:auto!important;
}

ul.w3-dropdown-content>li.dropside-hover,li.dropside-hover2 {
    width: 250px;
}

.col{
	width:24%;
	float:left;
	min-width:270px;
}

.col-img{
	float:right;
	min-width:210px;
}

@media (max-width:1712px){
	.col-img{display:none;}
}

div.col>ul>li>a{
	font-size:13px;
	text-decoration:none;
	color:black;
}
div.col>ul>li>a:visited{
	text-decoration:none;
}
div.col>ul>li>a:hover{
	text-decoration:underline;
	color:#9acb2e;
}

div.col>ul>div{
	color:#5da832;
	font-size:15px;
}

i.ctom { font-size:168px;color:#9acb2e;text-shadow:3px 3px 6px #38383A;margin-top:20px; }
i.ctom2 { font-size:168px;color:#5da832;text-shadow:3px 3px 6px #38383A;margin-top:20px; }
i.customm {font-size: 14px; color: #38383A; margin-right:6px;}
i.custom17v {font-size: 17px; color: #9acb2e; margin-right:8px}
i.custom17o {font-size: 17px; color: #FF8000; margin-right:8px}
i.custom17m {font-size: 17px; color: #8000FF; margin-right:8px}
i.custom17b {font-size: 17px; color: #0080B0; margin-right:8px}
i.custom30 {font-size: 30px; color: #38383A; margin-right:10px; margin-left:10px;}
i.custom30v {font-size: 30px; color: #9acb2e; margin-right:10px; margin-left:10px;}
i.custom30b {font-size: 30px; color: #FFFFFF; margin-right:10px; margin-left:10px;}
i.custom30bb {font-size: 30px; color: #FFFFFF; margin-right:2px; margin-left:2px;}
i.custom100 {font-size: 80px; color: #CCCCCC;margin-right:20px}
i.custom50 {font-size: 50px; color: #CCCCCC;margin-right:20px}
i.custom50v {font-size: 50px; color: #9acb2e;margin-right:20px}
i.custom12 {font-size: 12px; color: #0D73B6; margin-left:6px;}
i.customb {font-size: 24px; color: #0D73B6; margin-right:6px;}
i.customp {font-size: 24px; color: #0D93D6; margin-right:6px;}
i.customo {font-size: 20px; color: #D3260F; margin-right:6px;}
i.customt {font-size: 24px; color: #FFFFFF; margin-right:6px;}

#breadcrumbs2{margin-top:0px!important;padding-top:0px;padding-bottom:5px}
#breadcrumbs2 a{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:20px;color:white;padding:0 10px 0 60px;background:#9acb2e;position:relative;transition:0.5s}#breadcrumbs2 a:first-child{padding-left:20px}
#breadcrumbs2 a:first-child:before{left:14px}#breadcrumbs2 a:last-child{border-radius:0 5px 5px 0;padding-right:20px}
#breadcrumbs2 a.active,#breadcrumbs2 a:hover{background:#333;background:#5DA832;transition:0.5s}#breadcrumbs2 a.active:after,#breadcrumbs2 a:hover:after{background:#333;background:#5DA832;transition:0.5s}#breadcrumbs2 a:after{content:'';position:absolute;top:0;right:-11px;width:18px;height:18px;transform:scale(.707) rotate(45deg);z-index:1;background:#9acb2e;border-radius:0 5px 0 50px;border-right:white 2px solid;border-top:white 2px solid;transition:0.5s}#breadcrumbs2 a:last-child:after{content:none}.breadcrumb_last2{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:20px;color:white;padding:0 10px 0 20px;background:#5DA832;position:relative}.breadcrumb_last2:after{content:'';position:absolute;top:0;right:-10px;width:20px;height:20px;transform:scale(.707) rotate(45deg);z-index:1;background:#5DA832;border-radius:0 5px 0 50px}

#breadcrumbs3{margin-top:0px!important;padding-top:0px;font-family: Raleway;margin: 0 0 1em;display: inline-block;text-transform: uppercase;}
#breadcrumbs3 a{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:20px;color:black;padding:0 8px 0 8px;position:relative;transition:0.5s}#breadcrumbs3 a:first-child{padding-left:0px}
#breadcrumbs3 a:last-child{padding-right:10px}
#breadcrumbs3 a.active,#breadcrumbs3 a:hover{text-decoration: underline;}#breadcrumbs3 a.active:after,#breadcrumbs3 a:last-child:after{content:none}.breadcrumb_last3{text-decoration:none;outline:none;display:block;float:left;font-size:16px;line-height:20px;color:black;position:relative}

/* Fleche de navigation Inactive */
i.custom-fleche{
	font-size:30px;
	color:#cccccc;
}
/* Fleche de navigation Active */
i.custom-fleche1{
	font-size:30px;
	color:#5da832;
}


/* DEBUT Ajout 2019-02-25 FL*/
/* The Modal (background) */
.video_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}



/* The Close Button */
.close {
  position:absolute;
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  z-index:2000;
  right: 20px;
  top: 10px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Modal Content/Box */
.video-modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
  
.theatre_video{
    padding:8px;
    box-shadow:0 6px 12px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.19);
    background-color:black;
}

@media (max-width:749px){
    .theatre_video{
      width:320px;
      height:180px;
    }
    /* Modal Content */
    .video-modal-content {
      width: 341px;
      animation-name: animatetop;
      animation-duration: 0.4s;
    }
}

@media (min-width:750px){
    .theatre_video{
      width:640px;
      height:360px;
    }
    /* Modal Content */
    .video-modal-content {
      width: 661px;
      animation-name: animatetop;
      animation-duration: 0.4s;
    }
}



/* Add Animation */
@keyframes animatetop {
  from {top: -320px; opacity: 0}
  to {top: 50%; opacity: 1}
}

/* FIN Ajout 2019-02-25 */

i.custom24vert {font-size: 18px; color: #9acb2e; margin-right:10px; margin-left:10px;}	
i.custom24rouge {font-size: 18px; color: #C83030; margin-right:10px; margin-left:10px;}	

i.custom20v {font-size: 20px; color: #9acb2e; margin-right:10px; margin-left:10px;}	
i.custom20v:hover {color: #38383A;}	
			 
i.custom20 {font-size: 20px; color: #38383A; margin-right:10px}	
i.custom20:hover {color: #9acb2e;}	
i.custom18 {font-size: 18px; color: #38383A; margin-right:10px}	
i.custom18:hover {color: #9acb2e;}	
i.custom18v {font-size: 18px; color: #9acb2e; margin-right:10px}	
i.custom18v:hover {color: #38383A;}	
i.custom18f {font-size: 18px; color: #9acb2e; margin-right:10px}
i.custom18g {font-size: 18px; color: #9acb2e; margin-right:10px}

i.customv {
	font-size: 24px;
	color: #9acb2e;
	padding-right:10px;
}
			 
.mySlides {display: none}

.shadow-bottom{
	box-shadow: 0px 0px 8px;
}

.radio-form
{
    -moz-appearance: checkbox;
    appearance: checkbox;
    -webkit-appearance: checkbox;
    width: 20px;
    top: 4px;
    right: 4px;
    height: 20px;
    position: relative;
}

label{
	cursor:pointer;
}


.box-rr{
	box-shadow: 0px 0px 8px;
    border-bottom: 2px #9acb2e solid;
}

@media (max-width:1200px){
	#id_div_interativ_search{ display:none; }
}

.bar-rr,.bar-rr_1,.bar-rr_2,.bar-rr_3,.bar-rr_4,.bar-rr_5{display:inline-flex;}
.bar-rr{width:385px;}
.bar-rr_1{width:189px;}
.bar-rr_2{width:188px;}
.bar-rr_3{width:387px;}

/*.bar-rr_4{width: 240px;}*/
/*.bar-rr_5{width:60px;}*/

.bar-rr_4 > .twitter-typeahead{
	width: 240px;
	/*border: solid 2px #E3E3E3;*/
    border-right: none;
}

a.button-rr {
    background-color: #9acb2e;
    border: none;
    color: white;
    padding: 7px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    /*margin: 2px 1px;*/
    cursor: pointer;
}

a.button-rr2 {
    background-color: #9acb2e;
    border: none;
    color: white;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    /*margin: 2px 1px;*/
    cursor: pointer;
}

div.btn-home{
	float: left;
    width: 33.3333%;
    text-align: center;
}

a.buttonv-home {
    background-color: #9acb2e; 
    border-color: #9acb2e;
    border-top-color: #b7d973;
    border-left-color: #b7d973;
    color: white;
    border-style: outset;
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
	font-weight:500;
    margin: 2px 0px;
    cursor: pointer;
}

.but {
    color: white;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
	font-weight:500;
    margin: 2px 0px;
    cursor: pointer;
}

.but:hover {
	color: black;
}

a.buttonv-home:hover {
    border-style: inset;
	border-color: #9acb2e;
    border-bottom-color: #b7d973;
    border-right-color: #b7d973;
	
}

a.forfait {
	display:flex;
	align-items: baseline;
	justify-content: center;
	color: white;
}

a.forfait:hover {
	color: black;
}

a.buttonv2-home {
    background-color: #9acb2e; 
    border-color: #9acb2e;
    border-top-color: #b7d973;
    border-left-color: #b7d973;
    color: white;
    border-style: outset;
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	font-weight:700;
    margin: 2px 0px;
    cursor: pointer;
}

a.buttonv2-home:hover {
    border-style: inset;
	border-color: #9acb2e;
    border-bottom-color: #b7d973;
    border-right-color: #b7d973;
	
}

#tbl_bus_ind-home {
    border-collapse: collapse;
	margin-top:50px;
	width:100%;
}

#tbl_bus_ind-home>tbody>tr>td{
	border: 5px solid #9acb2e;
	padding: 10px;
}
#tbl_bus_ind-home_mob {
    border-collapse: collapse;
	margin-top:50px;
	width:100%;
	display:none;
}

#tbl_bus_ind-home_mob>tbody>tr>td{
	border: 5px solid #9acb2e;
	padding: 10px;
}

@media (max-width:1279px){
	#tbl_bus_ind-home{display:none;}
	#tbl_bus_ind-home_mob{display:table;}
}

img.hautpage-home{
	background-repeat: repeat-x;
    background-position: left top;
    height: 410px;
    width: 100%;
}
.tr-home_mob{
	display:none;
}

@media (max-width:700px){
	.td-home_mob{display:none;}
	.tr-home_mob{display:table-row;}
}

.hide-670p{display:none}
@media (max-width:670px){
	.hide-670{display:none!important;}
	.hide-670p{display:table}
}
@media (max-width:725px){
	.hide-725{display:none!important;}
}
.titre-home{
	text-align:center;
	font-weight:bold;
	width:760px;
	margin:auto;
}
.stitre-home{
	font-size:26px;
	color:#9ACA3C;
	text-align:center;
	width:535px;
	margin:auto;
	font-weight:bold;
}

@media (max-width:790px){
.titre-home{font-size:18px;width:380px;}
.stitre-home{font-size:16px;width:330px;}
}

.desc_tbl-home{
	font-size: 24px;
    font-weight: 500;
}

.list_tbl-home{
	font-size:15px;
}

@media (max-width:790px){
	.desc_tbl-home{font-size: 18px;}
}

.hide-1200p{display:none!important;}
@media (max-width:1200px){
	.hide-1200p{display:block!important;}
	.hide-1200{display:none!important;}
}

.demi-bar{
	padding:10px 4px;
    max-width: 804px;
    min-width: 385px;
	height:33px;
	margin-left: auto;
	margin-right: auto;
}

.demi-bar2{
    max-width: 588px;
    min-width: 364px;
	display:inline-flex;
}

i.custom_rr{
    color: #b3b3b3;
    font-size: 26px;
    border: solid 2px #E3E3E3;
    margin-top: auto;
    border-left: none;
    padding: 2.2px;
}

@media (max-width:789px){
	/*.demi-bar,.demi-bar2{width:50%;padding:10px 0px;}
	.bar-rr_5{width:364px;}
	.bl_select.rr-bus,.bar-rr_4 > .twitter-typeahead,.bar-rr_4{width:180px;min-width:unset;}*/
	.demi-bar2{display:inherit;}
	/*.typeahead.tt-hint, .tt-input.typeahead{border-right: solid 2px #E3E3E3!important; border-bottom: none!important;}*/
	i.custom_rr{position: relative;bottom: 0px;top: -32px;font-size: 58px; border:none}
	/*.tt-hint, .tt-input, .tt-menu {
	width: -webkit-calc(100% - 4px)!important;
	width: -moz-calc(100% - 4px)!important;
    width: calc(100% - 4px)!important;
}*/
}

.bar-rr_2 > .twitter-typeahead > .typeahead,.bar-rr_4 > .twitter-typeahead > .typeahead {
    padding: 4.5px 8px!important;
}

.div-btn_search{
	text-align:left;
}

.w3-quarterx{
	width:21.9999%;
	float:left;
	padding:8px 16px;
}
.w3-thirdx{
	width:30%;
	float:left;
	padding:8px 16px;
} 

@media (max-width:1100px){
	.w3-thirdx{width:99.9999%;}
	.w3-quarterx{width:99.9999%} 
	.div-btn_search{text-align:center;}
}

.bl_select{
	width:190px;
	background-color: #FFFFFF;
    background-image: none;
    opacity: 1;
    filter: alpha(opacity=100);
    border-color: #8b8e95;
    border-style: solid;
    border-width: 1px;
    color: #38383A;
    font-family: Quicksand,Open Sans,Arial,sans-serif;
    font-size: 12px;
    padding: 5px;
    text-decoration: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
	height:35px
}

.clickable-play{
	cursor:pointer;
}
.clickable-play:hover{
	color:#7ea626 !important;
}
.clickable-play:active{
	color:darkgreen !important;
}


@media (max-width:1079px){
	.boites{
		min-width:340px;
		max-width:680px;
		min-height:650px;
		max-height:650px;
		padding:5px;
		margin:5px;
	}
}

@media (min-width:1080px){
	.boites{
		min-width:340px;
		max-width:680px;
		min-height:650px;
		max-height:650px;
		padding:5px;
		margin:5px;
		/*padding-top:256px;*/

	}
}

/* Slideshow container */
.slideshow-container {
  max-width: 340px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 12px;
  margin-top: -22px;
  color: green;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  
}

/* Position the "next button" to the right */
.next {
  right: -40px;
  border-radius: 10px 0 0 10px; 
}

.prev {
  left: -40px;
  border-radius: 0px 10px 10px 0px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: black;
  font-size: 38px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-radius: 50%;
  background-color: #bbb;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover { background-color: #717171; }
.active:hover { background-color: transparent; }
.active2:hover { background-color: #717171;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next {font-size: 11px}
}			 

.crop {
    height: 300px;
    overflow: hidden;
}
.crop img {
    height: 100%;
    width: auto;
}


/*Titre haut de page*/
.titre-header{
	line-height: 1;
	font-size: 3vw;/* 4vw */
	position:absolute;
	z-index:1;
	width: 100vw;
	margin-top:3vw;/* 1.5vw */
}

.titre-header2{
	line-height: 1.5;
	font-size: 3vw;
	position:absolute;
	z-index:1;
	width: 100vw;
	font-weight:500;
	margin-top: 7vw;
	margin-left: 2vw;
	margin-right: 2vw;
	left: -2vw;
}
			 
/*Bannière*/
.ruban {
    text-align:center;
    width:116px!important;
    height:96px;
    background:#5da832;
}/*
.ruban::after {
    content: "";
    display: block;
    position: relative;
    top: 25px;
    right: 10px;
    height: 0;
    width: 0;
    border-width: 9px 67px 11px 67px;
    border-style: solid;
    border-color: #5da832 #5da832 transparent #5da832;
}*/
.ruban.after {
    display: block;
    position: relative;
    top: 47px;
    right: 10px;
    height: 0;
    width: 0!important;
    border-width: 9px 68px 11px 68px;
    border-style: solid;
    border-color: #5da832 #5da832 transparent #5da832;
    background-color:transparent;
}

a.buttonv {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #0D73B6; 
    border: 1px solid #0D73B6;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonv:hover {
	font-weight:400;
	color:#D3260F;
	background-color: #FFFFFF;
}

a.buttonvorange {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #934040; 
    border: 5px solid #934040;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonvorange:hover {
	font-weight:400;
	color:#934040;
	background-color: #FFFFFF;
}

a.buttonvnoir {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #000000; 
    border: 5px solid #000000;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonvnoir:hover {
	font-weight:400;
	color:#000000;
	background-color: #FFFFFF;
}

a.buttonvgris {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #808080; 
    border: 5px solid #808080;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonvgris:hover {
	font-weight:400;
	color:#808080;
	background-color: #FFFFFF;
}

a.buttonvbleu {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #0D93D6; 
    border: 5px solid #0D93D6;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonvbleu:hover {
	font-weight:400;
	color:#0D93D6;
	background-color: #FFFFFF;
}

a.buttonvfait {
	font-weight:400;
	font-family: Tahoma, Arial, sans-serif;
    background-color: #085A7A; 
    border: 5px solid #085A7A;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 1px;
    cursor: pointer;
}

a.buttonvfait:hover {
	font-weight:400;
	color:#085A7A;
	background-color: #FFFFFF;
}

			 
a.button {
    background-color: #9acb2e; 
    border: none;
    color: white;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

a.buttonvv {
    background-color: #9acb2e; 
    border: none;
    color: white;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 2px;
    cursor: pointer;
}

a.buttonvv:hover {
    background-color: white; 
    color: #9acb2e; 
    border: 2px solid #9acb2e;
}

a.button1 {
	background-color: white; 
    color: #9acb2e; 
    border: 2px solid #9acb2e;
    font-weight:700;
}
a.button1:hover {
    background-color: #9acb2e; 
    color: white; 
    border: 2px solid #9acb2e;
    font-weight:700;
}

a.button2{
	font-size:14px;
	background-color:white;
	color: #9acb2e;
	padding:4px 24px;
	text-decoration:none;
	font-weight:bold;
}
a.button2:hover{
	background-color:#ccc;
	color: white;
	font-weight:bold;
}

a.button3 {
	background-color: white; 
    color: #9acb2e; 
    border: 2px solid #9acb2e;
    font-weight:700;
	padding:2px 20px;
}
a.button3:hover {
    background-color: #9acb2e; 
    color: white; 
    border: 2px solid #9acb2e;
    font-weight:700;
}

a.button4, button.button4 {
	background-color: #9acb2e; 
    color: white; 
    border: 2px solid #9acb2e;
    font-weight:700;
	padding:2px 20px;
}
a.button4:hover, button.button4:hover {
    background-color: white; 
    color: #9acb2e; 
    border: 2px solid #9acb2e;
    font-weight:700;
	padding: 6px 14px;
}

button.button4:disabled {
    background-color: #A9ABB0;
    color: black;
    border: none;
}

a.button5 {
	background-color: #9acb2e; 
    color: white; 
    border: 2px solid #e3e3e3;
    font-weight:400;
    cursor: pointer;
    box-sizing: border-box;
    padding: 6px 20px;	
	height: 40px;
}
a.button5:hover {
    background-color: black; 
}

a.lien {
	font-size:30px;
    color: #9acb2e; 
    font-weight:400;
	text-decoration: none;
}
a.lien:hover {
    color: #5da832; 
	text-decoration: underline;
}

a.lien2 {
	font-size:20px;
    color: #9acb2e; 
    font-weight:400;
	text-decoration: none;
}
a.lien2:hover {
    color: #5da832; 
	text-decoration: underline;
}

a.lien3 {
	font-size:20px;
    color: #5da832; 
    font-weight:500;
	text-decoration: none;
}
a.lien3:hover {
    color: #37621d; 
	text-decoration: underline;
}

			 
html,body{font-family:Quicksand,Open Sans,Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:20px}h3{font-size:20px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:Quicksand,Open Sans,Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:2px solid #0D73B6;margin:16px}
	
/* DropUp */
.dropbtn{
	color:white;font-size:14px;
	border:none;
	padding-left:0px;
	cursor:pointer;
}
.dropup{
	position: relative;
	display: inline-block;
}
.dropup-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	border:1px solid #48494e;
	min-width: 240px;
	bottom: 15px;
	padding: 12px 16px;
	z-index: 1;
}
.dropup-content a{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropup-content a:hover{
	background-color: #ddd
}
.dropup:hover .dropup-content{
	display: block;
}
.dropup:hover .dropbtn{
	color: #CCCEDA;
}

.w3-dropdown-hover span:after
{
  	content: '';
  	display: block;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	border-bottom: solid 2px #D3260F;
  	z-index: -1;
	-webkit-transform: scaleX(0);
  	-moz-transform: scaleX(0);
  	-ms-transform: scaleX(0);
  	transform: scaleX(0);
  	-webkit-transition: 200ms ease all;
  	-moz-transition: 200ms ease all;
  	transition: 200ms ease all;
}

.w3-dropdown-hover:hover span:after {
	-webkit-transform: scaleX(1);
  	-moz-transform: scaleX(1);
  	-ms-transform: scaleX(1);
	transform: scaleX(1); 
}

@media(min-width: 1600px){.hide-promo-large{display:none!important;}}
@media(max-width: 1199px){.hide-promo-small{display:none!important;}}
@media (max-width:1599px) and (min-width:1200px){.hide-promo-medium{display:none!important}}
	
.fw-reg{font-weight:400}
.fw-medium{font-weight:500}
.fw-bold{font-weight:700}  
.co-bas-fond{color:#48494E} /* couleur fond du footer */
.tx-bas1{font-weight:500;font-size:14px;color:#FFFFFF} /* premiere ligne de texte du footer */
.tx-bas2{font-weight:500;font-size:12px;color:#E1E1E1} /* seconde ligne de texte du footer */
.tx-menu-rech1{font-weight:400;font-size:14px;color:#696971} /* texte par défaut de la recherche */
.co-menu-fond-rech{color:#696971} /* couleur fond de la recherche */
.tx-menu1{font-weight:500;font-size:14px;color:#38383A;font-family:Quicksand,Open Sans,Verdana,sans-serif;} /* texte du menu1 */
.tx-menu2-flag{font-weight:500;font-size:14px;color:#FFFFFF;font-family:Quicksand,Open Sans,Verdana,sans-serif;} /* texte du menu1 */
.co-menu2-flag{color:#5DA832} /* couleur du flag de menu2 */
.co-menu1{color:#FFFFFF} /* couleur du flag de menu1 */
.co-menu2{color:#9ACB2E} /* couleur du flag de menu2 */
.tx-menu2-bouton{font-weight:500;font-size:14px;color:#9ACB2E} /* texte du bouton du menu2 */
.tx-home-sect1-titre{font-weight:700;font-size:2.5vw;color:#FFFFFF;padding:6vw;} /* texte du bouton du menu2 */
.tx-modal-tab1{font-weight:500;font-size:14px;color:#5DA832} /* texte du tab sélectionné */
.tx-modal-tab2{font-weight:500;font-size:14px;color:#FFFFFF} /* texte du tab non-sélectionné */
.tab-modal-tab1{color:#FFFFFF} /* Couleur du tab sélectionné */
.tab-modal-tab1{color:#5DA832} /* Couleur du tab non-sélectionné */
.tx-modal-libelle{font-weight:400;font-size:13px;color:#8B8E95} /* texte des libellés */
.tx-modal-rech1{font-weight:500;font-size:16px;color:#8B8E95} /* texte par défaut de la recherche */
.tx-modal-rech{font-weight:500;font-size:16px;color:#48494E} /* texte saisie de la recherche */
.tx-modal-bouton{font-weight:700;font-size:16px;color:#FFFFFF} /* texte du bouton */
.co-modal-bouton{color:#9ACB2E} /* couleur du bouton */
.tx-stats-nombre{font-weight:700;font-size:40px;color:#FFFFFF} /* texte des nombres pour les stats */
.tx-stats-texte{font-weight:500;font-size:20px;color:#38383A} /* texte des textes pour les stats */
.co-stats-fond{background-color:#A9ABB0} /* couleur de fond pour les stats */
.co-stats-fondx{background-color:#9ACB2E} /* couleur de fond pour le slogan */
.tx-qui-gtitre{font-weight:700;font-size:40px;color:#5DA832} /* texte du grand titre À qui s'adressent nos services */
.tx-qui-titre{font-weight:500;font-size:20px;color:#38383A;text-decoration:none} /* texte des titres dans À qui s'adressent nos services */
.tx-qui-titre2{font-weight:500;font-size:20px;color:#38383A;text-decoration:none} /* texte des titres dans À qui s'adressent nos services */
.tx-nb{font-weight:500;font-size:20px;color:#38383A;text-decoration:none} /* nombre dans ases */
.tx-qui-titre:hover{color:#9acb2e;text-decoration:none} /* texte des titres dans À qui s'adressent nos services */
.tx-qui-texte{font-weight:400;font-size:17px;color:#38383A} /* texte des sous-titres dans À qui s'adressent nos services */
.tx-qui-bouton{font-weight:500;font-size:16px;color:#9ACB2E} /* texte des boutons dans À qui s'adressent nos services */
.co-qui-cercle{color:#CCCCCC} /* couleur des cercles */
.tx-promo-gtitre{font-weight:700;font-size:40px;color:#5DA832} /* texte du grand titre PROMOTIONS RECENTES  */
.co-promo-fond{background-color:#F2EEED} /* couleur de fond pour la section PROMOTIONS RECENTES */
.tx-promo-nome{font-weight:700;font-size:15px;color:#38383A;text-transform: uppercase;} /* texte des noms entreprise pour la section PROMOTIONS RECENTES */
.tx-promo-titre{font-weight:700;font-size:20px;color:#5DA832} /* texte des titres promo pour la section PROMOTIONS RECENTES */
.tx-promo-texte{font-weight:500;font-size:16px;color:#48494E} /* texte des textes pour la section PROMOTIONS RECENTES */
.tx-promo-bouton{font-weight:500;font-size:16px;color:#9ACB2E} /* texte des boutons pour la section PROMOTIONS RECENTES */
.co-promo-point-gris{color:#D9D6D6} /* couleur des points gris pour la section PROMOTIONS RECENTES */
.co-promo-point-vert{color:#5DA832} /* couleur des points verts pour la section PROMOTIONS RECENTES */
.tx-promo-bouton-bas{font-weight:500;font-size:16px;color:#FFFFFF} /* texte du bouton du bas pour la section PROMOTIONS RECENTES */
.co-promo-bouton-bas{color:#9ACB2E} /* couleur du bouton du bas pour la section PROMOTIONS RECENTES */
.co-avan-fond{color:#FFFFFF} /* couleur de fond pour la section LES AVANTAGES BILINKS */
.tx-avan-texte{font-weight:500;font-size:22px;color:#38383A;text-decoration:none} /* texte pour la section LES AVANTAGES BILINKS */
.tx-avan-texte:hover{color:#9acb2e;text-decoration:none} /* texte pour la section LES AVANTAGES BILINKS */
.tx-avan-gtitre{font-weight:700;font-size:40px;color:#5DA832} /* texte du grand titre de LES AVANTAGES BILINKS */
.co-avan-cercle{color:#CCCCCC} /* couleur des cercles */
.co-lp-cercle{color:#CCCCCC} /* couleur des cercles */	
.co-lp-cercle_vert{color:#9ACB2E} /* couleur des cercles */				  
.tx-lp-gtitre{font-weight:500;font-size:30px;color:#5DA832;line-height: 1.2;text-decoration:none;} /* texte du grand titre À qui s'adressent nos services */
.tx-lp-gtitre:hover{color:#9acb2e;text-decoration:none;} /* texte du grand titre À qui s'adressent nos services */
.tx-lp-part1{font-weight:400;font-size:20px;color:#38383A;text-align: justify;line-height: 1.2;} /* texte pour la partie 1 de lp */
.tx-lp-part2-titre{font-weight:500;font-size:20px;color:#38383A;text-transform: uppercase;} /* titre de la partie 2 de lp */
.tx-lp-part2-texte{font-weight:500;font-size:17px;color:#38383A;margin-left:34px;text-align: justify;line-height: 1.2;} /* texte de la partie 2 de lp */
.tx-ent-nom-e{font-weight:400;font-size:20px;color:#38383A;} /* texte a_ent nom entreprise*/
.tx-ent-libelle{font-weight:700;font-size:12px;color:#8B8E95;margin-top:8px} /* texte a_ent des libellés */
.tx-ent-info{font-weight:500;font-size:14px;color:#38383A; margin-right:16px;} /* texte a_ent des infos */
.tx-mem-image{font-weight:700;font-size:20px;color:#9ACB2E}			 
.tx-ent-empl{font-weight:500;font-size:14px;color:#38383A;text-decoration:none;} /* texte a_ent des infos */	
.tx-ent-empl:hover{color:#9acb2e;text-decoration:none;} /* texte a_ent des infos */	
.tx-ent-empl2{font-weight:700;font-size:12px;color:#38383A;text-decoration:none;} /* texte a_ent des infos */
.tx-ent-empl14{font-weight:500;font-size:14px;color:#38383A;text-decoration:none;} /* texte a_ent des infos */

.promo-trans {
    max-height: 160px;
    overflow: hidden;
    -webkit-transition: max-height 2s ease-out;
    transition: max-height 2s ease-out;
}

.promo-trans:hover {
    max-height: 700px;
}

table.heures{font-family:'Roboto Mono';font-weight:500;font-size:14px;color:#38383A;}
.hrs{padding-top:3px;padding-bottom:0px;}
table.xyz{border:1px solid #DDDDDD;}
td.xyz{border:1px solid #DDDDDD;}
table.xyzb{border:0px solid #FFFFFF;}
td.xyzb{border:0px solid #FFFFFF;}
				   
a.lp{color:#5da832;text-decoration:none}
a.lp:hover{color:#181818;text-decoration:none}
		   
a.lp1{color:#38383A;text-decoration:none;font-weight:700;font-size:16px;}
a.lp1:hover{color:#5da832;text-decoration:none}
		   
a.lp2{color:#38383A;text-decoration:none;font-weight:700;font-size:14px;}
a.lp2:hover{color:#5da832;text-decoration:none}
		   
a.lp3{color:#9acb2e;text-decoration:none;font-weight:500;font-size:14px;}
a.lp3:hover{color:#5da832;text-decoration:none}		   
	
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed!important;opacity:0.3;background-color:#A9ABB0!important;color:black!important;}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}

/*.w3-dropdown-hover:hover span{border-bottom: solid 2px #5da832;}*/

.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:5}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%} 

.bl-dropdown-content{width:245px;}/*min-width:220px !important;*/
.bl-dropdown-hover{width:215px !important}
.bl-hover-grey:hover{ background-color:#EDF7D7; } /* #D6DCD7 */

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:10005;display:none;padding-top:97px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}


.w3-modal-content{margin-left: 10%;background-color:#fff;position:relative;padding:0;outline:0;width:600px}


.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:2px 16px;text-align:left;border:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-halfx,.w3-third,.w3-third_bl,.w3-third_tb,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:99.9999%} 
.w3-half1440,.bl-third{float:left;width:99.9999%}

.w3-threequarterx{float:left;width:98%}

.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:1100px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:30%}.w3-col.p33{width:33%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.p62{width:62%}.w3-third_bl{width:32%}.w3-third_tb{width:33%}.w3-quarterx{width:21.99999%}
.w3-col.m8,.w3-twothird{width:63%}.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}

@media (min-width:1160px){ .bl-third{width:33.333%}}

@media (min-width:750px){.w3-halfx{width:49%}}
@media (min-width:1270px){.w3-half1440{width:49.9999%}}
@media (min-width:700px){.w3-threequarterx{width:59.99999%}}

@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:650px){.w3-modal-content{margin:0;width:auto!important;right:unset;}.w3-modal{padding-top:93px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px) and (min-width: 651px){.w3-modal-content{width:500px}.w3-modal{padding-top:48px}}
@media (min-width:1201px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:1200px) and (min-width:993px){.w3-hide-medium-large{display:none!important}}
@media (max-width:1440px) and (min-width:1201px){.w3-hide-large-xlarge{display:none!important}}
@media (min-width:1441px){.w3-hide-xlarge{display:none!important}}
@media (max-width:992px) and (min-width:651px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:2}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:5%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}%
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-half1440,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-threequarterx,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 0 0 5%} /*Default = padding:0 0 0 5% */
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"Roboto Mono";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-marginx{margin:50px!important}.w3-marginx-top{margin-top:50px!important}.w3-marginx-bottom{margin-bottom:50px!important}
.w3-marginx-left{margin-left:50px!important}.w3-marginx-right{margin-right:50px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#D3260F!important;background-color:#FFFFFF!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#0D73B6!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
/* .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} */
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#858FAA!important}																				
/* .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} */
.w3-fullgreen,.w3-hover-fullgreen:hover{color:#fff!important;background-color:#9acb2e!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#349947!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#9ACA3C!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
/* .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important} */
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#A7ACC0!important}
.w3-bg-grey{color:#000!important;background-color:#A7ACC0!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#E1E1E8!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#858FAA!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
/* .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} */
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#9ACA3C!important}										  
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
/* .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important} */
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#858FAA!important}																									
/* .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} */
.w3-text-green,.w3-hover-text-green:hover{color:#53ba00!important}
/* Couleurs Bilinks */
.w3-text-green1,.w3-hover-text-green1:hover{color:#38383A}
.w3-text-green2,.w3-hover-text-green2:hover{color:#13702E}
.w3-text-green3,.w3-hover-text-green3:hover{color:#5DA832}
.w3-text-green4,.w3-hover-text-green4:hover{color:#9ACB2E}
.w3-text-green5,.w3-hover-text-green5:hover{color:#696971}
.w3-text-grey1,.w3-hover-text-grey1:hover{color:#858FAA}
.w3-text-grey2,.w3-hover-text-grey2:hover{color:#969DB5}
.w3-text-grey3,.w3-hover-text-grey3:hover{color:#A9ABB0}
.w3-text-grey4,.w3-hover-text-grey4:hover{color:#B9BDCD}
.w3-text-grey5,.w3-hover-text-grey5:hover{color:#CCCCCC}
.w3-text-grey6,.w3-hover-text-grey6:hover{color:#E1E1E1}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
/* .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}																								
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} */
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#E1E1E8!important}																								
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#48494E!important}																									
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
/*.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important} 
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important} */
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#858FAA!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#349947!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#9ACA3C!important}														  
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#969DB5!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#E1E1E8!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#858FAA!important}
/* .w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important} 
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important} */
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#9ACA3C!important}													
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.outil_rech{position:absolute; display:block}
@media(max-width: 800px){.outil_rech{display:none!important} .hide-footer1{display:none!important;}}
@media(min-width: 799px){.hide-footer2{display:none!important;}}
.w3-bouton-txt{font-weight:bold; color: #9acd32;}
.w3-bouton-txt:hover{font-weight:bold; color: #FFFFFF;}
.w3-bouton-green-border{border:2px solid #9acd32; }
.w3-btn-back-color{background-color:transparent ;}
.w3-btn-back-color:hover{background-color:#9acd32 ;}
.blk-margin-lieu{margin-left:4%; margin-right:0%;}

/*Anass Adds offline*/
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
	font-weight:bold;
	background: rgba(0, 0, 0, 0.6);
}
.container {
    position: relative;
    text-align: center;
}
	
/*header */

/*.tt-hint, .tt-input, .tt-menu {
	width: -webkit-calc(100% - 2px);
	width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
}
*/

.typeahead.tt-hint, .tt-input.typeahead {
    /*/height: 35px !important;*/
	border: solid 2px #E3E3E3;
	border-right:none;
}

#sc_grid_body, #sc_grid_toobar_top{
padding-right:15px;
}

.w3-button:hover , .blk_search_btn{
	background-color:#A9ABB0;
}

.newspaper { 
	-webkit-column-count: 2;  /* Chrome, Safari, Opera */
	-moz-column-count: 2;  /* Firefox */
	column-count: 2;
	-webkit-column-width: 600px; /* Chrome, Safari, Opera */
	-moz-column-width: 600px; /* Firefox */
	column-width: 600px; 
	-webkit-column-gap: 40px;  /* Chrome, Safari, Opera */
	-moz-column-gap: 40px;  /* Firefox */
	column-gap: 40px;    
 	} 

.blk_button { 
	background-color: #4CAF50;
 	border: none;
 	color: white;
 	padding: 2px 4px;
 	text-align: center; 
	text-decoration: none;
 	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer; 
	} 

.blk_search_btn {
	padding: 2px 50px 2px 10px!important;
	background-color: #f0f7e0;
	color: #696971;
	margin-top: 9px;
	text-decoration:none;
}

.blk_button_sel { 
	background-color: white;
	border: 1px solid #4CAF50;
	color: #4CAF50;
	padding: 2px 4px;
	text-align: center; 
	text-decoration: none; 
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer; 
} 

.btn_searchH {
	font-family: quicksand;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 10px;
	color: white;
	background-color: #9ACA3C;
	text-decoration: none;
	cursor:pointer;
}

.btn_searchH:hover {
	background-color: #fff;
    border: 3px solid #9ACA3C;
    font-weight: bold;
    color: #9ACA3C;
    padding: 7px 5px;
}

#indice{
	font-size:18px;
	margin:0px;
}

.stype{ left:32px; }

#stypeH1, #stypeH2, #stypeH3{
	width:100%;
	position:relative;
	line-height:2;
	padding-top:5px;
	padding-bottom:15px;
}

#outil_rech{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.tt-selectable{ 
	background-color:white;
	border: solid 1px #9aca3c; 
	text-align:justify;
	padding-left:10px;
	line-height: 1.5em;
 } 

.tt-selectable:hover{
	cursor:pointer;
	background-color:#9aca3c;
} 

@media (max-width: 1100px){
	.twitter-typeahead{
		min-width:188px;
		/*width:100%;*/
	}
}

/*
@media (max-width: 725px){
.hide-outil-rech{
display:none!important;
		}
}
*/

@media (max-width: 726px){
	.blk_hide800{
	display:none!important ;
		}
} 

@media (min-width: 726px){
	.blk_hide-p800{ 
	display:none!important ;
	}
} 

.hide-outil-rech{
 	padding-left:5px;
 	padding-top:10px;
	padding-bottom:5px;
 	width:100%; 
}

@media (
	min-width: 799px){
	.hide-rech-mob{
	display:none!important ;
		}
} 

.champG{ 
border: 1px solid #000;
	width:100%;
	z-index: 1;
 	line-height:2;
	height:28px;
} 

.champG:focus{
z-index: 1;
} 

.champD{ 
	border: 1px solid #000; 
	width: 100%; 
	z-index: 1;
	line-height:2;
	height:28px;
	} 	

.champD:focus{ 
	z-index: 1;
} 

.slide85{
	width:85%!important;
} 

ul.bas { 
	list-style-type: none;
	margin: 10;
	padding: 10; 
	overflow: hidden; 
	background-color: transparent; 
	text-align: left; 
	float:right; 
	}	

a.btn_reg, span.btn_reg, div.btn_reg{
	border: 1px solid none;
	text-decoration:none;
	color:white;
	padding: 5px 10px;
	 }

.btn_reg2{
	border: 1px solid white;
	font-size: 14px;
	background-color: white;
	color: #9acb2e;
	padding: 8.5px 12px;
	text-decoration: none;
	font-weight: bold;
}

a.btn_reg:hover, span.btn_reg:hover, div.btn_reg:hover, .btn_reg2:hover{
	background-color:#abe135;
	}



a.type2 {
	color: white;
	text-decoration: none;
	}

a.type2:hover {
	color: black;
	text-decoration: none;
		}
a.type4 {
	color: #9acb2e;
	text-decoration: none;
}

a.type4:hover {
	color: #E1E1E8; 
	text-decoration: none;
		}

a.type1:hover {
	color: #000000;
	text-decoration: none;
	font-size: 18px;
}

a { color: #0D73B6; text-decoration:none; }

a.type5 {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9acb2e;
	border-radius: 5px;}

a.type5:hover {
	color: #E1E1E8;
	text-decoration: none;
}


body { 
font-family: 'Quicksand', sans-serif; 
  } 

img { 
	-moz-border-radius: 0px; /* 5px */
	-webkit-border-radius: 0px; /* 5px */
	 } 

 img.hautpage {
	-moz-border-radius: 0px; 
 	-webkit-border-radius: 0px; 
 	min-height: 410px;
  } 

 img.hautpage2 {

    background-repeat: repeat-x;
    background-position: left top;
    height:410px;
    width:100%;
  } 

 img.hautpage3 {

    background-repeat: repeat-x;
    background-position: right top;
    height:410px;
    width:100%;
  } 

 img.hautpage4 {

    background-repeat: repeat-x;
    background-position: right top;
    height:700px;
    width:100%;
  } 

.rob6 { 
	font-family: 'Quicksand', sans-serif;
	font-size: 3vw; 
	color: green; 
} 

.rob4 {
	font-family: 'Quicksand', sans-serif;
	font-size: 2vw;
	color: green; 
  } 

.rob2 { 
	font-family: 'Quicksand', sans-serif;
	font-size: 1vw; 
	color: green; 
 } 

p {
	font-size: 12px;
	color: #38383a;
	margin-right:10px;
	margin-left:10px;
} 

i.pin_blk {
	font-size: 24px;
 	color: #00A2D8;
	padding-right:10px;
}

i.pin_moi {
	font-size: 24px;
 	color: #6DAE43;
 	padding-right:10px;
}

i.pin_toi {
	font-size: 24px;
 	color: #858FAA;
 	padding-right:10px;
}

i.pin_all {
	font-size: 24px;
	color: #9acb2e;
	padding-right:10px;
} 

i.custom {
	font-size: 20px;
	color: #38383a;
	padding-right:10px;
}

i.custom_view {
	font-size: 30px;
	color: #38383a;
	padding-right:10px;
}

i.custom_search {
	font-size: 15px;
	color: #38383a;
	padding-right:10px;
} 
  
i.vert_custom {
	font-size: 30px;
	color: #6DAE43;
	padding-right:10px;
} 

i.gris_custom {
	font-size: 30px;
	color: #CCCCCC;
	padding-right:10px;
} 


i.blanc_custom {
	font-size: 25px;
	color: white;
	padding-right:10px;
} 

i.rouge_custom {
	font-size: 20px;
	color: red;
	padding-right:10px;
} 

i.rouge_customv {
	font-size: 24px;
	color: #f44336;
	padding-right:10px;	
}

i.blanc_home {
	font-size:20px;
	color:white;
	width:29px;
}

i.blanc {
	font-size: 25px;
	color: white;
} 

i.blanc2 {
	font-size: 18px;
	color: white;
} 

i.black {
	font-size: 12px;
	color: black;
}

i.big {
	font-size: 48px;
	color: #38383a;
} 

i.big_blanc {
	font-size: 48px;
	color: #FFFFFF;
} 

i.big_blanc:hover {
	color: black;
	text-decoration: none;
}

i.bigbig {
	font-size: 200px;
	color: #38383a;
} 

label{
font: 13px quicksand 400;
}

.onglet, .ongletM {
	border-bottom: 50px solid;
	border-right: 15px solid;
	border-color: #5da832 transparent;
	height: 0;
	width: 95px;
	padding-left:10px;
	color:white;
	font-family:Quicksand;
	font-size:14px;
	font-weight:500;
	position: absolute;
	text-align:justify;
	top:-49px;
}

.onglet:hover, .ongletM:hover  {
cursor:pointer;
border-color: #5db832 transparent;
	}

.onglet.active, .ongletM.active {
	color:#5da832;
	border-color: white transparent;
}

/* hr {    display: block;margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;border-style: solid;border-width: 1px;color: green;
}*/

/*footer */
 
a.type1
 {
	color: white;
	text-decoration: none;
	font-size: 14px;
}

 a.type1:hover 
{
	color: #CCCEDA;
	text-decoration: none;
	font-size: 14px;
}




ul.inline-ul li{
	display:inline-block;
 }

td#temoinDivx { 
	min-width:350px;
	border-radius:25px;
	border: 2px #9ACA3C solid;
	background-color:#317815;
	color:#fff;
	padding:0px 10px 0px 10px;
	overflow-x:scoll;
	overflow-y:hidden;
}


::-webkit-scrollbar {
	background-color:white;
	width: 20px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb {
	background: #0D73B6;
	border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
	background: #0D93D6;
}

#sc_btn_first_bot, #sc_btn_prev_bot, #sc_btn_next_bot, #sc_btn_last_bot, #sc_btn_first_dis_bot, #sc_btn_prev_dis_bot, #sc_btn_next_dis_bot, #sc_btn_last_dis_bot{
		width:25px
}

.bl-half{width:100%; float:left;}
@media (min-width:1457px){ .bl-half{width:49.99999%} }

.tooltip {  position: relative;  cursor: help;  display: inline-block;  text-decoration: none;  color: #222;  outline: none; top: 5px; }

.tooltip span { visibility: hidden;  position: absolute;  bottom: 30px;  left: 50%;  z-index: 999;  width: 230px;  margin-left: -52px;  padding: 10px;  border: 2px solid #ccc;  opacity: .9;  background-color: #ddd;   background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));   -moz-border-radius: 4px;  border-radius: 4px;    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;    text-shadow: 0 1px 0 rgba(255,255,255,.4);font-size: 14px; }

.tooltip:hover {   border: 0; /* IE6 fix */ }

.tooltip:hover span {  visibility: visible; }

.tooltip span:before, .tooltip span:after {   content: "";  position: absolute;  z-index: 1000;  bottom: -7px;  left: 19%;  margin-left: -8px;    border-top: 8px solid #ddd;  border-left: 8px solid transparent;  border-right: 8px solid transparent;    border-bottom: 0; }

.tooltip span:before {  border-top-color: #ccc;  bottom: -8px;}

/* Yellow */

.yellow-tooltip span {   border-color: #e1ca82;  background-color: #ffeaa6; }
.yellow-tooltip span:after { border-top-color: #ffeaa6; }
.yellow-tooltip span:before { border-top-color: #e1ca82; }

/* Navy #1e2227 */

.navy-tooltip span {  color: #fff;  text-shadow: 0 1px 0 #000;    border-color: #161a1f;  background-color: #35B5F2; }
.navy-tooltip span:after {   border-top-color: #35B5F2; }
.navy-tooltip span:before {   border-top-color: #161a1f; }

/* Blue */

.blue-tooltip span {   border-color: #59add4;   background-color: #61bde7; }
.blue-tooltip span:after {    border-top-color: #61bde7; }
.blue-tooltip span:before {   border-top-color: #59add4; }

/* Green <a href="#" class="tooltip green-tooltip">justo<span>Une infobulle verte faite uniquement en CSS3.</span></a> #9acb2e */

.green-tooltip span {   border-color: #38383a;  background-color: #63C5F5; }
.green-tooltip span:after {   border-top-color: #63C5F5; }
.green-tooltip span:before {   border-top-color: #38383a; }

.buttonx {
    background-color: #F8F8F8; /* lightgrey */
    border: none;
    color: #5da832;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    opacity: 0.8;
    border-radius : 0px 20px 0px 0px;
    border-color: #5da832 !IMPORTANT;
    border-style: solid !IMPORTANT;
    border-width: 1px 1px 2px 8px !IMPORTANT;
    height: 100px;
    width: 300px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 7px 7px 0 rgba(0,0,0,0.19);
}

.buttonx:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    opacity: 1;
}

.buttonxx {
    background-color: #F8F8F8; /* lightgrey */
    border: none;
    color: #5da832;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    opacity: 0.8;
    border-radius : 0px 20px 0px 0px;
    border-color: #5da832 !IMPORTANT;
    border-style: solid !IMPORTANT;
    border-width: 1px 1px 2px 8px !IMPORTANT;
    height: 50px;
    width: 300px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 7px 7px 0 rgba(0,0,0,0.19);
}

.buttonxx:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    opacity: 1;
}

.buttonxxx {
    background-color: #F8F8F8; /* lightgrey */
    border: none;
    color: #5da832;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 4px 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    opacity: 0.8;
    border-radius : 0px 20px 0px 0px;
    border-color: #5da832 !IMPORTANT;
    border-style: solid !IMPORTANT;
    border-width: 1px 1px 2px 8px !IMPORTANT;
    height: 75px;
    width: 300px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 7px 7px 0 rgba(0,0,0,0.19);
}

.buttonxxx:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    opacity: 1;
}

@-webkit-keyframes example {
  0%   {opacity:1.0;}
  25%  {opacity:0.8;}
  50%  {opacity:0.6;}
  75%  {opacity:0.4;}
  100% {opacity:0.2;}
}

@keyframes example {
  0%   {opacity:1.0;}
  25%  {opacity:0.8;}
  50%  {opacity:0.6;}
  75%  {opacity:0.4;}
  100% {opacity:0.2;}
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tooltipx {  position: relative;  cursor: help;  display: inline-block;  text-decoration: none;  color: #222;  outline: none; }

.tooltipx span { visibility: hidden;  position: absolute;  left: 50%;  z-index: 9999;  width: 300px;  margin-left: -16px;  padding: 10px;  border: 2px solid #ccc;  opacity: .9;  background-color: #ddd;   background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));   -moz-border-radius: 4px;  border-radius: 4px;    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;    text-shadow: 0 1px 0 rgba(255,255,255,.4);font-size: 12px; }

.tooltipx:hover {   border: 0; /* IE6 fix */ }

.tooltipx:hover span {  visibility: visible; }

.tooltipx span:before {  border-top-color: #ccc; }

.orange-tooltipx span { color: #111;  text-shadow: 0 1px 0 #000;    border-color: #DD7000;  background-color: #FF8000;left: 60px; top: 0px; }
.orange-tooltipx span:after { border-top-color: #FF8000; }
.orange-tooltipx span:before { border-top-color: #DD7000; }

.navy-tooltipx span {  color: #111;  text-shadow: 0 1px 0 #000;    border-color: #0060a0;  background-color: #35B5F2;left: 60px; top: 0px; }
.navy-tooltipx span:after {   border-top-color: #35B5F2; }
.navy-tooltipx span:before {   border-top-color: #0060a0; }

.mauve-tooltipx span {  color: #111;  text-shadow: 0 1px 0 #000;   border-color: #7000FF;   background-color: #A000FF; left: 60px; top: 0px;}
.mauve-tooltipx span:after {    border-top-color: #A000FF; }
.mauve-tooltipx span:before {   border-top-color: #7000FF; }

.green-tooltipx span { color: #111;  text-shadow: 0 1px 0 #000;  border-color: #38383a;  background-color: #63C5F5; left: 60px; top: 0px;}
.green-tooltipx span:after {   border-top-color: #63C5F5; }
.green-tooltipx span:before {   border-top-color: #38383a; }