/*******************************************************************************
* TRANSVERSE
*******************************************************************************/ 
a {color:#333!important; text-decoration:none;}
a:hover { text-decoration:underline;}
#pressvoyages {text-align:left;padding:0;margin:0;background:url("../images/bg_pressvoyages.gif") 5px 0 repeat-x #f3f3f3;font-family:arial;}
#global {text-align:left;position:relative;width:968px;margin:10px auto 0;}
#logo {position:absolute;top:-117px;left:47px;height:178px;width:774px; z-index:100;}
#logo a img {behavior:url("../images/iepngfix.htc")}
#pub_468x60 {position:absolute;top:-95px;left:240px}
#titre-page {font:normal 9px/12px arial;color:#3399cc;text-align:center;height:12px;overflow:hidden;}
#titre-page a {font:normal 9px/12px arial;color:#3399cc!important}
q:after { content:no-close-quote;}
q:before { content:no-open-quote;}
.centerPosition { margin:0 auto;}
.centerAlign { text-align:center;}
.hr {background:url("../images/bg_diapo_hr.gif") repeat-x bottom; height:1px; margin:0; padding:0;}
.clearLeft {clear:left;}
.clearBoth {clear:both;}
.noback {background:0 none!important;}
.noLeft {margin-left:0!important;}
.visible {display:inherit;}
.invisible {display:none;}
.alignLeft {text-align:left!important;}
.alignRight {text-align:right!important;}
.enligne {display:inline;}
.noborder {border:0 none!important;}
.zIndexSup {position:relative; z-index:1000; border:1px solid #333; font:bold 10px arial;}
.modifier {position:absolute; right:0; cursor:pointer; border:0 none!important;}
.pointer {cursor:pointer;}
.bold, .bold a{font-weight:bold;}
.block {display: block;}
.underline, .underline a {text-decoration:underline;}
img { border: 0 none; }
address a:hover { text-decoration: underline !important; }
#photoProposee { width: 202px; height: 151px; }
#coloneGauche #ecran { background:#000000 url("../images/ajax-loader.gif") no-repeat scroll 50% }

.accordionBody { height:150px; }


/* pacth diaporama */

#pictureBox {background:url("../images/ajax-loader.gif") 50% 50% no-repeat #000;height:426px; padding-bottom: 10px;}
#pictureBox.off {background:#000;}
#list {position:relative;width:580px;margin:13px auto 0;}
#list.slide {height:100px;overflow:hidden;}
#list.slide #slider {width:3000px;position:absolute;}
#slider li a {border:0;display:block;}
#slider ul, #slider li {padding:0;margin:0;}
#slider li {list-style:none;float:left;display:inline;margin:2px 0;}
#slider li a {padding:1px;font:bold 11px arial; color:#333; text-decoration:none;}
#slider li a:hover,#slider li a.selected {text-decoration:none;}
#slider li a img {border:0;padding:2px;}
#slider li a:hover img, #slider li a.selected img {background:#aad200;}
div.noMargin {margin:0;padding:0;}

/*******************************************************************************
* COINS ARRONDIS
*******************************************************************************/ 

/* commun */
.ctr, .ctl, .cbr, .cbl {height:32px;width:13px;line-height:32px;position:absolute;font-size:0;z-index:8;}
.ctr {background:url("../images/img_global_ctr.gif") right top no-repeat;right:-3px;top:200px;}
.ctl {background:url("../images/img_global_ctl.gif") left top no-repeat;left:1px;top:198px;}
.cbr {
	background:url("../images/img_global_cbr.gif") right bottom no-repeat;
	right:-1px;
	bottom:2px;
}
.cbl {background:url("../images/img_global_cbl.gif") left bottom no-repeat;left:0;bottom:0;}

/* spec sur les noeuds */
#coloneGauche .diapoTheme .ctr {background-image:url("../images/img_diapoTheme_ctr.gif");top:0;height:42px; right:0!important; right:2px; _right:0;}
#coloneGauche .diapoTheme .ctl {background-image:url("../images/img_diapoTheme_ctl.gif");top:0;height:42px;}
#coloneGauche .diapoTheme .cbr {background-image:url("../images/img_diapoTheme_cbr.gif");}
#coloneGauche .diapoTheme .cbl {background-image:url("../images/img_diapoTheme_cbl.gif");}
#coloneGauche .diapoTheme .cbm {background:url("../images/img_diapoTheme_cbm.gif") repeat-x; width:613px; position:absolute; bottom:0; height:4px; line-height:4px; font-size:4px;}

#coloneGauche .diapo .ctr {background-image:url("../images/img_tetiere_ctr.gif");top:0; right:0!important; right:2px; _right:0;}
#coloneGauche .diapo .ctl {background-image:url("../images/img_tetiere_ctl.gif");top:0;}
#coloneGauche .diapo .cbr {background-image:url("../images/img_tetiere_cbr.gif");}
#coloneGauche .diapo .cbl {background-image:url("../images/img_tetiere_cbl.gif");}
#coloneGauche .diapo .cbm {background:url("../images/img_tetiere_cbm.gif") repeat-x; width:613px; position:absolute; bottom:0; height:4px; line-height:4px; font-size:4px;}

#coloneGauche #blocPhoto .ctr, #coloneGauche .formProposer .ctr {background-image:url("../images/img_border2px_ctr.gif");right:-2px!important; right:-3px;top:-2px;}
#coloneGauche #blocPhoto .ctl, #coloneGauche .formProposer .ctl, #home #homeCinq .ctl, #home #accroche .ctl {background-image:url("../images/img_border2px_ctl.gif");left:-724px;top:-69px; z-index:2!important;}
#coloneGauche #blocPhoto .cbr, #coloneGauche .formProposer .cbr, #home #homeCinq .cbr {background-image:url("../images/img_border2px_cbr.gif"); right:-2px!important; right:-3px; bottom: -2px}
#home #accroche .cbr {background-image:url("../images/img_border2px_cbr.gif");right:-2px!important;bottom:-2px;right: -3px;}
#coloneGauche #blocPhoto .cbl, #coloneGauche .formProposer .cbl {background-image:url("../images/img_border2px_cbl.gif");left:-2px;bottom:-2px;}

#coloneGauche #hotelDescrip #profil .ctr {background-image:url("../images/img_border2px_ctr.gif");right:-2px;top:-2px;}
#coloneGauche #hotelDescrip #profil .cbr {background-image:url("../images/img_border2px_cbr.gif");right:-2px;bottom:-2px;}

#coloneDroite .comparerForum .ctr, #coloneGauche .avoirafaire .ctr {background-image:url("../images/img_comparer_ctr.gif");top:0; height:37px;}
#coloneDroite .comparerForum .ctl, #coloneGauche .avoirafaire .ctl {background-image:url("../images/img_comparer_ctl.gif");top:0; height:37px;}
#coloneDroite .comparerForum .cbr, #coloneGauche .avoirafaire .cbr{background-image:url("../images/img_comparer_cbr.gif");height:10px; bottom:-1px;}
#coloneDroite .comparerForum .cbl, #coloneGauche .avoirafaire .cbl{background-image:url("./images/img_comparer_cbl.gif");height:10px; bottom:-1px;}
#coloneDroite .comparerForum .cbm, #coloneGauche .avoirafaire .cbm {background:url("../images/img_comparer_cbm.gif") repeat-x; width:300px; position:absolute; bottom:-1px; height:4px; line-height:4px; font-size:4px;}


/******************************************************************************* 
* MENU
*******************************************************************************/
#menu {background:url("../images/bg_menu.gif") left bottom repeat-x;margin:0 4px 28px;height:1%;}
#menu ul {padding:0;margin:0 0 0 200px;}
#menu ul li {list-style:none;padding:0;margin:0;float:left;display:inline;}
#menu ul li a {padding:0;margin:0 2px 0 0;background:url("../images/bg_onglet_droit.gif") right top no-repeat;color:#149bcd!important;text-decoration:none;font-size:11px;line-height:11px;float:left;font-weight:bold;text-transform:uppercase;}
#menu ul li a span {padding:9px 12px 6px;float:left;display:block;background:url("../images/bg_onglet_gauche.gif") left top no-repeat;}
#menu ul li a:hover {background:url("../images/bg_onglet_droit_actif.gif") right top no-repeat;color:#ffe600!important;cursor:pointer;}
#menu ul li a:hover span {background:url("../images/bg_onglet_gauche_actif.gif") left top no-repeat;}
#menu .active {background:url("../images/bg_onglet_droit_actif.gif") right top no-repeat;color:#ffe600!important;}
#menu .active span {background:url("../images/bg_onglet_gauche_actif.gif") left top no-repeat;}
#menu .espace {margin:0 0 0 58px}

/******************************************************************************* 
* SOUS MENU
*******************************************************************************/
#ombreHeader { position:absolute; z-index:5; width:968px; top:26px;}
#subMenu {background:url("../images/nav-sep.gif") repeat-x #2aafe0 bottom;margin:0 4px; position:relative; z-index:200;height:1%;min-height:28px;}

#subMenu ul {padding:0;margin:0 0 0 200px;}
#subMenu ul li {list-style:none;margin:0;float:left;display:inline;font-size:11px;color:#ffe600;}
#subMenu ul li a {padding:6px 0 7px 10px;margin:0 10px 0 0;color:#fff!important;text-decoration:underline;display:block;background:url("../images/ico_puce_fleche_blanche.gif") 0 50% no-repeat; text-decoration:none;}
#subMenu ul li a:hover {color:#ffe600!important;background:url("../images/ico_puce_fleche_jaune.gif") 0 50% no-repeat;text-decoration:underline;}
#subMenu ul li.close {position:absolute; right:0; bottom:0; font-weight:bold;}
#subMenu .active {color:#ffe600;background:url("../images/ico_puce_fleche_jaune.gif") 0 50% no-repeat;text-decoration:none;}

/******************************************************************************* 
* CORPS
*******************************************************************************/

#content {background:#fff url("../images/bg_content.gif") repeat-y; padding:15px 4px 0;height:1%;}
#content #rightColumn {float:right;display:inline;width:300px;margin:0 15px 0 0}
#content #leftColumn {float:left;display:inline;width:614px;margin:0 0 0 15px;}
#content #footer {height:85px;background:url("../images/bg_footer.gif") repeat-x;}

#ariane {margin-bottom:0; width:560px;}
#ariane, #ariane ul li a{ font:normal 9px arial; color:#333;}
#ariane ul li a {text-decoration:underline;}
#ariane ul {padding:0;margin:0 0 0 200px;}
#ariane ul li {list-style:none;padding:0;margin:0 4px 0 0;float:left;display:inline;}
#ariane ul li.blue {color:#2aafe0;}

#date {right:26px; width:auto; font:normal 11px arial; float:right; margin-right:20px;}

/******************************************************************************* 
* COLONNE HOME
*******************************************************************************/
#home {width:945px;}
#home #homeCinq h1 {font:bold 18px arial; color:#0a4b9b; text-align:left; width:auto; margin:0 0 10px 130px; padding:0; position:absolute;top:-30px;}
#home #homeCinq {width:686px; height: 255px; border:2px solid #d9d9ce; position:relative; margin:19px 0 0 15px;}
#home #homeCinq img{margin:14px 0 14px 14px;float:left;}
#home #homeCinq ul {margin:65px 14px 14px 0 !important;_margin:65px 14px 14px 0; padding:0;width:145px; float:right;display:inline;}
#home #homeCinq ul li {margin:0; list-style:none;  cursor:pointer;font:bold 12px arial; color:#333;display:inline;}
#home #homeCinq ul li a {display: block; padding: 8px 0 9px 10%;background:#dfdfd5 url("../images/bg_home_listeOff.gif") no-repeat;border-top:2px solid #fff;width:90%;}
#home #homeCinq ul li a:hover, #home #homeCinq ul li a.select {text-decoration: none;background:#aad200 url("../images/bg_home_listeOn.gif") no-repeat;}
#home #homeCinq ul li.select {font:bold 12px arial; color:#fff;}
#home #homeCinq #macaron, #home #homeCinq #macaronPays {width:101px; height:96px; position:absolute;right:-13px!important; right:-14px;top:-34px;}
#home #homeCinq #macaronPays {background:url("../images/img_homepays_macaron.gif") no-repeat;}
#home #homeCinq .legendeHome {width:160px;position:absolute; background:#fff; left:14px; top:150px; padding:8px 15px;}
#home #homeCinq .legendeHome h2 {font:bold 16px arial; margin:0;color:#a0d200;position:static;padding:0;margin:0;}
#home #homeCinq .legendeHome h3 {font:normal 11px arial;margin:0;color:#a0d200;}
#home #homeCinq .legendeHome address{ margin:0; line-height:8px; }
#home #homeCinq .legendeHome address a{ padding-left:10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; font:normal 10px arial; color:#333; text-decoration:none; margin:0;}
#home #homeCinq .legendeHome address a:hover {text-decoration:underline;}

#home #accroche {width:221px; border:2px solid #d9d9ce; position:relative; clear:right; float:right; margin:0; top:0!important;top:19px; height:254px}
*+html #home #accroche{top:19px!important;}
#home #accroche p {padding:20px 20px 0; margin:0 0 -10px; font:bold 12px arial;}
#home #accroche h1 {font:bold 18px arial; color:#f90; padding:0 20px 10px;}
#home #accroche img {display:block; width:128px; margin:0 auto; padding-top:10px}
#home #accroche ul {width:100%; padding:5px 0 35px 0; margin:0; background:url("../images/ico_voyage.gif") center bottom no-repeat;}
#home #accroche ul a {padding:0 0 0 25px;text-decoration:none;display:block;font-size:16px;line-height:22px}
#home #accroche ul a:hover {background:#d9d9ce}
#home #accroche ul b {color:#ff8c00;float:left;width:40px;text-align:right;padding-right:5px}
#home #accroche ul span {color:#079ed0; font-size:13px; font-weight:normal}
#home #accroche ul li {padding:0;margin:0;list-style:none;display:inline}
#home #accroche ul strong {color:#044d9a}

#declinaison { margin-bottom:-10px;}
#declinaison h2{font:bold 30px arial; margin:20px 20px 0; color:#aad200}
#declinaison ul {margin:0 0 0 20px; padding:0;}
#declinaison li {display:inline;margin:0 5px 0 0; padding:0 0 0 7px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; line-height:12px; font:normal 11px arial;}
#declinaison li a {text-decoration:underline;}

/******************************************************************************* 
* COLONNE GAUCHE
*******************************************************************************/

#coloneGauche { width:630px; float:left; clear:left;}
#coloneGauche h1 { font:bold 30px arial; margin:0 0 0 20px; color:#aad200}
#coloneGauche h1 span{ font:bold 20px arial; color:#9b9b8f}
#coloneGauche h3.soustitre { font:normal 12px arial; text-decoration:underline; margin:10px 0 15px 25px;}
#coloneGauche .avantpropos { text-align:center; margin:10px 0 20px; font:normal 12px arial;}
#coloneGauche .resume {margin:10px 0 20px 54px; font:normal 12px arial;}
#coloneGauche .hrHome {background:url("../images/bg_diapo_hr.gif") repeat-x bottom; height:1px; margin:12px 0 0 12px!important; margin:0 0 0 15px; padding:0;}
#coloneGauche .note img { cursor:pointer;}

#coloneGauche .homeGauche {position:relative; font:normal 11px arial; width:450px;overflow:hidden;}
#coloneGauche .homeGauche h1 {padding:0; margin:8px 0 0 0;}
#coloneGauche .homeGauche  img.intitule {margin:8px 0 5px 0;}
#coloneGauche .homeGauche h1 img {margin:0; display: block; position: relative; left: -5px;}
#coloneGauche .homeGauche h2 img {margin:0; display: block; position: relative; left: -17px;}


#coloneGauche .homeGauche ul {padding:0; border:0; width:92px; margin:4px 0 0 20px;}
*+html #coloneGauche .homeGauche ul {margin:8px 0 10px 23px;}
#coloneGauche .homeGauche ul li {background:#fff url("../images/bg_menu_idees2.gif") no-repeat left bottom;padding:0; margin:0;list-style:none; line-height:21px; padding:0;border-right:1px solid #c3c3b7; font-weight:normal; color:#999;}
#coloneGauche .homeGauche ul li.select { background:#fff url("../images/bg_menu_idees.gif") repeat-x bottom;border-bottom:1px solid #c3c3b7;font-weight:bold; color:#333;}
#coloneGauche .homeGauche .ideesVoyage {position:absolute; top:53px; right:32px; z-index:20;}
#coloneGauche .homeGauche .ideesVoyage p {font:normal 9px tahoma; text-align:right; color:#777;}
#coloneGauche .homeGauche .ideesVoyage ul{margin:0; padding:0;}
*+html #coloneGauche .homeGauche .ideesVoyage ul, *+html #coloneGauche .homeGauche ul.paysDecouvrir ul {margin:8px 0 10px;}
#coloneGauche .homeGauche .ideesVoyage li {margin:0 0 0 10px;}
#coloneGauche .homeGauche .ideesVoyage li, #coloneGauche .homeGauche ul.paysDecouvrir li {background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; padding:0 0 0 10px;  border:0 none;}
#coloneGauche .homeGauche .ideesVoyage li a, #coloneGauche .homeGauche ul.paysDecouvrir li  a{color:#333; text-decoration:none;}
#coloneGauche .homeGauche .ideesVoyage li a:hover, #coloneGauche .homeGauche ul.paysDecouvrir li a:hover {text-decoration:underline;}
#coloneGauche .homeGauche ul.paysDecouvrir li {margin:0 0 0 5px;}
#coloneGauche .homeGauche ul.paysDecouvrir {margin:10px 0 0 15px; padding:0; width:220px;height:1%;}
#coloneGauche .homeGauche ul.paysDecouvrir li {line-height:16px; background-position:left 4px;width:100%;}

#coloneGauche #ideesBloc {height:180px;background:url("../images/bg_diapo_hr.gif") repeat-x bottom; margin:0 0 0 15px;}
#coloneGauche #paysDecouvrir {height:180px;background:url("../images/bg_diapo_hr.gif") repeat-x bottom; margin:0 0 0 15px;}

#coloneGauche #objets {margin:0 0 0 15px;}
#coloneGauche #objetMonde { text-align:center; width:205px; height:121px; margin-left:15px; margin-top:10px;}
#coloneGauche #objetMonde img {border:1px solid #ada6a3; margin:3px;}
#coloneGauche #objetMonde p, #coloneGauche #siteWeb address, #coloneGauche #diaporama address, #coloneGauche #vosSouvenir p { background:url("../images/puce_fleche_verte.gif") no-repeat left; padding-left:20px; line-height:21px; margin-left:8px;}
#coloneGauche #objetMonde p a, #coloneGauche #vosSouvenir a {font-weight:bold;}
#coloneGauche h1 .objet {display:block; font:bold 15px arial; position:relative; left:45px; line-height:20px; top:-6px;  ;color:#9b9b8f;}
#coloneGauche #vosSouvenir p {margin-top:10px!important;}

/* Pavé "Promos du moment" */
#coloneGauche #miniNav{width:372px; height:323px!important; position:absolute; left:264px; margin-top:18px; background:url("../images/nav-sep.png") repeat-y;}
#coloneGauche #miniNav img {clear:left;display:block;}
/*push central*/
p.aucune_offre {margin: 20px 15px 20px 15px; color: #333; font-size: 12px; text-align: center}
p.aucune_offre a {color: #FE9901 !important; font-weight: bold; text-decoration: underline}

#coloneGauche #miniNav ul {list-style:none; margin:0; padding:0;}
#coloneGauche #miniNav ul li {display:block; float:left; background:url("../images/bouton_mininav_off.gif") no-repeat; width:74px; height:27px; font:normal 10px arial; text-align:center; line-height:10px;}
#coloneGauche #miniNav ul li.selected {display:block; float:left; background:url("../images/bouton_mininav_on.gif"); width:76px; height:27px; }
#coloneGauche #miniNav ul li a{margin-top:3px; display:block;}
#coloneGauche #miniNav ul li.selected a { color:#0a4b9b!important;; font:bold 20px arial; margin-top:0; text-decoration:none}

#coloneGauche #miniNav ul#listes_offre {list-style:none; margin:0 0 0 10px; padding:0; width:350px; display:block; clear:left; float:none; background:url("../images/bg_menu_cat_dest.gif") repeat-x 0 -10px; height:240px; }
#coloneGauche #miniNav ul#listes_offre ul {height:41px;margin:0 0 10px 0 !important;padding:0;width:290px;overflow:hidden;}
#coloneGauche #miniNav ul#listes_offre li {display:inline;height:1%;margin:0!important; padding:0!important;background:0 none; width:290px; font:normal 10px arial; text-align:left; line-height:100%;float:none;}
#coloneGauche #miniNav ul#listes_offre li a {font:bold 12px arial; color:#333; margin:0!important; padding:0!important;line-height:100%;}
#coloneGauche #miniNav ul#listes_offre li h2 {font:bold 11px arial; color:#333; margin:0!important; padding:0!important;line-height:100%:}
#coloneGauche #miniNav ul#listes_offre li ul {clear:left;float:left;margin:0;padding:0;}
#coloneGauche #miniNav ul#listes_offre li ul li {display:inline;height:1%;list-style:none;font-size:10px;margin:0!important; padding:0!important;border:0;height:12px!important;height:10px;}

#coloneGauche #miniNav ul#listes_offre li ul.prix {width:55px;float:left;display:inline;clear:none!important;margin:-51px 0 0 295px!important;padding:0!important;text-align:right;}
#coloneGauche #miniNav ul#listes_offre li ul.prix li{display:inline;height:1%;margin:0!important; padding:0!important;width:60px;line-height:100%;}
#coloneGauche #miniNav ul#listes_offre li ul.prix li span {color:#ff5000; font:bold 18px arial;line-height:100%;}

#coloneGauche #miniNav #piedNav { background:url("../images/bg_menu_cat_dest.gif") no-repeat; position:absolute; bottom:0; height:9px; width:372px;z-index:20;}
#coloneGauche #miniNav #pied2Nav { background:url("../images/bg_menu_categorie.gif") no-repeat; position:absolute; bottom:-20px;left:0;  height:32px; width:372px;z-index:20;}
#coloneGauche #miniNav .listeIe6 {display:none!important; display:block; width:372px; position:absolute; height:10px; bottom:-1px; right:0;}
#coloneGauche #miniNav address {text-align:right; line-height:16px; width:300px;}
#coloneGauche #miniNav address a {font:bold 11px arial; display:block;  background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; padding-left:10px; position:absolute; bottom:-15px; color:#333; right:10px; z-index:200;}

/* Les 5 hôtel les mieux notés */
#coloneGauche #mieuxNote { width:372px; height:162px; background:#A9CC33 url("../images/bg_menu_categorie.gif") no-repeat left bottom; position:absolute; left:264px; margin-top:373px;overflow:hidden;}
#coloneGauche #mieuxNote h3{ margin:0; padding:0; display:inline-block;}
#coloneGauche #mieuxNote h3.h41px {height:41px;}
#coloneGauche #mieuxNote h3 img {margin:0;}
#coloneGauche #mieuxNote h3 span {position:absolute; z-index:10; left:175px; font-size:13px; margin-top:17px;}
#coloneGauche #mieuxNote #hotelNumUn {margin:4px 20px 0 10px!important; margin:8px 20px 0 5px; padding:0; height:110px; overflow: hidden; background:#f90 url("../images/bg_pied_imagehotel.gif") no-repeat bottom; width:142px; float:left;}
#coloneGauche #mieuxNote #hotelNumUn h1 {display:none;}
#coloneGauche #mieuxNote #hotelNumUn a{color:#fff!important;}
#coloneGauche #mieuxNote #hotelNumUn img {margin:0;display:block;}
#coloneGauche #mieuxNote h1{ font:normal 10px arial; margin:0 0 0 30px;color:#333;}
#coloneGauche #mieuxNote h2{ font:bold 11px arial; padding:2px 0 0 30px;margin:0; line-height:10px}
#coloneGauche #mieuxNote ul {margin:3px 0 0; padding:0;}
#coloneGauche #mieuxNote ul li {margin:0 0 2px; padding:0; background:url("../images/bg_hotels_list.gif") no-repeat; display:block; width:189px; height:26px; float:left;}
#coloneGauche #mieuxNote span { font:bold 14px arial; color:#1455a5; position:absolute; left:180px; margin-top:5px;}
#coloneGauche #mieuxNote address {text-align:right; line-height:16px;}
#coloneGauche #mieuxNote address a {font:bold 11px arial; display:inline-block;  background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; padding-left:10px; margin-right:10px; line-height: 25px;}

/*  declinaison des pages transverses de la landingpage */
#coloneGauche #mieuxNote ul.categorie li {margin:0 0 1px; width:139px; background:url("../images/bg_hotels_categorie.gif") no-repeat; height:22px;line-height:16px;}
#coloneGauche #mieuxNote ul.categorie li h4 { font:bold 12px arial; color:#f90; margin:0 0 0 10px;line-height:20px;}
#coloneGauche #mieuxNote ul.categorie li a {font:normal 11px arial; color:#333; text-decoration:underline; margin:0 0 0 10px; }
#coloneGauche #mieuxNote #hotelSelect {margin:4px 4px 0 10px!important; margin:4px 4px 0 5px; padding:0; height:114px; background:#f90 url("../images/bg_pied_hotel_transverse.gif") no-repeat bottom; width:208px; float:left; cursor:pointer; overflow: hidden;}
#coloneGauche #mieuxNote #hotelSelect p {margin:-2px 7px 0; color:#fff; font:normal 10px arial; line-height:12px;}
#coloneGauche #mieuxNote #hotelSelect p strong {font-size:11px;}


/* Vos meilleurs photos */
#coloneGauche #vosPhotos {clear:left; width:614px; height:203px; background:url("../images/bg_photos_pied.gif") no-repeat left bottom;  position:relative; left:18px; margin-top:11px;}
#coloneGauche #vosPhotos h2 {margin:0 !important; margin:0; padding:0;}
*+html #coloneGauche #vosPhotos h2 {margin:0!important;}
#coloneGauche #vosPhotos h2 span {position:absolute; left:239px; top:19px; font:bold 13px arial; color:#9b9b8f;}
#coloneGauche #vosPhotos p span {position:absolute; left:33px; top:28px; font:bold 13px arial; color:#9b9b8f;}
#coloneGauche #vosPhotos #slider {width:614px; background:#efefea url("../images/bg_slider.gif") repeat-y;margin:0 auto;text-align:left;}
#coloneGauche #vosPhotos #slider .clear {height:0;width:0;line-height:0;font-size:0;clear:both;}
#coloneGauche #vosPhotos #slider .sliderBox {position:relative;width:570px;margin:0 auto;}
#coloneGauche #vosPhotos #slider .on {overflow:hidden;height:115px;}
#coloneGauche #vosPhotos #slider .on .sliderContent {position:absolute;width:10000px;}
#coloneGauche #vosPhotos #slider ul {list-style:none;}
#coloneGauche #vosPhotos #slider ul li {text-align:left;width:114px;}
#coloneGauche #vosPhotos #slider img {display:block;margin:0 auto;}
#coloneGauche #vosPhotos #slider ul, #coloneGauche #vosPhotos #slider ul li {float:left;display:inline;padding:0;margin:0;}
#coloneGauche #vosPhotos #slider h3{font:normal 10px arial; margin:0 2px;}
#coloneGauche #vosPhotos #slider h1{font:bold 11px arial; margin:0 2px; line-height:13px}
#coloneGauche #vosPhotos #slider h1 a{display:block;}
#coloneGauche #vosPhotos #slider span.legende{display:block;font:bold 11px arial; margin: 0 5px 0 2px; line-height:13px}
#coloneGauche #vosPhotos #slider span.auteur{display:block;font:normal 10px arial; margin:0 2px 5px 2px;}

#coloneGauche #vosPhotos #left, #coloneGauche #vosPhotos #right{
	width:24px;
	height:23px;
	cursor:pointer;
	margin-top:20px;
	background: no-repeat left;
	position:absolute;
	top: 71px;
}
#coloneGauche #vosPhotos #left {background:url("../images/bouton_slider_left.gif"); left:7px;}
#coloneGauche #vosPhotos #left.disabled {background:url("../images/bouton_slider_disabled.gif"); cursor:default; left:4px;}
#coloneGauche #vosPhotos #right{background:url("../images/bouton_slider_right.gif"); right:5px;}
#coloneGauche #vosPhotos #right.disabled{background:url("../images/bouton_slider_disabled.gif"); cursor:default; right:4px;}
#coloneGauche #vosPhotos #center{width:566px; margin:0 auto;}
#coloneGauche #vosPhotos ul#liensPhotos {margin:0; padding:0;width:614px;height:18px; background:url("../images/bg_slider.gif") repeat-y; clear:left;}
#coloneGauche #vosPhotos ul#liensPhotos li {float:right;display:inline;background:url("../images/ico_puce_fleche_noire.gif") no-repeat 0 4px;font:bold 11px arial; padding-left:10px; margin:4px 10px 2px;}

#coloneGauche .homeGauche #siteWeb {float:left;display:inline; color:#333; height: 155px; margin:15px 0 0 15px;padding-top:0;padding-top:10px;position: relative;background:url("../images/bg_diapo_hr.gif") repeat-x top;}
#coloneGauche .homeGauche #siteWeb h2 {margin-bottom:6px;margin-left:10px;}
#coloneGauche .homeGauche #siteWeb p {font:normal 11px arial;margin:0 0 8px 25px;}
#coloneGauche .homeGauche #siteWeb address {margin:0 0 8px 25px;}
#coloneGauche .homeGauche #siteWeb address a{line-height:16px;font:bold 11px arial;}

#coloneGauche .homeGauche #ideesBloc {margin-bottom:0;}

#coloneGauche .homeGauche ul.leftList li {color:#999!important; font-weight:bold; cursor:pointer;}
#coloneGauche .homeGauche ul.leftList li.select {color:#333!important;}

#coloneGauche .homeGauche #vosSouvenir {float:left;display:inline; height: 213px; color:#333; margin:10px 0 0 15px;padding-top:0;padding-top:10px;position: relative;background:url("../images/bg_diapo_hr.gif") repeat-x top;}
#coloneGauche .homeGauche #vosSouvenir h2 {margin-left:10px;}
#coloneGauche .homeGauche #vosSouvenir dl{margin:0 0 0 25px; padding:0; }
#coloneGauche .homeGauche #vosSouvenir dl dt {margin:0; padding:0; font:bold 11px arial;}
#coloneGauche .homeGauche #vosSouvenir dl dd {margin:0 0 5px; padding:0; font:bold 11px arial;line-height:12px;}
#coloneGauche .homeGauche #vosSouvenir dl dd span {font-size:10px;}


/* diaporama de la semaine sur la home*/
#coloneGauche #diapoSemaine {
	height:365px;
	width:372px;
	position:absolute;
	background:url("../images/bg_diapo_semaine.gif") repeat-y;
	left:264px;
	margin-top:16px;
	top: 1917px;
}
#coloneGauche #diapoSemaine h2 {margin:0; padding:0;}
#coloneGauche #diapoSemaine h2 span {position:absolute; left:144px; top:17px; font:bold 13px arial; color:#0a4b9b}
#coloneGauche #diapoSemaine .footerDiapo {background:url("../images/bg_diapo_semaine_pied.gif") no-repeat; height:32px; width:372px; position:absolute; bottom:-1px;}
#coloneGauche #diapoSemaine #ecran {width:330px; height:191px; border:2px solid #c8c8c8; margin:0 auto 2px;}
#coloneGauche #diapoSemaine p span { font-size:12px;}
#coloneGauche #diapoSemaine p {font:bold 11px arial; margin:0 auto; width:318px; color:#5e5d5d;}
#coloneGauche #diapoSemaine h1 {font:bold 18px arial; margin:0 auto; width:318px;}
#coloneGauche #diapoSemaine h1 span { font-size:12px;}
#coloneGauche #diapoSemaine p.pays {font:bold 18px arial; margin:0 auto; width:318px; color: #aad200}
#coloneGauche #diapoSemaine p.pays span { font-size:12px; color:#5e5d5d;}
#coloneGauche #diapoSemaine #navDiapo div {width:150px; position:absolute; margin-top:8px;}
#coloneGauche #diapoSemaine #navDiapo div a { font-size:10px;height:20px; display:block; text-decoration:underline; padding-top:2px; color:#333;}

#coloneGauche #diapoSemaine h3 {font:bold 11px arial; margin:0; padding:0; line-height:11px; display:inline-block;}
#coloneGauche #diapoSemaine q {font:italic 11px arial; margin:0; line-height:11px;}
#coloneGauche #diapoSemaine q:before {content:no-open-quote;}
#coloneGauche #diapoSemaine q:after {content:no-close-quote;}
#coloneGauche #diapoSemaine cite {font:normal 10px arial; margin:0 0 6px; display:block; line-height:16px;}
#coloneGauche #diapoSemaine #souvenirs {padding:0 10px; margin:-6px 0 0!important; margin:0; line-height:11px;}
*+html #coloneGauche #diapoSemaine #souvenirs {margin:0!important;}
#coloneGauche #diapoSemaine address {position:absolute; bottom:6px; right:5px; z-index:20;}
#coloneGauche #diapoSemaine address a {font:normal bold 11px arial; display:inline-block;  background:url("images/ico_address_fleche_noir.gif") no-repeat 0 50%; padding-left:10px; margin-right:10px;}

/* Déclinaison des homes par pays */
#coloneGauche dl#infoPratique {width:220px; margin:10px 0 0 10px; padding:0;}
#coloneGauche dl#infoPratique dt, #coloneGauche dl#infoPratique dd {display:inline-block; height:14px; line-height:14px;}
#coloneGauche dl#infoPratique dt {width:94px; margin:0; padding:0; float:left; font-weight:bold;}
#coloneGauche dl#infoPratique dd {margin:0 0 0 100px!important; margin:-14px 0 0 100px; width:120px; padding:0; text-align:right;}
#coloneGauche h5 { margin:0 0 0 10px; font:bold 11px arial;}

#coloneGauche .homeGauche ul.global {margin:0 0 0 10px; padding:0;  width:200px;}
#coloneGauche .homeGauche ul.global li {margin:0 5px 0 0; border:0; display:inline; background:none; padding:0; float:left;}
#coloneGauche .homeGauche ul.global li a {background:url("../images/ico_address_fleche_noir.gif") no-repeat left 50%; padding-left:10px;width: 100%;}
#coloneGauche .homeGauche p {margin:0 0 5px 10px; line-height:10px;}
#coloneGauche #vosSouvenir p {margin:0 0 5px 0px;}
#coloneGauche .homeGauche #lienDiapo { width:220px; margin-left:10px;}
#coloneGauche .homeGauche #lienDiapo img {float:left; margin-right:10px;}
#coloneGauche .homeGauche #lienDiapo p {font:normal 11px arial; display:block; height:90px;}
#coloneGauche #diaporama {height:182px;margin-bottom:15px; position:relative; border-bottom:4px solid white;}
#coloneGauche #diaporama address { font:bold 11px arial; clear:left; display:block; line-height:20px; margin-top:4px;}
#coloneGauche #diaporama address a { padding-left:10px; line-height:16px;}
#coloneGauche #diaporama h1 {margin-bottom:10px;}
#coloneGauche #diaporama h1 span {position:absolute; left:42px; top:37px; color:#9b9b8f; font:bold 15px arial;}

#informations h5 {margin-top:10px;}

#coloneGauche #meteo, #coloneGauche #informations, #coloneGauche #diaporama {background:url("../images/bg_diapo_hr.gif") 0 bottom repeat-x; margin:0 0 0 15px!important; line-height:12px;}
#coloneGauche #meteo {height: 130px;}
#coloneGauche #meteo p{font:normal 12px arial; line-height:14px;}
#coloneGauche #meteo .global {margin-bottom:10px;}
#coloneGauche #informations {height:230px;}

#coloneGauche #action {clear:both; width:auto; margin:5px auto 17px 60px;}
#coloneGauche #action ul {padding:0;margin:0 0 0 100px;}
#coloneGauche #action ul li {list-style:none;padding:4px 30px 20px 30px; margin:0; display:inline; color:#333!important;}
#coloneGauche #action ul li a {font:normal 10px arial; display:inline-block; color:#333; text-decoration:underline;}
#coloneGauche #action li.printIt {background:url("../images/ico_print.gif") no-repeat;}
#coloneGauche #action li.emailIt {background:url("../images/ico_email.gif") no-repeat;}
#coloneGauche #action li.ecardIt {background:url("../images/ico_ecard.gif") no-repeat;}

#coloneGauche #blocPhoto, #coloneGauche .formProposer {border:2px solid #d7d7cb; width:613px; margin:0 0 0 16px; padding-bottom:10px; position:relative;}
#coloneGauche #blocPhoto .navPhoto {margin-top:18px; clear:both;}
#coloneGauche #blocPhoto .navPhoto dd a {text-decoration:underline;}
#coloneGauche #blocPhoto .navPhoto h1{width:380px; text-align:center; margin:0 auto 20px; font:bold 16px arial;}

/* dernieres photos publiées */
#coloneGauche #blocPhoto h6, .h6NoPhotos , #coloneGauche #blocPhoto img.intitule{margin:15px 30px 0 15px; font:bold 14px arial; color:#9b9b8f;}
#coloneGauche #blocPhoto .hr {margin-bottom:-10px!important;}
#coloneGauche #blocPhoto address{text-align:right!important; position:relative; right:0; margin-bottom:-5px!important;}
#coloneGauche #blocPhoto address.resultat {text-align:left!important; margin-left: 23px;}
#coloneGauche #blocPhoto address a {padding-left:10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; font:bold 11px arial; color:#333; text-decoration:none; margin:0;}
#coloneGauche #blocPhoto address.resultat a {background:#fff;}

#coloneGauche #blocPhoto p.photos {margin:0 15px; font:normal 12px arial;}
#coloneGauche #blocPhoto #photos div.liste{width:auto; display:block; margin:0 15px!important; margin:0; padding:0; list-style:none; clear:left; text-align:center;}
#coloneGauche #blocPhoto #photos div.liste div.photo {width:110px; border:1px solid #d7d7cb; display:block; text-align:center; margin:10px 15px; padding:0; float:left; overflow: hidden;}
#coloneGauche #blocPhoto #photos div.liste div.clearLeft {float:none; width:530px; margin:0; font-size:0; clear:left; border:0 none!important;}
#coloneGauche #blocPhoto #photos div.liste div h1, #coloneGauche #blocPhoto #photos div.liste div span.legende {margin:0 auto; font:bold 11px arial;}
#coloneGauche #blocPhoto #photos img{border:0 none;}
#coloneGauche #blocPhoto #photos .hr {width:600px; margin:auto; border-top:14px solid #fff;border-bottom:14px solid #fff; clear:left;}

#coloneGauche #blocPhoto h6, .h6NoPhotos , #coloneGauche #blocPhoto img.intitule{margin:15px 30px 0 15px;}
#coloneGauche #blocPhoto .diapo h6, #coloneGauche .diapoTheme h6.h6NoPhotos, #coloneGauche .diapo h6.h6NoPhotos {margin:-15px 30px 10px 15px;}

#coloneGauche #visionneuse { width:606px; background:#000 url("../images/visionneuse_haut.gif") no-repeat; margin:4px auto -6px; color:#fff; position:relative;height:508px;overflow:hidden}
#coloneGauche #visionneuse p, #coloneGauche #visionneuse cite, #coloneGauche #visionneuse div{ width:566px; display:block;margin:0 auto;}
#coloneGauche #visionneuse p img{ margin:20px auto 0; border:1px solid #626262}
#coloneGauche #visionneuse div h2, #coloneGauche #blocPhoto #visionneuse div h3 { float:left;font:bold 11px arial; color:#fff;margin:0;}
#coloneGauche #visionneuse h2.white a { color:#fff!important; text-decoration:underline;}
#coloneGauche #visionneuse div h2 a {color:#fff; font:bold 11px arial;}
#coloneGauche #visionneuse div h2 {text-align:right; font:normal 9px arial; width:30%; float: right;}
#coloneGauche #visionneuse legend {margin-left:10px;}
#coloneGauche #visionneuse cite {font:normal 9px arial; clear:left; padding-bottom: 10px;}
#coloneGauche #visionneuse p.descriptif {font:normal 11px arial; clear:left; text-align:left;}
#coloneGauche #visionneuse span{ display:block; background:url("../images/visionneuse_bas.gif") no-repeat;  width:606px; position:absolute; bottom:0!important;height:8px;z-index:10;overflow:hidden;}
#coloneGauche .formEcard h2 {text-align:right; font:normal 9px arial; width:100%!important; float:none!important; display:block!important; height:20px!important;}
#coloneGauche h1.formEcard { text-align:center; font:bold 16px arial; color:#333;}

#coloneGauche #blocPhoto h3 {font:bold 13px arial; color:#a0c800; margin-left:10px; margin-right: 10px;}
#coloneGauche #blocPhoto h3 span {color:#333;}

/* recyclage de #blocPhoto sur résultat */
#coloneGauche #blocPhoto h2.resultat {margin:20px 0 0 23px; background:url("../images/ico_puce_fleche_bleue.gif") no-repeat 0 4px; font:normal 12px arial; padding-left:10px; line-height:18px;}
#coloneGauche #blocPhoto h2.resultat a {text-decoration:underline;}
#coloneGauche #blocPhoto p.resultat {font:normal 11px arial; margin:0 33px; color:#333;}
#coloneGauche #blocPhoto address { margin:0 12px;line-height:11px; text-align:left;}
#coloneGauche #blocPhoto address.resultat a{font:normal 11px arial; color:#2aafe0!important; text-decoration:underline;}


/* pages home photos */
#coloneGauche #navPhotos {background:url("../images/bg_menu_cat_dest.gif") repeat-y; margin:15px 0 15px 17px; width:614px; padding:0;}
#coloneGauche #navPhotos .hrWhite { height:1px; width:590px; background:url("../images/bg_hr_white.gif") repeat-x; margin:10px auto; font-size:0;}
#coloneGauche #destination {background:url("../images/bg_menu_destination.gif") no-repeat top left; padding:0;}
#coloneGauche #categorie {background:url("../images/bg_menu_destination.gif") no-repeat bottom left; padding:0;}
#coloneGauche #destination, #coloneGauche #categorie { margin:0; width:614px;}
#coloneGauche #destination dt, #coloneGauche #categorie dt {font:bold 12px arial;}
#coloneGauche #destination dl {width:570px; margin:0 15px; padding:15px 0 0;}
#coloneGauche #categorie dl {width:570px; margin:0 15px; padding:0 0 15px;}
#coloneGauche #destination dt, #coloneGauche #destination dd, #coloneGauche #categorie dt, #coloneGauche #categorie dd {margin:0; padding:0;}
#coloneGauche #destination dd ul, #coloneGauche #categorie dd ul, #coloneGauche #destination dd ol, #coloneGauche #categorie dd ol {list-style:none; margin:0; padding:0;}
#coloneGauche #destination dd li, #coloneGauche #categorie dd li {display:inline; list-style:none; margin:0 5px 0 0; padding:0; font:normal 11px arial; color:#fff;}
#coloneGauche #destination dd ul li a, #coloneGauche #categorie dd ul li a {color:#fff!important; text-decoration:underline;}
#coloneGauche #destination dd ol li a, #coloneGauche #categorie dd ol li a {color:#fff!important; text-decoration:underline; font-size:10px;}
#coloneGauche #destination dd ol li.select, #coloneGauche #categorie dd ol li.select {font:bold 11px arial;}

#coloneGauche .piedDiap {background:url("../images/bg_footer_diapo_vert.gif") no-repeat; height:8px; width:614px; position:relative; bottom:-8px!important; bottom:-10px; z-index:10;}
#coloneGauche #destination dd li.select, #coloneGauche #categorie dd li.select {font:bold 11px arial;}

#coloneGauche .diapo, #coloneGauche .diapoTheme {background:url("../images/bg_diapo_body.gif") repeat-y; margin:15px 0 15px 16px; position:relative; clear:both; height: 1%;}
#coloneGauche .marg20bas { border-bottom:20px solid white; clear:left;}
#coloneGauche .marg10bas { border-bottom:10px solid white; clear:left;}
#coloneGauche .diapo .widthGlobal {width:614px;}
#coloneGauche .diapo .widthNav {width:564px;}
#coloneGauche .diapo .vingt5pc li {width:25%!important;}
#coloneGauche .diapoTheme {background-image:url("../images/bg_diapoTheme_body.gif");}
#coloneGauche .diapo h3{background:url("../images/bg_diapo_head.gif") repeat-x; margin:0; padding:10px 0 0 20px;height:53px; position:relative; clear:both; color:#f90; font:bold 14px arial;}
#coloneGauche .diapoTheme h3, #coloneGauche .diapoTheme span.intitule {background:url("../images/bg_diapoTheme_head.gif") repeat-x; margin:0; padding:10px 0 0 20px;height:53px; position:relative; clear:both; display: block; color:#333; font:bold 14px arial;}

#coloneGauche .diapo ul, #coloneGauche .diapoTheme ul, #coloneGauche .diapo dl {padding:0; margin:-16px auto 0; width:581px;}
#coloneGauche .diapo ul li {width:20%;}
#coloneGauche .diapoTheme ul li {width:25%;}
#coloneGauche .diapo ul li, #coloneGauche .diapoTheme ul li {list-style:none;padding:0; margin:0; display:inline; float:left;  padding-bottom:16px; cursor:pointer; text-align:center; overflow: hidden;}
#coloneGauche .diapo ul li img, #coloneGauche .diapoTheme ul li img  { margin:0;}
#coloneGauche .diapo ul li a {display:block; width:110px; margin:0 auto;}
#coloneGauche .diapo ul li a, #coloneGauche .diapoTheme ul li a, #coloneGauche .diapo dd a{font:bold 11px arial; color:#333; text-decoration:none;}
#coloneGauche .diapo ul li a:hover, #coloneGauche .diapoTheme ul li a:hover, #coloneGauche .diapo dd a:hover { text-decoration:underline;}
#coloneGauche .diapo address{ line-height:20px; background:url("../images/bg_diapo_hr.gif") repeat-x top; margin:0 15px 10px; clear:both; text-align:right; padding-top: 8px; }
#coloneGauche .diapoTheme address {background:url("../images/bg_diapo_hr.gif") repeat-x top; margin:0 15px -8px 15px; clear:both; text-align:right; padding-top: 5px;}
#coloneGauche .diapo address a, #coloneGauche .diapoTheme address a { color:#333; padding:0 0 0 10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%;font:bold 11px arial;}

#coloneGauche .diapo h1 {font:bold 11px arial; color:#333; margin:0;}
#coloneGauche .diapo dl span {border:1px solid #ccc; border-top:0 none; display:block; width:108px; margin:-4px auto 0; padding-bottom:4px;}
#coloneGauche .diapo dt {margin:0; float:left; width:24%; font:bold 11px arial; color:#333; padding:0; border:1px solid #fff;}
#coloneGauche .diapo dd {float:left; margin:0; float:left; width:24%; margin-bottom:10px; border:1px solid #fff; position:relative;}

#coloneGauche .diapo .listChoose {position:absolute; width:70px; z-index:10; left:20px; bottom:15px; background:none!important;}
#coloneGauche .diapo .listChoose img {margin-bottom:0; display:block;}
#coloneGauche .diapo .listChoose ul{background:#fff;width:70px!important; border:1px solid #2aafe0; border-bottom:0 none; margin:0; padding:5px 0 5px 5px; }
#coloneGauche .diapo .listChoose ul li{list-style:none;float:none;text-align:left;margin:0;line-height:10px!important;border:0 none;font:normal 10px arial;padding:0; display:inline; text-align:left}
#coloneGauche .diapo .listChoose ul li a{font:normal 9px arial; text-decoration:none; width:64px!important; margin:0; padding:0; text-align:left}
#coloneGauche .diapo .listChoose ul li a dfn{text-decoration:underline;}
#coloneGauche .diapo .listChoose ul li a:hover{ background:#94ddf2;}

#coloneGauche .diapo .fondecran {width:110px; float:left; position:relative;border:1px solid #ccc;font:normal 11px arial!important; margin:0 16px 10px!important;margin:0 13px 10px;}
#coloneGauche .diapo .fondecran h2 {font:bold 11px arial!important; color:#333!important; background:none; padding:0; width:100%!important; padding:0!important; margin:0; text-align:center;}
#coloneGauche .diapo .fondecran p {border:0 none; text-align:center;}

#coloneGauche #suggerer { background:url("../images/bg_suggerer_photo.jpg"); width:614px; height:106px; margin:8px 0 16px 16px; position:relative; }
#coloneGauche #suggerer #info {padding:25px 18px 12px 62px;}
#coloneGauche #suggerer #icoSuggerer { background:url("../images/ico_suggerer_photo.gif"); width:40px; height:40px; position:absolute;  top:12px; left:12px;}
#coloneGauche #suggerer h2 {color:#ff6700; font:bold 12px arial; margin:0;}
#coloneGauche #suggerer p { font:bold 11px arial; margin:0; color:#333;}
#coloneGauche #suggerer address {margin:0; text-align:right; position:absolute; bottom:10px; right:18px;}
#coloneGauche #suggerer address a { color:#333; padding:0 0 0 10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; font:normal bold 11px arial;}

/* proposer en bleu */
#coloneGauche #suggerer2 { background:url("../images/bg_suggerer_photo.jpg") no-repeat; width:614px; height:106px; margin:8px 0 16px 16px; position:relative; }
#coloneGauche #suggerer2 #info {padding:25px 18px 12px 62px;}
#coloneGauche #suggerer2 #icoSuggerer { background: url("../images/picto_recommander.jpg"); width:40px; height:40px; position:absolute;  top:10px; left:10px;}
#coloneGauche #suggerer2 h2 {color:#00a5d6; font:bold 12px arial; margin:0;}
#coloneGauche #suggerer2 p { font:bold 11px arial; margin:0; color:#333;}
#coloneGauche #suggerer2 address {margin:0; text-align:right; position:absolute; bottom:10px; right:18px;}
#coloneGauche #suggerer2 address a { color:#333; padding:0 0 0 10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; font:normal bold 11px arial;}
#coloneGauche #suggerer2 .suggererSite {background:url("images/ico_suggerer_site.gif") no-repeat!important; z-index:20;}

/* formulaire proposer un hotel */
ul.rating {cursor:pointer;}
ul.rating, ul.totalRating {list-style:none;}
ul.rating li, ul.totalRating li {display:inline;float:left;width:14px;height:14px;line-height:14px;text-align:center;}
ul.rating li.empty, ul.totalRating li.empty {background:url("../images/ico_form_greystar.gif") 50% 50% no-repeat;}
ul.rating li.full, ul.totalRating li.full {background:url("../images/ico_form_bluestar.gif") 50% 50% no-repeat;}
ul.rating .clear, ul.totalRating .clear {height:0;width:0;line-height:0;clear:both;font-size:0;}

/* rating box commentaire */
div.ratingBox ul,div.ratingBox li {padding:0;margin:0;}
div.ratingBox ul.rating {cursor:pointer;float:left;}
div.ratingBox ul.totalRating {float:right;display:inline;margin:20px 280px 0 0;}
div.ratingBox ul.rating, div.ratingBox ul.totalRating {display:inline;list-style:none;width:70px;}
div.ratingBox ul.rating li, div.ratingBox ul.totalRating li {display:inline;float:left;width:14px;height:14px;line-height:14px;text-align:center;}
div.ratingBox ul.rating li.empty, div.ratingBox ul.totalRating li.empty {background:url("../images/ico_empty_star.gif") 50% 50% no-repeat;}
div.ratingBox ul.rating li.full, div.ratingBox ul.totalRating li.full {background:url("../images/ico_full_star.gif") 50% 50% no-repeat;}
div.ratingBox ul.rating .clear, div.ratingBox ul.totalRating .clear {height:0;width:0;line-height:0;clear:both;font-size:0;}

/* formulaire proposer une photo (#blocPhoto = .formProposer ) */
#coloneGauche .formProposer fieldset {margin:20px 0 0 10px; border:0 none; padding:0;}
#coloneGauche .formProposer fieldset legend{ font:bold 14px arial; color:#a0c800; padding:0;}
#coloneGauche .formProposer fieldset legend em{ font:italic 12px arial;} 
#coloneGauche .formProposer fieldset .hr {width:586px; margin-top:4px!important; margin-top:-12px;}
#coloneGauche .formProposer fieldset dl {font:normal 11px arial; color:#333;margin-bottom:0;}
#coloneGauche .formProposer fieldset dl dt {width:180px; float:left; text-align:right; line-height:20px;}
#coloneGauche .formProposer fieldset dl dd {width:400px; margin:0 0 10px 189px!important; margin:0 0 10px 5px; text-align:left; line-height:20px;}
*+html #coloneGauche .formProposer fieldset dl dd {margin:0 0 10px 5px!important;}
#coloneGauche .formProposer fieldset input, #coloneGauche .formProposer fieldset select { border:1px solid #d9d9ce; width:200px; font:normal 11px arial;}
#coloneGauche .formProposer fieldset dd input, #coloneGauche .formProposer fieldset dd textarea, #coloneGauche .formProposer fieldset dd select, #coloneGauche .formProposer img {margin-left:5px;}
#coloneGauche .formProposer fieldset dd input.radioButton { width:auto; border:0;}
#coloneGauche .formProposer fieldset dd div {float:right; background:url("../images/ico_info.gif") no-repeat; font-size:10px; padding:0 0 2px 20px; width:150px; line-height:14px;}
#coloneGauche .formProposer fieldset dd p {width:345px; padding:10px; margin:0 auto; border:1px solid #d9d9ce; font:normal 10px arial; text-align:justify;}
#coloneGauche .formProposer fieldset dl dt.centreur {width:0;}
#coloneGauche .formProposer fieldset dl dd.centreur {width:580px; margin:0 0 10px 0!important; border-bottom:20px solid white; text-align:center;}
#coloneGauche .formProposer fieldset dl dd.centreur address,
#coloneGauche .formProposer fieldset dl dd.centreur address a {font:normal 10px arial; color:#333; margin:6px auto 10px;text-decoration:underline;}
#coloneGauche .formProposer fieldset .check {width:10px; border:0 none; margin:0; height:10px; position:relative; top:-2px;}
#coloneGauche .formProposer fieldset .alignLeft .check { margin:10px 0 0 60px;}
#coloneGauche .formProposer fieldset .catLine input{ vertical-align:middle; margin-right:5px;}
#coloneGauche .formProposer fieldset .submit {width:auto; border:0 none;}
*+html #coloneGauche .formProposer fieldset .submit {margin:0;}
#coloneGauche .formProposer fieldset cite {font:normal 10px arial; text-align:center; width:580px; display:block; padding-bottom:20px; margin-top:20px;}
#coloneGauche .formProposer fieldset .leftzero {margin-left:0!important;}
.loadingIndicator {height: 13px;}

#coloneGauche .formProposer fieldset dl.decalerAGauche {padding:0;}
#coloneGauche .formProposer fieldset dl.decalerAGauche dt {width:160px;}
#coloneGauche .formProposer fieldset dl.decalerAGauche dd {width:425px; margin:0 0 10px 160px!important; margin:0 0 10px 0;}
*+html #coloneGauche .formProposer fieldset dl.decalerAGauche dd {margin:0 0 10px!important;}
#coloneGauche .formProposer fieldset dl.decalerAGauche .etoile {width:20px;}
#coloneGauche .formProposer fieldset dl.decalerAGauche .cp {width:60px;}

#coloneGauche .formProposer fieldset dl.ecard dt {width:155px!important; float:left; display:inline; clear:left;}
#coloneGauche .formProposer fieldset dl.ecard dd {width:555px!important; width:435px; margin-left:0!important;}
*+html #coloneGauche .formProposer fieldset dl.ecard dd {margin:0 0 10px 0px!important;text-align:left;width:435px!important;}
#coloneGauche .formProposer fieldset dl.ecard dd div {margin-right:10px!important;margin-right:0; white-space:nowrap;}
*+html #coloneGauche .formProposer fieldset dl.ecard dd div { margin-right:40px!important;}
#coloneGauche .formProposer fieldset dl.ecard dt input {width:20px; border:0 none;}
#coloneGauche .formProposer fieldset dl.ecard dd .submit {margin-left:0!important;}
#coloneGauche .formProposer fieldset dl.ecard dt.centreur {width:100px!important;}
#coloneGauche .formProposer fieldset dl.ecard dd.centreur {width:500px; margin:0!important; border-bottom:0 none;}
#coloneGauche .formProposer fieldset dl.ecard .check { margin:10px 0 0!important; padding:0;}
#coloneGauche .formProposer fieldset dl.ecard dt.topMargeur { width:0!important; padding-top:10px;}
#coloneGauche .formProposer fieldset dl.ecard dd.topMargeur { width:100%!important; text-align:center; padding-top:10px;}
#coloneGauche .formProposer fieldset p.infoForm { margin-left:50px; font:bold 10px arial!important;}
#coloneGauche .formProposer fieldset dl.ecard dt.radio { width:70px!important; }
#coloneGauche .formProposer fieldset dl.ecard dd.radio { width:500px!important;}

#coloneGauche .formProposer .ajouter a{color:#2aafe0!important; font:normal 11px arial; margin-left:64px; text-decoration:underline;}

#coloneGauche .formProposer fieldset h2 {font:bold 16px arial; color:#333; margin:-10px 0 0 10px; padding:0; position: relative; z-index: 300;}
#coloneGauche .formProposer fieldset h3 {font:bold 12px arial; color:#333;}
#coloneGauche .formProposer fieldset h3 span {font:normal 11px arial;}

#coloneGauche .formProposer fieldset dl.note {width:230px;float:left;display:inline;}
#coloneGauche .formProposer fieldset dl.note dt {width:230px; float:none; text-align:left;font:bold 12px arial;line-height:15px;}
#coloneGauche .formProposer fieldset dl.note dd {width:230px; margin:0 0 10px!important;}
#coloneGauche .formProposer fieldset dl.note ul li {list-style:none;margin:0;padding:0;font-size:11px;line-height:20px;height:20px;overflow:hidden;}
#coloneGauche .formProposer fieldset dl.note ul li ul {height:1%;margin:0;padding:0;}
#coloneGauche .formProposer fieldset dl.note ul {margin:0;padding:0;width:100px!important;float:left;}
#coloneGauche .formProposer fieldset dl.note ul.catLine {margin-right:10px;}
#coloneGauche .formProposer fieldset dl.note ul.catLine li {width:100%;}
#coloneGauche .formProposer fieldset dl.note ul.catLine li input {position:relative;top:1px;}
#coloneGauche .formProposer fieldset textarea {width:346px; height:80px; overflow:auto; border:1px solid #d9d9ce;}
#coloneGauche .formProposer fieldset .envoyer { width:auto; border:0 none;}
#coloneGauche .formProposer fieldset .envoyer2 { width:auto; border:0 none; margin:10px 0 0 250px;}
#coloneGauche .formProposer fieldset .date input{width:60px!important;}
#coloneGauche .formProposer p.confirmation {margin:20px 20px 10px; font:normal 11px arial;}
#coloneGauche .formProposer p.confirmation a {text-decoration:underline; top:-10px; position:relative; padding-left:8px; background:url("ico_puce_fleche_noire.gif") no-repeat left 50%;}
#coloneGauche .formProposer p.confirmation img {float: left; margin: 0 20px 10px 0; width: 150px;}

#coloneGauche .texteIdees {width:100px; font:bold 10px arial; height:14px;}
#coloneGauche address .texteIdees {width:160px; margin-left:20px;}
#coloneGauche .texteParagraphe {height:40px; width:200px;}

/* page hotel descrption */

#coloneGauche #hotelDescrip ul#description {height:24px; margin:0; padding:0; position:relative; bottom:-19px;}
#coloneGauche #hotelDescrip ul#description li {display:block; width:auto; float:left; height:24px;  margin:0 1px 0; position:relative; background:url("../images/nav-sep.gif") repeat-y; list-style:none; position:relative}

#coloneGauche #hotelDescrip ul#description li span {width:7px; height:24px; display:block; position:absolute; top:0;}

#coloneGauche #hotelDescrip ul#description li span.left { background:url("../images/descr_left_on.gif");  left:0;}
#coloneGauche #hotelDescrip ul#description li span.right { background:url("../images/img_diapoTheme_ctl.gif");right:0;}
#coloneGauche #hotelDescrip ul#description li {background:url("../images/nav-sep.gif") repeat-x; color:#0a4b9b; font-weight:bold; line-height:25px; display:block;}
#coloneGauche #hotelDescrip ul#description li strong{position:relative; z-index:100; margin:0 10px;}

#coloneGauche #hotelDescrip ul#description li a span.left { background:url("../images/descr_left_off.gif");  left:0;}
#coloneGauche #hotelDescrip ul#description li a span.right { background:url("../images/descr_right_off.gif");right:0;}
#coloneGauche #hotelDescrip ul#description li a { padding:0 10px; background:url("../images/descr_bg_off.gif") repeat-x; line-height:24px; display:block; text-decoration:underline; font-size:10px;}

#coloneGauche #hotelDescrip {width:612px; margin:0 0 0 16px; font:normal 11px arial;}
#coloneGauche #hotelDescrip #fiche {margin-top:17px;}
#coloneGauche #hotelDescrip #profil {border:2px solid #d9d9ce; width:344px; float:right; font:normal 12px arial; position:relative}
#coloneGauche #hotelDescrip #profil h1 {margin:15px 0 0 15px; font:bold 20px arial; color:#aad200;}
#coloneGauche #hotelDescrip #profil p {margin:5px 0 15px 15px;}
#coloneGauche #hotelDescrip #detailHotel {width:610px; border:2px solid #94ddf2; margin-top:20px; position:relative; clear:left;}
#coloneGauche #hotelDescrip #detailHotel #piedHotel { width:614px; position:absolute; bottom:-4px; left:-2px; z-index:20; background:url("../images/bg_footer_hoteldescript.gif") no-repeat bottom; height:11px; font-size:11px;}
#coloneGauche #hotelDescrip #detailHotel .margListHotel{margin:10px 0 15px 15px!important;}
*+html #coloneGauche #hotelDescrip #detailHotel .margListHotel{margin:10px 0 15px 7px!important;}
#coloneGauche #hotelDescrip #detailHotel .blocPhotoHotel{border:0 none; margin:0 0 0 -2px; padding:0; background:0 none;}
#coloneGauche #hotelDescrip #noteCat{margin:20px 13px; border-bottom:1px solid #7ad5ef; padding-bottom:16px; font:normal 12px arial;}
#coloneGauche #hotelDescrip h4 {margin:15px 15px 0; font:bold 13px arial; color:#aad200; padding-bottom:6px; background:url("images/bg_diapo_hr.gif") repeat-x bottom; clear:left;}
#coloneGauche #hotelDescrip dl {margin:20px 0 0 15px!important; margin:20px 0 0 5px; width:236px; float:left;}
#coloneGauche #hotelDescrip dl dt {margin:0 0 5px; padding:0; font-weight:bold;}
#coloneGauche #hotelDescrip dl dd {margin:0 0 5px; padding:0; }
#coloneGauche #hotelDescrip dl.note {margin:0!important; }
#coloneGauche #hotelDescrip dl.noteCat {width:135px; margin:0!important;}
#coloneGauche #hotelDescrip dl.note dt {width:80px; margin:0 0 5px;  padding:0; float:left; }
#coloneGauche #hotelDescrip dl.note dd{width:135px;float:left; margin:0 0 5px; }
#coloneGauche #hotelDescrip dl.noteCat dt {width:30px; margin:0 0 5px; float:left;}
#coloneGauche #hotelDescrip dl.noteCat dd{width:90px; margin:0 0 5px; float:left; position:relative;}
#coloneGauche #hotelDescrip dl.noteCat dt input {position:absolute; margin-top:1px!important; margin-top:-2px;}
#coloneGauche #hotelDescrip h5 { margin:10px 15px;}
#coloneGauche #hotelDescrip q{ margin:0 15px; display:block;}
#coloneGauche #hotelDescrip p{ margin:5px 15px; display:block;}
#coloneGauche #hotelDescrip #picture p{ margin:0;}
#coloneGauche #hotelDescrip cite {margin:0 15px 0!important; display:inline; font:italic 10px arial;}
#coloneGauche #hotelDescrip #picture cite {margin:0!important;}
#coloneGauche #hotelDescrip form, #coloneGauche #hotelDescrip .tarifs { background:#f3fbfe; margin:0 15px 15px;}
#coloneGauche #hotelDescrip form p, #coloneGauche #hotelDescrip .tarifs p{margin:0 15px 15px; padding-top:20px;}
#coloneGauche #hotelDescrip dl#renseignements { width:550px; margin-top:15px;}
#coloneGauche #hotelDescrip #renseignements dt{ float:left; clear:left; width:95px;}
#coloneGauche #hotelDescrip #renseignements dd{ float:left; width:420px;}
#coloneGauche #hotelDescrip #renseignements textarea {width:403px; height:126px; border:1px solid #d9d9ce;}
#coloneGauche #hotelDescrip #renseignements input, #coloneGauche #hotelDescrip #renseignements select {width:200px; height:18px;border:1px solid #d9d9ce;}
#coloneGauche #hotelDescrip #renseignements input.radioButton {width:auto;border:0;}
#coloneGauche #hotelDescrip #renseignements p input {margin:20px auto;}
#coloneGauche #hotelDescrip cite.copyright {display:block;height:16px; padding-left:4px;}


/* Pages article */
#coloneGauche .navArticle {margin:6px 12px 0; clear:both;}
#coloneGauche .navArticle .hr { margin:10px 0;}

#coloneGauche #article {padding:0 0 20px;}
#coloneGauche #article img { float:left; margin:0 10px 10px 22px;}
#coloneGauche #article h2 { font:bold 20px arial; color:#a0c800; padding:0 20px;}
#coloneGauche #article p {color:#333; font:normal 12px arial; margin:0 22px 20px; text-align:justify; line-height:18px;}
#coloneGauche #article p.accroche { font:bold 13px arial; margin-bottom:10px;line-height:18px;}
#coloneGauche #article p span {color:#a0c800; font-weight:bold;}
#coloneGauche #article cite {text-align:right; font:italic 11px arial; display:block; color:#333; margin:-10px 20px 40px 0;}

#coloneGauche .autreSortie {font:normal 11px arial;}
#coloneGauche .autreSortie dl { margin:10px; }
#coloneGauche .autreSortie dl dt { float:left; width:110px; padding-bottom: 5px; }
#coloneGauche .autreSortie dl dt a { display: block; }
#coloneGauche .autreSortie dl dd { width:420px; margin-left:120px !important; margin-left:10px;}
*+ html #coloneGauche .autreSortie dl dd {margin-left:10px;}
#coloneGauche .autreSortie h1 {font:bold 11px arial; margin:0;}

#coloneGauche .leftAvoir { position:relative; left:0 !important; left:-15px;}
#coloneGauche .avoirafaire {width:300px; background:url("../images/bg_comparer_body.gif") repeat-y; margin:0; position:relative; margin:10px 0 16px 16px; font:normal 11px arial; float:left;}
#coloneGauche .avoirafaire h3{background:url("../images/bg_comparer_head.gif") repeat-x; margin:0; padding-left:10px; padding-top:10px;  height:37px; position:relative; clear:both; color:#fff; font:bold 14px arial; text-transform:uppercase;}
#coloneGauche .avoirafaire h3 span {text-transform:none;}
#coloneGauche .avoirafaire ul { margin:-10px 0 0 20px; padding:0 0 10px; position: relative; z-index: 5;}
#coloneGauche .avoirafaire li {background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%;padding:0; margin:0;list-style:none; padding-left:10px;border-right:1px solid #c3c3b7; font-weight:normal;}
#coloneGauche .avoirafaire li a {color:#333; text-decoration:underline;}

#coloneGauche #recommander { background:url("../images/bg_recommander_sortie.jpg") no-repeat; width:300px; height:106px; margin:10px 0 16px 16px; position:relative; margin-left:330px}
#coloneGauche #recommander #info {padding:1px 12px 12px 60px;}
#coloneGauche #recommander #icoSuggerer { background: url("../images/picto_recommander.jpg"); width:40px; height:40px; position:absolute;  top:10px; left:10px;}
#coloneGauche #recommander h2 {color:#00a5d6; font:bold 11px arial; margin:12px 0 0;}
#coloneGauche #recommander p { font:normal 10px arial; margin:0;}
#coloneGauche #recommander address {margin:0; text-align:right; position:absolute; bottom:10px; right:18px;}
#coloneGauche #recommander address a { color:#333; padding:0 0 0 10px; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%; font:normal bold 11px arial;}

#coloneGauche ul#liste_promo {margin:10px auto; padding:0;width:570px;}
#coloneGauche ul#liste_promo li {list-style:none; display:block; background:#ebf7fc;width:570px; margin:0 0 8px; padding:0; position:relative; font:normal 12px arial;}
#coloneGauche ul#liste_promo li span.head, #coloneGauche ul#liste_promo li span.foot {display:block; width:570px; height:9px; font-size:1px; position:absolute; left:0;}
#coloneGauche ul#liste_promo li span.head{background:url("../images/haut_promo_liste_bleu.gif"); top:0;}
#coloneGauche ul#liste_promo li span.foot{background:url("../images/bg_menu_cat_dest.gif"); bottom:0;}

#coloneGauche ul#liste_promo li.blanc {background:#fff url("../images/bg_promo_liste_blanc.gif") repeat-y;}
#coloneGauche ul#liste_promo li.blanc li{background:#fff;}
#coloneGauche ul#liste_promo li.blanc span.head{background:url("images/haut_promo_liste_blanc.gif");}
#coloneGauche ul#liste_promo li.blanc span.foot{background:url("images/bas_promo_liste_blanc.gif");}

#coloneGauche ul#liste_promo li img {margin:10px 10px 10px 20px; }
#coloneGauche ul#liste_promo li li { display: list-item;}
#coloneGauche ul#liste_promo ul.first_kids {float:right;  width:210px!important; margin:10px 0; padding:0;}
#coloneGauche ul#liste_promo ul.first_kids li {margin:0; padding:0; width:180px!important;}
#coloneGauche ul#liste_promo ul.second_kids {float:right; width:160px!important; margin:10px 0; padding:0;}
#coloneGauche ul#liste_promo ul.second_kids li {margin:0; padding:0;width:150px!important;text-align:center;}
#coloneGauche ul#liste_promo ul.second_kids img {margin:5px 0 0 0!important}
#coloneGauche ul#liste_promo ul.third_kids {float:right;  width:80px!important; margin:10px 0; padding:0;}
#coloneGauche ul#liste_promo ul.third_kids li {margin:0; padding:0; width:80px!important;}
#coloneGauche ul#liste_promo ul.third_kids img {padding:0!important;margin:10px 0 0 0!important;display:block;}

#coloneGauche ul#liste_promo ul.list_meteo {float:left!important;width:110px!important;margin:10px 1px!important;padding:0!important;}
#coloneGauche ul#liste_promo ul.list_meteo li {width:100%!important;margin:0!important;padding:5px 0!important;text-align:center;}
#coloneGauche ul#liste_promo ul.list_meteo img {margin:0!important;vertical-align:middle;}
#coloneGauche #blueBorder {width:614px; background:url("../images/borders_back_blue.gif") repeat-y; border-top:2px solid #94ddf2; margin:10px 0 20px 15px; position:relative;}
#coloneGauche #blueBorder dl {width:564px; margin:0 auto; padding:0; font:normal 13px arial}
#coloneGauche #blueBorder dl dt {clear:left;margin:20px 0 0 0; padding:0 0 0 190px; font-weight:bold; color:#333;border-top:1px solid #94ddf2}
#coloneGauche #blueBorder dl dt a {font-weight:bold; color:#333;text-decoration:none;}
#coloneGauche #blueBorder dl dt a:hover {text-decoration:underline;}
#coloneGauche #blueBorder dl dt p {padding-top:20px}
#coloneGauche #blueBorder dl dt.first {border-top:0;margin-top:0}
#coloneGauche #blueBorder dl dd {margin:0 0 0 190px; padding:0}
#coloneGauche #blueBorder dl dd address {font-size:12px}
#coloneGauche #blueBorder dl dd.visu {display:inline; float:left; width:160px!important; margin:-20px 0 10px 0!important; _margin-bottom:0px; padding:0!important; text-align:center}
#coloneGauche #blueBorder .blueFoot {background:url("../images/borders_bottom_blue.gif") no-repeat; height:10px; position:relative; bottom:-8px; clear:left;}

#coloneGauche #blueBorderSouvenirs {width:614px; background:url("../images/borders_back_blue.gif") repeat-y; border-top:2px solid #94ddf2; margin:10px 0 20px 15px; position:relative}
#coloneGauche #blueBorderSouvenirs dl {width:564px; margin:0 auto; padding:0; font:normal 13px arial}
#coloneGauche #blueBorderSouvenirs dl dt {clear:left;margin:20px 0 0 0; padding:0 0 0 190px; font-weight:bold; color:#333;border-top:1px solid #94ddf2}
#coloneGauche #blueBorderSouvenirs dl dt p {padding-top:20px}
#coloneGauche #blueBorderSouvenirs dl dt.first {border-top:0;margin-top:0}
#coloneGauche #blueBorderSouvenirs dl dd {margin:0 0 0 190px; padding:0}
#coloneGauche #blueBorderSouvenirs dl dd address {font-size:12px}
#coloneGauche #blueBorderSouvenirs dl dd.visu {display:inline; float:left; width:160px!important; margin:-20px 0 10px 0!important; _margin-bottom:0px; padding:0!important; text-align:center}
#coloneGauche #blueBorderSouvenirs .blueFoot {background:url("../images/borders_bottom_blue.gif") no-repeat; height:10px; position:relative; bottom:-8px}

.page404erreur h6 { font:bold 40px arial; color:#c00; text-align:center; margin:30px 20px 20px;}
.page404erreur p { font:bold 18px arial; color:#c00; text-align:center; margin:20px 20px 60px;}


/******************************************************************************* 
* COLONNE DROITE
*******************************************************************************/
#coloneDroite { float:left; width:300px; margin-left:15px!important; margin-left:12px; margin-top:16px;}

#coloneDroite .comparerForum {width:300px; background:url("../images/bg_comparer_body.gif") repeat-y; margin:0; position:relative; margin-bottom:11px;}
*+html #coloneDroite .comparerForum {margin-bottom:18px;}
#coloneDroite .comparerForum h3{background:url("../images/bg_comparer_head.gif") repeat-x; margin:0; padding-left:10px; padding-top:10px;  height:37px; position:relative; clear:both; color:#fff; font:bold 14px arial; text-transform:uppercase;}
#coloneDroite .comparerForum dl { display:block; border-bottom:14px solid #fff; margin:6px 0 0; padding:0;}
#coloneDroite .comparerForum dl dt{ margin:4px 0 0; padding:0; font:bold 11px arial; line-height:16px;}
#coloneDroite .comparerForum dl dd{ margin:4px 0 0; padding:0; font:normal 11px arial;}
#coloneDroite .comparerForum .forum { width:272px; margin:0 auto;}
#coloneDroite .comparerForum .forum a {text-decoration:none;}
#coloneDroite .comparerForum .forum a:hover {text-decoration:underline;}
#coloneDroite .comparerForum .forum h4 { margin:-8px 0 0; padding-left:16px; background:url("../images/ico_forum.gif") no-repeat 0 3px; border-bottom:1px solid #ff8c00; font:bold 12px arial; color:#ff8c00; padding-bottom:4px; position:relative; z-index:200;}


#coloneDroite .alertemail { background:url("../images/bg_bonplan.gif") no-repeat; width:300px; height:98px; margin-bottom:14px;}
#coloneDroite .alertemail .pictoMail {background:url("../images/picto_alertemail.jpg") no-repeat; margin:4px 0 2px 10px; width:40px; height:40px; position:relative; top:10px;}
#coloneDroite .alertemail ul {padding:0; margin:4px 0 0 55px;}
#coloneDroite .alertemail ul li {background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%;padding:0; margin:0;list-style:none; padding-left:10px;}
#coloneDroite .alertemail ul li a{font:normal 11px arial; color:#333; text-decoration:none}
#coloneDroite .alertemail ul li a:hover { text-decoration:underline;}
#coloneDroite .alertemail ul li a img { border:0;}

#coloneDroite .border2pxGrey {border:4px solid #d7d7cb; margin:16px 0; position:relative;}
#coloneDroite .border2pxGrey {border-width:2px;}

#homePub {margin:0 16px 17px 0;}

#coloneDroite #aVoiraFaire, #coloneDroite #decouvrezFond {font:normal 11px arial; color:#333; width:300px; background:url("../images/bg_avoir_afaire.gif") repeat-y; position:relative; margin-bottom:17px!important;}
#coloneDroite h3{margin:0!important; padding:0;}
#coloneDroite h3 span {position:absolute; left:135px; margin-top:9px; color:#f90; font-size:13px;}
#coloneDroite #aVoiraFaire ul {border:1px solid #f90; margin:0; padding:0; width:288px; margin:0 auto; border-bottom:0 none;}
#coloneDroite #aVoiraFaire ul li {list-style:none; margin:0; padding:0 0 0 10px; line-height:21px; font-weight:bold;}
#coloneDroite #aVoiraFaire ul li a {color:#333;}
#coloneDroite #aVoiraFaire ul li em{cursor:pointer; display:block; height:21px; font-style:normal; margin:0;}
#coloneDroite #aVoiraFaire ul li.on { background:url("../images/bouton_avoirafaire_on.gif") no-repeat;border-bottom:1px solid #f90;}
#coloneDroite #aVoiraFaire ul li.off { background:url("../images/bouton_avoirafaire_off.gif") no-repeat;}
#coloneDroite #aVoiraFaire ul li.recommander {background:0 none; margin:0;padding:0; border:0;}
#coloneDroite #aVoiraFaire ul li.recommander a{text-decoration:underline;}
#coloneDroite #aVoiraFaire ul li ul {padding:4px 0 0; border:0; width:130px; margin:4px 0 0;}
#coloneDroite #aVoiraFaire ul li ul li {background-color: #fff; background:url("../images/ico_address_fleche_noir.gif") no-repeat 0 50%;padding:0; margin:0;list-style:none; padding-left:10px;border-right:1px solid #c3c3b7; font-weight:normal;}
#coloneDroite #aVoiraFaire ul li ul li.select {background-color: #fff; border-bottom:1px solid #c3c3b7;font-weight:bold;}
#coloneDroite #aVoiraFaire .screen {display:block; margin:4px 4px 0 0; float:right; width:140px;}
#coloneDroite #aVoiraFaire .screen cite {font:normal 9px tahoma; text-align:right; color:#777; margin:2px 5px 0 0; display:block;}
#coloneDroite #footerAvoir {background:url("../images/bg_avoir_afaire_pied.gif") no-repeat; height:13px; width:300px; z-index:20;}
#coloneDroite #aVoiraFaire .listeAvoirAfaire {width:260px; margin:5px 0 0;}
#coloneDroite #aVoiraFaire .listeAvoirAfaire li {line-height:18px;width:100%;height:1%;}
#coloneDroite #aVoiraFaire .listeAvoirAfaire li a {display:block;line-height:18px;width:100%;}
 
#coloneDroite #decouvrezFond #demo {width:290px; margin:0 auto; background-color:#f3f3f3; text-align:center; height:225px; left:5px; padding-top: 10px;}
#coloneDroite #decouvrezFond ul {margin:20px 23px 23px; padding:0;}
#coloneDroite #decouvrezFond ul li {margin:0; padding:0;width:110px;height:103px;display:block;float:left;list-style:none;text-align:center;}
#coloneDroite #decouvrezFond ul li h1, #coloneDroite #decouvrezFond ul li span.legende {font:bold 11px arial;margin:0;}
#coloneDroite #decouvrezFond ul li span.legende  {display: block}
#coloneDroite #decouvrezFond ul li img {border:0 none;}
#coloneDroite #decouvrezFond .spaceClear {clear:left; margin-right:23px;}
#coloneDroite #decouvrezFond address {margin: 0.5em 1em 0 0; text-align: right}) no-repeat 0 50%;}

/*******************************************************************************
* NAVIGATION
*******************************************************************************/ 
#coloneGauche #blocPhoto .navPhoto .precedent { float:left; width:auto; margin-left:7px;}
#coloneGauche #blocPhoto .navPhoto .suivant { float:right; width:auto; margin-right:7px;}

#coloneGauche #diapoSemaine #navDiapo .precedent { left:18px;}
#coloneGauche #diapoSemaine #navDiapo .suivant {right:18px; text-align:right;}

#coloneGauche .navArticle .precedent { float:left; width:auto; margin-left:10px;}
#coloneGauche .navArticle .suivant { float:right; width:auto; margin-right:10px;}

.precedent a, .suivant a {font:normal 10px arial; color:#333; line-height:24px; display:block; text-decoration:underline!important;}
.precedent a {background:url("../images/nav_precedant.gif") no-repeat; padding-left:24px;}
.suivant a {background:url("../images/nav_suivant.gif") no-repeat right; padding-right:24px!important; }

.pages {width:100%; text-align:center; margin:0 auto; font:bold 11px arial; text-align:center; clear:both;}
.pages span{font:normal 10px arial;}
.pages a{font:normal 11px arial;text-decoration:underline; margin:0 2px;}
.pages a.selected {font-weight:bold;text-decoration:none;background:#fff;}


/******************************************************************************* 
* FOOTER
*******************************************************************************/
#content #footer {position: relative; height:85px;background:url("../images/bg_footer.gif") repeat-x;margin:14px 0 0 0;padding:0 22px;overflow:hidden;clear:both;}
#content #footer ul {padding:0;margin:0;}
#content #footer ul li {padding:0 0 0 10px;margin:0;list-style:none;float:left;display:inline;width:32%;font-size:11px;color:#000;background:url("../images/ico_puce_noire.gif") left center no-repeat;line-height:16px;}
#content #footer ul li a:hover {text-decoration:none;}
#content #footer h2 {padding:10px 0 0;margin:0;font:bold 13px arial;}
#content #footer a.site {font-size:11px;font-weight:bold;float:right;text-decoration:none;color:#000;padding:0 0 0 10px;background:url("../images/ico_puce_fleche_noire.gif") left center no-repeat;}
#content #footer a {text-decoration:underline;}
#content #footerEmpty {position: relative;height:15px;background:url("../images/bg_empty_footer.gif") repeat-x bottom;margin:14px 0 0 0;clear:both;}
#content #footerEmpty .cbr, #content #footer .cbr {right: -4px; _bottom: -1px;}
#content #footerEmpty .cbl, #content #footer .cbl {left: -4px; _bottom: -1px;}

/******************************************************************************* 
* LIENS
*******************************************************************************/
#links {padding:16px 0 0 0;}
#links p {text-align:center;color:#a8a8a8;font-size:11px;margin:0 0 6px; line-height:12px;}
#links a {color:#8f8f8f!important;font-size:11px; text-decoration:underline;}

#mentions {text-align:center;color:#a8a8a8;font-size:11px}

p {margin:0;padding:0;}
.spacer {font-size:0;width:0;height:0;line-height:0;clear:both;}
.spacerDiapo{font-size:8px!important;font-size:0;width:8px;height:8px!important;height:0;line-height:8px!important;line-height:0;clear:both;}
.spacerDescr{clear:left; height:20px;}
.spacerFooter{clear:both; border-bottom:14px solid #fff;}

.form_error { position: relative !important; float: none !important; left: -15px; color: red; font-size: 10px; background: none !important; white-space: nowrap; display: block; clear: right; }