@import url("screen.css");

.empty{width:99px;height:64px;}

/*----------Personnage de la bannière----------*/

.perso_banniere_equipe{position:absolute;background:transparent url('../image/design_element/perso_equipe.gif') top left no-repeat;width:173px;height:192px;left:523px;top:2px;}
.perso_banniere_soutien{position:absolute;background:transparent url('../image/design_element/perso_soutien.gif') top left no-repeat;width:173px;height:192px;left:523px;top:2px;}
.perso_banniere_presse{position:absolute;background:transparent url('../image/design_element/perso_presse.gif') top left no-repeat;width:173px;height:192px;left:523px;top:2px}
.perso_banniere_contacter{position:absolute;background:transparent url('../image/design_element/perso_contact.gif') top left no-repeat;width:173px;height:192px;left:523px;top:2px}

/*----------Types Bulles et ces styles internes----------*/

.bulle, bulle2, .small_bulle{display:block;position:relative;width:499px;margin: 30px 0 0 15px;}
.small_bulle{width:456px;padding-top:10px;margin-top:10px;background:#ffffff url('../image/layout/bulle_small_top.jpg') top left no-repeat;}

    .b_nocolor{background:#ffffff url('../image/layout/bulle_top_nocolor.jpg') top left no-repeat;}
    .b_yellow{background:#ffffff url('../image/layout/bulle_top_yellow.gif') top left no-repeat;}
    .b_orange{background:#ffffff url('../image/layout/bulle_top_orange.gif') top left no-repeat;}
    .b_green{background:#ffffff url('../image/layout/bulle_top_green.gif') top left no-repeat;}
 
    .b_bottom{height:25px;background:transparent url('../image/layout/bulle_bottom.jpg') top left no-repeat;}
    .b_bottom_right{height:51px;background:transparent url('../image/layout/bulle_bottom_right.jpg') top left no-repeat;}
   
    .b_bottom_left_comment{position:relative;z-index:11;height:38px;background:transparent url('../image/layout/bloc_bottom_left_with_comment.jpg') top left no-repeat;}
	
    .b_bottom_left{height:58px;background:transparent url('../image/layout/bulle_bottom_left.jpg') top left no-repeat;}
    .small_bulle .b_bottom{height:18px;background:transparent url('../image/layout/bulle_small_bottom.jpg') top left no-repeat;}


    .bulle h3, .bulle2 h3, .small_bulle h3{position:relative;margin:0;padding:0 0 0 20px;}

    .bulle p, .small_bulle p{margin:0 10px 1em 10px;padding:0 20px 0 10px;font: 12px verdana, sans-serif;line-height:1.5em;}

    .bulle p.noborder, .small_bulle p.noborder{border:0;}

    .bulle ul,  .bulle2 ul, .small_bulle ul{position:relative;margin:-1em 20px 5px 20px;padding:10px 0 0 0;list-style-type:none;clear:both;font: 1em verdana, sans-serif;}
        .bulle ul li, .bulle2 ul li, .small_bulle ul li{padding:2px 2px 2px 16px;background-image: url('../image/bullet/square_small.gif');background-repeat: no-repeat;background-position: 2px 0.4em;}

.bulle_padding{padding-left:50px;}



/*----------Personnages au bas des pages + Positionnement de la Barre de commentaires Flash----------*/

#comment_bar{position:relative;margin-top:-91px;z-index:10;margin-bottom:30px;}
    * html #comment_bar{margin-bottom:0;}


.perso_parent{position:relative;width:122px;height:210px;left:385px;margin-top:-70px;background:transparent url('../image/design_element/parent.gif') top left no-repeat;z-index:100;}
.perso_prof{position:relative;width:99px;height:168px;left:400px;margin-top:-40px;background:transparent url('../image/design_element/prof.gif') top left no-repeat;z-index:100;}
.perso_soutien{position:relative;width:169px;height:180px;left:330px;margin-top:-50px;background:transparent url('../image/design_element/supersteve_big.gif') top left no-repeat;z-index:100;}
.perso_presse{position:relative;width:132px;height:172px;left:390px;margin-top:-50px;background:transparent url('../image/design_element/superclaude_big.gif') top left no-repeat;z-index:100;}
.perso_contact{position:relative;width:127px;height:181px;left:380px;margin-top:-50px;background:transparent url('../image/design_element/supertom_big.gif') top left no-repeat;z-index:100;}
.perso_secure{position:relative;width:113px;height:200px;left:380px;margin-top:-50px;background:transparent url('../image/design_element/claude_normal.gif') top left no-repeat;z-index:100;}
.perso_nouvelle{position:relative;width:130px;height:181px;left:385px;margin-top:-50px;background:transparent url('../image/design_element/carole.gif') top left no-repeat;z-index:100;}
.perso_concours{position:relative;width:160px;height:200px;left:365px;margin-top:-50px;background:transparent url('../image/design_element/melissa.gif') top left no-repeat;z-index:100;}
.perso_statistique{position:relative;width:160px;height:220px;left:385px;margin-top:-50px;background:transparent url('../image/design_element/carole.gif') top left no-repeat;z-index:100;}
.perso_contenu{position:relative;width:121px;height:200px;left:410px;margin-top:-60px;background:transparent url('../image/design_element/prof_thinking.gif') top left no-repeat;z-index:100;}
.perso_dom{position:relative;width:100px;height:185px;left:390px;margin-top:-60px;background:transparent url('../image/design_element/perso_dom.gif') top left no-repeat;z-index:100;}
.perso_claude{position:relative;width:102px;height:270px;left:390px;margin-top:-100px;background:transparent url('../image/design_element/perso_claude.gif') top left no-repeat;z-index:100;}
.perso_li{position:relative;width:150px;height:220px;left:390px;margin-top:-60px;background:transparent url('../image/design_element/perso_li.gif') top left no-repeat;z-index:100;}
.perso_ranko{position:relative;width:105px;height:180px;left:410px;margin-top:-70px;background:transparent url('../image/design_element/perso_ranko.gif') top left no-repeat;z-index:100;}
.perso_steve{position:relative;width:155px;height:160px;left:390px;margin-top:-70px;background:transparent url('../image/design_element/perso_steve.gif') top left no-repeat;z-index:100;}
.perso_roxanne{position:relative;width:104px;height:181px;left:410px;margin-top:-70px;background:transparent url('../image/design_element/perso_roxanne.gif') top left no-repeat;z-index:100;}



#comment_bar.nouvelle{margin-top:-130px;margin-bottom:60px;}
#comment_bar.concours{margin-top:-160px;margin-bottom:60px;}


/*----------Élément de la page contenu----------*/



.contenuLiPratique {padding-left: 25px;background:transparent url('../image/design_element/carre_pratique.gif') top left repeat-y!important;background-position: 0 .5em;}
.contenuLiDemo {padding-left: 25px;background:transparent url('../image/design_element/carre_demonstration.gif') top left repeat-y!important;background-position: 0 .5em;}
.contenuLiExplo {padding-left: 25px;background:transparent url('../image/design_element/carre_exploration.gif') top left repeat-y!important;background-position: 0 .5em;}
.contenuLiEnigmes {padding-left: 25px;background:transparent url('../image/design_element/carre_enigme.gif') top left repeat-y!important;background-position: 0 .5em;}

.select_contenu_nav{margin-left:20px;margin-top:0;margin-bottom:20px;}



ul.niveau3{margin-top:4px;padding:0;padding-left:0;position:relative;margin-left:5px;}
ul.niveau1 li{font-weight:bold;}
ul.niveau2 li{font-weight:normal;position:relative;margin-left:-5px;}



 *:first-child+html #btnSubmit{padding:0;}
 
 .abonnement_en_cours{position:relative;text-align:right;border-bottom:1px solid #000;font-size:80%;padding-right:10px;margin:0 15px;top:-20px;}

 ol.liste_ecole li{color:#FF5B00;margin:0;}
 ol.liste_ecole li span{color:#000;}
 
 .stats_row{margin-left:15px;width:470px;height:60px;}
 .stats_row p{position:relative; margin-left:90px;top:18px;color:#FF5B00;font-size:110%;}
 .stats_row p strong{font-size:110%;}
 
 .stats_ecoles{background:transparent url('../image/layout/stats_ecole.gif') top left no-repeat;}
 .stats_profs{background:transparent url('../image/layout/stats_prof.gif') top left no-repeat;}
 .stats_eleves{background:transparent url('../image/layout/stats_eleve.gif') top left no-repeat;}
 .stats_familles{background:transparent url('../image/layout/stats_famille.gif') top left no-repeat;}
 .stats_situations{background:transparent url('../image/layout/stats_situation.gif') top left no-repeat;}