body { 
	background: #000; 
	margin: 0; padding: 0; 
	font-size: 11px; 
	font-family: Verdana, sans-serif;
	line-height:1.4em; 
	letter-spacing: 0px; 
	color: #cccccc;
}

a { text-decoration: none; color: #666;  }
a:hover { color: #fff; }


.main { width: 960px;  margin: 0 auto; }

.spacer { clear: both; }

table { width: 100%; }

h2 {
	color: #fff;
	font-size: 1.2em;
	line-height: 2em;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	cursor: default;
}

.whBorder { border: 1px solid #fff; }

/************* header **************/
#header {
	padding: 10px 0 10px 0;
	text-align: center;
}

#header h1 {
	float: left;
	margin: 20px 0 40px 10px;
}
#header h1 a {
	float: left;
	background: #000 url(img/signature.jpg) no-repeat;
	width: 489px;
	height: 40px;
	text-indent: -10000px;
}


#header #top { 
	float: left;
	width: 430px;
	height: 45px;
	margin: 25px 0 0 0;
	
}



/************* menu **************/
#menu {
	padding: 35px 0 10px 0;
	float: left;
	text-align: center;
	width: 188px;
}

#menu ul {

}

#menu ul li {
	padding: 0;
	margin: 3px 0 0 0;
	line-height: 2em;
}

#menu ul li a {
	text-transform: uppercase;
	font-size: 1.2em;
	cursor: pointer;
	padding: 1px 3px;
	font-size: 11px;

}

#menu ul li.on a, #menu ul li.son a.aMenu  {
	color: #666;
	background: #fff;
}
#menu ul li.on ul li a {
	background: none;
	padding: 1px 10px;
}

#menu ul li a:hover {
	color: #666;
	background: #fff;
}



.xClose {
	display: none;
}

/************* sous menu **************/
#menu ul li ul {
	background: #000 url(img/bg-menu.jpg) no-repeat 50% 100%;
	padding: 0 0 10px 0;
}

#menu ul li ul li a:hover {
	background: none;
	color: #fff;
}
#menu ul li.on ul li.sson a {  color: #fff; background: transparent url('img/puce-smenu.jpg') no-repeat 0% 8px; }

/************* footer **************/
#footer {
	padding: 100px 0 25px 0;
	text-align: center;
	font-size: 0.9em;
}

#footer ul li {
	display: inline;
	padding: 8px 30px 8px 30px;
	border-right: 1px solid #666;
}
#footer ul li.last { border: none; }

#footer ul li a {
	text-transform: uppercase;
	color: #444;
}

#footer ul li a:hover {
	color: #666;
}

/************* content **************/
#contentDiv {
	padding: 20px 20px 10px 20px;
	margin: 0 auto;
	font-size: 1.1em;
	float: left;
	border: 1px solid #fff;
	width: 696px;
}

body.home #contentDiv,
body.home_tmp #contentDiv { width: 832px; padding: 120px 0 108px 0; text-align: center; float: none; border: none; }
#homeFooter, #homeFooter a { color: #666; } 
#homeFooter { font-size: 10px; padding-top: 12px; } 

body.presse #contentDiv { padding-top: 0; }

#homeZic { padding: 8px 0 0 0; }

body.under_construction #contentDiv { padding: 150px 20px 150px 20px; text-align: center; }

body.news #contentDiv { padding: 2px 20px 10px 20px;  }
body.bio #contentDiv { padding-top: 40px;  }
body.philo #contentDiv { padding: 0;  }

body.collection #contentDiv { padding: 20px 0; width: 736px;  }
body.shows #contentDiv { padding: 20px 20px;   }
body.show #contentDiv { padding: 40px 20px;   }
body.partners #contentDiv { padding: 30px 20px 30px 20px; min-height: 370px;  }

#contentDiv .topRight { 
	float: right;
	padding: 18px 0 0 0;
}

#contentDiv .topRight a { 
	padding: 0 25px 0 0;
	margin: 0 5px 0 0;
	background: #000 url(img/arrow.jpg) no-repeat 100% 0px;
}

.c1Left {
	float: left; width: 275px;
}

.c1Right {
	float: left; width: 420px;

}

.c2Left {
	float: left; width: 145px;
		text-align: center;
}

.c2Mid {
	float: left; width: 145px; height: 145px; padding: 2px; border: 1px solid #525252; margin: 0 20px 0  20px;
}

.c2Right {
	float: left; width: 360px; 
}
/************* txt **************/
.txt {
	cursor: default;
}

.txt p {
	padding: 0 0 0px 0;
	cursor: default;
}

.txt strong {
	font-weight: bold;
}
.txt em {
	font-style: italic;
}
.purple { color: #999; line-height: 1.2em; }

/************* Infos **************/
.infosLeft {
	float: left;
	width: 277px;
	text-align: center;
}
.infosRight {
	float: left;
	width: 383px;
}

/************* partenaires **************/
#accordion h3 {
	margin: 10px 0 30px 0;
	padding: 5px 0 5px 10px;
	background: #fff;
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
}

