*{
    margin:0;
    padding:0;
    text-decoration:none;
}

html{
    background:url(../images/Sibylis_bg.jpg) no-repeat bottom left;
    padding-bottom:200px
}

body{
    font-family:"Arial", sans-serif;
    font-size:12px;
    color:#333;
}

#content{
    width:1038px;
    margin:0 auto;
}

.hide{display:none}


/** PAGE **/
#page{
    background:url(../images/Sibylis_ban_agence.jpg) no-repeat right top;
    padding-top:215px;
    width:750px;
    float:right;
}

#page p{
    margin:7px 0;
}

#page h1, #page h2{
    font-family:"Myriad Pro", "Arial", sans-serif;
    font-size:32px;
    color:#adadad;
    font-weight:normal;
    letter-spacing:1px;
    margin:15px 0;
}

#page h1 strong, #page h2 strong{
    color:#ba0262;
    font-weight:normal;
    letter-spacing:1px;
}

#page h2{font-size:18px;color:#ba0262;}
#page h2 strong{color:#333}

#page a{
    color:#000
}

#page a:hover{
    color:#ba0262;
    text-decoration:none;
}

#page div.input {min-height:25px}

#page div.submit{
    height:25px;
    margin:10px 0 0 120px;
}

#page input[type="text"], #page textarea{
    width:300px;
}

#page ul.actualities{list-style:none}
#page ul.actualities li{
    border-bottom:1px solid #ccc;
    padding:15px 0;
}
#page ul.actualities li.last{
    border:none;
    margin-bottom:15px;
}
#page ul.actualities li *{margin:0}
#page ul.actualities .actuality .date{
    color:#999;
    letter-spacing:1px;
    font-size:14px;
}

#page ul.actualities .actuality .link a{color:#ba0262}
#page ul.actualities .actuality .link a:hover{color:#691e45}

#page .error-message{
    font-size: 14px;
    font-family:tahoma, arial, sans-serif;
    color:#DD3C10;
    margin:0 0 5px 120px;;
}

#page .access_plan{
    text-align:center;
}

#contact div.captcha{
    height: 95px;
}

#contact div.captcha p.left{
    text-align: center;
    float: left;
    width: 120px;
    margin-right: 10px;
}

#contact div.captcha p.left a{
    font-size: 10px;
    font-style: italic;
    color: #666;
}

#contact div.captcha div.input{
    padding-top: 30px;
}

#contact div.captcha div.input input{
    width: 70px;
}

/** LEFT **/
#left{
    width:288px;
    float:left;
}

#left a.root{
    display:block;
    margin:37px auto 15px;
}

#left ul{
    list-style:none;
    margin-left:50px;
}

#left ul li{
    background:url(../images/puce_sibylis.jpg) no-repeat left 2px;
    padding-left: 17px;
    line-height:20px;
    min-height:20px;
    margin:2px 0;
}

#left ul li ul{
    margin-left:15px;
}

#left ul li ul li{
    background:none;
    list-style:disc;
    color:#c00064;
    padding-left:0px;
    font-size:9px
}

#left ul li ul li a{
    font-size:12px;
    color:#c00064;
}

#left ul li ul li a:hover{color:#333}

#left ul li a{
    font-family:"Verdana", "Arial", sans-serif;
    font-size:13px;
    color:#333;
}

#left ul li a:hover{
    color:#bb0061;
}

#left div.visitors{
    margin:10px 0 0 50px;
    width:210px;
    
}

#left div.visitors p{margin:7px 0}

#left div.visitors p.explication{
    font-size:10px;
    text-transform:uppercase;
}

#left div.visitors form *{display:inline}

#left div.visitors form input[type=password]{
    width:100px;
    border:1px solid #BF006A;
    line-height:20px;
    height:20px;
    margin-right:7px;
}

#left div.visitors p.VisitorCreate a{
    font-size:10px;
    color:#bf0069;
}

#left div.logo{
    text-align:center;
    width:334px;
    margin-left: -50px;
}

#left div.logo td{
    border:1px solid #f5f5f5;
}

#left div.logo td a{
    display:block;
    width:100px;
    text-align:center;
    margin:0 auto;
}

#left div.logo img{
    max-width:100px;
    vertical-align:middle;
    padding:3px;
}

#left div.logo td.important a{
    width:134px;
}
#left div.logo td.important img{
    width:134px;
    max-width:134px;
}


/** FOOTER **/
#footer {
    text-align:center;
    padding:10px 0 0;
    margin:150px auto 0;
    font-family:"Tahoma", sans-serif;
    font-size:11px;
    color:#999;
    width:80%;
    border-top:1px solid #ccc;
    line-height:17px;
}

#footer a{color:#999}
#footer a:hover{color:#333}

#footer .email a span{display:none}

#footer .link {
    margin-bottom:10px;
}

#footer .link ul, #footer .link  ul li{
    display:inline;
    list-style : none;
}

#footer .link  ul li {
    background:url(../images/footer_link_sep.gif) no-repeat center left;
    padding:0 1px 0 10px;
}

#footer #partenaires{
    margin-bottom:10px;
}

#footer #partenaires p, #footer #partenaires ul, #footer #partenaires ul li{
    display:inline;
}

#footer #partenaires ul li{
    list-style:none;
    padding:0 2px;
}