/* CSS Document */
	
* {
	padding:				0;
	margin:					0;
	border:					0px none;
}
body {
	font-family: arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#63290b;
	background: #f7eedc url(images/img_body.gif);
	color:#774819;
}

a { text-decoration:none;color:#63290b; }
div.clear {
	clear:					both;
	font-size:				0px;
	line-height:			0;
	height:					0px;
}

.tri1{
height:4px;
width:613px;
background:	url(images/header_line.gif) bottom repeat-x;
margin-top:5px;
}

div#tri_footer{
height:2px;
background:url(images/header_line_footer.gif) bottom repeat-x;
}

div#contenu {
background:url(images/img_header.png) top center repeat-x; 
}

div#contenu_h {
	margin:					0 auto;
	width:					870px;
	}
div#contenu_h_i {
	margin:					0 auto;
	width:					970px;
	}

/** header **/
div#header {
	height:					380px;
	position:				relative;
	
}
#galerie_slog{ background:url(images/fond_galri_haut.png) top center repeat-x; width:833px; height:208px; position:absolute; top:178px; left:0px;}
div#logo{ background:url(images/logo_yasmine.png) top center no-repeat; width:304px; height:126px; position:absolute; top:20px;
left:260px;}
#ambre_left{ background: url(images/ambre_left.png) no-repeat; width:5px; height:208px; position:absolute; top:0px; left:-5px;}
#ambre_right{ background:url(images/ambre_right.png) no-repeat; width:5px; height:208px;position:absolute; top:0px; right:-5px;}
#slider{ width:833px; height:208px;position: relative}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;position: relative
	}
#slider li{ 
	width:833px;
	height:208px;
	overflow:hidden; 
	}	
#boite_yasm{ background:url(images/boite_yasmine.png) no-repeat; width:167px; height:157px; position:absolute; left:20px; top:20px;}
#boite_fer_yasm{ background:url(images/bointe_fer.png) no-repeat; width:213px; height:153px; position:absolute; left:20px; top:20px;}
#yasm_sign{ background:url(images/yasmine_sign.png) no-repeat; width:88px; height:61px; position:absolute; bottom:20px; left:250px;}
#site_yasmine{ background:url(images/yasmine_site.png) no-repeat; width:244px; height:18px;position:absolute; bottom:40px; left:380px;}
#titre_yasmine{ background:url(images/yasmine_titre.png) no-repeat; height:59px; width:138px;position:absolute; bottom:20px; right:10px;}
#slogan{ background:url(images/slogan.png) no-repeat; width:538px; height:52px; position:absolute; top:40px; left:240px}
#slogan2{ background:url(images/text_ban2.png) no-repeat; width:474px; height:86px; position:absolute; top:40px; left:280px}
div#header h1 {
		height:					42px;
		width:350px;
		position:				absolute;
		top:					95px;
		left:					230px;
		font-family:"trajan Pro", arial,sans-serif;
		font-size:18px;
		display:none;
	}
/** milieu **/
div#milieu_2{
margin-top:20px;
background:	url(images/dotline_vert.gif) 633px 0 repeat-y;
}
div#milieu{
padding-top:10px;
float:left;
width:633px;
position:relative;
}
div#milieu h2{
font-family:"trajan Pro", arial,sans-serif;
		font-size:17px;
	margin-top:15px;
text-indent: -900%;
}

h2#oppo{
background:url(images/ind_oppor2.gif) no-repeat;
width:242px;
height:19px;
}
/** liste opport **/
#liste_opp{
background:	url(images/dotline_vert.gif) 633px 0 repeat-y;
}
#liste_2opp
{
 width:625px;
 margin-top:20px;
}
div.opp1{
float:left;
width:296px;
margin-right:10px;
}
.titre_opp{
margin:0;
padding:0;
background:url(images/interne_font.gif) no-repeat;
width:296px;
height:25px;
padding-top:10px;
list-style:none;
}
ul.titre_opp li{
float:left;
}

ul.titre_opp li.nom_op{
color:#c08f5f;
font-size:13px;
font-weight:bold;
margin-left:10px;
}
*html ul.titre_opp li.nom_op{
margin-left:5px;
}
ul.titre_opp li.title_op{
font-size:13px;
font-weight: bold;
margin-left:20px;
}
ul.titre_opp li.ville_op{
font-size:13px;
font-weight: normal;
margin-left:40px;
}
.milieu_op{
margin:0;
padding:0;
background-color:#f8f7f2;
border-left:1px solid #c2bfb3;
border-right:1px solid #c2bfb3;
width:284px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}
div.footer_opp{
background:url(images/interne_footer_op.gif) repeat-x;
width:296px;
height:22px;
position:relative;
}
div.puce_opp a.btn_comment{
display:block;
width:13px;
height:13px;
position:absolute;
top:4px;
left:10px;
cursor:	pointer;
}