#accordion h3 a {
	color: #000;
}



.partenaires .txt {
	padding: 0px 30px 0 30px;
	margin-bottom: 60px;
}

.prodLinkHidden { display: none; }

.prodLink { 
	padding: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
	width: 139px;
	height: 139px;
	text-indent: -10000px;
}

.friends { padding: 0 30px 0 30px; }

.friendItem { 
	padding: 20px 0 20px 0;
	background: #000 url(img/sep-partners.jpg) no-repeat 0% 100%;
}

.friends h5 a {
	background: #000 url(img/bouton_fleche.gif) no-repeat 0% 3px;
	padding: 0 0 0 20px;
	color: #fff;
	text-transform: uppercase;
}
.friends h5 a:hover {
	color: #aaa;
}

.friends h5 { margin-bottom: 10px; }
.friendItem .txt { color: #666; }

/*************  **************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background: transparent url(img/tiptool.png) no-repeat 0% 0%;
	padding: 30px 5px 5px 5px;
	opacity: 1;
	color: #fff;
	width: 215px;
}

* html #tooltip { background: transparent url(img/tiptool.gif) no-repeat 0% 0%; }


#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { text-transform: uppercase; color: #000; }
#tooltip div { line-height: 1.3em; }
#sb-title-inner { display: none; }

/************* news **************/
.newsDiv { 
	padding: 40px 0 40px 0;
		
}

.sepNews { background: transparent url(img/sep-news.jpg) no-repeat 50% 0%;height: 1px;  }
.sepRevue { background: transparent url(img/sep-news2.jpg) no-repeat 50% 0%;height: 1px; width: 688px; }
.newsDiv h4 a { color: #fff; }
.newsDiv h4 { 
	padding: 3px;
	background: #333;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: default;
}

.newsDate {
	color: #000;
	background: #fff;
	padding: 3px 8px;
	font-size: 0.9em;
	cursor: default;
}

.newsCat {
	margin-top: 30px; padding: 20px 0;
	text-transform: uppercase;
	color: #fff;
}

.newsCat-1 {
	border-right: 1px solid #6699cc;
}

.newsCat-2 {
	border-right: 1px solid #cc6666;
}


.nOptions {

	padding: 0 0 0 0;
	margin-top: 10px;
	line-height: 16px;
}
.nOptions a {
	background: transparent url(img/bouton_fleche.gif) no-repeat 0% 4px;
	padding: 0 0 0 20px;
	color: #666666;

}
.nOptions a:hover {
	color: #fff;
}
.newImg {
	float: left;
	width: 145px;
	height: 145px;
	text-indent: -10000px;
	
	background-position: 50% 50%;
}

.contact h2 { padding-top: 15px; }

.contact label {
	display: block;
	padding: 5px 0 3px 0; 
}

.txtInput input {
	padding: 3px;
	border: 1px solid #666;
	border-bottom: 3px solid #666;
	width: 230px;
	font-family: Arial;
}

textarea {
	padding: 3px;
	border: 1px solid #666;
	border-bottom: 3px solid #666;
	width: 412px;
	font-family: Arial;
	font-size: 1em;
	height: 153px;
}
.button {
	text-align: right;
	padding: 10px;
	background: #333;
	margin-top: 15px;
}

#error li, #succes li {
	background: #000 url(img/bouton_fleche.gif) no-repeat 0% 3px;
	padding: 0 0 5px 20px;
}

/***************** sitemap ************/
.map li a {
	background: #000 url(img/arrow.jpg) no-repeat 0% 0px;
	padding: 0 0 0 20px;
}

.map li { margin-bottom: 5px; }


/***************** philo ************/
#philoTof {
	position: relative;
	height: 460px;

}

#txtPhilo { 
	background: #000;
	padding: 15px 15px 5px 15px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 638px;
	opacity:0.8;
	color: #fff;
	filter:alpha(opacity=80);
	
}



/***************** collections ************/

.dCollections {
	text-align: center;
	min-height: 300px;
	padding: 20px 0 20px 0;
}

.dCollections span {
	font-size: 0.8em;
	color: #999;
}

.dCollections ul li {
	margin: 0 0 15px 0;
}

.dCollections a {
	padding: 0 3px;
	color: #ccc;	
	border: 1px solid #000;
}

.dCollections a:hover {
	border: 1px solid #525252;	
}

/***************** collection ************/

.cCleft { float: left; width: 162px; text-align: left; padding-left:30px; }
.cCright { float: left; width: 544px; }

#cCarousel { 
	float: left;
	width: 544px; 
	height: 360px;
}

.collection .txt { padding: 0 32px 0 32px; }


