@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.eot');}@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/agaramondpro-regular-webfont.eot');}@font-face {font-family: 'Myriad Pro'; src: url('../fonts/MyriadPro-Cond.otf');}@font-face {font-family: 'Adobe Garamond Pro'; src: url('../fonts/AGaramondPro-Regular.otf');}body{margin: 0;height: 100%;font-family: Arial,Helvetica,sans-serif;background-image:url('../images/bg_repeat.jpg');background-repeat:repeat;font-size: 11px;}#noscript{margin-top: -170px;color: #fff;text-align: center;width:432px;margin-left: auto;margin-right: auto;}#noscript span{font-family: Adobe Garamond Pro ,serif;margin-top: 200px;width:432px;border-bottom: 1px solid #393939;border-top: 1px solid #393939;padding: 20px 0;float:left;text-shadow: 1px 1px 2px rgba(0,0,0,1);text-align: center;color: #f9f9f9;font-size: 40px;}#top_border{top:0;background-image:url('../images/top_border.jpg');background-repeat:repeat-x;height: 24px;width: 100%;}#container{width: 735px;margin-top: -10px;margin-left:auto;margin-right: auto;background-image:url('../images/bg_light.png');background-repeat:no-repeat;}.logo{width:735px;margin-left:auto;margin-right:auto;height: 90px;margin-bottom: 0px;background-image:url('../images/logo.png');background-repeat:no-repeat;background-position: bottom;}.logo a {display: block;    height: 100%;    width: 100%;}.title{font-family: Georgia, Adobe Garamond Pro ,serif;width:735px;font-style: italic;text-shadow: 1px 1px 2px rgba(0,0,0,1);text-align: center;color: #f9f9f9;font-size: 16px;}#main_titel span{font-family: Arial,Helvetica,sans-serif;margin-bottom: 10px;padding-top: 10px;text-shadow: 0 1px 0 rgba(255,255,255,.2);float:left;width:735px;text-align: center;color: white;font-size: 20px;}.line{margin: 20px 0;width: 432px;margin-left:auto;margin-right: auto;height: 1px;background-color: #000;border-bottom: 1px solid #393939;}#countbox {padding-top: 40px;color: #fff;font-family: Myriad Pro,Helvetica,sans-serif;font-size: 70px;width: 500px;height: 200px;margin-left:auto;margin-right: auto;}#countbox input{color: #fff;font-family: Myriad Pro,Helvetica,sans-serif;font-size: 70px; height:50px; width:60px; background-color:#191919; border:0; margin-top: 16px;}#h_score{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 60px 0 0;height: 89px;width: 94px;z-index:1;}#sub_text{font-size:19px; /*background-image:url('../images/days_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;*/margin-top: 30px;height: 26px;width: 94px;}#period #sub_text{font-size:15px; margin-top: 10px; height: 26px;width: 50px;}#period font { font-size:55px; }#a_score{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: 0 0 0 60px;height: 89px;width: 94px;z-index:1;}#hours_text{background-image:url('../images/hours_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 30px;height: 26px;width: 94px;}#mins{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: -67px -7px 0 7px;height: 89px;width: 94px;    z-index:1;}#mins_text{background-image:url('../images/mins_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 20px;height: 26px;width: 94px;}#secs{float: left;text-align: center;background-image:url('../images/flip.png');background-repeat:no-repeat;margin: -67px -7px 0 7px;height: 89px;width: 94px;    z-index:1;}#secs_text{background-image:url('../images/secs_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 20px;height: 26px;width: 94px;}#period{float: left;text-align: center;background-color:#191919; margin: 0 auto 0 230px;height: 65px;width: 50px;    z-index:1;}#secs_text{background-image:url('../images/secs_text.jpg');background-position: center;background-repeat:no-repeat;position: absolute;margin-top: 20px;height: 26px;width: 94px;}#h_score span, #a_score span, #mins span , #secs span{background: url(../images/flip_gradient.png);background-repeat:no-repeat;position: absolute;display: block;height: 57px;width: 94px;} #social_media{height: 30px;position:relative;margin-left: auto;margin-right: auto;padding-bottom: 30px; } #social_media .social_box{border:0;float:left;padding: 0 5px 20px 5px;width: 30px;height: 30px;}img.in {border:0;position: absolute;width: 30px;height: 30px;    z-index: 10;} img.out {border:0;position: absolute;width: 30px;height: 30px;}#h_add, #a_add{ background: url("../images/control_panel/bt_plus_up.png") no-repeat transparent; cursor:pointer; height:80px; width:74px; border:0; }#h_add:hover, #a_add:hover, #p_add:hover  { background: url("../images/control_panel/bt_plus_down.png"); }#h_sub, #a_sub { background: url("../images/control_panel/bt_moins_up.png") no-repeat transparent; cursor:pointer; height:80px; width:74px; border:0; }#h_sub:hover, #a_sub:hover, #p_sub:hover { background: url("../images/control_panel/bt_moins_down.png"); }#p_add { background: url("../images/control_panel/bt_plus_up_50.png") no-repeat transparent; float:right; cursor:pointer; height:54px; width:50px; border:0; }#p_add:hover  { background: url("../images/control_panel/bt_plus_down_50.png"); }#p_sub{ background: url("../images/control_panel/bt_moins_up_50.png") no-repeat transparent; float:right; cursor:pointer; height:54px; width:50px; border:0; }#p_sub:hover { background: url("../images/control_panel/bt_moins_down_50.png"); }/* Control Panel */#Mytimerform { float:right; height:155px; width: 180px; border-left: 1px solid #333333; padding-left: 10px; padding-top: 30px; text-align:center; }#panel #Mytimerform input.field { margin-top:15px; }#power { text-align: center;}#power_off { background: url("../images/power_off.png") no-repeat transparent; cursor:pointer; height:108px; width:90px; border:0; }#power_off:hover { background: url("../images/power_onoff.png"); }#power_on { background: url("../images/power_on.png") no-repeat transparent; cursor:pointer; height:108px; width:90px; display:none; border:0; }#power_on:focus { background: url("../images/power_offon.png"); }#reset { background: url("../images/reset_up.png") no-repeat transparent; cursor:pointer; height:55px; width:50px; float:right;}.bas {   width:100%; /* Taille : ici � 100% de la largeur de la fen�tre navigateur (� modifier selon le cas) */   height:200px; /* Hauteur de cette DIV (exemple 200 px � modifier selon le cas) */   position:fixed; /* Pour fixer cette div afin qu'elle soit en permanence au bas de la fen�tre */   top: 100%; /* Sa position par rapport au haut de la fen�tre (100% pour n'importe quelle hauteur de fen�tre). Le 100% fait sortir la div de la fen�tre puisque par rapport � son coin sup�rieur gauche (Ne pas modifier) */   margin:-200px auto 0 auto; /* La valeur top (la premi�re, donc ici -200 (n�gative)) fait revenir la div dans la fen�tre. Elle doit �tre identique � la hauteur de la div. Les "auto" sont l� pour centrer la div si tu sp�cifies une largeur diff�rente */ }  #slidebottom {  bottom: 0;    margin-left: auto;    margin-right: auto;    position: absolute;    width: 100%;    z-index: 999; }#panel {    background: none repeat scroll 0 0 #272727;    color: #999999;    display: none;    overflow: hidden;    position: relative;    width: 100%;    z-index: 3;	padding-bottom: 10px;}#panel h1 {    color: white;    font-size: 1.6em;    margin: 0;    padding: 5px 0 10px;}#panel h2 {    color: white;    font-size: 1.2em;    margin: 0;    padding: 10px 0 5px;}#panel p {    margin: 15px 0;    padding: 0;}#panel a {    color: #15ADFF;    text-decoration: none;}#panel a:hover {    color: white;}#panel a-lost-pwd {    display: block;    float: left;}#panel .content {    font-size: 0.85em;    margin: 0 auto;    padding-top: 5px;    text-align: left;    width: 825px;}#panel .content p { font-size: 12px; }#panel .content .left {    border-left: 1px solid #333333;    float: left;    padding: 0 15px;    width: 190px;    text-align: center;    height: 200px;}#panel .content .central { width : 340px;}#panel .content .right {    border-right: 1px solid #333333;}#panel .content form {    margin: 0 0 10px;}#panel .content label {    clear: both;    display: block;    float: left;    padding-top: 8px;    width: 280px;}#container input.field{background: none repeat scroll 0 0 #414141;    border: 1px solid #1A1A1A;    color: white;    height: 16px;    margin-right: 5px;    margin-top: 4px;    width: 160px;}.slug {    background: none repeat scroll 0 0 #414141;    border: 1px solid #1A1A1A;    color: white;    height: 20px;    margin: 40px auto 0px auto;    width: 90%;    text-align: center;    font-size: 14px;    padding: 5px 10px;}.slug span {    font-size: 14px;}.text {    background: none repeat scroll 0 0 #414141;    border: 1px solid #1A1A1A;    color: white;    margin: 0px auto 15px auto;    width: 90%;    text-align: center;    font-size: 12px;    padding: 5px 10px;    font-style: italic;}#panel .content input.field {    background: none repeat scroll 0 0 #414141;    border: 1px solid #1A1A1A;    color: white;    height: 16px;    margin-right: 5px;    margin-top: 4px;    width: 160px;}#panel .content textarea.field {    background: none repeat scroll 0 0 #414141;    border: 1px solid #1A1A1A;    color: white;    height: 100px;    margin-right: 5px;    margin-top: 4px;    width: 160px;}#panel .content input.field:focus {    background: none repeat scroll 0 0 #545454;}#panel .content input.bt_login, #panel .content input.bt_register {    border: medium none;    clear: left;    cursor: pointer;    display: block;    float: left;    font-weight: bold;    height: 24px;    margin: 10px 0;    text-align: center;}#panel .content input.bt_login {    background: url("../images/bt_login.png") no-repeat scroll 0 0 transparent;    width: 74px;}#panel .content input.bt_register {    background: url("../images/bt_register.png") no-repeat scroll 0 0 transparent;    color: white;    width: 94px;}#panel .lost-pwd {    clear: right;    display: block;    float: left;    font-size: 0.95em;    padding: 15px 5px 0;    text-decoration: underline;}.tab {    background: url("../images/control_panel/tab_b.png") repeat-x scroll 0 0 transparent;    height: 42px;    position: relative;    top: 0;    z-index: 999;}.tab ul.login {    clear: right;    color: white;    display: block;    float: right;    font-size: 17px;    font-weight: bold;    height: 42px;    line-height: 42px;    margin: 0;    position: relative;    right: 150px;    text-align: center;    width: auto;}.tab ul.login li.left {    background: url("../images/control_panel/tab_l.png") no-repeat scroll left 0 transparent;    display: block;    float: left;    height: 42px;    margin: 0;    padding: 0;    width: 30px;}.tab ul.login li.right {    background: url("../images/control_panel/tab_r.png") no-repeat scroll left 0 transparent;    display: block;    float: left;    height: 42px;    margin: 0;    padding: 0;    width: 30px;}.tab ul.login li {    background: url("../images/control_panel/tab_m.png") repeat-x scroll 0 0 transparent;    display: block;    float: left;    height: 42px;    padding: 0 6px;    text-align: left;}.tab ul.login li a {    color: #15ADFF;}.tab ul.login li a:hover {    color: white;}.tab .sep {    color: #414141;}.tab a.open, .tab a.close {    cursor: pointer;    display: block;    height: 25px;    line-height: 25px !important;    padding-left: 35px !important;    position: relative;    top: 11px;}.tab a.open {    background: url("../images/control_panel/bt_open.png") no-repeat scroll left 0 transparent;}.tab a.close {    background: url("../images/control_panel/bt_close.png") no-repeat scroll left 0 transparent;}.tab a.open:hover {    background: url("../images/control_panel/bt_open.png") no-repeat scroll left -24px transparent;}.tab a.close:hover {    background: url("../images/control_panel/bt_close.png") no-repeat scroll left -24px transparent;}//Comments  .comment_box  {      background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px  }a{    text-decoration:none;    color:#d02b55;}a:hover{    text-decoration:underline;    color:#d02b55;}*{margin:0;padding:0;}ol.timeline{list-style:none;font-size:1.2em;}ol.timeline li{ display:none;position:relative;padding:.7em 0 .6em 0;}ol.timeline li:first-child{}#main{    width:500px; margin-top:20px; margin-left:100px;    font-family:"Trebuchet MS";}#flash{    margin-left:100px;}.box{    height:85px;    border-bottom:#dedede dashed 1px;    margin-bottom:20px;}input{    color:#000000;    font-size:14px;    border:#666666 solid 2px;    height:24px;    margin-bottom:10px;    width:200px;}textarea{    color:#000000;    font-size:14px;    border:#666666 solid 2px;    height:124px;    margin-bottom:10px;    width:200px;}.titles{    font-size:13px;    padding-left:10px;}.star{    color:#FF0000; font-size:16px; font-weight:bold;    padding-left:5px;}.com_img{    float: left; width: 80px; height: 80px; margin-right: 20px;}.com_name{    font-size: 16px; color: rgb(102, 51, 153); font-weight: bold;}/********* Commentaires ************/#disqus_thread { width:40%; margin: auto; padding: 10px; background-color: #414141; }