/* @override http://www.aubertin-emilien.com/styles/home.css */

/* @override 
	http://www.aubertin-emilien.com/styles/home.css
*/

, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

html, body{
height: 100%;
padding: 0;
margin: 0;
}



@font-face {
font-family: 'MyriadProLight';
src: url('./font/MyriadProLight.otf');  
}
@font-face {
font-family: 'MyriadProRegular';
src: url('./font/MyriadProRegular.otf');
}
@font-face {
font-family: 'MyriadProBold';
src: url('./font/MyriadProBold.otf');
}

body{
background-color: #fff;
overflow-x: hidden;
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
color:#444;
}

hr{
border:1px solid #EEEEEE;
clear: both;
}

a{
color: #222;
text-decoration: none;
}

ul{
list-style: none;
}

#wrapper{min-width:960px; max-width: 1700px; width:100%; text-align: center; margin: 0 auto;}

#content{min-width:960px; width: 100%; text-align: center; margin: 0 auto;}
#inner-wrapper{min-width:1070px; max-width: 1700px; width: 100%; text-align: left; margin: 0 auto;}

section{
float:center;
text-align: center;
padding: 0px;
border-top: 1px dashed #cccccc;
clear: both;
margin-left: 0px;
margin-bottom: 40px;     
}

#recipient {
width: 280px;
display: inline-block;
text-align: justify;
float: right;
margin-left: 0px;
padding-top: 140px;
margin-right: 30px;
margin-top: 40px;;
}

#recipient h3{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-weight: bold;
font-size: 17px;
margin-bottom: -15px;
}

#expert, #reference {
text-align: justify;
margin-top: 0px;
margin-left: 90px;
margin-right: 60px;
margin-bottom: 60px;;
}

#reference p{
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 13px; text-transform: none;
margin-bottom: -10px;
}

#reference p.strong{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 14px; text-transform: none;}

#expert p{
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 14px; text-transform: none;}



.uppercase{text-transform: uppercase;}
#resume p, a.download{font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 12px; text-transform: uppercase;}




#resume.pr, .pr{margin-right: 30px;}
.pl{margin-left: 40px;}


div .desc_text{
width: 200px;
text-align: left;
display: inline-block;
float: right;
margin-right: 20px;
}

div .push_text{
width: 200px;
text-align: justify;
display: inline-block;
float: left;
margin-left: 20px;
}

header h1, nav, section, footer{
font-family: "MyriadProRegular";
font-weight: normal;
letter-spacing: -1px;
}

h1{
color: #333;
display: block;
margin: 0;
font: italic normal 4px ;
font-family: "Georgia", 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
letter-spacing: 0px;
text-transform: none;	
}

/* @group header & footer */

header{
float: center;
margin: 0 40px;
} 

footer{
float: center;

border-top: 1px dashed #cccccc;
margin: 0 40px;
padding: 20px 20px 60px 20px;
} 

footer p{
text-align: center;
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 13px;

}
.emilien{
margin-bottom: 10px;
}

header h1{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 132px;
text-transform: uppercase;
letter-spacing: -2px !important;
padding: 0;
margin-top: 0px;
margin-bottom: -70px; 
margin-left: -27px;  
color: #333;
}

footer h1{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 69px;
text-transform: uppercase;
letter-spacing: -2px !important;
padding: 0;
margin-top: 0px;
margin-bottom: -36px; 

color: #333;
}

header h2{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 28px;
text-transform: uppercase;
margin: 0;
}

header p{
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 24px;
text-transform: uppercase;
margin : 0;
margin-bottom: 40px;
}

p.footnote{
border-top: 1px dashed #cccccc;
font: italic 14px "MyriadProRegular";
padding:20px; margin-bottom: 40px;}

/* @end */

/* @group nav */

nav{
min-width: 780px;
width: 100%;
padding: 20px 0px;
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
display: inline-block;
z-index: 0;
}


nav a{
color: #444;
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 0;
text-shadow: none;
}
nav a{
margin-top: 25px;
}        
a:hover, nav a:hover, li .selected, .desc a:hover{
color: #409de5;
}

nav .people{
color: #444;
display: block;
font-family: 'Georgia', 'Lucida Grande', Verdana, Arial;
font-size: 24px;
font-style: italic;
letter-spacing: 0px;
text-transform: capitalize;
margin-bottom:-15px;
}

nav p{
color: #666;
display: block;
font-family: 'MyriadProLight', 'Lucida Grande', Verdana, Arial;
font-size: 24px;
font-style: italic;
letter-spacing: 0px;
text-transform: uppercase;
margin-top: 20px;	
margin-bottom:-10px;
}

nav ul{
padding: 0;
margin: 0;
}

nav ul li{
margin-right: 10px;
margin-left: 10px;
display:inline; 
list-style:none;  
}

nav ul li .last{
margin-right: 0px;	
}

/* @end */

/* @group  */

