/* INTRO */
#outer[id] {display: table;position: static; *display: inline; *zoom: 1;}
#outer {width: 100%;}
#middle[id] {display: table-cell;vertical-align: middle;position: static; *display: inline; *zoom: 1;}
#middle {width: 100%; text-align: center; top:50%; *position: absolute;}
#inner {margin-left: auto;margin-right: auto; *margin-top: 15%;}
#inner {width: 654px; margin-left: auto; margin-right: auto; text-align: left; top:-50%;}
/*COMMUNS*/
hr.top_deco {
	border-top: 1px solid #ff6d0e;
	border-bottom: none;
	background: none;
	position: relative;
    top: 14px;
	}
h1  {
	margin: 0;
	padding: 0;
	color: #ff6d0e;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
	display: block;
	}
.top_corners {
	background:url("images/realisations/top_corners.png") no-repeat scroll 0 0 transparent;
	float: left;
	height:7px;
	width:990px;
	}
.bottom_corners {
	background:url("images/realisations/bottom_corners.png") no-repeat scroll 0 0 transparent;
	float: left;
	height:7px;
	width:990px;
	}
/*INTRO*/
body.body_intro{
	background: url('images/intro/background_intro_v2.jpg') no-repeat top center #000 ;
	font-family: Arial;
	color: #ff6d0e;
	}
#intro-video{
	display : block;
	width : 654px;
	height : 392px;
	padding : 14px 0 0 37px;
	background: url('images/intro/bg_video.png') no-repeat;
	}
#intro{
	margin:0 auto;
	width:520px;
	}
	#intro a {
		text-decoration: none;
		color: #ff6d0e;
		outline: none; 
		text-transform: uppercase;
		}
		#intro a:hover,#intro a:focus { text-decoration: underline;}
#intro-nav{
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	width: 100%;
	}
	#intro-nav li{
		display:table-cell;
		padding:0 10px;
		vertical-align:middle;
		*display: inline;
		*zoom: 1;
		}
	#intro-nav li a:hover{ color : #fff; }
.intro_btnFR,.intro_btnEN{
	display:block;
	height:35px;
	width:139px;
	text-indent: -9999px;
	}
.intro_btnFR:hover,.intro_btnEN:hover{
	background-position : 0 -37px;
	}
	.intro_btnFR{ background-image: url('images/intro/intro_btn-enterFR.png');}
	.intro_btnEN{ background-image: url('images/intro/intro_btn-enterEN.png');}
/*HOME*/
#home{
	display:block;
	text-align:center;
	}
.video-frame{
	padding-top: 6px;
    position: relative;
	}
.home-video-top{
	background: url("images/home/home_video-frame-top.png") no-repeat scroll center top transparent;
    display: block;
    height: 13px;
    width: 990px;
	}
.home-video{
	/*background: url("images/home/home_video-frame-middle.png") repeat-y scroll center top transparent;*/
    display: block;
    height: 341px;
    width: 990px;
	}
.home-video-bottom{
	background: url("images/home/home_video-frame-bottom.png") no-repeat scroll center top transparent;
    display: block;
    height: 13px;
    width: 990px;
	}
.home_top_corners {
	background:url("images/home/top_corners.png") no-repeat scroll center top transparent;
	display:block;
	height:7px;
	width:990px;
	}
.home_bottom_corners {
	background:url("images/home/bottom_corners.png") no-repeat scroll center bottom transparent;
	display:block;
	height:7px;
	width:990px;
	}
#home .entry-content {
	padding: 15px 280px 0;
	}
#home .entry-content p{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fed89a;
	margin: 0;
	}
#home .entry-content .home-legende {
	color: #aaabaa;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	}
/*BIOGRAPHY*/
#biographie{
	float: left;
    margin-bottom: 40px;
	}
.biographie_img {
	float: left;
    margin: 0;
    padding: 30px 40px 30px 20px;
	}
.biographie_text {
	/*border-left: 1px solid #585858;*/
    display: inline;
    float: left;
    /*margin: 30px 0;*/
    padding: 0 20px 0 40px;
    /*width: 473px;*/
	width:92%;
	}
#biographie .biographie_text #_mcePaste,.biographie_text p, .biographie_text div {
	font-size:13px;
	margin-top:6px;
	}

