@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0px; text-align:left; text-align:center;}
body.ovechkin{ background:url(img/body/bg-hockey-expert-ovechkin.jpg) #FFF top center no-repeat;}
body.malkin{ background:url(img/body/bg-hockey-expert-malkin.jpg) #FFF top center no-repeat;}
body.kovalchuk{ background:url(img/body/bg-hockey-expert-kovalchuk.jpg) #FFF top center no-repeat;}
body.latendresse{ background:url(img/body/bg-hockey-expert-latendresse.jpg) #FFF top center no-repeat;}
body.price{ background:url(img/body/bg-hockey-expert-price.jpg) #FFF top center no-repeat;}
body.price2{ background:url(img/body/bg-hockey-expert-price2.jpg) #000 top center no-repeat;}
body.but{ background:url(img/body/bg-hockey-expert-but.jpg) #FFF top center no-repeat;}
body.fleury{ background:url(img/body/bg-hockey-expert-fleury.jpg) #FFF top center no-repeat;}
body.staal{ background:url(img/body/bg-hockey-expert-staal.jpg) #FFF top center no-repeat;}

body.kane{ background:url(img/body/bg-hockey-expert-kane.jpg) #000 top center no-repeat;}
body.datsyuk{ background:url(img/body/bg-hockey-expert-datsyuk.jpg) #FFF top center no-repeat;}
body.halak{ background:url(img/body/bg-hockey-expert-halak.jpg) #000 top center no-repeat;}
body.thornton{ background:url(img/body/bg-hockey-expert-thornton.jpg) #000 top center no-repeat;}
body.crosby{ background:url(img/body/bg-hockey-expert-crosby.jpg) #000 top center no-repeat;}
body.stamkos{ background:url(img/body/bg-hockey-expert-stamkos.jpg) #000 top center no-repeat;}
body.stamkos2{ background:url(img/body/bg-hockey-expert-stamkos2.jpg) #000 top center no-repeat;}
body.drury{ background:url(img/body/bg-hockey-expert-drury.jpg) #000 top center no-repeat;}
body.pouliot{ background:url(img/body/bg-hockey-expert-pouliot.jpg) #000 top center no-repeat;}

/* textes et titre-------------------------------------------------------------------------------------------------- */

h1{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:2em; color:#bd2f2c; margin:0;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#FFF; margin:0; font-weight:bold;}
h3{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1em; color:#0183da; margin:0;}
h4{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; font-style:italic; color:#0183da; margin-bottom:5px; margin-top:5px;}
h5{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#000; margin:0; font-weight:bold;}

.t80{font-family: Arial,Helvetica,sans-serif; font-size: 80px; line-height: 80px;}
.t32{font-family: Arial,Helvetica,sans-serif; font-size: 32px; line-height: 32px;}
.t28{font-family: Arial,Helvetica,sans-serif; font-size: 28px; line-height: 28px;}
.t24{font-family: Arial,Helvetica,sans-serif; font-size: 24px; font-weight: bold; clear: both; line-height: 30px;}
.t16{font-family: Arial,Helvetica,sans-serif; font-size: 16px; clear: both;}
.t14{font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 18px;}

p{font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000; margin:0; margin-bottom:10px; text-align:justify;}

.couleurPrincipale{color: rgb(250, 130, 32);}
.red{color: rgb(215, 40, 36);}
.black{color: rgb(0, 0, 0);}
.blue{color: rgb(1, 131, 218);}
.gray{color: rgb(153, 153, 153);}
.white{color: rgb(255, 255, 255);}

.alerte{ display:block; width:90%; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#FFF; padding:5px; margin:0; border:1px solid black; background:#0183da; }
.clear{ clear:both;}

ul{font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000; margin:0; margin-bottom:10px; text-align:justify;}
ul li{}

iframe { border:5px solid #c5d3e7; margin:0 0 10px 0;}

/* contenant-------------------------------------------------------------------------------------------------- */

#logo {width:900px; height:250px; padding:0; margin:0 auto; text-align:left;}
#logo a img{border:0;}
#container{width:890px; background:#FFF; margin:0 auto; padding:5px 5px 0 5px; margin-bottom:20px;}
#container #top {width:890px; padding:0; margin:0 0 5px 0;}
#container #top #topLeft{width:580px; height:45px; float:left; padding:210px 5px 0 5px; background:url(img/header/photo-principale5.jpg) top left no-repeat; }
#container #top #topLeft .tPrincipal{ margin:0; padding:0;}
#container #top #topLeft .tPrincipal a{font-family: Arial,Helvetica,sans-serif; font-size:22px;line-height: 32px; color: rgb(255, 255, 255); text-decoration:none;}
#container #top #topLeft .tPrincipal a:hover{color: rgb(238, 28, 46); cursor:pointer;}
#container #top #topLeft .tPrincipal a img{ border:0;}

#container #top #topRight{width:299px; height:255px; float:Right; padding:0; background:#000; margin:0 0 5px 0;}
#container #top #topRight #topRightBox{width:280px; height:235px; margin:0; padding:10px; list-style-type:none; position:relative;}
#container #top #topRight #topRightBox li{padding:0; float:left; margin:0;}
#container #top #topRight #topRightBox li a{display:block; width:250px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none; color:#b0b0b0; padding:5px 0 5px 30px; margin:0; border-bottom:1px solid #333;}
#container #top #topRight #topRightBox li a:hover{color:#278ac1;}
#container #top #topRight #topRightBox li a.menuActif{ color:#fa8220; background:#333;}
#container #top #topRight #topRightBox li.transfert-es a{ width:185px; background:url(img/menu/transfert-es.png) top left no-repeat; padding-left:95px;}

#container #contenu {width:890px; padding:0; margin:0; background:#FFF;}
#container #contenu #contenuLeft {width:585px; padding:0; margin:5px 0 0 0; float:left;}
#container #contenu #contenuLeft img{margin:0 0 5px 0;}
#container #contenu #contenuLeft div.titreGauche{display:block; width:575px; height:23px; float:left; background:url(img/contenu/bgTitres.gif) top left repeat-x; margin:0 0 5px 0; padding:7px 0 0 10px; text-align:left; }
#container #contenu #contenuLeft div.postLeft{display:block; min-height:725px; float:left; margin:0 0 5px 0; text-align:left; background:url(img/contenu/bg-contenu.gif) top left no-repeat; padding:0;}
#container #contenu #contenuLeft div.postLeft p a{ color:#CC0000; text-decoration:none;}
#container #contenu #contenuLeft div.postLeft p a:hover{ text-decoration:underline;}
#container #contenu #contenuLeft div.postLeft a img{ border:5px solid #c3ced8;}
#container #contenu #contenuLeft div.postLeft a img:hover{ border:5px solid #0d7cbd;}
#container #contenu #contenuLeft div.postVideo{display:block; float:left; margin:0 0 5px 0; text-align:left;}
#container #contenu #contenuRight {width:300px; padding:0; margin:5px 0 0 0; float:right;}
#container #contenu #contenuRight div.titredroit{display:block; width:290px; height:23px; float:left; background:url(img/contenu/bgTitres.gif) top left repeat-x; margin:0 0 5px 0; padding:7px 0 0 10px; text-align:left; }
#container #contenu #contenuRight div.postRightSondage{width:290px; padding:5px; background: #000; display:block; float:left; margin:0 0 5px 0;}
#container #contenu #contenuRight div.postRightPub{width:300px; height:500px; padding:0; display:block; float:left; margin:0 0 5px 0;}
#container #contenu #contenuRight div.postRightPub2{width:300px; padding:0; display:block; float:left; margin:0 0 5px 0;}
#container #contenu #contenuRight div.postRightPub a img{border:0;}
#container #contenu #contenuRight div.titresondage{color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;font-size:12px;line-height:18px;}
#container #contenu #contenuRight div.choix{ background:#000;margin-top:5px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:5px;font-size:14px; text-align:left;}
#container #contenu #contenuPlein {width:890px; padding:0; margin:5px 0 0 0; float:left;}
#container #contenu #contenuPlein div.titrePlein{display:block; width:880px; height:23px; float:left; background:url(img/contenu/bgTitres.gif) top left repeat-x; margin:0 0 5px 0; padding:7px 0 0 10px; text-align:left; }
#container #contenu #contenuPlein div.titrePlein h2 a{color:#F00; text-decoration:none;}
#container #contenu #contenuPlein div.titrePlein h2 a:hover{color:#900;}
#container #contenu #contenuPlein div.fournisseurs{display:block; width:890px; height:59px; padding:0; float:left; margin:0 0 5px 0; text-align:left;}
#container #contenu #contenuPlein div.postPlein{display:block; width:890px; padding:0; float:left; margin:0 0 5px 0; text-align:left;}
#container #postBottom{display:block; float:left; margin:0 0 5px 0; background: #141414; width:890px; padding:0 0 5px 0;}
#container #postBottom div.postBottomBox{display:block; float:left; margin:0 0 5px 0; width:201px; height:200px; padding:10px; border-right:1px solid #353535; text-align:left; }
#container #postBottom div.postBottomBoxFin{display:block; float:left; margin:0 0 5px 0; width:202px;padding:10px;text-align:left;}
#container #postBottom div.postBottomBox h3{ margin-bottom:10px;}
#container #postBottom div.postBottomBoxFin h3{ margin-bottom:10px;}
#container #postBottom div.postBottomBox p{padding:0 0 0 10px; color:#696969; font-size:10px; text-decoration:none; text-transform:uppercase;}
#container #postBottom div.postBottomBox a{padding:0 0 0 10px; color:#696969; font-size:10px; text-decoration:none; text-transform:uppercase;}
#container #postBottom div.postBottomBox a:hover{color:#FFF; font-size:10px;}
#container #postBottom div.postBottomBoxFin a{padding:0 0 0 10px; color:#696969; font-size:10px; text-decoration:none; text-transform:uppercase;}
#container #postBottom div.postBottomBoxFin a:hover{color:#FFF; font-size:10px;}
#container #postBottom div.postBottomBoxFin p{color:#696969;}
#container #postBottom div.postBottomBox .facebook{ width:172px; height:30px; background:url(img/footer/facebook.gif) top left no-repeat; margin:0; cursor:pointer;}
#container #postBottom div.postBottomBox .facebook:hover{ background:url(img/footer/facebook_roll.gif) top left no-repeat;}
#container #postBottom div.postBottomBox .flickr{ width:172px; height:30px; background:url(img/footer/flickr.gif) top left no-repeat; margin:0; cursor:pointer;}
#container #postBottom div.postBottomBox .flickr:hover{ background:url(img/footer/flickr_roll.gif) top left no-repeat;}

#choix{width:890px; height:16px; background:url(img/choix/bg.gif) top left repeat-x; padding:2px 0; margin:1px 0; text-align:left;}
#choixBox{width:890px; height:17px; margin:0; padding:0; list-style-type:none; position:absolute;}
#choixBox li{height:17px; width:99px; padding:0; margin:0 2px 0 0; float:left;}
#choixBox li a{display:block; width:99px; height:17px; line-height:15px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#FFF; background:url(img/choix/choixbgHover.gif) top left repeat-x;}
#choixBox li a:hover{background:url(img/choix/choixbg.gif) top left no-repeat;}
.choixTexte{display:block; width:145px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; margin:0; text-align:left; line-height:18px; float:left; background:url(img/choix/fleche.gif) 5px 7px no-repeat; padding:0 0 0 55px;}

.actif{display:block; width:99px; height:17px; line-height:17px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background:url(img/choix/choixbgHover.gif) top left no-repeat;}


.BTNsuiteNB{display:inline-block; width:65px; height:13px; background:url(img/contenu/suite/bgSuiteNoirBlanc.gif) top left no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; padding:1px 0 0 0; margin:5px; text-align:center; color:#FFF; text-decoration:none; text-transform:uppercase;}
.BTNsuiteNB:Hover{background:url(img/contenu/suite/bgSuiteRougeBlanc.gif) top left no-repeat;}
.BTNsuiteGN{display:inline-block; width:65px; height:13px; background:url(img/contenu/suite/bgSuiteGrisNoir.gif) top left no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; padding:1px 0 0 0; margin:5px; text-align:center; color:#000; text-decoration:none; text-transform:uppercase;}
.BTNsuiteGN:Hover{background:url(img/contenu/suite/bgSuiteRougeNoir.gif) top left no-repeat; color:#FFF;}
.BTNsuiteRN{display:inline-block; width:65px; height:13px; background:url(img/contenu/suite/bgSuiteRougeNoir.gif) top left no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; padding:1px 0 0 0; margin:5px; text-align:center; color:#FFF; text-decoration:none; text-transform:uppercase;}
.BTNsuiteRN:Hover{background:url(img/contenu/suite/bgSuiteGrisNoir.gif) top left no-repeat; color:#000;}


/* menu-------------------------------------------------------------------------------------------------- */

#bande_menu {width:890px; height:31px; margin:0 auto; padding:0px; text-align:left; background:url(img/menu/bg.gif) top left repeat-x;}

ul#menu{ padding:0; margin:0;}

ul#menu li{	float:left; padding:0; margin:0; position:relative; list-style:none; background:url(img/menu/bg.gif) top left repeat-x; border-right:1px solid #747474;}

ul#menu li a{display:inline-block; padding:0 26px; height:31px; line-height:31px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#FFF; font-weight:bold; text-transform:uppercase;}
ul#menu li a:hover{background:url(img/menu/bgHover.gif) bottom center no-repeat;}

ul#menu li div#drop{ position:absolute; top:31px; width:193px;}
ul#menu li div#drop ul{	float:left;	width:193px; margin:0; padding:0; display:none;}
ul#menu li div#drop ul li{float:none; width:193px; padding:0; margin:0; }

ul#menu li div#drop ul li a{display:block; padding:0 10px; margin:0; width:173px; height:24px; line-height:24px; text-align:center; background:url(img/menu/bg.gif) top left repeat-x; border-bottom:1px solid #FFF;}
ul#menu li div#drop ul li a:hover{background:#000;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

ul#menu li:hover div#drop ul, ul#menu li.over div#drop ul {display: block; border:1px solid #FFF;}

/* formulaire-------------------------------------------------------------------------------------------------- */

#container #contenu #contenuLeft .postLeft { width:450px; margin-top:10px; }
#container #contenu #contenuLeft .postLeft tr{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#000; margin:0; text-align:left;}
#container #contenu #contenuLeft .postLeft tr td{ padding:3px; width:225px;}

#container #contenu #contenuLeft .postLeft input{ width:200px; border:1px solid #000; background-color:#FFF; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#000; margin:0; text-align:center;}
#container #contenu #contenuLeft .postLeft select{ width:200px; border:1px solid #000; background-color:#FFF; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#000; margin:0; text-align:center;}
#container #contenu #contenuLeft .postLeft textarea{ width:200px; height:100px; padding:5px; border:1px solid #000; background-color:#FFF; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#000; margin:0; text-align:left;}
#container #contenu #contenuLeft .postLeft input.btn{ width:100px; border:1px solid #404246; background-color:#000; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:center; cursor:pointer;}
#container #contenu #contenuLeft .postLeft input.btn:hover{ background-color:#ee1c2e; }
#container #contenu #contenuLeft .postLeft .checkbox{ width:20px; border:0;}
#container #contenu #contenuLeft .postLeft .msgEnvoyer{ display:block; padding:3px; width:500px; background-color:#f78125; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#FFF; margin:0; text-align:center; border:1px solid #000;}