/* CSS Document */

/* = RAZ - Remise à zero de certains styles
--------------------------------------------------*/

a {
	text-decoration:underline;
	color:#000000;
	}
	
a:hover {
	color:#E30045;
	}
	
h1, h2, h3, h4, h5, h6, p {
	margin: 0; padding: 0;
	font-weight: normal;
	}
	
p {
	margin:11px auto;
	}
	
a img {
	border:none;
	}
	
ul,li {
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	}
/* --------------------------------------------------*/

body,html {
	margin:0px;
	padding: 0px;
	/*padding-top:4px;*/
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
	}
	
.spacer {
	clear:both;
	height:0px;
	/*background-color:#666666;*/
	}

/* ------------------ STYLES COMMUNS --------------------------*/

h1 {
	margin-left:190px;
	margin:10px auto 26px auto;
	}

h3 {
	color:#E30045;
	margin: 10px auto;
	font-weight:bold;
	font-size:11px;
	}
	
#conteneur {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	}

#left {
	float:left;
	margin-top:10px;
	width:160px;
	/*background-color:#CCCCCC;*/
	padding: 0 15px;
	font-size:11px;
	}
	
#creafilm {
	float:left;
	position:relative;
	left:auto;
	top:auto;
	width:490px;
	min-height:580px;
	padding: 0 20px;
	margin-bottom:10px;
	padding-top:14px;
	/*background-color:#99CCFF;*/
	border-left:#E30045 solid 1px;
	border-right:#E30045 solid 1px;
	}
	
#comfilm {
	float:left;
	width:208px;
	min-height:580px;
	padding: 0 20px;
	padding-top:40px;
	margin-bottom:10px;
	padding-top:14px;
	position:relative;
	left:auto;
	top:auto;
	/*background-color:#CCCCCC;*/
	}

#ancre_top {
	position:absolute;
	top:0;
	left:470px;
	/*top:582px;
	left:470px;*/
	}
	
.ancre {
	z-index:2;
	}

#bottom {
	position:absolute;
	bottom:0;
	left:470px;
	}
	

/***************** BANDEAUX ROUGE ET VERT ************************/


#bandeau_k {
	background:url(images/interface/bande_v.gif) repeat-x;
	vertical-align:middle;
	height:50px;
	}

#bandeau_k li {
	display:inline;
	margin:30px 50px auto 24px;
	}

#bandeau_k li img {
	margin-top:10px;
	}

#bandeau_ati {
	background:url(images/interface/bande_r.gif) repeat-x;
	vertical-align:middle;
	height:50px;
	}

#bandeau_ati li {
	display:inline;
	margin:30px 20px auto 24px;
	}

#bandeau_ati li img {
	margin-top:10px;
	}


/***************** GAUCHE ************************/


#left h2 {
	padding: 2px 4px;
	margin: 10px auto 10px auto;
	width:122px;
	border:#E30045 solid 1px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}
	
#left p, #left h3 {
	margin: 10px auto 10px auto;
	line-height:15px;
	width:130px;
	}
	
#left #in, #sav_faire span {
	text-align:center;
	letter-spacing:2px;
	}
	
#left a {
	text-decoration:none;
	margin: 5px 0;
	display:block;
	width:130px;
	padding:inherit 20px;
	background-color:#E30045;
	border:#E30045 solid 1px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}
	
#left #link span {
	margin: 5px 0;
	display:block;
	width:130px;
	padding:inherit 20px;
	background-color:#FFFFFF;
	border:none;
	color:#B4B4B4;
	font-weight:bold;
	text-align:center;
	}
	
#left #link #in {
	margin: 5px 0;
	display:block;
	width:130px;
	padding:inherit 20px;
	background-color:#ffffff;
	border:#E30045 solid 1px;
	color:#000000;
	font-weight:bold;
	}
	
#sav_faire a {
	text-decoration:none;
	margin: 20px 0 10px 0;
	display:block;
	width:160px;
	padding:inherit 20px;
	background-color:#E30045;
	border:#E30045 solid 1px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}
	
#left a:hover, #sav_faire a:hover {
	background-color:#FFFFFF;
	color:#E30045;
	border:#E30045 solid 1px;
	font-weight:bold;
	text-align:center;
	}


/***************** NAVIGATION CREA/COM ************************/


#menucrea {
	width:490px;
	text-align:center;
	/*background-color:#66CC99;*/
	}
	
#menucom {
	width:208px;
	text-align:center;
	z-index:100;
	position:absolute;
	top:14px;
	left:auto;
	}
	
