@charset "utf-8";
/* CSS Document */
html {margin:0;padding:0; height:100%}

body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#646464;padding:0;margin:0;background-image:url(../images/fond_haut.gif);background-repeat:repeat-x;background-color:#fff;background-position:top center;position:relative; height:100%}

body.impression {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#646464;padding:0;margin:0;position:relative; height:100%; background-image:none}

#page{width:999px;margin:auto;position:relative;}

/* LAYOUT */

#preload-images{display:none}

#header{ position:relative; }

#header #container_bandeau{ position:relative; height:123px; }

#header #bandeau{ position:absolute; top:0px; left:0px; background-image:url(../ressources/habillage/bandeau_formasup.jpg); background-repeat:no-repeat; background-position:top center; width:999px; height:123px;}

#header #logo{ position:absolute; top:0px; left:0px; background-image:url(../ressources/habillage/logo_lea.png); width:999px; height:123px;}

#header #bande{ background-color:#b6cf40; width:999px; height:14px; margin-top:1px;}

#centre{ position:relative; width:100%; height:100%; background-color:#FFF; background-image:url(../ressources/habillage/fond_page_formasup_3.jpg); background-position:top center; }

#footer{height:36px; width:100%; background-image:url(../images/fond_bas.gif);background-repeat:repeat-x;background-color:#fff;background-position:0 -3px;}

#fonctionnelles{width:100%;position:relative;text-align:right;padding-right:6px}

#menu_droite{float:left;padding-left:15px;width:237px;margin-top:25px;position:relative;z-index:3;padding-bottom:15px}

#fil_ariane{margin-top:-10px;margin-bottom:2px;font-size:11px;color:#6e6d6e;text-align:right;padding-right:6px}

.bloc_gauche{width:791px;padding:73px;margin:auto}

#home #menu{padding-top:95px}

#menu{float:left;width:274px;}

#menu .chapo {color:#666666;font-size:18px;text-align:justify;padding-right:20px}

/* PAGE D'ACCUEIL */

#identification {position:relative; width:280px; height:175px; padding:72px 0px 0px 40px; margin:0 0 0 20px;}

#identification #fond {position:absolute; left:0px; top:0px;}

input { border:solid 2px #d4214d; -moz-border-radius: 10px; width:212px; height:26px; font-family:Arial, Helvetica, sans-serif; line-height:26px; font-size:12px;color:#ec6a1c; padding:0px 0px 0px 20px; margin:0px 0px 5px 0px; }

textarea.bordure {border:solid 2px #d4214d; -moz-border-radius: 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ec6a1c; padding:0px 0px 0px 20px; margin:0px 0px 5px 0px;}

input.radiobutton { border:none; -moz-border-radius:none; width:20px; height:inherit; font-family:Arial, Helvetica, sans-serif; line-height:26px; font-size:12px;color:#ec6a1c; padding:0px 0px 0px 20px; margin:0px 0px 5px 0px; }

input.input_submit { position:relative; width:91px; height:30px; border:solid 1px #fff; background-color:#d4214d; -moz-border-radius: 10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff; margin:5px 0px 0px 144px; padding:0 }

input.input_submit_vert { position:relative;  width:91px; height:30px; border:solid 1px #fff; background-color:#7ec31b; -moz-border-radius: 10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff; margin:5px 0px 0px 144px; padding:0 }

input.input_submit_orange { position:relative;  width:91px; height:30px; border:solid 1px #fff; background-color:#f59e23; -moz-border-radius: 10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff; margin:5px 0px 0px 144px; padding:0 }

.valeur label { display:block;}

button { width:91px; height:30px; border:solid 1px #fff; background-color:#d4214d; -moz-border-radius: 10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff; margin:5px 0px 0px 144px; }

#apropos {background-image:url(../images/fond-apropos.png); height:244px; width:285px; background-repeat:no-repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#62615c; padding:128px 0px 0px 59px; margin:-70px 0 0 -20px }

.table_bloc {border:none; padding:0; margin:0; width:100%;  color:#673781;}

.table_bloc thead { border:none; padding:0; margin:0; background-color:#ddddda; font-size:12px; font-weight:bold; }

.table_bloc tbody {font-size:12px; font-weight:normal; }

.table_bloc input { border:solid 1px #333; -moz-border-radius: 0; width:auto; height:24px; font-family:Arial, Helvetica, sans-serif; line-height:auto; font-size:12px;color:#333; padding:2px; margin:0; }

.table_bloc td {padding:6px 0px 3px 10px; }

.table_bloc td.titre_champ {padding:6px 10px 3px 10px; background-color:#ddddda; font-size:12px; font-weight:bold; border:none; text-align:right; }

.table_bloc .pair { background-color:#fff; }

.table_bloc .impair { background-color:#f3f3f2; }

.table_bloc td.grille_reponses { padding:0;}

.table_bloc td.grille_reponses td { text-align:center;}

.table_bloc td.grille_reponses td.texte { text-align:left;}

.groupes {  font-size:14px;}

.table_bloc .titre_champ {width:250px;}

/* CHOIX TRIPLETTE */

#info_connexion { background-image:url(../ressources/habillage/fond-infoconnexion_1.jpg); width:260px; height:100%; padding:70px 30px 30px 30px; float:left; color:#673781; font-size:11px; height:520px;}

.formations { padding:30px 0 0 50px; margin:0 0 0 -20px; float:left; width:250px; height:53px; color:#673781; font-size:16px; font-weight:bold; background-image:url(../images/fond_bouton-formation.png);}

.formations a { color:#673781; font-size:16px; font-weight:bold; text-decoration:none;}

.formations a:hover { color:#673781; font-size:16px; font-weight:bold; text-decoration:underline;}

#connexion { position:absolute; left:0px; top:0px; width:475px; height:42px; z-index:1000}

#connexion #fond {background-image:url(../images/bande-connexion.png); width:475px; height:42px; }

#connexion a { font-size:14px; color:#673781; text-decoration:none}

#connexion a:hover {  text-decoration:underline}

#triplettes { position:relative; float:left; width:600px; padding:30px 0 0 30px; height:100%;}

#triplettes .triplette { width:170px; height:75px; padding:35px 0 0 130px; color:#673781; font-size:16px; font-weight:bold; background-image:url(../images/bouton_entree_lea.png);}

#triplettes .diplome { margin:0 0 0 20px; padding-top:35px; clear:both; color:#485055; font-size:17px; font-weight:bold;}

#triplettes .promotion { margin:0 15px 0 20px; padding-bottom:10px; clear:both; color:#485055; font-size:14px; font-weight:bold; border-bottom:solid 1px #485055; }

#triplettes .triplette a { font-size:14px; color:#673781; font-weight:bold; text-decoration:none}

#triplettes .triplette a:hover {  text-decoration:underline}

#info_connexion #infos_triplettes { background-image:url(../images/fond_infos_triplettes.png); width:232px; height:259px; padding:15px 0 0 50px; margin:20px 0 0 -12px;}

#info_connexion #infos_triplettes .titre { font-size:12px; font-weight:bold; color:#fd8203}

/* LEA */

#menu_lea { float:left; position:relative; background-image:url(../ressources/habillage/fond-infoconnexion_1.jpg); width:190px; padding:25px 10px 0 20px; margin:0;  color:#747474; font-size:11px; min-height:520px;}

#info_utilisateurs {width:185px; color:<br />
<b>Notice</b>:  Undefined property: stdClass::$couleur_infos_triplette in <b>/var/www/vhosts/lea-formasup.fr/httpdocs/css/site.php</b> on line <b>147</b><br />
;}

#info_utilisateurs a { color:<br />
<b>Notice</b>:  Undefined property: stdClass::$couleur_infos_triplette in <b>/var/www/vhosts/lea-formasup.fr/httpdocs/css/site.php</b> on line <b>149</b><br />
; text-decoration:underline}

#info_utilisateurs a:hover {  text-decoration:none}

#menu_lea .info_plus { color:<br />
<b>Notice</b>:  Undefined property: stdClass::$couleur_infos_triplette in <b>/var/www/vhosts/lea-formasup.fr/httpdocs/css/site.php</b> on line <b>153</b><br />
; font-size:10px;}

#info_utilisateurs ul { padding:5px 0; margin:0; width:150px}

#info_utilisateurs li { padding:0px 0 5px 42px; width:150px; margin:0; list-style:none; background-image:url(../ressources/habillage/puce_utilisateur.png); background-repeat:no-repeat; background-position:10px 2px; }

#menu_diplome {width:185px; margin-left:-10px;}

#menu_diplome a { padding:2px 0 2px 22px; margin:0 0 0 15px; color:#1c354c; text-decoration:none;}

#menu_diplome a.actif { padding:2px 0 2px 22px; margin:0 0 0 15px; color:#1c354c; text-decoration:none; background-image:url(../ressources/habillage/puce_menu_lea.png); background-repeat:no-repeat;}

#menu_diplome a:hover { text-decoration:underline;}

#menu_diplome ul { padding:0; margin:0}

#menu_diplome li { list-style:none; padding:0; margin:0; background-image:url(../images/fond_menu_lea.png); width:197px; }

#menu_diplome li.charge_lea { background-image:url(../images/fond_menu_charge_lea.png); }

#menu_diplome li .item { padding:5px 0 5px 0; margin:0 2px 0 4px;  border-top:solid 1px #fff;  border-bottom:solid 1px #91b6d7; height:100%; }

#menu_diplome li .item_bas { padding:5px 0 5px 0; margin:0 2px 0 4px;  border-top:solid 1px #fff;  border-bottom:none; height:100% }

#menu_diplome li .item_haut { padding:20px 0 5px 0; margin:0 2px 0 4px;  border-bottom:solid 1px #91b6d7;  border-top:none; height:100% }

#menu_diplome li .item_charge_lea { padding:5px 0 5px 0; margin:0 2px 0 4px;  border-top:solid 1px #fff;  border-bottom:solid 1px #9898ae; height:100%; }

#menu_diplome li .item_bas_charge_lea { padding:5px 0 5px 0; margin:0 2px 0 4px;  border-top:solid 1px #fff;  border-bottom:none; height:100% }

#menu_diplome li .item_haut_charge_lea { padding:20px 0 5px 0; margin:0 2px 0 4px;  border-bottom:solid 1px #9898ae;  border-top:none; height:100% }

#menu_diplome li.haut { padding:0; margin:0; background-image:url(../images/haut_menu_lea.png); }

#menu_diplome li.bas { background-image:url(../images/bas_menu_lea.png); height:85px; }

#menu_diplome li.haut_charge_lea { padding:0; margin:0; background-image:url(../images/haut_menu_charge_lea.png); }

#menu_diplome li.bas_charge_lea { background-image:url(../images/bas_menu_charge_lea.png); height:85px; }

#menu_diplome li .separation { height:2px; width:197px;}

#info_diplome { position:relative; margin:0 0 0 12px; padding:45px 0 0 30px;  background-image:url(../ressources/habillage/fond_info_diplome.png); width:721px; height:100px;}

#info_diplome .organisme {color:#673781; font-size:14px; font-weight:bold;}

#info_diplome .diplome {color:#673781; font-size:24px; font-weight:bold; width:680px;}

#info_diplome .promotion {color:#673781; font-size:17px; font-weight:bold;}

#presentation_diplome {background-image:url(../images/presentation_diplome.png); background-repeat:no-repeat; width:330px; padding:27px 0 0 43px; color:#1c354c; font-size:12px; font-weight:normal; text-align:justify; }

/* LIEN */

.bloc_lien {padding:0 0 15px 0; }

#liens .lien  { padding:0 0 15px 0; float:left; width:430px;}

#liens .logo  { padding:0; margin:0; clear:both; float:left; width:200px; text-align:center;}

#liens img  { border:none}

#liens .nom  {color:#673781; font-size:17px; font-weight:bold;}

#liens .description  {color:#747474; font-size:12px; font-weight:normal;}

#liens .url a {color:#673781; font-size:12px; font-weight:bold; text-decoration:none}

#liens .url a:hover { color:#673781;text-decoration:underline}

/* FICHE UTILISATEUR */

#fiche_utilisateur { width:100%}

#fiche_utilisateur .info {clear:both;  width:100%; padding:5px;}

#fiche_utilisateur .info_grise {clear:both;  width:100%; padding:5px; color:#999}

#fiche_utilisateur .intitule { float:left; width:200px; text-align:right; padding:10px 5px 0 0; height:20px; font-weight:bold;}

#fiche_utilisateur .actuel { float:left; width:200px; padding:10px 5px 0 5px; height:20px; font-weight:normal;}

#fiche_utilisateur .valeur { float:left; text-align:left; padding:0; height:30px;}

#fiche_utilisateur .bloque { border:none; background:none;  padding:4px 5px 0 0; height:26px; line-height:26px; margin:0; color:#646464; }

/* BALISES */

h1{padding:0;margin:0;margin-bottom:10px;color:#683c85;font-size:20px;padding:8px;padding-left:0}

h2{font-size:16px;color:#000;padding:5px;padding-left:0;margin-top:5px;margin-bottom:5px;font-weight:normal}

h3{font-size:12px;color:#e9127f;padding:5px;padding-left:0;margin:0}

h2.ref{font-size:24px;font-style:italic;color:#83b82a;font-weight:normal;padding-left:8px;padding-top:3px;padding-bottom:2px}

#fil_ariane h1{display:inline;color:#6e6d6e;font-size:12px;font-weight:normal;font-style:normal;padding:0;margin:0}

#menu ul, #fil_ariane ul {padding:0;margin:0;list-style:none}

#fil_ariane ul li {padding:0;margin:0;display:inline;list-style:none}

#menu ul li {list-style:none;padding-left:0;margin-left:0}

ul{margin:0;padding:0}

ul li{margin:0;padding:0;margin-left:15px;list-style-type:square;padding:3px;}

ol li{margin:0;padding:0;margin-left:12px;padding:3px;}

p { padding:10px 0 0 0; margin:0}

/* DIVERS */

.bloc_gris {padding:10px;border:1px solid #A5A8B8;background-color:#F5F5F5;font-size:12px;font-size:11px}

.bloc_gris .sous_bloc{margin-top:5px;margin-bottom:5px;padding : 15px; border: 1px solid #B5B8C8;background-color:#EAEAEA;}

.bold{font-weight:bold}

.align_middle{vertical-align:middle}

.element_actif{opacity:0.1}

.element_inactif{opacity:0}

.message, .message_erreur{background-color:#C9EFC2;border:solid 1px #63BF53;height:18px;padding-top:8px;font-size:12px;padding-bottom:5px;padding-left:5px;margin-top:5px;margin-bottom:15px}

.message_erreur{background-color:#FFAFB2;border-color:#9F272C;}

/* POLICES */

.vert_12{color:#9dc107;font-size:12px}

.gris_12{color:#646464;font-size:12px}

.gris_14{color:#333333;font-size:14px}

.rose_14 {color:#e9127f;font-size:14px;}

.rouge_11 { color:#B82703; font-size:11px; }

.rouge_12{color:#CA003C;font-size:12px;}

.rouge_14{color:#CA003C;font-size:14px;}

.noir_12{color:#000;font-size:12px;}

.erreur {color:#B82703; font-size:11px;}

.titre_blocs {color:#683c85; font-size:15px;}

/* LIENS */

a{color:#646464}

a:hover{color:#b6cf40}

a.blanc{color:#fff}

a.blanc:hover{color:#fff}

a.rouge{color:#D0194E}

a.rouge:hover{color:#D0194E}

a.fonctionnel {color:#333;font-size:11px;text-decoration:none}

a.fonctionnel:hover {color:#333;font-size:11px;text-decoration:underline}

a.ariane {text-decoration:none;color:#83b82a;font-weight:normal}

a.ariane:hover {text-decoration:underline;color:#6e6d6e}

#menu ul li a{text-decoration:none;font-size:18px;color:#000}

/* QUESTIONNAIRE */

textarea { width:450px; height:200px;}

input.reponse { width:450px;}

.message_questionnaire {color:#673781; font-size:17px; font-weight:bold;}

.echeance_rouge { color:#ef0b0b; }

.echeance_orange { color:#ff9104; }

.echeance_vert { color:#379802; }

td.libelle_question { padding:10px; border-bottom:solid 1px #673781;}

td.question_groupe {border-bottom:solid 1px #673781; padding-top:5px}

tr.reponse td { padding-bottom:30px;}

.grille_reponses table { padding-bottom:30px; }

.grille_reponses table { background-color:#fff}
 
.grille_reponses thead td { border-bottom:solid 1px #673781;}

/* Carnet de bord */

#menu_carnet_bord { padding:0 0 20px 0}

#menu_carnet_bord .bouton { float:left; text-align:center; width:100px; padding:0 7px 0 0  }

#menu_carnet_bord .bouton a { font-size:9px; text-decoration:none }

.menu_mode_emploi { padding:0 0 5px 10px; margin:3px 0 0 10px;}

.menu_mode_emploi li { padding:10px 0 0 0; margin:0;}

#menu_mode_emploi {float:left; width:150px; padding:10px 20px 0 5px; background-color:#F3F6F8; border:solid 1px #A6B2BB}

#page_carnet_bord .titre { clear:both; text-align:center; font-size:20px;color:#b6cf40}

#page_carnet_bord .label { clear:both; float:left; width:150px; padding:0 0 10px 0; color:#EC6A1C}

#page_carnet_bord .valeur { float:left; width:150px; padding:0 0 10px 0}

#menu_mode_emploi a { text-decoration:none;}

.int { width:100%}

.int th, .int td {text-align:left; padding:3px}