html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0 ; 
background : #ffffff;
text-align : left;
font-size : 0.7em;
color : #8E8E8E ;
font-family : arial ;
}

ul {list-style : none ; }


a:focus {
outline:0;
} 

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 90%;
margin : 0  0 0 40px ;
text-align : left  ;
padding :  0 ;
min-height: 100%;
background : transparent ; 

}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 175px;
background : transparent;
margin : 0 ; 
border-bottom : 10px solid #E2E2E2
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#header h1 {
position : absolute ;
top : 30px ; 
left : 0 ; 
width : 202px ; 
height : 85px ; 
background : url(images/logo.jpg)
}

#header a {
width : 202px ; 
height : 84px ; 
display : block ; 
}


#header h1 span {
position : absolute ;
top : -99999px; 
left : -99999px;  
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#presentation {
height : 380px ; 
background : url(images/presentation.jpg) 0 45px no-repeat ; 
border-bottom : 1px solid #E2E2E2
}

/*  MENU PRINCIPAL
********************************************************************/
   
#menu {
position : relative ; 
height : 55px ; 
margin : 30px 0 0 0 ; 
border-bottom : 1px solid #E2E2E2
}
	
#menu  ul {
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu li {
float : left ;
margin : 0 44px 0 0  
}

#menu li a {
margin : 0 ; 
padding : 0  ; 
display : block ; 
text-decoration : none ; 
}

#menu li span {
visibility : hidden
}


/*  Team  */

#menu li#team a {
width : 56px ; 
height : 19px ; 
background : url(images/about.jpg) ; 
margin : 0 40px 0 0 ;
}

#menu li#team a:hover {
width : 56px ; 
height : 19px ; 
background : url(images/about-active.jpg) ; 
margin : 0 40px 0 0 ;
}

#menu li#team-active  {
width : 140px ; 
height : 19px ; 
background : url(images/about-active.jpg) no-repeat ; 
margin : 0 ;
display : block ; 
}

/*  Work */

#menu li#work a {
width : 54px ; 
height : 19px ;  
background : url(images/work.jpg); 
margin : 0 40px 0 0  
}

#menu li#work a:hover {
width : 54px ; 
height : 19px ;  
background : url(images/work-active.jpg); 
margin : 0 40px 0 0  
}

#menu li#work-active {
width : 98px ; 
height : 19px ;  
background : url(images/work-active.jpg)  no-repeat ; 
margin : 0 40px 0 0  
}

/*  Contact */

#menu li#contact a  {
width : 76px ; 
height : 19px ;  
background : url(images/contact.jpg) 
}

#menu li#contact a:hover  {
width : 76px ; 
height : 19px ;  
background : url(images/contact-active.jpg) 
}

#menu li#contact-active  {
width : 130px ; 
height : 19px ;  
background : url(images/contact-active.jpg)  no-repeat ; 
}








/*  CONTENT
********************************************************************/

#main {
overflow : auto ; 
padding :  0;
background : transparent; 

}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
margin : 0;
padding : 15px 0 0 0  ;

}




#contenu   h2 {
font-size : 1.6em ; 
padding :  0  ; 
margin: 0 ;
font-weight : normal;

}



/*  CONTACT
********************************************************************/	

#cont-contact {
padding : 30px 0 80px 0;
}


ul#md {
background :  url(images/maxime.jpg) no-repeat ;
 height : 100px  ; 
padding : 0 0 0 140px ;  
margin : 0 0 30px 0 ;
border-bottom:1px solid #E2E2E2 
}

ul#md li  {

}

ul#dd  {
background :  url(images/donovan.jpg) no-repeat ; 
height : 100px  ; 
padding : 0 0 0 140px ;  
margin : 0 0 30px 0 ;
border-bottom:1px solid #E2E2E2 
}


ul#hl  {
background :  url(images/herve.jpg) no-repeat ; 
height : 100px  ; 
padding : 0 0 0 140px ;  
margin : 0 0 30px 0 ;
border-bottom:1px solid #E2E2E2  
}



ul#rvh  {
background :  url(images/renaud.jpg) no-repeat ; 
height : 100px  ; 
padding : 0 0 0 140px ;  
margin : 0 0 30px 0 ;
border-bottom:1px solid #E2E2E2 
}


#cont-contact li.mail {
font-weight : bold ; 
padding : 0}

#cont-contact li.mail-2 {
padding : 0 0 5px 0 ;
}


#cont-contact li.tel {
font-weight : bold ; 
padding : 0}

#cont-contact li.tel-2 {
padding : 0 0 5px 0 ;
}




/*  MENU BIO
********************************************************************/


#nav-bio {
list-style : none ;
margin : 0; 
padding : 0 ;
float : left ; 
width : 40px ; 
}


#nav-bio li a{
color : #D1D1D1 ;
text-decoration : none ; 
}


