/* CSS Document */
@font-face {
    font-family: source;
    src: url('../webfonts/SourceSansPro-Regular.otf');
    
}
@font-face {
    font-family: sourceBlack;
    src: url('../webfonts/SourceSansPro-Black.otf');
    font-weight:bolder;
}
@font-face {
    font-family: sourceBlackIt;
    src: url('../webfonts/SourceSansPro-BlackIt.otf');
    font-weight:bolder;
	font-style:italic;
}
@font-face {
    font-family: sourceBlackBold;
    src: url('../webfonts/SourceSansPro-Bold.otf');
    font-weight:bold;
	font-style:normal;
}
@font-face {
    font-family: sourceBoldIt;
    src: url('../webfonts/SourceSansPro-BoldIt.otf');
    font-weight:bold;
	font-style:italic;
}
@font-face {
    font-family: sourceLighter;
    src: url('../webfonts/SourceSansPro-ExtraLight.otf');
    font-weight:lighter;
	font-style:normal;
}
@font-face {
    font-family: sourceLighterIt;
    src: url('../webfonts/SourceSansPro-ExtraLightIt.otf');
    font-weight:lighter;
	font-style:italic;
}
@font-face {
    font-family: sourceLight;
    src: url('../webfonts/SourceSansPro-Light.otf');
    font-weight:light;
	font-style:normal;
}
@font-face {
    font-family: sourceLightIt;
    src: url('../webfonts/SourceSansPro-LightIt.otf');
    font-weight:Light;
	font-style:italic;
}
@font-face {
    font-family: sourceSemBoldIt;
    src: url('../webfonts/SourceSansPro-SemiboldIt.otf');
    font-weight:500;
	font-style:italic;
}
@font-face {
    font-family: sourceSemiBold;
    src: url('../webfonts/SourceSansPro-Semibold.otf');
    font-weight:500;
	font-style:normal;
}
@font-face {
    font-family: sourceIt;
    src: url('../webfonts/SourceSansPro-It.otf');
    font-weight:500;
	font-style:normal;
}
@font-face {
    font-family: proxima;
    src: url('../webfonts/Proxima Nova Regular.otf');
}
@font-face {
    font-family: proximaLight;
    src: url('../webfonts/Proxima Nova Light.otf');
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
		min-width:1360px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#slide1 {
   background: url(../img/bgNoir.png) center 0 no-repeat fixed; background-size:cover;
}

#slide2 {
  background: url(../img/bgNoir.png) center 0 no-repeat fixed;background-size:cover;
}

#slide3 {
    background: url(../img/imgCentrale.png) center 0 no-repeat fixed;background-size:cover;
}

#slide4 {
   background: url(../img/bgNoir.png) center 0 no-repeat fixed;background-size:cover;
}
#slide5 {
   background: url(../img/imgBas2.JPG) center 0 no-repeat fixed;background-size:cover;
}

