/* CSS Document #f8cf40 */

/* ==== SKIN ==== */

body {
	SCROLLBAR-FACE-COLOR: whitesmoke; 
	SCROLLBAR-HIGHLIGHT-COLOR: gainsboro; 
	SCROLLBAR-SHADOW-COLOR: #333; 
	SCROLLBAR-3DLIGHT-COLOR: #333; 
	SCROLLBAR-ARROW-COLOR: #000; 
	SCROLLBAR-TRACK-COLOR: #000; 
	SCROLLBAR-DARKSHADOW-COLOR: #333;
	background: #000;/*666*/
	font: normal 12px/1.3em verdana;
	color: #fff;
	}
#page-tab-main {
	width: 800px;/*800*/
/*	height: 680;*/
	background: #000;
	border: 1px solid #fff;/*revoir cf orig*/
	}
#tab-row1 {
	height: 60px;
	border-bottom: 1px solid #fff;
	padding: 5px 0 10px 0;
	}
#tab-row2 {
	padding: 30px 0 30px 30px;
/*	background: #ff9;*/
	}


a:focus {/*Remove dotted line*/ 
	outline:none; 
	} 
img {
	border: none;
	}

#logo {
	float: left;
	width: 230px;
	font: normal 11px arial;
	color: #fff;
	margin: 0 0 10px 10px;
	}
#logo-txt {
	font: normal 11px arial;
	color: #fff;
	margin: 0 0 0 10px;
	}
#menu-box {
	float: right;
	width: 440px;
	background: #000; /**/
	text-align: left;
	padding: 18px 0 10px 0;
	margin: 21px 10px 0 0;
	}
#menu-txt {
	font: bold 14px/1.0em verdana;
	color: #fff;
	}
#menu-box a:link, #menu-box a:visited {
	color: #fff; 
	text-decoration: none;
	}
#menu-box a:hover, .actif {/**/
	background: #fff; 
	font: bold 14px/1.0em verdana;
	color: #000;
	text-decoration: none;
	}

/* ==== TEXTES ==== */

h1 {/*Titre sous-section*/
	font: bold 18px/1.0em verdana;
	color: #f8cf40;
	margin: 0 0 20px 0;
	padding: 0;
	}
h2 {/*sous-titre de h1*/
	font: italic 13px/1.0em verdana;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 0;
	}
.sstit {
	font: italic 12px verdana;
	}
h3 {
	font: bold 11px/1.4em verdana;
	color: #f8cf40;
	margin: 25px 0 10px 0;
	padding: 0;
	}
h4 {
	font: bold 14px/1.4em verdana;
	color: #fff;
	margin: 15px 0 10px 0;
	padding: 0;
	}
h5 {
	font: bold 14px/1.4em verdana;
	color: #f8cf40;
	margin: 15px 0 10px 0;
	padding: 0;
	}

/* ==== ACCUEIL ==== */

#accueil {
	margin: auto auto;
	
	}
#home-box-clip1 {
	float: left;
	width: 120px;
	}/*
noscript {
	cursor: none;
	}*/
#home-box-welcome {
	float: right;
	width: 425px;
	height: 200px;
	text-align: left;
	margin: 0 18px 0 0;
/*	background: #ff0;*/
	}
#home-txt-welcome {
	font: normal 12px verdana;
	color: #fff;
	}
	
#box-bott {
	width: 731px;/*731*/
	height: 350px;
	padding: 0;
	margin: 0;/*
	background: #ff0;*/
	}/**/
#accueil #box-bott {
	margin: 15px 0 0 0;
	}
img, object {
	padding: 0;
	margin: 0;
	}

/* ====BIOGRAPHIE==== */

#biographie {
	
	}
#biographie #tab-row2 {
	font: normal 12px/1.3em verdana;
	color: #fff;
	padding: 30px 30px;
	}

/* COL GAUCHE */

#bio-box-gauche {
	float: left;
	width: 430px;
	text-align: left;
	margin: 0 0 0 0;/*
	background: #f0f;*/
	}
.marg-bas-05 {/*Titre sous-section*/
	margin: 0 0 5px 0;
	}
	
