@charset "windows-1252";
/* ******************************************************************************************* */
/* Fichier : formulaires.css                                                                   */
/* Merci à © 2004, http://www.fredcavazza.net/doc/tutoriels/formulaire/SVF_intro.htm           */
/* Réalisé par P. ARNOULD / Créé le 28/05/2007 / Modifié le 08/08/2011                         */
/* ******************************************************************************************* */
/* Rappel de syntaxe CSS (voir également "lps.css" :                                                                     */
/*                                                                                             */
/*  #toto : Elément dont l'ID est toto... (unique)                                             */
/*  .toto : Elément de CLASS toto... (multiple)                                                */
/*                                                                                             */
/* ******************************************************************************************* */
/*  Mise en forme commune à tous les formulaires                                               */
/*  (voir les mises en forme spécifiques plus bas)                                             */
/* ******************************************************************************************* */
#titreForm, #piedForm { /*** Mise en forme du titre et du pied de formulaire ***/
     font: bold 1.1em arial, hevetica, sans-serif;
     color: blue;
     background: #FFFFCC;
     margin: 0;
     padding: 0.2em;
}
#piedForm {
     text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
     font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
     margin-left: 1em;
}
#teteForm input {
     font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
     margin-left: 1em;
}
#corpsForm { /*** Mise en forme du corps du formulaire (bordure, couleur du fond...) ***/
     border: 1px solid black;
     color: black;
     background: #EEEFDF;
     text-align: left;
     margin: 0.25em;
     padding: 0.25em;
}
#corpsForm fieldset { /*** Mise en forme des cadres ***/
     margin: 0;
     text-align: left;
     font-style: normal;
     padding: 0 0.25em 0.25em;
}
#corpsForm legend { /*** Mise en forme des titres des cadres ***/
     text-align: left;
     font-weight: bold;
     color: black;
     background: transparent;
}
#corpsForm p { /*** Mise en forme des lignes du formulaire ***/
     text-align: left;
     padding: .1em 0;
     margin: 0 0 0.2em 0;
}
#corpsForm .mise_en_forme_labels_champs_20 {
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm .mise_en_forme_labels_champs_33 { /*** Mise en forme des intitulés de champs ***/
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 33%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm label:hover, #piedForm input {
     cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpsForm label.oblig {
    font-weight: bold; /*** Mise en évidence des champs obligatoires ***/
}
#corpsForm .legende { /*** Mise en forme des aides contextuelles ***/
     font-style: italic;
     font-size: 0.8em;
     color: #666;
     background: transparent;
     margin: 0;
     padding: 0;
}
#corpsForm .titre_boutons_radio { /*** Mise en forme des aides contextuelles ***/
     font-size: 1em;
     text-align: left;
     font-style: normal; font-weight: normal; text-decoration: none;
     margin: 0;
     padding: 0;
}
#corpsForm a.aide { /*** Mise en forme des bulles d'aide ***/
     text-decoration: none;
}
#corpsForm a.aide img { /*** Mise en forme de l'image des bulles d'aide ***/
     margin: 0;
     padding: 0;
     border: 0;
}
#corpsForm a.aide:hover { /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
     cursor: help;
}
#corpsForm .focus { /*** Mise en avant des champs en cours d'utilisation ***/
     background: #F5F5DC;
     color: black;
}
#corpsForm .normal { /*** Retour à l'état normal après l'utilisation ***/
     background: white;
     color: black;
}
/*** Mise en forme des messages d'erreur ***/
#corpsForm .alerte { /*** Mis en évidence des champs mal renseignés ***/
     border: 1px solid red;
}
#corpsForm .messageAlerte { /*** Mise en forme des message d'alerte ***/
     display: block;
     margin: 0 0 0.3em 0.3em;
     padding-left: 2em;
     color: red;
     font-weight: bold;
     background: url('icon_alert.gif') no-repeat left center;
}
/* ******************************************************************************************* */
/*  Mise en forme spécifique au formulaire "cahier_de_texte.php"    et "base.php"              */
/* ******************************************************************************************* */
#form_cahierdetexte {
     clear: both;
     border: none;
     background: #EEEFDF;
     text-align: left;
     margin: 0em 0 0.25em 0;
     padding: 0.5em 0.2em 0.25em 0.25em;
     width: 99%; /*** Largeur du formulaire ***/
}
#reponse_requete_XMLHttpRequest { display: none; }
/* Affichage des champs de cahier_de_texte.php : */
  /*** Au chargement de la page, ce champ est visible. ***/
