#home-left { float: left; width: 490px; padding-right: 18px;}
#home-right { float: left; width: 302px;  }

#home-right h1{ background:  #0082BB url(img/titre/book.jpg); margin: 0; margin-top: 8px; padding: 15px 0 3px 10px; color: #FFFFFF; border-bottom: 3px solid #37424A;   font-size: 18px; text-align: left;}
#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;}*/

.news { color:#37424A; width: 470px; padding: 5px 9px; border: 1px solid #CCCCCC }

#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;  }