﻿/* --- POSITIONNEMENT --- */

/* Page */

html, body { height: 100%;  }

body {  min-height: 100%;	
	padding: 0px 0px 0px 0px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
}
#global { 
	width: 1024px;
	height: 100%;	
	min-height:100% ;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/* En-tête */
#entete {position:relative; height: 202px; width:1024px  }
#coin_gauche { float:left;	z-index: 1;	}
#coin_droite { float:right;	z-index: 1; }
#camera {position:absolute; top:35px; left:880px; z-index: 2;}
#espace_client {position:absolute; top:70px; left:855px; background-image:url('../images/charte/bouton_bleu.png'); 
                width:148px;  font-family:Verdana;  font-size:medium; color:white; font-weight:600; text-align:center; }
#horaires {position:absolute; top:20px; left:830px;width:180px; text-align:right; }

#logo_adler {position:absolute; top:30px; left:375px;  }
#reception_haut {position:absolute; top:98px; left:201px; width:621px; z-index: 1; }
#video_accueil  {position:absolute; top:100px; left:201px; width:620px; height:360px; z-index: 2; }


/* Centre */
#centre { width: 1024px; position:relative; left:0px; height: 546px; background-color: #44494F;z-index: 1; padding-left:0px }
#reception_bas {position: absolute; top:0px; left:201px; z-index: 1; }
#drapeau { position:absolute; top:200px; left:840px; width:26px; }
#b_catalogue {position:absolute; top:300px; left:243px; background-image:url('../images/charte/bouton_gris_261.png'); 
              height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_best {position:absolute; top:330px; left:243px; background-image:url('../images/charte/bouton_gris_261.png'); 
              height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_nouveau {position:absolute; top:360px; left:243px; background-image:url('../images/charte/bouton_gris_261.png'); 
             height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_espace {position:absolute; top:390px; left:243px; background-image:url('../images/charte/bouton_bleu_261.png'); 
              height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_projet {position:absolute; top:300px; left:520px; background-image:url('../images/charte/bouton_gris_261.png'); 
              height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_coin {position:absolute; top:330px; left:520px; background-image:url('../images/charte/bouton_gris_261.png'); 
              height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#b_adler {position:absolute; top:360px; left:520px; background-image:url('../images/charte/bouton_gris_261.png'); 
             height:20px; width:261px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }
#aqui { background-image:url('../images/charte/bouton_gris_261.png');  
             height:20px; width:180px; font-family:Verdana; font-size:15px; color:white; font-weight:600; text-align:left;  }

#texte_adler {position:absolute; top:440px; left:201px; width:621px; font-family:Verdana; font-size:10px; color:white; font-weight:500; text-align:justify; z-index: 2; }
#pied {position:absolute; top:520px; left:220px; width:580px; font-family:Verdana; font-size:9px; color:white; font-weight:500; text-align:center;  }
#logo_salon_droite{position:absolute; top:270px; left:840px; width:160px}
#logo_salon_gauche{position:absolute; top:180px; left:30px; width:160px}

.p11w { font-family: verdana, arial, helvetica; font-weight: 500; font-size: 11px; color: #FFFFFF; }
.p12w { font-family: verdana, arial, helvetica; font-weight: bold; font-size: 12px; color: #FFFFFF;  }


/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

a:link {color: white; text-decoration:none}
a:visited {color: white;}
a:hover {color: red;}
a:active {color: red;}