#corpsForm fieldset#identification { display: block; }
  /*** Au chargement de la page, ces champs ne sont pas visibles. ***/
#corpsForm fieldset#divmatgrp           { display: none; }
#corpsForm fieldset#cdtxt                   { display: none; }
#corpsForm fieldset#bulletin_appel { display: none; }
#corpsForm fieldset#ap                         { display: none; }
/* #corpsForm fieldset#lehenekoak         { display: none; } */
#corpsForm fieldset#secretariat       { display: none; }
#corpsForm fieldset#motdepasse         { display: none; }
#corpsForm fieldset#administration { display: none; }
#corpsForm fieldset#editions             { display: none; }
#corpsForm fieldset#gestion               { display: none; }
#corpsForm fieldset#motdepasse label { /*** Mise en forme des intitulés de champs ***/
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 50%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm fieldset#cdtxt label { /*** Mise en forme des intitulés de champs ***/
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 15%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
/* Au chargement de la page, ces blocs ne sont pas visibles. */
#p_fermeture_session                                     { display: none; }
#div_eleves                                                       { display: none; }
#div_bouton_actualiser_cahier_de_texte { display: none; }
#div_actualisation_cahier_de_texte         { display: none; width: 730px; }
#div_bouton_actualiser_ap                           { display: none; text-align: right;}
#div_actualisation_ap                                   { display: none; width: 730px; }
#bouton_cdtxt_quitter_archives                 { display: none; }
#div_bulletin_appel                                       { display: none; }
#div_cpe_date_bulletins_appel                   { display: none; margin-top: 1em; }
#div_ap                                                               { display: none; }
/* Sections "listes de sélection" :                                                            */
/* (pour des problèmes de compatibilité avec IE, il a fallu les créer, voir commentaires       */
/*  dans le fichier "cahier_de_texte.js")                                                      */
#div_liste_divisions { display: inline; }
#div_liste_matieres   { display: inline; }
#div_liste_groupes     { display: inline; }
#div_liste_profs         { display: none; } /*** Uniquement utilisé pour les archives ***/
#label_liste_profs     { display: none; } /*** Uniquement utilisé pour les archives ***/
/* Section "administration" :                                                                  */
/* Affichage des champs de cahier_de_texte_admin.php :                                         */
/*** Au chargement de la page, ces champs ne sont pas visibles. ***/
#corpsForm fieldset#editions         { display: none; }
#corpsForm fieldset#gestion           { display: none; }
#corpsForm fieldset#statistiques { display: none; }
#corpsForm fieldset#aide                 { display: none; }
#administration ul { margin: 0 0 0 5px; padding: 0; list-style: none; }
/* ******************************************************************************************* */
/*  Mise en forme spécifique au formulaire "cahier_de_texte_admin.php"                         */
/* ******************************************************************************************* */
/*** Cadre pour l'édition des tables :                                                       ***/
/*** suite de boutons à gauche et affichages à droite.                                       ***/
.div_editions {
  float: left;
  width: 160px;
  text-align: center;
}
/** .menu_admin    { top: 0; left: 0; margin: 2px 0 0 2px; width: 160px; height: 420px; } **/
.div_menu_admin    { top: 0; left: 0; margin: 2px 0 0 2px; width: 160px; }
.div_menu_admin ul { margin: 0 0 0 5px; padding: 0; list-style: none; }
.div_menu_admin li { margin: 5px 0 0 0; font-size: 0.8em; font-weight: bold;
                   line-height: 18px; width: 140px; text-align: center; }