.hide {
	display:				none;
}
p.web_comment {
		background:				#f7eeda;
		border-top:				1px solid #f7eeda;
		padding:				18px;
		line-height:			19px;
		position:				absolute;
		bottom:					18px;
		width:					259px;
		z-index:				1000;
	}

.infobulle {position:relative;background:#fff;margin:0;padding:6px;border:2px solid #c2bfb3;text-align:center}
.infobulle01{width:auto;}
.infobulle span {font-size:11px;color:#c08f5f}
/** sidebare **/
div#sidebar{
float:left;
margin-top:12px;
margin-left:20px;
}
div#sidebar h2{
font-family:"trajan Pro", arial,sans-serif;
		font-size:17px;
	margin-top:15px;
text-indent: -1000%;
}
h2#menu{
background: url(images/ind_menu.gif) no-repeat;
width:58px;
height:14px;
}
h2#titre_video2{
background: url(images/video-titre.gif) no-repeat;
width:72px;
height:17px;
}
.tri2{
height:4px;
width:168px;
background:	url(images/header_line.gif) bottom repeat-x;
margin-top:5px;
}
ul.menu_g{
padding:0;
margin:0;
list-style:none;
margin-top:20px;
margin-left:10px;
margin-bottom:40px;
}
ul.menu_vid{
padding:0;
margin:0;
list-style:none;
margin-top:20px;
margin-bottom:40px;
}
ul.menu_vid li{
margin-top:10px;
}
ul.menu_g li{
color:#615949;
font-weight:normal;
font-size:13px;
margin-top:5px;
padding-left:5px;
background:url(images/interne_puce_2.gif) 0px 4px no-repeat;
}
ul.menu_g li a{
color:#615949;
font-weight:normal;
font-size:13px;
}
ul.menu_g li a:hover{
color:#000000;
font-weight:normal;
font-size:13px;
}
h2#actualite{
background: url(images/ind_actu.gif) no-repeat;
width:111px;
height:14px;
}


/** footer **/
div#footer {
	background:url(images/bg_footer.jpg) repeat-x;
	height:					231px;
	padding:				25px 0 0 0;
	margin-top:				30px;
}
div#footer div#footer_cont {
		width:					900px;
		margin:					0 auto;
	}
div#menu_footer div#tri_footer{
width:100%;
margin-top:5px;
}

div#footer h2{
margin:0;
padding:0;
height:14px;
background:url(images/interne_footer_menu.gif) no-repeat;
text-indent: -900%;
line-height:10px;
}
ul#menu_1{
list-style:none;
padding-left:10px;
margin-top:20px;
}
ul#menu_1 li.menu_mere{
float:left;
margin-right:20px;
color:#615949;
font-weight:normal;
font-size:13px;
padding-left:10px;
background:url(images/interne_puce1_footer.gif) 0px 6px no-repeat;
}
ul#menu_1 li.menu_mere a.lien_g{
color:#615949;
font-weight:normal;
font-size:12px;
}
ul.sous_menu{
list-style:none;
padding-left:10px;
margin-top:5px;
}
ul.sous_menu li{
color:#c07d41;
padding-left:10px;
background:url(images/interne_puce2_footer.gif) 0px 6px no-repeat;
}

ul.sous_menu li a.lien_bleu{
color:#c07d41;
font-weight:normal;
font-size:11px;
}
li.tri_h{
float:left;
margin-right:20px;
height:100px; width:2px;
background:	url(images/dotline_vert.gif) repeat-y;
}
/********************************************* residence *******************************************************/
h2#titrds{
background: url(images/residence_titre1.gif) no-repeat;
width:335px;
height:16px;
}
span#titre_pro{
font-family:"trajan Pro", arial,sans-serif;
		font-size:18px;
		color:#6e1020;
		font-weight: normal;
		display:block;
 margin-top:10px;
}
#galrie_photo{
float:left;
margin-top:20px;
margin-right:30px;
}
#img_center{
background-color:#f8f7f2;
width:397px;
height:214px;
border:1px solid #c2bfb3;
padding-left:8px;
padding-top:10px;
padding-bottom:10px;
max-width:397px;
}
div#footer_img_center{
background:url(images/interne_footer_op.gif) repeat-x;
width:407px;
height:22px;
}
ul#liste_img{
float:left;
list-style:none;
margin-top:30px;
}
ul#liste_img li{
margin-top:10px;
}
div#presentation_proj{
float:left;
width:348px;
}
h2#pres_prj{
background: url(images/residence_stitre1.gif) no-repeat;
width:172px;
height:15px;
}
.tri3{
height:2px;
width:338px;
background:	url(images/residence_tri.gif) bottom repeat-x;
margin-top:5px;
}
div#donnees{
margin-top:20px;
background:	url(images/dotline_vert.gif) 363px 0 repeat-y;
}
#desc_prj{
margin-top:10px;
color:#6e1020;
width:338px;
font-size:12px;
}
#desc_prj2{
margin-top:10px;
color:#6e1020;
font-size:12px;
}

