/* CSS Document */

/* ----- Mise en forme du bouton ----- */
.LnkWcbForm-trigger {
}
.LnkWcbForm-trigger-femeture {
}
/* ----- Mise en forme générale ----- */
.cacher { display: none; }
.warning:after {}
/* ----- Mise en forme du formulaire en popup ----- */
.LnkWcbForm-container {
	/*background: url("../imgs/fond-wcb.jpg") no-repeat scroll left bottom transparent;
    clear: left;color: #696969;font-family: Arial,Helvetica,sans-serif;font-size: 11px;
    height: 25px; line-height: 12px; padding: 24px 0 0 8px; position: relative;
    width: 124px; zoom:1;*/
    position: relative;
}
.LnkWcbForm-container .text-infos { }
main.modal .lnkWcbForm-container{
	display:flex;
	flex-direction: column;
	width: 60%
}
.LnkWcbForm-container div.form-control {
	border: 1px solid #c1c1c1;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 1px 8px;
	min-width: 280px;
}
.LnkWcbForm-container div.form-control label {
	display: inline-flex;
	height: 50%;
	margin-right: 8px;
	order: -1;
	align-items: center;
}
.LnkWcbForm-container div.form-control label::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #c1c1c1;
	margin-left: 8px;
}
.LnkWcbForm-container div.form-control label > img {
	height: 100%;
}
.LnkWcbForm-container div.form-control input[type="tel"] {
	height: 100%;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	flex-grow: 1;
}
.LnkWcbForm-container .user-status {
	text-align: center;
	padding: 8px;
}
.LnkWcbForm-container fieldset {
	margin:0;padding:0;border:none;/*display:block;float:left;*/
}
.LnkWcbForm-container label:not(.visible) {
    display: none;
	/*position:absolute;*/
	/*left:-9999px;*/
	/*top:-9999px;*/
}
.LnkWcbForm-container .txt-differe {
	color:#CA336A;
	font-weight:bold;
	padding-bottom:2px;
	display:block;
	text-align:left;
	margin-left:76px;
	font-size:12px;

}
.text--accent--primary {
	color: red;
}
.champ-wcb {/*	margin: 0.3em 0; clear:both; display:block; float: left; */}

.champ-wcb-differe {/*	margin:0; clear:both;display:block; float: left; */}

.LnkWcbForm-container input.lnkWcbBtValider,.LnkWcbForm-container input.lnkWcbBtValider[type="submit"] {
    /*display:block; overflow:hidden; height: 15px; text-indent: -99999px;
    width: 15px; font-size:11px; font-weight:bold; background: url(../imgs/bt-valider.png) no-repeat left top;
    color: transparent; text-transform: capitalize; border:none; cursor:pointer;
	float: left;*/
	padding: 10px 0;
}
.LnkWcbForm-container input, .LnkWcbForm-container select {
	/*font-family:  Arial, Verdana, sans-serif;
    border:0; font-size: 10px; border: 1px solid #CCCCCC; color: #333333; display:block;
    float:left; margin-right: 2px;*/
}
.LnkWcbForm-container  input.LnkWcbForm-input-tel {
	/*height: 15px; margin-right: 5px; width: 85px;*/
}

/* ----- Panneau différé ----- */
.panneau-date-differe .LnkWcbDateDiff {
    margin: 0ex; display: block; margin-top:2px;
}

.panneau-date-differe .LnkWcbDateDiff .lnk-wcb-time {
	float:left;
	margin-bottom:0px;
}
.panneau-date-differe .LnkWcbDateDiff input.lnk-wcb-date {
	width:67px;
	height:22px;
}
select.lnk-wcb-hours {
    height: 26px;
    width: 45px;
}
.panneau-date-differe .LnkWcbDateDiff select.lnk-wcb-minutes {
    height: 26px;
    width: 45px;
}
/* ----- Lnk Powered ----- */
.LnkWcbPoweredBy {
	position:absolute;
	right:15px;
	bottom:-54px;
	text-align: right;
}
.LnkWcbPoweredBy * { vertical-align: top;}

.LnkWcbPoweredBy img {	border: none;}

.LnkWcbCnil {
	font-family: sans-serif;
    font-size: 8px;
	text-align: right;
	margin-top: 4px;
}

.LnkWcbCnil .enveloppe { display: inline-block; overflow: hidden;}

.LnkWcbCnil .depliant {	white-space: nowrap;}

.LnkWcbCnil a[href] { text-decoration: none;}

/* ----- Mise en forme des statuts intermédiaires ----- */

.status-bar { display: block;  /*float: left;*/ margin: 0 0 0; padding: 0;}

.contact ul li.wcback .status-bar {
    position: relative;
    top: -6px;
    line-height: 17px;
}

.status-bar .user-status {
	font-family: 'Johan','Trebuchet MS',sans-serif;
	color: #cc042d;
	font-size:14px;
	font-weight: normal;
	padding: 16px;
    margin:0;
	min-height: 0em;
    white-space: pre-line;
	width: 100%;
}

.status-bar .user-status.busy:before { }

/* ----- Mise en forme des erreurs ----- */
.errors {
    height: 16px;
    /*left: 0;*/
    position: absolute;
    /*right: 0px;*/
    top: -3px;
    /*width: 220px;*/
    z-index: 550;
}

.errors * {	margin: 0;}

.errors ul {
	padding: 0.5em 0.5em;
    color: #CC0000;
	background-color: #FFF3F3;
	border: 1px solid red;
}

.errors li {list-style: none; line-height: 16px; font-weight: normal;}

input.error, span.error {	border: 1px solid red;}

/* ----- Mise en forme du calendrier ----- */
.ui-datepicker.ui-widget.ui-widget-content {
	font-size: 0.6em;
}
.panneau-date-differe .LnkWcbDateDiff  span {
	vertical-align: top;
}

/* ----- Mise en forme du formulaire de débordement ----- */
.panneau-debordement .invite-saisie {
	color: gray;
}
.panneau-debordement .errors {
	color: red;
}

/* ----- Mise en forme du canal Bug IE6 ----- */
input.LnkWcbForm-canal{
	margin:0;
	padding:0;
	border:0;
	line-height:0px;
	display:none;
	height:0;
}