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

body{ padding:0; margin:0; text-align:left; background:url(img/body/bg-econosports3.jpg) #390001 top center no-repeat; text-align:center;}
body.golf{ background:url(img/body/bg-econosports4.jpg) #390001 top center no-repeat;}
body.velo{ background:url(img/body/bg-econosports5.jpg) #390001 top center no-repeat;}
body.tennis{ background:url(img/body/bg-econosports6.jpg) #390001 top center no-repeat;}
body.soccer{ background:url(img/body/bg-econosports7.jpg) #390001 top center no-repeat;}
body.baseball{ background:url(img/body/bg-econosports8.jpg) #390001 top center no-repeat;}
body.pleinair{ background:url(img/body/bg-econosports9.jpg) #390001 top center no-repeat;}
body.patins{ background:url(img/body/bg-econosports10.jpg) #390001 top center no-repeat;}
body.hiver{ background:url(img/body/bg-econosports11.jpg) #390001 top center no-repeat;}
body.vetements{ background:url(img/body/bg-econosports12.jpg) #390001 top center no-repeat;}
body.skidefond{ background:url(img/body/bg-econosports13.jpg) #390001 top center no-repeat;}
body.skialpin{ background:url(img/body/bg-econosports14.jpg) #390001 top center no-repeat;}
body.chaussures{ background:url(img/body/bg-econosports15.jpg) #390001 top center no-repeat;}
body.snow{ background:url(img/body/bg-econosports16.jpg) #390001 top center no-repeat;}
body.raquetteneige{ background:url(img/body/bg-econosports17.jpg) #390001 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:#ee1c2e; 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(255, 224, 27);}
.red{color:#a50505;}
.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 #fde537; margin:0 0 10px 0;}

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

#logo {width:840px; height:170px; padding:80px 0 0 60px; 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:0; margin:0; 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; padding:0; margin:0;}
#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:#ffdf1b;}
#container #top #topRight #topRightBox li a.menuActif{ color:#ed1b2e; background:#333;}
#container #top #topRight #topRightBox li.transfert-he a{ width:185px; background:url(img/menu/transfert-he.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:336px; float:left; margin:0 0 5px 0; text-align:left; background:url(img/contenu/bg-contenu.gif) top left no-repeat;}
#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: #141414 url(img/contenu/sondage/bgSondage.gif) top left no-repeat; display:block; float:left; margin:0 0 5px 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; 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 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.postBottomBox p{color:#696969;}
#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;}

.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; border-right:1px solid #747474;}
ul#menu li.end{ border-right:none;}

ul#menu li a{display:inline-block; padding:0 19px 0 20px; 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 repeat-x;}

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

ul#menu li div#drop ul li a{display:block; padding:0 10px; margin:0; width:181px; 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:#aa0501; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#FFF; margin:0; text-align:center; border:1px solid #000;}