/* Copyright Thot'em Interactif 2008 */
/* global.css */

/* import */
@import "init.css";
@import "reserved.css";
@import "menu.css";

/* tag */
body          { font: 9pt/1.4em Arial, Verdana, Sans-serif; background: url(../media/site/back.jpg) repeat-x #002f6f; }

a							{ font: 8pt/1.5em Verdana, Arial, Sans-Serif; font-weight: bold; text-decoration: none; color: #ff8a02; }
a:hover				{ color: #E1050F; }


/* id */
#site         { width: 970px; margin: 0 auto; }


#left-column { width: 238px; float: left; }
#right-column { width: 730px; float: right; }


#bloc-logomenu-inside 	{ width: 230px; background: url(../media/site/logo.jpg) no-repeat #000000; margin: 0 auto; padding-bottom: 10px; }
#bloc-inscription 	{ width: 210px; height: 107px; margin: 0 auto; background: url(../media/site/bloc-inscription.jpg) no-repeat; padding: 3px 10px; position: relative; }
#bloc-playnow 	{ width: 210px; height: 49px; margin: 0 auto; padding: 3px 10px; position: relative; }
#bloc-bestplayers 	{ width: 230px; margin: 0 auto; padding: 5px 0px; }
#bloc-myaccount-inside { width: 210px; padding: 5px 10px; margin: 0 auto; }
#bloc-paypal-inside  { width: 230px; height: 89px; margin: 0 auto; }


#bloc-top-myaccount { height: 25px; width: 722px; margin: 0 auto; background: #202020; }
#bloc-top-myaccount-left { float: left; width: 410px; }
/*#bloc-top-myaccount-left a { font: 7pt/2.2em Verdana, Arial, Sans-Serif; font-weight: bold;}*/
#bloc-top-myaccount-left a { font: 8pt/1em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; text-decoration: none; padding: 0px 5px;}
#bloc-top-myaccount-left p { padding: 0px 5px; font: 8pt/2.2em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; }

.top-home { float: left; font: 8pt/2em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; }
.top-flags { float: left; padding: 4px 0px; }
.top-contact { float: left; font: 8pt/2em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; }

#bloc-top-myaccount-right { float: right; width: 200px; color: #31A7EC; text-align: right; padding: 5px 0px; font: 8pt/1em Verdana, Arial, Sans-Serif; }
#bloc-top-myaccount-right a { font: 8pt/1em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; text-decoration: none; padding: 0px 5px; }


#bloc-top-menu { height: 50px; width: 722px; margin: 0 auto; background: url(../media/site/back-topmenu.jpg) repeat-x; }
#bloc-middle-big { width: 692px; height: auto; margin: 0 auto; padding: 15px 15px; background: url(../media/site/bloc-middle-big-fond.jpg) repeat-x #2d2d2d;}
#bloc-middle-big-left { width: 285px; height: auto; float: left; padding-right: 5px;  }
#bloc-middle-big-left p { font: 9pt/1.2em Verdana, Arial, Sans-Serif;  }
#bloc-middle-big-right { margin-left: 5px; width: 390px; height: auto; float: left; }
#bloc-middle-big h1		{ font: 13pt/1.4em Verdana, Arial, Sans-Serif; font-weight: bold; color: #31A7EC; }
#bloc-middle-big h2		{ font: 10pt/1.5em Verdana, Arial, Sans-Serif; padding-bottom: 10px; font-weight: bold; color: #127DDD; }
#bloc-middle-big h3		{ font: 9pt/1.5em Verdana, Arial, Sans-Serif; padding-bottom: 10px; font-weight: bold; color: #F7C41B; }
#bloc-middle-big p		{ font: 9pt/1.2em Verdana, Arial, Sans-Serif; padding-bottom: 10px; color: #ffffff; text-align: justify; }

#bloc-middle-big ul { padding-bottom: 10px; }
#bloc-middle-big ul li { margin-left: 20px; list-style-type: disc;}
#bloc-middle-big ul li ul li { list-style-type: circle;}

.bloc-bottom-tiers { width: 218px; height: 310px; float: left; margin-left: 4px; padding: 5px 10px; background: url(../media/site/bloc-bottom-tiers-fond.jpg) repeat-x #404040; }

.bloc-middle-big-inside { width: 687px; margin: 0 auto; padding: 10px 5px; border-top: 1px solid #979797; }

#formcgv_content { background: white; padding: 5px; width:430px; height:100px; overflow: auto; }
#formcgv_content h1 { font: 9pt/1.5em Arial, Verdana, Sans-Serif; font-weight: bold; color: black;}
#formcgv_content p { font: 8pt/1.2em Arial, Verdana, Sans-Serif; color: black; }


#footer { width: 808px; position: relative; background: url(../media/site/footer.jpg) no-repeat; padding: 15px 10px 10px 160px; top: 10px; bottom: 0; left: 1;  font: 8pt/1.4em Verdana, Arial, Sans-serif; }


/* Form */
.form-left 							{ float: left; width: 150px; padding-bottom: 10px; padding-right: 5px; font: 9pt/1.4em Verdana, Arial, Sans-Serif; color: #F7C41B; text-align: right; }
.form-right 						{ float: left; width: 530px; padding-bottom: 10px; }
.form-error							{ clear: both; }

/* class */
.spacerwidth2 					{ float: left; width: 2px; }
.spacerwidth5 					{ float: left; width: 5px; }
.spacerheight2 					{ height: 2px; }
.spacerheight5 					{ height: 5px; }
.bloc-outside-w238 			{ width: 238px; background: url(../media/site/transparence.png); padding: 4px 0px;  }
.bloc-outside-w730 			{ width: 730px; background: url(../media/site/transparence.png); padding: 4px 0px; }
.bloc-outside-w730 p		{ color: #FFFFFF; }
.goldcolor							{ color: #F7C41B; }
.bluecolor							{ color: #127DDD; }
.orangecolor						{ color: #ff8a02; }
.whitecolor						{ color: #ffffff; }
.redcolor								{ color: #E1050F; }
.clearbluecolor					{ color: #31A7EC; }
.bold										{ font-weight: bold; }
.newmessages						{ color: #F7C41B; }
.fontsize_h1						{ font: 13pt/1em Verdana, Arial, Sans-Serif; }
.fontsize_h2						{ font: 10pt/1.5em Verdana, Arial, Sans-Serif; font-weight: bold; }
.fontsize_h3						{ font: 9pt/1.5em Verdana, Arial, Sans-Serif; font-weight: bold; }
.padleft10							{ padding-left: 10px; }
.title_picto_cup				{ height: 35px; background: url(../media/pictos/picto_1_cup.png)  no-repeat; padding: 10px 0px 0px 40px; }
.title_picto_money			{ height: 35px; background: url(../media/pictos/picto_1_money.png) no-repeat; padding: 10px 0px 0px 40px;  }
.title_picto_char				{ height: 35px; background: url(../media/pictos/picto_1_char.png)  no-repeat; padding: 10px 0px 0px 40px;  }
.title_picto_web				{ height: 35px; background: url(../media/pictos/picto_1_web.png)  no-repeat; padding: 10px 0px 0px 40px;  }
div.helpicon								{ position: absolute; width: 80px; height: 80px; background: url(../media/pictos/picto_4_web.png)  no-repeat; margin-left: 607px; }
div.playnowicon								{ position: absolute; width: 78px; height: 50px; background: url(../media/pictos/picto_pad.png)  no-repeat; margin-left: 607px; }
div.eventicon								{ position: absolute; width: 42px; height: 40px; background: url(../media/pictos/picto_5_cup.png)  no-repeat; margin-left: 648px; }
div.faqicon								{ position: absolute; width: 249px; height: 140px; background: url(../media/visuels/soccer2.jpg)  no-repeat; margin-left: 450px; }

.msgconfirm							{ background: #C4EFC2; border: 1px solid #1B9F13; padding: 5px; color: #1B9F13; font: 9pt/1.2em Verdana, Arial, Sans-Serif; font-weight: bold; margin-bottom: 10px; }
.msgerror								{ background: #EFA4A7; border: 1px solid #EF0E17; padding: 5px; color: #EF0E17; font: 9pt/1.2em Verdana, Arial, Sans-Serif; font-weight: bold; margin-bottom: 10px; }


table.bloclist					{ width: 100%; border-collapse: collapse; padding-top: 10px;}
table.bloclist tr.head	{ border-top: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; }
table.bloclist tr.list	{ border-bottom: 1px solid #6b6b6b; }
table.bloclist th,
table.bloclist thead td	{ font: 8pt/1em Verdana, Arial, Sans-Serif; padding: 2px 0px; border-spacing: 15px; color: #6b6b6b; text-align: left;}
table.bloclist td				{ font: 8pt/1.2em Verdana, Arial, Sans-Serif; color: white; padding: 4px 2px; border-spacing: 15px; vertical-align: top;}
table.bloclist td.left	{ color: #FFFFFF; }
table.bloclist td.right	{ color: #FACD2A; }

table.sortable th.header img	{ background: url(../media/site/table-sort.png) left no-repeat; }
table.sortable th.headerSortUp img	{ background: url(../media/site/table-sort-asc.png) left no-repeat; }
table.sortable th.headerSortDown img	{ background: url(../media/site/table-sort-desc.png) left no-repeat; }

a.passoublie							{ font: 8pt/1.8em Verdana, Arial, Sans-Serif; color: #127DDD; }
a.creercompte							{ font: 9pt/2em Verdana, Arial, Sans-Serif; font-weight: bold; text-decoration: none; color: #ff8a02; background: url(../media/site/orangefleche.png) 0px 3px no-repeat; padding-left: 13px; }

.miniboxh1 { font: 10pt/1.5em Verdana, Arial, Sans-Serif; font-weight: bold; color: #127DDD; padding-bottom: 7px; }

.input-inscription { width: 136px; height: 20px; background: #FFFFFF; border: none; padding: 0px 7px; margin-top: 9px; font: 9pt/1.5em Verdana, Arial, Sans-Serif; font-weight: bold; color: #5A5A5A; }
.input-inscription-submit { width: 55px; height: 55px; position: absolute; font: 0pt/0em; background: url(../media/site/transparence.gif) no-repeat; border: 0;  top: 8px; right: 8px; cursor: pointer; display: block; }

/* contact us */
#box-contactform                          { width: 360px; float: left; }
#box-contactform .form-left 							{ float: left; width: 120px; padding-bottom: 10px; padding-right: 5px; font: 9pt/1.4em Verdana, Arial, Sans-Serif; color: #F7C41B; text-align: right; }
#box-contactform .form-right 						{ float: left; width: 230px; padding-bottom: 10px; }

#box-contactskype                       { width: 280px; float: right; padding: 14px 5px; border: 2px solid #40C3F4; }


/**************/



/* Shoutbox */

#shoutbox						{ background: white; width: 676px; height: 200px; overflow: auto; padding: 10px; border: 1px solid #EDB61B; overflow-x: hidden; }
.shoutbox-emoticons		{ background: white; padding: 5px; width: 676px; }
.shoutbox-bottom		{ background: black; width: 686px; height: 54px; padding: 5px; border: 1px solid #EDB61B; border-top: 0;}
.shoutbox-bottom .shoutboxinput { width: 620px; height: 21px; border: 1px solid #1F1F1F; background: #FFFFFF; color: black; font: 9pt/1.5em Verdana, Arial, Sans-Serif; overflow: hidden; margin-top: 1px; }
.shoutbox-1msg			{ position: relative; height: auto; }
.shoutbox-1msg-color-0 { background: #EEEEEE; }
.shoutbox-avatar		{ height: 20px; width: 20px; padding-right: 5px; float: left; }
.shoutbox-txt				{ float: left; width: 635px; }
.shoutbox-txt-login { padding-left: 5px; }
#site div.shoutbox-txt	p			{ color: black; padding-bottom: 2px; font: 8pt/1.2em Arial, Verdana, Sans-Serif; text-align: left; }


/*************/



/* upload */
#progress      { float:left; width:480px; }
#progress span { float:left; width:150px; font-size:8pt; color: white;}
#progress .brd { position:relative; border:1px solid; width:380px; height:20px; }
#bar           { margin:2px 0 0 2px; width:0; height: 16px; background-color:#CC0000; }
#pc            { position:absolute; top:0; left:170px; }
#upload_iframe { background: transparent; }

#footer a.conception-thotem  { color: #F6BC1A; font-weight: normal; font-size: 7pt;}
#footer a.conception-thotem:hover  { color: #127DDD; font-weight: normal; }

.submit-btn { padding: 2px 5px; font-size:9pt; border: 1px solid #EFB925; background: #000000; color: #EFB925; font-weight: bold; cursor: pointer; }
.submit-btn:hover { background: #2F2F2F;}