.cCleft .leftTop { padding-top: 20px; height: 300px; }
.cCleft .leftTop h3 span { background: #fff; color: #000; padding: 0 3px; }
.cCleft .leftTop h4 { color: #999; font-size: 0.8em; padding: 0 0 15px 0; }
.cCleft .leftTop p { margin: 15px 0 0 0;  }
.cCleft .leftTop p a { color: #ccc;  }
.cCleft .leftTop p a:hover { color: #999;  }

.cCleft .back { color: #ccc; background: #000 url(img/bouton_fleche.gif) no-repeat 0% 3px; padding: 0 0 0 20px; }
.cCleft a.back:hover { color: #999;}

a.arrow { background: #000 url(img/bouton_fleche.gif) no-repeat 0% 3px; padding: 0 0 0 20px; }

p.aleft { text-align: left; }

/***************** shows ************/
.shTop { height: 143px; padding-top: 10px; }

.shTop p.date { font-size: 0.8em; color: #666; }

.shTop p.titre  { padding: 15px 0; }
.shTop p.titre a { color: #fff; }
.shTop p.titre a:hover { color: #999; }
.shTop p.lieu { color: #666; }

.shows .btn { clear: both; padding-top: 10px; }
.shows .btn a { color: #ccc; background: #000 url(img/bouton_fleche.gif) no-repeat 100% 3px; padding: 0 20px 0 0px; }
.shows .btn a:hover { color: #999;}

.shows .tof { float: left; width: 140px; height: 140px; margin-left: 5px; background-repeat: no-repeat; background-position: 50% 50%; }

/***************** show ************/

.cSleft { float: left; width: 30px; padding-top: 152px; }
.cSmid { float: left; width: 150px; margin-right: 20px; border: 1px solid #616262; text-align: center; height: 336px; margin-left: 32px; }
.cSright { float: left; width: 488px; }

.cSleft .back { float: left; width: 20px; height: 20px; text-indent: -10000px; background: #000 url(img/back.jpg) no-repeat ; }

.cSmid .tof { float: left; width: 140px; height: 140px; margin-left: 5px; background-repeat: no-repeat; background-position: 50% 50%; }

.cSmid .video { clear: both; padding-top: 10px; }
.cSmid .video a { color: #ccc;  }
.cSmid .video a:hover { color: #999;}

.cSmid .back { color: #ccc; background: #000 url(img/bouton_fleche.gif) no-repeat 0% 3px; padding: 0 0 0 20px; }
.cCleft a.back:hover { color: #999;}

.backShow { clear: both; padding-top: 10px; }

.gallery li { float: left; width: 52px; height: 52px; border: 1px solid #666; margin: 0 10px 10px 0; }

.gallery li a { float: left; width: 48px; height: 48px; margin: 2px 0 0 2px; background-repeat: no-repeat; background-position: 50% 50%; }

/*****************  ************/

.imgLeft { float: left; }

.InfosMdb { float: left; width: 260px; color: #ccc; margin: 140px 0 0 10px; } 


.InfosMdb h3 { margin: 0 0 10px; }
.InfosMdb span { color: #666; } 

.InfosMdb hr { margin: 20px 0; border:none; border-top: 1px solid #fff; } 

/***************** services ************/
.xServices h3 {	
	text-transform: uppercase;
	margin: 0 0 10px 0;
} 

.xServices h3 span {
	background: #fff;
	color: #000;		
	padding: 0 3px;
} 

.xServices div {
	margin: 0 0 15px 0;
}


/***************** pagination ************/

.pagination {
    background: url("img/sep-news.jpg") no-repeat 50% 0 transparent;
    padding: 20px 0;
    text-align: center;
}

#thumbs-adv .pagination { background: none; display: none; }

.pagination a {
    margin: 0 3px;
    font-size: 11px;
}

.pagination a.pageNumber { border: 1px solid #333; padding: 2px 3px; }


/***************** slider ************/

#slider { height: 460px;}

#slider {
    position:relative;
    width:830px; /* Change this to your images width */
    height:460px; /* Change this to your images height */
    background: transparent url(img/ld-loader.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

/***************** revues de presse ************/
.revueDiv { padding: 40px 0; }

.revueDiv .newImg2 { display: none; }

.revueDiv .newsDate {
    float: left;
    width: 70px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;
}

.revueDiv h4 {
    float: left;
    width: 586px;
    background: #333;
    font-weight: bold;
    padding: 3px;
    color: #fff;
}
.revueDiv h4 a { color: #fff; }

.cRevueLeft {
    float: left;
    width: 285px;
     height: 176px; 
    border: 1px solid #333;
    padding: 3px;
}


.cRevueLeft a.newImg { width: 285px; height: 176px; display: block; background-position: 50% 0; }

.cRevueRight {

    float: left;
    margin-left: 20px;
    width: 343px;
}



/*****************   ************/