div#cart{
float:left;
font-size:11px;
}
div#plan{
float:left;
margin-left:40px;
}
h2#pro_prj{
background: url(images/residence_stitre2.gif) no-repeat;
width:129px;
height:18px;
}
h2#plan_prj{
background: url(images/residence_stitre3.gif) no-repeat;
width:41px;
height:14px;
}
.tri4{
height:2px;
width:147px;
background:	url(images/residence_tri.gif) bottom repeat-x;
margin-top:5px;
}
div#carat_plan{
margin-top:30px;
background:	url(images/dotline_vert.gif)  169px 0 repeat-y;
}
ul#menu_plan{
margin:0px;
padding:0px;
list-style:none;
}
ul#menu_plan li{
padding-left:20px;
font-size:11px;
margin-top:10px;
background: url(images/residence_46.gif) 0px 3px no-repeat;
}

ul#atous_prog{
margin:0px;
padding:0px;
list-style: none;
}
ul#atous_prog li{
margin:0px;
padding:0px;

}
h2#prog{
background: url(images/residence_font_menu1.gif) no-repeat;
width:240px;
height:34px;
}
div#atous_{
float:left;
margin-left:35px;
}
div.liste_prog{
 border:1px solid #ddceb2; 
 width:232px;
 font-size:11px;
 margin-top:2px;
 padding-left:6px;
}
ul#menu_prog{
margin:0px;
padding:0px;
list-style:none;
}
ul#menu_prog li{
padding-left:15px;
margin-top:10px;
background: url(images/residence_34.gif) 0px 3px no-repeat;
}
ul#menu_prog2{
margin:0px;
padding:0px;
list-style:none;
}
ul#menu_prog2 li{
padding-left:15px;
margin-top:10px;
background: url(images/residence_34.gif) 0px 3px no-repeat;
}

ul#sous_menu_prog{
margin:0px;
padding:0px;
list-style:none;
}
ul#sous_menu_prog li{
padding-left:15px;
margin-top:5px;
background: url(images/residence_38.gif) 0px 3px no-repeat;
}
h1#atouts{
background: url(images/residence_font_menu2.gif) no-repeat;
width:240px;
height:34px;
text-indent: -900%;
margin-top:2px;
}
h2#opport{
background: url(images/residence_titre2.gif) no-repeat;
width:143px;
height:16px;
}
h2#menu2{
background: url(images/residence_menu_sid.gif) no-repeat;
width:58px;
height:14px;
}

ul.menu_g2{
padding:0;
margin:0;
list-style:none;
margin-top:20px;
margin-left:10px;
margin-bottom:40px;
}
ul.menu_g2 li{
color:#c07d41;
font-weight:normal;
font-size:13px;
margin-top:5px;
padding-left:5px;
background:url(images/interne_puce_2.gif) 0px 4px no-repeat;
}
ul.menu_g2 li a{
color:#c07d41;
font-weight:normal;
font-size:13px;
}
ul.menu_g2 li a:hover{
color:#63290b;
font-weight:normal;
font-size:13px;
}
h2#contact{
background: url(images/residence_titre3.gif) no-repeat;
width:156px;
height:14px;
}

ul.menu_contact{
padding:0;
margin:0;
list-style:none;
margin-top:10px;
width:170px;
}
ul.menu_contact li{
color:#615949;
font-size:11px;
}
.champ_contact{
width:170px;
border:1px solid #c9ae91;
font-family:Arial, Helvetica, sans-serif;
color:#615949;
}
.technology{
cursor:pointer
}
/******************************* fichier motdepresident *************************************/
h2#titre_mot{
background: url(images/motdupresident_ghita_immo.gif) no-repeat;
width:207px;
height:14px;
}
h2#titre_video{
background: url(images/video.gif) no-repeat;
width:72px;
height:18px;
}
div#motdupresident{
font-size:11px;
font-weight: normal;
margin-top:10px;
width:613px;
}
div#motdupresident p{
margin-top:10px;
}
.tri_mot{
height:1px;
width:613px;
background: url(images/motdupresident_tri_mot.gif) bottom repeat-x;
margin-top:20px;
}
h2#nosval{
background: url(images/motdupresident_nos_valeurs.gif) no-repeat;
width:114px;
height:14px;
}

