/* feuille de style commune, toujours chargée*/

body{
	margin: 0 0 20px 0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#303336;
	background-image:url(/themes/base/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}
div#conteneur {
	position: relative ; 
	width: 901px ; 
	margin: 0 auto ; 
	background-color:#fff;
}
  
/*header*/
#header{
	background-image:url(/themes/base/images/header.jpg);
	background-repeat:no-repeat;
	height:96px;
}
#header h1{
	margin:0;
	padding:0;
}
#header h1 a{
	display:block;
	height:50px;
	width:215px;
	position:relative;
	top:45px;
	left:24px;
}
#header h1 a span, #header span{
	display:none;
}


/*petit menu haut / liens*/
ul#nav{
	position:absolute;
	top:35px;
	left:265px;
	margin:0;
	padding:0;
	color:#999;
	width:300px;
	font-size:10px;
}
ul#nav li{
	list-style-type:none;
	display:inline;
	margin-right:12px;
}
ul#nav li a{
	color:#999;
	text-decoration:none;
}
ul#nav li a:hover{
	color:#666;
}

/*menu horizontal*/
ul#menu{
	margin:7px 0 0 265px;
	padding:0;
	color:#666;
	width:600px;
	font-size:13px;
}
ul#menu li{
	list-style-type:none;
	display:inline;
	margin-right:12px;
}
ul#menu li a{
	color:#666;
	padding-left:8px;
	background-image:url(/themes/base/images/flechemenu.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-decoration:none;
	font-weight:bold;
}
ul#menu li a:hover{
	color:#999;
}
/*bt shop*/
#btshop{
	background-image:url(/themes/base/images/btshop.gif);
	width:63px;
	height:16px;
	position:absolute;
	left:495px;
	top:59px;
	display:block;
}
#btshop span{
	display:none;
}

/*zone select en haut a droite*/
#country, #lang{
	color:#666;
	font-size:11px;
	position:absolute;
	top:55px;
}
#country{
	left:710px;
}
#lang{
	left:775px;
}

/*design  -  bords gauche et droit*/
#bgleft, #bgright{
	width:3px;
	position:absolute;
	top:0;
	background-color:#303336;
}
#bgleft{
	background-image:url(/themes/base/images/bgleft.jpg);
	left:-3px;
	height:450px;
}
#bgright{
	background-image:url(/themes/base/images/bgright.jpg);
	right:-3px;
	height:350px;
}
/*visuel footballeur*/
#footballeur{	
	width:89px;
	height:147px;
	position:absolute;
	top:325px;
	left:750px;
	background-image:url(/themes/base/images/footballleur.jpg);
	background-repeat:no-repeat;
}

#content{
	background-image:url(/themes/base/images/content.jpg);
	background-repeat:no-repeat;
	background-position:left top;

	padding:42px 25px 15px 25px ;
}
h2{
	margin:0;
	padding:0;
	color:#728f57;
	font-size:14px;
}

/*formulaire*/
form{
	margin:0;
	padding:0;
	text-align: left;
}

table.form{
	color:#999;
	font-size:11px;
}
table.form td.intitule{
	width:120px;
}
table.form td.value{
	width:160px;
}
table.form td.value input.input{
	width:151px;
	border:1px #dfdfdf solid;
	color:#999;
	padding-left:2px;
	font-size:11px;
}
table.form td.value textarea.textarea{
	width:151px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px #dfdfdf solid;
	color:#999;
	padding-left:2px;
	overflow:auto;
	font-size:11px;
}
table.form td.value textarea.textarea2{
	width:220px;
	height:175px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px #dfdfdf solid !important;
	color:#999;
	padding-left:2px;
	overflow:auto;
	font-size:11px;
}

table.form td.value select.select{
	border:1px #dfdfdf solid;
	color:#666;
	font-size:11px;
}

table.form td.value select.select2{
	width:151px;
	border:1px #dfdfdf solid;
	color:#666;
	padding-left:2px;
	font-size:11px;
}

input#bt_insc{
	width:118px;
	height:31px;
	text-align:center;
	font-weight:bold;
	background:none;
	background-image:url(/themes/base/images/bt_insc.jpg);
	background-repeat:no-repeat;
	color:#fff;
	border:none;
	cursor:pointer;
}

