*{	margin:0px;
	padding:0px;}
	
html{
	overflow-y: scroll;
}
	
html,body{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	text-align:center;
	color:#383838;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.phplist {
	width:600px;
	margin:auto;
	text-align:left;

}
.phplist table{
	margin-bottom:10px;
}
.phplist td{
	padding:1px;
}
.phplist .required{
	color:#FF0000;
}
.phplist .error{
	color:#FF0000;
	font-style:italic;
}
.phplist form{
	padding:20px 0px;
}
.phplist img{
	display:none;
}
.phplist p{
}
img a, img a:hover, img	 {
	border:none;
}
a{
	color:#7B7B7B;
	text-decoration:none;
}
a:hover{
	color:#383838;
}
h1{
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 15px 0px;
}

p{
	margin:0px 0px 15px 0px;
}

div.news_table{
	width:955px;
	margin:auto;
}
div.news{
	width:305px;
	max-width:305px;
	text-align:left;
	padding:0px 0px 15px 0px;
	margin-bottom:15px;
	font-size:11px;
	color:#7b7b7b;
	background-color:#eaeaea;
}
div.news:hover, div.news:hover h1, div.news:hover .date{
	color:#000000;
	/*background-color:#454545;*/
}

div.news:hover a{
	color:#000000;
}
div.news:hover a:hover{
	color:#7B7B7B;
}
div.news:hover a{
	color:#7B7B7B;
}
div.news:hover a:hover{
	color:#000000;
}

div.news h1{
	text-align:left;
	margin-bottom:10px;
	font-size:11px;
	color:#7B7B7B;
	
}
div.news img{
	width:305px;
	max-width:305px;
}
div.news .date{
	font-size:10px;
	color:#7b7b7b;
}

div.news .image_video {
	margin-bottom:10px;
}

div.texte {
	width:490px;
	margin:auto;
	font-size:11px;
	text-align:left;
	margin-top:14px;
}

div.texte img {
	margin-bottom:30px;
}
div.texte.about {
	width:380px;
	border-bottom:solid 5px #282828;
	border-top:solid 5px #282828;
	padding:35px 20px 25px 20px;
	text-align:center;
	color:#282828;
}


div.portfolios{
	width:996px;
	margin:auto;
}

div.portfolios .item{
	display:none;
	width:207px;
	float:left;
	margin:0px 21px 25px 21px;
	
	font-size:11px;
	vertical-align:baseline;
	text-align:center;
}
div.portfolios .item a {
	text-decoration:none;
	color:#FFFFFF;
}
div.portfolios .item img{
	margin-bottom:10px;
}
div.portfolios .item h3{
	margin-bottom:10px;
	color:#7b7b7b;
	font-size:11px;
	text-transform:capitalize;
}


div.portfolios .item h3 a{
	color:#7b7b7b;
	text-decoration:none;
	font-weight:normal;
}
div.portfolios .item:hover a{
	color:#272727;
}
div.works{
	width:932px;
	margin:auto;
	z-index:1;

}

div.works .sous_menu{
	width:134px;
	float:left;
	text-align:left;
	position:fixed;
	z-index:1;
	
}

div.works .sous_menu li{
	list-style:none;
	font-size:11px;
	color:#7a7a7a;
}

div.works .sous_menu li{
	cursor:pointer;
}
div.works .sous_menu li a{
	color:#7a7a7a;
	text-decoration:none;
}


div.works .sous_menu li.titre a, div.works .sous_menu li a:hover, div.works .sous_menu li:hover, div.works .sous_menu li.selected{
	color:#272727;
}

div.works .sous_menu li.selected{
	color:#272727;
	padding-left:11px;
	background:url(../img/sm_selected.gif) no-repeat 0px 2px;
}
div.works .sous_menu li.about.selected{
	background:none;
	padding-left:0px;
}
div.works .sous_menu li.back{
	margin-top:15px;
}


div.works .sous_menu li.selected a{
	color:#272727;
}

div.works .sous_menu h1{
	font-size:11px;
	color:#272727;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
}
div.works .sous_menu .types{
	margin:15px 0px 55px 0px;
}
div.works .content{
	width:798px;
	margin-left:134px;
}
div.works .content .previews{
	text-align:left;
}
div.works .content .previews a{
	display:none;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	width:100px;
	height:133px;
	display:block;
	float:left;
	padding:0px 12px 12px 0px;
}
div.works .content .previews img{
	position:absolute;
}
div.works .content .previews div{
	position:absolute;
	width:100px;
	height:133px;
	background-color:#000000;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	display:none;
}

