/* CSS Document */
body,html 						{color:white;font-family:"Times New Roman", Times, serif;font-size:20px;margin:0px;padding:0}
html							{overflow:-moz-scrollbars-vertical;}
a								{outline:none}
#master							{width:950px;margin:0 auto}
.clear							{clear:both}
span.colorOrange				{color:#db8c00}

.TxtRight						{text-align:right}

#container_top_left 			{float:left;width:950px;margin:5px 0px 0px 0px;height:40px;}
	#container_top_left p 		{color:#B7B188;font-size:20px;font-style:italic;line-height:40px;position: relative}
	#container_top_left img		{float:left;width:25px;height:25px;margin:8px 10px 20px 0px;position: relative}
	
#menu_haut						{float:left;width:950px;background-image:url(../images/ligne_hachure.png);background-repeat:no-repeat;height:22px}
	#menu_haut p				{color:#b7b188;font-size:13px;;line-height:22px;font-family:Arial, Helvetica, sans-serif;margin-left:30px}
	#menu_haut a				{color:#b7b188;text-decoration:none}
	#menu_haut a:hover			{color:#FFFFFF;text-decoration:none}
		
#container_top_right			{float:left;width:950px;height:60px}		
	#container_top_right p		{text-align:right;font-size:20px;color:#B7B188;line-height:60px;font-style:italic;vertical-align:middle;position: relative}
	#container_top_right a		{color:#AE8449;text-decoration:none;position: relative}
	#container_top_right a:hover{color:#db8c00}
	#container_top_right img 	{margin:-2px 0px 0px 0px;vertical-align:middle;position: relative}

.ligne_hachure_basse		{background-image:url(../images/ligne_hachure.png);background-repeat:no-repeat;height:1px;width:950px;margin-top:3px}



#contain						{width:950px;height:433px;float:left}
#container_center_left			{width:313px;height:433px;background-color:#FFFFFF;float:left;margin:0px;padding:0px;background-image:url(../images/logo_dar_challa_03.png);background-repeat:no-repeat;background-position:0 -10px}
#container_center_left p		{text-align:center;line-height:1.05em;color:#646567;margin:0;padding:0}
#container_center_left p a		{text-decoration:none;font-weight:bold;font-size:14px;color:#646567;}
#container_center_left p a:hover{color:#AE8449}

#container_center_left p a.logo	{width:313px;height:278px;display:block}

	#container_center_diapo		{width:576px;height:433px;margin:0px;padding:0px;float:left}
	#container_center_right img {width:61px;height:433px;float:left;margin:0px;padding:0px;position:top}

#container_intro				{width:950px;background-image:url(../images/ombre_cadre.png);background-repeat:no-repeat;float:left;overflow:hidden}
	#welcome					{width:313px;float:left;}
	#texte_intro				{width:636px;float:left;}
		#texte_intro p			{font-size:14px;color:#B7B188;line-height: 1.2;margin:40px 0px 15px 0px;width:585px;position: relative}
		#texte_intro p a		{color:#B7B188}
		#texte_intro h2			{font-size:24px;color:#B7B188;line-height: 1.2;margin:40px 0px 15px 0px;width:585px;position: relative}
		#texte_intro h3			{font-size:20px;color:#B7B188;line-height: 1.2;margin:40px 0px 15px 0px;width:585px;position: relative}
		
	#texte_page					{width:636px;float:left;}
		#texte_page p			{font-size:14px;color:#B7B188;line-height: 1.2;margin:15px 0px 15px 0px;width:585px;position: relative}
		#texte_page p a			{color:#B7B188}
		#texte_page h2			{font-size:24px;color:#B7B188;line-height: 1.2;margin:40px 0px 15px 0px;width:585px;position: relative}
		#texte_page h3			{font-size:20px;color:#B7B188;line-height: 1.2;margin:40px 0px 15px 0px;width:585px;position: relative}		
	
#pdp							{width:950px;height:91px;float:left;margin-top:30px}
	#pdp p						{font-size:11px;padding:0 475px 0 0;text-align:top;color:#B7B188;margin:10px 0px 0px 0px;position: relative;font-family:Arial, Helvetica, sans-serif;line-height:11px}
	#pdp p a					{text-decoration:none;color:#ae8449}
	#pdp p a:hover				{color:#DB8C00}
	

/*PAGE INFOS*/
.menu			{width:950px;float:left;padding:0;height:61px;background-image:url(../images/fond_menu_transparent2.png);background-repeat:no-repeat;color:#DB8C00;text-align:center;margin-bottom:40px}
.menu a			{font-size:16px;margin:45px 0px 0px 0px;text-decoration:none;color:#B7B188;line-height:61px}
.menu a:hover 	{font-size:16px;color:#DB8C00;text-decoration:none}

.paragraphe	{width:950px;float:left}


	.SepLine			{width:950px;float:right;margin-bottom:30px;margin-top:30px}
		.paragraphe_left		{float:left;width:313px;margin:0px;text-align:center;padding-top:10px}
		.paragraphe_right		{float:left;width:576px;margin:0}
		
		.paragraphe_left img{vertical-align:top;border:1px solid white}	
		
		.paragraphe_right h1	{font-size:24px;font-weight:normal;font-style:italic;margin:0 0 10px 0;color:#AE8449}
		.paragraphe_right h4	{font-size:14px;font-weight:bold;text-transform:uppercase;margin:30px 0 15px 0;color:#B7B188}
		.paragraphe_right p		{margin:10px 20px 0 0;font-size:14px;color:#B7B188;line-height:16px}
		.paragraphe_right a,.paragraphe_right div a	{color:#AE8449;text-decoration:none}
		.paragraphe_right a:hover,.paragraphe_right div a:hover{color:#DB8C00}
		.paragraphe_right ul	{list-style-position:outside;margin:10px 20px 0 30px;font-size:14px;color:#B7B188;line-height:16px}
		
		
/*HAUT DE PAGE*/
.haut			{width:950px;float:left;padding:0;height:61px;background-image:url(../images/fond_menu_transparent2.png);background-repeat:no-repeat;color:#DB8C00;text-align:center;margin-top:30px}
.haut a			{font-size:16px;margin:45px 0px 0px 0px;text-decoration:none;color:#B7B188;line-height:61px}
.haut a:hover 	{font-size:16px;color:#DB8C00;text-decoration:none}
		
/*LINKS*/
a[href^="http:"] {
  background: url(../img_lnk/externalLink.gif) no-repeat right 2px;
  padding-right: 10px;
  text-decoration:underline;
}

a[href^="http://www.maison-hotes-marrakech-darchalla.com/"]  {
  background-image: none;
  padding-right: 0;
}

a[href^="mailto:"] {
  background: url(../img_lnk/email.gif) no-repeat right top;
  padding-right: 15px;
}

a[href^="aim:"] {
  background: url(../img_lnk/im.png) no-repeat right top;
  padding-right: 15px;
}

/*TABLE FORMULAURE*/
table.formulaire-darchalla td{
	vertical-align:middle;
	padding:5px 5px 5px 0;
	
	font-size: 14px;
	color: #b7b188;
	line-height: 16px;
}
table.formulaire-darchalla td.colG{
	text-align:right
}

/*--------------------------------------------------------------
/*Mise à jour mai 2009 : bloc d'annonce*/
#AnnonceFond{width:240px;background-color:black;margin:40px auto;padding:5px}
#AnnonceMessage{font-family:"Times New Roman", Times, serif;font-style:italic;font-size:17px;color:rgb(183,177,136);text-align:center;border-top:1px solid rgb(183,177,136);border-bottom:1px solid rgb(183,177,136);line-height:20px;padding:10px 15px 10px 15px}
#AnnonceMessage a{color:rgb(183,177,136)}
/*--------------------------------------------------------------
