/* on remet tout à zéro sinon c'est la pagaille! */
	
html {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 width: 100%;
	 height: 100%;
	 font-family: Vrinda, Helvetica, Arial, Verdana, sans-serif;
	 font-style:  normal;
	 font-weight: normal;
	 word-spacing: normal;
	 }
	
body {
     /*background: url(../images/BGtrames_darker.gif) repeat;
	 color: white;
	 font-family: arial;
	 font-size: 14px;*/
	 margin: 1% 0;
	 text-align: center;
	 font-weight: normal;
	 width: 100%;
	 height: 100%;
	 background-color: #313131;	
	 color: #999;
	 }
	 
h1, h2, h3, h4 {
	 font-family: Vrinda, Arial;
	 padding: 0;
	 margin: 0;
	 border: 0;
	 text-align: left;
	 font-weight: normal;
	 }
	 
span {
	 padding: 0;
	 margin: 0;
	 border: 0;
	 /*text-align: right;*/
	 font-weight: normal;
	 }
	 
img {
	 padding: 0;
	 margin: 0 0 0 0px;
	 border-width: 1px;
	 border-style: solid;
	 border-color: #313131;
	 }

em {
	font-style: italic; 
	}	 

								/* constitution des blocs génériques */

input {
	 background-color: #000;
	 font-size: 10px;
	 /*height: 15px;
	 line-height: 10px;*/
	 border: 1px dotted #777;
	 padding: 2px 3px;
	 margin: 0px;
	 color: #b2b4bf;
	 }

code, .box textarea {
	/*border: 1px solid #ccc;*/
	width:100%;
	font-size: 10px;
	background-color: #313131;
	color: #5da;
	}
	
p {
	 font-size: 1.1em;
	 font-weight: normal;
	 padding: 0px 2em 0px 2em;
	 margin: 20px 0;
	 border: 0;
	 color: #e5dcba;
	}
	
#top {
	margin-top: -15px;
	text-align: center;
	position: relative;
	float: right;
	}
	
.box {
	/*width: 468px;
	margin-right: 3em;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: black;*/
	}
	
.trames {
	background: url(../images/trames.gif) repeat;
	height: 400px;
	}	 

.ads {
	position: absolute;
	/*float: right;*/
	top: 0px;
	right: -125px;
	background: none;
	width: 125px;
	margin: 0;
	padding: 0;
	border: 0;	
	}

.ads a  {
	 text-decoration: none;
	 color: #ffba00;
	 }

.ads h1 {
	 font-size: 13px;
	 font-variant: small-caps;
	 font-weight: bold;
	 margin: 50px 0 10px 0;
	 padding: 0 0 10px 0;
	 border: 0;
	 text-align: left;
	 }
	 
.ads h2 {	 
	 text-align: left;
	 font-size: 12px;
	 font-weight: normal;
	 margin: 0;
	 padding: 0 0 10px 0;
	 border: 0;
	 }
	 
.ads a, .ads p {
	 font-size: 0.8em;
	 }
	 
.ads p {
	 color: #e5dcba;
	 }	 
	
#diapo {
	 background: none;
	 position: relative;
	 width: 100%;
	 max-width: 728px;
	 min-width: 600px;
	 margin-left: auto;
	 margin-right: auto;	 
	 }

#Regard{
	 position: relative;
	 width: 728px !important;
	 height: 400px !important;
	 overflow: hidden;
	}
								
.cent {
	width: 70%;
	min-width: 480px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*text-align: left;*/
	position: relative;
	}
	
.cont {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	/*text-align: left;*/
	position: relative;
	}

#clips div, #fragm div, #listmp3 div, .select {
	 /**/border-width: 0 0 1px 0;
	 border-style: dashed;
	 border-color: #999;
	 margin: 0;	 
	 padding: 5px 10px 5px 10px;
	 margin: 0 0 10px 0;
	 text-align: left;
	}
	
#clips, #fragm , #listmp3 {
	 margin: 10px auto 10px auto;
	}
	
#clips tr, #clips td, #prod tr, #prod td {
	vertical-align: top;
	}
	
#clips p {
	 padding: 5px 1em 5px 2em;	
	}
	
#fragm img {
	margin: 0;
	}

#ext_linx {
	position: absolute;
	/*float: right;*/
	top: 0px;
	right: -125px;
	background: none;
	width: 125px;
	margin: 0;
	padding: 0;
	border: 0;	
	}

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

#ext_linx h1 {
	 font-size: 1em;
	 font-variant: small-caps;
	 font-weight: bold;
	 margin: 50px 0 10px 0;
	 padding: 0 0 10px 0;
	 border: 0;
	 text-align: left;
	 }
	 
