/* ---------------------------------
 Alexandra Leroy - Site GMJ Phoenix
 Feuille de styles
 Structure des cadres 
 Novembre 2006
--------------------------------- */

body {
overflow-x:hidden;
}

#global {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:60px;
background-color:#FFF;
width:800px; /* largeur obligatoire pour être centré */
height:auto; /*valeur fixe du site 408px*/
}

/*****************************************************************************************/
/*  Cadre qui contient le logo du site */
#blocLogo {
position:relative;
width:154px;
height:110px;
top:0px;
left:0px;
}
#blocLogo img{
border:0;
}
/*****************************************************************************************/
/*  Bandeau haut contenant la baseline */
#blocHaut {
position:relative;
width:646px;
height:110px;
left:154px;
margin-top:-110px;
}

/*****************************************************************************************/
/*  Bloc contenant le background su site (rayure) */
#backgroundHome{
height:340px;
background-image:url(../img/backgroundHome.gif);
}
#backgroundPages{
float:left;
width:800px;
background-image:url(../img/backgroundPage.gif);
}
#backgroundPageDouane{
float:left;
width:800px;
background-image:url(../img/backgroundPageDouane.gif);
}

/*****************************************************************************************/
/*  Bloc menu de navigation */
#blocMenuNav {
position:relative;
z-index: 2;
width:646px;
height:46px;
left:154px;
margin-top:-14px;
}
#blocMenuNav img{
border:0;
}
a#douane, a#marchandises, a#voyageurs, a#marchandisesDangereuses {
margin-right:-3px;
}
a#dechets {
margin-right:0px;
}
/*  Bloc menu 2 */
#blocMenu2 {
position:relative;
width:144px;
height:45px;
left:0px;
margin-top:-33px;
padding:5px
}
#blocMenu2 img{
border:0;
}
a#contacts {
display:block;
margin-bottom:5px;
}
a#liens {
display:block;
}


/*  Bloc sous-menu */
#sousmenu1 {
position: absolute;
visibility: hidden;
margin-top:-31px;
z-index:2;
left: 155px;
width:109px;
}
#color1 {
margin-top:5px;
background-color:#187EAC;
padding:2px 2px 2px 2px;
border-right:1px solid #CBCBCB;
}
#sousmenu2 {
position: absolute;
visibility: hidden;
margin-top:-31px;
z-index:2;
left: 444px;
width:121px;
}
#color2 {
margin-top:5px;
background-color:#FF8813;
padding:2px 2px 2px 2px;
border-right:1px solid #CBCBCB;
}
#sousmenu3 {
position: absolute;
visibility: hidden;
margin-top:-31px;
z-index:2;
left: 549px;
width:140px;
}
#color3 {
margin-top:5px;
background-color:#FFD936;
padding:2px 2px 2px 2px;
border-right:1px solid #CBCBCB;
}
#sousmenu4 {
position:absolute;
visibility:hidden;
margin-top:-31px;
z-index:2;
left:665px;
width:131px;
}
#color4 {
margin-top:5px;
background-color:#679723;
padding:2px 2px 2px 2px;
border-right:1px solid #CBCBCB;
}
#sousmenu5 {
position:absolute;
visibility:hidden;
margin-top:-31px;
z-index:2;
left:267px;
width:174px;
}
#color5 {
margin-top:5px;
background-color:#DB5739;
padding:2px 2px 2px 2px;
border-right:1px solid #CBCBCB;
}
.ombreBas{
height:4px;
background-image:url('../img/borderBottomSmenu.gif');
background-repeat:no-repeat;
}

.sousmenu a{
display: block;
font-weight:bold;
color:#FFF;
background-color:#B7B7B7;
text-decoration:none;
padding:2px 4px 2px 4px;
margin-bottom:2px;
}
.sousmenu a:hover{
background-color:#939393;
}

/*****************************************************************************************/
/*  Bloc qui contient la partie gauche rectangle avec bords arrondis */
#blocGauche {
margin-left:5px;
width:144px;
}
#blocGaucheHaut {
height:7px;
width:144px;
background-image:url('../img/blocGaucheHaut.gif');
}
*html #blocGaucheHaut {
margin-bottom:-7px;
}
#blocGaucheMilieu {
background-color:#FFF;
width:144px;
height:252px;
}
*html #blocGaucheMilieu {
height:266px;
}
#blocGaucheMilieuPages {
float:left;
background-color:#FFF;
width:144px;
}
#blocGaucheBas{
height:7px;
width:144px;
background-image:url('../img/blocGaucheBas.gif');
background-repeat:no-repeat;
}
#blocGaucheBasPages{
float:left;
margin-bottom:5px;
height:7px;
width:800px;
background-image:url('../img/blocGaucheBasPage.gif');
background-repeat:no-repeat;
}
*html #blocGaucheBasPages {
margin-bottom:0px;
margin-top:-7px;
}

/*****************************************************************************************/
/*  Bloc visuel de la Home */
#visuelHome{
position:absolute;
height:224px;
width:767px;
background-image:url('../img/backgroundHome.jpg');
top:227px;
/*top:177px;*/
left:19px;
}
*html #visuelHome{
top:229px;
/*top:179px;*/
}

/*****************************************************************************************/
/*  Bloc adresse de la Home */
#adresseHome{
position:absolute;
top:382px;
right:5px;
height:39px;
width:238px;
padding:5px;
background-image:url('../img/backgroundAdresse.gif');
color:#5A5A5A;
font-weight:bold;
}
*html #adresseHome {
top:396px;
}

/*****************************************************************************************/
/*  Bloc adresse des pages internes */
#adressePage{
margin:0;
color:#000;
}


/*****************************************************************************************/
/*  Bloc Contenu avec le background qui s'etend */
#contenuPage{
float:left;
width:800px;
height:auto;
background:transparent url('../img/backgroundContenuPage.gif');
}
#contenuBlocGauche{
position:relative;
float:left;
width:138px;
height:auto;
padding:0 8px 0 8px;
}
#contenuCentre{
float:left;
position:relative;
margin-top:-23px;
width:626px;
padding:0 10px 0 10px;
height:300px;
}
*html #contenuCentre{
margin-top:-47px;
}
html>body #contenuCentre {
height: auto;
min-height: 300px;
}

/*****************************************************************************************/
/*  Bloc footer */
#footer{
float:left;
color:#666;
background:#fff;
width:100%;
}
#footer a{
color:#666;
text-decoration:none;
margin-left:2px;
margin-right:2px;
}
#footer a:hover{
text-decoration:underline;
}
#rcs {
text-align:center;
color:#666;
background:#fff;
}