/* CSS Document global */
html { 
  font-size: 100%; 
} 

body
{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px ;
 font-weight: normal;
 color: #cccccc;
 background: #2a2a2a; 
 margin: 0;
 padding: 0;
 line-height: 1.4;
 scrollbar-base-color: #161616;
 scrollbar-3dlight-color: #cccccc;
 scrollbar-arrow-color: #cccccc;
 scrollbar-darkshadow-color: #161616;
 scrollbar-face-color: #161616;
 scrollbar-highlight-color: #161616;
 scrollbar-shadow-color: #cccccc;
 scrollbar-track-color: #161616;
}

h1, h2, h3 { 
  margin: 0;
  line-height: 1.3; 
}

h1 { font-size: 2em; font-weight: bold; font-style: normal; } 
h2 { font-size: 1.5em; font-weight: normal; font-style: italic; } 
h3 { font-size: 1.25em; font-weight: normal; font-style: normal; }
h4 { font-size: 1em; font-weight: bold; font-style: normal; text-decoration: underline;} 

p{ margin: 1em .75em 0 1em;}

ul, ol
{
 margin: .75em 0 .75em 32px; 
 padding: 0;
 list-style-type: square;
}

a { text-decoration: none; outline:none;} 
a:link { color: #cccccc;} 
a:visited { color: #cccccc; } 
a:hover, a:focus, a:active { color: #ffffff; } 
a:active { outline: none; } 

img{ border: 0; }
a img { border: 0; }

#intro
{
 width: 950px;
 height: 200px;
 background: #2a2a2a url(skin/logo_intro.jpg) top center no-repeat;
 margin: 200px auto 0;
 padding: 0;
}

#intro h1  {
 display: none;
}

#enter
{
 float: right;
 width: 78px;
 height: 38px;
 background-image: url(skin/entergrey.gif);
 padding: 0;
 margin-top: 150px;
 margin-right: 40px;
}

#enter:hover {
 background-image: url(skin/enterwhite.gif);
}

#enter span  {
 display: none;
}


#container
{
 position: relative;
 width: 960px;
 height: 650px;
 background-color: #2a2a2a;
 margin: 0 auto;
 padding: 0;
}

#main {
 width: 960px;
 height: 505px;
 margin: 0;
 padding: 0;
 background-color: #161616;
}

#main_bg {
 width: 960px;
 height: 505px;
 margin: 0;
 padding: 0;
 background: #161616 url(skin/bg.jpg) no-repeat bottom center;
}

#header
{
 width: 960px;
 height: 97px;
 margin: 0;
 padding: 0;
 background-color: #161616;
 text-align: right;
 font-size: 1px;
 line-height: 1px;
}

#logoheader{
 width: 290px;
 height: 95px;
 font-size: 1px;
 line-height: 1px;
 z-index: 4;
 position: relative;
 margin: 0 0 0 670px;
 padding: 0;
 border: 0; 
 background: url(skin/logo_header.png) no-repeat bottom center;
}

* html #logoheader {
  margin: -46px 0 0 670px;
  background: url(skin/logo_header.gif) no-repeat bottom center;
}

#divheader{width: 290px; height: 95px;}

#header a
{
 z-index: 4;
 position: relative;
 cursor: pointer;
 outline: none;
}

#header img
{
 z-index: 4;
 position: relative;
}

.backhome{float: left; width: 27px; height: 26px; margin: 67px 10px 0 10px; padding: 0;}

*html .backhome{float: left; width: 27px; height: 26px; margin: 67px 10px -47px 10px; padding: 0;}

.separation
{
z-index: 4;
position: relative;
width: 960px;
height: 2px;
margin: 0;
padding: 0;
border: 0;
background-image: url(skin/pixelgrey.gif);
background-repeat: repeat-x;
font-size: 1px;
line-height: 1px;
}

.bloctxt {
 width: 616px;
 height: 445px;
 padding: 20px 40px 40px 40px;
 margin: 0;
 text-align: justify;
 overflow: auto;
}

.cvlisting {
width: 580px;
margin: 4px 0 0 10px;
padding: 0;
}

.cvlisting  p{
 float: left;
 width: 20px;
 margin: 0;
 padding: 0;
 font-style: italic;
}

.cvlisting ul{
 margin: 0 0 0 80px;
 padding: 0;
 list-style-type: none;
}

.cvlisting p span{
 text-decoration: underline;
}

#footer  {
width: 960px;
height: 48px;
font: italic 1.1em Arial ;
margin: 0;
padding: 0;
background-color: #161616;
text-decoration: none;
text-align: left;
}

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

#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

.diaporama {
z-index: 1;
margin: 0;
position: absolute;
width: 100%;
height: 100%;
}

.trombi {
 width: 100px;
 text-align: center;
 margin: 0;
 padding: 10px 0 0 40px;
}

.trombi img{
 margin-top: 10px;
}

.trombi h2{ 
 line-height: 1.2;
}


#contact{
 width: 400px;
 margin: 0;
 padding: 80px 0 0 75px;
}

/*  Styles pour la galerie d'images de Projets */
#gallery {width: 960px; height: 505px; margin: 0; padding: 0; background-color: #161616;} 
#thumbs {position:absolute; list-style:none; margin:-19px 0 0 60px; padding:0;} 
#thumbs li {float:left;} 
#thumbs a {display:block; width: 8px; font: 1.0em Arial; font-weight: bold; padding: 0 4px; margin: 0; outline:none;} 
#thumbs a:hover, #thumbs a:focus {color:#99ff66;}
#thumbs a:active {color:#fff;} 
#thumbs a.active {font: 1.3em Arial; font-weight: bold; color:#339900;} 
#viewer {position:relative; width:696px; height:505px; margin:0; padding: 0; border: 0;} 
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}

#prev  {position:absolute; font: 1.2em Arial; font-weight: bold; margin: 0; padding:0; outline:none; margin:-19px 0 0 50px;} 
#next {position:absolute; font: 1.2em Arial; font-weight: bold; margin: 0; padding:0; outline:none; margin-top:-524px;}