@charset "UTF-8";

* {
    box-sizing: border-box;
}
#venetianprose {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 30px
}
#venetianprose p {
	font-family: 'Open Sans', sans-serif, Helvetica, sans-serif; 
	color:#CCC;
	font-size:1em;
	line-height:1.3em;
}
body {
    background-image: url(../img/hm-pg/white_1180.png)
	background-color: #000;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

html {
	border-left:10px solid #1b1b1b;
	border-right:10px solid #1b1b1b;
}
body:before {
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:block;
	border-top:10px solid #1b1b1b;
	content:'';
	z-index:100;
}
body:after {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	display:block;
	border-top:10px solid #1b1b1b;
	content:'';
	z-index:100;
}

.lt-ie9 body:after,.lt-ie9 body:before{border:none;}
.lt-ie9{border: none;}
	/* 
#bk-img {
    background-image: url(../img/hm-pg/Factor_Plaster_bkgnd.png);
	background-repeat: no-repeat;
	background-position: left top; */
}
/* .hdrbkgnd {
    float: left; 
    position: relative;
}
.hdrbkgnd {
	display: inline;
	position: relative;
    z-index: 0;
	width: 100%;
	max-width: 1180px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 0px;
    padding-bottom: 0px;
} */
#content {
	clear:both;
	position: relative;
	width: 966px;
    height: 400px;
/*     background-color: rgba (0,0,0,.1) */
    border: 10px;
    border-color: rgba (0,0,0,.1)
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	-moz-box-shadow:    3px 3px 5px 7px #444;
	-webkit-box-shadow: 3px 3px 5px 7px #444;
	box-shadow:         3px 3px 5px 7px #444;
 	}
	/* Normally would use overflow:auto to clear floats, but #content contains content 
	that needs to hang outside the element, I have to fall back on the old :after method 
	*/
	#content:after {
	    content: " ";
	    display: block;
	    height: 0;
	    clear: both;
	    overflow: hidden;
	    visibility: hidden;
		}
#content2 {
	clear:both;
	position: relative;
	width: 650px;
	margin-left:auto;
	margin-right:auto;
	-moz-box-shadow:    3px 3px 5px 7px #444;
	-webkit-box-shadow: 3px 3px 5px 7px #444;
	box-shadow:         3px 3px 5px 7px #444;
 
	}
.feature-rotator {
	overflow: hidden;
	background: rgba(25, 25, 25, .01);
	}
	.feature-rotator #slider {
		width: 966px;
		text-align:center;
	}
        .feature-rotator .border_box {
          position: absolute;
          border: 10px solid #fff;
          left: 0px;
          right: 0px;
          top: 0px;
          bottom: 0px;
        }
.blueberry ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	.blueberry li {
		margin: 0;
		padding: 0;
		}

.header {
    background-color: none;
	display: inline-block;
	position: relative;
    left: 00px;
    top: 0px;
    z-index: 0;
    display: block;
	width: auto;
	clear: both;
	height: 25px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
    padding-right: 120px;
	border-bottom: 1px solid #666;
	}
	.header ul {
		list-style:none;	
		color:#fff;
		font-size:14px;	
		font-family: 'Open Sans', sans-serif, Helvetica, sans-serif;
	}
	.header ul li {
		float:right;
		margin-right:100px;
	}
	.header ul a {
		color:#000;
		display:block;
		font-size:13px;	
		text-decoration:none;
	}
	.header ul a:hover {
		text-decoration:none;
		color:#b8480a;
	}
.footer {
	width:100%;
	clear: both;
	height:47px;
	margin-left: auto;
	margin-right: auto;
background: rgba(255, 255, 255, .1);	
	border-top:1px solid #666;
	}
	.footer ul {
		list-style:none;	
		color:#fff;
		font-size:14px;	
		font-family: 'Open Sans', sans-serif, Helvetica, sans-serif;
	}
	.footer ul li {
		float:left;
		margin-right:100px;
	}
	.footer ul a {
		color:#fff;
		display:block;
		font-size:14px;	
		text-decoration:none;
	}
	.footer ul a:hover {
		text-decoration:none;
		color:#b8480a;
	}

.subcontent {
	width:944px;
	clear:both;
	padding:40px;	
	float:left;
}
.subcontent h2 {
	font-size: 20px;
	color: #D4D4D4;
}
.subcontent p {	line-height:1.3em;	

	font-size:17px;
}
.subcontent span {
	color:#fff;	
}
.subcontent img {
	float:left;	
	border:1px solid #b8480a;
	margin-left:30px;
	padding:5px;
	background-color:#000;
}
.subcontent2 {
	width:944px;
	background:rgb(51,51,51,.5)
	clear:both;
	padding:40px;	
	float:left;
}
.prose {
	width:400px;
	float:left;
}