#filmo ul {
	list-style-type: square;
	padding: 0 0 0 0;
	margin:  0 0 0 20px;/*15px*/
	}
#filmo ul .integrale {
	list-style-image: url(../pics/v-integrale2.jpg);
	margin:  0 0 15px 0;
	}
#filmo ul .none1, #filmo ul .none2 {
	dsiplay: inline;
	list-style-image: url(../pics/puce2.gif);
	margin:  0 0 15px 0;
	}

.expand {/**/
	margin: 0 0 0 7px;
	}
.prix-recu {
	list-style-type: square;
	list-style-image: none;	
	}
.film-info {
	vertical-align: top;
	}
	
#filmo .annee, #filmo .titre {
	font: bold 12px/1.3em verdana;/*
	background: #0ff;*/
	}
#filmo .annee {
	height: 100%;
	margin: 0 10px 0 7px;
	}
#filmo .titre {
	margin: 0 0 0 5px;/*
	background: #f0f;*/
	}
.space-titre {
	margin-left: 57px;
	}
.space-titre2 {
	margin-left: 98px;
	}
#filmo .parentheses {
	display: run-in;
	font-weight: normal;
	}
#filmo .avec {
	margin: 0 0 0 0;
	font-style: italic;
	}
#filmo .prof {
	font-weight: normal;
	}

.note-film, #note-ico {
	font: normal 11px/1.3em arial;
	}
.asterix {
	font: bold 14px verdana;/*
	background: #ff0;*/
	}
.note-txt {
	float: left;
	margin: 0 0 5px 0;
	}
.icone {
	float: left;
	width: 16px;
	height: 100%;
	font: bold 14px verdana;/*
	background: #ff0;*/
	}
.note-icone {
	float: left;
	width: 200px;
	font: normal 11px/1.3em arial;
	margin: 0 0 0 5px;
	}

/* COL DROITE */

#bio-box-droite {
	float: right;/**/
	width: 260px;
	font: bold 14px/1.0em verdana;
	margin: 10px 0 0 20px;/*
	background: #0ff;*/
	}
#bio-box-droite h1 {
	margin: 0 0 20px 0;
	}
#bio-box-filmo, #bio-box-autre, #bio-box-clip1 {
	margin: 30px 0 0 0;
	}
#bio-box-clip1 {
	width: 200px;
	}

#bio-box-autres {
	font: normal 12px/1.3em arial;
	margin: 0 0 0 22px;
	}
#bio-box-autres p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#bio-box-droite ul li {
	list-style-image: url(../pics/arrow1a.gif);
	list-style-type: square;
	margin: 0 0 15px 0;
	}
#bio-box-droite ul .inverse {
	list-style-image: url(../pics/arrow1b.gif);
	list-style-type: square;
	margin: 0 0 15px -15px;
	}
	
#note-ico {
	float: right;
	width: 230px;	
	}

.filet {
	border-top: 1px solid #ddd;	
	}

/* ==== INTEGRALE ==== */

#integrale, #integrale a {
	font: bold 12px/1.3em verdana;
	}
	
#box-verti-pics {
	float: left;/**/
	width: 130px;
	text-align: center;
	vertical-align: top;
	margin: 0 30px 0 0;
	}

#box-cont-main {
/*	float:right;*/
	position: relative;
	width: 580px;
	vertical-align: top;
	margin: 30px 0 0 0;/*
	background: #ff9;*/
	}

#box-order {
	float: left;
	width: 300px;
	text-align: left;
	margin: 60px 0 0 0;	
	}
#box-order ul li {
	list-style-image: url(../pics/arrow1a.gif);
	list-style-type: square;
	margin: 0 0 15px 0;
	}

#box-coffret1 {
	float: right;
	text-align: left;
	font: normal 12px/1.3em verdana;
	width: 230px;/*300*/
	height: 210px;/*363*/
	border: 1px solid #fff;
	margin: 0 20px 0 0;
	}
	
#box-coffret1 h3 {
	font: bold 14px/1.0em verdana;
	margin: 15px 0 10px 20px;
	}
