@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);}

.entete_fl {border:solid 0px #CCCCCC; margin-top:18px; 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}

/* debut page intro */
.banniere_fl {width:1000px; height:50px; border:solid 0px #CCCCCC; background:none}
.logo_fl {float:left; width:166px; height:50px; border:solid 0px #CCCCCC}
/*.nom_fl {float:left; width:242px; height:50px; border:solid 0px #CCCCCC; margin-left:0px }*/

.nom_fl {float:left; width:242px; height:50px; border:solid 0px #CCCCCC; margin-left:0px; background:url(fl_design/fl_florianes.png)}

.nom_logo_fl {float:left; width:500px; height:50px; border:solid 0px #CCCCCC}
.territoire {float:right; width:460px; height:50px; border:solid 0px #CCCCCC}
.logo_territoire {float:right; width:58px; height:40px; border:solid 0px #CCCCCC; background:none; margin-left:10px; margin-right:10px}
.nom_territoire {float:right; width:250px; height: auto; border:solid 0px #CCCCCC; background:none; margin-left:10px; font-weight:bold; font-size:11px; margin-top:3px}

.corps_intro_fl {border:solid 0px #CCCCCC; height:auto; padding:10px}
.date_connexion_intro { float:left; width:980px; height:auto; border:solid 0px #CCCCCC; background:#FFFFFF; margin-bottom:3px}
.lien_deconnexion {color: #009933;  text-shadow:#003366 1px 0px 0px; text-decoration:none; font-size:11px}
.ma_page_intro{float:right; color:#003366; font-weight:bold; font-size:10px; margin-left:5px; text-decoration:none; font-weight:bold}
.note_devaluation_parent_intro { float:right;height:auto; border-radius:20px; width:150px; margin-left:10px; margin-top:0px; border:solid 1px #00990; background: url(fl_design/bouton_back_blanc.png) repeat-x; color: #003366; padding:0px; font-weight:bold; text-shadow: #000000 0px 0px 0px; font-size:12px; box-shadow:inset #003366 0px 0px 7px}


/* ************************* */
.table_connexion {border: solid 0px #CCCCCC; margin-top:0px; margin-bottom:10px}
.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:97px; width:96px; height:113px; border:solid 0px #999999;} 
.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:0px; background:url(fl_design/bouton_back_bleu.png) repeat-x; color:#003366; height:28px; padding-top:4px; box-shadow: #66CCFF 0px 0px 4px; 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}

.date_intro {float:left; margin-left:160px; width:360px; height:auto; background:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:0px}
.contacts_intro {float: right; width:270px; height:auto; background:none}
/*.contacts_intro ul { list-style:none; margin:0px; padding:0px}
.contacts_intro li { float:left; margin-left:6px}
.contacts_intro a {text-decoration: none; font-family: "Eras Demi ITC"; color:#333333}
.contacts_intro li:hover {}
.contacts_intro a:hover { text-shadow: #999999 1px 1px 0.2em ; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366}*/
.image_entree_connexion_intro {float:left; width:980px; height:auto; border:solid 0px #CCCCCC; background: #FFFFFF; margin-top:5px}
.indication_entree {float:left; width:170px; height:445px; background: #FFFFFF; margin-right:20px}
.espace_libre_intro {float:left; width:170px; height:270px; background:#FFFFFF}
.main_flash_intro {float:left; width:170px; height:175px}
.image_vedette_et_entree {float:left; width:500px; height:445px; background: #FFFFFF; margin-right:20px}
.image_vedette {float:left; width:500px; height:220px; background: #FFFFFF; margin-top:-10px; margin-bottom:15px; border:solid 0px #CCCCCC; font-size:36px}
.entree {width:210px; height:210px; background: #FFFFFF; padding:0px}
.entree_fl { float:left;width:500px; height:210px; background: #FFFFFF; margin-top:15px}
.connexion_intro {float:left; width:266px; height:auto; background: #FFFFFF; border-radius:0px; border-top: solid 1px #E3E3E3}
.bande_annonce_intro {float:left; width:980px; height:35px; background: #003366; margin-top:15px; padding:5px; padding-left:12px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;text-shadow: #333333 1px 1px 2px; border-radius:2px}
.titre_bande_annonce_intro {color: #66ccff; text-shadow:#000000 0px 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing:1px; font-weight:bold}
.voir_bande_annonce_intro {color:#FFFF33; margin-left:10px; font-weight:bold}
.ruban_bande_annonce_intro {position:absolute; z-index:2; margin-top:-26px; margin-left:-39px; width: 100px; height: 45px}
.bouton_bleu {color:#FFFFFF; background:#003366; font-family: Verdana, Arial, Helvetica, sans-serif}

/* fin page intro */

/* 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}
.logo_partenaire { float:left; width:50px; height: auto; border:solid 0px #999999; margin-bottom:20px; margin-left:10px; margin-right:10px; box-shadow: #999999 0px 0px 5px}
.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*/

/*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*/