.prose2 {
	width:400px;
	float:right;
}
.prose p {
	font-size:15px;
}
.prose i {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc;	
}
.prose a {
	margin-left:0px; 
	color:#fff; 
	font-variant:small-caps; 
	font-family: 'Open Sans', sans-serif, Arial,Helvetica, sans-serif; 
	letter-spacing:1.2px; 
	font-size:20px;	
}
.prose a:hover {
	font-weight:bold;	
}
.prose-ho {
	width:1000px;
	float:left;
}
.prose-ho p {
	font-size:16px;
}
.logo {
	 background-image: url(../img/hm-pg/Factor_white_bkgd.png);
	display: inline;
	position: relative;
    z-index: 0;
	width: 100%;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top: 0px;
    padding-bottom: 145px;
}
/*	
.logo {
    position: absolute; 
    top: 200; 
    left: 0; }  */

/*	background-color: rgba(80, 80, 80, .5); */


.logo a {
  display: block;
  height: 100px;
  margin-top: 30px;
  margin-bottom: 60px;
  background-image: 
  url(../img/dk.png), 
  url(../img/slogan.png), 
  url(../img/log.jpg);
  background-position: center left 100px, bottom right 50px, top left;
  background-repeat: no-repeat;
}
.slogan{
	float: right;
	height: 40px;
	width: 300;
	margin-top: 40px;
}		
#mission {
	width: 95%;
	position: relative;
	float: left;
	margin-left: 2%;
	margin-right: 3%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 19%;
	padding-right: 8%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: rgba(220,220,220,0.75);
}
#menu {
    position: relative;
    z-index: 1;
	background: rgba(70, 70, 70, .9);
	clear:both;
	width:1024px;
	max-width:1100px;
    min-width:480px;
	height:59px;
	margin-top:250px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
/*	
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#e7e7e7;	

#menu ul {  
	display: inline;
	padding-left:0px;
	padding-right:0px;
	list-style: none;
/*background: rgba(0, 0, 0, .7);*/
}
#menu ul:hover {
	
}
#menu ul li {
	white-space: nowrap;
	display: inline-block;
	position: relative;
	padding-top: 18px;
	padding-bottom: 12px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid #999;
/*	background-color:#ddd;
background: rgba(0, 0, 0, .7);

  text-shadow: 1px 1px 1px #fff;	*/
}
#menu ul li:hover {
	color:#b8480a;
	border-bottom:1px solid #b8480a;
	background-color:#444;
}
#menu ul li ul {  
	padding: 0;
margin-top:11px;
  position: absolute;
  top: 44px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 5s;
  -moz-transition: opacity 5s;
  -ms-transition: opacity 5s;
  -o-transition: opacity 5s;
  -transition: opacity 5s;
  text-align:left;
}
#menu ul li ul li {
  display: block;
  border:0;
  	font-size:14px;
	color:#fff;
margin-left:0px;
margin-right:0px;
	letter-spacing:1.2px;
}

#menu ul li ul li:hover { 
	border:0;
}
#menu ul li:hover ul { 
  display: block;
  opacity: 1;
  visibility: visible;
	background: rgba(80, 80, 80, .9);
}	
#menu li {
	font-family: 'Open Sans', sans-serif, Helvetica, sans-serif; 
				
	font-size:14px;
	color:#fff;
	font-variant:small-caps;
	text-decoration:none;
	letter-spacing:2px;
}

#menu a:hover {		 
}
.currentpage {
text-decoration:overline;
}
.fill {
	height: 30px;
	clear: both;
}
#cont {
    width: auto
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top:40px;
	min-width: 480px;
	background: rgba(25, 25, 25, .9);
}
#cont2 {
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 470px;
	min-width: 400px;
	background: rgba(50,50,50,.5);
}
#cont3 {
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	min-width: 380px;
	background: rgba(50,50,50,.5);
}
#cont4 {
	width: 98%;
	height: auto;
	float: right;
	margin-left: auto;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	min-width: 380px;
	background: rgba(50,50,50,.5);
}
#cont5 {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 160px;
	min-width: 460px;
	background: rgba(50,50,50,.5);
}
#cont6 {
	width: 47%;
	float: left;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	min-width: 400px;
	background: rgba(50,50,50,.5);
}
#cont7 {
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 80px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 150px;
	min-width: 380px;
	background: rgba(50,50,50,.5);
}
#titre {
		width:1024px;
		float:left;
		height:30px;
		margin-top:40px;
		margin-bottom:30px;
}
#projects {
		width:100%;
		float:left;
		height:auto;
		min-width:480px;
}
#projects img {
	border:0px solid #eee;	
}
#sample {float: left
}