.dl-pdf
{
	color: #FF6D0E;
    float: left;
    font-size: 14px;
	margin:25px 0 0 0 !important;
	text-align:center;
	width: 100%;
}
/*SHOWREEL v2*/
      .home-video
	  {
	  	margin: 0 auto;
	  }

	  .showreel{
		
		
	  }
	
	.desc_showreel{ margin-top : 10px;}
	.showreel_legende{ margin-top : 15px;}
	
	
	  .cadre-video{
		  margin:0 0 20px 20px;
	  }
	
      .showreel-top {
      	/* No rules needed here, but for the sake of completeness */
      }
	  
      .showreel-top .showreel-top-left {
      	/* float this one left and .content-top-right right so they flow over .content-top-repeat, which is the top center slice */
      	float: left;
      	/* width and height are defined by the image */
      	width: 7px;
      	height: 13px;
      	background: url('images/showreel/video-frame-top-left.png') no-repeat;

      }

      .showreel-top .showreel-top-right {
      	float: right;
      	/* height needs to be the same across all top slices! */
      	height: 13px;
      	width: 7px;
      	background: url('images/showreel/video-frame-top-right.png') no-repeat;

      }

      .showreel-top .showreel-top-repeat {
      	height: 13px;
      	/* the margins are the width of the top left and top right slices - this is not always neccessary, but in my case I was using alpha-transparent PNG8, which broke the layout in IE6 then */
      	margin-left: 7px;
      	margin-right: 7px;
      	/* note that we repeat-x the image here */
      	background: url('images/showreel/video-frame-top-middle.png') repeat-x;

      }

      .showreel-repeat {
      	/* No rules needed here, but for the sake of completeness */
      }

      .showreel-repeat .showreel-repeat-left {
      	/* repeat-y the image - this div will automatically resize with the content */
      	background: url('images/showreel/video-frame-middle-left.png') left repeat-y;
      }

      .showreel-repeat .showreel-repeat-left .showreel-repeat-right {
      	/* same as center left slice */
      	background: url('images/showreel/video-frame-middle-right.png') right repeat-y;
      }

      .showreel-repeat .showreel-repeat-left .showreel-repeat-right .showreel-repeat-center {
      	/* Put your text formatting here */
      	/* again, margins are the widths of the left and right center slice */
      	margin-left: 13px;
      	margin-right: 12px;
		margin-bottom:-4px;
      	/* and this is the solid background color */
      	background: #000000;
      }

      .showreel-repeat .showreel-repeat-clearfix {
      	/* you better have this if you have floated stuff in your content */
      	clear: right;
      }
	  
      .showreel-bottom {
      	/* No rules needed here, but for the sake of completeness */
      }

      .showreel-bottom .showreel-bottom-left {
      	/* same technique as above when stying the top part */
      	float: left;
      	/* again, image size defines the size of this div */
      	width: 7px;
      	height: 13px;
      	background: url('images/showreel/video-frame-bottom-left.png') no-repeat;
      }

      .showreel-bottom .showreel-bottom-right {
      	/* see above */
      	float: right;
      	width: 7px;
      	/* note the height _must_ be euqal across all bottom slices */
      	height: 13px;
      	background: url('images/showreel/video-frame-bottom-right.png') no-repeat;
      }

      .showreel-bottom .showreel-bottom-repeat {
      	/* margins again defined by the width of the bottom left and right slices */
      	margin-left: 7px;
      	margin-right: 7px;
      	/* and height is the same across all bottom slices */
      	height: 13px;
      	/* don't forget the repeat-x thingy */
      	background: url('images/showreel/video-frame-bottom-middle.png') repeat-x;
      }
	
/*SHOWREEL*/
#showreel{
	display: block;
    margin: 0 auto;
    text-align: left;
    width: 375px;
	}/*
.showreel_video_top{
	background: url("images/showreel/video-frame-top.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    width: 512px;
	}
.showreel_video{
	background: url("images/showreel/video-frame-middle.png") repeat-y scroll 0 0 transparent;
    display: block;
    height: 274px;
    margin: 0 0 0 3px;
    padding: 5px 0 5px 15px;
    width: 506px;
	}
.showreel_video_bottom{
	background: url("images/showreel/video-frame-bottom.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    width: 512px;
	}
.showreel_legende{
	text-align: center;
	color: #727272;
	font-size: 10px;
	}
.showreel_download,.showreel_download:link,.showreel_download:visited{
	color: #FF6D0E;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 506px;
	}
	.showreel_download:hover{
		text-decoration: underline;
		}
/*CONTACT*/
#contactus{
	width: 750px;
	padding: 10px 120px;
	float: left;
	}
.contact-infos {
	width: 360px;
	float: left;
	}
.contact-form{
	width: 360px;
	float: left;
	margin-left: 30px;
	}
	.contact-form h1 { margin-bottom: 9px; *margin-left: 30px;}
.contact-infos ul{
	margin-top: 10px;
	width: 100%;
	}