#ext_linx a, #ext_linx p {
	 font-size: 0.8em;
	 }
	 
#ext_linx p {
	 color: #999;
	 }	
	 
h1 {
	font-family: Vrinda, Arial;
	font-size: 2.5em;
	letter-spacing: 4px;
	line-height: 65%;
	vertical-align: text-bottom;
	font-weight: normal;
	border-bottom: 0px;
	margin-bottom: 0px;
	padding: 22px 0px 0px 0px;
	font-variant: small-caps;
	color: #fff;
	}

h2 { background-color: #313131;
	font-size: 2.5em;	
	color: #fff;
	margin: 1em 0 0 0;
	font-weight: bold;
	/*border-width: 4px 0 0 0;
	border-style: solid;
	#2a2626;
	color: #ff6600;	
	font-weight: bold;
	margin: 20px;*/
	}

h3 {
	/*margin: 0 0 10px 0;	
	border-width: 0 0 1px 0;
	border-style: dashed;
	border-color: #999;*/
	/*background-color: black;
	text-align: right;
	font-weight: bold;
	color: #e5dcba;*/
	margin: 0 0 0 0.5em;
	font-size: 1.7em;	
	}	

h4 {
	 padding: 0;
	 margin: 10px 0 0 0.5em;
	 border: 0;
	 font-size: 1.6em;
	 background-color: #313131;
	 /*color: #e5dcba;
	 font-weight: bold;*/
	}

.menu {
	 font-size: 1.5em;
	 font-weight: normal;
	 background: none;
	 list-style-type: none;
	 padding: 0;
	 border: 0;
	 margin: 5px 0 0 0 ;
	 line-height: 100%;
	 }
	 
.menu a {
	 color: #999;
	}
	
.menu a:hover {
	color: #fff;
	}
	 
.menu li {
	 line-height: 100%;
	 vertical-align: text-top;
	 background: none;
	 text-align: center;
	 display: inline;
	 }
	 
.activ {
	font-size: 2em;
	color: white;
	}
	
.Style1 {
	 font-family: Vrinda, Arial;
	 font-size: 0.9em;
	 /*letter-spacing: 0.1ex;*/
	 font-weight: normal;
	 color: #999;
	 padding: 5px 0 0 0;
	 border: 0;
	 margin:0;
	 line-height: 100%;
	 display: block;	 
	}

.Style7 {
	 font-size: 1em;
	 color: #E5DCBA;
	 /*font-family: Vrinda, Verdana, Arial;*/
	 letter-spacing: 0px;
	 word-spacing: normal;
	 padding: 0;
	 border: 0;
	 margin:0;
	 display: block;
	}

.center {
	 text-align: center;
	 display: block;
	 }	
	
.tDr {
	 text-align: right;
	 }
	 
.tLft {
	 text-align: left;
	 }

/*.cnt {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	}*/	 
	 
.Dr {
	 float: right;
	 }

.Gc {
	 float: left;
	 }

.small {
	 font-size: 1em;
	 }	 
	
								/* links */	

a {	
	color: #ffba00;
	/*color: #c29cd5;*/
	text-decoration: none;
	}

a:hover {
	color: #fff;
	}
	
a:active {
	}
	
a:visited {
	/*color: #70706c;*/
	}
									
h1 a {
	color: white;
	}
	
h1 a:link, h1 a:hover {
	color: white;
	}

p a {
	color: #ffba00;
	/*color: #c29cd5;*/
	text-decoration: none;
	}

p a:hover {
	color: #fff;
	}	
	 
br {
	line-height: 50%;
	}
	
a:hover div {
	 background-color: #555;
	 color: white;
	}
	
a:link div img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	 }	

a:hover div img {
	filter:alpha(opacity=100);
	-moz-opacity:1;	 
	}
	
hr {
	clear: both;
	display:block;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: 0;
	}

.jn {	
	color: #70706c;
	}
	
.jn a:link {	
	color: #70706c;
	text-decoration: none;
	}
	
.jn a:hover {	
	color: #e5dcba;
	}	

.ext a  {
	 text-decoration: none;
	 color: #c29cd5;
	 }
	 
.ext a:hover  {
	 color: #fff;
	 }

.no {
	 background-color: none;
	 color: #999;
	}
	
.on {
	/*background-color: #555;*/
	 color: white;
	 }
	 
/*	
.jn {	
	line-height: 100%;
	}

.jn a:visited {	
	color: #A596A;
	}
	
strong {
	float: left;
	margin: 0 0 17px 0;
	}
*/