/*** CSS ***/
body { margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; width: 100%; background:url("images/fond.jpg") #ffffff center top repeat-x;}
a { outline-color: -moz-use-text-color; outline-style:none; outline-width:medium; }
object { outline-color: -moz-use-text-color; outline-style:none; outline-width:medium; }


/***  ***/

.fond { /*margin-top:70px;*/ margin-left:auto; margin-right:auto; width:810px; }
.bordure { width:810px; }
.drapeau { background:url("images/fond-logo.png") repeat-x 0 70px; }
.clear{ clear:both; }


/***  ***/

.contentTop .header { height:162px; width:810px; }

.contentTop .header .lang{ height:47px; width:810px; }
.contentTop .header .lang .l{ float:left; height:47px; width:669px; }
.contentTop .header .lang .r{ float:left; height:47px; width:102px; }
.contentTop .header .lang .r .c1{ float:left; height:47px; width:47px; }
.contentTop .header .lang .r .c2{ float:left; height:47px; width:47px; }
.contentTop .header .lang .r .esp{ float:left; height:47px; width:8px; }
.contentTop .header .vide{ height:23px; width:810px; }

.contentTop .header .logo { height:92px; width:331px; float:left; }
.contentTop .header .logo .img { margin-top:27px; height:44px; width:331px; }
.contentTop .header .logo .text { margin-top:5px; height:18px; width:331px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right; }
.contentTop .header .menu { margin-top:52px; margin-left:278px; height:40px; width:200px; float:left; font-family:Georgia, Times New Roman, Times, serif; font-size:18px; font-style:italic; font-weight:bold; color:#ffffff; text-align:right; }
.contentTop .header .menu a { font-family:Georgia, Times New Roman, Times, serif; font-size:18px; font-style:italic; font-weight:bold; color:#ffffff; text-decoration:none; }
.contentTop .header .menu a:hover { text-decoration:underline; }

.contentMiddle .content .box{ width:810px; margin-top:41px; margin-bottom:41px; }
.contentMiddle .content .box .top{ width:810px; height:25px; background:url(images/box-top.png) no-repeat; }
.contentMiddle .content .box .bottom{ width:810px; height:25px; background:url(images/box-bottom.png) no-repeat; }
.contentMiddle .content .box .middle{ width:810px; background:url(images/box-middle.png) repeat-y; }
.contentMiddle .content .box .middle .div{ margin-left:25px; margin-right:25px; width:760px; /*background:url(images/fond-box.jpg) no-repeat;*/ }
.contentMiddle .content .box .middle .div2{ margin-left:25px; margin-right:25px; }

#content .b1{ background-image:url(images/fond-box.jpg); background-position:top; padding-bottom:28px;}
#content .b1 .head{ width:530px; }
#content .b1 .head h1{ color:#48a208; font-family:Georgia, Times New Roman, Times, serif; font-size:24px; font-style:italic; font-weight:bold; margin:0; padding-bottom:18px; }
#content .b1 .head p, #content .jeu .info .text p{ color:#5d5d5d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:0; }
#content .b1 .head p em, #content .jeu .info .text p em{ color:#62D000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-style:italic; font-weight:bold; text-decoration:none; }
#content .b1 .head p b, #content .jeu .info .text p b, #content .head p strong, #content .jeu .info .text p strong{ color:#48a208; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; }

#content .b1 .jeu .img{ float:left; width:136px; height:183px; }
#content .b1 .jeu .info{ float:left; margin-left:10px; width:384px; height:183px; }
#content .b1 .jeu .info .text{ width:384px; height:139px; }
#content .b1 .jeu .info .text h2{ color:#62d000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; margin:0; }
#content .b1 .jeu .info .btn{ width:384px; height:44px; }
#content .b1 .jeu .info .btn .l{ float:left; width:238px; height:44px; }
#content .b1 .jeu .info .btn .r{ float:left; width:146px; height:44px; }

#content .b2{ background-image:url(images/bottom.png); width:759px; height:176px; margin-top:21px; }
#content .b2 .titre{ width:742px; height:44px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:bold; color:#FFFFFF; padding-left:17px; padding-top:13px; }
#content .b2 .stitre{ width:725px; height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; color:#454545; padding-left:17px; }
#content .b2 .texte{ width:725px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#454545; padding-left:17px; padding-top:10px; }
#content .b2 .lien{ width:700px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#62d000; padding-left:50px; padding-top:10px; }
#content .b2 .lien a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#62d000; text-decoration:none; }
#content .b2 .lien a:hover{ text-decoration:underline; }


/*** Contact ***/

#contact .head{ width:760px; }
#contact .head h1{ color:#48a208; font-family:Georgia, Times New Roman, Times, serif; font-size:24px; font-style:italic; font-weight:bold; margin:0; }
#contact .head p{ color:#5d5d5d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#contact .head p b, #contact .head p strong{ color:#48a208; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; }

#contact .form { width:760px; }
#contact .form .left { float:left; margin:0; width:380px; }
#contact .form .left2 { float:left; width:760px; height:170px; }
#contact .form .right { float:left; width:380px; }
#contact .form .centre { float:left; width:760px; }
#contact .form .left .area, #contact .form .right .area { color:#434343; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; height:30px; text-align:right; width:300px; }
#contact .form .left2 .area { color:#434343; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; height:170px; text-align:right; width:680px; }
#contact .form .left .texte, #contact .form .right .texte { float:left; color:#62D000; font-style:italic; font-family:Georgia, Times New Roman, Times, serif; font-size:12px; height:30px; padding-right:5px; text-align:right; margin:0; width:75px; }
#contact .form .left2 .texte { float:left; margin:0; color:#62D000; font-family:Georgia, Times New Roman, Times, serif; font-style:italic; font-size:12px; height:170px; padding-right:5px; text-align:right; width:75px; }
#contact .form .left .area input.inputText, #contact .form .right .area input.inputText { background-color:#FFFFFF;
border:1px solid #434343; color:#57585b; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size:11px; text-align:right; width:298px; }
#contact .form .centre textarea.inputArea { background-color:#FFFFFF; border:1px solid #434343; color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-style:italic; height:155px; text-align:left; width:500px; }
#contact .form .left2 textarea.inputArea { background-color:#FFFFFF; border:1px solid #434343; color:#57585b; font-family:"Century Gothic", Verdana, Arial, sans-serif; font-size:11px; text-align:right;height:155px; text-align:left; width:678px; }
#contact .brForm { clear:both; height:10px; width:400px; }

#contact .btn{ height:44px; width:760px; }
#contact .btn .l{ float:left; height:44px; width:614px; }
#contact .btn .r{ float:left; height:44px; width:146px; }

/*** partage ***/

div.partage {position:absolute;position:fixed;top:202px;left:0px;background:url('images/minibox.png') no-repeat;padding:3px;padding-top:15px;width:53px;height:90px;}

/*** Crédits ***/

#credits .head{ width:760px; }
#credits .head h1{ color:#48a208; font-family:Georgia, Times New Roman, Times, serif; font-size:24px; font-style:italic; font-weight:bold; margin:0; }
#credits .head p{ color:#5d5d5d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#credits .head p b{ color:#48a208; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; }

#credits .credits .credit{ float:left; height:242px; width:370px; background-color:#FFFFFF; cursor:pointer; }
#credits .credits .credit:hover{ background:url('images/credit-fond.png') no-repeat; }

#credits .credits .credit .img{ margin:11px; height:133px; width:348px; }
#credits .credits .credit .img .p-img{ height:133px; width:338px; text-align:center;}
#credits .credits .credit .img .p-img .f-img{ margin-left:auto; margin-right:auto; /*top:50%;*/ position:relative; }

#credits .credits .credit .text{ margin:25px 11px 0 20px; height:65px; width:348px; }
#credits .credits .credit .text p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#484848; }
#credits .credits .credit .text p b{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; color:#000000; }
#credits .credits .esp{ float:left; height:242px; width:20px; }


/*** NO-END ***/

#no-end .top{ background:url("images/no-end/top.jpg") repeat-x #000000; width:760px; height:1536px; padding-bottom:100px; }
#no-end .top .swf{ width:760px; height:987px; }
#no-end .top .box-score{ width:760px; height:549px; }
#no-end .top .box-score .l{ float:left; width:263px; height:549px; }
#no-end .top .box-score .l .btn{ margin-top:210px; width:211px; height:178px; }
#no-end .top .box-score .r{ float:left; width:497px; height:549px; background:url("images/no-end/box-score-fond.png") no-repeat; }
#no-end .top .vide{ width:760px; height:100px; }

#no-end .top .box-score .r .v1{ width:46px; height:550px; float:left; }
#no-end .top .box-score .r .v2{ width:445px; height:550px; float:left; }
#no-end .top .box-score .r .v2 .l1{ width:445px; height:198px; }
#no-end .top .box-score .r .v2 .l2{ width:445px; height:34px; }
#no-end .top .box-score .r .score{ width:379px; height:205px; background:url('images/no-end/box-score-cache.png') no-repeat; position:absolute; z-index:100; }
#no-end .top .box-score .r .score .titre{ font:Verdana, Arial, Helvetica, sans-serif 12px; font-weight:bold; color:#ffffff; margin-top:9px; }
#no-end .top .box-score .r .score .titre .c1{ float:left; width:84px; height:20px; }
#no-end .top .box-score .r .score .titre .c2{ float:left; width:154px; height:20px; }
#no-end .top .box-score .r .score .titre .c3{ float:left; width:130px; height:20px; }

#no-end .top .box-score .r .send{ width:379px; height:205px; background:url('images/no-end/box-score-cache.png') no-repeat #690000; }
#no-end .top .box-score .r .send p{ font:Verdana, Arial, Helvetica, sans-serif 12px; color:#ffffff; }
#no-end .top .box-score .r .send .vide{ width:356px; height:37px; }
#no-end .top .box-score .r .send .form{ height:130px; margin-left:30px; width:335px; }
#no-end .top .box-score .r form .send .form .formulaire input{ height:24px; width:138px; background:url('images/no-end/input-fond.png') no-repeat; border:0 none; padding-left:4px; padding-right:4px; padding-top:4px; vertical-align:middle; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#FFFFFF; }
#no-end .top .box-score .r form .send .form .formulaire { margin-left:50px; }
#no-end .top .box-score .r form .send .form .formulaire .l { height:30px; width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;  }

#no-end .top .box-score .r .liste{ width:356px; height:223px; }
#no-end .top .box-score .r .liste .vide{ width:356px; height:37px; }
#no-end .top .box-score .r .liste .liste2{ width:396px; height:157px; overflow-y:scroll; background:#690000; }
#no-end .top .box-score .r .liste .liste2 .l1, #no-end .top .box-score .r .liste .liste2 .l2{ width:379px; height:20px; font:Verdana, Arial, Helvetica, sans-serif 12px; color:#ffffff; margin-top:2px; margin-bottom:2px;padding-top:4px; }
#no-end .top .box-score .r .liste .liste2 .l2{ background:#4f0000;}
#no-end .top .box-score .r .liste .liste2 .c1{ float:left; width:48px; height:20px; padding-left:40px; }
#no-end .top .box-score .r .liste .liste2 .c2{ float:left; width:154px; height:20px; }
#no-end .top .box-score .r .liste .liste2 .c3{ float:left; width:130px; height:20px; }
#no-end .top .box-score .r .liste .liste2 .esp{ height:20px; width:379px; }

#no-end .top .box-score .r .lien{ height:20px; width:379px;margin-left:17px; }
#no-end .top .box-score .r .lien a{ font:Verdana, Arial, Helvetica, sans-serif 12px; font-style:italic; font-weight:bold; color:#ffffff; text-decoration:none; }
#no-end .top .box-score .r .lien a:hover{ color:#370000; }

#no-end .bottom{ background:url("images/no-end/bottom.jpg") no-repeat #000000; width:760px; min-height:335px; }