#home-left { float: left; width: 490px; padding-right: 18px;}
#home-right { float: left; width: 302px;  }
#home-right h1{ background:  #0082BB ; margin: 0; margin-top: 0px; padding: 5px; color: #FFFFFF; border-bottom: 3px solid #37424A; font-size: 18px; text-align: left;}
#home-right h1.book{ background:  #0082BB url(img/titre/book.jpg) center top no-repeat; margin: 0; margin-top: 8px; padding: 15px 0 3px 10px; color: #FFFFFF; border-bottom: 3px solid #37424A;   font-size: 18px; text-align: left; clear: both}
#home-left h2 { background: #0082BB; padding: 5px 10px; color: #FFFFFF; border-bottom: 3px solid #37424A;  margin: 5px 0 0 0; font-size: 12px; text-align: left;}
/*#home-left h1{ background:  #0082BB url(img/titre/titre-mp.jpg) ; padding: 15px 0 3px 10px; color: #FFFFFF; border-bottom: 5px solid #37424A;  margin: 0; font-size: 18px; text-align: left;}
#home-left h2 { background: #CCCCCC; padding: 5px 10px; color: #37424A; border-bottom: 3px solid #37424A;  margin: 5px 0 0 0; font-size: 12px; text-align: left;}*/
#home-left h3 { padding: 5px 10px; color: #0082BB;   font-size: 12px; text-align: center;}
#home-left a { color: #0082BB;}
#home-left a:hover { color: #CC3399;}
#home-left p { font-size: 11px; padding: 0 20px;}
.news { color:#37424A; width: 470px; padding: 5px 9px; border: 1px solid #CCCCCC; margin: 1px 0 }

#pack { color:#37424A; width: 470px; padding: 5px 9px; border: 1px solid #CCCCCC }
/*#pack a{ text-decoration: none; display: block; color: #666666;  }
#pack a:hover{ background-color: #FFFF99 }*/
#pack .list_pack { margin: 2px 0; padding: 5px 0; border-top: 1px dotted #ccc;width: 470px; clear: both; font-size: 10px }
#pack a img {border: 3px solid  #993399}
#pack a:hover img {border: 3px solid  #FF9900}
.photo_min {float: left; margin: 0 10px 0 0; border: 3px solid  #993399 }
.titre_pack { /*color:#651366*/ color: #0066CC; font-size: 12px} 



#list-portfolio {float: left; width: 130px;  overflow: hidden; margin-right: 10px;}
#list-portfolio li{ border-bottom: 1px dashed #d2d2d2; }
#list-portfolio li a {  font-weight: bold; padding: 5px 0 5px 0px; text-decoration: none; color: #666; display: block; width: 100%; text-indent: 30px; }
 li.art-de-vivre{ background: url(http://www.flyprovence.com/css/img/menu/theme/art-de-vivre.png) 0 1px no-repeat; font-size: 12px}
 li.relax{ background: url(http://www.flyprovence.com/css/img/menu/theme/relax.png) 0 1px no-repeat; font-size: 12px}
 li.nature{ background: url(http://www.flyprovence.com/css/img/menu/theme/nature.png) 0 1px no-repeat; font-size: 12px}
 li.plages{ background: url(http://www.flyprovence.com/css/img/menu/theme/plage.png) 0 1px no-repeat; font-size: 12px}
 li.city-break{ background: url(http://www.flyprovence.com/css/img/menu/theme/city-break.png) 0 1px no-repeat; font-size: 12px}
 li.sortir{ background: url(http://www.flyprovence.com/css/img/menu/theme/sortir.png) 0 1px no-repeat; font-size: 12px}

#portfolio { /*float: left;*/clear: both; width: 320px; height: 120px; padding: 5px; overflow: hidden; background: white url(http://www.flyprovence.com/css/img/pages/cadre_img_theme.gif) no-repeat}
#portfolio span.title-abs { position: absolute; z-index: 12; width: 240px; left: 35px; top: 20px; font-size: 18px;  padding: 7px; color: white }
#portfolio span.img-abs { position: absolute; z-index: 12;left:0px; top: 0px;}
#portfolio span.bg-abs { position: absolute; z-index: 10; width: 240px; left: 36px; top: 22px; font-size: 18px;  background: #0099FF; padding: 2px; border: 5px solid #0099FF; filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6;}
#portfolio span.title-abs a{ color: white; text-decoration: none; font-weight: normal;  }
#portfolio span.bg-abs a{ color: black; text-decoration: none; font-weight: normal;  }

.button {
	display:block;
	width:152px;
	height:42px;
	text-indent:-9999px;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	background:url(http://www.marseille.aeroport.fr/fra/voyageurs/img/btn_voyageurs_affaires.jpg) no-repeat top left;
	outline:none;
}
.button a:hover {
	background-position:0 -42px;
}
.button_famille {
	display:block;
	width:152px;
	height:42px;
	text-indent:-9999px;
}
.button_famille a {
	display:block;
	width:100%;
	height:100%;
	background:url(http://www.marseille.aeroport.fr/fra/voyageurs/img/btn_voyage_famille.jpg) no-repeat top left;
	outline:none;
}
.button_famille a:hover {
	background-position:0 -42px;
}
#extranet { float: left; padding: 10px; width: 280px; border: 1px solid  #FF9900; margin-bottom: 10px;; background: white}
.log { float: left; padding:  10px 0; width: 282px; }
.label { float: left; width: 80px}
input { border: 2px	 solid  #FF9900; width: 160px; padding: 2px;}
.box { background-color: #FFFF33; font-size: 1.2em;}
.box:hover { background-color: #FF9900; font-size: 1.2em;}