/* ====================== Accueil ============================ */
body {background:#0A284A url('../img/bg.gif') repeat-x; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#container {text-align:left; margin:0px auto; width:995px; padding:0px;}
#header {float:left; width:995px; height:233px;}
#logo {float:left; width:326px; height:141px;}
#baseline {float:left; width:326px; height:91px;}
#baseline .h1 {float:left; color:#fff; margin:0px; margin-left:50px; width:270px; font-size:20px;}
#photos {float:left; width:669px; height:233px;}
#reflets {float:left; background:url('../img/reflets.jpg') no-repeat; width:995px;}
#reflets #left {float:left; width:428px; padding:30px 20px 20px 50px; color:#93BEEC; font-size:13px;}
#reflets #left ul {padding:0px; padding-left:13px; margin:0px;}
#reflets #left h2 {float:left; color:#fff; margin:0px; margin:0px; font-size:18px;}
#reflets #right {float:left; width:427px; padding:20px 50px 20px 20px;}
#mapContainer {float:left; width:427px; height:230px; padding:10px; background:#fff; border:1px solid #ccc;}
#map {float:left; width:427px; height:230px;}
#footer {float:left; width:900px; margin:10px 20px 10px 50px; background:#06213F; padding:10px; border-radius:10px; color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}

#social {float:left; width:900px; margin:10px 20px 10px 50px; background:#06213F; padding:10px; border-radius:10px; color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}

#credits {float:left; width:900px; margin:10px 20px 10px 50px; padding:10px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}

.lefted {float:left; padding-top:14px;}
a {color:#ADC4DD; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
.btn_joker:hover {
    background: url("../img/repeat_btn_big.png") repeat-x scroll left center transparent;
}
.btn_joker {
    background: url("../img/repeat1_btn.png") repeat-x scroll left center transparent;
    border: 1px solid #A09D9D;
    color: #000000;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    margin: 10px 0 10px 10px;
    padding: 0;
    text-decoration: none;
}
.btn_joker span.span_btn_joker:hover {
    background: no-repeat scroll left center transparent;
}
.btn_joker span.span_btn_joker {
    background: url("../img/partie_left1_btn.png") no-repeat scroll left center transparent;
    color: #323232;
    float: left;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 6px;
    outline: medium none;
    padding: 0 10px 0 25px;
    text-decoration: none;
}