body {
background:url(commun/back.jpg) top center no-repeat #EFECD0;
font-family: arial, helvetica, sans-serif;
margin:0;
padding:0;
font-size:0.8em;
color:#6D581F;
text-align:center;
}



#global {width:914px;margin:0 auto 0 auto;text-align:left;}

#header {height:160px;width:914px;background:url(commun/back_header.jpg) no-repeat;}
#bloc_logo {width:180px;float:left;}
#bloc_menu {width:730px;float:right;}
#logo {position:relative;top:0;left:18px;}
#zone_deco {
height:92px;
margin-top:6px;
}

#zone_deco p {margin:0;text-align:right;}
#zone_deco p a {color:#FFFFFF}
#zone_deco p a:hover {text-decoration:underline;}

#menu {
height:38px;
margin:18px 0 0 0 ;
float:right;
}

#menu ul {list-style-type:none;display:inline;overflow:hidden;}
#menu ul li {float:left;margin:0;}
#menu ul li a {
background:url(commun/btn_menu.gif) no-repeat;
margin:0 0 0 24px;
font-weight:bold;
color:#9F358A;
line-height:2.6em;
height:38px;
width:144px;
display:block;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}
#menu ul li a:hover {color:#FFFFFF;background-position:0 -38px;}



#main {
background-color:#F0ECCF;
width:898px;
overflow:hidden;
border:0;
border-left:8px solid #ffffff;
border-right:8px solid #ffffff;
}


#main_gauche {float:left;width:552px;margin:0 8px 0 14px;}
#main_droite {float:left;width:300px;margin:0 14px 0 8px;}

#footer {
width:914px;
height:128px;
padding:20px;
background:url(commun/back_bottom.gif) no-repeat #EFECD0;
}




#foot_menu {float:left;width:556px;font-size:90%;}
#foot_menu p {margin:0;padding:0 0 2px 0;font-weight:bold;text-transform:uppercase;color:#AF9E51;border-bottom:1px solid #C9BB79;}

#foot_menu ul {list-style-type:none;float:left;padding:0 12px 0 12px;margin:8px 0 0 0;}
#foot_menu ul li {padding:3px;}
#foot_menu ul li a {text-decoration:none;color:#6B8131;}
#foot_menu ul li a:hover {color:#9ABC48;}

#foot_part {float:left;width:280px;margin-left:22px;font-size:90%;text-align:justify;}
#foot_part p {margin:0;padding:8px 0 2px 0;font-weight:bold;text-transform:uppercase;font-size:100%;}

#footer2 {font-size:70%;color:#C3AE63;letter-spacing:1.4px;text-align:right;}
#footer2 a {color:#C3AE63;text-decoration:none;}
#footer2 a:hover {color:#C3AE63;text-decoration:underline;}

/* CSS des boites BOX */
.box {margin:0 0 8px 0;clear:both;}
.box p {margin:0;padding:8px 0 8px 0;}
.box .haut {}
.box .cont {padding:4px 12px 6px 12px;}
.box .bas {height:18px;}
.box .haut h2 {line-height:4em;margin:0 20px 0 20px;letter-spacing:1px;font-size:90%;text-transform: uppercase;}

#main_gauche .box .haut {height:42px;background:url(commun/box_haut_600.png) no-repeat #ffffff;}
#main_gauche .box .cont {background:url(commun/box_cont_600.png) bottom repeat-y #ffffff;}
#main_gauche .box .bas {background:url(commun/box_bas_600.png) bottom no-repeat #ffffff;}

#main_droite .box .haut {height:42px;background:url(commun/box_haut_300.png) no-repeat #ffffff;;}
#main_droite .box .haut h2 {color:#4F832F;}
#main_droite .box .cont {background:url(commun/box_cont_300.png) repeat-y #ffffff;;}
#main_droite .box .bas {background:url(commun/box_bas_300.png) bottom no-repeat #ffffff;;}


.box .haut a {
font-weight:normal;
letter-spacing:0;
font-size:90%;
color:#9A9A9A;
float:right;
margin-top:-30px;
padding-right:12px;
margin-right:8px;
background:url(commun/puce_02.png) 0 4px no-repeat;
text-indent:12px;
text-decoration:none;
}