.thumbs {
	width: 130px;
	float: left;
	height: 240px;
	margin-left: 30px;
	text-decoration: none;
	margin-bottom: 50px;
	margin-top: 50px;
		}
		.thumbs2 {
		width:304px;
		float:left;
		height:283px;
		margin-left:30px;
		text-decoration:none;
}
.thumbstrip {
    width: 970px;
    float: left;
    height: 140px;
    }
.linkbox {
	width: 130px;
	float: left;
	height: 144px;
	border: 3px solid #666666;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 30px;
	-moz-box-shadow: 3px 3px 5px 7px #222;
	-webkit-box-shadow: 3px 3px 5px 7px #222;
	box-shadow: 3px 3px 5px 7px #222;
	filter: Shadow(Color=#222222,Direction=135,Strength=3);
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#444444,Direction=135,Strengt=1);
}
.menubox {
	width: 130px;
	float: left;
	height: 144px;
	border: 3px solid #CCCCCC;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 30px;
}
.des {
	width: 130px;
	float: left;
	height: auto;
	text-align: left;
	padding-top: 15px;
	text-decoration: none;
	padding-bottom: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	}
.des2 {
		width:304px;
		float:left;
		height:63px;
		text-align:center;
		padding-top:20px;
		text-decoration:none;
		}
.des3 {
		width:304px;
		float:left;
		height:auto;
		text-align:center;
		text-decoration:none;
		margin-bottom:30px;
		}
.thumbs .label {
		position: absolute;
		z-index: 2;
		width: 130px;
		height: 96px;
		text-align:center;
		/*display:none;*/
		vertical-align: middle;
		
	-webkit-transition: opacity 500ms ease-out; 
	   -moz-transition: opacity 500ms ease-out; 
		-ms-transition: opacity 500ms ease-out; 
		 -o-transition: opacity 500ms ease-out; 
			transition: opacity 500ms ease-out;
		opacity: 0;
	}
	.thumbs:hover .label {
		-webkit-transition: opacity 300ms ease-out; 
	   -moz-transition: opacity 300ms ease-out ; 
		-ms-transition: opacity 300ms ease-out; 
		 -o-transition: opacity 300ms ease-out; 
			transition: opacity 300ms ease-out;
		opacity: 1;
	}
	.thumbs .content{
		vertical-align: middle;
		text-align:center;
		height:auto;
		padding-top:54px;
	}
	.thumbs:hover h1{
		color:#fb7575;
		-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
	}
	.thumbs:hover .des{
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#b8480a;
	}
	.thumbs:hover h3 {
	color:#b8480a;	
	}
.fancythumbs {
		width:210px;
		float:left;
		height:283px;
		padding-top:30px;		
		margin-left:30px;
		text-decoration:none;
		margin-bottom:53px;
		text-align:center;
		border: none;		
		}
.fancythumbvp {
	width: 150px;
	float: right;
	height: 90px;
	margin-right: 40px;
	text-decoration: none;
	margin-bottom: 0px;
	text-align: center;
	padding: 5px;
	margin-top: 25px;
	clear: right;
	border: none;
}
#venetianprose #projects .fancybox .fancythumbssmall {
	width: 160px;
	float: left;
    clear: right;
	height: 130px;
	padding-top: 20px;
	margin-left: 30px;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: center;
	border: none;
}
.fancydes {
		width:210px;
		float:left;
		height:auto;
		text-align:center;
		padding-top:20px;
		text-decoration:none;
		padding-bottom:23px;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#e7e7e7;
		}
.fancydessmall {
	width: 160px;
	float: left;
	height: auto;
	text-align: center;
	padding-top: 15px;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
}
.fancydesmedium {
	width: auto;
	float: right;
	height: 90px;
	text-align: center;
	padding-top: 15px;
	text-decoration: none;
	padding-bottom: 15px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
}
.fancythumbs .label {
		position: absolute;
		z-index: 2;
		width: 210px;
		height: 195px;
		text-align:center;
		/*display:none;*/
		vertical-align: middle;
	-webkit-transition: opacity 500ms ease-out; 
	   -moz-transition: opacity 500ms ease-out; 
		-ms-transition: opacity 500ms ease-out; 
		 -o-transition: opacity 500ms ease-out; 
			transition: opacity 500ms ease-out;
		opacity: 0;
	}