#equipe #menucom {
	width:208px;
	text-align:center;
	z-index:100;
	position:relative;
	top:auto;
	left:auto;
	}

#creafilm ul, #menucom ul, #equipe ul {
	margin: 15px 0;
	}
	
#creafilm li, #equipe li {
	display: inline;
	margin: auto 54px auto 0px;
	}
	
#creafilm .right, #equipe .right {
	display: inline;
	margin: auto 0 auto 0px;
	}
	
#creafilm li a, #equipe li a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	border:#ffffff solid 1px;
	padding:2px 7px;
	}
	
#creafilm li a:hover, #equipe li a:hover {
	color:#E30045;
	padding:2px 7px;
	border:#ffffff solid 1px;
	font-weight:bold;
	}
	
#creafilm #in, #creafilm .plan {
	color:#000000;
	font-weight:bold;
	border:#E30045 solid 1px;
	padding:2px 7px;
	}
	
#menucom ul li {
	display: inline;
	margin: auto 54px auto 0;
	background-color:#FFFFFF;
	}
	
#menucom ul .right {
	display: inline;
	margin: auto 0 auto 0;
	background-color:#FFFFFF;
	}

#menucom ul li a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
	border:#ffffff solid 1px;
	padding:2px 7px;
	}
	
#menucom ul li a:hover {
	color:#E30045;
	padding:2px 7px;
	border:#ffffff solid 1px;
	font-weight:bold;
	}
	
#menucom ul li span, #menucom ul li .plan {
	color:#000000;
	font-weight:bold;
	border:#E30045 solid 1px;
	padding:2px 7px;
	}


/************** FLASH/FICHE ****************/

#flash1 {
	margin-top:20px;
	}
	
h2 {
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	color:#E30045;
	margin: 10px 0;
	}
	
#fichecom h2 {
	font-weight:bold;
	font-size:13px;
	color:#E30045;
	margin: 20px 0;
	}

/****************** DROITE ******************/






/****************** BAS *********************/

#bas_page {
	width:990px;
	text-align:center;
	}

#bas {
	background:url(images/interface/bande_r.gif) repeat-x;
	vertical-align:middle;
	height:50px;
	margin-top:10px;
	padding-top:10px;
	padding-left:24px;
	margin-bottom:10px;
	}

#bas a {
	margin: auto 80px auto auto;
	text-decoration:underline;
	}
	
/***************** STYLE EDITABLE ************************/

/***************** FICHE ************************/

#fiche {
	position:relative;
	left:auto;
	top:auto;
	margin-top:20px;
	text-align:left;
	/*background-color:#FF9933;*/
	}
	
#fichecom {
	position:relative;
	left:auto;
	top:80px;
	margin-top:20px;
	text-align:left;
	/*background-color:#FF9933;*/
	}
	
#sav_faire {
	margin-top:120px;
	}
	
#fiche h4 {
	color:#97BF0D;
	font-weight:bold;
	}

#vignette {
	clear:both;
	position:relative;
	top:auto;
	left:auto;
	padding: 10px 0;
	}

#vignette img {
	filter: alpha(opacity=50);
	moz-opacity:0.50;
	opacity:0.50;
	}

#vignette a {
	margin-right:20px;
	margin-bottom:5px;
	}

#vignette a img {
	filter: alpha(opacity=100);
	moz-opacity:1;
	opacity:1;
	}

#vignette a:hover img {
	filter: alpha(opacity=75);
	moz-opacity:0.75;
	opacity:0.75;
	}

#fichecom ul {
	margin:10px auto;
	}
	
#fichecom ul li {
	margin:4px auto;
	line-height:12px;
	}
	
#fichecom ul li em {
	font-weight:bold;
	font-style:normal;
	font-size:10px;
	}
	
#fichecom ul li a {
	font-weight:bold;
	}
	
#fichecom ul li a:hover {
	font-weight:bold;
	color:#E30045;
	}
	
#fichecom p {
	padding:0px;
	margin:0px;
	}
	
#fichecom div {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:solid 2px #E30045;
	}

/***************** PAGE EQUIPE ************************/
	
#equipe {
	float:left;
	width:758px;
	min-height:580px;
	padding: 0 20px;
	margin-bottom:10px;
	padding-top:14px;
	/*background-color:#99CCFF;*/
	border-left:#E30045 solid 1px;
	}
	
#equipe #menucrea, #equipe #menucom {
	float:left;
	}
	