.box .haut a:hover {text-decoration:underline;}

/* éléments de structurutaion */

h1 {display:none;}
h2 {}
h3 {
margin:4px 0 4px 0;
font-size:100%;
font-weight:normal;
text-transform: uppercase;
border-bottom:1px dotted #9A9A9A;
padding:2px 0 2px 0;
color:#E47012;
}




/* BOX Utilisateur et groupe - Attention ces classes sont utilisées sous ZenLib */
.box_user {padding:0;height:1%;overflow:auto;}
.box_user .col_gauche {float:left;width:28%;padding:4px;text-align:center;border:1px solid #E8DFAE;background-color:#FDFDDF;}
.box_user .col_droite {float:right;width:66%;}


/* BOX de messages */

.box_error, .box_alert, .box_confirm, 
.box_info, .box_focus {padding:12px;padding-left:40px;font-size:100%;}


.box_info {color:#4680BB;background:url(commun/ilu_info.png) 12px 12px no-repeat #EDF4F5;border-top:1px solid #D8E6E8;border-bottom:1px solid #D8E6E8;}
.box_error {background:url(commun/ilu_erreur.png) 8px 8px no-repeat #FEE8E8;color:#D03030;border-top:1px solid #DC7E7E;border-bottom:1px solid #DC7E7E;}
.box_alert {background:url(commun/ilu_alert.png) 8px 8px no-repeat #FEFEE4;color:#A46000;border-top:1px solid #FFD639;border-bottom:1px solid #FFD639;}
.box_confirm {background:url(commun/ilu_confirm.png) 8px 8px no-repeat #EFFBCF;color:#108203;border-top:1px solid #BCE166;border-bottom:1px solid #BCE166;}
.box_focus {color:#FF5B13;border:1px solid #FFD639;background-color:#FAFBB7;padding:4px;}

.box_code {border:1px dotted #EEEFBD;background-color:#ffffff;font-size:90%;padding:4px;color:#ADAD83;font-family:courier,sans-serif;}

.box_modo {border:1px solid #17B7B5;background-color:#2AFEFC;padding:4px;color:#254F4F;margin:4px;}
.box_modo a {color:#395AFF;text-decoration:underline;}
.box_modo a:hover {color:#395AFF;text-decoration:none;}
.lien_modo {border:1px solid #395AFF;background-color:#2AFEFC;padding:1px;color:#395AFF;margin:1px;}

/* autres BOX */

.box_btn_difficulte {text-align:center;margin:0 auto 0 auto;}
.box_btn_difficulte a {
background-color:#F2F7F8;
border:1px solid #D8E6E8;
color:#1679DA;
text-transform:uppercase;
margin:12px 6px 2px 6px;
padding-top:12px;font-weight:bold;float:left;display:block;width:90px;height:60px;text-decoration:none;
}

.box_btn_difficulte img {margin-top:4px;}

.box_btn_difficulte a:hover {
background-color:#FFFFFF;
border:3px solid #FFE487;
color:#FF5B13;
margin:10px 4px 0 4px;
}

.box_tirage_bonus {margin:16px auto 16px auto;}
.box_tirage_bonus img {margin:0 20px 0 20px;}

.box_suiv {margin:6px;height:1.2em;}
.box_suiv .prec {float:left;width:27%;margin:1px;display:block;text-align:left;}
.box_suiv .milieu {float:left;width:43%;text-align:center;margin:2px;}
.box_suiv .suiv {float:right;width:27%;margin:1px;display:block;text-align:right;}
.box_suiv .prec a:hover, .box_suiv .suiv a:hover {text-decoration:none;}

.box_lien {padding-left:40px;text-align:left;}
.box_lien a, .a_puce_01 {text-decoration:none;background:url(commun/ilu_box_lien.png) top left no-repeat;padding-left:30px;height:18px;}
.box_lien a:hover, .a_puce_01:hover {background-position:0 -18px;text-decoration:underline;}
.box_lien p {padding:3px;}

.box_dev {
position:absolute;
border:1px solid orange;
top:4px;
left:4px;
padding:4px;
color:white;
background-color:#5f5f5f;
}

.box_dev span {font-weight:bold;color:yellow;}
.box_dev hr {border:0;border-bottom:1px dotted #8c8c8c;}
.box_dev a {color:silver;}

.box_astuce {
background:url(commun/ilu_astuce.png) 2px 2px no-repeat;
padding-left:60px;
}


.box_btn_replay {overflow:auto;padding-left:20px;height:50px;border:1px solid #8F7B37;background-color:#ffffff;margin:8px 12px 8px 12px}

.box_btn_replay .div_temps_replay {float:left;width:60px;height:40px;margin-top:6px;text-align:center;}

.box_btn_replay a {display:block;width:38px;height:38px;float:left;margin:6px 4px 0 4px;border:1px solid #ffffff;}

.box_btn_replay a.btn_stop {background:url(commun/btn_stop.png) center center no-repeat;}
.box_btn_replay a.btn_lecture {background:url(commun/btn_lecture.png) center center no-repeat;}
.box_btn_replay a.btn_avance_rapide {background:url(commun/btn_avance_rapide.png) center center no-repeat;}
.box_btn_replay a.btn_retour_rapide {background:url(commun/btn_retour_rapide.png) center center no-repeat;}
.box_btn_replay a.btn_etape_precedent {background:url(commun/btn_etape_precedent.png) center center no-repeat;}
.box_btn_replay a.btn_etape_suivant {background:url(commun/btn_etape_suivant.png) center center no-repeat;}
.box_btn_replay a.btn_fin {background:url(commun/btn_fin.png) center center no-repeat;}
.box_btn_replay a.btn_debut {background:url(commun/btn_debut.png) center center no-repeat;}

.box_btn_replay a:hover {background-color:#DEF3D1;border:1px solid #C5EAAE;}

/* CSS des items à liste */
.ul_puce {padding-left:24px;list-style-image: url(commun/ul_puce.png);margin:4px;}
.ul_puce li {margin-top:10px;}

.ul_menu_membre {list-style-type:none;overflow:hidden;margin-bottom:0;margin-top:4px;padding-left:2px;}
.ul_menu_membre li {padding:0;margin:0;text-align:left;margin-bottom:3px;width:90%;}
.ul_menu_membre li a {text-indent:24px;padding:4px;margin:2px 2px 2px 20px;display:block;text-decoration:none;}


.em_profil {background:url(commun/ico_em_profil.gif) top left no-repeat;}
.em_mail {background:url(commun/ico_em_mail.gif) top left no-repeat;}
.em_class {background:url(commun/ico_em_class.gif) top left no-repeat;}
.em_pwd {background:url(commun/ico_em_pwd.gif) top left no-repeat;}
.em_avatar {background:url(commun/ico_em_avatar.gif) top left no-repeat;}
.em_pref {background:url(commun/ico_em_pref.gif) top left no-repeat;}
.em_groupe {background:url(commun/ico_em_groupe.gif) top left no-repeat;}
.em_message {background:url(commun/ico_em_message.gif) top left no-repeat;}
.em_contact {background:url(commun/ico_em_contact.gif) top left no-repeat;}
.em_filleul {background:url(commun/ico_em_filleul.gif) top left no-repeat;}
.em_class {background:url(commun/ico_em_class.gif) top left no-repeat;}


/* icone de connexion  */


.icoLogin, .icoLogout, .icoSignIn, .icoMySpace {padding-left:18px;margin-left:8px;color:#A6A6A6;text-decoration:none;}

.icoLogin {background:url(commun/icoLogin.png) top left no-repeat;}
.icoLogout {background:url(commun/icoLogout.png) top left no-repeat;}
.icoMySpace {background:url(commun/icoMySpace.png) top left no-repeat;}
.icoSignIn {background:url(commun/icoSignIn.png) top left no-repeat;}

.icoLogin:hover, .icoLogout:hover, .icoSignIn:hover, .icoMySpace:hover 
{background-position:0 -17px;text-decoration:none;}


/* Affichage de la boite box_membre */

.recap_user_crediz, .recap_user_classement, .recap_user_point, .recap_user_joker, .recap_user_gold {
height:19px;float:left;margin:0 2px 0 2px;padding-top:25px;font-size:90%;
text-decoration:none;text-align:center;color:#D464DE;font-weight:bold;} 

.recap_user_crediz {background:url(commun/recap_user_crediz.png);width:44px;}
.recap_user_classement {background:url(commun/recap_user_classement.png);width:64px;}
.recap_user_point {background:url(commun/recap_user_point.png);width:54px;}
.recap_user_gold {background:url(commun/recap_user_gold.png);width:44px;}
.recap_user_joker {background:url(commun/recap_user_joker.png);width:44px;}

.recap_user_crediz:hover, .recap_user_classement:hover, .recap_user_point:hover, 
.recap_user_joker:hover, .recap_user_gold:hover {color:#9ABC48;}


/* icones et illustration pour lien divers */
a {color:#D464DE;}
a:hover {color:#9ABC48;text-decoration:none;}


.a_loupe, .a_ecrire, .a_ajouter, .a_bloquer, .a_retirer, .a_inviter {padding-left:20px;text-decoration:none;}


.a_loupe {background:url(commun/puce_loupe.gif) top left no-repeat;}
.a_ecrire {background:url(commun/puce_ecrire.gif) top left no-repeat;}
.a_ajouter {background:url(commun/puce_ajouter.gif) top left no-repeat;}
.a_bloquer {background:url(commun/puce_bloquer.gif) top left no-repeat;}
.a_retirer {background:url(commun/puce_retirer.gif) top left no-repeat;}
.a_inviter {background:url(commun/puce_inviter.gif) top left no-repeat;}

.a_pseudo {background:url(commun/puce_pseudo_0.png) top left no-repeat;padding-left:16px;}

.a_loupe:hover, .a_ecrire:hover, .a_ajouter:hover, .a_bloquer:hover, 
.a_retirer:hover, .a_inviter:hover   {text-decoration:underline;}

.a_aide {color:#909090;background:url(commun/puce_interro.gif) top left no-repeat;
text-decoration:underline;padding-left:14px;font-size:90%;line-height:1.1em;margin-left:0;margin:4px;vertical-align:middle;
display:inline;}
.a_aide:hover {text-decoration:none;color:#909090;} 

.a_no_deco {text-decoration:none;}
.a_no_deco:hover {text-decoration:underline;}

.btn_01, .btn_02, .btn_03 {
background:url(commun/btn_02.png) top left no-repeat;
height:28px;
display:block;
text-align:center;
line-height:2.4em;
color:#ffffff;
font-weight:bold;
letter-spacing:0.8px;
font-size:90%;
text-decoration:none;
margin:4px auto 4px auto;
}

.btn_01 {background:url(commun/btn_01.png) top left no-repeat #08C108;width:60px;}
.btn_02 {background:url(commun/btn_02.png) top left no-repeat #08C108;width:112px;}
.btn_03 {background:url(commun/btn_03.png) top left no-repeat #08C108;width:180px;}

.btn_01:hover, .btn_02:hover, .btn_03:hover {background-position:0 -28px;color:#ffffff;}

.btn_classement {margin:0 auto 0 auto;width:224px;height:48px;background:url(commun/btn_classement.png) top left no-repeat;}
.btn_classement a {font-weight:bold;color:#1A91EE;line-height:3.4em;text-decoration:none;padding-left:10px;}
.btn_classement a:hover {text-decoration:underline;}

.btn_replay {background:url(commun/btn_replay.png) top left no-repeat;width:28px;height:28px;display:block;text-decoration:none;}
.btn_replay:hover {background-position:0 -28px;}

/* Style de la FAQ */
.msg_list {margin:4px 0 4px 0;}
.msg_head {cursor:pointer;background:url(commun/ul_puce.png) 4px no-repeat;padding-left:16px;margin:2px 0 2px 0;}

.msg_body {
padding:6px;
margin-left:32px;
border:1px solid #F8CCF4;
background-color:#FEF2FD;
color:#AF77AC;
text-align:justify;
}

.msg_body span {font-size:110%;font-weight:bold;}
.cadeaux .msg_head {background:none;}



/* classes pour les boites spéciales contenant des colonnes et des "p" en float */

.col {padding:0;height:1%;overflow:auto;}

.gauche, .p_gauche  {float:left;}
.droite, .p_droite {float:right;}

.col .gauche {width:48%;margin-right:4px}
.col .droite {width:48%;border-left:1px solid #D8DCE8;padding-left:4px;}



.box .p_gauche, .box .p_droite {padding:2px;margin-bottom:4px;}

.p_gauche {width:48%;}

.p_droite {
width:48%;
color:#9FBC48;
font-weight:bold;
background-color:#F6FEDE;
text-align:center;
border-bottom:1px solid #E3F7A7;

}






/* Boites pub */
.pub {padding:0;margin:8px 5px 16px 5px;}
.pub728 {width:730px;margin:0 auto 0 auto;clear:both;}
.pub p, .pub728 p {font-family:arial, sans-serif;font-size:70%;margin:0;padding:0;text-align:right;letter-spacing:3px;color:#A1A3A2;}



/* Formulaire */
form {}
.form_std {border:1px solid #EEC5E8;background-color:#FDF3FB;padding:6px;margin-top:8px;}
.form_std label.l_login, .form_std label.l_login_mini {text-align:right;padding:2px;margin:2px;}
.form_std label.l_login {width:140px;}
.form_std label.l_login_mini {width:100px;}
.form_std .ch01, .form_std .ch01_email, .form_std .ch01_mini {display:block;}
.form_std .ch01 {width:140px;}
.form_std .ch01_email {width:240px;}
.form_std .ch01_mini {width:100px;}

.form_std hr {border:0;border-bottom:1px solid #EEC5E8;border-top:1px solid #FDF3FB;margin:8px 0 8px 0;}

.form_std h3 {letter-spacing:2px;font-size:100%;padding:4px;color:#D464DE;font-weight:bold;border:0;}


.form_std input, .form_std select, .form_std textarea {font-family:verdana, helvetica, arial, sans-serif;font-size:90%;border:1px solid #EEC5E8;padding:4px;letter-spacing:1px;}
.form_std input:focus, .form_std select:focus, .form_std textarea:focus {background-color:#FEFEED;border:1px solid #DF93D3;}

form input.submit {line-height:2em;border:0;cursor:pointer;background:url(commun/btn_02.png) top left no-repeat;width:112px;height:28px;color:#ffffff;font-weight:bold;letter-spacing:0.8px;font-size:80%;padding-bottom:8px;text-transform: uppercase;}
form input.submit:hover {background-position:0 -28px;}

.form_err {background-color:#FEE8E8;border:1px solid #DC7E7E;padding:4px;margin:0;}
.form_err p {color:#D03030;margin-bottom:0;}

.submit_coche, .submit_rouge {border:1px solid #CA250A; background-color:#FF6905;padding:2px;margin:2px;color:#ffffff;cursor:pointer;}
.submit_coche {width:20px;margin:0;padding:0;}
/* Tableaux */
.tab_01, .tab_02, .tab_03, .tab_part, .tab_slider {
padding:0;border-collapse:collapse;width:100%;margin-top:4px;
}

.tab_01 th, .tab_01 td, .tab_02 th, .tab_02 td, .tab_03 th, .tab_03 td {padding:4px;}

.tab_01 th {background-color:#EFF1F7;color:#4680BB;border-bottom:1px solid #D8DCE8;}
.tab_01 td {border-bottom:1px solid #D8DCE8;color:#4680BB;}

.tab_02 th {background:url(commun/back_table_02.gif) top left repeat-x #E0A0EA;color:#9B559A;border-bottom:1px solid #D683E5;border-top:1px solid #F7DCF8;}
.tab_02 td {border-bottom:1px solid #D9D9D9;padding:8px;}
.tab_02 .td_btn {background-color:#FFFBCF;}

.tab_03 th {background:url(commun/back_table_03.gif) top left repeat-x #D5D5D5;color:#9A9A9A;border-bottom:1px solid #BEBEBE;}
.tab_03 td {border-bottom:1px solid #BEBEBE;color:#9A987E;}

.tab_duel {text-align:center;}
.tab_duel th {background:url(commun/back_table_02.gif) top left repeat-x #E0A0EA;border-bottom:1px solid #D683E5;}
.tab_duel p {margin:2px;padding:0;}

.bg_color_01 {background-color:#ffffff;} /* blanc */
.bg_color_02 {background-color:#FBEBF9;} /* violet très très clair */
.bg_color_03 {background-color:#F7DBF3;} /* violet très clair */

.tab_avatar td {
text-align:center;
padding:8px;
}

caption {display:none;}


/* éléments standards */
img {border:0;}

.img_part {margin-bottom:4px;}

hr {height:2px;border-top:1px solid #D1D3D3;border-bottom:1px solid #ffffff;border-left:0;border-right:0;}

.remplissage {font-size:3em;font-weight:normal;}

.absmiddle {margin:0 1px 3px 1px;vertical-align:middle;display:inline;}
.img64 {width:64px;height:64px;}
.img48 {width:48px;height:48px;}
.img32 {width:32px;height:32px;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.float_left {float:left;}
.float_right {float:right;}

.pl44 {padding-left:44px;}
.pl8 {padding-left:8px;}
.mr8 {margin-right:8px;}
.p_mini {margin:8px 0 0 0;padding:0;}
.discret {font-size:90%;color:#A0A0A0;}
.w120 {width:120px;}
.w200 {width:200px;}
.w320 {width:320px;}
.clear {clear:both;margin:0;padding:0;}
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.align_justify {text-align:justify;}
.force_center {margin-left:auto;margin-right:auto;}

.txt_taille_80 {font-size:80%;}
.txt_taille_90 {font-size:90%;}
.txt_taille_110 {font-size:110%;}
.txt_taille_120 {font-size:120%;}
.txt_taille_130 {font-size:130%;}
.txt_taille_160 {font-size:160%;}
.txt_taille_240 {font-size:240%;}

.txt_gris {color:#9A987E;}
.txt_orange {color:#FF7D13;}
.txt_vert {color:#87AD3C;}
.txt_bleu {color:#1A91EE;}
.txt_blanc {color:#FFFFFF;}
.txt_noir {color:#000000;}
.txt_rouge {color:#ff3300;}
.txt_violet {color:#BC22CE;}


/*Grille Sudoku */


/*Style des cases de la grilles */

.td_sudoku_vide, td_sudoku_donnee, td_sudoku_rempli, td_sudoku_joker, td_sudoku_selected, .td_sudoku_note {	
vertical-align: middle;
border: 1px dotted #C0C0C0;	
text-align: center;
}

.td_sudoku_vide, td_sudoku_donnee, td_sudoku_rempli, td_sudoku_joker {
padding:6px 6px 6px 6px; 	
height:46px;
}

.td_sudoku_vide {	
background-color: #FFFFFF;
cursor:pointer;
}

.td_sudoku_selected {
background-color:#F0FDC7;
padding:0;
font-size:90%;
color:#C0C0C0;
}


.td_sudoku_note {	
padding:0;
font-size:90%;
color:#000000;
cursor:pointer;
}

.td_sudoku_donnee {
color:#171717;	
}

.td_sudoku_rempli {
color:#1A91EE; 
cursor:pointer;
}

.td_sudoku_donnee, .td_sudoku_rempli {
border: 1px dotted #C0C0C0;	
background-color: #FFFFFF;	
font-size:230%;
}

.td_sudoku_joker {	
background-color:#FCC7FD;
}


.td_sudoku_vide:hover, .td_sudoku_rempli:hover, .td_sudoku_note:hover, .td_sudoku_selected:hover {
background-color:#F0FDC7;
}


/*Style des bords de la grille*/

.shaut {border-top: 1px solid #8F7B37;}
.sbas {border-bottom: 1px solid #8F7B37;}
.sdroite {border-right: 1px solid #8F7B37;}
.sgauche {border-left: 1px solid #8F7B37;}

.barre {
text-decoration: line-through;
}

.grille_sudoku {
border-collapse: collapse;
}



.tab_info {
background-color:#DB5EC2;font-size:90%;text-transform:uppercase;text-align:left;
color:#ffffff;padding:4px;font-weight:bold;margin-left:8px;
}

.tab_saisir, .tab_noter {border:1px solid #AADDF8;background-color:#D0F3FE;height:126px;margin-left:8px;width:202px;}
.tab_noter {border:1px solid #DB5EC2;background-color:#FDF9D7;}

.tab_numero {float:left;width:126px;}
.tab_btn {width:70px;float:right;text-align:center;}

.tab_saisir .btn_effacer, .tab_saisir .btn_noter,
.tab_noter .btn_effacer, .tab_noter .btn_noter 
{width:48px;height:24px;display:block;margin:0 auto 0 auto;}

.tab_saisir .btn_noter, .tab_noter .btn_noter  {margin-top:8px;height:48px;}

.tab_saisir .btn_effacer, .tab_saisir .btn_noter {background-color:#ffffff;border:1px solid #AADDF8;}
.tab_saisir .btn_effacer:hover, .tab_saisir .btn_noter:hover {border:1px solid #FFA500;background-color:#FDF9D7;}

.tab_noter .btn_effacer, .tab_noter .btn_noter {background-color:#FDF9D7;border:1px solid #FDF9D7;}
.tab_noter .btn_effacer:hover, .tab_noter .btn_noter:hover {border:1px solid #AADDF8;background-color:#ffffff;}



.note_saisir, .note_unselected, .note_selected {
font-size:130%;
width:32px;
height:32px;
border:1px solid #AADDF8;
background-color:#FFFFFF;
color:#18A1E8;
display:block;
line-height:2em;
float:left;
margin:4px;
text-decoration:none;
text-align:center;
}

.note_unselected {border:1px solid #FECE9A;color:#BA1E9B;background-color:#FFFFFF;}
.note_selected {border:1px solid #3486DA;color:#3486DA;background-color:#DDE4F1;}

.note_saisir:hover {border:1px solid #B5DA46;color:#708531;background-color:#F0FDC7;font-weight:bold;}
.note_unselected:hover {border:1px solid #DB5EC2;background-color:#F8E4F4;color:#BA1E9B;font-weight:bold;}
.note_unselected:active {border:1px solid #3486DA;color:#3486DA;background-color:#DDE4F1;}
.note_selected:hover {border:1px solid #3486DA;color:#3486DA;background-color:#DDE4F1;}


/* jquery tooltip */

#tooltip {
position:absolute;
margin:10px 0 0 0;
padding:6px 12px 6px 12px;
color:#3A86C0;
border:1px solid #7DC1F5;
background-color:#DBEEFD;
display:none;
text-align:left;
}

/* jquery screenshot */

#screenshot{
position:absolute;
border:1px solid #000000;
background:#333;
padding:5px;
margin:22px 0 0 -20px;
display:none;
color:#fff;
text-align:center;
}


/* jquery slider */

.slider_cote {
float:left;
width:60px;
line-height:2.3em;
}

.ui-slider-handle {
position: absolute;
height:30px;
width:12px;
top:0px;
left:0px;
background-image: url(commun/slider-handle.gif);
cursor:pointer;
}

.ui-slider-disabled .ui-slider-handle { }

.ui-slider-1 { 
cursor:pointer;
width: 360px; 
height: 30px; 
position: relative; 
background-image: url(commun/back_slider.gif); 
background-repeat: no-repeat; 
background-position: center center;
margin:0 4px 0 4px;
}

.input_slider {
padding:0;
width:64px;
text-align:right;
background-color:#F5F5F5;
color:#EEC5E8;
font-weight:bold;
}

.invisible {position:absolute;left:0;top:-500px;width:1px;height:1px;margin:0;padding:0;overflow:hidden;}