.itemMenu{font-family: "source"; color: #000000;font-size: 18px;font-weight: 600; text-shadow: 0 0 1px #66cc33,0 0 10px #66cc33, 0 0 15px #66cc33, 0 0 17px #66cc33, 0 0 19px #66cc33; text-outline:#66cc33; display:inline-block;text-align:center; cursor:pointer;}
.itemMenu:hover{font-family: "source"; color: #000000;font-size: 18px;font-weight: 600; text-shadow: 0 0 1px #fff, 0 0 3px #fff, 0 0 10px #66cc33, 0 0 15px #66cc33, 0 0 17px #66cc33, 0 0 19px #66cc33, 0 0 20px #66cc33, 0 0 22px #66cc33; text-outline:#66cc33; display:inline-block;text-align:center; cursor:pointer;}

.slideImg{display:inline-block;}
.btnSlide{width: 60px;
	height: 4px;background-color: #641292; display:inline-block; margin:0 5px 0 0; position:relative; vertical-align:bottom; }
/*.btnSlide:hover{width: 60px;
	height: 4px;background-color: #9417ec; display:inline-block; margin:0 5px 0 0; position:relative; vertical-align:bottom; cursor:normal;}*/
	
#listeSports{width:100%; height:780px; display:block; text-align:center; padding-top:20px;}
.imgSports{display:inline-block; width: 30%; height: 25%; margin-right:20px;}
.imgSports img{width:auto; height: 70%;}
.imgSports h4{margin:0; padding:0; position:relative; color:#fff; width:100%; margin-top:20px;font-family: "sourceLighter"; font-size: 25px;font-weight: 600; text-shadow: 0 0 1px #A400F5, 0 0 2px #A400F5, 0 0 3px #A400F5, 0 0 5px #A400F5, 0 0 6px #A400F5; text-outline:#A400F5; display:inline-block;text-align:center;}

.btnBdp:hover{box-sizing:content-box; padding: 0 10px; height: 100%; vertical-align:middle; border-color: #67c831; border-width: 3px; border-style: solid;display:inline-block; margin-right:5%; -webkit-box-sizing: content-box;
  -webkit-box-shadow: -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff inset;
  box-shadow: -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff inset;
 
  cursor:pointer;}
.btnBdp{box-sizing:content-box; padding: 0 10px;vertical-align:middle; border-color: #67c831; border-width: 3px; border-style: solid;display:inline-block; margin-right:5%; cursor:pointer;}
.btnBdp p{margin:0; padding:0 10px;box-sizing:content-box; vertical-align:center; color:#67c831; font-family:sourceLight; font-size:22px; display:block; height: 100%; }
.btnBdp p:hover{margin:0; box-sizing:content-box; padding: 0 10px; vertical-align:center; color:#67c831; font-family:source; font-size:22px;text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff; display:inline;}
#listeBdp a{position:relative; width:100%; height:100%; margin:0; padding:0; text-decoration:none; color:inherit;}

#listePack{width:1536px; height: 850px; margin:0 auto; display:block; text-align:center; }
.pack{width:443px; height: 320px;  display:inline-block; margin-right:40px; margin-bottom:40px;  -webkit-box-shadow: 0px 0px 25px #67c831;box-shadow: 0px 0px 25px #67c831; position:relative;border-width: 1px; border-color: #67c831; border-style: solid;}

.capacite{text-shadow: 0 0 1px #fff,0 0 2px #fff, 0 0 3px #775bc0; font-size: 18px; font-family:sourceLight; color:#fff; line-height:20px; vertical-align:central;  margin-top:20px; display:block;}
.hoverPack{  -webkit-box-shadow: 0px 0px 25px #fff;box-shadow: 0px 0px 25px #fff; display:none;text-decoration:none; position:absolute; top:0; left:0; width:443px; height:320px; border-width: 1px; border-color: #ffffff; border-style: solid; background-color: rgba(0, 0, 0, 0.53); }
.hoverPack h1{	border-width: 2px;	border-color: #67c831; line-height:28px;	border-style: solid; background-color: #440e62; height: 64px; margin: 120px auto; width: 327px; font-family: SourceLight; color: #67c831; text-transform:uppercase; text-decoration:none; }
 .hoverPack h1 span{ font-size: 24px; display:block; font-family: SourceLight; font-weight: bold;}
#listDet li{position:relative; top:0px;} 
#listDet li h1{font-family: Source;	color: #66cc33;	font-size: 34px;font-weight: 500; text-transform:uppercase; margin-top:20px; margin-left:20px;}
#listDet li h3{font-family: sourceLight;	color: #66cc33;	font-size: 30px; margin-top:20px; margin-left:20px;}
#listDet li h3:first-letter{text-transform:capitalize;}
#listDet div{width: 498px;	height: 120px;	font-family: sourceLight;	color: #999999;	font-size: 30px; border-left:#9417ec solid 2px; margin:0; padding:0; margin-left:70px; padding-left:20px; margin-top:20px;}
#listDet .description{font-family: sourceLight;	color: #999999;	font-size: 26px; line-height:30px; }
#listDet .detDescr{font-family: sourceLightIt;	color: #999999;	font-size: 14px; line-height:18px;}
#listDet .detDescr:first-letter{text-transform:capitalize;}
#listDet .detDescSecu{font-family: sourceIt;	color: #999999;	font-size: 20px; line-height:24px;}
#listDet .detDescSecu:first-letter{text-transform:capitalize;}
#listDet .prix{font-family: sourceIt;	color: #9417ec;	font-size: 36px; font-weight: 600; margin-top:20px; margin-left:450px;}
#listDet .detProduits{font-family: sourceLighter;	color: #67c831;	font-size: 20px; margin-top:35px; margin-left:200px;}
#listDet .detProduits:first-letter{text-transform:capitalize;}
#listDet img{float:left; position:absolute; top:50px; right:150px; height: 233px;}
#listDet .detAjout{font-size:22px; width:650px;}