m@charset "UTF-8";
<link rel="icon" type="image/gif" href="images/logo.gif" />

/* CSS Document */

html {
	font-size: 100%;
}
body {
	background-color: #000;
	line-height:normal;
	font-family: Helvetica, sans-serif;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	color: #FFF;
	margin: 0px;
	padding: 0px;	
}


/*----------------*/
/*-----liens-----*/
/*--------------*/

a img{
	border:none;
}

a.lien:link{
	color: #F30;
	text-decoration: none;
}
a.lien:visited{
	color:#F60;
	text-decoration: none;
}
a.lien:hover{
	color:#F90;
	text-decoration: none;
}
a.lien:active{
	color:#F90;
	text-decoration: none;
}

a {
	border: 0px none #000;
	color:#000;
	text-decoration: none;
}

a.pglien:link{
	color:#FFF;
	text-decoration: none;
}
a.pglien:visited{
	color:#FFF;
	text-decoration: none;
}
a.pglien:hover{
	color:#F90;
	text-decoration: none;
}
a.pglien:active{
	color:#FFF;
	text-decoration: none;
}
.lien{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


/*-----------------*/
/*-----textes-----*/
/*---------------*/

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Butcherman Caps', cursive;*/
	font-family: Helvetica, sans-serif;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
h1 {
	color:#900;
	font-size:16px;
	text-transform: uppercase;
}
h2 {
	color: #666;
	font-size: 16px;
}
h3 {
	font-size:12px;
}
.h3Lien {
	font-size:12px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
h4 {
	font-size:10px;
}
h5 {
	font-size:10px;
	font-style:italic;
}
h6 {
	font-size:10px;
	color:#999;
}
h7{
	font-size:6px;
}
.textCenter {
	text-align: center;
}
.textJustify {
	text-align: justify;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.textBottom {
	margin-bottom:5px;
}


/*----------------*/
/*-----color-----*/
/*--------------*/

.colorRed{
	color:#900;
}
.colorRed2{
	color: #FF1200;
}
.colorWhite{
	color: #FFF
}
.colorGrey {
	color: #666;
}
.colorGrey2 {
	color: #CCC;
}
.colorRose {
	color: #F39;
}
.colorOrange{
	color:#F60;
}
.colorGreen{
	color: #0F0;
}


/*------------------*/
/*-----tableau-----*/
/*----------------*/

td {
	text-align:left;
}


/*-----------------*/
/*-----marges-----*/
/*---------------*/

.margRight {
	margin-right:20px;
}
.margRight2 {
	margin-right:40px;
}
.margTitreLeft {
	margin-left:120px;
}
.margSonLeft {
	margin-left:20px;
}
.margLeft {
	margin-left:100px;
}
.margLeft2 {
	margin-left:20px;
}
.margLeft3 {
	margin-left:220px;
}
.margLeft4 {
	margin-left:200px;
}
.margTop {
	margin-top: 50px;
}
.margTop2 {
	margin-top: 25px;
}
.margTop3 {
	margin-top: 10px;
}
.margTop4 {
	margin-top: 280px;
}
.margTop5 {
	margin-top: 100px;
}
.margTop6 {
	margin-top: 150px;
}
.margTop7 {
	margin-top: 200px;
}
.margTop8 {
	margin-top: 75px;
}
.margBottom {
	margin-bottom:35px;
}
.margBottom2 {
	margin-bottom:5px;
}
.margBottom3 {
	margin-bottom:15px;
}
.margPanier {
	margin-left: 5px;
	margin-top: 5px;
}
.margSansL {
	margin-left:0px;
}
.margSansR {
	margin-right:0px;
}
.margPortfolioC{
	margin-right:auto;
	margin-left:auto;
}

/*---------------------------------*/
/*-----conteneur page entière-----*/
/*-------------------------------*/

#conteneurGlobal  {
	width: 1200px;
	height:100%;
	min-height:1200px;
	/*background-color:#0F0;*/
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	line-height:150%;
	text-align:justify;
}	
#conteneurGlobalpdf  {
	width: 1250px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}


/*-------------------------*/
/*-----conteneur nave-----*/
/*-----------------------*/

#boiteNavigation {
	width: 1000px;
	/*background-color: #0FF;*/
	height: 330px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}
#boiteNavigation2 {
	width: 1O00px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/tete_bison.gif);
	background-repeat: no-repeat;
	height: 500px;
	background-position: center bottom;
}
#boiteNavigation3 {
	width: 1000px;
	height: 250px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}
#navigation {
	height: 45px;
	width: 730px;
	float: left;
	top: 135px;
	left: 5px;
}
.naveArtist {
	text-align: center;
	height: 25px;
	width: 850px;
	float: left;
	position: relative;
	color: #999;
}


/*---------------------*/
/*-----conteneurs-----*/
/*-------------------*/

