@charset "iso-8859-2";
@import url('general.css');
/* CSS Document */

/* titre de recherche */
.titreCherche{ margin:0; padding:0; width:679px; height:30px; margin-bottom:10px; background:transparent url(../images/fond/titreHotel.jpg) left top repeat-y; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:18px; padding:5px 0 0 5px}
.titreCherche h1{ margin:0; padding:0; font-size:18px; font-weight:normal;}
.titreCherche b{ color:#40B3FF; font-weight:normal; margin-right:2px;}
.titreCherche strong{ color:#986669; font-size:20px; font-weight:normal; margin-right:2px}

/* bloc ville */
.ville{ margin:0; padding:0; border:none; background:none; width:689px;}
.ville img{ margin:0; padding:0; border:none;}
.ville span.tetoVille{ clear:both; display:block; margin:0; padding:0; width:689px; height:45px; background:transparent url(../images/fond/hautInt.jpg) top left no-repeat;}
.ville span.tetoVille h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; font-weight:normal; color:#B99695; background:url(../images/picto/int2Marron.jpg) left bottom no-repeat; padding:14px 0 0 20px; margin-left:15px;}
.ville span.tetoVille h1 label{ margin:0; padding:0;background-color:#FFF; padding-right:10px}
.ville span.inVille{ clear:both; display:block; margin:0; padding:0; background:transparent url(../images/fond/fondInt2.jpg) top left repeat-y; width:685px; height:auto; padding:5px 0 10px 4px; position:relative;}
.ville span.inVille div.descInVille{ width:500px; margin:0; padding:0; margin-left:5px;}
*html .ville span.inVille div.descInVille{ width:480px;}
*:first-child+html .ville span.inVille div.descInVille{ width:480px;}
.ville span.inVille div.descInVille p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; margin:0; padding:0;}
.ville span.inVille div.descInVille p a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ff9900; text-decoration:none;}
.ville span.inVille div.descInVille p a:hover{ text-decoration:underline;}
.ville span.inVille div.imgInVille{ width:156px; height:116px; margin:0; padding:0; margin-right:10px; text-align:center; border:1px solid #CCCCCC}
.ville span.inVille div.imgInVille img{ margin:0; padding:0; font-size:1px; margin-top:5px;}
.ville span.inVille div.descInVille p.linkVille{ text-align:right; margin:0; padding:0; margin-top:20px; position:absolute; bottom:10px; right:190px;}
.ville span.inVille div.descInVille p.linkVille a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900; text-decoration:underline;}
.ville span.inVille div.descInVille p.linkVille a:hover{ text-decoration:none;}


/* bloc coup de coeur */
.coupDeuxCoeur{ margin:0; padding:0; border:none; background:none; width:689px;}
.coupDeuxCoeur img{ margin:0; padding:0; border:none;}
.coupDeuxCoeur span.tetoCdc{ clear:both; display:block; margin:0; padding:0; width:689px; height:45px; background:transparent url(../images/fond/hautCdc.jpg) top left no-repeat;}
.coupDeuxCoeur span.tetoCdc h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; font-weight:normal; color:#fff; background:url(../images/picto/CdcRouge.jpg) left bottom no-repeat; padding:14px 0 0 20px; margin-left:15px;}
.coupDeuxCoeur span.tetoCdc h1 label{ margin:0; padding:0;background:#B26565; padding-right:10px}
.coupDeuxCoeur span.inCdc{ clear:both; display:block; margin:0; padding:0; background:transparent url(../images/fond/coup2coeur.jpg) top left repeat-y; width:685px; height:auto; padding:6px 0 6px 4px;}
.coupDeuxCoeur span.inCdc div.contInCdc{ margin:0; padding:0; width:328px; margin:0px 8px 3px 5px;}
*html .coupDeuxCoeur span.inCdc div.contInCdc{margin:2px 2px 3px 5px;}
*:first-child+html .coupDeuxCoeur span.inCdc div.contInCdc{margin:2px 2px 3px 5px;}
.contInCdc div.ImgContCdc{ margin:0; padding:0; width:110px; height:80px; border:2px solid #E3E1DD}
.contInCdc div.ImgContCdc a img{ border:none;}
.contInCdc div.ImgContCdc img{ margin-top:2px;}
.contInCdc div.descContCdc{ margin:0; padding:0; margin-left:10px; width:200px}
.contInCdc div.descContCdc span.inDescHotel{ margin:0; padding:0; clear:both; display:block; width:auto; height:auto;}
.contInCdc div.descContCdc span.typTitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#636332; font-weight:bold; margin-bottom:5px}
.contInCdc div.descContCdc span.typTitle a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#636332;}
.contInCdc div.descContCdc span.typTitle strong{ color:#ff9900; text-transform:uppercase; font-weight:bolder; font-size:18px;}
.contInCdc div.descContCdc span.typTitle a strong{ color:#ff9900; text-transform:uppercase; font-weight:bolder; font-size:18px;}
.contInCdc div.descContCdc span.typDesc{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333;}
.contInCdc div.descContCdc span.typDesc p{ margin:0; padding:0;}
.contInCdc div.descContCdc span.typDesc p a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0}
.contInCdc div.descContCdc span.typDesc p a:hover{ color:#4F7953;}

/* bloc tous les hôtels */
.tousHotel{ margin:0; padding:0; border:none; background:none; width:689px;}
.tousHotel img{ margin:0; padding:0; border:none;}
.tousHotel span.tetoTousHotel{ clear:both; display:block; margin:0; padding:0; width:689px; height:45px; background:transparent url(../images/fond/hautTousHotel.jpg) top left no-repeat;}
.tousHotel span.tetoTousHotel h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; font-weight:normal; color:#fff; background: url(../images/picto/tousHotVert.jpg) left bottom no-repeat; padding:14px 0 0 20px; margin-left:15px;}
.tousHotel span.tetoTousHotel h1 label{ margin:0; padding:0;background:#D2D57F; padding-right:10px}
.tousHotel span.inHotel{ clear:both; display:block; margin:0; padding:0; background:transparent url(../images/fond/intTousHotel.jpg) top left repeat-y; width:685px; height:auto; padding:6px 0 9px 4px;}
.tousHotel span.inHotel div.contInHotel{ margin:0; padding:0; width:328px; margin:2px 8px 3px 5px;}
*html .tousHotel span.inHotel div.contInHotel{margin:2px 2px 3px 5px;}
*:first-child+html .tousHotel span.inHotel div.contInHotel{margin:2px 2px 3px 5px;}
.contInHotel div.ImgContHotel{ margin:0; padding:0; width:110px; height:80px; border:2px solid #E3E1DD}
.contInHotel div.ImgContHotel a img{ border:none;}
.contInHotel div.ImgContHotel img{ margin-top:2px;}
.contInHotel div.descContHotel{ margin:0; padding:0; margin-left:10px; width:200px}
.contInHotel div.descContHotel span.inDescHotel{ margin:0; padding:0; clear:both; display:block; width:auto; height:auto;}
.contInHotel div.descContHotel span.typTitle{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#636332; font-weight:bold; margin-bottom:5px}
.contInHotel div.descContHotel span.typTitle a{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#636332;}
.contInHotel div.descContHotel span.typTitle strong{ color:#ff9900; text-transform:uppercase; font-weight:bolder; font-size:18px;}
.contInHotel div.descContHotel span.typTitle a strong{ color:#ff9900; text-transform:uppercase; font-weight:bolder; font-size:18px;}
.contInHotel div.descContHotel span.typDesc{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333;}
.contInHotel div.descContHotel span.typDesc p{ margin:0; padding:0;}
.contInHotel div.descContHotel span.typDesc p a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0}
.contInHotel div.descContHotel span.typDesc p a:hover{ color:#4F7953;}

.tousHotel span.inHotel div.pagination{ margin:0; padding:0; width:659px; margin-left:10px; background: url(../images/fond/pagination.jpg) left center repeat-x; margin:15px 0 15px 10px}
.tousHotel span.inHotel div.pagination span{ background-color:#FAFAF1; margin:0; padding:0 3px; font-size:1px; width:auto;}
.tousHotel span.inHotel div.pagination span a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; margin:0; padding:0; color:#999999;}
.tousHotel span.inHotel div.pagination span a:hover{ color:#ff9900; text-decoration:none; font-size:11px}
.tousHotel span.inHotel div.pagination span a.active{color:#ff9900; text-decoration:none; font-size:12px; text-decoration:underline; cursor:default;}
.tousHotel span.inHotel div.pagination label{color:#ff9900; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif}

.tousHotel span.inHotel div.result{ width:670px; margin:0; padding:0; background:none; margin:0 5px 0 5px;}
.tousHotel span.inHotel div.result span.titreResult{ clear:both; display:bloc; margin:0; padding:0; width:620px; height:33px; background:transparent url(../images/picto/resultat.jpg) left no-repeat; padding-left:35px; line-height:30px; margin-left:5px}
.tousHotel span.inHotel div.result span.titreResult p{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #ff9900; text-decoration:underline;}
.tousHotel span.inHotel div.result span.intResult{ clear:both; display:block; margin:0; padding:0; width:670px;}
.result span.intResult div.typResult{ margin:0; padding:0; width:210px; margin-right:3px; margin-left:10px}
*html .result span.intResult div.typResult{margin-right:1px; margin-left:7px}
*:first-child+html .result span.intResult div.typResult{margin-right:1px; margin-left:7px}
.typResult ul{ list-style:none; margin:0; padding:0; background:0 6px url(../images/picto/typeRecherche.jpg) no-repeat; padding-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#996766; font-weight:bold;}
.typResult ul li{ list-style:none; margin:0; padding:0; margin-left:0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666}
.typResult ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#666666; text-decoration:none}
.typResult ul li a:hover{ color:#ff9900}

/* information touristique */
.infoTour{ margin:0; padding:0; border:none; background:none; width:689px;}
.infoTour img{ margin:0; padding:0; border:none;}
.infoTour span.tetoInfoTour{ clear:both; display:block; margin:0; padding:0; width:689px; height:45px; background:transparent url(../images/fond/hautInfoTour.jpg) top left no-repeat;}
.infoTour span.tetoInfoTour h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; font-weight:normal; color:#636332; background:url(../images/picto/infoTourVert.jpg) left bottom no-repeat; padding:14px 0 0 20px; margin-left:15px;}
.infoTour span.tetoInfoTour h1 label{ margin:0; padding:0;background:transparent url(../images/fond/infoTourTitle.jpg) left bottom repeat-x; padding-right:10px}
.infoTour span.inInfoTour{ clear:both; display:block; margin:0; padding:0; background:transparent url(../images/fond/InfoTour.jpg) top left repeat-y; width:665px; height:auto; padding:5px 0 10px 24px;}

/*.infoTour span.inInfoTour div.descInVille{ width:530px; margin:0; padding:0; margin-right:10px;}
*html .infoTour span.inInfoTour div.descInVille{ width:520px; margin-left:10px;}
*:first-child+html .infoTour span.inInfoTour div.descInVille{ width:520px; margin-left:10px;}
.infoTour span.inInfoTour div.descInVille p.titre{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#636332; margin-bottom:5px;}
.infoTour span.inInfoTour div.descInVille p.date{ margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#999999;}
.infoTour span.inInfoTour div.descInVille p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0;}
.infoTour span.inInfoTour div.descInVille p a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ff9900; text-decoration:none;}
.infoTour span.inInfoTour div.descInVille p a:hover{ text-decoration:underline;}*/


.infoTour span.inInfoTour p.titre{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#636332; margin-bottom:5px;}
.infoTour span.inInfoTour p.date{ margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#999999; text-align:right}
.infoTour span.inInfoTour p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#333333; margin:0; padding:0; margin-right:20px;}
.infoTour span.inInfoTour p a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ff9900; text-decoration:none;}
.infoTour span.inInfoTour p a:hover{ text-decoration:underline;}



.infoTour span.inInfoTour div.imgInVille{ width:110px; height:80px; margin:0; padding:0; /*margin-left:20px;*/ text-align:center; border:1px solid #CCCCCC; margin-right:10px;}
*html .infoTour span.inInfoTour div.imgInVille{ margin-left:10px!important;}
.infoTour span.inInfoTour div.imgInVille img{ margin:0; padding:0; font-size:1px; margin-top:2px;}
.infoTour span.inInfoTour div.descInVille p.linkVille{ text-align:right; margin:0; padding:0; margin-top:20px;}
.infoTour span.inInfoTour div.descInVille p.linkVille a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900; text-decoration:underline;}
.infoTour span.inInfoTour div.descInVille p.linkVille a:hover{ text-decoration:none;}