body {
	text-align: center;
	/*background-image: url(images/fond.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;*/
	background-color: #000;
	scrollbar-base-color:#000;
	scrollbar-3dlight-color:#bbb;
	scrollbar-arrow-color:#ccc;
	scrollbar-darkshadow-color:#656565;
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#999;
	scrollbar-shadow-color:#333;
	scrollbar-track-color:#222;
}

a {
	color:#ccc;
}

p {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:13px;
	letter-spacing:1px;
	line-height:16px;
	text-align:justify;
	text-indent: 20px;
	color:#ccc;
}

iframe {
	border:none;
}

textarea {
	width: 200 px;
	height: 100px;
	border : 1px ridge #333;
	padding:2px;
	background-color: #E7E7E7;
}

input {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-color: #E7E7E7;
	padding: 2px;
	border : 1px ridge #333;
	width: 200 px;
}

input.button {
	font-family: Garamond,"Times New Roman",Times,serif;
	font-size: 12px;
	background-color: #fff;
	padding: 2px;
	margin: 8px 5px 0px 0px;
	border : 1px solid #333;
}

#maintenance{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #ccc;
	margin-top: 25px;
	font-weight : bold;
	text-align: center;
}

#biography
{
	top: auto;   
	left: auto;
	right: auto;
	margin-top: 20px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	white-space: normal;
	text-align:justify;
}



#pcontact{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #ccc;
	border-top : 1px dashed #ccc;
	border-bottom : 1px dashed #ccc;
	margin-top: 0px;
}

.contact_titre{
	font-size: 13px;
	color: #910000;
	font-weight: bold;
}

#pcontact a {
	text-decoration:none;
}
#pcontact a:hover {
	color: #fffbbb;
}

#bio_droite
{
	float: left;
	margin-right: 8px;
	width: 200px;
}

#portfolio
{
	position: absolute;
	top: auto;   
	left: auto;
	right: auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	white-space: normal;
	width: 870px;
}

#clients
{
	position: absolute;
	top: auto;   
	left: auto;
	right: auto;
	margin-top: 50px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	white-space: normal;
	font-family:Garamond,"Times New Roman",Times,serif;
	font-size:12px;
	text-align:justify;
	color:#333;
}

#conteneur {
	  position: relative;
	  top: 50px;   
	  left: auto;
	  right: auto;
	  margin-top: auto;
	  margin-bottom:auto;
	  margin-left: auto;
	  margin-right: auto;
	  width: 722px;
	  text-align: center;
}

#accueil {
	position: relative;
	  top: 0px;   
	  left: auto;
	  right: auto;
	  margin-top: auto;
	  margin-bottom:auto;
	  margin-left: auto;
	  margin-right: auto;
	  width: 722px;
	  text-align: center;
	
}	
	 
#header {
	float:left;
	word-spacing: 14px;
	text-align: left;
	height: 32px;
	width: 567px;
}

#affiche_video{
	position: relative;
	top: auto;   
	left: auto;
	right: auto;
	margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	border:0;
	overflow-x: hidden;
	width:720px;
	height:405px;
	/*border: 1px solid #656565;*/
}

#tab_galerie{
	margin-top:20px;
}

#tab_video{
	position: relative;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
}


	
/*############## GESTION du menu en Roll over ####################*/	 
#menu{
	float: left;
	text-align: left;
	margin-top: 0px;
	margin-left:0px;
	border-top: 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	width : 722px;
	height: 14px;
	overflow: visible;
	padding: 2px 0px 2px 0px ;
	/*ANCIENNE VERSION
	margin-left: 230px;
	width : 337px;*/
}

#menu a{
	float: left;
	display: block;
	height: 12px;
	text-decoration : none;
}

#menu span {
	display:none;
}

#menu p {
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:13px;
	letter-spacing:1px;
	/*line-height:16px;*/
	text-indent: 0px;
	color:#ccc;
	line-height: 14px;
	font-weight:bold;
}

#menu .interlien{
	background-image : url(images/separateur.png);
	width: 14px;
	background-repeat: no-repeat;
}

#menu-portfolio {
	/*background-image : url(images/portfolio2.png);*/
	width: 81px;
}

#menu-portfolio:hover {
	/*background-image : url(images/portfolio2_ov.png);*/
	width: 81px;
	color: #fffbbb;
}
#menu-bio {
	/*background-image : url(images/bio2.png);*/
	width: 24px;
}

#menu-bio:hover {
	/*background-image : url(images/bio2_ov.png);*/
	width: 24px;
	color: #fffbbb;
}

#menu-films {
	/*background-image : url(images/films2.png);*/
	width: 41px;
}

#menu-films:hover {
	/*background-image : url(images/films2_ov.png);*/
	width: 41px;
	color: #fffbbb;
}
/* id pour les td de gestion roll over page en cours */
#menu-portfolio-over{
	/*background-image : url(images/portfolio2_over_fixe.png);*/
	width: 81px;
	cursor: default;
	color: #910000;
}
#menu-bio-over {
	/*background-image : url(images/bio2_over_fixe.png);*/
	width: 24px;
	cursor: default;
	color: #910000;
}

#menu-films-over {
	/*background-image : url(images/films2_over_fixe.png);*/
	width: 41px;
	cursor: default;
	color: #910000;
}
 
#bas{
	float: left;
	text-align: right;
	width: 720px;
}

	 
#centre {
	 float: left;
	 width: 722px;
	 overflow-x: hidden;
	 overflow-y: hidden;
	 white-space: nowrap;
	 margin-top : 5px;
}

/* SLIDER HORIZONTAL */
/* horizontal track */
#track {
	/*float: left;
	clear: both;*/
	width: 722px;
	height: 15px;
	margin-top: 0px;
	background-color:#191919;
}

/* horizontal track handle */
#handle {
	width: 20px;
	height: 15px;
	background-color: #ccc;
	cursor: pointer;
}

/* scrollable div area */
#scrollable {
	overflow: hidden;
	white-space: nowrap;
	height: 425px;
	width:722px;
}


#legende p{
	text-align:center;
}

#legende a{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color:#ccc;
	text-decoration:none;
}

#legende a:hover {
	color: #fffbbb;
}


#signature{
	float: left;
	text-align: right;
	clear:both;
	width:722px;
	margin-top:10px;
}

#signature_mail{
	margin-left:612px;
	width:110px;
	text-align : right;
	border-top: 1px solid #ccc;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#ccc;
	padding: 0px;
	text-indent:0px;
}

#signature_mail a{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#ccc;
	text-decoration:none;
}

#signature_mail a:hover{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#fffbbb;
	text-decoration:none;
}

.form_gauche {
	width: 100px;
	float: left;
}
.form_droite {
	width: 200px;
	float: left;
}

#validation
{
	width: 200px;
}

#contacts
{
	float:left;
	margin-top: 30px;
	margin-bottom:auto;
	margin-left:150px;
	margin-right: auto;
	width: 360px;
	/*height: 360px;*/
	overflow: hidden;
	white-space: normal;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: justify;
	color:#333;
}

#pied_page {
	display: none;
}

/* Vieille CSS
#gauche {
	float: left;
	width: 70px;
	height: 870px;
}
#gauche2 {
	 float: left;
	 width: 70px;
	 height: 360px;
}
	 
#conteneur_gauche0 {
	height: 30%;
} 
#conteneur_gauche1 {
	height: 70%;
} 
#conteneur_droite0 {
	height: 30%;
} 
#conteneur_droite1 {
	height: 70%;
} 
#conteneur_droite {
	 position:relative;
	 top: 50%;
} 	 
#droite{
	float:left;
	width: 70px;
	height: 870px;
}
*/