.contact-infos li{
	padding: 10px;
	border-top: 1px solid #8c8c8c;
	*width: 360px;
	vertical-align: top;
	}
	.contact-infos span.info_first{ *display: inline; *zoom:1; *width: 150px;}
	.contact-infos li:last-child{ border-bottom: 1px solid #8c8c8c;}
	.contact-infos li:last-child span.info_first{ width: 150px;}
	.contact-infos li span.adress{ width: 135px;}
.contact-infos span.info_titre{
	width: 135px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	color: #aaabaa;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	vertical-align: top;
	}
.contact-infos span.info_first{	
	width: 120px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	*width: 90px;
	color:  #ff6d0e;
	}
.contact-infos span.info_sec{
	width: 90px;
	display: table-cell;
	*display: inline;
	*zoom: 1;
	*width: 90px;
	*margin-left: 10px;
	color:  #ff6d0e;
	}
#contactus input,textarea {
	background-color: #000;
	border: 1px solid #585858;
	margin-bottom: 10px;
	}
	#contactus textarea { margin-bottom: 5px;}
	.f_email,.f_name,.f_message{ width: 355px;}
	#contactus .f_envoyer{
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		color: #FF6D0E;
		cursor: pointer;
		float: right;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		*zoom: 1;
		*float: left;
		*margin-left: 280px;
		}
#contact_verif{
	width: 280px;
	display: block;
	float: left;
	color: #FF6D0E;
	*margin-left: 30px;
	}
.valide-true{
	color: #FF6D0E;
	text-align: center;
	font-size: 1.5em;
	}
/*FOOTER*/
#footer-nav {
	display: inline-block;
	text-align: center;
    margin: 0 auto;
	*display: inline;
	*zoom: 1;
	}
#footer #colophon {
	text-align:center;
	}
#footer-nav .menu-header{
	float: left;
	margin-bottom: 15px;
	}
	#footer-nav .menu-header ul{
		display: block;
		*display: inline;
		*zoom: 1;
		}
	#footer-nav .menu-header li{
		border-right:1px solid #3E3F3E;
		display:table-cell;
		padding:0 10px;
		*display: inline;
		*zoom: 1;
		}
		#footer-nav .menu-header li a{
			color: #FF6D0E;
			text-decoration: none;
			}
			#footer-nav .menu-header li a:hover,#footer-nav .menu-header li a:focus{
				color:#FFF;
				text-decoration: underline;
				}
			#footer-nav .menu-header li.current-menu-item a{
					color:#FFF;
					text-decoration: underline;
				}
#footer-nav #lang_sel_list{
	background: none repeat scroll 0 0 transparent;
    float: left;
    height: 17px;
    line-height: 17px;
    margin-bottom: 15px;
    padding: 0;
    vertical-align: top;
    width: 202px;
	}
	#footer-nav #lang_sel_list ul{
		border: 0 none;
		width: 276px;
		}
		#footer-nav #lang_sel_list li{
			border-right: 1px solid #3E3F3E;
			float: left;
			height: 16px;
			padding-top: 2px !important;
			width: 100px;
			}	
#colophon hr{
	background:none repeat scroll 0 0 transparent;
	border-bottom:0 none;
	border-top:1px solid #3e3f3e;
	height:20px;
	margin:0;
	padding:0;
	*height:1px;
	*margin: 10px 0;
	}
#footer-nav #lang_sel_list ul a {
	background:none;
	color:#FF6D0E;
	height:auto;
	line-height: none;
	padding: 0;
	}
	#footer-nav #lang_sel_list ul a:hover,#footer-nav #lang_sel_list ul a:focus {
		color:#FFF;
		text-decoration: underline !important;
		}
#lang_sel_list a, #lang_sel_list a:visited {
	background:none;
	color:#fff;
	display:block;
	font-size:11px;
	line-height:18px;
	text-decoration:none !important;
	border: 0;
	}
div.credits{
	color: #3E3F3E;
    float: left;
    margin: 2px 0;
    vertical-align: top;
    width: 135px;
	}
	div.credits a{
		color:#FF6D0E;
		margin-left:5px;
		text-decoration:none;
		vertical-align:top;
		}
	div.credits a:hover{ text-decoration: underline; color : #fff;}
ul#contacts{
	display: inline-block;
	margin-bottom:5px;
	clear: both;
	}
	#contacts li{
		display: table-cell;
		padding:0 10px;
		border-right:1px solid #3E3F3E;
		color: #3E3F3E;
		*display: inline;
		}
	#contacts li:last-child{
		border-right:none;
		}
		#contacts li a{
			color: #FF6D0E;
			text-decoration: none;
			}
		#contacts a:hover{ text-decoration: underline; color : #fff;}