#boitePortfolio {
	width: 800px;
	/*overflow: auto;*/
	margin-left: auto;
	margin-right: auto;
}
#boitelogo {
	position: relative;
	float: left;
	width: 148px;
	border: 0px;
}
.boitelogo {
	position: relative;
	float: left;
	width: 148px;
	border: 0px;
}
.drapeau {
	width: 80px;
	float: right;
	height: 30px;
	border: 0px;
}
.titreSite {
	width:600px;
	float: left;
	position: relative;
	left: 30px;
	top: 60px;
	border: 0px;
}
.espacePro {
	float:right;
	margin-top:140px;
	margin-bottom:25px;
}
#panier{
	width: 100px;
	position: relative;
	text-align: right;
	float: right;
}
.panier{
	width: 150px;
	position: relative;
	text-align: right;
	float: right;
	top: 8px;
	right: 12px;
}
.erreur{
	float: right;
	position: relative;
	border:none;
	top: 110px;
	margin-right: 305px;
}
.conteneurpage{
	width: 1000px;
	/*background-color:#F60;*/
	/*background-image: url(images/tete_bison.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.conteneurpage2{
	width: 850px;
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
}
.conteneurPF{
	width: 1000px!important;
	height:700px;
	/*background-color:#CCC;*/
	background-image: url(images/tete_bison.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
}
.Newsletter{
	width:700px;
	height:500px;
	background-image: url(images/tete_bison.gif);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.conteneurpage2{
	width: 900px;
	background-image: url(images/tete_bison.gif);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
}
.conteneurpage3{
	width: 870px;
	background-image: url(images/tete_bison.gif);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
}
.contentHome{
	width: 850px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float:left;
}
.contentHomeLarge{
	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.contentH{
	width: 370px;
	height:530px;
	margin-left: 25px;
	float:left;
}
.contentH2{
	width: 370px;
	margin-left: 25px;
	float:left;
}
.contentH3{
	width: 370px;
	margin-left: 25px;
	margin-bottom:25px;
	float:left;
}
.conteneurRecherche{
	width: 850px;
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	min-height: 500px;
	background-color: #FFF;
}
.conteneurBasPage{
	vertical-align: middle;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	float: none;
}
#cancel{
	width: 310px;
	height: 50px;
	float: left;
	position: relative;
	left: 20px;
	top: 150px;
}
#cancel2{
	width: 310px;
	height: 50px;
	position: relative;
	top: 150px;
	float: left;
	left: 80px;
}
#recherche{
	width: 310px;
	height: 50px;
	position: relative;
	top: 90px;
	float: left;
	left: 180px;
}
.pagLiens {
	width:1000px;
	height:900px;
	margin-left: auto;
	margin-right:auto;
}
#abonnement{
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}
.newsletter{
	float: left;
	width: 200px;
	position: relative;
	text-align: left;
}
.recherche{
	float: left;
	width: 230px;
	position: relative;
	text-align: left;
}
#panelTabL{
	width: 500px;
	position: relative;
}
#panelTabR{
	width: 500px;
	position: relative;
}
.contact{
	background:url(images/index/transgris.gif);
	color: #09C;
	padding: 5px;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#searchCart {
	/*height: 40px;*/
	width: 990px;
	float: left;
	position: relative;
	right: 0px;
	color: #999;
	left: 0px;
	clear: left;
	top: 10px;
}
.dewPlayerL {
	width: 200px;
	margin-right: auto;
	margin-left: 100px;
}
.dewPlayerR {
	width: 200px;
	margin-left: auto;
	margin-right: 100px;
}
.video {
	width:290px;
	height:120px;
	text-align:left;
	float:left;
}
.video2 {
	width:870px;
	height:220px;
	text-align:center;
	float:left;
}
.videoTitre {
	width:870px;
	text-align:left;
	float:left;
	margin-top:40px;
}


/*----------------*/
/*-----float-----*/
/*--------------*/

.floatL{
	float:left;
	margin-left: auto;
	margin-right: auto;
}
.floatR{
	float:right;
	margin-right: auto;
	margin-left: auto;
}
.floatL2{
	float:left;
	margin-left: auto;
	margin-right: 10px;
}
.floatR2{
	float:right;
	margin-right: auto;
	margin-left: 15px;
	margin-bottom: 40px;
}
.floatL3{
	float:left;
	margin-left:15px;
	margin-right: 20px;
	margin-bottom:15px;
}
.floatR3{
	float:right;
	margin-right: auto;
	margin-left:20px;
	margin-top:40px;
	margin-bottom:40px;
}
.floatC{
	margin-right:auto;
	margin-left:85px;
	float: left;
	margin-top: 80px;
}
.floatLvid{
	float:left;
	margin-right:10px;
}
span.texte {
	width:250px;
	float:left;
	font-size:12px;
}


/*-------------------------*/
/*-----conteneurs pub-----*/
/*-----------------------*/

#pubL{
	border:none;
	float:left;
	width:120px;
	height:600px;
	position: fixe;
}
#pubR{
	border:none;
	float:right;
	width:120px;
	height:600px;
	position: fixe;
}
.background{
	background-color: #F0F;
}


/*-------------------*/
/*----- divers -----*/
/*-----------------*/

.youTube{
	width:1400px;
	margin-left:auto;
	margin-right:auto;
}
tr .filet{
	 border-bottom:solid white 1px;
}


/*////////////////////////////////////////////////////////*/
/*-------------------- nave all site --------------------*/
/*//////////////////////////////////////////////////////*/

.navAll{
	font-size:10px !important;
	margin-top:10px;
	margin-bottom:40px;
}
.backNavAll{
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:3px;
	
	background-color:#999;
	border-bottom-style:solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;

	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.naveEdit2{
	color:#CCC;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	/*background-color:#230721;*/
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*a.naveEdit2:active{
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	background-color:#000000;
	border-bottom:#230721;
	border-bottom-style:solid;
}*/
a.naveEdit2:hover{
	/*font-size:18px;*/
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	background-color:#999;
	border-bottom-style:solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}