.fancythumbs .labelsmall {
	position: absolute;
	z-index: 2;
	width: 160px;
	height: 160px;
	text-align: center;
	/*display:none;*/
	vertical-align: middle;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-ms-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
	opacity: 0;
}

.fancythumbs:hover .label {
		-webkit-transition: opacity 300ms ease-out; 
	   -moz-transition: opacity 300ms ease-out ; 
		-ms-transition: opacity 300ms ease-out; 
		 -o-transition: opacity 300ms ease-out; 
			transition: opacity 300ms ease-out;
		opacity: 1;
	}
	.fancythumbs .content{
		vertical-align: middle;
		text-align:center;
		height:auto;
		padding-top:54px;
	}
	.fancythumbs:hover h1{
		color:#fb7575;
		-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
	}
	.fancythumbs:hover .des{
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#b8480a;
	}
	.fancythumbs:hover h3 {
	color:#b8480a;	
	}
h1 {
	font-family: 'IM Fell Double Pica', garamond, "Trebuchet MS", 'Open Sans', sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 30px;
	font-style: italic;
	color: #f0f0f0;
	/*color:#292d33;*/
	font-size: 1em;
	padding-left: 70px;
	padding-right: 70px;
	border-bottom: solid 1px #b8480a;
	text-decoration: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
	font-size: 20px;
}
h1 b {
	font-weight:normal;
	color:#999;	
}
h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:0.8em;
	text-decoration:none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f0f0f0;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 5px;
	font-weight: normal;
    clear: right;
    
}
h3 a {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0em;
	line-height:1.3em;
	text-decoration:none;
}
h3 a:hover {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fb7575;
	text-transform:uppercase;
	letter-spacing:0em;
	line-height:1.8em;
	text-decoration:none;
}
h4 {
	font-family: garamond;
	font-size:20px;
	text-align:left;	
	font-weight:normal;
	letter-spacing:.03em;
	color:#f0f0f0;
	padding:0;
	margin-top:9px;
	margin-bottom:6px;
}
h4:hover {
	color:#b8480a;	
	text-decoration:underline;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f0f0f0;
	text-transform:uppercase;
	text-decoration:none;
	text-justify:distribute;
	text-align:center;
	box-shadow:3px,3px,3px,#666666;
	margin-top:4px;	
	margin-bottom:4px;
	font-weight:normal;
	-moz-text-shadow: 1px 1px 3px #000;
	-webkit-text-shadow: 1px 1px 3px #000;
	text-shadow: 1px 1px 3px #000; filter: Shadow(Color=black,Direction=135,Strength=3);
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000,Direction=135,Strengt=3);
}
h6 {
	font-family: 'IM Fell Double Pica', garamond, "Trebuchet MS", 'Open Sans', sans-serif;
	font-weight: bold;
	text-align: left;
	float: left;
	font-size: 26px;
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 20px;
	font-style: italic;
	letter-spacing:.2em;
	color: #b8480a;
	padding-left: 80px;
	padding-right: 10px;
		text-decoration: none;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
	-moz-text-shadow: 2px 2px 3px #000;
	-webkit-text-shadow: 2px 2px 3px #000;
	text-shadow: 2px 2px 3px #000; filter: Shadow(Color=black,Direction=135,Strength=3);
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000,Direction=135,Strengt=3);
}
p {
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F5F5F5;
	line-height: 1.1em;
	font-weight: normal;
	text-decoration: none;
	font-stretch: normal;
}
a img { border: none; }
a {
	text-decoration:none;
	-o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  /* ...and now for the proper property */
  transition:.4s;
}
.vptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	color: #333;
}
.color {
	color: #b8480a;
	font-size: 24px;
	font-weight: bold;
	background-color: #444;
}
.color-head {
	color: #b8480a;
	font-size: 16px;
	font-weight: bold;
}
.blue_thunb {
	height: 90px;
	width: 150px;
	margin-top: 300px;
	margin-right: 40px;
	background-image: url(../img/vp/blue_thunb.JPG);
}
.VPpopout {
	height: 500px;
	width: 800px;
}
.fancythumbvp2 {
	float: left;
	height: 90px;
	width: 150px;
	margin-top: auto;
	margin-right: 0px;
	padding: 5px;
	clear: none;
	margin-left: 40px;
}

