/* ECSS 0.0807 filtre='UNKNOW' agent='CCBot/1.0 (+http://www.commoncrawl.org/bot.html)' */

#menu ul.menu {
	width:670px;
	}

#header {
	margin-top:30px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	width:740px;
	text-align:left;
	}

#logo img {
	cursor:pointer;
	}

#main {
	width:730px;
	}

#colonne h1 {
	padding:0px;
	margin:0px;
	}

#footer {
	color:#FFF;
	border-top:5px solid #FFF;
	border-left:0px;
	border-right:0px;
	background:#2E3538;
	clear:both;
	}

#footer .content {
	width:740px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0px;
	text-align:right;
	}

#opaque {
	text-align:center;
	display:none;
	position:fixed;
	bottom:0;
	top:0;
	left:0;
	right:0;
	background:#000;
	z-index:200;
	opacity:0.9;
	}

#page-portfolio {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

#box-portfolio {
	margin-top:120px;
	;
	position:fixed;
	width:760px;
	height:435px;
	background:transparent url("../imgs/transparence.png");
	border:1px solid #fff;
	z-index:11000;
	box-shadow:3px 3px 5px#333;
	text-align:center;
	padding-bottom:50px;
	left:0;
	right:0%;
	}

#img-portfolio {
	width:680px;
	height:388px;
	background:#FFF;
	box-shadow:3px 3px 5px #666;
	z-index:0;
	text-align:center;
	margin:30px;
	}

#liste-portfolio {
	padding:0px;
	margin-left:0px;
	margin-right:auto;
	text-align:left;
	clear:both;
	margin-bottom:20px;
	}

#ul-portfolio {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	}

#page-videos {
	position:relative;
	}

#divideo {
	display:none;
	position:fixed;
	top:15%;
	left:0;
	right:0;
	z-index:1000;
	border:5px solid #FFF;
	width:768px;
	margin-left:auto;
	margin-right:auto;
	}

object,embed {
	width:768px;
	height:432px;
	}

#video {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	}

#liste-video {
	padding-left:60px;
	margin-left:auto;
	margin-right:auto;
	}

#menu-video ul {
	width:650px;
	}

#menu-video li input {
	display:inline;
	border:1px solid #ccc;
	width:200px;
	padding:2px;
	margin:5px 0px;
	vertical-align:middle;
	}

#menu-video li h2 {
	display:inline;
	margin-left:20px;
	}

ul.lien {
	width:650px;
	margin-left:20px;
	padding:3px 10px;
	text-align:right;
	}

ul.lien li {
	padding:0px;
	margin:0px;
	display:inline;
	vertical-align:middle;
	color:#2E3538;
	text-transform:uppercase;
	}

ul.lien li a {
	color:#2E3538;
	cursor:pointer;
	background:transparent url(/imgs/css2-fleche1.png) no-repeat 10px;
	text-decoration:none;
	padding:0px 0px 0px 30px;
	text-decoration:none;
	}

ul.lien li a span {
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	padding-top:10px;
	}

ul.lien li a:hover {
	color:#FF931E;
	background:transparent url(/imgs/css2-fleche2.png) no-repeat 10px;
	}

.defilement {
	position:relative;
	z-index:10;
	}

.defilement #prec {
	position:absolute;
	left:670px;
	top:0px;
	}

.defilement #suiv {
	position:absolute;
	;
	}

.defilement #suiv a {
	display:block;
	width:59px;
	height:85px;
	background:transparent url(/imgs/suiv.png) no-repeat 10px;
	text-decoration:none;
	color:#2E3538;
	padding:10px;
	}

.defilement #prec a {
	display:block;
	width:59px;
	height:85px;
	background:transparent url(/imgs/prec.png) no-repeat 10px;
	text-decoration:none;
	color:#2E3538;
	padding:10px;
	}

.defilement #suiv a span,.defilement #prec a span {
	display:none;
	}

.defilement #prec a:hover {
	background:transparent url(/imgs/prec-hover.png) no-repeat 10px;
	border:3px solid #FFF;
	}

.defilement #suiv a:hover {
	background:transparent url(/imgs/suiv-hover.png) no-repeat 10px;
	border:3px solid #FFF;
	}

#menusite li a.logout {
	background:#CF0000;
	}

#beta {
	position:absolute;
	color:#2E3538;
	;
	top:70px;
	font-weight:bold;
	z-index:4;
	text-align:left;
	}

#beta h1 {
	color:#2E3538;
	font-size:13px;
	font-family:Verdana;
	display:none;
	margin:0px;
	}

#beta p {
	font-size:9px;
	margin:2px;
	display:none;
	}

#ill {
	padding:0px 30px 10px 0px;
	display:block;
	}

#ill img {
	padding:0px;
	margin:0px;
	width:150px;
	}