article{
visibility: visible;

margin-left: 0px;
margin-bottom: 20px;
margin-right: 0px;
margin-top: 40px;
clear: both;
display: inline-block;
vertical-align: top;
width: 240px;
height: auto;

background: #fff;
-webkit-border-radius:  4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 6px 12px 0px #ddd;
-moz-box-shadow: 0px 6px 12px 0px #ddd;
box-shadow: 0px 6px 12px 0px #ddd;
}


#sec{
margin-left: 0px;
margin-bottom: 40px;
margin-right: 0px;
margin-top: 0px;
padding: 0px 0px;
min-width: 810px;
height: auto;

}
#sec h1{
font-family: 'Georgia', 'Lucida Grande', Verdana, Arial;
font-size: 18px;
font-style: italic;	
margin-bottom: 10px;
}
#sec h2{
font-family: 'Georgia', 'Lucida Grande', Verdana, Arial;
font-size: 21px;
font-style: italic;	
margin-bottom: 10px;
}
.sub-section{
font-family: 'Georgia', 'Lucida Grande', Verdana, Arial;
font-size: 21px;
font-style: italic;	
margin-bottom: 10px;
margin-left: 0px; 
}


.obsolete{
width: 0;
height: 0;
margin: 0;
visibility: hidden;

}

/* @end */

/* @group mark */
/**/
.vendre, .louer, .vendu, .exclu{
position: absolute;
z-index: 1;
width: 233px;
height: 143px;
margin-left: 7px;
}
.vendre{
background: url(../images/vendre.png);
}
.louer{
background: url(../images/louer.png);
}
.vendu{
background: url(../images/vendu.png);
}
.exclu{
background: url(../images/exclu.png);
}

/* @end */

/* @group thumb */

.thumb li.thb{
padding: 5px 0 20px;
}

.thumb a.consult{
background: #409de5 url(../images/pixel-icon.png) no-repeat 16px -142px);
background: url(../images/pixel-icon.png) no-repeat 16px -142px, -moz-linear-gradient(top,  #409de5,  #1e5799);
background: url(../images/pixel-icon.png) no-repeat 16px -142px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#409de5), to(#1e5799));
text-shadow: #000 0 1px 2px;
letter-spacing: -2px;
padding: 8px 20px 8px 50px;

font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-size: 20px;
text-transform: uppercase;
-webkit-box-shadow: 0px 1px 2px 0px #000;
-moz-box-shadow: 0px 1px 2px 0px #000;
box-shadow: 0px 1px 2px 0px #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.thumb a.consult:hover{
background: #409de5 url(../images/pixel-icon.png) no-repeat 16px -32px);
background: url(../images/pixel-icon.png) no-repeat 16px -32px, -moz-linear-gradient(top,  #9BD300,  #2B9100);
background: url(../images/pixel-icon.png) no-repeat 16px -32px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9BD300), to(#2B9100));
text-shadow: #000 0 1px 2px;
-webkit-transform: scale(1.05);
}


.thumb {
width: 240px;
height: 180px;
-webkit-border-radius:  4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.thumb h2{
color: #fff;
padding: 0px 30px 5px;
font-family: 'MyriadProBold', 'Lucida Grande', Verdana, Arial;
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: -32px;
}

.thumb p{
font-weight: normal;
font-size: 20px;
margin-bottom: 25px;
}

.thumb a{
color: #fff;
font: normal 16px 'MyriadProLight';
display: inline-block;
letter-spacing: 0;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-ms-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.thumb a:hover{
text-shadow: 0 0 15px rgba(255,255,255,0.4),0 0 25px rgba(255,255,255,.9);
-webkit-transform: scale(1.08);
}

.thumb img{
-webkit-border-radius:  4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
width: 240px;
height: 180px;               
}



.thumb ul{
display: block;
padding: 0px;
margin: 0px;
color: #fff;
background-color: rgba(0,0,0,0.85);
text-align: center;
position: absolute;
line-height: 30px;
-webkit-border-radius:  4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
width: 240px;
height: 180px;
opacity: 0;
z-index: 2;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.thumb ul:hover {opacity: 1;}
.thumb:hover{opacity: 1;}

/* @end */

/* @group desc */

.desc{
text-align: left;
padding: 30px 20px 30px 20px;
}
.desc a{
color: #444;
font: italic 16px 'Georgia';
}

.focus{
width: 185px;
margin-left: 0;
padding: 20px;
}

.desc h2{
color: #444;
display: block;
margin: 0;
font: italic normal 24px "Georgia";
letter-spacing: 0px;
text-transform: none;	
} 

.desc p{
color: #333;
display: block;
font-size: 16px;
font-family:  "MyriadProLight", Lucia Grande, Verdana;
letter-spacing: 0px;
text-transform: none;	
}

/* @end */

/* @group gallery */

/* Gallery styles */

#gallery{

/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;

/* CSS3 Rounded Corners */

-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;

border:3px solid white;

background:url(../images/panel.jpg) repeat-x bottom center #ffffff;

/* The width of the gallery */
width:720px;
margin: 0 45px 20px; 
overflow:hidden;
}

#slides{
width: 720px;
height: 542px; 
overflow:hidden;
}

#menu{
/* This is the container for the thumbnails */
height:48px;
}

#menu ul{
margin:0px;
padding:0px;
-webkit-border-radius:  4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}

#menu li{
/* Every thumbnail is a li element */
width:44px;
display:inline-block;
list-style:none;
height:37px;
overflow:hidden;
}

