@font-face {
    font-family: 'aperculight';
    src: url('apercu_light_033-webfont.eot');
    src: url('apercu_light_033-webfont.eot?#iefix') format('embedded-opentype'),
         url('apercu_light_033-webfont.woff') format('woff'),
         url('apercu_light_033-webfont.ttf') format('truetype'),
         url('apercu_light_033-webfont.svg#aperculight') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; }

#temp { font-family: Arial, Helvetica, sans-serif; font-size:14p; color:#666; width:100%; height:100%; background-color:#FFF; position: fixed; top:0px; left:0px; padding:35px;}

body { font-family:"aperculight", Arial, sans-serif; font-size: 18px; background: #fff; margin-left:35px; color:#666; height:100%; }

a:link { color:#666; text-decoration: none; border-bottom:#666 solid 1px;}
a:active { color:#666; text-decoration: none; border-bottom:#666 solid 1px;}
a:visited { color:#666; text-decoration: none; border-bottom:#666 solid 1px;}
a:hover { color:#999; border-bottom:#999 solid 1px; }
a img { border-bottom: none; text-decoration:none; }
u { border-bottom:#666 solid 1px; text-decoration:none; margin-top:20px;}

#menu { font-size:59px; position:fixed; z-index:-1; top:0px; color:#999;}
#menu a { color:#999; border-bottom:#999 solid 1px;}
#menuspacer {height:55px; width:300px;}
#menu ul { display:inline; vertical-align:bottom; }
#menu li { display:inline-block; border-bottom:#999 solid 1px; }
#menu li a:hover {  border-bottom:#666 solid 1px; }

#menu ul li.active a { color:#666;  cursor:text; border-bottom:none  }
#menu ul li.active a:hover { color:#666;  cursor:text; border-bottom:none }

#menu ul li.active {  border-bottom: none; }
#menu ul li.section-title { color:#999; border-bottom: none;  }

#menu ul#informations {font-size:18px; display:inline-block; width:220px;  }

#menu ul#accueil { color:#FFF; display:block;}
#menu ul#accueil li { border-bottom: none;}
#menu ul#accueil li a { color:#999; border-bottom: none; cursor:text;}
body#section_id_1 #menu ul#accueil li a { color:#666; cursor:text;}

#menu ul#texts, #menu ul#projects_2009-2000 li, #menu ul#projects_2012-2010 li, #menu ul#projects_1999-1990 li, #menu ul#texts li{ display:none } 

#menu ul#projects_1999-1990 {display:block;}
#menu ul#projects_1999-1990 li.active { color:#FFF; display:block;}

#menu ul#projects_2009-2000 {display:block;}
#menu ul#projects_2009-2000 li.active { color:#FFF; display:block;}

#menu ul#projects_2012-2010 {display:block;}
#menu ul#projects_2012-2010 li.active { color:#FFF; display:block; border:none;}



body#section_id_4 #menu ul#texts {display:block;}
body#section_id_4 #menu ul#texts li.active { color:#FFF; display:block; border:none;}

#menuprojets { margin-bottom:70px; margin-top:50px;}
body#section_id_1 #menuprojets, body#section_id_2 #menuprojets, body#section_id_3 #menuprojets, body#section_id_4 #menuprojets { display:none } 
#menuprojets ul {font-size:18px; display:inline-block; line-height:26px; border:none;}
#menuprojets li { display:inline-block; border-bottom:#999 solid 1px;border:none; }
#menuprojets ul li.active a { color:#666;  cursor:text; border:none;}
#menuprojets ul li.active {  border-bottom: none; }
#menuprojets ul li.section-title { color:#999; border-bottom: none; }
#menuprojets ul#accueil, #menuprojets ul#informations, #menuprojets ul#projects, #menuprojets ul#texts, body#section_id_6 #menuprojets ul#projects_1999-1990, body#section_id_7 #menuprojets ul#projects_1999-1990,   body#section_id_5 #menuprojets ul#projects_2009-2000,  body#section_id_7 #menuprojets ul#projects_2009-2000,  body#section_id_5 #menuprojets ul#projects_2012-2010, body#section_id_6 #menuprojets ul#projects_2012-2010 { display: none } 
 
#content { padding-top:70px;	  }
#content p {  width:80%; font-size:18px; margin-bottom:20px;
 }


h1 {font-size: 18px; font-weight: normal; width:80%; background-color:#FFF; padding-top:70px; padding-right:20%; margin-top:-66px; columns: 3; -webkit-columns: 3; /* Safari and Chrome */
-moz-columns: 3; /* Firefox */}
h2 { font-size: 18px; font-weight: normal; width:53%;  padding-right:20%; margin-bottom:17px; columns: 2; -webkit-columns: 2; /* Safari and Chrome */
-moz-columns: 2; }
h3 { font-size: 18px; font-weight: normal; width:26%;  padding-right:20%; margin-bottom:17px; }
h4 { font-size: 12px; }
h5 { font-size: 14px; font-weight: normal; width:80%;  padding-right:20%; margin-top:50px; margin-bottom:17px; }

#img-container { margin: 0; padding: 0; height:100%; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#imageproject { padding-right:70px; padding-bottom:40px; overflow:hidden; display:inline-block; vertical-align: top; }
#titreimage { padding-top:10px;}
.grow { float:left; height: 200px; overflow: hidden; padding-bottom:70px; margin-right:70px}
.thumb {height: 200px; overflow: hidden; }
#thumb-img a {border-bottom:none; background-color:#FFF;}

/*.thumb { padding:0; text-align:left; display: table; height: 200px; #position: relative; overflow: hidden; width:200px; }
.grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; }
.grow em { font-style: normal; display: none; text-align: center; } 
.thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: center; }
.thumb-img { #position: relative; display:block; width:200px }



#menu { font-size:60px; position:fixed; z-index:-1; top:0px; }
#menu a { }
#menu a:hover { }
#menuspacer {height:55px; width:300px;}
#menu ul { display:inline-block; }
#menu li { display:inline-block; border-bottom:#999 solid 1px; }
ul#informations {font-size:18px; display:inline-block; width:190px;}
ul#informations li { border-bottom:#999 solid 1px; padding-bottom:5px; line-height:30px }
*/