/* HTML BODY */
html{
	 background-color:	#FFFFFF;
	 background-position:	0px 40px;
	 background-repeat:	no-repeat;
	 background-image:	url(http://www.geekstream.fr/img/background/noel.jpg);
}

html,body{
 height:	100%;
}

body,table,td,div,li,ul,b{
 font-size:	12px;
 font-family:	"Georgia";
}

.actif{
 color:		#f91414;
 font-weight:	normal;
}

.actifb{
 color:		green;
 font-weight:	bold;
}

.inactif{
 -moz-opacity:	0.3;
 opacity:			0.3;
 filter:			alpha(opacity=30);
}

/*MENU HAUT*/
#barre_menu_principal a{
 float:				left;';
 display:				block;
}

#barre_menu_principal{
	 position:		fixed;
 z-index:				15;
 top:					0;
 left:				0;
 width:				100%;
 min-width:			1030px;
 height:				40px;
 background-image:	url(http://www.geekstream.fr/img/hautmenu.png);
 background-repeat:	repeat-x;
 background-color:	#c70200;
 -moz-box-shadow:		0px 0px 10px #000;
 box-shadow:			0px 0px 10px #000;
 -webkit-box-shadow:	0px 0px 10px #000;
}

#logomenu{
 padding-top:			5px;
}

#barre_menu_principal form, #barre_menu_principal .btnchgcouleur{
 padding-top:			10px;
}

#barre_menu_principal .boutonmenu{
 padding-top:						15px;
 float:								left;
 text-align:						center;
 color:								#fff;
 display:							block;
 width:								100px;
 height:							25px;
 border:								0px;
 -webkit-transition:					border;
 -webkit-transition-timing-function:	ease-out;
 -webkit-transition-duration:			500ms;
 background-image:					url(http://www.geekstream.fr/img/hautmenu.png);
 background-repeat:					repeat-x;
 background-color:					#c70200;
}

#barre_menu_principal .boutonmenu:hover{
 border-bottom:						3px solid #ff0000;
 -webkit-transition:					border;
 -webkit-transition-timing-function:	ease-out;
 -webkit-transition-duration:			500ms;
 height:								22px;
 text-decoration:						none;
}

#barre_menu_principal .boutonmenu:active{
 background-color:	#c73c3a;
}
 

#choixcouleur{
	 position:					fixed;
 z-index:							14;
 display:							none;
 top:								40px;
 left:							500px;
 padding:							5px 10px 5px 10px;
 background:						-moz-linear-gradient(top, #c73c3a, #c70200);
 background:						-webkit-gradient(linear, right top, right bottom, from(#c73c3a), to(#c70200));
 background-color:				#c73c3a;
 border-width:					0px 1px 1px 1px;
 border-style:					solid;
 border-color:					black;
 -moz-border-radius-bottomright:	17px;
 -moz-border-radius-bottomleft:	17px;
 border-bottom-right-radius:		17px;
 border-bottom-left-radius:		17px;
}

#menustreaming{
	 position:				fixed;
 z-index:						14;
 display:						none;
 top:							40px;
 left:						100px;
 width:						100px;
 background-color:			#c70200;
 border-width:				0px 1px 1px 1px;
 border-style:				solid;
 border-color:				black;
}

#menustreaming a{
 color:					white;
 padding-top:			7px;
 display:				block;
 width:					100%;
 height:				25px;
 text-align:			center;
 border-top:			1px solid black;
 text-decoration:		none;
}

#menustreaming a:hover{
 background:					-moz-linear-gradient(top, #c73c3a, #c70200);
 background:					-webkit-gradient(linear, right top, right bottom, from(#c73c3a), to(#c70200));
 background-color:				#c73c3a;
}

#menustreaming a:active{
 background:	#c73c3a;
}

#menucompte{
	 position:				fixed;
 z-index:						14;
 display:						none;
 top:							40px;
 right:						0px;
 width:						150px;
 background-color:			#c70200;
 border-width:				0px 1px 1px 1px;
 border-style:				solid;
 border-color:				black;
}

#menucompte a{
 color:				white;
 padding-top:			7px;
 display:				block;
 width:				100%;
 height:				25px;
 text-align:			center;
 border-top:			1px solid black;
 text-decoration:		none;
}

#menucompte a:hover{
 background:			-moz-linear-gradient(top, #c73c3a, #c70200);
 background:			-webkit-gradient(linear, right top, right bottom, from(#c73c3a), to(#c70200));
 background-color:		#c73c3a;
}

#boutonmenu a:active{
 background:	#c73c3a;
}
 
#menuavatar{
	position:				relative;
	top:					-10px;
	border:					1px solid black;
	width:					30px;
	height:					30px;
	float:					left;
	margin-bottom:			25px;
}