ul.menu_nosval{
padding:0;
margin:0;
width:613px;
font-size:11px;
list-style:none;
margin-top:20px;
}
h2#charte{
background: url(images/motdupresident_charte_ethique.gif) no-repeat;
width:426px;
height:15px;
}

ul.menu_charte{
padding:0;
margin:0;
font-size:11px;
list-style:none;
margin-top:20px;
width:613px;
}
ul.menu_charte li{
margin-top:10px;
}

/******************************* fichier telechargement  *************************************/
h2#titre_telech{
background: url(images/telechargement_titre.gif) no-repeat ;
width:176px;
height:15px;
}
div#contenu_tele{
margin-top:20px;
font-size:11px;
}
ul#login_connexion{
padding:0;
margin:0;
font-size:11px;
list-style:none;
margin-top:15px;
margin-left:15px;
}
div#form_login{
float:left;
margin-right:100px;
width:240px;
}
div#les_form_tele{
margin-top:20px;
background:	url(images/dotline_vert.gif)  300px 0 repeat-y;
}
div#lien_tele{
float:left;
width:240px;

}
/****************************************** mention legales *************************************/

h2#titre_mention{
background: url(images/mentionslegales_titre.gif) no-repeat;
width:189px;
height:16px;
}

h2#s_titre_mention{
background: url(images/mentionslegales_stitre.gif) no-repeat;
width:174px;
height:14px;
}


/************************************************ nos realisation ***************************************/

h2#oppo2{
background: url(images/realisation.gif) no-repeat;
width:185px;
height:19px;
}

h2#bureau{
background: url(images/bureaux.gif) no-repeat;
width:81px;
height:13px;
}
h2#lotissements{
background: url(images/lotissements.gif) no-repeat;
width:120px;
height:13px;
}
h2#residenctiel{
background: url(images/residenctiel.gif) no-repeat;
width:108px;
height:13px;
}
.liste_opp2{
padding-top:20px;
background:	url(images/dotline_vert.gif) 633px 0 repeat-y;
padding-bottom:20px;
}
h2#parcs_industriels{
background: url(images/parcs_industriels.gif) no-repeat;
width:155px;
height:13px;
}
h2#oppo3{
background: url(images/projet_cours.gif) no-repeat;
width:188px;
height:20px;
}

/****************************************** fichier telecharger **********************************/
ul.lien_telecharger{
padding:0;
margin:0;
list-style:none;
width:400px;
margin-left:40px;
margin-top:20px;
}
ul.lien_telecharger li{
font-weight:normal;
font-size:11px;
margin-top:5px;
padding-left:13px;
width:400px;
}
ul.lien_telecharger li a{
color:#c07d41;
font-weight:normal;
font-size:11px;
display:block;
float: right;
}
ul.lien_telecharger li a:hover{
color:#63290b;
font-weight:normal;
font-size:11px;
}
.tri_mot2{
height:1px;
width:400px;
background: url(images/motdupresident_tri_mot.gif) bottom repeat-x;
margin-top:10px;
}
ul.menu_contact3{
padding:0;
margin:0;
list-style:none;
margin-top:10px;
}
ul.menu_contact3 li{
color:#615949;
font-size:11px;
}
/*********************************** fichier contact ********************************************/

ul.menu_contact2{
padding:0;
margin:0;
list-style:none;
margin-top:10px;
width:400px;
float:left;
}
ul.menu_contact2 li{
color:#615949;
font-size:11px;
width:200px;
}
div#adresse{
float:left;
margin-left:20px;
width:200px;
}
.champ_msg{
border:1px solid #c9ae91;
font-family:Arial, Helvetica, sans-serif;
color:#615949;
}
h2#titre_cont{
background: url(images/contact_titre.gif) no-repeat;
width:178px;
height:16px;
}
h2#titre_equipe{
background: url(images/equipe.gif) no-repeat;
width:142px;
height:19px;
}
h2#coord{
background: url(images/contact_coor.gif) no-repeat;
width:161px;
height:17px;
}
div#contenu_contact{
margin-top:20px;
font-size:11px;
background:	url(images/dotline_vert.gif)  400px 0 repeat-y;
}
.tri3_p{
height:2px;
width:600px;
background:	url(images/residence_tri.gif) bottom repeat-x;
margin-top:5px;
}

div#menu_footer{
height:186px;
}
ul#equi{
margin:0px;
padding:0px;
list-style:none;
margin-left:20px;
}

ul#equi li{
font-family:Arial, sans-serif;
font-size:13px;
color:#615949;
font-weight: normal;
padding-top:10px;
}