#box-coffret1 ul li {
	list-style-image: none;
	list-style-type: square;
	margin: 0 0 5px 10px;
	}
#box-cont-main  {
	vertical-align: bottom;
	}

#doriane {
	margin: 0 30px 0 0;
	}

/* > LISTE FILMS < */

#tab-list {
	width: 320px;
	font: normal 12px/1.3em verdana;
	margin: 0 0 0 25px;
/*	background: #666;*/
	}
#tab-list h3 {
	font: bold 14px/1.4em verdana;
	margin: 15px 0 10px 0px;
	}
#tab-list .puces li {
	list-style-image:  url(../pics/puce1.gif);
	list-style-type: square;/**/
	font: normal 12px/1.3em verdana;
	padding: 0;
	margin: 0 0 5px 0px;
	}
#tab-list ul {
	padding: 0;
	margin: 0 0 0 21px;
	}
#tab-list .puces .ss-puces li {
	list-style-image: none;
	list-style-type: square;
	font: normal 12px/1.3em verdana;
	padding: 0;
	margin: 0 0 3px 0px;
	}

/* ==== PHOTOS ==== */	

#photos #filmo ul .none1 {
	list-style-image: url(../pics/puce1.gif);
	margin:  0 0 20px 0;
	}	
#box-list ul {
	padding: 0;
	margin: 20px 0 0 20px;
	}

/* ==== CONTACT ==== */

#contact {
	position: relative;
	z-index: 100;
	}
#contact #tab-row2 {
	padding: 30px 0 14px 30px;
	}
#cont-box-form {
	float: right;
	width: 440px;
	height: 200px;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0 10px 19px 0;
	}
#cont-box-form form {
	padding: 0 ;
	margin: 0;
/*	background: #0ff;*/
	}
#cont-txt-form {
	font: normal 12px verdana;
	color: #fff;
	}
#rubriq1 {
	float: left;
	text-align: right;
	vertical-align: top;/*
	background: #0ff;*/
	}
#contact #tab-row3 {
/*	padding-top: 10px;*/
	}



#webmaster {/**/
	position: absolute;
	top: 400px;
	left: 620px;
	text-align: right;
	width: 150px;
	font: normal 11px arial;
	color: #fff;
	margin: 0 0 0 0;
	z-index: 200;/*
	background: #ff9;*/
	}
#webmaster ul {
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}


/* ==== LIENS ==== */

#integrale a:hover {/*
	color:#00f;*/
	}
#integrale a:link {
	color: #fff;
	text-decoration: none;
	}
#integrale a:visited {
	color: #fff;
	text-decoration: none;
	}
#integrale a:hover {
	color: #00f;
	text-decoration: none;
	}
	
/* COL GAUCHE */	

#filmo .none1 a:link {
	color: #fff;
	text-decoration: none;
	}
#filmo .none1 a:visited {
	color: #fff;
	text-decoration: none;
	}
#filmo li.none1 a:hover {
	color: #fff;
	text-decoration: none;
	}/**/

#filmo .none2 a:link, #filmo li.integrale a:link {
	color: #fff;
	text-decoration: none;
	}
#filmo .none2 a:visited, #filmo li.integrale a:visited {
	color: #fff;
	text-decoration: none;
	}
#filmo li.none2 a:hover, #filmo li.integrale a:hover {
	color: #00f;
	text-decoration: underline;
	}/**/
		
/* COL DROITE*/		

#box-order a:link {color: #fff; text-decoration: none;}
#box-order a:visited {color: #fff; text-decoration: none;}
#box-order a:hover {color: #fff; text-decoration: underline;}

#bio-box-droite a:link {
	color: #fff;
	text-decoration: none;
	}
#bio-box-droite a:visited {
	color: #fff; 
	text-decoration: none;
	}
#bio-box-droite a:hover {
	color: #fff; 
	text-decoration: underline;
	}
	
#integrale h3 a:link, #integrale h3 a:visited {
	color: #f8cf40;
	text-decoration: none;
	}
#integrale h3 a:hover {
	color: #f8cf40;
	text-decoration: underline;
	}