.div_menu_admin li a { display: block; margin: 2px; text-decoration: none;
                    background-color: #BBBCAF; color: white;
                    border-style: solid; border-width: 1px 2px 2px 1px;
                    border-color: #AD5819 #AD5819 #AD5819 #AD5819; }
.div_menu_admin li a:hover { background-color: #EEEFDF; color: black;
                          border-style: solid; border-width: 2px 1px 1px 2px;
                          border-color: #AD5819 #AD5819 #AD5819 #AD5819; }
.div_affichage_donnees {
     float: left;
     /*width: 340px;*/
     border: 0;/*1px solid black;*/
     margin: 0;
     text-align: left;
}
.div_edition_donnees {
     /*margin-left: 540px;*/
     border: 0; /*1px solid black;*/
     text-align: center;
}
/** **************************************************************************************** **/
#p_message_administration {
     clear: left;
}
.formulaire_labels_20 {
     float: left; /*** Très important, ne pas supprimer ! ***/
     width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0 0 1em 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
.formulaire_labels_taille_1 {
     float: left; /*** Très important, ne pas supprimer ! ***/
     width: 15%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0 1em 1em 0;
     padding: 0;
     line-height: 2em; /*** ... et centrés verticalement. ***/
}
.formulaire_input {
     text-align: left; /*** ... et ils sont alignés à gauche... ***/
     margin: 0.4em 0 1em 0;
     padding: 0;
     line-height: 2em; /*** ... et centrés verticalement. ***/
}
.p_absent { color: rgb(204,102,0); font-weight: bold; }
.p_exclu  { color: red; font-weight: bold; }
.p_parti  { color: rgb(51,153,102); font-weight: bold; }
.p_ok     { color: green; font-weight: bold; }
/* ******************************************************************************************* */
/*  Mise en forme spécifique au formulaire "cdtxt_fichier_a_joindre.php"                       */
/* ******************************************************************************************* */
#form_fichierjoint fieldset#identification { display: block; }
  /*** Au chargement de la page, ces champs ne sont pas visibles. ***/
#form_fichierjoint p#p_affichage_progression { display: none; }
  /*** Au chargement de la page, ces champs sont visibles. ***/
#form_fichierjoint p#p_affichage_message     { display: block; }
/* ******************************************************************************************* */
/*  Mise en forme spécifique au formulaire "cdtxt_photo_a_charger.php"                         */
/* ******************************************************************************************* */
#form_photoacharger fieldset#identification { display: block; }
  /*** Au chargement de la page, ces champs ne sont pas visibles. ***/
#form_photoacharger p#p_affichage_progression { display: none; }
  /*** Au chargement de la page, ces champs sont visibles. ***/
#form_photoacharger p#p_affichage_message     { display: block; }
/* ******************************************************************************************* */
/*  Mise en forme spécifique au formulaire "saisie_membre.php"                                 */
/* ******************************************************************************************* */
#inscription {
     border: none;
     background: #FFFFCC;
     text-align: left;
     margin: 0;
     padding: 0.25em;
     width: 99%; /*** Largeur du formulaire ***/
}
/* Mise en forme des intitulés de champs */
#corpsForm fieldset#coordonnees label {
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm fieldset#coordonnees img.photo {
     float: right;
     border: 1px solid black;
     margin: 0;
     padding: 0 0 0 0;
}
#corpsForm fieldset#etudes label {
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm fieldset#poursuite label {
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm fieldset#listediff_lycee label { /*** Mise en forme des intitulés de champs ***/
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 33%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpsForm fieldset#lehenekoak label { /*** Mise en forme des intitulés de champs ***/
     clear: left;
     float: left; /*** Très important, ne pas suprimer ! ***/
     width: 33%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
     text-align: right; /*** ... et ils sont alignés à droite... ***/
     margin: 0;
     padding: 0 0.5em 0 0;
     line-height: 1.8; /*** ... et centrés verticalement. ***/
}