div.works .content .previews table{
	position:absolute;
	width:100px;
	height:133px;
	color:#FFFFFF;
	text-align:center;
	display:none;
}
div.works .content .previews table a{
	color:#FFFFFF;
	text-decoration:none;
}
div.works .content .about{
	width:390px;
	margin-left:140px;
	font-size:11px;
	color:#383838;
	text-align:left;
	display:none;

}
div.work_detail{
	position:absolute;
	left:0px;
	width:100%;
	min-height:550px;
	z-index:0;
	overflow-x: scroll;
	overflow-y:hidden;
}
div.work_detail .photos{
	height:550px;
	padding-right:100px;
}

div.work_detail .photos .photo_video{
	height:550px;
	float:left;
	margin-right:14px;
}

div.work_detail_texte{
	width:798px;
	margin:auto;
	text-align:left;
	z-index:3;
	position:relative;
	padding-left:134px;
	margin-top:562px;
	font-size:11px;
	display:none;
}

div.work_detail_texte a{
	text-decoration:none;
	color:#7B7B7B;
}
div.work_detail_texte a:hover{
	text-decoration:none;
	color:#383838;
}

div.work_detail_texte p{
	margin:0px;
}
div.work_detail_texte div.t{
	width:664px;
	float:left;
}
div.work_detail_texte div.nav{
	width:134px;
	float:right;
}
div.works{
	z-index:1;
}

div.home, div.home td{
	overflow:hidden;
}

#main{
	border-top:solid 1px #FFFFFF;
	margin-top:120px;
}


#header{
	width:100%;
	height:120px;
	text-align:center;
	overflow:hidden;
	position:fixed;
	background-color:#FFFFFF;
	top:0px;
	left:0px;
	z-index:999;
}

#header h1{
	width:290px;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	position: relative;
	left: 50%;
	margin-left:-145px;
	margin-bottom:0px;
}

#header h1 a{
	display:block;
	width:290px;
	height:70px;
	background:url(../img/creative_agency.gif) no-repeat;
	text-indent:-9999px;
}


#header .nav{
	width:100%;
	text-align:center;
	margin:auto;
	margin-top:-50%;
}
#header ul{
	width:100%;
	margin:0px;
	padding:0px;
}
#header ul li{
	display: block;
	float:left;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#272727;
	margin-right:33px;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
  }

#header ul li a{
	color:#FFFFFF;
	text-decoration:none;
}
#header ul li:hover a, #header ul li a:hover, #header ul li.selected a{
	color:#272727;
}
#header .underline{
	height:1px;
	width:1px;
	display:none;
	border-bottom:solid 1px #333333;
}




#footer{
	display:none;
	background-color:#FFFFFF;
	position:fixed;
	width:100%;
	height:22px;
	font-size:10px;
	padding:5px 0px;
	text-align:left;
	bottom:0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
div.footer{
	bottom:5px;
	position:absolute;
	width:955px;
	margin-left:50%;
	left:-477px;
	text-align:left;
}
div.footer_form{
	display:none;
}
div.footer_button{
	cursor:pointer;
	color:#7B7B7B;
}
div.footer_button:hover{
	color:#000000;
}
#footer input.submit{
	background-color:#7c7c7c;
	color:#FFFFFF;
	border:none;
	height:20px;
	width:20px;
	cursor:pointer;
	padding:0px;
	text-align:center;
	padding-left:1px;
	margin:0px;
	-webkit-appearance: none;
	    -moz-box-shadow: 0px 0px 0px #9aa1a9;
	    -webkit-box-shadow: 0px 0px 0px #9aa1a9;
	    box-shadow: 0px 0px 0px #9aa1a9;
}
#footer input.submit:hover{
	background-color:#6b6969;
}
#footer input.submit:active{
	background-color:#7c7c7c;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
#footer input{
	background-color:#FFFFFF;
	font-size:10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	padding:1px;
	width:125px;
	padding:2px 2px 2px 12px;
	margin-right: 8px;
	    -moz-box-shadow: 0px 0px 5px #9aa1a9;
	    -webkit-box-shadow: 0px 0px 5px #9aa1a9;
	    box-shadow: 0px 0px 5px #9aa1a9;
	    border: none;
	    outline: 0;
	    -webkit-appearance: none;
}

button:focus { 
    outline: none; 
	
	
}
a:focus { 
    outline: none; 
}
#footer input:focus {
	    -moz-box-shadow: 0px 0px 5px #7390b0;
	    -webkit-box-shadow: 0px 0px 5px #7390b0;
	    box-shadow: 0px 0px 5px #7390b0;
	}


.clear:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}