*{margin:0; padding:0; outline:none;} body{background:#a68155 URL(../images/bg.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif;} /* GENERALITE */ .hide{display:none;} .clear{clear:both;} fieldset{border:none;} /* PAGE */ #page{width:890px; margin:0 auto;} /* HEADER */ #header{background:transparent URL(../images/bg_header.jpg) no-repeat top left; } #header #bloc_logo{height:69px;} #header img{border:none;} #header #logo{float:left; width:399px; height:63px;} #header #logo_comfort{float:left; width:50px; height:48px; margin-top:5px;} #header #cannes_france{float:right; width:162px; height:63px;} #header #img_cannes{position:relative; height:327px; background:transparent URL(../images/top_bg_img.jpg) no-repeat top left;} #header #btn_resa{float:right; width:150px; height:50px; padding:15px 40px 0 0;} #header #promotion{position:absolute; border:1px solid #FFF; width:250px; top:10px; right:50px; color:#581A0D; margin:10px 10px 0 0; padding:5px; background:transparent URL(../images/bg_promo.png) repeat top left; text-align:center; font-weight:bold;} #header #promotion span.small{font-size:10px;} #header #promotion span.big{font-size:22px;} .btn_reservation, .btn_reservation:visited, .btn_reservation:hover{ display:block; width:150px; height:50px; background:transparent URL(../images/btn_reservation.png) no-repeat top left; margin:0 auto; } /* CONTENT */ #content{width:828px; margin:0 auto;} #contenu{width:828px; background:transparent URL(../images/top_part_02.jpg) no-repeat top left; padding-top:10px;} /* MENU */ #menu{list-style-type:none; font-size:12px; height:46px; margin-bottom:11px;} #menu li{float:left; height:46px;} #menu li a, #menu li a:visited{display:block; height:36px; width:100%; text-decoration:none; color:#000; text-align:center; background:transparent URL(../images/bg_menu.jpg) no-repeat top left; padding-top:10px;} #menu li a:hover{color:#FFF; font-weight:bold;} #menu #accueil{width:104px;} #menu #accueil a, #menu #accueil a:visited{background-position:0 0;} #menu #accueil a:hover, #menu #accueil a.selected{background-position:0 -46px; color:#FFF; font-weight:bold;} #menu #chambres{width:104px;} #menu #chambres a, #menu #chambres a:visited{background-position:-104px 0;} #menu #chambres a:hover, #menu #chambres a.selected{background-position:-104px -46px; color:#FFF; font-weight:bold;} #menu #tarifs{width:106px;} #menu #tarifs a, #menu #tarifs a:visited{background-position:-208px 0;} #menu #tarifs a:hover, #menu #tarifs a.selected{background-position:-208px -46px; color:#FFF; font-weight:bold;} #menu #informations{width:105px;} #menu #informations a, #menu #informations a:visited{background-position:-314px 0;} #menu #informations a:hover, #menu #informations a.selected{background-position:-314px -46px; color:#FFF; font-weight:bold;} #menu #forfaits{width:105px;} #menu #forfaits a, #menu #forfaits a:visited{background-position:-419px 0;} #menu #forfaits a:hover, #menu #forfaits a.selected{background-position:-419px -46px; color:#FFF; font-weight:bold;} #menu #situations{width:105px;} #menu #situations a, #menu #situations a:visited{background-position:-524px 0;} #menu #situations a:hover, #menu #situations a.selected{background-position:-524px -46px; color:#FFF; font-weight:bold;} #menu #evenements{width:105px;} #menu #evenements a, #menu #evenements a:visited{background-position:-629px 0;} #menu #evenements a:hover, #menu #evenements a.selected{background-position:-629px -46px; color:#FFF; font-weight:bold;} #menu #galerie{width:94px;} #menu #galerie a, #menu #galerie a:visited{background-position:-734px 0;} #menu #galerie a:hover, #menu #galerie a.selected{background-position:-734px -46px; color:#FFF; font-weight:bold;} /* CONTENT TEXTE */ #bloc_left a, #bloc_left a:visited{text-decoration:none; color:#551B0F;} #bloc_left a:hover{color:#000; text-decoration:underline;} /* ACCUEIL */ .accueil{width:821px; height:426px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .accueil #bloc_left{float:left; width:462px;} .accueil #bloc_left p{font-size:14px; margin:10px auto; color:#632817; width:360px; text-align:justify; line-height:20px;} .accueil #bloc_right{float:left; width:355px; text-align:center; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} .accueil #bloc_right img{margin:5px auto;} /* CHAMBRES */ .chambres{width:821px; height:495px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .chambres #bloc_left{float:left; width:462px;} .chambres #bloc_left p{font-size:12px; margin:0 auto 5px auto; color:#FFF; width:450px; text-align:justify;} .chambres #bloc_left #img_content_spe{width:440px; height:295px; margin:0 auto; background:transparent URL(../images/bg_chambres.png) repeat-x top left; text-align:center;} .chambres #bloc_left #img_content_spe img{margin:10px auto;} .chambres #bloc_left #img_pictos{text-align:center; padding-top:5px;} .chambres #bloc_right{float:left; width:355px; height:482px; text-align:center; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} .chambres #bloc_right img{margin:5px 0; cursor:pointer;} #menu_galerie{height:410px;} #galerie_chambres{list-style-type:none; width:270px; margin:0 auto;} #galerie_chambres li{float:left; width:135px; text-align:center;} /* TARIFS */ .tarifs{width:821px; height:426px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .tarifs #bloc_left{float:left; width:462px;} .tarifs #bloc_left p{font-size:14px; margin:10px auto; color:#632817; width:360px; text-align:justify; line-height:20px;} .tarifs #bloc_left ul{list-style-type:none; width:410px; margin:0 auto; color:#232222;} .tarifs #bloc_left ul li{font-size:12px;} .tarifs #bloc_right{float:left; width:355px; text-align:center; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} .tarifs #bloc_right img{margin:5px auto;} .table{font-size:12px;} .table table{width:450px; margin:0 auto; background:transparent URL(../images/bg_tarifs.jpg) no-repeat top left; color:#FFF;} .table table td{height:30px; line-height:30px;} .table table th{font-size:10px;} .table table .title_ligne{height:30px; line-height:30px; padding-left:3px;} .table table .content_ligne{text-align:center;} /* INFORMATIONS */ .informations{width:821px; height:489px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .informations #bloc_left{float:left; width:462px;} .informations #bloc_left p{font-size:11px; margin:5px auto; color:#632817; width:435px; text-align:justify; color:#FFF;} .informations #bloc_left ul{list-style-type:none; width:410px; margin:0 auto; color:#232222;} .informations #bloc_left ul li{font-size:12px;} .informations #bloc_right{float:left; width:355px;background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} #info_contact{color:#FFF; width:330px; margin:0 auto; padding-bottom:11px;} .informations #bloc_right h2{font-size:14px;} .informations #bloc_right p{font-size:11px; text-align:justify; margin:5px 0;} .informations #bloc_right img{margin:5px auto;} /* FORFAITS */ .forfaits{width:821px; padding:1px 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .forfaits #bloc_left{float:left; width:462px;} .forfaits #bloc_left p{font-size:12px; margin:10px 0;} .forfaits #bloc_left ul{list-style-type:none; width:410px; margin:0 auto; color:#232222;} .forfaits #bloc_left ul li{font-size:12px;} .forfaits #bloc_left #bloc_forfaits .item_forfaits{float:left; width:135px; height:250px; padding:5px; margin:0 3px;} .forfaits #bloc_left #bloc_forfaits .item_forfaits h3{font-size:12px; font-weight:bold; text-align:center; height:25px; margin:5px 0} .forfaits #bloc_left #bloc_forfaits .item_forfaits .img_item{width:125px; margin:0 auto;} .forfaits #bloc_left #bloc_forfaits #forfait01{background:#a0794c URL(../images/bg_it1-3.jpg) repeat-x top left;} .forfaits #bloc_left #bloc_forfaits #forfait02{background:#cab85e URL(../images/bg_it2.jpg) repeat-x top left;} .forfaits #bloc_left #bloc_forfaits #forfait03{background:#a0794c URL(../images/bg_it1-3.jpg) repeat-x top left;} .forfaits #bloc_right{float:left; width:355px; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px; padding-bottom:5px;} .forfaits #bloc_right img{margin:5px auto;} .forfaits #bloc_right #desc_forfait{width:300px; background:#bfb89f URL(../images/bg_descript_forfait.jpg) repeat-x top left; margin:0 auto; padding:10px;} .forfaits #bloc_right h3{font-size:18px; text-align:center; margin-bottom:10px;} .forfaits #bloc_right p{font-size:12px; margin-bottom:10px;} /* SITUATION */ .situation{width:821px; height:520px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .situation #bloc_left{float:left; width:462px;} .situation #bloc_left p{font-size:14px; margin:10px auto; color:#632817; width:360px; text-align:justify; line-height:20px;} .situation #bloc_left ul{list-style-type:none; width:410px; margin:0 auto; color:#232222;} .situation #bloc_left ul li{font-size:12px;} .situation #bloc_right{float:left; width:355px; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} .situation #bloc_right img{margin:5px auto;} .situation #bloc_right .image_rub{text-align:center;} .situation #bloc_right .info_situation{width:312px; margin:0 auto; color:#FFF; font-size:12px;} .situation #bloc_right .info_situation h3{font-size:16px; text-align:center;} .situation #bloc_right .info_situation #list_situation{width:287px; margin:4px 0 0 35px;} .situation #bloc_map{width:420px; height:390px; background:transparent URL(../images/bg_gris_googlemaps.jpg) repeat-x top left; margin:0 auto; padding:10px;} .situation #map{width:415px; height:385px; border:1px solid;} /* EVENEMENTS CANNES */ .evenements{width:821px; height:426px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} .evenements #bloc_left{float:left; width:462px;} .evenements #bloc_left p{font-size:14px; margin:10px auto; color:#632817; width:360px; text-align:justify; line-height:20px;} .evenements #bloc_left ul{list-style-type:none; width:410px; margin:0 auto; color:#232222;} .evenements #bloc_left ul li{font-size:12px;} .evenements #bloc_right{float:left; width:355px; text-align:center; background:#561b0e URL(../images/bg_part_right.jpg) repeat-x top left; padding-top:15px;} .evenements #bloc_right img{margin:5px auto;} .events_cannes{} .events_cannes #events{width:440px; height:260px; font-size:12px; margin:0 auto; background:transparent URL(../images/bg_events.png) repeat-y top left; color:#FFF;overflow:hidden;} .events_cannes #events dt{float:left; width:152px; margin:5px 0; padding-left:3px;} .events_cannes #events .dd01{float:left; width:107px; margin:5px 0; padding-left:3px;} .events_cannes #events .dd02{float:left; width:172px; margin:5px 0; padding-left:3px;} .events_cannes .btn_top{background:transparent URL(../images/f_haut.png) no-repeat top center; height:20px; cursor:pointer;} .events_cannes .btn_bottom{background:transparent URL(../images/f_bas.png) no-repeat top center; height:20px; cursor:pointer; margin-bottom:20px;} /* GALERIE */ #all_galerie{width:821px; padding:0 2px; background:#f6e5bf URL(../images/bg_content.jpg) repeat-x top left; border-left:1px solid #D9CB9C; border-right:1px solid #D9CB9C; border-bottom:1px solid #D9CB9C; margin:0 auto;} #galerie_content #title_galerie{background:transparent URL(../images/bg_header_galerie.jpg) repeat-x top left;} #galerie_img {width:725px; margin:0 auto;} #galerie_img img{border:none;} #galerie_img ul{list-style-type:none; height:415px; overflow:hidden;} #galerie_img li{float:left; margin:10px;} #galerie_img .btn_top{background:transparent URL(../images/f_haut.png) no-repeat top center; height:20px; cursor:pointer;} #galerie_img .btn_bottom{background:transparent URL(../images/f_bas.png) no-repeat top center; height:20px; cursor:pointer; margin-bottom:20px;} /* INFORMATIONS --------> FORMULAIRE */ #devis_form{font-size:12px; width:430px; margin:10px auto 0 auto;} #devis_form dt{float:left; width:100px; margin:0 25px 5px 0; text-align:right;} #devis_form dt label{color:#561B0E; font-weight:bold;} #devis_form dd{float:left;width:300px; margin-bottom:5px;} #devis_form .inputstyle{width:250px; border:1px solid #FFF;} #devis_form .hasDatepicker{width:250px;} #devis_form textarea{width:250px;} #devis_form dd .required_field{border:1px solid #561B0E;} #devis_form dd .empty_field{border:1px solid red;} #devis_form dd .info{color:#561B0E;} #devis_form .btn_send{} #contact_status{text-align:center; width:300px; margin:0 auto; font-size:14px; color:#561B0E; padding-top:40px; font-weight:bold;} #contact_error{width:300px; margin:0 auto; font-size:10px;} #contact_error{font-size:10px;} /* FOOTER */ #footer{width:828px; height:28px; font-size:12px; color:#591c0e; text-align:center; line-height:28px; background:transparent URL(../images/bg_footer.jpg) no-repeat top left; margin-bottom:10px;} #footer a, #footer a:visited{text-decoration:none; color:#591c0e;} #footer a:hover{color:#FFF;} /* SIGNATURE */ #signature{padding:10px 0; font-size:10px; color:#591c0e; text-align:center;} #signature a, #signature a:visited{text-decoration:none; color:#591c0e;} #signature a:hover{color:#FFF;}