/* permascroll on Y axis */
html{overflow-y:scroll;}

/* reset properties */
body{margin:0;padding:0;font-family:"Arial", sans-serif;background:#50bdcb;color:#004494;}

h1,h2,h3,h4,h5,h6,ul,li,p,form,fieldset,dl,dd,dt,hr{margin:0;padding:0}
ul,li{list-style-type:none;}
fieldset,abbr,a img{border:0 none;}

dl{font-size:12px;margin:20px 50px 20px 30px;}
/*dt{font-weight:bold;font-size:14px;padding:17px 0 0 70px;background:url(scroll/freestyle.png) no-repeat 0 12px;}*/
dt{font-weight:bold;font-size:14px;padding:17px 0 0 70px;color:#a5285f}
dt img{display:block;float:left;margin:-17px 5px 0 0;}
dd {clear:both;padding:5px 0 20px 70px;}
    #include dd ul{margin:3px 0 0 25px;padding:0;}
    #include dd li{padding:0;margin:0;background:none;list-style-type:disc;}

td,th{border:1px solid #fff;font-size:12px;background:#fff;}
tfoot td,
thead th{font-weight:bold;text-align:center;background:#c78397;color:#fff;text-transform:uppercase;padding:8px 3px;border-left:3px solid #fff;}/*entête tableau*/
tbody th{text-align:left;padding:0 5px 0 10px;color:#a5285f; background:#e2c2cb}/*colonne de droite*/
tfoot th,
td{padding:5px;border-left:3px solid #fff;}

thead td,
tfoot th{background:#b2b8c7;color:#fff;font-weight:bold;text-align:center;}/* tableau exemple*/
table{;margin:15px 70px;border-collapse:collapse;border:4px solid #fff;}
table .darkblue td,
table .darkblue th{background:#fff}
table .sep td,
table .sep th{border-top:3px solid #fff;}

.exemple1{font-weight:bold;text-align:center;background:#6b7094 ;color:#fff;text-transform:uppercase;padding:8px 3px;border-left:3px solid #fff;}/*entête tableau*/
.exemple2{font-weight:bold;text-align:center;background:#a5285f;color:#fff;text-transform:uppercase;padding:8px 3px;border-left:3px solid #fff;}/*entête tableau*/



/* utils */
.abs{position:absolute;}
.txtc{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.nobrd{border:0 none !important;}
.hr{border-top:2px solid #004494;margin:0 150px;height:0;}
.note{font-style:italic;font-size:11px;padding:10px 20px 5px 70px;}
.hide{display:none;}

.back{background:url(picto/back.png) no-repeat 0 0;display:block;padding:1px 0 2px 23px;margin:0 0 0 70px;width:100px;font-size:14px;font-weight:bold;color:#009edf;text-decoration:none;}
.back:hover{color:#009edf;}

.cake1{background:url(cake/1.png) no-repeat 0 0;}
.cake2{background:url(cake/2.png) no-repeat 0 0;}
.cake3{background:url(cake/3.png) no-repeat 0 0;}
.cake3{background:url(cake/4.png) no-repeat 0 0;}

#site{width:1050px;margin:0 auto 20px auto;position:relative;background: url(bg/site.png) repeat-y 0 0;}
#site .bg{background:#e3f9fb url(bg/gradient.png) repeat-x left bottom;margin:0 13px 0 15px;}

/*h1{height:33px;background:#004494;margin:0 13px 0 15px;}
h1 a{position:absolute;display:block;top:5px;left:90px;}*/

b{font-style:normal;}

/*h2{margin:0 auto; padding-left: 110px; width:590px; font-size:26px;}*/
/*h3{font-size:18px; color: #a5285f;}*/

h1{margin:0 auto; padding-bottom: 10px; width:700px; font-size:26px; color:#a5285f; font-family:Georgia,serif; font-size: 30px; text-align: center;}
h2{font-size:18px; color: #a5285f;}

p{font-size:12px;}

#gametitle{text-align:center;padding:20px;}

#nav{font-family:"Georgia","Times",serif;text-transform:uppercase;font-weight:bold;margin:0 130px;height:60px;padding:8px 0 0 0;}
#nav li{float:left;border-right:1px solid #009ee0;padding:0 5px;width:110px;text-align:center;line-height:13px;}
#nav li a{font-size:11px;text-decoration:none;color:#009edf;display:block;height:31px;padding:2px 0 0 0;}
#nav li a:hover,
#nav li a.on{color:#004494;}

#scroll-top{background:url(scroll/top.png) no-repeat 120px 0;height:119px;}
#include{margin:0 0 0 138px;width:750px;background:url(scroll/body.png) repeat-y 0 0;position:relative;}
#include .ct{padding:25px;}
#include ul{margin:5px}
/*#include li{background:url(scroll/freestyle.png) no-repeat 0 15px;padding:0 0 0 70px;margin:0 10px;}*/
#include li{padding:0 0 5px 70px;margin:0 10px;}
#include li h2{padding:15px 0 5px 36px;background-position:0 0;background-repeat:no-repeat;}
#include .ct-bref li h2{background-position:0 6px !important;}
#include li h2 sup{font-size:12px;}
#include li p{padding:0 0 0 36px;}


#bandeau_header {height:33px;background:#004494;margin:0 13px 0 15px;}
#bandeau_header a{position:absolute;display:block;top:5px;left:90px;}

/* content part */

.titre {margin-left: -110px}

.ct-bref {height: 780px}
.ct-bref ul{width:600px;}

.ct-bref .note{width:360px;padding-bottom: -20px}
.ct-bref .etape {width:360px;}
.visu-bref{width:364px;height:550px;background:url(visu/theiere.png) no-repeat 0 0;right:5px;top:250px;}

.ct-avantages{width:600px; height: 600px}
.ct-avantages ul{width:600px;padding-top:20px;}
.ct-avantages .note{width:310px;margin-bottom: -10px}
.visu-avantages{width:290px;height:318px;background:url(visu/lapin.png) no-repeat 0 0;right:100px;top:310px;}
.exemple{display:block;margin:-180px 0 0 540px;color:#004494;font-weight:bold;font-size:14px;cursor:pointer;text-align:center;width:100px;position: absolute}
    #show-ex{display:block;margin:115px 0 0 220px;color:#004494;font-weight:bold;font-size:14px;cursor:pointer;text-align:center;width:100px;}
    #show-ex:hover{color:#009edf;}

.ct-questions ul{width:480px;padding-top:20px;}
.visu-questions{width:189px;height:388px;background:url(visu/papillon.png) no-repeat 0 0;right:40px;top:160px;}

.ct-plan{}
.ct-plan h2{margin:5px 35px;padding:0 35px;}
.ct-plan h1{margin:0;padding:0 auto;}
.ct-plan p{margin:5px 70px;}

.ct-jeu_dotations{}
.ct-jeu_dotations p{padding:0 0 20px 100px;width:370px;}
.ct-jeu_dotations p.note{margin-top:120px}
.visu-jeu_dotations{top:55px;left:70px;width:626px;height:362px;background:url(visu/dotation.png) no-repeat 0 0;}

.ct-jeu_mentions{}
.ct-jeu_mentions dt{padding-top:5px;}
.ct-jeu_mentions p{padding:5px 20px 5px 80px;}
.ct-jeu_mentions h2{padding:15px 20px 0 80px;}

.ct-jeu_reglement{}
.ct-jeu_reglement p{padding:5px 20px 5px 80px;}
.ct-jeu_reglement h2{padding:5px 20px 0 80px;}
.ct-jeu_reglement h4{padding:5px 20px 0 80px;font-size:12px;}
.ct-jeu_reglement ul{list-style-type:disc;padding:5px 20px 0 80px;}
.ct-jeu_reglement li{padding:0 !important;font-size:12px;list-style-type:disc;}

#home{width:774px;margin:0 auto;padding:20px 0;}

#sous-titre{width:760px;padding:0 20px 20px 20px;margin:0 auto;text-align:center;}
#sous-titre a{font-size:18px;color:#009edf;font-family:"Georgia","Times",serif;font-weight:bold;text-decoration:none;}
#sous-titre ul{height:45px;padding:10px 70px 5px 70px;}
#sous-titre li{text-align:center;font-weight:bold;font-size:16px;}

#mention{padding:20px; margin: 0 auto; width: 650px}
#mention address{padding:10px;font-style:normal;font-size:12px;}
#mention h1{margin-left:-20px}
#mention p{padding:5px 0;background:none;}
#mention ul{margin:5px 0 20px 25px;font-size:12px;}
#mention li{background:none;list-style-type:disc;margin:0;padding:1px 0;}

#credit{font-size:12px;padding:30px;}
#credit address{font-style:normal;}
#credit h1{margin:0; text-align: left}
#credit h2{color:#004494}
#credit p{padding:20px 0 20px 20px;height:21px;background:#fff;width:140px;border:1px solid #004494;margin:20px 0;}
#credit a{color:#004494}

#exemple{height:1330px}
#exemple h1{padding:0 auto}
#exemple h2{padding:14px 0 7px 35px;margin:0 0 0 70px}
#exemple p{padding:5px 70px;}


#footer{background:url(bg/footer.png) no-repeat left bottom;padding:0 0 20px 0;}
#footer p{background:#85d1da;padding:2px 0;margin:0 13px 10px 15px;text-align:center;color:#7f868a;font-size:11px;}
#footer p a{color:#7f868a;padding:0 10px;}
#footer p a:hover,
#footer p a.on{color:#004494;}