/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #ffffff;
font-size: 13px;
font-family: Georgia, Arial, "Times New Roman", Times, serif;
color:#666666;
padding:0px;
margin:0px;
	border-top: 8px solid #ffffff;
}

a:link, a:visited
{
	color: #666666;
	text-decoration: none;
  font-weight:bold;
}
a:hover, a:active
{
   background-color: #666666;
	color : #ffffff;
	text-decoration: none;
}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #ffffff;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#en_tete {

	background: #FFF url(img/Ceros_banniere.gif) no-repeat center top;
text-align: center;

margin: 60px;
}

/* ----------Menu Haut-------------- */
#nav-box {
      margin : 0;
      padding : 0;
      font-weight : bold;
      font-size : 1em;
      text-align: center;
 }

 #nav-box ul {
      margin : 0;
      padding : 5px 1em 5px 0;
      list-style-type : none;
 }

 #nav-box ul li {
      display: inline;
      padding : 5px 0;
}

 #nav-box ul li a {
      color: #888;
      text-decoration: none;
     padding : 5px 1em 5px 1em;
      border-left: 1px solid #fff;
 }

 #nav-box ul li a:hover {
      background-color: #888;
      color: #ffffff;
      border-left: 1px solid #fff;
 }

 #nav-box a:active {
      border-left: 1px solid #fff;
 }
/* -----------------content--------------------- */
#milieu {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
text-align:justify;
}

/* --------------left navi------------- */
#gauche {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#pied {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; }


/*--------- Lightbox -----------*/
#lightbox{
    background-color:#ffffff;
    padding: 10px;
   /* border-bottom: 2px solid #666;
    border-right: 2px solid #666;*/
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");

/*-------- fin lightbox -------*/