#menuavatar img{
	position:	absolute;
	max-height:	60px;
	max-width:	60px;
	clip:		rect(0px, 30px, 30px, 0px);
	left:		0px;
}

 

.cross{
 z-index:				25;
 position:			relative;
 top:					0px;
 right:				0px;
 float:				right;
 width:				12px;
 height:				12px;
 cursor:				pointer;
 background-image:	url(http://www.geekstream.fr/img/cross.png);
}

.cross:hover{
 background-image:	url(http://www.geekstream.fr/img/cross_hover.png);
}

.filtre{
 display:				none;
 position:			fixed;
 z-index:				20;
 left:				0;
 top:					0;
 background-color:	black;
 width:				100%;
 height:				100%;
 overflow:			auto;
 min-height:			100%;
 -moz-opacity :		0.8;
 opacity :			0.8;
 filter :				alpha(opacity=80);
}
 

.video{
 display:				none;
 position:			fixed;
 width:				900px;
 height:				95%;
 left:				auto;
 right:				auto;
 overflow:			auto;
 top:					20px;
 z-index:				25;
 background-color:	white;
 -moz-border-radius:	10px;
 border-radius:		10px;
}
 

.connectFB{
 display:				none;
 position:			fixed;
 width:				50%;
 height:				auto;
 left:				auto;
 right:				auto;
 overflow:			auto;
 top:					100px;
 padding:				10px;
 z-index:				20;
 background-color:	white;
 -moz-box-shadow:		3px 3px 10px #000;
 box-shadow:			3px 3px 10px #000;
 -webkit-box-shadow:	3px 3px 10px #000;
 border:				1px solid black;
 -moz-border-radius:	10px;
 border-radius:		10px;
}
 

#brokenGlass{
 display:				block;
 position:			absolute;
 width:				1110px;
 height:				1500px;
 left:				50%;
 margin-left:			-555px;
 right:				auto;
 overflow:			hidden;
 top:					480px;
 z-index:				30;
 background-image:	url(http://www.geekstream.fr/img/glass.png);
 background-repeat:	repeat-y;
}

.colorblock{
 border:			1px solid #c70200;
}

.colorblock:hover{
 background-color:	#e35c5c;
}

/*LIENS*/
a{
 text-decoration:	none;
 color:			black;
 font-size:		12px;
 font-family:		"Georgia";
 font-weight:		bold;
}

a:hover{
 text-decoration:	underline;
 color:			#f91414;
}

a:active{
 text-decoration:	none;
 color:			#f91414;
}

a.menulink{
 text-decoration:	none;
 color:			black;
 font-size:		12px;
 font-family:		"Georgia";
 font-weight:		normal;
}

a.small{
 text-decoration:	none;
 color:			black;
 font-size:		10px;
 font-family:		"Georgia";
}

a.menulinkr{
 text-decoration:	none;
 color:			#f91414;
 font-size:		12px;
 font-family:		"Georgia";
 font-weight:		normal;
}

a.menulink:hover{
 text-decoration:	none;
 color:			#f91414;
 font-size:		12px;
 font-family:		"Georgia";
 font-weight:		normal;
}

a.menulink:active{
 text-decoration:	none;
 color:			#f91414;
 font-size:		12px;
 font-family:		"Georgia";
 font-weight:		normal;
}

.carrer{
 heigth:				5px;
 background-image:	url(img/pg.png);
 background-repeat:	repeat-x;
 float:				left;
 width:				100%;
 font-size:			7pt;
 color:				white;
 font-weight:			bold;
}

.pourcent{
 background-color:	red;
 height:				11px;
 border:				0px;
}

/*BANNIERE*/

.banniere{
 height:						128px;
 background-repeat:			repeat-x;
 background-color:			#c70200;
 border:						2px solid #000;
 background-image:			url(img/bannieremilieu.png);
 -moz-border-radius-topleft: 	10px;
 -moz-border-radius-topright:	10px;
 border-top-left-radius:		10px;
 border-top-right-radius:		10px;
}

.banmilieu{
 height:			129px;
 vertical-align:	bottom;
 text-align:		right;
}

/*MENUS*/

.table_menu{
 border-left:			2px solid #000;
 vertical-align:		top;
 width:				157px;
 background-color:	#ececec;
}

.table_menu_droite{
 border-right:		2px solid #000;
 vertical-align:		top;
 width:				157px;
 background-color:	#ececec;
}

.hautmenu{
 color:				#FFF;
 text-align:			center;
 font-size:			12px;
 font-weight:			bold;
 font-family:			"Verdana";
 height:				32px;
 width:				157px;
 border:				1px solid #000;
 border-left:			none;
 background-color:	#c70200;
 background-repeat:	repeat-x;
 background-image:	url(img/hautmenu.png);
}

.corpmenu{
 height:			100%;
 width:			137px;
 padding-left:	10px;
 padding-right:	10px;
 padding-top:		10px;
 padding-bottom:	10px;
 vertical-align:	top;
 border-right:	2px solid #000;
 border-left:		none;
 border-bottom:	2px solid #000;
 vertical-align:	top;
}

.menuhori{
 height:				43px;
 background-color:	#c70200;
 background-repeat:	repeat-x;
 background-image:	url(img/menuhori.png);
}

.menuhori:hover{
 background-color:	#c73c3a;
 color:				#FFF;
}

.menuhori a{
 font-size:		15px;
 font-family:		Georgia,Verdana;
 color:			#FFF;
 display:			block;
 padding-left:	5px;
 padding-right:	5px;
 padding-top:		10px;
 padding-bottom:	10px;
}

.menuhori a:active{
 display:			block;
 color:			#FFF;
 text-decoration:	none;
}

.menuhori a:hover{
 display:			block;
 color:			#FFF;
 text-decoration:	none;
}

.menudroite{
 height:			43px;
 background-color:	#c70200;
 background-repeat:	repeat-x;
 background-image:	url(img/menuhori.png);
 padding-left:		5px;
 padding-right:		10px;
}

/* SLIDER */
.main_image {
	width:			400px;
    height:			565px;
    float:			left;
    margin-left:	70px;
    position:		relative;
    overflow:		hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color:			#fff;
}

.main_image img {
    min-height:		565px;
    margin-left:	-33%;
}

.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}

.main_image a {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
    color:			#fff;
}

.slideblock small { /*--We'll be using this same style on our thumbnail list--*/
    font-size:	1em;
    padding:	0 0 0 20px;
}
.main_image .slideblock small {margin-left: 10px;}
.main_image .slidedesc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .slideblock{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
    -moz-border-radius-topleft:		10px;
    -moz-border-radius-topright:	10px;
	border-top-left-radius:			10px;
	border-top-right-radius:		10px;
}

.main_image a.show {background-position: left bottom;}

.slide_image_thumb {
    float:				left;
    width:				299px;
    
}

.slide_image_thumb a {
    border:					1px solid #ccc;
    float:					left;
    width:					70px;
    height:					70px;
    background-position:	center;
}

.slide_image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slide_image_thumb ul li{
    margin:				0;
    padding:			5px 5px;
    background:			-moz-linear-gradient(top, #c73c3a, #c70200);
	background:			-webkit-gradient(linear, right top, right bottom, from(#c73c3a), to(#c70200));
	background-color:	#c73c3a;
    width:				279px;
    float:				left;
    border-bottom:		1px solid #ccc;
    border-top:			1px solid #fff;
    border-right:		1px solid #ccc;
}

.slide_image_thumb ul li.hover { /*--Hover State--*/
	background:	#c73c3a;
 	cursor:		pointer;
}

.slide_image_thumb ul li.active { /*--Active State--*/
	background:		#c73c3a;
	cursor:			default;
}

html .slide_image_thumb ul li h2 {
	font-size:	1.5em;
	margin:		5px 0;
	padding:	0;
}

.slide_image_thumb ul li .slideblock {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.slide_image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

/*BODY*/

.bold{
 font-weight:		bold;
}

.head{
 height:						30px;
 background-color:				#c70200;
 background-image:				url(img/head.png);
 background-repeat:				repeat-x;
 text-align:					center;
 border:						1px solid #000;
 color:							#FFF;
 -moz-border-radius-topleft: 	10px;
 -moz-border-radius-topright:	10px;
 border-top-left-radius:		10px;
 border-top-right-radius:		10px;
}

.head p{
 vertical-align: middle;
}

.bodyindex{
 padding:				3px;
 border-left:			2px solid black;
 border-right:		2px solid black;
 background-color:	#ECECEC;
}

.bas{
 height:							10px;
 border:							2px solid #000;
 border-top:						none;
 -moz-border-radius-bottomleft: 	10px;
 -moz-border-radius-bottomright: 	10px;
 border-bottom-left-radius:		10px;
 border-bottom-right-radius:		10px;
}

.tags{
 border:				1px solid #000;
 -moz-border-radius: 	10px;
 border-radius:		10px;
 background-color:	#fff;
 padding:				5px;
 margin:				5px;
 float:				left;
 cursor:				pointer;
 background-image:	url(http://www.geekstream.fr/img/btn_out.png);
 background-repeat:	repeat-x;
 background-color:	#fff;
}

.tags:HOVER{
 background-color:	#ECECEC;
 text-decoration:		line-through;
}

.tags:ACTIVE{
 background-image:	url(http://www.geekstream.fr/img/btn_active.png);
}

strong{
 font-weight:			normal;
}

/*FORMULAIRE*/

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{
	border : 0px;
}

input[type="checkbox"]:checked+label{
 font-weight: bold;
}

input,textarea{
 font:				12px georgia,verdana,"Times New Roman",times;
 border:				1px solid #AAA;
 background-color:	#FFF;
 background-color:	#FFF;
 -moz-border-radius:	5px;
 border-radius:		5px;
 padding:				2px;
}

label{
 display:				block;
 float:				left;
 width:				140px;
 text-align:			right;
 font:				12px georgia,verdana,"Times New Roman",times;
 margin-top:			5px;
}

#formajoutserie{
 width:				600px;
 float:				left;
 display:				block;
}

#formajoutsaison{
 width:				560px;
 float:				left;
 display:				block;
}

fieldset{
 -moz-border-radius:	10px;
 border-radius:		10px;
 border-color:			#f91414;
 font:					12px georgia,verdana,"Times New Roman",times;
}

fieldset span{
 float:				left;
 display:				block;
 width:				380px;
 margin-left:			5px;
 margin-top:			5px;
}

 select{
 font:				12px georgia,verdana,"Times New Roman",times;
 border:				1px solid #AAA;
 background-color:	#FFF;
 -moz-border-radius:	10px;
 border-radius:		10px;
 padding:				3px;
}

 *:disabled{
 background-color:	#000;
 color:				#fff;
}

input[type="submit"], input[type="button"]{
 cursor:				pointer;
 -moz-border-radius:	10px;
 border-radius:		10px;
 height:				22px;
 background-image:	url(http://www.geekstream.fr/img/btn_out.png);
 background-repeat:	repeat-x;
 background-color:	#fff;
 color:				#555;
 border:				1px solid #555;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="submit"].valider:hover,
input[type="button"].valider:hover,
input[type="submit"].valider:focus,
input[type="button"].valider:focus{
 color:				#000;
 border:				1px solid #000;
}

input[type="submit"][disabled],
input[type="button"][disabled],
input[type="submit"][disabled].valider,
input[type="button"][disabled].valider{
 color:				#333;
 border:				1px solid #555;
}

input[type="submit"][disabled]:active,
input[type="button"][disabled]:active,
input[type="submit"][disabled].valider:active,
input[type="button"][disabled].valider:active{
 color:				#333;
 border:				1px solid #555;
}

input[type="submit"]:active, input[type="button"]:active{
 color:				#000;
 background-image:	url(http://www.geekstream.fr/img/btn_active.png);
}

input[type="submit"].valider, input[type="button"].valider{
 padding-left:		21px;
 background-image:	url(http://www.geekstream.fr/img/btn_sub_out.png);
}

 input[type="submit"].valider:active, input[type="button"].valider:active{
 padding-left:		21px;
 color:				#000;
 background-image:	url(http://www.geekstream.fr/img/btn_sub_active.png);
}

input[type="submit"].search, input[type="button"].search{
 padding-left:		21px;
 background-image:	url(http://www.geekstream.fr/img/btn_search_out.png);
}

input[type="submit"].search:active, input[type="button"].search:active{
 padding-left:		21px;
 color:				#000;
 background-image:	url(http://www.geekstream.fr input/img/btn_search_active.png);
}

input:focus,select:focus,textarea:focus{
 border:				1px solid black;
 background-color:	#FFF;
}

.erreurform{
 border:				1px solid red;
 background-color:	#FFF;
}

.outform{
 border:				1px solid #AAA;
 background-color:	#FFF;
 -moz-border-radius:	10px;
 border-radius:		10px;
}

#tab_body{
 width:							965px;
	 margin-top:						40px;
 margin-left:						auto;
 margin-right:					auto;
 border:							2px solid #000;
 border-top:						none;
 border-bottom:					none;
 -moz-border-radius-bottomleft: 	10px;
 -moz-border-radius-bottomright: 	10px;
 -moz-border-radius-topleft: 		10px;
 -moz-border-radius-topright: 	10px;
 border-bottom-left-radius: 		10px;
 border-bottom-right-radius:		10px;
 border-top-right-radius: 		10px;
 border-top-left-radius:			10px;
 -moz-box-shadow:					1px 1px 18px #000;
 -webkit-box-shadow:				1px 1px 18px #000;
 box-shadow:						1px 1px 18px #000;
}

#tab_sousmenu{
 width:			950px;
 height:			43px;
 white-space:		nowrap;
}

#tab_contenu{
 margin-left:			auto;
 margin-right:		auto;
 padding-right:		10px;
 padding-left:		10px;
 background-color:	#ececec;
}

#tab_bas{
 height:							22px;
 width:							965px;
 border-bottom:					3px solid black;
 border-left:						2px solid black;
 border-right:					2px solid black;
 background-color:				#ececec;
 -moz-border-radius-bottomleft: 	10px;
 -moz-border-radius-bottomright: 	10px;
 border-bottom-left-radius: 		10px;
 border-bottom-right-radius:		10px;
}

/*COMMENTAIRE*/
.comm0{
 background-color:	#D7D2D2;
}

.comm1{
 background-color:	#ececec;
}

/*TABLEAU DROIT*/
.tableDroit td{
 text-align:		center;
 border-top:		1px solid black;
}

.tableDroitr1{
 background-color:	#D7D2D2;
}

.tableDroitr2{
 background-color:	#ececec;
}

/*FORUM*/
.carrerfofo{
 border:				1px solid #000;
 border-width:		2px solid #000;
 height:				10px;
 background-color:	black;
}

.messforum{
 background-color:	#D7D2D2;
}

.messforum1{
 background-color:	#ececec;
}

.fofolexi td{
 border:	1px solid #000;
 padding:	5px;
}

.fofolexi {
 border:	1px solid #000;
}

/*BULLE*/
.Bulle{
 color:				#000;
 background-color:	#FFF;
 font-size:			13px;
 font-family:			Georgia,Verdana;
}

/*Tchat*/
.BoutonConnected{
 position:				fixed;
 bottom:				0;
 right:				0;
 text-align:			center;
 vertical-align:		middle;
 padding-top:			2px;
 width:				156px;
 height:				20px;
 color:				#FFF;
 background-color:	#c70200;
 background-image:	url(http://www.geekstream.fr/img/tchatbuttonout.png);
 background-repeat:	repeat-x;
 cursor:				pointer;
}

.BoutonConnected:hover{
 background-image:	url(http://www.geekstream.fr/img/tchatbuttonhover.png);
 background-repeat:	repeat-x;
 background-color:	#c73c3a;
}

.contentConnected{
 display:				none;
 position:			fixed;
 bottom:				22px;
 right:				0;
 padding:				2px;
 width:				150px;
 height:				auto;
 max-height:			300px;
 color:				#000;
 background-color:	#ececec;
 border:				1px solid #c70200;
 overflow:			auto;
}

.contentTchat{
 display:				none;
 position:			fixed;
 bottom:				22px;
 right:				0;
 padding:				2px;
 width:				250px;
 height:				500px;
 min-height:			500px;
 color:				#000;
 background-color:	#ececec;
 border:				1px solid #c70200;
 overflow:			auto;
}

.messTchat{
 width:			250px;
 height:			350px;
 max-height:		350px;
 word-wrap: 		break-word;
 overflow:		auto;
}

.messTchat0{
 word-wrap: 		break-word;
 background-color:	#c73c3a;
}

.messTchat1{
 word-wrap: 		break-word;
}

#formMessTchat textarea{
 -moz-border-radius:	0px;
 border-radius:		0px;
 height:				24px;
 overflow-x: 			hidden;
 max-height:			74px;
 line-height:			12px;
 overflow:			hidden;
 white-space: 		pre;
 white-space: 		pre-wrap;
 white-space: 		-moz-pre-wrap;
 white-space: 		-pre-wrap;
 white-space: 		-o-pre-wrap;
 word-wrap: 			break-word;
 border:				1px solid #bbb;
}

#formMessTchat textarea:focus{
 border:				1px solid black;
}

.avatartchat{
 max-height:		25px;
 max-width:		25px;
}

.pseudotchat:hover{
 cursor:				pointer;
 background-color:	#c73c3a;
}

.pseudotchat a:hover{
 display:			block;
 color:			#000;
}
?>