/*	FICHIER :		Stylesheet.css
	DESCRIPTION : 	Fichier CSS par défaut
	AUTEUR : 		Lyna Brassard
	TABLE DES MATIÈRES:
		- Éléments HTML (body, html, a, h1, h2, ...)
		- Conteneurs, menus et conteneurs par page
		- Pieds de page
		- Formulaires
------------------------------------------------------------------------------------ */

/* ÉLÉMENTS HTML
------------------------------------------------------------------------------------ */
body#main {background: #050505 url(gx/bg.gif) top left repeat-x; margin: 0; padding: 0; text-align:center;}
.background {min-height:500px; background:url(gx/background.jpg) 50% 125px no-repeat;}

html {color: #808080; font-size: 12px; font-family: Arial, Verdana, Helvetica;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div {border:0; margin:0; padding:0;}


/* Textes et hyperliens globaux
------------------------------------------------------------------------------------ */
/*a, a:link, a:visited, a:hover {margin:0px; padding:0px;outline:none;}*/

h1 {color:#b3151b; font-size:18px; font-weight:bold; margin-bottom:14px;}
h1 a, h1 a:link, h1 a:visited {color:#b3151b; text-decoration:none;}

h1.intro {color:#eeeeee; font-size:16px; font-weight:bold;}
h1.intro a, h1.intro a:link, h1.intro a:visited {color:#eeeeee; text-decoration:none;}

h2 {color: #b3151b; font-size:16px; font-weight:bold; margin-bottom:5px;}
h2 a, h2 a:link, h2 a:visited {color:#b3151b; text-decoration:none;}

h3 {color: #808080; font-size:14px; font-weight:bold; margin-bottom:14px;}
h3 a, h3 a:link, h3 a:visited {color:#808080; text-decoration:none;}

p {font-size:12px; line-height:18px; color:#000;/*#808080*/; margin:0px; padding:0px;}
p.intro {font-size:11px; line-height:18px; color:#c7d2be;}
p.textePetit {font-size:10px;}
p.txtLogin {float:left; font-size:10px; color:#da1c23; margin:3px 15px 0px 0px; text-transform:uppercase;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited {color:#808080; text-decoration:underline;margin:0px; padding:0px;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover {color:#808080; text-decoration:underline;margin:0px; padding:0px;}

ul li {color:#808080; font-size:11px; line-height:18px; list-style:square; margin-left:16px;}
ol li {color:#808080; font-size:11px; line-height:18px; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/


/* CONTENEURS ET CLASSES GÉNÉRALES
------------------------------------------------------------------------------------ */
#conteneur {margin: 0 auto 0 auto; text-align:left; width:955px;}

.both {clear:both;}


/* MENUS
------------------------------------------------------------------------------------ */
#menu {float:left; width:955px; height:90px; margin-bottom:12px; padding:0px; background:url(gx/bg_menu.jpg) top left no-repeat;}
#menu ul {float:right; margin:0; padding:0;}
#menu ul li {float:left; padding: 40px 0px 35px 0px; margin:0; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 12px; padding:39px 15px 33px 15px; text-decoration: none; text-transform:uppercase;}
html* #menu ul li a, #menu ul li a:link, #menu ul li a:visited {padding:40px 15px 32px 15px;}
#menu ul li a:hover, #menu ul li a:visited:hover {color:#FFFFFF; background:url(gx/bg_menu_over.gif) top left repeat-x;}
#menu ul li a.actif, #menu ul li a.actif:visited {color:#da1c23; padding-bottom:33px; background:url(gx/bg_menu_on.gif) bottom center no-repeat;}
html* #menu ul li a.actif, #menu ul li a.actif:visited {padding-bottom:32px;}

#menu ul li.sep {float:left; width:1px; margin-top:3px; background:url(gx/vsep_menu.gif) top left no-repeat;}


/* PAGE ACCUEIL
------------------------------------------------------------------------------------ */
#header {margin:0px; padding:0px;}
	#header #menu .logo {float:left; margin-right:0px;}
	#header .login {float:right;}
	
#contenu {width:961px;}

#contentVideo {clear:both; height:315px;}
	#contentVideo .btChambreJoueur {float:left; padding:16px 93px 0px 12px;}
	#contentVideo .video {float:left; padding:24px 0px 0px 0px;}
	
#contentProduit {clear:both;}
	#contentProduit .bgProduit {clear:both; width:940px; height:450px; border-left:1px solid #434343; border-right:1px solid #434343; background:#2b2b2b url(gx/m/bg_produit_content.gif) top left repeat-x;}
	
	#contentProduit .colLeftProduit {float:left; width:380px; padding:11px 0px 0px 15px;}
	#contentProduit .colRightProduit {float:left; width:540px; padding:0px 0px 0px 0px;}
		#contentProduit .colRightProduit .row {clear:both; width:540px; height:133px; padding-bottom:1px; background:url(gx/hsep.gif) bottom left repeat-x;}
		#contentProduit .colRightProduit .rowLast {clear:both; width:540px; height:133px;}
			#contentProduit .colRightProduit .item {float:left; padding-right:1px; background:url(gx/vsep.gif) top right repeat-y;}
			#contentProduit .colRightProduit .itemLast {float:left;}
.fbJaimePetit{float:right; margin-top:30px; margin-right:10px;}
	
/* PAGE CONTENU
------------------------------------------------------------------------------------ */
.topContent {clear:both; height:71px; background:url(gx/vi_content_top.png) top left no-repeat;}
.middleContent {clear:both; width:811px; min-height:400px; padding:0px 100px 0px 50px; background:url(gx/bg_content.png) top left repeat-y;}
*html .middleContent {height:400px;}
.bottomContent {clear:both; height:61px; background:url(gx/vi_content_bottom.png) top left no-repeat;}

/* PAGE CONTENU FLASH
------------------------------------------------------------------------------------ */
#contentFlash {clear:both;}

/* ICONES GÉNÉRALES
------------------------------------------------------------------------------------ */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */


/* PIED DE PAGE
------------------------------------------------------------------------------------ */
#piedPage {color:#808080; font-size:10px; height:80px; padding:0; width:940px;}
#piedPage a {color:#808080; text-decoration:none;}
#piedPage a:hover, #piedPage a.actif {color:#da1c23;}
#piedPage #copyrights {float:left; margin:0; text-align:left;}
#piedPage #copyrights a {font-weight:bold;}
#piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:none; color: #555;}
#piedPage #menuBas {float:right; height:38px; text-align:right;}


/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; width:163px; height:20px; margin-bottom:10px; padding:4px 0px 0px 26px; background:url(gx/bg_bookmark.gif) top left no-repeat;}
#socialBookmarkerPrefix {float:left;cursor:default; font-size:11px; font-weight:normal; text-transform:uppercase;}
.bookmarkIconesVisibles {float:right;margin-left:2px;}
#bookmarkHoverPopup {position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none;}
#bookmarkHoverPopup .bookmarkHoverPopupItems {float:left; width:150px; height:25px; margin-right:4px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a {line-height:25px; height:25px;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited {border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff;}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover {text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px;}


/* FORMULAIRES
------------------------------------------------------------------------------------ */
fieldset {border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend {border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label {font-size:12px; color:#000; margin:4px 0 2px 0;}

.innerleft{float:left}
.innerright{float:right}

/* Référer ce site */
#referer{width:450px;}
#referer .champTexte{width:200px;}
#referer .boiteTexte{width:450px; height:100px;}

/* Formulaire login */
#formulaireLogin .champTexte {float:left; width:140px; height:16px; font-size:10px; color:#6e6e6e; margin-right:5px; padding:1px 4px 0px 4px; border:1px solid #3f3e3e; background:#f7f7f7;}

/* Formulaire newsletter */
#formulaireNewsletter .champTexte {float:left; width:185px; height:16px; font-size:10px; color:#6e6e6e; margin:15px 5px 0px 0px; padding:1px 4px 0px 4px; border:1px solid #3f3e3e; background:#FFFFFF;}

/* Formulaire contact */
#formulaireQuestion fieldset label {float:left; width:150px;}
#formulaireQuestion .champTexte {float:left; width:300px; height:16px; padding:1px 4px 0px 4px;}
#formulaireQuestion .listeDeroulante {float:left; width:310px;}
#formulaireQuestion .boiteTexte {float:left; height:70px; width:322px; height:100px; padding:1px 4px 0px 4px;}

.champTexte {background: #FFFFFF; border: 1px solid #CCCCCC; color: #555; font-size: 11px; margin:4px 0 4px 0;}
.listeDeroulante {background: #FFFFFF; border: 1px solid #CCCCCC; color: #555; font-size: 11px; margin:2px 0 2px 0;}
.boiteTexte {background: #FFFFFF; border: 1px solid #CCCCCC; color: #555; font-family: "Trebuchet MS"; font-size: 11px; margin:2px 0 2px 0;}
.bouton {background-color: #EEF3F7; color: #498ECB; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold;}
.bouton:hover {background-color:#1A80B6; color:#FFF;}

.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur {color:#FF0000;}