html {height:100%;}

html, body {overflow-y:auto; overflow-x:hidden; width:100%; margin:0px; padding:0px;}
/* scrollbar y + mousewheel - x-scroll */

body {width:100%; color:#fff; margin:45px 8px 0px 8px;  
font:normal 76% verdana, tahoma, arial, "sans serif", "Arial Rounded MT Bold", "Century Gothic", "Helvetica Neue Light", "Helvetica Neue", georgia, "times new roman", helvetica;}

body#ctcmorillon {color:#FFED99; line-height:23px; margin:70px 0px 10px 0px;}
body#ctcmorillon h1 {font-size:1.4em;}
body#ctcmorillon h2 {font-size:1.35em;}
body#ctcmorillon h3 {font-size:1.30em;}

/* text-align:center; */
/* #thattexte {padding:15px 10px 0px 15px; text-align:center; overflow:hidden;} */
#thattexte {padding:0px 1% 0px 1%; text-align:center; overflow:hidden;}

#thetexte {overflow:hidden;}


p {font-size:1em;}
h1 {font-size:1.1em;}



.ga {float:left; margin:5px 15px 5px 0px}
.dr {float:right; margin:5px 5px 5px 15px}

div#scrollbar1, div#scrollbar2 {display:none;} /* hide from incapable */


/*  canvas /////////  NE PAS METTRE DE HAUTEUR POUR IE7 /////////// */

#stopdragA, #stopdragB {overflow:hidden; padding:0; position:absolute; z-index:150; width:18px; height:20%; top:0px; left:0px;}
#sbotdragA, #sbotdragB {overflow:hidden; padding:0; position:absolute; z-index:150; width:18px; height:80%; bottom:0px; left:0px;}
.rouge #styltrack1, .rouge #styltrack2 {position:absolute; z-index:150; width:18px; height:2px; bottom:23px; left:0px; background: url("../../../scroll_rb18/s_rouge18/styltrackbot.png") no-repeat left bottom;}
.bleu #styltrack1, .bleu #styltrack2 {position:absolute; z-index:150; width:18px; height:2px; bottom:23px; left:0px; background: url("../../../scroll_rb18/s_bleue18/styltrackbot.png") no-repeat left bottom;}
.rouge .outtopdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat 0px 0px;}
.rouge .outbotdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat left bottom;}
.rouge .ctopdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat -18px 0px;}
.rouge .cbotdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat -18px bottom;}
.rouge .downtopdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat -36px 0px;}
.rouge .downbotdrag {background: url("../../../scroll_rb18/s_rouge18/vscrollerbot_3_tr80.png") no-repeat -36px bottom;}
.bleu .outtopdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat 0px 0px;}
.bleu .outbotdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat left bottom;}
.bleu .ctopdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat -18px 0px;}
.bleu .cbotdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat -18px bottom;}
.bleu .downtopdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat -36px 0px;}
.bleu .downbotdrag {background: url("../../../scroll_rb18/s_bleue18/vscrollerbot_3_tr80.png") no-repeat -36px bottom;}
.rouge #tops1, .rouge #tops2 {margin:0px 0px 0px 0px; background: url("../../../scroll_rb18/s_rouge18/toppress41.png") no-repeat 0px 0px;}
.bleu #tops1, .bleu #tops2 {margin:0px 0px 0px 0px; background: url("../../../scroll_rb18/s_bleue18/toppress41.png") no-repeat 0px 0px;}
.rouge #bots1, .rouge #bots2 {margin:2px 0px 2px 0px; background: url("../../../scroll_rb18/s_rouge18/bottompress41.png") no-repeat 0px 0px;}
.bleu #bots1, .bleu #bots2 {margin:2px 0px 2px 0px; background: url("../../../scroll_rb18/s_bleue18/bottompress41.png") no-repeat 0px 0px;}
.rouge div#down1, .rouge div#down2 {position:absolute; left:0px; bottom:0px; height:24px; background: url("../../../scroll_rb18/s_rouge18/butbot.png") no-repeat 0px 0px;}
.bleu div#down1, .bleu div#down2 {position:absolute; left:0px; bottom:0px; height:24px; background: url("../../../scroll_rb18/s_bleue18/butbot.png") no-repeat 0px 0px;}

