/* ====================================== */
/* ============ Formulaires ============= */
/* ====================================== */

    input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; }
    legend { font-weight: bold; }
    input:focus {
        outline: 1px solid #4468A7; /* corrige le format appliqué par les navigateurs */
        border: 0 none; /* enleve la bordure du champ de saisi qui s’affiche sans focus */
        }

    /* Curseur main sur les elements input cliquables */
    input[type="submit"],input.btn,input.submit,
    input[type="button"],input.button,
    input[type="image"],input.image,
    button { cursor: pointer; }

    /* Elements de notifications des boites succes, info, notice, alerte */
    .reponse,
    .error,
    .alert,
    .notice,
    .success,
    .info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }

    .error,
    .alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    .notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
    .success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
    .info     { background: #d5edf8; color: #205791; border-color: #92cae4; }

    .error a,
    .alert a      { color: #8a1f11; }
    .notice a   { color: #514721; }
    .success a    { color: #264409; }
    .info a     { color: #205791; }

    /* Formulaires */
    .formulaire_spip fieldset { margin: 3em 0 0; padding:1em 0; }
    .formulaire_spip fieldset fieldset { margin-left: 1em; }
    .formulaire_spip label { padding: 4px 0; font-weight: 700; }
    .formulaire_spip  h3.legend, .formulaire_spip  legend.legend {
        font-size: 120%;
        font-weight: bold;
        padding-bottom: 0.2em;
        border-bottom: 1px solid #CCCCCC;}
    .formulaire_spip .editer,
    .formulaire_spip .choix { clear: both; padding: 0.3em 0; }
    .formulaire_spip .editer { margin:0.7em 0; }
    .formulaire_spip .saisie_radio input,
    .formulaire_spip .saisie_radio label,
    .formulaire_spip .saisie_checkbox input,
    .formulaire_spip .saisie_checkbox label,
    .formulaire_spip .saisie_case input,
    .formulaire_spip .saisie_case label,
    .formulaire_spip .saisie_oui_non input,
    .formulaire_spip .saisie_oui_non label,
    .formulaire_spip .saisie_mot input,
    .formulaire_spip .saisie_mot label { display: inline-block; }
    .formulaire_spip .saisie_input label, .choix label { cursor: pointer; }
    .formulaire_spip .explication { font-style: italic; }
    .formulaire_spip .explication p { margin: 0; }
    .formulaire_spip p.explication { font-size: 90%; margin-bottom: 0.5em; }
    .formulaire_spip .choix label { font-size: 100%; font-weight: normal; padding: 0; }
    .formulaire_spip .choix.choix_alternatif:after { content: ''; clear: both; display: block; }
    .formulaire_spip .choix.choix_alternatif label { float: left; width: 20%; text-align: right; }
    .formulaire_spip .choix.choix_alternatif input { float: right; width: 78%; }
    .formulaire_spip .browser .frame {
        display: inline-block;
        vertical-align: top;
        width: 32%;
        min-width: 170px;
        border: solid 1px #aaa;
        background-color: #F7F7F7;
        padding:0.2em;
        margin-bottom:1em; }
    .formulaire_spip ul.item_picked { margin:0; }
    .formulaire_spip ul.item_picked li {
        display: inline-block;
        padding:0 0.2em;
        background-color:#F7F7F7;
        border: solid 1px #aaa;
        margin-right:0.2em;
        margin-bottom:0.2em; }
    .formulaire_spip ul.item_picked li span.sep { display: none; }
    .formulaire_spip .picker_bouton { text-align: right; }
    .formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }

    /* Barre typo */
    .markItUp .markItUpHeader ul .markItUpSeparator { display: none; }

    /* Previsu */
    .formulaire_spip .previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
    fieldset.previsu legend { color: #F57900; }

    /* Reponses */
    .reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
    .reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
    .reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
    .reponse_formulaire_ok a { color: #264409; }
    .reponse_formulaire_erreur a { color: #8a1f11; }
    .erreur_message { color: red; }
    .editer.erreur input[type="text"], .editer.erreur input.text,
    .editer.erreur input[type="password"], .editer.erreur input.password,
    .editer.erreur textarea,
    li.erreur input[type="text"], li.erreur input.text,
    li.erreur input[type="password"], li.erreur input.password,
    li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }
    .spip_surligne { background-color: yellow; }

    /* Formulaires : variantes et cas particuliers
    ----------------------------------------------- */
    .formulaire_spip { margin-bottom: 1.5em; }
    .formulaire_spip label { display: block; }
    .formulaire_spip input.text,
    .formulaire_spip select,
    .formulaire_spip textarea {
        width: 100%;
        box-sizing: border-box;
        padding:.25em;
        border:solid 1px #4468A7;
        border-radius:4px;}

    .formulaire_spip img.ui-datepicker-trigger {
        position:relative;
        max-width: 1.5em;
        margin-top: -0.25em;
        margin-left: -1.75em;}

    .formulaire_spip .choix label {display: inline;}

    .formulaire_recherche label { display: block; }
    .erreur_message { display: block; }

    /* Selection des langues */
    .formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche */

    .formulaire_recherche * {display: inline;}

    .formulaire_recherche input.search {
        width: auto;
        height: 32px;
        padding-right: 20px;
        vertical-align: middle;
        border: 0 none;
        border-left: solid 1px #ffaa46;
        border-right: solid 1px #ffaa46;
        background:#fff url(img/loupe.png) no-repeat right center;
        border-radius: 0;}

    .formulaire_recherche input.btn,
    .formulaire_recherche input.submit {
        width: auto;
        height: 32px;
        vertical-align: middle;
        border:solid 1px #4468A7;
        border-left: none;
        border-radius: 0 0.25em 0.25em 0;
        text-align: center;}

    @media screen and (max-width: 768px) {
        .formulaire_recherche input.search {
            border: solid 1px #ffaa46;
            margin: 1em 0; }
            }