@charset "utf-8";
/* CSS Document */
* {
padding : 0;
margin : 0;
border : 0 none;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #474645;
background:#b1c1ed url(images/bg_body.png) repeat-x; 
}
input,textarea{ border:1px solid #c9ae91 ;}
h2 {
text-indent : -900%;
}
ul {
list-style-type : none;
}
.mrg_top_30{ margin-top:30px;}
a {
cursor:pointer;
text-decoration : none;
color : #FFFFFF;
font-family : Arial, Helvetica, sans-serif;
}
div.clear {
clear : both;
font-size : 0;
line-height : 0;
height : 0;
}
#conteneur {
background:url(images/bg_conteneur.png) repeat-y;
width:832px;
padding-bottom:20px;
margin:0 auto;
padding-left:6px;
}
#contenu{
width:821px;
padding-left:10px;
}
#header{ position:relative; width:799px; height:131px; background:url(images/font_1.png) no-repeat left bottom;}
#logo_tbre{ position:absolute; top:20px; left:20px; background: url(images/logo_tbre.png) no-repeat; height:93px; width:143px}
#lang_tel{ position:absolute; top:0px; right:0px; background:url(images/font_0.png) no-repeat; width:278px; height:29px;}
#lien_francais{ background:url(images/francais.png) no-repeat; height:11px; width:55px; position:absolute; top:8px; left:18px;}
#num_tel{ background:url(images/numero_tel.png) no-repeat; width:129px; height:16px; position:absolute; top:4px; right:30px}
#menu ul {
	position:absolute;
	bottom:10px;
	right:-90px;
	width: 670px;
}
#menu ul li { float:left}
#milieu{position:relative; width:799px; padding-top:20px;}
#galerie_projet{ background: url(images/font_galerie_projet.png) no-repeat; width:795px; height:313px; position:relative;overflow:hidden;}
.titre_projet{position:absolute; top:40px; left:75px;}
.text_projet{ display:block; position: absolute; top:100px; left:75px; font-family:"Times New Roman", Times, serif; color:#3d3c3c; width:383px; font-size:18px;}
.plus_info{ background:url(images/puce_plus_info.png) no-repeat; width:76px; height:21px; position:absolute; bottom:40px; left:75px;}
#img_marina_beach{ background:url(images/img_marina_beach_galrie_index.png) no-repeat; width:267px; height:287px}
#img_bella_vista{ background:url(images/img_bella_vista_galrie_index.png) no-repeat; width:267px; height:287px}
#img_arena_martil{ background:url(images/img_arena_martil_galrie_index.png) no-repeat; width:267px; height:287px}
#img_sania_plage{ background:url(images/img_sania_plage_galrie_index.png) no-repeat; width:267px; height:287px}

.img_projet{ position:absolute; top:7px; left:475px;}
.btn_next{ position:absolute; top:120px; right:10px}
#tamuda_galrie{ float:left; width:315px; padding-top:30px; }
.titre_tamuda_gal{ background: url(images/font_6.png) no-repeat left bottom; width:277px; padding-bottom:10px; padding-left:20px;}
.img_tamuda{ padding-top:15px; padding-left:15px;}
.img_tamuda img{ border:6px solid #d7d9db}
.text_desc{ width:251px; padding-left:20px; padding-top:10px;}
#galrie_photo{ padding-top:30px;}
.img_gal_photo{ padding-top:15px; padding-left:15px;}
.img_gal_photo img{ border:3px solid #d7d9db; float:left; margin-right:18px;}
#footer{position:relative; width:799px; padding-top:20px; padding-left:10px}
.titre_inves_cont{ background:url(images/font_5.png) no-repeat; width:449px; height:29px; padding-top:5px; padding-left:30px;}
#tbre_inves_contact{ float:left;padding-top:25px; width:479px;}
#desc_inves{ padding-top:20px; padding-left:30px;}
#desc_inves ul li{ float:left; margin-right:20px;}
#contact_coord{ padding-top:20px;}
#contact_index{ padding-top:30px}
#contact_nous { float:left; position:relative; width:244px;height:290px;}
#titre_contact { background:url(images/soustitreform_contact.png) no-repeat; position:absolute; top:0px; left:20px; width:172px; height:16px;}
#contact_nous ul{ position:absolute; top:20px; left:30px; width:180px}
#coordonnes{ float:left; position:relative; background:url(images/trie_1.png) repeat-y left top; width:218px; height:230px}
#titre_coordonnes{ background:url(images/titre_coordonnees.png) no-repeat; width:138px; height:13px;position:absolute; top:0px; left:30px;}
#text_coord{ position:absolute; top:40px; left:60px}
#text_coord span{ font-weight:bold; color:#007dc2}
#logo_tbre_coord{ background:url(images/logo_tbre2.png) no-repeat; width:74px; height:78px; position:absolute; top:160px; left:80px}
#m_quisommesnous{ background:url(images/font_quisommesnous.png) no-repeat; width:794px; height:496px; position:relative}
#contact_quisommesnous{ padding-top:0}
#titre_qui{ background:url(images/titre_tamuda_bay_real_estate.png) no-repeat; width:191px; height:17px; position:absolute; top:30px; left:30px;}
#text_qui { position:absolute; top:70px; left:30px; width:732px}
#img_qui{ background:url(images/img_quisommesous.png) no-repeat; width:306px; height:282px; position:absolute; top:150px;
right:30px;}
.liste_2_pro{ position:relative; height:311px;}
.pro_left,.pro_right{ background: url(images/font_1_pro.png) no-repeat; width:373px; height:311px}
.pro_left{ position:absolute; top:0; left:0px}
.pro_right{position:absolute; top:0; right:0px}
.img_pro_list{ position:absolute; top:20px; left:20px;}
.titre_pro_liste{ position:absolute; top:192px; left:20px}
.text_pro_liste{ position:absolute; top:227px; left:20px; width:335px;  }
.plus_info_list_pro{ background:url(images/plus_info_pro.png) no-repeat; width:52px; height:17px; position:absolute; bottom:5px; right:10px}
#form_contact { background:url(images/font_galerie_projet.png) no-repeat;width:795px; height:313px; position:relative}
#titre_form_contact{ background:url(images/titre_contactez_nous.png) no-repeat; width:169px; height:26px; position:absolute; top:20px; left:30px;}
#contact_coord_form_contact{ position:absolute; top:60px; left:30px  }
#contact_nous_form_contact { float:left; position:relative; width:520px;height:290px;}
#contact_nous_form_contact ul{ position:absolute; top:20px; left:30px; width:490px}
.pad_form{ padding-top:10px;}
.btn_form{ padding-top:83px;}


#fich_pro_contact{ visibility:hidden}
#fich_pro_prix{ visibility:hidden}
#fich_pro_plan{ visibility:hidden}
#fich_pro_photos{ visibility:hidden}

#m_fich_pro { background:url(images/font_galerie_projet.png) no-repeat;width:795px; height:313px; position:relative}
#titre_pro_fich_prod{ position:absolute; top:-70px; left:20px}
#list_pro_fich_prod{ position:absolute; top:-70px; right:0px}
#titre_paiement{ background:url(images/titre_mode_paiement.png) no-repeat; width:146px; height:17px; position:absolute; top:160px; left:30px}
#desc_paiement{ position:absolute; top:190px; left:30px; font-family:"Times New Roman", Times, serif; font-size:14px; color:#424040; width:700px}

.g_img{ position: absolute; top:20px; left:20px;}
.p_img1_left{ position:absolute; top:20px; right:115px;}
.p_img1_right{ position:absolute; top:20px; right:20px;}
.p_img2_left { position:absolute; top:115px; right:115px;}
.p_img2_right{ position:absolute; top:115px; right:20px;}
.p_img3_left { position:absolute; top:210px; right:115px;}
.p_img3_right { position:absolute; top:210px; right:20px;}
#fich_pro_desc_1{ width:264px; position:absolute; top:30px; left:20px}
#img_pro_sania{ background:url(images/fich_pro_img_sania.png) no-repeat; width:197px; height:222px; position:absolute; top:30px; left:295px}
#fich_pro_desc_2{width:264px; position:absolute; top:30px; right:20px}
#menu_fich_pro{ position:absolute; bottom:-52px; left:20px}
#menu_fich_pro ul li { float:left }

/******************************************************** tabs ********************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none!important;
    }
}

/* Hide useless elements in print layouts... */


/* the "fragments" which are the single tab areas. each tab is defined by a fragment. 
you can add as many as you want following the scheme "#fragment-x" */
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6, #fragment-7, #fragment-8, #fragment-9 {
width:795px !important;
}
#contact_coord_form_contact2{ position:absolute; top:40px; left:30px  }

a.btn_info{ display:block; background:url(images/btn_infos.png) no-repeat; width:105px; height:51px}
.active_btn_info,a.btn_info:hover{display:block;background:url(images/h_btn_infos.png) no-repeat; width:105px; height:51px}
a.btn_photo{ display: block; background:url(images/btn_photos.png) no-repeat; width:130px; height:51px}
.active_btn_photo,a.btn_photo:hover{display:block;background:url(images/h_btn_photos.png) no-repeat; width:130px; height:51px}
a.btn_plan{ display:block; background:url(images/btn_plan.png) no-repeat; width:130px; height:51px}
.active_btn_plan,a.btn_plan:hover{display:block;background:url(images/h_btn_plan.png) no-repeat; width:130px; height:51px}
a.btn_prix{ display:block; background: url(images/btn_prix.png) no-repeat; width:111px; height:51px}
.active_btn_prix,a.btn_prix:hover{display:block;background:url(images/h_btn_prix.png) no-repeat; width:111px; height:51px}
a.btn_contact{ display:block; background: url(images/btn_contact.png) no-repeat; width:77px; height:51px}
.active_btn_contact,a.btn_contact:hover{display:block;background:url(images/h_btn_contact.png) no-repeat; width:77px; height:51px}

a.btn_video{ display:block; background: url(images/btn_video.png) no-repeat; width:130px; height:51px}
.active_btn_video,a.btn_video:hover{display:block;background:url(images/h_btn_video.png) no-repeat; width:130px; height:51px}

#img_pro_arena{ background:url(images/fich_pro_img_arena.png) no-repeat; width:197px; height:222px; position:absolute; top:30px; left:295px}
#fich_pro_desc_1 a{ color:#007dc2; text-decoration:underline }
.technology{ cursor:pointer}
#img_pro_marina{ background:url(images/fich_pro_img_marina.png) no-repeat; width:197px; height:222px; position:absolute; top:30px; left:295px}
#img_pro_bella{ background:url(images/fich_pro_img_bella.png) no-repeat; width:197px; height:222px; position:absolute; top:30px; left:295px}


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:795px;
		height:313px; 
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		position:absolute;
		left:5px;
		top:120px;
		overflow:hidden;
		}	
	#nextBtn{ 
		left:745px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:64px;
		height:57px;
		background:url(images/puce_precedent.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
	    width:46px;
		background:url(images/puce_next.png) no-repeat 0 0;	
		}						
		
		/* image replacement */
         #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */						

/* // Easy Slider */