#menu li.inact:hover{
/* The inactive state, highlighted on mouse over */
background:url(../images/pic_bg.png) repeat;
}

#menu li.act,li.act:hover{
/* The active state of the thumb */
background:url(../images/active_bg.png) no-repeat;

}

#menu li.act a{
cursor:default;
}
/*
.fbar{
// The left-most vertical bar, next to the first thumbnail //
display:block;
background:url(../images/divider.png) no-repeat right;
height:33px;
padding-top:13px;
}
*/

#menu li a{
display:block;
background:url(../images/divider.png) no-repeat right;
height:33px;
padding-top: 10px;
}

#menu a img{
width: 40px;
height : 30px;
border:none;
margin-left: 2px;
}

/* @end */

/* @group item */

.item {
float: left; 
width: 722px;
height: 542px;         
margin-bottom: 20px;
-webkit-border-radius:  4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.item h2{
padding: 0px 30px 5px;
font-weight: normal;
font-size: 42px;
margin-bottom: -20px;
}

.item p{
font-weight: normal;
font-size: 26px;
margin-bottom: 25px;
}

.item a{
color: #fff;
font: normal 16px 'MyriadProLight';
display: inline-block;
letter-spacing: 0;
text-shadow: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-ms-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition-timing-function: cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.item a:hover{
text-shadow: 0 0 15px rgba(255,255,255,0.4),0 0 25px rgba(255,255,255,.9);
-webkit-transform: scale(1.08);
}

.item img{
width: 722px;
height: 542px;            
}

/* @end */

.active{
display: block !important;
}

#prix {
display: inline-block;
margin-top: 40px;
}

/* @group details */

#details{
display: inline-block;
width: 340px;
margin-left: 30px;
}
#details h2{
font: italic normal 20px "Georgia";
margin-bottom: 10px;
}

#details p{
font: italic normal 18px "MyriadProLight";
margin-top: 10px;
margin-bottom: 40px;
}

#details ul li, #right_col ul li{
font: 16px "MyriadProLight";
margin-bottom: 4px;
}

#right_col{
float: right;
display: inline-block;
width: 216px;
margin-right: 60px;
}
#right_col h1{
font: italic normal 28px "Georgia";
margin-bottom: 10px;
}
#right_col h2{
font: italic normal 18px "Georgia";
margin-bottom: 10px;
}
#right_col h3{
font: italic normal 16px "Georgia";
margin-bottom: 10px;
}



#right_col .tiny{
font-size: 14px;
font-family: "MyriadProLight", Arial;	
margin-bottom: 20px;
}

.elec{
margin-bottom: 40px;
}

.small{
font-size: 15px;
font-family: "MyriadProRegular", Arial;		
}


.colored{
font-size: 11px;
color: 32FFFF;	
}

/* @end */

/* @group contact */

#highlight{
color: #333;
font: italic normal 18px "Georgia";
letter-spacing: 0px;
text-transform: none;	
}

#contact{
text-align: left;
max-width: 340px;
height: 260px;
display: inline-block;
padding: 20px 0px;
margin-top: 20px;;
margin-bottom: 90px;
margin-left: 60px;
margin-right: 50px;
}
#contact h2{
margin-top:  4px;
margin-bottom: 4px;
font: italic bold 12px "Georgia";
}
#contact h3{
font-family: 'MyriadProRegular', 'Lucida Grande', Verdana, Arial;
font-weight: normal;
font-size: 15px;

margin-bottom: -15px;}
#contact a{
margin-top: 0px;

}
a:hover{
-webkit-transform: scale(1.05);
}

#contact img{
width: 140px;
margin-bottom: 10px;
border:3px solid white;
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
}

#resume a {
opacity: 0.5;
font: normal uppercase 13px "MyriadProLight";
}
#resume a:hover {
opacity: 1;
}
#resume a.selected {
opacity: 1;
font: normal uppercase 13px "MyriadProLight";
}

#resume {
font: normal uppercase 13px "MyriadProRegular";
text-align: left;
max-width: 140px;
display: inline-block;
padding: 0px 0px;
margin-top: 15px;
margin-left: 50px;
}

#resume img{
width: 56px;
margin-left: -58px;
margin-bottom: -45px;

}

#signature p{
font-size: 15px;
font-family: "MyriadProRegular", Arial;		
}

#signature img{
width: 58px;
margin-left: -45px;
margin-bottom: -135px;
}
#resume img.img_download{
width: 56px;
margin-left: -58px;
margin-bottom: -88px;

}

/* CSS3 Rounded Corners */

-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;

}
.img_people{
float: center;
margin: 0;
width: 180px;
}


/* @end */