#nav-bio li a.active {
color : #41BCBA ; 
}




/*  BIO >> conteneur
********************************************************************/


#bio {
min-height :360px ; 
padding: 20px 0 0 0 ;
}



/*  BIO >> paragraphes
********************************************************************/


.bio {
margin : 0 0 0 100px ;
float : left ; 
width :450px ; 
color #D1D1D1;

font-size : 12px
}







/*  FOOTER
*******************************************************************/ 
   
   
#footer { 
border-top : 1px solid #E2E2E2 ; 
position : absolute ; 
bottom : 0; 
left : 0  ; 
width : 100% ; 
height :40px;
background : #Ffffff ;
text-align : left ;
padding : 15px 0 0 0 ;   
}


#footer p { 
margin : 0 ; 
padding : 0 ; 
}


#footer ul { 
margin : 0 ; 
list-style : none ; 
width : 130px ; 
float : left ; 
background : transparent ; 
}



#footer li { 
margin : 0 ; 
padding : 0 ;
display : block  
 
}


#footer img { 
float : left ;
margin : 0 ; 
}


#footer a { 
color : #8E8E8E;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}

.footer-design {
padding : 0 ; }

.footer-design-marge {
padding : 0 0 0 120px ; }



/*  POPUP : image en pseudo popup
*******************************************************************/ 

.popup {
	position: fixed;
	height: auto;
	width: auto;
	right: 0px;
	top: 0px;
	z-index: 10;
}


.hidden {
	display: none;
}



/*  SLIDER
*******************************************************************/ 


#cont-jFlowSlide { 
background: transparent;
height : 659px ;
/height : 680px ;
padding : 0 0 0 0  
}
 
 #jFlowSlide{ 
background: #E2E2E2;
}



#menu-myController-1 {
width:500px;
height : 30px; 
background : transparent ; 
margin : 0 0 20px 0 ; 
text-transform : uppercase ;
font-size : 120% ;  
}
#menu-myController-2 {
height : 30px; 
background : transparent ; 
border-bottom : 1px solid #E2E2E2 ;
margin : 0 0 20px 0 ; 
text-transform : uppercase ;
font-size : 120% ;  
}


#menu-myController-1 span {
padding-left : 20px
}
#menu-myController-2 span {
padding-right : 20px
}
#menu-myController-2 a:link, #menu-myController-2 a:visited {
color : #B0B0B0;
text-decoration:none;
}
#menu-myController-2 a:hover, #menu-myController-2 a:focus {
color : #727171;
text-decoration:none;
}
#menu-myController-2 a:active {
color : #40babd;
text-decoration:none;
}


#menu-myController-2 .selected {
color : #40babd;
text-decoration:none;
}



#myController {
padding: 0;  
margin : 0 ; 
 
background:#ffffff;
}
 
 
.slide-details {}


.slide-wrapper { 
padding: 0 0 0 0; 

} 

.slide-wrapper h2 {
margin : 0 ; 
padding : 0 ;
height : 50px ;  
background : #F6F6F8 ; 
color : #5AC2C5 ; 
text-transform : uppercase ; 

 }
 



#myController span.jFlowSelected {
margin-right: 0px; 
color : #727171
}



.slide-thumbnail { 
min-width:300px; 
float:left;
padding : 10px 0 0 10px }



.slide-thumbnail img { }








.slide-details .description { margin-top:10px; }



.jFlowPrev, .jFlowNext {

position : absolute ;
top : -999999px ; 
left : -999999px ; 

 }
 
 
 
 
 .jFlowControl {
color:#B0B0B0; 
cursor:pointer; 
padding : 0 ; 


 }
 
 
 
 
 
 

div.jFlowPrev  {
background : url(images/img-prev.jpg) ; 
float : left ;
width : 34px ; 
height : 17px ;  
} 



div.jFlowNext {
background : url(images/img-next.jpg) ; 
float : left ;
width : 34px ; 
height : 17px ;  
margin : 0 0 0 40px  
} 



div.jFlowPrev span {
position : absolute ; 
top : -10000px ; 
left : -10000px ;  
} 




div.jFlowNext span {
position : absolute ; 
top : -10000px ; 
left : -10000px ;
 
} 
 
 



.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
color:#727171; 
}



.botoom-myController {
height : 40px; 
background : transparent ; 
border-bottom : 1px solid #E2E2E2 ;
margin : 20px 0 20px 0 ; 
}
 



#cont-jFlowSlide p {
margin : 0 ; 
padding : 0 ;  }





#infos {
float : left ; 
width : 400px ;
margin : 0 0 0 50px 
}


#infos ul  {
list-style : none ; 
margin : 0 ; 
padding : 0 ; 
}

#infos li  {
margin : 0 ; 
padding : 0 0 3px 0 ; 
}