#options {position:fixed; bottom:0px; padding:3px; left:3px; font-size:12px; z-index:100; background: url("../images/starfield_menu.jpg") no-repeat 0px 3px;}
#optionsneige {position:absolute; bottom:0px; padding:0px; left:0px; font-size:12px; z-index:100;}
#optionsflocons {position:fixed; bottom:0px; padding:0px; left:0px; font-size:10px; z-index:100;}

.pad {display:none}
.tjspad {display:none}


#extend1 {border:0; width:50%; height:auto; margin: 10px -5px 18px 0px; padding:0;}
#extend2 {border:0; width:96%; height:auto; margin: 0 auto; padding:0;}
#extend3 {border:0; width:51%; height:auto; margin: 0 auto; padding:0;}
#extend4 {border:0; width:85%; height:auto; margin: 0 auto; padding:0;}
#extend5 {border:0; width:85%; height:auto; margin: 0 auto; padding:0;}
#extend6 {border:0; width:60%; height:auto; margin: 0 auto; padding:0;}

#suite img {padding: 0px 0px 12px 0px; border-bottom: 3px double #BCC28D}
#suite img.hauh {padding: 12px 0px 12px 0px; border-top: 3px double #BCC28D; border-bottom: 3px double #BCC28D}
#suite {margin:0px 0px 0px 8px; float:right; width:108px; padding:0; }


/*  canvas /////////  NE PAS METTRE DE HAUTEUR POUR IE7 /////////// */

#shadrouge {float:left; width:41%; padding:16px 20px; margin:0px 20px 18px 5px; color:#FDE3EC;} /*  margin:10px auto 10px auto; width:50%; */
#shadrouge .sb-inner { background:#FF0000; opacity: 0.15; filter:alpha(opacity=15);}
#shadrouge .sb-border  { background:#FFFF00;}

#shadbleu { text-align:center; width:96%; margin:10px auto; padding:14px 10px 14px 20px; color:#CFECEC;}
#shadbleu .sb-border { background:#00FFFF;}
#shadbleu .sb-inner { background:#0066FF; opacity:0.25; filter:alpha(opacity=25);}
#shadbleu h2 { display:inline; zoom:1; padding-right:10px;}

#shadgold { float:right; width:40%; margin:10px 8px 5px 20px; padding:14px 20px; color:#000000; font-weight:bold;}
#shadgold .sb-border { background:#C68E17; }
#shadgold .sb-inner { background:#FFE87C; opacity:0.80; filter:alpha(opacity=80);}
#shadgold h2 { display:inline; zoom:1; padding-right:10px;}
#shadgold span { color:#000000;}

#shadvert { float:left; margin:10px 18px 10px 5px; padding:14px 20px; color:#6AFB92;}
#shadvert .sb-border { background:#008000; }
#shadvert .sb-inner { background:#00FF00; opacity:0.25; filter:alpha(opacity=25);}
#shadvert h2 { display:inline; zoom:1; padding-right:10px;}

#shadsilver { float:none; margin:10px 18px 10px 10px; padding:14px 10px 14px 20px; color:#000000;}
#shadsilver .sb-border { background:#FFF380; }
#shadsilver .sb-inner { background:#F4EEF0; opacity:0.85; filter:alpha(opacity=85);}
#shadsilver h2 { display:inline; zoom:1; padding-right:10px;}



p:first-letter {font-family: Courier New; font-weight:bold; font-size: 1.5em; letter-spacing:2px; padding:0px}

ul {margin-top:0px; padding-top:0px; padding-left:25px;}
li {padding-left: 5px; line-height: 150%; text-align:justify}

ul {text-align: left; line-height: 130%; margin-top: 10px;}
ul {list-style-image: url('../../../ico/fond-rouge/bullet_arrow_162.gif');} /* flechebleue */
ul.flechegrise {list-style-image: url('../../../ico/fond-rouge/bullet_arrow_16.gif');}
ul.flecheverte {list-style-image: url('../../../ico/fond-rouge/bullet_arrow_166.gif');}

