@charset "UTF-8";

body {
	background-color:#fff;
	margin:0px;
}

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;}

#content {
	clear:both;
	position: relative;
	width: 1024px;
	}
	/* 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;
		}
	
	
.feature-rotator {
	overflow: hidden;
	background: #f8f8f8;

	}
	.feature-rotator #slider {
		width: 1024px;
		text-align:center;
		
	height:575px;
	}		
		
		
		
		

		
.blueberry ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	.blueberry li {
		margin: 0;
		padding: 0;
		}


		
		
		
		

.masque{
	width:100%;
	height:100%;
	background-color:#FFF;
	transition-delay: 1500ms;
	opacity: 1;
	-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;
		position:fixed;
	}
#menu {
	width:1024px;
	height:75px;
	background-color:#FFF;
	margin-left:auto;
	padding-top:40px;
	margin-top:40px;
	margin-right:auto;
	top:0px;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#e7e7e7;
	min-width:480px;
background-image:url(../img/a.jpg);
background-repeat:no-repeat;
background-position: center 5px;
		}
#menu .logo{
		width:309px;
		height:45px;
		margin-top:-20px;
		background-color:#FFF;
		float:left;	
		}		
#menu .logo h2 {
	font-weight:normal;
	word-spacing:-4px;
}

#menu .logo h2 i {
	text-transform:lowercase;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#menu .logo h2 span {
	font-weight:bold;
}			

	
		#menu ul{
	float:right;
	height:20px;
	margin-top:-15px;
			}
		
		#menu li{
		display:inline;
		}
		#menu li a {
			margin-left:25px;	
		}
		#menu a{
			display:block;
			float:left;
			font-family: 'Open Sans', sans-serif, Helvetica, sans-serif;
padding-top:10px;

	text-shadow: 1px 1px 1px #eee;				
			font-size:1.1em;
			color:#000;
			font-variant:small-caps;
			
	
			font-weight:normal;
			text-decoration:none;
		}
		#menu a:hover{
			
	text-shadow: 1px 1px 1px #999;	
	
			
		}

.currentpage {
text-decoration:overline;
}

.fill {
	heignt:70px;
	clear:both;	
}


#cont {
		width:1024px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:60px;
		min-width:480px;
		}
.welcome {
		width:1024px;
		float:left;
		height:auto;
		padding-top:25px;
	
		margin-top:0px;
		margin-bottom:20px;
		min-width:480px;
		text-align:center;
		
		}
.welcome p {
	font-size:.7em;	
}
.welcome a {
	font-size:1.3em;	
	font-weight:bold;
}

.contworks {
		width:972px;
		float:left;
		height:auto;
		margin:0 0 60px 30px;
		text-align:center;
		padding-bottom:60px;
		min-width:480px;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#e7e7e7;
		}

.contworks img{
		margin-bottom:20px;
		}
.aboutpic {
		width:972px;
		float:left;
		height:426px;
		margin-top:60px;
		margin-left:30px;
		margin-bottom:20px;
		}
.aboutpic .co{
		position: absolute;
		z-index: 2;
		width: 972px;
		height: 426px;
		text-align:center;
		/*display:none;*/
		vertical-align: middle;
		
	-webkit-transition: opacity 200ms ease-out; 
	   -moz-transition: opacity 200ms ease-out; 
		-ms-transition: opacity 200ms ease-out; 
		 -o-transition: opacity 200ms ease-out; 
			transition: opacity 200ms ease-out;
		opacity: 0;
		}
.aboutpic:hover .co{
		-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;
		}
		.descabout {
		width:304px;
		float:left;
		line-height:1em;
		height:465px;
		margin-left:30px;
		text-decoration:none;
		margin-bottom:53px;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#e7e7e7;
		padding-bottom:30px;
		}
		.desclink {
		width:auto;
		float:left;
		line-height:1em;
		height:auto;
		margin-left:30px;
		text-decoration:none;
		margin-bottom:53px;
		border-bottom:1px;
		border-bottom-style:solid;
		border-bottom-color:#e7e7e7;
		padding-bottom:30px;
		}
		

#titre {
		width:1024px;
		float:left;
		height:30px;
		margin-top:40px;
		margin-bottom:30px;

		}
#titre2 {
		width:1024px;
		float:left;
		height:30px;
		margin-bottom:24px;
		margin-left:30px;
		margin-top:30px;
		}
#bloct {
		
		height:30px;
		width:100px;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
		float:left;
}	
.tiret {
		
		height:1px;
		width:432px;
		float:left;
		background-color:#e7e7e7;
		margin-top:10px;
}

#projects {
		width:100%;
		float:left;
		height:auto;
		min-width:480px;
}
#projects img {
	border:0;	
}
.thumbs {
		width:304px;
		float:left;
		height:283px;
		margin-left:30px;
		text-decoration:none;
		margin-bottom:53px;
		}
		.thumbs2 {
		width:304px;
		float:left;
		height:283px;
		margin-left:30px;
		text-decoration:none;
}
.des {
		width:304px;
		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;
		}
.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: 304px;
		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;
	}
	.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:#d1d1d1;
		
	}

h1 {
	font-family: 'IM Fell Double Pica', garamond, "Trebuchet MS", 'Open Sans', sans-serif;
	font-weight:normal;
	text-align:center;
	line-height:1.7em;
	
	font-style:italic;
	color:#292d33;
font-size:1.8em;
	padding-left:70px;
	padding-right:70px;
		

	text-shadow: 1px 1px 1px #eee;	
		
	text-decoration:none;
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}


h1 b {
	font-weight:normal;
	color:#999;	
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:.9em;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:0.8em;
	text-decoration:none;
}
h3 {
	font-family: 'Open Sans' Helvetica, sans-serif;
	font-size:.9em;
	color:#292d33;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}
h3 a {
	font-family: "fontbold",Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#292d33;
	text-transform:uppercase;
	letter-spacing:0em;
	line-height:1.8em;
	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;
}
p {
	font-family: "text",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878789;
	line-height:0em;
	font-weight:regular;
	text-decoration: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;
}
#mobile {
		display: none;
		width: 100%;
		height:100%;
		background-color: aqua;
		}
iframe {
  margin-bottom: 20px;
}



@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)
{
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;
}
*/