#equipe #menucrea {
	padding-right:20px;
	border-right:#E30045 solid 1px;
	}
	
#equipe #menucom {
	padding-left:20px;
	}
	
#team, #partner {
	margin-top:20px;
	width:100%;
	text-align:left;
	}

#team h3, #partner h3 {
	color:#E30045;
	padding:10px 20px;
	font-weight:bold;
	font-size:24px;
	font-style:italic;
	}

#team h4, #partner h4 {
	color:#E30045;
	font-weight:bold;
	font-size:12px;
	}

#team table, #partner table {
	margin:auto auto;
	}
	
#partner table {
	width:80%;
	}
	
#team td {
	width:140px;
	padding: 0 20px;
	vertical-align:top;
	}
	
#partner td {
	padding:10px;
	}
	
#team td img, #partner td img {
	padding-top:10px;
	margin-bottom:10px;
	}
	
	
/*************** MENU CATALOGUE/CLIENT *****************/

#menucat, #menuclient {
	text-align:right;
	width:100%;
	}

#menucat ul {
	margin:0;
	padding: 0;
	border-top:#999999 1px solid;
	width:100%;
	}
	
#menuclient ul {
	margin:0;
	padding: 0;
	border-top:none;
	width:100%;
	}

#menucat li {
	display:inline;
	margin:0 -3px;
	padding: 0 5px;
	border-bottom:#999999 1px solid;
	}
	
#menuclient li {
	display:inline;
	margin:0 -3px;
	/*padding: 0 5px; */
	border-bottom:none;
	}

#menucat li a, #menuclient li a {
	text-decoration: none;
	color:#404040;
	text-align:right;
	font-weight:bold;
	border:none;
	}

#menucat li a:hover, #menuclient li a:hover {
	text-decoration: none;
	color:#E30045;
	text-align:right;
	font-weight:bold;
	border:none;
	}

#menucat span {
	text-decoration: none;
	color:#666666;
	text-align:right;
	font-weight:bold;
	}

#catalog table {
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
	}

#catalog h2 {
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	color:#E30045;
	margin: 20px auto 10px auto;
	}

#catalog a {
	text-decoration:none
	font-size:15px;
	color:#FFFFFF;
	background-color:#E30045;
	border:#E30045 solid 1px;
	padding:2px 6px;
	}

#catalog a:hover {
	font-size:15px;
	color:#E30045;
	background-color:#FFFFFF;
	border:#E30045 solid 1px;
	padding:2px 6px;
	}

#catalog strong {
	font-size:14px;
	line-height:32px;
	}

#catalog td {
	width:50%;
	vertical-align:top;
	}

#catalog .trailer, #catalog .apercu {
	border-bottom:#E30045 solid 6px;
	padding-bottom:20px;
	}

#catalog table img {
	margin:20px auto auto auto;
	}
	



/******************MENU "DEROULANT" CLIENTS****************/


#clients {
	position:relative;
	left:0;
	top:0;
	background-color:#FFFFFF;
	z-index:100;
	}

#clients ul {
	list-style: none;
	font-weight:bold;
	padding: 0;
	background-color:#FFFFFF;
	/*width:208px;*/
	}

#clients a {
	text-decoration: none;
	}

#clients ul li {
	float: right;
	text-align:right;
	padding: 0;
	margin:0;
	}

#clients ul li a {
	color: #000000;
	border:none;
	display:block;
	}
	
#clients ul li a:hover {
	color:#e30045;
	border:none;
	display:block;
	}


#clients li ul {
	width:200px;
	position:relative;
	top:2px;
	left:auto;
	padding: 0;
	margin:0;
	background-color:#FFFFFF;
	/*margin-top:0px;*/
	border-top:#999999 solid 1px;
	z-index:500;
	}

#clients li li {
	border-bottom:#999999 solid 1px;
	padding:0;
	margin:0;
	margin-right:-3px;
	z-index:500;
	}

#clients  ul {display: none;}
#clients li:hover ul {display:block; background-color:#FFFFFF;}
/***********************************************/



/**************** MENTIONS LEGALES ***********************/

.mention {
	clear:both;
	margin:20px;
	}

.mention tr, .mention td {
	padding-top:20px;
	}

.mention h4 {
	font-size:14px;
	}

/***************** STYLE EDITABLE ************************/

.rouge {
	color:#E30045;
	}

.gris { color:#B4B4B4; }

h2 .gris { font-size: 14px; }

/***************** CACHE DIV JAVASCRIPT *****************/

.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}