/* CSS Document */
.menu-bar-close { position:absolute; top:15em; right:0; cursor:pointer;width:100%; height:42px; line-height:42px; color:#fff; background:#F1F1F1; }
.STf-trigger { width:100%; height:42px; line-height:42px; color:#fff; background:#F1F1F1; }
.STf-trigger a, .menu-bar-close a {font: 14px/42px  'abadi', Arial, Helvetica, sans-serif;color:#1A1A1A; text-decoration:none; padding-left:5%;}
/* ----- Mise en forme générale ----- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body { margin:0; padding:0;}
.cacher { display: none; }
.warning:after {}
/* ----- Background container popin ----- */
.LnkWcbForm-background-container{	display:none;	_position:absolute;	position:fixed; 	top:0; 	left:0; 	height:100%; 	width:100%;	overflow:hidden; background:#000000; 	z-index:400;  	cursor:pointer;}

/* ----- Mise en forme du bouton ----- */
.LnkWcbForm-trigger, .lnk-loader,.LnkWcbForm-trigger-global { display: block;  border:0; cursor:pointer; margin:0; padding:0;    width: 100%; }
.LnkWcbForm-trigger-global { width:100%; height: 89px; padding-left:100px; float:left;}
.LnkWcbForm-trigger-position{
	position:relative;
	z-index: 500;

}
.LnkWcbForm-trigger-design {

	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	background: #00B2BC url(../imgs/picto_telephone_portable_5-white.svg) 18px 0px no-repeat;
	overflow:visible!important;
}
.LnkWcbForm-trigger-gris .LnkWcbForm-trigger-design {
	background: #EEE url(../imgs/picto_telephone_portable_5-blue.svg) 18px 0px no-repeat; color:#000;
}
.LnkWcbForm-trigger-design:hover {  }
.LnkWcbForm-trigger-position:hover {bottom:0px !important }
.LnkWcbForm-trigger-position:hover .LnkWcbForm-trigger-pic  { bottom:0px !important }
.LnkWcbForm-trigger-content { position:relative; width:100%; padding:0; float:left; height:100%;}
.LnkWcbForm-trigger-content-elem_1{ display: block; float: left; height: 100%;  margin: 0; padding: 0; width: 100%;}
.LnkWcbForm-trigger-content-elem_2{ float: left; margin: 0;  padding: 0;  width: 20%; height:100%; display:block; position:relative;}
.LnkWcbForm-trigger-pic {
	background: url("../imgs/fond-btn.png") no-repeat scroll left bottom;
    display: block;
    float: right;
    height: 142px;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    width: 127px;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
	bottom: 55px;
	}
.LnkWcbForm-trigger-title { clear: both;
    float: left;
    font-size: 20px;
   font-family: Arial,Helvetica,sans-serif;
   font-weight:100;
    line-height: 32px;
    margin: 0;
    padding: 5px 0 0;
    text-transform: uppercase;
    width: 100%;}
.LnkWcbForm-trigger-txt { font-family: Arial,Helvetica,sans-serif; font-size: 27px;  line-height: 89px;  float: left; margin: 0;  padding: 0;  width: 100%; height: 89px; clear:both; font-weight:100; text-transform:uppercase; padding-left: 20px;}
/* .LnkWcbForm-trigger-txt, .LnkWcbForm-trigger-txt_close { font-family: Arial,Helvetica,sans-serif; font-size: 20px;  line-height: 26px;  float: left; margin: 0;  padding: 0;  width: 100%; clear:both; font-weight:100; text-transform:uppercase;} */
/* .LnkWcbForm-trigger-txt_close { font:1.4em/0.8em Arial,Helvetica,sans-serif;  float: left; margin: 0;  padding: 0;  width: 100%; clear:both; font-weight:100;  display:none;} */
.LnkWcbForm-trigger-bt {   background: none repeat scroll 0 0 #fff;
    bottom: 10px;
    clear: both;
    color: #333;
    float: right;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 5px 10% 5px 2%;
    position: absolute;
    width: auto;}
.LnkWcbForm-trigger-femeture{}
.lnk-loader { background: #FFF url("../imgs/loader.gif") no-repeat center center; text-indent:-9999px;}
/* ----- Mise en forme du bouton fermer ----- */
.LnkWcbForm-closer {
	position: absolute;
	cursor: pointer;
	z-index: 1000;
	top: 15px; /* On reprend la hauteur du container*/
	right: 3%;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	width: 25px;
	height: 25px;
	max-height:25px;
	text-align:center;
	color:#00B2BC;
	font-size:26px;
	font-weight: 100;
	background: #FFF url("../imgs/bt-close-b.jpg") no-repeat center center; text-indent:-9999px;
}
.LnkWcbForm-closer:hover { opacity:0.8;}


/* ----- Mise en forme du formulaire en popup ----- */
.LnkWcbForm-container-pos {
	    bottom: auto;
    display: block;
    float: left;
    height: auto;
    left: 0;
    margin: 0 auto;
    min-width: 400px;
    position: fixed;
    right: 10px;
    text-align: left;
    top: 70px;
    width: 40%;
	min-width:550px;
    z-index: 1490;
}
.LnkWcbForm-container {
	font: 15px/18px  Arial, Helvetica, sans-serif;
	color: #45525c;
	/* ------ */
    padding:0;
	margin:0;
    width: 100%;
	height:100%;
	min-height:300px;
	position:relative;
	display:block;
	float:left;
	background: #FFF;
	z-index:500;
	/*Ombre*/
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0;
	border-radius: 0;
	overflow: visible;
}
.LnkWcbForm-container-hidden {     display: block;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.LnkWcbForm-header {   float: left;display: block;   margin: 0 2% 0.7em;  padding: 1em 0 1em 6em; width: auto;  z-index: 500; position:relative; background:url(../imgs/picto_telephone_portable_5-blue.svg) no-repeat;}

/* ---- Image visuel ----- */
.LnkWcbForm-blocImg{
	    bottom: 0;
    display: block;
    height: 251px;
    position: absolute;
    right: -50px;
    width: 218px;
	z-index:5;
}
.LnkWcbForm-img {background:url(../imgs/fond-wcb.png) no-repeat left bottom;	width: 100%;  height: 100%;
}
/* ----- Mise en forme du contenu ----- */

.LnkWcbForm-text {   float: left;   margin: 0;  padding: 0; width: 100%; z-index: 500; position:relative;}
.txt-infos { font-weight:bold; font-size:16px;}
.colorRose { color:#00B2BC; }
.LnkWcbForm-container h1 {
    font: 24px/24px Arial, Helvetica, sans-serif;
	font-weight: bold;
    color: #00B2BC;
    width: 100%;
    padding: 5px 0 0;
    margin: 0;
    float: left;
    clear: both;
}
.subtitle{
	font: 100 18px/18px Arial,Verdana,sans-serif;
	color:#00B2BC;
	width:100%;
	padding:0;
	margin:0;
	float:left;
	clear:both;
	line-height:26px;
}
.LnkWcbForm-container .text-infos { margin:0; padding:0; display:block; float:left; clear:both; with: 100%;}
.LnkWcbForm-container .txt-infos_sup { margin:0; padding:0; display:block; position:absolute; top:-2.8em; right:3%; width: auto; color:#000; font: 11px/12px Arial, Helvetica, sans-serif}
.LnkWcbForm-container .txt-infos_sup_en {  }
.LnkWcbForm-container fieldset { margin:0; padding:0; border: none;  display:block; float:left; clear:both; width: 100%;}
.champ-wcb {	margin: 0.3em 0; padding:0 3%; display:block; float:left; clear:both; width: 100%;}
.champ-wcb-valider {	margin: 2.5em 0 0 0; padding: 1em 2% 1em 2%; border-top: 1px solid #c8ccd1; width: 100%;   position: relative;   background: #c8ccd1;}
.panneau-date-differe {	margin: 0.3em 0;padding:0 3%; float:left; clear:both; width: 100%;}
/* ----- Mise en forme des statuts intermédiaires ----- */
.status-bar {	margin: 0.3em 0 ;padding:0 3%; display:block; float:left; clear:both; width: 100%;}
.status-bar .user-status {
    padding: 0;
    margin:0;
	min-height: 1em;
    white-space: pre-line;	    text-align: justify;
}
.status-bar .user-status.busy:before { }
/* ----- Mise en forme formulaire ----- */
.LnkWcbForm-container label {
	color: #00B2BC;
	font: 14px/40px Arial,Helvetica,sans-serif;
	font-weight: bold;
    display: block;
    float: left;
    margin-right: 5px;
    padding: 0;
    text-align: left;
    width: 100%;

}
.LnkWcbForm-container .LnkWcbForm-bt-valider {
	display: block;
	float: none;
	overflow:hidden;
	margin:0 auto;
	width:130px;
	min-width: 20%;
	padding:0 0.7em;
	height:38px;
	line-height:38px;
	text-indent: 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border:none;
	cursor:pointer;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: #00B2BC;
	border-radius:50px;
}
.LnkWcbForm-container .LnkWcbForm-bt-valider:hover {
	opacity:1;
}
.LnkWcbForm-container .txt-infos_legal {
	width: 100%; padding:15px 3% 0; margin:0; clear:both; font-size:11px; text-align: left; color:#45525c;     text-align: justify;
}
.LnkWcbForm-container input, .LnkWcbForm-container select {
	font-family:  Arial, Verdana, sans-serif;
	color: #45525c;
	font-size:14px;
	display:block;
	border:none;
	background:#FFF;
	border:1px solid #DDDDDD;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-indent:2%;
}
.LnkWcbForm-container input:hover, .LnkWcbForm-container select:hover {
}
.LnkWcbForm-container input.LnkWcbForm-input-tel {	width:65%;	height:38px; line-height:38px; padding-left:1%; float:left;}
.warning:after {}
.LnkWcbForm-container select.LnkWcbForm-select-pays {   height: 40px; width: 65%;  line-height:40px; float:left;}
/* ----- Mise en forme des erreurs ----- */
.errors {	left:3%;	position:absolute;	right:3%;	top:40px; width: 94%; }
.errors * {	margin: 0;}
.errors ul {	padding: 0.7em 2em;  color: #CC0000;  background-color: #FFF3F3;  border: 1px solid red;}
.errors li {	list-style: disc;}
input.error, span.error {	border: 1px solid red;}
/* ----- Mise en forme du calendrier ----- */
.panneau-date-differe .LnkWcbDateDiff { margin: 0ex; }
.panneau-date-differe .LnkWcbDateDiff input.lnk-wcb-date { display: block; float:left; width:94%; height:38px; line-height:38px; margin-right:2%; padding-left:1%;}
.lnk-wcb-time {  display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;}
.panneau-date-differe select{   height: 42px; width: 49%;  line-height:42px; float:left;}

.panneau-date-differe select.lnk-wcb-hours{ }
.panneau-date-differe select.lnk-wcb-minutes{  }

.panneau-date-differe select.lnk-wcb-hours, .panneau-date-differe select.lnk-wcb-minutes{
cursor: pointer;
    height: 100%;
    opacity: 0;
	position: absolute;
	*opacity: 1;
	*position:relative;
	*opacity: visible;
    top: 0;
    width: 49%;

	z-index:500;
	 /* left: -9999px;
    top: -9999px; */}
.panneau-date-differe select.lnk-wcb-hours{
    left: 0; float:left; }
.panneau-date-differe select.lnk-wcb-minutes{
    right: 0; float:right; }
.ui-select .ui-btn {

}
.lnkWcbForm-select-btn {
	 overflow: visible;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
	height:42px;
	line-height:42px;
    position: relative;
    text-align: center;
	background:none;
	width:50%;
	float: left;
}
.lnkWcbForm-select-mask-hours, .lnkWcbForm-select-mask-minutes {

    width: 47%;
	height:100%;
    overflow: visible;
    padding: 0 2% 0 0;
	font-family:  Arial, Verdana, sans-serif;
	color: #333;
	font-size:14px;
	display:block;
	border: none;

	z-index:1;

}
.lnkWcbForm-select-text, .lnkWcbForm-select-text {
	 border: 2px solid #FFF;
	 -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background:#f6f6f6;
    width: 100%;
	float:left;
	height:100%;

}
.lnkWcbForm-select-mask-hours {
	float:left;
}
.lnkWcbForm-select-mask-minutes {
	 float: right;
}
.panneau-date-differe .LnkWcbDateDiff { display: block;
    float: left;
    margin-top: 0;
    padding: 0;
    width: 50%;}
.panneau-date-differe .LnkWcbDateDiff .lnk-wcb-time { display: block; float:left; width: 50%;}
.ui-datepicker.ui-widget.ui-widget-content { font-size: 0.6em; }
.panneau-date-differe .LnkWcbDateDiff span { vertical-align: top; }
/* ----- CNIL - Linkeo ----- */
.LnkWcbPoweredBy {	position:absolute;	left:2%;	bottom:5px;	text-align: left;}
.LnkWcbPoweredBy * {	vertical-align: top;}
.LnkWcbPoweredBy a{ width:17px; height:18px; cursor:pointer; display:block; text-indent:-9999px; 	background:url(../imgs/GroupeLinkeo.png) no-repeat left top;}
.LnkWcbPoweredBy img {	border: none;}
.LnkWcbCnil { }
.LnkWcbCnil .enveloppe { display: inline-block; overflow: hidden; }
.LnkWcbCnil .depliant {	white-space: nowrap;}
.LnkWcbCnil a[href] {	text-decoration: none;}
/* Responsive */
.lnkWcbBt-mobile .LnkWcbForm-trigger-title,
.lnkWcbBt-mobile .LnkWcbForm-trigger-txt,
.lnkWcbBt-mobile .LnkWcbForm-trigger-txt_close { font-size: 20px;}

.lnkWcbBt-tablet .LnkWcbForm-trigger-title,
.lnkWcbBt-tablet .LnkWcbForm-trigger-txt,
.lnkWcbBt-tablet .LnkWcbForm-trigger-txt_close { font-size: 18px;}

.lnkWcbBt-tablet .LnkWcbForm-trigger-content-elem_1 { padding: 0; }

.lnkWcbForm-mobile { width:100%; min-width:1px; left:0; right:0; top:40px; position:relative;}
.lnkWcbForm-mobile-horiz {  width:100%; min-width:1px; left:0; right:0;top:30px; position:relative; }
.lnkWcbBt-mobile, .lnkWcbBt-mobile-horiz { width:100%;  right:0;}
.lnkWcbForm-mobile .LnkWcbForm-bt-valider,
.lnkWcbForm-mobile-horiz .LnkWcbForm-bt-valider { }
.lnkWcbForm-mobile input.LnkWcbForm-input-tel, .lnkWcbForm-mobile-horiz input.LnkWcbForm-input-tel, .lnkWcbForm-mobile select.LnkWcbForm-select-pays , .lnkWcbForm-mobile-horiz select.LnkWcbForm-select-pays { width:100%; padding:0; margin-right:0; margin-left:0;}
.lnkWcbForm-mobile .lnkWcbForm-select-btn, .lnkWcbForm-mobile-horiz .lnkWcbForm-select-btn{width:100%;  }
.lnkWcbForm-mobile .panneau-date-differe .LnkWcbDateDiff input.lnk-wcb-date,  .lnkWcbForm-mobile-horiz .panneau-date-differe .LnkWcbDateDiff input.lnk-wcb-date {  margin-bottom: 0.7em;
    margin-right: 0;
    padding: 0;
    width: 98%; } /* Reprendre le margin de champ-wcb */
.lnkWcbForm-mobile .LnkWcbForm-img, .lnkWcbForm-mobile-horiz .LnkWcbForm-img { background-position: center bottom; }
.lnkWcbForm-mobile .LnkWcbForm-closer, .lnkWcbForm-mobile-horiz .LnkWcbForm-closer  { top:-35px; }

.lnkWcbForm-mobile .lnk-wcb-date, .lnkWcbForm-mobile-horiz .lnk-wcb-date {width:100%;  }
.lnkWcbForm-mobile .LnkWcbDateDiff, .lnkWcbForm-mobile-horiz .LnkWcbDateDiff {width:100%; margin-right:0;padding:0; }
.lnkWcbForm-mobile .LnkWcbForm-trigger-content-elem_1, .lnkWcbForm-mobile-horiz .LnkWcbForm-trigger-content-elem_1 {     padding: 0; }
.lnkWcbForm-tablet {width:50%;  }
/* Ajustement Datepicker */
#ui-datepicker-div { width:auto; }
#ui-datepicker-div td span, #ui-datepicker-div td a { padding: 0.5em; font-size:1.0em; }
@media all and (max-device-width: 480px)
{
   #ui-datepicker-div { width:100%; }
#ui-datepicker-div td span, #ui-datepicker-div td a { padding: 1.4em; font-size:1.4em; }
}
#ui-datepicker-div { z-index:1500!important;}
.ui-helper-hidden-accessible { border: 0 none;
    clip: auto!important;
    height: auto!important;
    margin: -1px;
    overflow: visible;
    padding: 0;
    width: auto;}