/* Formulaire */
.fmkformulaire FORM.form-horizontal .control-label {text-align: left}

/*fmkformulaire_obligatoire = etoile rouge*/
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire >label:after,
.fmkformulaire FORM.form-horizontal .controls-row.fmkformulaire_obligatoire >label:after{content: " *";color: red;}
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire INPUT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire SELECT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire TEXTAREA,
.fmkformulaire FORM.form-horizontal .control-group INPUT.fmkformulaire_obligatoire ,
.fmkformulaire FORM.form-horizontal .control-group SELECT.fmkformulaire_obligatoire ,
.fmkformulaire FORM.form-horizontal .control-group TEXTAREA.fmkformulaire_obligatoire {border-left-width: 4px;}

/*fmkformulaire_obligatoire_media = etoile bleue*/
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire_media >label:after,
.fmkformulaire FORM.form-horizontal .controls-row.fmkformulaire_obligatoire_media >label:after{content: " *";color: #4aa3df;}
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire_media INPUT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire_media SELECT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_obligatoire_media TEXTAREA,
.fmkformulaire FORM.form-horizontal .control-group INPUT.fmkformulaire_obligatoire_media ,
.fmkformulaire FORM.form-horizontal .control-group SELECT.fmkformulaire_obligatoire_media ,
.fmkformulaire FORM.form-horizontal .control-group TEXTAREA.fmkformulaire_obligatoire_media {border-left-width: 4px;}

/*fmkformulaire_valeur_commande = etoile verte*/
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_valeur_commande >label:after,
.fmkformulaire FORM.form-horizontal .controls-row.fmkformulaire_valeur_commande >label:after{content: " *";color: green;}
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_valeur_commande INPUT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_valeur_commande SELECT,
.fmkformulaire FORM.form-horizontal .control-group.fmkformulaire_valeur_commande TEXTAREA,
.fmkformulaire FORM.form-horizontal .control-group INPUT.fmkformulaire_valeur_commande ,
.fmkformulaire FORM.form-horizontal .control-group SELECT.fmkformulaire_valeur_commande ,
.fmkformulaire FORM.form-horizontal .control-group TEXTAREA.fmkformulaire_valeur_commande {border-left-width: 4px;}

/* BLOC MESSAGE */
.fmkformulaire .fmkformulaire_bloc_message_contenu_conteneur{display: none;}

/* BLOC DE BOUTONS */
.fmkformulaire .fmkformulaire_bloc_bouton{text-align: right;}
.fmkformulaire .fmkformulaire_bloc_bouton.fmkformulaire_haut{margin:0px 0px 10px 0px;}
.fmkformulaire .fmkformulaire_bloc_bouton.fmkformulaire_bas{margin:10px 0px 0px 0px;}

/*****************************************************************************/
/************************ CSS pour les input ****************************/
/*****************************************************************************/
.fmkformulaire .fmkformulaireinput_montant{text-align: right;width: 55px;;padding-right:20px;background-image: url("../image/icone_euro.png");background-position: right center;background-repeat: no-repeat;}
.fmkformulaire .fmkformulaireinput_pourcentage{text-align: right;width: 35px;padding-right:20px;background-image: url("../image/icone_pourcentage.gif");background-position: right center;background-repeat: no-repeat;}
.fmkformulaire .fmkformulaireinput_quantite{text-align: center;width: 40px;}

.fmkformulaire .input-append.input-block-level,
.fmkformulaire .input-prepend.input-block-level {
    display: table;
}

.fmkformulaire .input-append.input-block-level .add-on,
.fmkformulaire .input-prepend.input-block-level .add-on {
    display: table-cell;
    width: 1%; /* remove this if you want default bootstrap button width */
}

.fmkformulaire .input-append.input-block-level > input,
.fmkformulaire .input-prepend.input-block-level > input {
    box-sizing: border-box; /* use bootstrap mixin or include vendor variants */
    display: table; /* table-cell is not working well in Chrome for small widths */
    min-height: inherit;
    width: 100%;
}

.fmkformulaire .input-append.input-block-level > input {
    border-right: 0;
}

.fmkformulaire .input-prepend.input-block-level > input {
    border-left: 0;
}

/*****************************************************************************/
/************************ CSS pour FmkFormulaireInputImage *******************/
/*****************************************************************************/
.fmkformulaire .conteneur_image {background: #eee !important; float: left; margin: 0px 15px 20px 0; border: solid 1px #ddd; border-radius: 8px; overflow: hidden;}
.fmkformulaire .conteneur_image .conteneur_photo {cursor:pointer;background: #fff;border:1px solid white; text-align: center; line-height:155px; margin: 0 !important; width: 100% !important;}
.fmkformulaire .conteneur_image .conteneur_photo img {max-height: 210px;border-radius: 6px;box-shadow: 0 0 10px 0 #0000003d;margin: 10px 0;}
.fmkformulaire .conteneur_image .conteneur_bouton{height: 32px;text-align: center;margin:10px 3px 3px 3px;}
.fmkformulaireinputimage_text_upload{position: absolute; text-align: center; bottom: 50px; left: 0; width: 100%; font-size: 14px; font-weight: 400; margin: 0; color: #555;}


/*****************************************************************************/
/************************ CSS pour FmkFormulaireInputFichier *****************/
/*****************************************************************************/
.fmkformulaireinputfichier {background: none repeat scroll 0 0 #CCCCCC;overflow: auto;padding:3px 3px 3px 3px;}
.fmkformulaireinputfichier .fmkformulaireinputfichier_blocinfo {
    cursor:pointer;
    border:1px solid white;
    text-align: center;
    min-height: 58px;
    background-image: url('../image/icone_fichier.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding:0px 10px 0px 50px;
}
.fmkformulaireinputfichier .fmkformulaireinputfichier_blocbouton{
    text-align: center;
    padding:3px 0px 3px 0px;
}



/*****************************************************************************/
/************************ Formulaire de recherche ****************************/
/*****************************************************************************/
.fmkformulairerechercheback {padding: 5px 5px 5px 5px;vertical-align: top;	overflow: auto;background-color:#DEDEDE;border-radius:7px 7px 0px 0px;margin-bottom:10px;}
.fmkformulairerechercheback FORM{margin:0px 0px 0px 0px;}
.fmkformulairerechercheback .fmkapplicationback_bloc_bouton{text-align: center;vertical-align: center;}
.fmkformulairerechercheback FORM.form-horizontal .control-group {margin-bottom: 5px;}
.fmkformulairerechercheback FORM.form-horizontal .control-label {width: 100px;}
.fmkformulairerechercheback FORM.form-horizontal .controls {margin-left: 120px;}
.fmkformulairerechercheback button.btn-warning{background-color: #EC8817;background: #EC6B17 url("gradient-bg.png") repeat-x top;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;background: -webkit-gradient(linear,left top, left bottom,from(#EC8817),to(#EC6B17));background: -webkit-linear-gradient(top,#EC8817,#EC6B17);background: -moz-linear-gradient(top,#EC8817,#EC6B17);background: -o-linear-gradient(top,#EC8817,#EC6B17);background: linear-gradient(top,#EC8817,#EC6B17);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.fmkformulairerechercheback button.btn-warning:hover{background: #FF8E15;background-image: linear-gradient(to bottom, #FF8E15, #EC6B17);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.fmkformulairerechercheback .fmkformulairerechercheback_rechercheavancee{margin: 5px;display:none;}
.fmkformulairerechercheback .fmkformulairerechercheback_rechercheavancee_masquee{display:none;}
.fmkformulairerechercheback.sansborderradius{border-radius:0px 7px 0px 0px;}

/****************************************************************************/
/************************ Onglets sur le formulaire de recherche ************/
/****************************************************************************/
.fmkformulairerechercheback_onglets UL  {margin-bottom: 0px; border-bottom: 0px;}
.fmkformulairerechercheback_onglets UL li.active>A {background-color: #DEDEDE;background-image:none;color: #000000;}
.fmkformulairerechercheback_onglets UL li.active A:hover {background-color: #DEDEDE; background-image:none;color: #000000;}
.fmkformulairerechercheback_onglets UL li A {color: #000000;}


/*****************************************************************************/
/********************** CSS pour les bulles d'aide ***************************/
/*****************************************************************************/

/**** Dans la recherche avancÃ©e sur fond gris ****/
.fmkformulaire_rechercheback_blocaide{display:inline-block;width:16px;height:16px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:16px;font-weight:normal;vertical-align:middle;position:relative;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;}
.fmkformulaire_rechercheback_blocaide > .fa {position: absolute;font-size: 17px;top: 0;left: 0; color:#474747}
.fmkformulaire_rechercheback_blocaide:hover > .fa {color:white;z-index: 99;}
.info-bulle{display:none;position:absolute;z-index:98;top:-5px;left:15px;min-width:50px;max-width:500px; padding:8px 11px;background:#454545;color:white;text-align:left;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;}
.fmkformulaire_rechercheback_blocaide:hover > .info-bulle {display: block;}
.info-bulle:before{content:'';display:block;position:absolute;top:0;right:100%;height:26px;width:21px;background-color:inherit;-webkit-border-top-left-radius:13px;-webkit-border-bottom-left-radius:13px;-moz-border-radius:13px 0 0 13px;border-radius:13px 0 0 13px;}
/* IE7 */
.info-bulle-before {display: block;position: absolute;top: 0;right: 100%;height: 26px;width: 21px;background-color:expression(this.parentNode.currentStyle['background-color']);}

/* Flipped */
.haut>.info-bulle{top:auto;bottom:-5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;}
.haut > .info-bulle:before {top: auto;bottom: 0;}
/* IE7 */
.haut > .info-bulle > .info-bulle-before {top: auto;bottom: 0;}
.gauche>.info-bulle{left:auto;right:15px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:0;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.gauche>.info-bulle:before{right:auto;left:100%;-webkit-border-radius:0;-webkit-border-top-right-radius:13px;-webkit-border-bottom-right-radius:13px;-moz-border-radius:0 13px 13px 0;border-radius:0 13px 13px 0;}
/* IE7 */
.gauche > .info-bulle > .info-bulle-before {right: auto;left: 100%;}
.haut.gauche>.info-bulle{left:auto;right:15px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-moz-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;}
/* IE7 */
.haut.gauche > .info-bulle > .info-bulle-before {left: auto;right: 15px;}

/* Touch screen do not handle hover correctly, the text is shown on an modal */
.js.touch .fmkformulaire_rechercheback_blocaide:hover > .fa {color: inherit;}
.js.touch .fmkformulaire_rechercheback_blocaide:hover > .info-bulle {display: none;}

/* Patch pour les add-on */
.input-append .patch-add-on{background-color: transparent; border:none; white-space: normal;}
.controls .fmkformulaire_rechercheback_blocaide.patch-select {margin:2px 0px 0px 4px;}

/***** Dans les formulaires classiques ***/
.fmkformulaire_blocaide{display:inline-block;width:16px;height:16px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:16px;font-weight:normal;vertical-align:middle;position:relative;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;}
.fmkformulaire_blocaide > .fa {position: absolute;font-size: 17px;top: 0;left: 0;color:#D5D3D3}
.fmkformulaire_blocaide:hover > .fa {color:white;z-index: 99;}
.info-bulle{display:none;position:absolute;z-index:98;top:-5px;left:15px;min-width:50px;max-width:500px; padding:8px 11px;background:#454545;color:white;text-align:left;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:0 5px 5px 5px;border-radius:0 5px 5px 5px;}
.fmkformulaire_blocaide:hover > .info-bulle {display: block;}
.info-bulle:before{content:'';display:block;position:absolute;top:0;right:100%;height:26px;width:21px;background-color:inherit;-webkit-border-top-left-radius:13px;-webkit-border-bottom-left-radius:13px;-moz-border-radius:13px 0 0 13px;border-radius:13px 0 0 13px;}
/* IE7 */
.info-bulle-before {display: block;position: absolute;top: 0;right: 100%;height: 26px;width: 21px;background-color:expression(this.parentNode.currentStyle['background-color']);}

/* Flipped */
.haut>.info-bulle{top:auto;bottom:-5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;}
.haut > .info-bulle:before {top: auto;bottom: 0;}
/* IE7 */
.haut > .info-bulle > .info-bulle-before {top: auto;bottom: 0;}
.gauche>.info-bulle{left:auto;right:15px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:0;-moz-border-radius:5px 0 5px 5px;border-radius:5px 0 5px 5px;}
.gauche>.info-bulle:before{right:auto;left:100%;-webkit-border-radius:0;-webkit-border-top-right-radius:13px;-webkit-border-bottom-right-radius:13px;-moz-border-radius:0 13px 13px 0;border-radius:0 13px 13px 0;}
/* IE7 */
.gauche > .info-bulle > .info-bulle-before {right: auto;left: 100%;}
.haut.gauche>.info-bulle{left:auto;right:15px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-moz-border-radius:5px 5px 0 5px;border-radius:5px 5px 0 5px;}
/* IE7 */
.haut.gauche > .info-bulle > .info-bulle-before {left: auto;right: 15px;}

/* Touch screen do not handle hover correctly, the text is shown on an modal */
.js.touch .fmkformulaire_blocaide:hover > .fa {color: inherit;}
.js.touch .fmkformulaire_blocaide:hover > .info-bulle {display: none;}

/* Patch pour les add-on */
.input-append .patch-add-on{background-color: transparent; border:none; white-space: normal;}
.controls .fmkformulaire_blocaide.patch-select {margin:2px 0px 0px 4px;}
