@charset "UTF-8";

html {background: url(/templates/templateprincipal/images/background.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

body {margin:0; padding:0; font-family:helvetica, geneva, sans-serif; font-weight:lighter;}

a {text-decoration:none; color:#005724; font-weight:bold;}
a:hover {color:#003516;}

img {border:0;}

#global {width:900px; margin:0 auto;}

/* RÉSEAUX SOCIAUX */
#reseauxSociaux #bFacebook {display:block; height:42px; width:82px; background:url(/templates/templateprincipal/images/facebook.png) no-repeat; position:fixed; right:-41px; top:120px;}
#reseauxSociaux #bTwitter {display:block; height:42px; width:82px; background:url(/templates/templateprincipal/images/twitter.png) no-repeat; position:fixed; right:-41px; top:164px;}
#reseauxSociaux #bYoutube {display:block; height:42px; width:82px; background:url(/templates/templateprincipal/images/youtube.png) no-repeat; position:fixed; right:-41px; top:208px;}

/* PARTENAIRES */
#partenaires #bPortesSoleil {display:block; height:57px; width:150px; background:url(/templates/templateprincipal/images/portes-soleil.png) no-repeat; position:fixed; right:-93px; bottom:90px;}
#partenaires #bRedIce {display:block; height:57px; width:150px; background:url(/templates/templateprincipal/images/red-ice.png) no-repeat; position:fixed; right:-93px; bottom:150px;}
#partenaires #bCroiseeSports {display:block; height:57px; width:150px; background:url(/templates/templateprincipal/images/croisee-sports.png) no-repeat; position:fixed; right:-93px; bottom:210px;}

/* HEADER */
#header {background:url(/templates/templateprincipal/images/ident-top.jpg) repeat-x; width:100%; height:114px;}
#header a {display:block; width:900px; height:84px; margin:0 auto; padding-top:10px;}
#header a:hover {opacity:0.75;}

/* MENU */
#menu {width:840px; padding-left:60px; height:46px; background:url(/templates/templateprincipal/images/background-menu.jpg) no-repeat; margin-top:2px;}
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li.level1 a {color:white; text-decoration:none; text-transform:uppercase; font-weight:bold; display:block; height:46px; line-height:46px; padding:0 8px; text-shadow:black 2px 2px 3px;}
#menu ul li.level1 a:hover {color:#e6a525;}
#menu ul li.level2 a {background-color:#24482a; font-size:12px; font-weight:lighter; width:200px; height:30px; line-height:30px; margin-left:-46px;}
#menu ul li.level2 a:hover {background-color:#003308;}
#menu ul li.level3 a {display:block; background-color:#003308; font-size:12px; font-weight:lighter; width:200px; height:30px; line-height:30px; margin-left:169px;}
#menu ul li.level3 a:hover {background-color:#001e04;}

/* SLIDES */
#slides {margin-top:2px;}
#slides #actu {float:left; width:613px; margin-bottom:2px;}
#slides #actu a {color:white; font-weight:bold;}
#slides #pub {float:right; width:285px; z-index:2;}
.cameraContents {z-index:0;}
#legendePub {background-color:#005724; font-size:9px; text-transform:uppercase; height:15px; line-height:15px; color:white; text-align:right; padding-right:3px;}

/* MODULE ACTU */
#moduleActu {clear:both; display:block; background-color:#005724; height:170px; text-align:center;}
#moduleActu ul {list-style:none; margin:0; padding:0; width:100%; height:170px; overflow:hidden;}
#moduleActu ul li {color:white; font-size:12px; display:inline-block; vertical-align:top; width:190px; text-align:justify; padding:15px;}
#moduleActu ul li a {color:white; text-decoration:none; font-weight:bold;}
#moduleActu ul li a.moduleItemTitle {display:block; text-transform:uppercase; font-size:14px; text-align:left;}
#moduleActu ul li a.moduleItemReadMore {display:block; padding-top:8px;} 
#moduleActu ul li a:hover, #moduleActu .moduleCustomLink:hover {color:#f7b228;}
#moduleActu .moduleCustomLink {float:right; margin-top:-30px; color:white; text-decoration:none; font-weight:lighter; text-transform:uppercase; font-size:12px; padding-right:20px;}

#boutonActu {clear:both; background:url(/templates/templateprincipal/images/background-actualite.jpg) no-repeat; height:90px; margin-top:2px;}
#boutonActu:hover {opacity:0.8; cursor:pointer;}
#boutonActu a {float:right; color:white; text-decoration:none; display:block; width:885px; height:90px; line-height:90px; text-align:right; padding-right:15px;}
#boutonActu a:hover {color:#f7b228;}

/* CONTENU */

.itemAttachmentsBlock span {display:none;}
ul.itemAttachments {list-style:none; margin:20px 0 20px 0; padding:0;}
ul.itemAttachments li {margin-bottom:5px;}
ul.itemAttachments li a {display:block; padding:9px; border:1px solid #888888; background-color:#f2f2f2;}
ul.itemAttachments li a:hover {background-color:#d8d7d7;}

/* Éléments */
#contenu {padding-left:4px;}
#contenu .itemTitle {margin:2px 0 0 0; padding:0; font-size:22px; color:#005724; font-weight:lighter; text-transform:uppercase;}
#contenu .itemImage {float:left; margin:0 8px 8px 0; padding:0;}
#contenu .itemBody {background-color:#f5f5f5; border:#c7c7c7 solid 1px; color:#005724;}
#contenu .itemBody p {margin:0; padding:10px; text-align:justify;}
#contenu .itemBody ul li {margin-top:15px; margin-left:200px; margin-right:200px; list-style:circle; font-size:22px;}
#contenu .itemDateCreated {display:block; font-size:14px; font-weight:lighter; text-align:right; padding-top:5px;}
#contenu .jokerClub {margin:0 auto; display:block; width:190px;}
#contenu .hoverAlpha:hover {opacity:0.8;}

/* Catégorie */
#contenu .itemList {margin-left:1px; display:block;}
#contenu .catItemView {background-color:#ffffff; border:#c7c7c7 solid 1px; color:#005724; margin-bottom:2px; margin-right:2px; margin-top:2px; padding:20px; font-size:16px; font-weight:lighter; overflow:hidden;}
#contenu .itemContainerLast {width:896px;}
#contenu .catItemReadMore a.k2ReadMore {display:block; text-decoration:none; color:#7d7d7d; padding-top:8px;}
#contenu .catItemReadMore a.k2ReadMore:hover {color:#f7b228;}
#contenu .itemContainer {float:left;}
#contenu .groupPrimary {width:405px; background-color:#f9f9f9; border:#c7c7c7 solid 1px; color:#005724; height:180px; margin:0px 2px 2px 0px; padding:20px; font-size:14px; font-weight:lighter; overflow:hidden;}
#contenu .groupPrimary .catItemDateCreated {font-size:11px;}
#contenu .catItemTitle a {font-weight:lighter; text-decoration:none; text-transform:uppercase; color:#f7b228;}
#contenu .catItemTitle a:hover {color:#c28815;}
#contenu .k2Pagination {clear:both; text-align:center; padding-top:2px;}
#contenu .k2Pagination ul {list-style:none; margin:0; padding:0;}
#contenu .k2Pagination ul li {display:inline-block; padding:5px; margin-right:2px; background-color:#f9f9f9; border:#c7c7c7 solid 1px; color:#005724; font-size:12px; font-weight:lighter;}
#contenu .k2Pagination ul li a {display:block; width:100%; height:100%; text-decoration:none; font-weight:bold; color:#f7b228;}
#contenu h3.catItemTitle {font-weight:lighter; margin:0; padding:0; color:#f7b228; text-transform:uppercase;}
#contenu .catItemExtraFields h4 {display:none;}
#contenu .catItemExtraFields ul {list-style:none; margin:0; padding:0;}
#contenu .catItemExtraFieldsLabel {font-weight:bold;}
#contenu .groupSecondary {background-color:#f9f9f9; border:#c7c7c7 solid 1px; color:#005825; margin:2px 3px 0px 0px; padding:20px; font-size:14px; overflow:hidden; height:220px;}
#contenu .groupSecondary .catItemTitle {margin:0; padding:0;}
#contenu .groupSecondary .catItemTitle a {color:#005825; font-weight:lighter;}
#contenu .groupSecondary .catItemTitle a:hover {color:#00230f;}
#contenu .catItemImageBlock {text-align:center; padding-top:15px;}
#contenu iframe {width:100%;}
#contenu .itemListSubCategories h3 {display:none;}
#contenu .subCategoryMore {display:none;}
#contenu .subCategoryContainer {float:left; text-align:center; margin-top:2px;}
#contenu .subCategory {background-color:#005724; border:#c7c7c7 solid 1px; margin-right:2px; margin-bottom:2px;}
#contenu .subCategory h2 {margin:0; padding:0;}
#contenu .subCategory h2 a {color:white; text-transform:uppercase; font-weight:100; letter-spacing:1px; text-shadow:black 2px 2px 3px; display:block; padding:8px 0px;}
#contenu .subCategory h2 a:hover {color:#f7b228;}
#contenu .itemExtraFields h3 {display:none;}
#contenu .itemExtraFields .itemExtraFieldsLabel {display:none;}
#contenu .itemListCategory {border:#c7c7c7 solid 1px; padding:20px; background-color:#ffffff; margin-top:2px; margin-right:2px;}
#contenu .catItemCategory span, #contenu .itemCategory span {display:none;}
#contenu .catItemCategory a, #contenu .itemCategory a {float:right; padding-top:20px; font-size:16px; font-weight:lighter; text-transform:uppercase; vertical-align:bottom;}
#contenu .catItemExtraFieldsValue p {margin:0; padding:4px 0px;}

#contenu .k2Pagination ul li a:hover {color:#cd972a;}

/* Galerie photos */
#contenu .itemImageGallery h3 {margin:0; padding:0; color:#005724; font-weight:lighter; font-size:12px; text-transform:uppercase;}

/* Réseaux sociaux */
#contenu .itemSocialSharing {text-align:right; padding-top:15px;}
#contenu .itemSocialSharing div {display:inline-block;}

/* MODULES HAUT */
#modulesHaut {clear:both; height:225px; margin:2px 0;}
#modulesHaut #facebook {float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/j-aime.png) no-repeat;}
#modulesHaut #jokerEvent {float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/background-jokerevent.jpg) no-repeat;}
#modulesHaut #jokerClub {display:block; float:left; width:225px; height:98px; background:url(/templates/templateprincipal/images/background-jokerclub.jpg) no-repeat;}
#modulesHaut #Event {display:block; float:left; width:225px; height:98px; background:url(/templates/templateprincipal/images/background-event.jpg) no-repeat;}
#modulesHaut #resultats {float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/background-jokerevent.jpg) no-repeat;}
#modulesHaut #classement {display:block; float:left; width:225px; height:98px; background:url(/templates/templateprincipal/images/button-resultas.jpg) no-repeat;}
#modulesHaut #playoff {display:block; float:left; width:225px; height:98px; background:url(/templates/templateprincipal/images/button-playoff.jpg) no-repeat;}
#modulesHaut #jokerClub a:hover, #modulesHaut #resultats a:hover, #modulesHaut #jokerClub:hover, #modulesHaut #Event:hover {opacity:0.8;}
#modulesHaut #matchs {display:block; float:left; width:225px; height:225px;}
#modulesHaut #matchs #prochainMatch {float:left; background:url(/templates/templateprincipal/images/prochain-match.jpg) no-repeat; width:115px; height:32px; margin-bottom:2px; cursor:pointer;}
#modulesHaut #matchs #dernierMatch {float:right; background:url(/templates/templateprincipal/images/dernier-match.jpg) no-repeat; width:107px; height:32px; cursor:pointer;}
#modulesHaut #matchs #prochainMatch:hover, #modulesHaut #matchs #dernierMatch:hover {opacity:0.8;}
#modulesHaut #matchs #contenuMatch {clear:both; background:url(/templates/templateprincipal/images/background-match.jpg) no-repeat; height:191px;}

/* FAN'S CLUB */
#fans a {display:block; background:url(/templates/templateprincipal/images/background-fans.jpg) no-repeat; height:60px; margin-bottom:2px;}
#fans a:hover {opacity:0.8;}

/* MODULES BAS */
#modulesBas {height:225px; margin:2px 0;}
#modulesBas #boutique a {display:block; float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/boutique.jpg) no-repeat;}
#modulesBas #photos a {display:block; float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/photos.jpg) no-repeat;}
#modulesBas #videos a {display:block; float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/videos.jpg) no-repeat;}
#modulesBas #planGlace a {display:block; float:left; width:225px; height:225px; background:url(/templates/templateprincipal/images/plan-de-glace.jpg) no-repeat;}
#modulesBas #boutique a:hover, #modulesBas #photos a:hover, #modulesBas #videos a:hover, #modulesBas #planGlace a:hover {opacity:0.8;}

/* SPONSORS */
#sponsors {padding-bottom:80px;}

/* FOOTER */
#ombreFooter {width:900px; height:20px; background:url(/templates/templateprincipal/images/ident-ombre-footer.png) no-repeat; margin:0 auto;}

#footer {background:url(/templates/templateprincipal/images/ident-bottom.jpg) repeat-x; width:100%; height:82px;}
#footer #copyright {width:900px; margin:0 auto; color:white; text-align:right; font-size:11px; padding-top:30px;}
#footer #copyright a {color:#f7b228;}
#footer #copyright a:hover {color:#ffe1a6;}