/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#20b4e2 url(charte_ngf/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:url(charte_ngf/bg-container.gif) left top repeat-y;
}
/***************** HEADER *****************/
#header{
width:990px;
height:300px;
background:url(charte_ngf/header.jpg) left top no-repeat;
}
#headerTop{
width:990px;
height:180px;
background:url(charte_ngf/header-top.jpg) left top no-repeat;
}
/***************** MENU TOP *****************/
#header #menuTop{
position:relative;
z-index:10;
width:930px;
padding-left:60px;
height:120px;
background:url(charte_ngf/bg-menu-top.jpg) left top no-repeat;
list-style:none;
}
#header #menuTop li{
position:relative;
float:left;
}
#header #menuTop span{
display:none;
}
#header #menuTop a{
display:block;
height:120px;
background-position:left top;
}
#container #header #menuTop a:hover,
#container #header #menuTop a.trigered{
background-position:left bottom;
}
a.bt1{background:url(charte_ngf/bt1.png) no-repeat; width:129px;}
a.bt2{background:url(charte_ngf/bt2.png) no-repeat; width:116px;}
a.bt3{background:url(charte_ngf/bt3.png) no-repeat; width:74px;}
a.bt4{background:url(charte_ngf/bt4.png) no-repeat; width:108px;}
a.bt5{background:url(charte_ngf/bt5.png) no-repeat; width:89px;}
a.bt6{background:url(charte_ngf/bt6.png) no-repeat; width:151px;}
a.bt7{background:url(charte_ngf/bt7.png) no-repeat; width:100px;}
a.bt8{background:url(charte_ngf/bt8.png) no-repeat; width:119px;}
/***************** CONTENU *****************/
#contenu{
width:840px;
background:url(charte_ngf/bg-contenu.jpg) left top no-repeat;
padding:20px 65px 0 85px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}


#clearFooter{
height:140px;/*--- = à la hauteur du footer ---*/
}

/****************/
#contenu #imageDroite{
float:right;
margin-left:20px;
}

#contenu #imageGauche{
float:left;
margin-right:10px;
}

#imageDroite table{
margin-left:auto;
margin-right:auto;
}

#contenu #imageDroite p{
font:11px Arial, Helvetica, sans-serif;
color:#424242;
text-align:left;
}
#contenu #imageBas{
width:825px;
height:170px;
margin:20px 0;
}
#contenu #imageBas #bloc1{
width:190px;
height:130px;
float:left;
margin:20px 10px 20px 0;
}
#contenu #imageBas #bloc2{
width:190px;
height:130px;
float:left;
margin:20px 10px;
}
#contenu #imageBas #bloc3{
width:190px;
height:130px;
float:left;
margin:20px 0px 20px 10px;
}
#contenu #imageBas p{
font:11px Arial, Helvetica, sans-serif;
color:#424242;
text-align:center;
}

/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:140px;
margin:-140px auto 0;
background:url(charte_ngf/footer.gif) left top no-repeat;
}