/* CSS Document */

html, body, .title, h1, .h1g, h2, .h2small, h3, h4, p, ul, li, dl, dt, dd, img, address, form, fieldset, table, .pmenu, .menu1 
{ padding:0px; margin:0px; }

body {
background-color:#f3f3f3;
color:#555;
font-family:Verdana;
font-size:12px;
text-align:center;
}

h1 { font-family:"Trebuchet MS"; font-weight: normal; font-size: 200%;  
     margin: 24px 0px 16px 0px; color:#AAA; }
h2 { font-family:"Trebuchet MS"; font-weight: normal; font-size: 166%;  
     margin: 10px 0px 10px 0px; color:#777; }
p     { font-size:100%; margin: 5px 0px 10px 0px; line-height:1 }


#wrap {
background-image:url(img/shadow.png);
background-repeat: repeat-y;
margin:auto;
position:relative;
text-align:left;
width:906px;
}

#container { padding: 0px 8px 0px 8px; }
h1.title { font-family:"Trebuchet MS"; letter-spacing: +1px; padding: 10px 20px 10px 40px; font-size:200%; text-decoration:none }
#header { height:70px; width:900px;}
#logo { float:right; border:0px; padding: 10px 10px 0px 0px;}

#banner { height: 225px; }
#banner img { margin-right:10px; }
#banner .last { margin-right:0px; }

.cred   { color:#d66a2b; }
.cgreen { color:#5C9131; }
.cgrey  { color:#AAA; }
.cblue  { color:#5174a6; }

/* UNDER */

.under { float:left; text-align: center; font-size: 100%; width: 180px;  padding: 25px 100px 35px 140px; border-bottom-color:#777;}

.under .cred   {display:block; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#d66a2b; }
.under .cgreen {display:block; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#5C9131; }
.under .cgrey  {display:block; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#AAA; }
.under .cblue  {display:block; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#5174a6; }

a:link,  a:visited { text-decoration: none; color:#777; }			
a:hover, a:active  { text-decoration: none; color:#5174a6; }
a.title:link,  a.title:visited { text-decoration: none; color:#AAA; }			
a.title:hover, a.title:active  { text-decoration: none; color:#5174a6; }

.under-g { display:block; border-bottom-style:solid; border-bottom-width:2px;  }
.under-g:link,  .under-g:visited { text-decoration: none; color:#777; }			
.under-g:hover, .under-g:active  { text-decoration: none; color:#5C9131; border-bottom-color:#5C9131;}

.under-b { display:block; border-bottom-style:solid; border-bottom-width:2px;  }
.under-b:link,  .under-b:visited { text-decoration: none; color:#777; }			
.under-b:hover, .under-b:active  { text-decoration: none; color:#5174a6; border-bottom-color:#5174a6;}

.under-r { display:block; border-bottom-style:solid; border-bottom-width:2px;  }
.under-r:link,  .under-r:visited { text-decoration: none; color:#777; }			
.under-r:hover, .under-r:active  { text-decoration: none; color:#d66a2b; border-bottom-color:#d66a2b;}

.under-k { display:block; border-bottom-style:solid; border-bottom-width:2px;  }
.under-k:link,  .under-k:visited { text-decoration: none; color:#777; }			
.under-k:hover, .under-k:active  { text-decoration: none; color:#AAA; border-bottom-color:#AAA;}

#content { padding: 0px 60px 32px 60px; }


.blueitem a:link, a:visited { color:#AAA; text-decoration:none;}
.blueitem a:hover, a:active { color:#5174a6; text-decoration:none;}
.greenitem a:link, a:visited { color:#AAA; text-decoration:none;}
.greenitem a:hover, a:active { color:#5C9131; text-decoration:none;}
.pmenu a:link, a:visited { color:#AAA; text-decoration:none;}
.pmenu a:hover, a:active { color:#5174a6; text-decoration:none;}

/* research */

.clearboth { clear: both; }

/*.centerlist { margin: 20px 120px 20px 120px; }*/
.item {
  float:left; width: 100%;
  margin: 10px 0px 0px 0px;
  border-bottom-style:solid; border-bottom-width:2px; 
  padding:0px 0px 10px 0px;
  
}
/*.centerlist .item p { margin-right: 0px; }*/
.item div { float: right; width: 540px; margin-top:0px; }
.item img { float:left; width:140px; height:140px; border:1px solid #CCCCCC; padding:2px; margin:10px 0px 10px 0px;}
.item p { line-height:1.5em; color:#777; font-size:11px;}

.pmenu { font-size:110%; margin: 5px 0px 10px 0px; line-height:2 }
.pmenu1  { font-size:110%; margin: 5px 0px 10px 0px; line-height:1 }
#show { font-size:80%; margin: 5px 0px 10px 0px; line-height:2; align:justify;}
a     { font-size:100%; margin: 0px 0px 0px 0px; }
.h2small { font-size:70%; margin: 5px 0px 10px 20px; color:#AAA; }

#menubar { float:left; width:140px; margin:0px 0px 10px 0px;}
#show { float: right; width: 530px; margin:10px 60px 00px 30px; color:#AAA; }
.show img { border:1px solid #CCCCCC; padding:2px; width:140px; height:140px; }


/* photo gallery */

#showcase { height:353px; }
#thumbstrip { position:absolute; width:440px; height:50px;  overflow:hidden;
              margin: 10px 0px 10px 0px; }
#thumbstrip img { position:absolute; margin:0px 5px 0px 5px; 
                  width:100px; height:50px; cursor:pointer;}
#garubi { font-size:3px; background-color:#ffffff; 
          position:absolute; top:43px; left:0px; width:440px; height:7px;
          filter:alpha(opacity=50); opacity: 0.5;-moz-opacity:0.5;  }
#previous { width:20px; height:50px; 
            float:left; margin: 10px 0px 10px 25px; cursor:pointer; }
#next { width:20px; height:50px;
        float:right; margin: 10px 25px 10px 0px; cursor:pointer; }
#thumbindex { margin-left:45px; }
#thumbindex a { cursor:pointer; }


#contacts {
 text-align:center;
 font-size: 11px;
 line-height:20px;
 color: #777;
}

#mail { font-size:12px; float:right;line-height:24px; }

#footer {
background:#f3f3f3 url(img/footer.png) no-repeat scroll center top;
clear:both;
font-size: 5px;
height:8px;
width:906px;
}



/* old stuff */

.smallitem div { float: right; width: 590px; margin-top:0px; }
.smallitem img { float:left; width:80px; height:80px; border:1px solid #CCCCCC; padding:2px; margin:10px; 0px; 10px; 0px;}

#index .item { border-bottom-color:#AAA; }
#research .item { border-bottom-color:#d66a2b; }
#life .item { border-bottom-color:#5174a6; }
#cooking .item { border-bottom-color:#5174a6; }
#cooking .smallitem { border-bottom-color:#5174a6; }

/* maille */

.thumb { position:relative; float:left; width:160px; text-align:center; margin:10px 6px 10px 6px;}
.thumb img { border:1px solid #CCCCCC; padding:2px; width:140px; height:140px; }

.hoverbox {	cursor: default; }
.thumb .detail{
 background-color:#ffffff;
	display: none;
	position: absolute;
	top: -25px;
	left: -25px;
	width: 200px;
	height: 200px;
}
.hoverbox :hover .detail {	display: block; }