@charset "utf-8";
/*DOSSEH EFOE SERGE ERIC (Ingénieur en systèmes réseaux informatiques)*/
/* CSS Document */

body {margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333}
td { border-radius:2px; font-size:11px}
input { border-radius:2px; transition-property: all ease; transition-duration: 1s;}
 
input[type=text]:focus,[type=password]:focus,textarea:focus{outline:1;border-color:rgba(0, 51, 102, 1);-webkit-box-shadow:inset 0 1px 3px rgba(0, 51, 102, 0.1),0 0 5px rgba(0, 51, 102, 1);-moz-box-shadow:inset 0 1px 3px rgba(0, 51, 102, 0.1),0 0 5px rgba(0, 51, 102, 1);box-shadow:inset 0 1px 3px rgba(0, 51, 102, 0.1),0 0 5px rgba(0, 51, 102, 1);}
/* debut entete de l'pageistration */
.entete_page_fl {border:solid 0px #CCCCCC; margin-top:12px; height:63px; padding-top:0px; box-shadow: 0px -7px 0.9em 0em #999999; background:#003366;color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;text-shadow: #333333 1px 1px 2px}
/* fin entete de l'pageistration*/
 

/* debut contenu entete */
.banniere_page_fl {width:1000px; height:50px; border:solid 0px #CCCCCC; background:none}
.logo_page_fl {float:left; width:80px; height:50px; border:solid 0px #CCCCCC}
.nom_page_fl {float:left; width:242px; height:50px; border:solid 0px #CCCCCC; margin-left:20px; background:url(fl_design/fl_florianes.png)}
.nom_logo_page_fl {float:left; width:500px; height:50px; border:solid 0px #CCCCCC}
.territoire_page_fl {float:right; width:460px; height:50px; border:solid 0px #CCCCCC}
.logo_territoire_page_fl {float:right; width:58px; height:40px; border:solid 0px #CCCCCC; background:none; margin-left:10px; margin-right:0px}
.nom_territoire_page_fl {float:right; width:250px; height: auto; border:solid 0px #CCCCCC; background:none; margin-left:10px; font-weight:bold; margin-top:3px; font-family: Verdana, Arial, Helvetica, sans-serif;text-shadow: #333333 0px 1px 2px}
/* fin contenu entete */

.connexion_page_info {color:#003366; text-shadow:#999999 1px 0px 0.5px; text-decoration:none; font-size:11px; text-transform:none}
.ma_page_fl1{float:left; color:#003366; font-weight:bold; font-size:10px; margin-left:20px; text-decoration:none; font-weight:bold}
.pour_moi_eleve{ float:right;height:auto; border-radius:20px 0px 20px 0px; margin-bottom:10px; width:90px; border:solid 0px #CCCCCC; background: url(fl_design/bouton_back_blanc.png) repeat-x; color: #003366; padding:1px; font-weight:bold; box-shadow: inset #003366 0px 0px 7px; font-size:12px}
.pour_moi_parent{ float:right;height:auto; border-radius:20px 0px 0px 20px; margin-bottom:10px; width:90px; border:solid 0px #CCCCCC; background: url(fl_design/bouton_back_blanc.png) repeat-x; color: #003366; padding:1px; font-weight:bold; box-shadow: inset #003366 0px 0px 7px; font-size:12px}
.note_devaluation_parent_bienvenu{ float:right;height:auto; border-radius:0px 20px 20px 0px; margin-bottom:10px; width:160px; border:solid 0px #CCCCCC; background: url(fl_design/bouton_back_blanc.png) repeat-x; color: #003366; padding:1px; font-weight:bold; box-shadow: inset #003366 0px 0px 7px; font-size:12px}

/* debut affichage de date et connexion pageistrateur */
.date_connexion_page_fl { float:left; width:980px; height:30px; border:solid 0px #CCCCCC; background:#FFFFFF; margin-bottom:3px}
.date_page_fl {float:left; margin-left:95px; width:auto; height:auto; background:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;  border:solid 0px #333333}
.contacts_intro {float: right; width:270px; height:auto; background:none; border: solid 0px #808080}
.connexion_page_fl {float: right; width:auto; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; height:auto; background:none; text-transform: uppercase; border:solid 0px #333333}

/* debut info du connecte */
.connexion_intro {float:left; width:270px; height:auto; background: #FFFFFF; box-shadow: #999999 0px 0px 6px; border-radius:2px; margin-top:5px; margin-bottom:-30px}
.info_connecte_page_fl {float:right; width:auto; height:20px; border:solid 0px #999999}
.info_contenu_connecte_page_fl {width:auto; height:auto; float:left; margin-right:15px}
.pageistrateur {color:#FF0033; text-shadow: #333333 1px 0px 0.5px}
/* fin info du connecte */

/* ************************* */
.table_connexion {border: solid 0px #CCCCCC; margin-top:0px; margin-bottom:5px}
.modifier_compte_connexion {color:#6699FF; text-shadow:#003366 0px 1px 0px; font-size:11px}
.nbre_notification_connexion {border-bottom: solid 0px #333333; border-right:0px; border-left:0px; border-radius:2px; color:#FFFFFF; text-shadow:#333333 1px 1px 0px; background:#FF0033;padding-left:4px; padding-right:4px;  font-size:11px; font-weight:bold; border-top:solid 0px; height:auto; width:auto; float:left}
.champ_notification_connexion {border:0px; border-radius:0px; color:#003366; font-weight:bold; font-size:9px; height:10px; float:left; margin-left:5px; height:20px}
.pub_notification_connexion {border-bottom: solid 0px #333333; border-right:0px; border-left:0px; border-radius:0px; color:#003366; font-weight:bold; font-size:9px; height:10px; border-top:1px dotted #999999; height:40px; float:left; width:160px; margin-bottom:5px}
.photo_du_connecte {border-radius:2px; position:absolute; z-index:100px; margin-left:164px; width:96px; height:113px; border:solid 0px #999999;}
/* ************************* */
 
/* debut connexion design */
.lien_deconnexion{color: #009933;  text-shadow:#003366 0px 1px 0px; text-decoration:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
.nom_du_connecte {border:0px; padding-bottom:5px; height:20px; text-transform:uppercase}
.couleur_nom_du_connecte {color:#003366; margin-top:0px; margin-bottom:-5px}
.statut_de_connecte {float:left; width:130px; border:solid 0px #00FF99; font-size:10px}
.bouton_de_preinscription {font-size: 20px; border-radius:2px; background:url(fl_design/bouton_back_bleu.png) repeat-x; color:#003366; height:30px; padding-top:4px;  box-shadow: #999999 0px 0px 0px; margin-bottom:4px; border:solid 1px #66CCFF}
.bouton_etat_dinscription {float:right; height:28px; margin-top:0px; margin-left:0px; font-size:11px; width:122px; background:url(fl_design/bouton_back_jaune.png) repeat-x; color:#003366; text-shadow:#003366 0px 0px 0px; font-weight:bold; letter-spacing:1px; border:solid 1px #CCCCCC; padding-top:1px; line-height:12px;  box-shadow: #FFCC00 0px 0px 0px; border-radius:0px 3px 3px 0px}
/*fin connexion design */


/* debut bande annonce page */
.bande_annonce_page {float:left; width:980px; height:40px; background: #003366; margin-top:10px; padding:10px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;text-shadow: #333333 1px 1px 2px; margin-top:20px; border-radius:2px}
.titre_bande_annonce_page{color: #66ccff; text-shadow:#000000 0px 1px 2px; font-size:18px;  font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing:1px; font-weight:bold}
.voir_bande_annonce_page{color:#FFFF33; margin-left:20px; font-weight:bold}
.ruban_bande_annonce_page {position:absolute; z-index:2; margin-top:-26px; margin-left:-37px; width: 100px; height: 45px}
/* fin bande annonce dmin */
.corps_page_fl {border:solid 0px #CCCCCC; height:auto; padding:10px/*; box-shadow: #999999 0px 2px 12px*/}
/* debut contenu_corps_page */
.contenu_corps_page {float:left; width:980px; height: auto; border:solid 0px #CCCCCC; background: #FFFFFF}
.contenu_central { float:left; width:980px; height:auto; border-top:solid 1px #333333; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
.contenu_corps_gauche{float:left; width:700px; height:auto; border:solid 0px #CCCCCC; background: #FFFFFF; margin-top:0px; margin-right:10px}
/* fin contenu_corps_page */

.bouton_bleu {color:#FFFFFF; background:#003366; font-family: Verdana, Arial, Helvetica, sans-serif}
.bouton_bleu_modif_info {color:#FFFFFF; background:#003366; font-family: Verdana, Arial, Helvetica, sans-serif; height:25px; width:230px; font-weight:bold; cursor:pointer}

.haut_de_page { position: fixed; margin-top:-430px; margin-left:560px; z-index:500px; border-radius:10px;border-radius:0px; width:70px; height:70px}

/* debut pied de page */
.pied_fl {border:solid 1px #E3E3E3; height: auto; background:#FFFFFF }
.contenu_pied_fl {width:1000px; height:50px; border:solid 0px #CCCCCC; background:none; font-size:9px}
.copyright_fl { float:left;width:660px; height:auto; border:solid 0px #CCCCCC; background:none; padding:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
.concepteur_fl { float:right;width:300px; height:auto; border:solid 0px #CCCCCC; background:none; padding:10px; font-family: Verdana, Arial, Helvetica, sans-serif}
/* fin pied de page*/
/* fin affichage de date et connexion pageistrateur */

/*debut bouton preinscription*/
.contenu_fenetre_preinscription {color:#333333; font-size:12px}
.bouton_ancien_eleve {border-radius:2px; background:#66CCFF; height:50px; font-weight:bold; font-size:16px}
.bouton_nouvel_eleve {border-radius:2px; background:#003366; height:50px; font-weight:bold; font-size:16px}
/* fin bouton préinscription*/