/*structure */
#global0 {
position:absolute;
left: 50%;
/*top: 50%;*/
width: auto;
height: auto;
margin-top: 14px; /* moitié de la hauteur */
margin-left: -400px; /* moitié de la largeur */
border: 0px solid #333;
background-color: #C80A10;
}

#container0
{
width: 800px;
height: 600px;
margin: 0px auto;
background-color: #C80A10;
color: #ffffff;
border: 1px solid gray;
line-height: 130%;
/* border: 1px solid green; */
}

#global {
position:absolute;
left: 50%;
/* top: 50%;*/
width: 836px;
margin-left: -400px; /* moitié de la largeur */
padding-left: 16px;

height: 628px;
margin-top: 14px; /* moitié de la hauteur */
padding-top: 0px;

border: 0px solid #333;
/*background-color: #eee;padding-top: 11px;padding-left: 16px;*/
background:url(../img/ombre.jpg) bottom left no-repeat;
}

#container
{
width: 800px;
height: 600px;
/*margin: 0px auto;*/
background-color: #fff;
color: #333;
border: 1px solid silver;
line-height: 130%;
/* border: 1px solid green; */
}

#top
{
z-index: 100;
padding: 0em;
background-color: #C80A10;
border-bottom: 1px solid gray;
height: 20px;
width: 800px;
background: url(../img/BG_menu.gif) repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
/* float: left; */
width: 182px;
height: 500px;
margin: 0;
padding: 11px;
filter:alpha(opacity=90);
 -moz-opacity: 0.90;
background-color: #95A3B0;
color: #FFFFFF; 
font-size: 11px;
/* border: 1px solid yellow; */
}

#leftnav-team
{
float: left;
width: 182px;
height: 500px;
margin: 0;
margin-bottom: 200px;
padding: 11px;
color: #FFFFFF; 
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin: 0;
border: 0;
padding: 0;
width: 800px;
height: 579px;
background-color: #F9F8F6;
z-index:1;
background-attachment: fixed;
background-repeat: no-repeat;
color: #000000; 
font-size: 10px;
}
#contenu
{
margin: 0;
border: 0;
padding: 0;
width: 800px;
height: 522px;
scrollbar-base-color: #F9F8F6; scrollbar-track-color: #fff; scrollbar-arrow-color: #fff; 
overflow: auto;
background-color: #transparent none;
z-index: 30;
color: #FFFFFF; 
/* border: 1px solid red; */
}
#clic {    /* zone cliquable */
float: left;
width : 777px;
height: 472px;
margin-left: 0px;
margin-top: 0px;
}

#footer
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent none;
}
#babord {
float: left;
height: 57px;
width: 204px;
background: url(../img/exclusive-thereference.gif);
background-repeat: no-repeat;
font-size:0px; /* correction d'un bug IE */
background-color: transparent none;
}
#tribord {
float: right;
height: 57px;
width: 596px;
background-image: url(../img/line2.gif);
background-repeat: repeat-x;
background-color: transparent none;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#cadre0 { 
float: left; 
width: 420px; 
height: 450px; 
margin: 20px 10px 0px 20px; 
padding: 20px 10px 0px 10px; 
border: 1px solid silver; 
color:gray;
}
/* propriétés spécifiques à chaque coin */
#cadre { /* taille du cadre, à titre d'exemple */
float: right;
width: 210px;
height: 431px;
margin: 20px 20px 0px 10px;
padding: 45px 20px 0px 20px;
/*background-color: #C80A10;*/
border: 1px solid silver;
}
/* propriétés communes à l'ensemble des 4 coins */
#ne, #no, #so, #se {
height: 18px; width: 18px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#no {
background: url(../img/coin1.gif);
}
#ne {
float: right;
background: url(../img/coin2.gif);
}
#so {
background: url(../img/coin3.gif);
}
#se {
float: right;
background: url(../img/coin4.gif);
}