ul.starbleue {list-style-image: url('../../../ico/fond-rouge/stars-bleue.gif');}
ul.starjaune {list-style-image: url('../../../ico/fond-rouge/stars-jaune.gif');}
ul.flash {list-style-image: url('../../../ico/fond-rouge/irc-quick.gif');}
ul.disk {list-style-image: url('../../../ico/fond-rouge/icq.gif');}
ul.ecran {list-style-image: url('../../../ico/fond-rouge/ecran.gif');}
ul.bulletjaune {list-style-image: url('../../../ico/fond-rouge/bullet_arrow_164.gif');}
ul.bulletbleue {list-style-image: url('../../../ico/fond-rouge/bullet_arrow_165.gif');}
ul.jabber_dnd {list-style-image: url('../../../ico/fond-rouge/jabber-dnd.gif');}
ul.jabber {list-style-image: url('../../../ico/fond-rouge/jabber.gif');}
ul.color {list-style-image: url('../../../ico/fond-rouge/chat-txtbg.gif');}
ul.arrow_right {list-style-image: url('../../../ico/fond-rouge/arrow_right.gif');}
ul.arrow_glace {list-style-image: url('../../../ico/fond-rouge/arrow_glace.gif');}
ul.arrow_verte {list-style-image: url('../../../ico/fond-rouge/arrow_verte.gif');}
ul.cube_blanc {list-style-image: url('../../../ico/mini-rouge/cube_blanc.gif');}
ul.cube_bleu {list-style-image: url('../../../ico/mini-rouge/cube_bleu.gif');}
ul.fl_lg_blanc {list-style-image: url('../../../ico/mini-rouge/fleche_long_blanc.gif');}
ul.fl_lg_pts {list-style-image: url('../../../ico/mini-rouge/fleche_long_points.gif');}
ul.cube_nuit {list-style-image: url('../../../ico/mini/cube_nuit.gif');}
ul.cube_vert {list-style-image: url('../../../ico/mini/cube_vert.gif');}
ul.fl_ct_blanc {list-style-image: url('../../../ico/mini/fleche_court_blanc.gif');}
ul.fl_ct_blanc_dble {list-style-image: url('../../../ico/mini/fleche_court_blanc_double.gif');}
ul.fl_ct_blanc_dble_pts {list-style-image: url('../../../ico/mini/fleche_court_blanc_double-points.gif');}
ul.fl_ct_blanc_pts {list-style-image: url('../../../ico/mini/fleche_court_blanc_points.gif');}
ul.fl_ct_blanc_pts2 {list-style-image: url('../../../ico/mini/fleche_court_blanc_points2.gif');}
ul.fl_ct_gris {list-style-image: url('../../../ico/mini/fleche_court_gris.gif');}
ul.fl_ct_inclin {list-style-image: url('../../../ico/mini/fleche_court_incline.gif');}
ul.fl_ct_vert {list-style-image: url('../../../ico/mini/fleche_court_vert.gif');}
ul.fl_lg_bleu {list-style-image: url('../../../ico/mini/fleche_long_bleu.gif');}
ul.fl_lg_pts2 {list-style-image: url('../../../ico/mini/fleche_long_points.gif');}
ul.fl_lg_prune {list-style-image: url('../../../ico/mini/fleche_long_prune.gif');}
ul.fl_lg_jaune {list-style-image: url('../../../ico/mini/fleche_long-jaune.gif');}

ul.ball {list-style-image: url('../icon/ball.gif');}                                                                            
ul.flocon {list-style-image: url('../images/snowflake_16x16.gif');}

h4 {
  border-bottom: 2px solid #ffffff; zoom:1;
  display: inline-block; margin:0px 0px 7px 0px; padding:0; clear:both;
} /* dashed */

#toTop { width:40px;height:40px;background:url(../../../ico/up.png) no-repeat;bottom:10px;right:10px;position:fixed;cursor:pointer;display:none;z-index:10000;}
#toBot { width:40px;height:40px;background:url(../../../ico/bot.png) no-repeat;top:40px;right:10px;position:fixed;cursor:pointer;display:none;z-index:10000;}

p.bord {text-align:justify; padding:0px 15px 15px 5px;}







/*    */
