html, body { margin:0; padding:0; font: normal 11px Trebuchet MS; color: #333; background-color: #333; }
img { border:0; }
a { text-decoration:none; color:#000; }
	a:hover { text-decoration:underline; }
	
/* styles courants */
.clear { clear:both; }
.right { float: right; }
.left { float: left; }
.rouge { color: #ff6e44; }
.btn_case { position: absolute; bottom: 20px; right: 15px; }
h2 { margin: 0 0 5px 0; font-size: 17px; color: #ff6e44; }

/* montage principal */
#container { position: relative; margin: 0 auto; padding: 0 19px; width: 901px; height: auto; background: url(../img/bg_container.gif) repeat-y; }

#header { color: #afafaf; height: 414px; }

	/* Eléments en haut à droite du header */
	.link_header_top { position: absolute; right: 130px; top: 15px; }
		.link_header_top a { color: #afafaf; }
	.flag_header_top { position: absolute; right: 45px; top: 12px; }
	
	/* Deuxième partie du header */
	.header_ban  { padding: 13px 10px; width: 881px; height: 295px; background: url(../img/bg_flash_home.gif) no-repeat; }
		.header_ban_flash { float: left; width: 640px; height: 296px; margin: 0; padding: 0; }
		.header_ban_menu { position: relative; float: left; width: 207px; height: 266px; margin: 0; padding: 30px 0 0 34px; background-color: #3b3834; }
			.header_ban_menu a { color: #fff; text-decoration: none; }
			.header_ban_menu a:hover { color: #ff6e44;  text-decoration: none; }
			.header_ban_menu.lien { width: 173px; height: 15px; padding: 0 0 10px 15px; margin-bottom: 4px; background: url(../img/bg_menu_header_lien.gif) no-repeat 0 3px; }
	.logo_air_france { position: absolute; bottom: 24px; -bottom: 19px; right: 34px; -right: 33px; }
	
	#menu { position: absolute; top: 89px; left: 29px; padding-right: 53px; width: 828px; height: 16px; text-align: right; border-bottom: 1px solid #ff6e44; }
		#menu a { margin-left: 10px; color: #3b3834; }
		#menu a:hover { text-decoration: none; background: url(../img/bg_link_menu_header.gif) repeat-x; }

/* classe à utiliser pour le template du site (différent de la home) */
.content { width: 901px; min-height: 300px; }
	.image_right { padding: 10px; margin-right: 25px; -margin-right: 12px; width: 197px; height: 350px; background: url(../img/bg_img_right.gif) no-repeat; }
	.text_left { padding:25px; margin-left: 25px; -margin-left: 12px; width: 565px; height: auto; line-height: 25px; background: url(../img/bg_text_left.gif) no-repeat; }
	
#footer { position: relative; width: 901px; padding-top: 10px; height: 88px; text-align: center; color: #fff; line-height: 12px;  background-color: #3b3834; }
	#footer a { color: #fff; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

/* formulaire faisant partie du templace */
.contact { position: absolute; top: 414px; -top: 431px; right: 40px;  margin: 0; padding: 95px 10px 0 20px; width: 247px; height: 178px; background: url(../img/home_bg_contact.gif) no-repeat; }
	form.contact_home {  }
		form p { clear: both; width: 240px; height: auto; margin: 0 0 6px 0; *margin: 0 0 5px 0; padding: 0; }
		label.contact_home { float: left; display: block; width: 80px; height: 20px; }
		input.contact_home { width: 146px; height: 14px; padding: 1px 2px; font: normal 11px Trebuchet MS; border-top: 2px solid #d4d3d3; border-right: 2px solid #d4d3d3; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
		select.contact_home { width: 154px; height: 20px; padding: 0; font: normal 11px Trebuchet MS; }
		
/* montage pages */
#home {  }
	#home .pourquoi { position: relative; float: left; margin: 0 5px; -margin-left: 3px; padding: 75px 10px 0 160px; width: 423px; height: 198px; background: url(../img/home_bg_pourquoi.gif) no-repeat; }
	#home .liserai_gris { height: 243px; width: 901px; background: url(../img/liserai_gris.gif) repeat-x 0 0; }
		#home .formation  { position: relative; float: left; margin-left: 19px; -margin-left: 9px; padding: 110px 10px 0 30px; width: 249px; height: 133px; background: url(../img/home_bg_formation.gif) no-repeat; }
		#home .traduction { position: relative; float: left; margin: 0; padding: 110px 10px 0 30px; width: 248px; height: 133px; background: url(../img/home_bg_traduction.gif) no-repeat; }
		#home .interpretation { position: relative; float: left; margin: 0; padding: 110px 10px 0 30px; width: 240px; height: 133px; background: url(../img/home_bg_interpretation.gif) no-repeat; }