/*pour tes amis*/
#recoform_fr, #recoform_en, #recoform_es{
	width:412px;
	background-repeat:no-repeat;
	margin: 18px 0 0 -15px;
	padding-bottom: 2px;
}
#recoform_fr{
	background-image:url(/themes/base/images/bgreco_fr.jpg);
}
#recoform_en{
	background-image:url(/themes/base/images/bgreco_en.jpg);
}
#recoform_es{
	background-image:url(/themes/base/images/bgreco_es.jpg);
}
#recoform h1{
	display:none;	
}
#recoform_fr p, #recoform_en p, #recoform_es p{
	color:#fff;
	font-weight:bold;	
	font-size:14px;
	padding:40px 20px 15px 28px !important;
}

table.form2{
	margin-left:65px;
	margin-bottom:15px;
}
table.form2{
	color:#999;
	font-size:11px;
}
table.form2 td.intitule{
	width:85px;
	color:#fff;
}
table.form2 td.value{
	width:160px;
}
table.form2 td.value input.input{
	width:151px;
	border:1px #dfdfdf solid;
	color:#999;
	padding-left:2px;
	font-size:11px;
}

.mandatory{
	color:#d3263b;
}

/*emplacement de la vsideo*/
#video{
	width:418px;
	height:343px;
	background-image:url(/themes/base/images/temp_video.jpg);
	background-repeat:no-repeat;
	margin: 0px;
}

/*colonne de gauche*/
.content_left{
	float:left;
	width:418px;
	margin-right:20px;
	display: inline;
}
.content_left_bottom{
	float:left;
	width:418px;
	margin-right:20px;
	margin-top: 10px;

}
/*colonnede droite*/
.table_right{
	float:right;
	color:#888;
	font-size:11px;
	text-align:justify;
display: inline;
	width: 400px;
	
}
.table_left{
	float:left;
	color:#888;
	font-size:11px;
	text-align:justify;
}
.content_right{
	float:left;
	width:385px;
	padding-top:197px;
	padding-left:15px;
	padding-right:13px;
	color:#888;
	font-size:11px;
	text-align:justify;
	display: inline;
}
.content_right_bottom{
	float:left;
	width:385px;
	padding-top: 0px;
	padding-left:15px;
	padding-right:13px;
	color:#888;
	font-size:11px;
	text-align:justify;
}
.content_right p{
	color:#888;
	font-size:11px;
	text-align:justify;
	margin:15px 0 10px 0;
	padding:0;
}

.content_right p#communaute{
	width:140px;
	padding-left:248px;
	background-image:url(/themes/base/images/communaute.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-repeat:no-repeat;	
}

/*komball en dvd*/
#dvd_fr, #dvd_en, #dvd_es{
	width:411px;
	min-height:241px;
	height:auto !important;
	height:241px;
	background-repeat:no-repeat;
	margin-left:1px;
	margin-top:12px;
}
#dvd_fr{
	background-image:url(/themes/base/images/bgkomballdvd_fr.jpg);
}
#dvd_en{
	background-image:url(/themes/base/images/bgkomballdvd_en.jpg);
}
#dvd_es{
	background-image:url(/themes/base/images/bgkomballdvd_es.jpg);
}
#dvd_fr h1, #dvd_en h1, #dvd_es h1{
	display:none;
}
#dvd_fr h2, #dvd_en h2, #dvd_es h2{
	padding: 77px 0 0 200px;
}
#dvd_fr p, #dvd_en p, #dvd_es p{
	padding:0 23px 0 200px;
	margin-top: 12px!important;
	margin-top: 10px;
}
#bt_achete{
	background-image:url(/themes/base/images/bt_achete.jpg);
	background-repeat:no-repeat;
	width:119px;
	height:31px;
	line-height:31px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	margin:20px 0 0 200px;
}

/*bt inscription*/

#inscription_fr, #inscription_en, #inscription_es{
	background-image:url(/themes/base/images/bg_inscription_fr.jpg);
	background-repeat:no-repeat;
	padding: 46px 20px 2px 30px;
	margin-top:28px;
	width: 800px; /*420-60*/
	margin-top:350px!important;
	margin-top: 0px;
	/*
	min-height:360px;
	height:auto!important;
	height: 360px;
	*/
}

#inscription_fr{
	background-image:url(/themes/base/images/bg_inscription_fr.jpg);
}
#inscription_en{
	background-image:url(/themes/base/images/bg_inscription_en.jpg);

}
#inscription_es{
	background-image:url(/themes/base/images/bg_inscription_es.jpg);
}

#inscription_fr h1, #inscription_en h1, #inscription_es h1{
	display:none;
}

/* hake ie7*/
*+html div#inscription_fr, *+html div#inscription_en, *+html div#inscription_es{
	margin-top:0px!important;
}

