/* 
    Document   : dixans
    Created on : 30 déc. 2009, 17:58:47
    Author     : Cezarion
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*Prehome*/

img{border:none;}

#dixans.body{
    background:#063c4a url(../../images/dixans_prehome.gif) repeat-x scroll 0 0;
    color:#333333;
    font: 12px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
    margin:0;
    padding:0;
}

#dixans #main{width:770px; margin:0 auto;}

#dixans .logo
{
    background: transparent url('../../images/dixans_logo.gif') no-repeat scroll center top;
    height:220px;
    width:780px;
    margin:0 auto;
}
#dixans .logo h1 {text-indent:-9999px;display:none;}

#dixans .content {clear:both;}

#dixans .content-left
{
    background: transparent url('../../images/content-left.jpg') no-repeat scroll 0 0;
    height:377px;
    width:556px;
    float:left;
}

#dixans .content-right
{
    background: transparent url('../../images/content-right.jpg') no-repeat scroll 0 0;
    height:377px;
    width:209px;
    float:right;
}

#dixans .content-left h2 {color:#053b49; padding:0 0 0 35px;font-size:18px; margin:14px 0;}
#dixans .content-left .titre-mois
{
    height:42px;
    width:100%;
    margin:5px auto;
    padding:5px 0;
}

*+html #dixans .content-left .titre-mois
{
    margin:0 auto 10px;
    padding:1px 0;
}

* html #dixans .content-left .titre-mois
{
    margin:0 auto 10px;
    padding:1px 0;
}

#dixans .plusdinfos
{
    display:block;
    background: transparent url('../images/bt_plusdinfos.jpg') no-repeat scroll 0 0;
    width:149px;
    height:40px;
    overflow:hidden;
    text-indent:-9999px;
    position:absolute;
    margin:135px 0 0 218px;
    z-index:100;
}
* html #dixans .plusdinfos{position:relative;margin:-10px 0 0 210px;}
*+html #dixans .plusdinfos{position:relative;margin:-10px 0 0 210px;}
#dixans a.jouez {
        background:transparent url('../images/bt_jouez.png') no-repeat scroll center top;
	margin:180px auto 10px;
	float:none;
        text-indent:-9999px;
        border:none;
        cursor:pointer;
        width:180px;
        height:40px;
        text-decoration:none;
        display:block;
}

#dixans a.accesdirect {
        background:transparent url('../images/bt_accesdirect.gif') no-repeat scroll center top;
	width:181px;
        height:50px;
	margin:10px auto;
        text-indent:-9999px;
        border:none;
        cursor:pointer;
        text-decoration:none;
        display:block;
        margin-top:2px;
        clear:both;
}

#dixans a.jouez:hover, #dixans a.plusdinfos:hover,#dixans a.accesdirect:hover,#jeu_dix_ans #jouez:hover {opacity:0.8;}

/*Page Bonus*/
#dixans_header
{
    background: transparent url('../../images/dixans_header.gif') no-repeat scroll center top;
    height:135px;
}

#dixans .ombre
{
    background: transparent url('../../images/dixans_ombre.png') no-repeat scroll center top;
}

#dixans a {font-weight:bold; color:#073e52;text-decoration:underline;}
#dixans a:hover {color:#b01d1c;}

#dixans_header p {font:normal normal normal 22px arial; color:#1b1b1b; padding:60px 0 60px 20px;}

#dixans .left {width:550px; float:left; overflow:hidden;}
#dixans .right {width:305px; float:right; overflow:hidden;}

#dixans .livre, #dixans .commentaire {
    background: transparent url('../../images/dixans_bg.gif') no-repeat scroll center bottom;
    width:540px;
    float:left;
}

#dixans .content-left .livre {background: none;}

#dixans .livre div {float:left; margin-left:5px;}
*html #dixans .livre .img {float:left; margin-left:10px; width:150px;}
#dixans .livre .img {float:left; margin-left:15px; width:150px;}

#dixans blockquote {
    font-weight:lighter;
    line-height:20px;
    margin:3px 0 10px;
    padding:10px;
    width:520px;
    font-size:14px;
}

#dixans .formulaire {margin:10px 0 0;}

#dixans h4,#dixans h3 {color:#005870; margin:5px;}
#dixans h3 {text-transform:uppercase; font-size:16px;}
#dixans h4 {text-transform:none; font-style:italic; font-size:14px;}
#dixans .text {width:355px; margin:0;font-size:13px; height:150px; overflow:hidden;}

#dixans .bt_pdf,#dixans .bt_video {float:left; display:block; width:90px; height:34px; float:left; text-decoration:none;; margin:10px 20px 10px 5px; padding:5px 0 3px 45px; font:normal bold normal 9px arial; color:#3e3e3e;line-height:10px;}
#dixans .bt_pdf:hover,#dixans .bt_video:hover {opacity:0.7; text-decoration:none; color:#b01d1c;}
#dixans .bt_pdf {background: transparent url('../../images/bt_pdf.png') no-repeat scroll 0 0;}
#dixans .bt_video {background: transparent url('../../images/bt_video.png') no-repeat scroll 0 0;}
#dixans a.reglement {background: transparent url(../images/ico_reglement.gif) no-repeat scroll 0 0;padding-left:25px;height:26px; margin:5px 5px 0;}

#dixans .ce_mois {margin-top:-20px;}
#dixans .ce_mois span {color:#175f74;}
#dixans .ce_mois h3 {color:#b01d1c;background:transparent url(../images/fleche_rouge.gif) no-repeat scroll left top;padding-left:20px;margin-top:0;}
#dixans .merci {margin:20px 0; font-family:georgia,"Times New Roman"; font-size:16px; color:#005870;}
#dixans .merci span{color:#005870;}