/* ------------------------------------------------------------------------ Theme Name: WP Namaskar Version: 3.0 Author: June22 ------------------------------------------------------------------------ Updated: Mai, 2010 Cree: Olivier */ /* ################# --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ELEMENTS --- ################# */ body { margin: 0px; padding: 0px; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:13px; color:#fff; background-color: #181818; } /* Page */ #global { width: 924px; margin: 0 auto; } /* Liens */ a {cursor: pointer; color:#91815d; text-decoration:none; font-style:italic;} a:hover {text-decoration:underline;} a.none {text-decoration:none;} a img { border: none;} p {color:#e6e6e6; line-height:17px; margin:0px; padding: 0 0 8px 0;} h1, h2, h3, h4 {font-weight:normal; margin:0px; padding:0px;} h1 {font-size:21px;} h2 {font-size:22px; color:#e6e6e6; padding: 2px 0 5px 0;} hr {height:1px; margin:11px 0 12px 0; padding:0; border:none; border-top:1px dotted #000;} /*hr {margin: 11px 0 6px 0; width:270px; height:1px; background:url(img_temp/hr_blanc.jpg) 0 0 no-repeat; display:block;}*/ #hr_blanc {margin: 11px 0 6px 0; width:270px; height:1px; background:url(img_temp/hr_blanc.jpg) 0 0 no-repeat; display:block;} .color_or {color:#91815d;} .txt_date {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#91815d; margin:0px; padding:0px;} #clear {clear:both;} ul {margin:0px; padding:0px;} ul li {margin:0px; padding:0px;} /* ################################################### */ /* ################# --- En-tete --- ################# */ /* ################################################### */ #entete {height:174px; padding:0px; margin:0px; } #head1 {height:114px; padding:0px; margin:0px; float:left; clear:both; } #head2 {height:60px; padding:0px; margin:0px; float:left; clear:both; } #logo {width:70px; height:114px; float:left; } /* - POSITIONNEMENT Bloc Droite - */ #head_bloc_droite {width:168px; height:45px; position:absolute; margin-left:747px; margin-top:36px; } *+html #head_bloc_droite{margin-left:677px;} /* hacks ie7 */ .btn_radio_namaskar a {background:url(img_temp/radio_namaskar_OFF.jpg) 0 0 no-repeat; width:107px; height:20px; position:relative; z-index:3; display:block; padding:0px; margin:0px; float:left;} .btn_radio_namaskar a:hover {background:url(img_temp/radio_namaskar_ON.jpg) 0 0 no-repeat; } /* langue */ #lang_sel_list { width:54px; float:left; } #lang_sel_list ul li.icl-fr {position:absolute; z-index:2; left:107px; height:20px; margin: 0px; padding: 0px; list-style-type:none; float:left; display:block;} #lang_sel_list ul li.icl-fr a {width:27px; height:20px; background:url(img_temp/langue_fr_OFF.jpg) 0 0 no-repeat; margin: 0px; padding: 0px; display:block; } #lang_sel_list ul li.icl-fr a:hover, #lang_sel_list ul li.icl-fr a.lang_sel_sel {width:27px; height:20px; background:url(img_temp/langue_fr_ON.jpg) 0 0 no-repeat; display:block;} #lang_sel_list ul li.icl-en {position:absolute; z-index:1; left:134px; height:20px; margin: 0px; padding: 0px; list-style-type:none; float:left; display:block;} #lang_sel_list ul li.icl-en a {width:27px; height:20px; background:url(img_temp/langue_en_OFF.jpg) 0 0 no-repeat; margin: 0px; padding: 0px; display:block; } #lang_sel_list ul li.icl-en a:hover, #lang_sel_list ul li.icl-en a.lang_sel_sel {width:27px; height:20px; background:url(img_temp/langue_en_ON.jpg) 0 0 no-repeat; display:block; } .btn_booking {width:160px; height:20px; top:25px; padding:0px; margin:0px; position:absolute; } .btn_booking a { background:url(img_temp/booking_OFF.jpg) 0 0 no-repeat; width:160px; height:20px; padding:0px; margin:0px; display:block;} .btn_booking a:hover { background:url(img_temp/booking_ON.jpg) 0 0 no-repeat; } /* ################################################### */ /* ################### --- Menu --- ################## */ /* ################################################### */ #conteneur_menu {width:924px; height:60px; background:url(img_temp/menu_fond.jpg) 0 0 no-repeat; margin:0px; padding:0px; position:relative; clear:both; font-style:normal;} #conteneur_menu ul {display:block; margin:0px; padding:0px; list-style-type:none;} #conteneur_menu li {display:inline; margin:0px; padding:0px;} #menu1 {width:924px; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 8px 0 0 28px; } #menu1 ul {padding-top:0px} #menu1 li {display:block; float:left;} #menu1 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#91815d; text-decoration:none; font-style:normal; display:block; float:left; } #menu1 a:hover, #menu1 li.current_page_item a /*, #menu1 li.current_page_parent a*/ {color:#fff; } #menu2 {width:924px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#737373; font-style:normal; padding: 0 0 0 28px; position:relative;} #menu2 div {display:none; position:absolute;} #menu2 div.current_page_item {display:block;} #menu2 li {display:block; float:left; } #menu2 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#737373; display:block; height:27px; font-style:normal; text-decoration:none; float:left;} #menu2 a:hover, #menu2 li.current_page_item a {color:#fff; } #menu2-hover, #menu2-selected {display:none; position:absolute;} span.sep {color:#fff; font-size:11px; margin:0px; padding: 0 13px 0 13px; } span.sep_en {color:#fff; font-size:11px; margin:0px; padding: 0 15px 0 15px;} #menu2 span.sep {color:#fff; font-size:11px; margin:0px; padding: 0 6px 0 6px; } /* ###################################################### */ /* ################## --- CONTENEUR --- ################# */ /* ###################################################### */ #conteneur {width:912px; margin-left:12px; padding:0px; position:relative; clear:both; } #conteneur_top_16px {width:912px; margin:16px 0 0 12px; padding:0px; position:relative; clear:both; } /* content_F_blanc 10 images */ #content_F_blanc_10_img {width:862px; padding:16px 0 0 16px; margin: 0 16px 0 16px; background-color:#FFFFFF; font-size:13px; position:relative; float:left; color:#000000; } #content_F_blanc_10_img #img_div {width:156px; height:200px; margin:0 16px 16px 0; padding:0px; float:left;} #content_F_blanc_10_img #z-index_txt_10_img {width:130px; height:200px; font-size:16px; font-style:normal; font-weight:normal; color:#fff; margin:0px; padding:13px 0 0 16px; position:absolute; z-index:2; } #content_F_blanc_10_img #z-index_txt_10_img2 {width:130px; height:200px; top:200px; font-size:16px; font-style:normal; font-weight:normal; color:#fff; margin:0px; padding:13px 0 0 16px; position:absolute; z-index:2; } #content_F_blanc_10_img .a, #z-index_txt_10_img2 .a {font-size:11px; color:#000; text-decoration:none; font-style:italic; font-weight:bolder; line-height:20px;} #img_div2 a:hover , #img_div2 a:hover { text-decoration:none; } #content_F_blanc_10_img #img_div2 {width:156px; height:200px; position:absolute; margin:0px; padding:0px; overflow:hidden; } #content_F_blanc_10_img #img_div3 {width:156px; height:200px; position:absolute; margin:0px; padding:0px; z-index:1; } #content_F_blanc_10_img #img_div2 a {width:156px; height:200px; position:absolute; display:block; z-index:3;} #content_F_blanc_10_img #img_div2 a:hover {top:-200px;} #content_F_blanc_10_img p {color:#000;} #content_F_blanc p.txt_or {font-size:11px; line-height:15px; color:#91815d;} /* content_F_blanc */ #content_F_blanc {width:848px; padding:16px 16px 16px 16px; margin: 0 16px 0 16px; background-color:#FFFFFF; font-size:13px; position:relative; float:left; color:#000000; } #content_F_blanc #col_g {width:265px; position:relative; float:left; padding:0px; margin:0px;} #content_F_blanc #col_d {width:560px; margin:0px; float:right; } /* content_F_blanc NGG */ #content_F_blanc_NGG {width:848px; padding:0 16px 0 16px; margin: 0 16px 0 16px; background-color:#FFFFFF; font-size:13px; position:relative; float:left; color:#000000; } #content_F_blanc_NGG #col_g {width:265px; position:relative; float:left; padding:16px 0 16px 0; margin:0px;} #content_F_blanc_NGG #col_d {width:576px; position:relative; float:right; margin:0 0 16px 0; padding:0px; } #content_F_blanc_NGG #col_d #col_d_cal {width:576px; margin:0 0 0 9px; padding:0px; } #content_F_blanc_NGG p.txt_or {font-size:11px; line-height:15px; color:#91815d;} .ngg-gallery-thumbnail{width:272px; height:200px; margin:16px 0 0 13px; padding:0px; float:left; display: inline; } /* Style extrait de NGG */ /* #content_F_blanc #col_d #img_272x202 {width:272px; height:202px; margin:0px; padding:0px; float:left; } #content_F_blanc #col_d #speceur_img {width:16px; height:16px; margin:0px; padding:0px; float:left; } #content_F_blanc #col_d #speceur_img2 {width:560px; height:16px; margin:0px; padding:0px; float:left; } */ #content_F_blanc h1, #content_F_blanc_NGG h1, #content_contact h2, #content_contact h3, #content_contact h4 {width:265px; color:#000000; margin:0 0 8px 0;} #content_F_blanc span p, #content_F_blanc_NGG span p {color:#000000;} #content_F_blanc p.point, #content_F_blanc_NGG p.point {color:#000000; font-size:9px; line-height:11px; letter-spacing:1px; margin:0px; padding:2px 0 11px 0;} #content_F_blanc p, #content_F_blanc_NGG p {color:#000000;} /* content_F_noir */ #content_F_noir {width:848px; padding:11px 16px 16px 16px; margin: 0 16px 0 16px; font-size:13px; position:relative; float:left; color:#dadada; } #content_F_noir #titre_page {margin:0px; padding:0px;} #conteneur_col {margin:0 0 16px 0; padding:0px;} /* ##################################################################### */ /* ################## --- Fond Noir & PLAN DU SITE --- ################# */ /* ##################################################################### */ #content_F_noir h1{margin:0px; padding:0px;} #content_F_noir h2{margin:0px; padding:0px; } #content_F_noir ul {margin:0px; padding:0px; list-style-type:none;} #content_F_noir ul li { padding:0px; list-style-type:none;} #content_F_noir ul li a {font-family:Georgia, Arial, Helvetica, sans-serif; font-size:13px; color:#dadada; text-decoration:none; font-weight:normal; font-style:normal;} #content_F_noir ul li a:hover {color:#FFFFFF;} #content_F_noir .titre {font-family:Georgia, Arial, Helvetica, sans-serif; font-size:13px; margin:0px; padding:7px 0 2px 0; color:#dadada; text-decoration:none; font-weight:normal; font-style:normal;} #content_F_noir .texte { margin:0px; padding:8px 0 2px 0; color:#737373;} #content_F_noir .liste { margin:8px 0 0 0; padding:0px; color:#737373;} #content_F_noir .liste ul { margin:0 0 13px 0; padding:0px;} #content_F_noir .liste ul li { margin:0px; padding:0px;} #content_F_noir .liste ul li a { margin:0px; padding:0px; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:13px; color:#737373; text-decoration:none; font-weight:normal; font-style:italic;} #content_F_noir .liste ul li a:hover {color:#FFFFFF;} #col_1 {width:270px; margin:0 0 0 0; float:left; } #col_2 {width:270px; margin:0 0 0 19px; float:left; } #col_3 {width:270px; margin:0 0 0 19px; float:left; } /* ################################################## */ /* ################## --- METEO --- ################# */ /* ################################################## */ .weather_info_forecast {width:185px; float:left; margin: 35px 0 35px 0; } .weather_info {width:165px; float:left; margin: 35px 0 35px 0;} #M_bloc1{width:160px; height:110px; padding:3px 0 0 0;} #M_img {width:128px; height:128px; margin: 0 0 15px 0; } .M_txt_date {font-size:9px; color:#91815d;} .M_txt_jour {font-size:24px; color:#91815d;} .M_txt{font-size:24px; color:#FFF; line-height:24px;} .M_txt_or {font-size:12px; color:#91815d; line-height:13px;} .M_txt_blanc {font-size:12px; color:#FFF;} /* ################################################################### */ /* ################## --- Image + TXT en Z-index --- ################# */ /* ################################################################### */ #z-index_img {margin:0px; padding:0px; z-index:1; position:relative; float:left;} #z-index_txt, #z-index_txt p { width:800px; font-size:36px; line-height:38px; margin:0px; padding:16px 0 0 16px; position:absolute; z-index:2; } /* #conteneur #conteneur_912 {margin: 0 0 0 16px;} sup*/ /* ######################################################### */ /* ################## --- Content Home --- ################# */ /* ######################################################### */ #bloc1 {position:relative; float:left; } #bloc2 {position:relative; float:left; margin: 0 0 0 28px; padding: 12px 0 19px 0;} #bloc2 #col {width:255px; padding: 0 26px 0 4px; display:block; position:relative; float:left; } #barre_point_page {width:880px; height:1px; margin: 0 0 0 16px; background:url(img_temp/barre_point_page.jpg) 0 0 no-repeat; float:left; clear:both;} /* ############################################################ */ /* ################## --- Content Contact --- ################# */ /* ############################################################ */ #content_F_blanc #col_g_contact {width:245px; position:relative; float:left; padding:0px; margin:0px;} #content_F_blanc #col_d_contact {width:470px; margin:25px 90px 70px 0; padding: 11px 0 0 0; float:right; } #content_F_blanc #col_d_contact p {margin:0px; padding:12px 0 3px 0;} #hr_noir_contact {margin: 11px 0 12px 0; width:245px; height:1px; background:url(img_temp/hr_noir_contact.jpg) 0 0 no-repeat; display:block;} #hr_noir_contact_d {margin:0px; padding: 0px; width:470px; height:1px; background:url(img_temp/hr_noir_contact_d.jpg) 0 0 no-repeat; display:block; } #content_F_blanc input.btn_contact {font-family:Georgia, Arial, Helvetica, sans-serif; color:#91815d; width:100px; float:left; text-align:left; font-style:italic; background-color:#fff; } #content_F_blanc input {width:300px; color:#000; border:0px solid #FFFFFF; margin:0px; padding:0px; } #content_F_blanc textarea {width:470px; height:103px; line-height:17px; color:#000; border:0px solid #FFFFFF; margin:-12px 0 9px 0; padding:0px; background:url(img_temp/point_textarea.jpg) 0 0 no-repeat;} #content_F_blanc #champ_obligatoire {width:160x; font-size:9px; float:right; padding: 5px 0 0 0 } #content_F_blanc #btn {width:300px; float:left; } /* ################################################### */ /* ################## --- Footer --- ################# */ /* ################################################### */ #content_footer_point {width:924px; text-align:right; background:url(img_temp/footer.jpg) no-repeat; height:50px; list-style:none; margin:0px; padding:8px 0 0 0; float:left; } #content_footer {width:924px; text-align:right; height:50px; list-style:none; margin:0px; padding:8px 0 0 0; float:left; } #content_footer ul , #content_footer_point ul{display:inline; padding: 0 16px 0 0; } #content_footer ul li , #content_footer_point ul li {display:inline; text-align:right; padding:0; } #content_footer ul li a , #content_footer_point ul li a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#737373; font-style:normal; text-decoration:none;} #content_footer ul li a:hover, #content_footer ul li.current_page_item a , #content_footer_point ul li a:hover , #content_footer_point ul li.current_page_item a {color:#fff;} #content_footer li span.sep , #content_footer_point li span.sep{color:#737373; font-size:9px; margin:0px; padding:0 2px 0 2px; } #content_footer p , #content_footer_point p{font-size:10px; float:left; font-family:Arial, Helvetica, sans-serif; margin:5px 0; padding:0px;} /* ################################################################################## */ /* ################## --- Galerie CSS Affichage Effect Namaskar --- ################# */ /* ################################################################################## */ #effect_namaskar-overlay{ position:absolute; margin:16px 0 0 16px;} #effect_namaskar-container {position:absolute; left:16px; top:16px;zoom:1;} #effect_namaskar {margin:0px; padding:0px;} #effect_namaskar-wrapper {margin:0px; padding:0px;} .close { position:absolute; left:528px; top:11px; padding:0px; margin:0px; cursor:pointer;z-index: 10;} .close a { padding:0px; margin:0px; cursor:pointer;} } /* IE7 *:first-child+html #effect_namaskar-container{position:absolute;top:0;display:block;} *:first-child+html #effect_namaskar{position:absolute; display:block;}*/ /* IE6 - Thanks to Thickbox for IE expressions * html #effect_namaskar-container{position:absolute;top:0;display:block;} * html #effect_namaskar{position:absolute; top:0;display:block;} * html #effect_namaskar-overlay{position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');} * html #effect_namaskar-wrapper{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} */