.filet{
	margin:12px -10px 15px -15px;
	border-bottom:1px #ebebeb solid;
}
/*bt prochainement*/
#bt_proch{
	background-image:url(/themes/base/images/bt_proch.jpg);
	background-repeat:no-repeat;
	width:136px;
	height:31px;
	line-height:31px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	margin:20px 0 0 0;
}

a.plusinfo{
	text-decoration:none;
	color:#759253;
	background-image:url(/themes/base/images/fleche.gif);
	background-repeat:no-repeat;	
	background-position:left;
	padding-left:8px;
	margin-left:-3px ;
}
a:hover.plusinfo{
	text-decoration:underline;
}

/*petit profil*/
h2.smallprofilon, .smallprofiloff{
	width:193px; /*203-10*/
	height:21px;
	line-height:20px;
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0;
	padding:0 0 0 10px;
	color:#fff;
	font-size:11px;	
}
h2.smallprofilon{
	background-image:url(/themes/base/images/petitprofiltopactive.jpg);
}
h2.smallprofiloff{
	background-image:url(/themes/base/images/petitprofiltop.jpg);
}
.smallprofilheader{
	width:184px; /*201-17*/
	border-left:1px #737578 solid;
	border-right:1px #737578 solid;
	background-image:url(/themes/base/images/petitprofilcontent1.jpg);
	background-repeat:repeat-x;
	font-size:11px;
	padding:8px 8px 7px 9px;
}
.smallprofilcontent{
	width:203px;
	height:97px;
	background-image:url(/themes/base/images/petitprofilcontent2.jpg);
	background-repeat:repeat-x;
}
.smallprofilheader p{
	color:#aaa;
}
.smallprofilcontent p{
	color:#666;
	margin:17px 8px 8px 9px;
	font-size:11px;
}
.smallprofilcontent span{
	margin-top:7px;
	display:block;
}
a.lien{
	color:#e41129;
	text-decoration:none;
}
a:hover.lien{
	color:#f86273;
}

.smallprofilbottom{
	width:203px;
	height:22px;
	background-image:url(/themes/base/images/petitprofilbottom.jpg);
	background-repeat:no-repeat;
}

.smallprofilbottom .mail{
	width:19px;
	height:19px;
	background-image:url(/themes/base/images/ico_mail.gif);
	background-repeat:no-repeat;
}

/*battle online*/
#battleonline{
	width:413px;
	background-image:url(/themes/base/images/battleonline.png);
	background-repeat:no-repeat;
}
#battleonline h1{
	display:none;
}
#footer{
	width:901px;
	position:relative;
	margin:0 auto;
	color:#bbb;
	font-size:10px;
	padding-top:7px;
	background-color:#303336;
	background-image:url(/themes/base/images/footer.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#footer #copyright{
	margin:0 136px 0 2px;
	padding:0;
	width:250px;
	float:left;
	color:#bbb;
}
#footer #virtua{
	margin:-1px 2px 0 0;
	padding:0;
	height:16px;
	float:right;
	text-align:right;
	background-image:url(/themes/base/images/virtua.gif);
	background-repeat:no-repeat;
	background-position:right ;
	line-height:16px;
	color:#bbb;
	font-weight:bold;
}

#footer #virtua a{
	text-decoration:none;
	color:#bbb;
	margin-right:11px;
}
#footer #virtua a:hover{
	text-decoration:none;
	color:#fff;
}

.clear{
	clear:both;
}

/*mise en cache éventuelle des images*/
.cache{
	display:none;
}
.country{
	width: 150px;
}
table.form td.value table td label{
	width: 120px;
}
.corr_space{
	width: 150px;
}
#rightt{
	width: 400px; /*370*/
}
#lefft{
	width: 320px;
}
input#ouv{
	margin-left: -2px;
}

/*Pour le formulaire de contact*/
div#contact_fr, div#contact_en, div#contact_es{
	background-repeat:no-repeat;
	padding:46px 30px 20px 30px;
	margin-top:28px;
	width:360px; /*420-60*/
	height: 331px;
}
div#contact_fr{
	background-image:url(/themes/base/images/contact_form_fr.gif);
}
div#contact_en{
	background-image:url(/themes/base/images/contact_form_en.gif);
}
div#contact_es{
	background-image:url(/themes/base/images/contact_form_es.gif);
}
div#contact_fr textarea, div#contact_en textarea, div#contact_es textarea{
	border: 0px none #fff;
}
#contact_fr h1, #contact_en h1, #contact_es h1{
	display:none;
}
.corr_top{
	padding-bottom: 155px;
}
#lefft{
	width: 320px;
}
input#ouv{
	margin-left: -2px;
}.country{
	width: 150px;
}