/*#mobile {
		display: none;
		width: 100%;
		height:100%;
		background-color: aqua;
		}
iframe {
  margin-bottom: 20px;
}

@media only screen (min-device-width: 320px)and (max-device-width:480px) 
and (max-width:480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    html,body { -webkit-text-size-adjust:none; }
}
@media only screen 
and (max-width:1100px)
{
body:before {
	display:none;	
}
body:after {
	display:none;
}
html {
	border:0;
}
}
@media only screen 
and (min-device-width:320px)
and (max-device-width:640px)
and (max-width:640px)
and (-webkit-device-pixel-ratio: 2)
{
body:before {
	display:none;	
}
body:after {
	display:none;
}
html {
	border:0;
}
}
/* MOBIL 
#mobile {
		display: block;
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 10%;
		height:90%;
		background-color:#fff;
		}
#cont {
		width:100%;
		height:auto;
		}
#content {
		display:none;
		}		
.lastworks{
	display: none;
	} 
.welcome {
		display: none;
}
#titre {
		display: none;
		}
#bloct {
		display: none;
		}
.tiret {
		display: none;		}
#menu{
		display: none;
}
#menu .logo{
		display: none;
		}
#menu ul{
		display: none;
		}	
h2 {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:1.2em;
	margin-left: 20px;
	margin-right: 20px;
	text-decoration:none;
}
	h3 {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0em;
	line-height:1.8em;
	
	text-decoration:none;
}
p {
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878789;
	margin-left: 20px;
	margin-right: 20px;
	line-height:1.8em;
	font-weight:regular;
	text-decoration:none;
}
p a{
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878789;
	margin-left: 20px;
	margin-right: 20px;
	line-height:1.8em;
	font-weight:regular;
	text-decoration:none;
}
p a:hover{
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#292d33;
	margin-left: 20px;
	margin-right: 20px;
	line-height:1.8em;
	font-weight:regular;
	text-decoration:none;
}
p1 {
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#878789;
	line-height:1.8em;
	font-weight:bold;
	text-decoration:none;
}
.thumbs{
		display: none;
	}
.thumbs .label {
		display: none;
	}
*/			

/*
@media only screen and (max-width: 640px) 
{
body {
	width:60%;
	font-size:4em;	
}
body:before {
	display:none;	
}
body:after {
	display:none;	
}
html {
	border:0;
}
}
#cont {
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:60px;
		min-width:480px;
		}
.ani {
		display: none;
	}
.ani img{
		display: none;
	}	
.ani:hover  {
		display: none;
	}
.thumbs .label {
display: none;
}
#menu {
		width:100%;
		height:60px;
		background-color:#FFF;
		margin-left:15px;
		padding-top:20px;
		margin-right:auto;
		top:0px;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#e7e7e7;
		min-width:480px;
		}
#menu .logo{
		width: 40%;
		height:45px;
		padding-left: 10px;
		padding-top:3px;
		background-color:#FFF;
		float:left;
		}		
		#menu ul{
	float:right;
	height:20px;
	padding-right: 10px;
			}

		#menu li{
		display:inline;
		}
		
		#menu a{
			display:block;
			float:left;
			font-family: "text",Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#878789;
			
		padding-left:15px;
			font-weight:normal;
			text-decoration:none;
		}
		#menu a:hover{
			color:#fb7575;
		}
		#menu a:hover span{
			color:#878789;	
		}	
.welcome {
		width:100%;
		float:left;
		height:auto;
		margin-left:0;
		padding-top:36px;
		padding-bottom:13px;
		margin-top:0px;
		text-align:center;
		}
#titre {
		width:90%;
		float:left;
		height:30px;
		margin-bottom:30px;
		margin-left:5%;
		margin-top:30px;
		}
#titre2 {
		width:100%;
		float:left;
		height:30px;
		margin-bottom:24px;
		margin-left:30px;
		margin-top:30px;
		}
#bloct {
		
		height:30px;
		width:100px;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		float:left;
		}	
.tiret {
		height:1px;
		width:35%;
		float:left;
		background-color:#e7e7e7;
		margin-top:10px;
		}
.lastworks {
		width:100%;
		float:left;
		height:auto;
		margin-bottom:20px;
		margin-top:0px;
		}
.lastworks .ani {
		display: block;
	}
	.lastworks:hover .ani {
		display: block;
	}
		.lastworks img {
		width:100%;
	}
	.thumbs {
		width:50%;
		float:left;
		height:283px;
		margin-left:15px;
		text-decoration:none;
		margin-bottom:53px;
		}
		.thumbs2 {
		width:50%;
		float:left;
		height:283px;
		margin-left:15px;
		text-decoration:none;
		margin-bottom:53px;
		}
		h3 {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0em;
	line-height:1.8em;
	
	text-decoration:none;
}
*/



#bk-img {
    
}

#bk-img {
    
}

#margin> {
    width: 986px;
    height: 420px;
    background-color: rgba (0,0,0,.1)
}