/* Structure
-------------------------------- */

body {
	background-color:#000;
	background:url(bodyBackground.gif) repeat-y top ;
	font-family: Trebuchet MS, sans-serif;	
	margin:0;
	padding:0;
}
img {
	border:none;
}
#page {
	width:915px;
	margin-right:auto;
	margin-left:auto;
	background:url(pageBackground.jpg) no-repeat top ;
}


/* Header
-------------------------------- */
#header {
	display:block;
	height:224px;
/*		background-color:#921;*/
}

	/* Logo Wissam Joubran
	-------------------------------- */
	#logo {
		float:left;
		width:400px;
		margin-top:17px;
	}


	/* MenuLang
	-------------------------------- */
	#menuLang {
		float:right;
		display:inline;
		width:80px;
		margin-top:30px;
		margin-right:22px;
		font-family: "Tahoma", sans-serif;
		font-size:10px;
	}
	#menuLang ul{
		float:right;
		text-align:right;
		list-style:none;
		margin:0;
		padding:0;
	}
	#menuLang ul li a {
		display:block;
		text-decoration:none;
		color:#82716A;
		padding:2px 10px;
		height:12px;
	}
	#menuLang ul li a:hover{
		color:#E4CD78;
	}



/* Content
-------------------------------- */
#content {
	clear:both;
	width:803px;
	float:right;
	padding:0 0 76px 0;
}
	#contentBackground {
		position:absolute;
		z-index:1;
		background-color:#fff;
		background-color:#F2E9D3;
		width:803px;
/*		height:800px;*/
	}
	#contentBackground #top, #contentBackground #bottom{
		display: block;
		position: absolute;
		outline: none;
		width:803px;
		height:94px;
	}
	#contentBackground #top{
		background:url(contentBgTop.jpg) repeat-x 0%;
		top:0;

	}
	#contentBackground #bottom{
		bottom:-1px;
		background-color:#291004;
		background:url(contentBgBottom.jpg) repeat-x 0% 110%;
	}

		#contentPage {
		position:relative;
		z-index:2;
		padding:0 26px 0 26px;
		/*background-color:#fd2;*/
	}

	/* Menu
	-------------------------------- */
	#menu {
		clear:both;
/*		display:block;*/
		height:47px;
		margin:40px 26px 0 0;
		padding:0;
		font-size:14px;
		/*float:right;
		text-align:right;
		*/
	}
	#menu ul{
		list-style:none;
		display:inline;
		float:right;
		margin:0 0 0 0;
		padding:0;
	}
	#menu ul li{
		display:inline;
		padding:0;margin:0;
	}
	#menu ul li a{
		float: left;
		text-decoration:none;
		color:#291004;
		padding:1.3em 1em .5em 1em;
	}
	#menu ul li a:hover{
		color:#543220;
		border-bottom:solid 1px #CABEA9;
	}
	#menu ul li a.current{
		color:#543220;
		border-bottom:solid 1px #CABEA9;
	}
	/* Arabic style */
	#menu ul li a.ar{
		float: right;
		font-weight:bold;
		font-family: 'Arabic Transparent', Trebuchet MS;
		font-family:'Traditional Arabic';
		font-size:22px;
		padding:1.3em 1em .2em 1em;
	}

	/* Content : Eléments communs
	-------------------------------------------------- */



	/* Article, Album Photo, etc : Eléments communs
	-------------------------------------------------- */

	#content h2 {
		font-weight:normal;
		clear:both;
		display:block;
		font-size:20px;
		color:#3D3835;
		height:66px;
		padding:6px 0 0 50px;
		margin:56px 0 0 10px;
		background:url(titleBackground.gif) no-repeat;
	}
	#content h3 {
		font-weight: normal;
		display:block;
		font-size:18px;
		line-height:1em;
		margin:0px 50px 0 26px;
		padding:0 0 5px 0;
		color:#543220;
		border-bottom:solid 1px #CABEA9;
	}
	#content h4 {
		font-weight: bold;
		font-size:14px;
		line-height:1em;
		margin:2em 0 0 0;
		color:#3D3835;
	}

	/* Arabic style */
	#content h2.ar {
		width:600px;
		float:right;
		display:inline;
		background:url(titleBackground_ar.gif) right top no-repeat;
		padding:0px 50px 0 0;
		margin:56px 30px 0 0;
		font-size:28px;
		font-family: 'Arabic Transparent';
		font-family:'Traditional Arabic';
		direction:rtl;
		font-weight:bold;
		/*background-color:#df2;*/
	}
	#content h3.ar {
		display:inline;
		float:right;
		width:315px;
		margin:0 50px 0 0;
		font-size:24px;
		font-weight:bold;
		font-family: 'Arabic Transparent';
		font-family:'Traditional Arabic';
		direction:rtl;
	}
	#content h4.ar {
		direction:rtl;
	}



	/* Article
	-------------------------------- */
	
	.article {
		clear:both;					/* Correction bug IE alignement suite ŕ H2 */
		padding:36px 0 0 0;
		line-height:18px;
	}
	.article .textContent {
		display:inline;
		float:left;
		width:315px;
		margin:0 26px 0 26px;
	}
	.article p {
		font-size:13px;
		text-align:justify;
		margin:2em 0 1em 0;
		padding:0;
	}
	.article p.lettrine:first-letter {
		font-size: 2em;color:#543220;
	}
	.article .pictureSet {
		display:inline;
		float:right;
		width:330px;
		margin:0 26px 0 26px;
		text-align:center;
	}
	.article img{
		margin:0 0 60px 0;
		border:1px solid #fff;
	}
	.article p a {
		color:#A17F00;
		color:#835600;
		color:#543220;
		text-decoration:none;
		border-bottom:1px solid #A17F00;
	}
	.article p a:hover {
		color:#A17F00;
		color:#543220;
		text-decoration:none;
		background-color:#FFF8DC;
		background-color:#CABEA9;
		background-color:#E9E1D3;
	}

	.article ul {
		margin:1em 76px 0.5em 74px;
		font-size:13px;
		padding:0;
	}
	.article li {
		padding:0;
	}

	/* Arabic style */
	.article .textContent.ar {
		float:right;
		font-family:'Traditional Arabic';
		margin:0 36px 0 10px;
	}
	.article .ar p {
		font-size:1em !important;
		font-weight:bold;
		text-indent:40px;
		margin:1em 0 0 0;
		line-height:22px;
	}
	.article .pictureSet.ar {
		float:left;
	}

	/* Album
	-------------------------------- */
	.album {
		clear:both;
		padding: 0;
		margin:0;
	}
	.album p {
		text-align:justify;
		margin:1em 26px 1em 26px;
		padding:0;
		width:300px;
		font-size:13px;
	}
	.album .diaporama {
		clear:both;
		padding:6px 0 0 16px;
		width:720px;
	}
	.album .diaporama .img {
		float: left;
		margin:10px;
		border:solid #ffe 5px;
	}
	.album h3 {
		padding:36px 0 0 0 !important;
	}


	/* Arabic style */
	.album.ar {
		/*background-color:#fd2;*/
	}
	.album h3.ar {
		float:right;
		clear:both;
		width:690px !important;
	}
	.album p.ar {
		clear:both;
		float:right !important;
		display:inline;
		direction:rtl;
		width:450px;
		margin:1em 0 1em 26px !important;
		padding:0 50px 0 0;
		/*background-color:#df5;*/
	}
	.album .diaporama.ar {
		padding:6px 26px 0 0;
	}
	.album .diaporama .img.ar {
		float: right;
		padding:0;
	}

	/* Presse
	-------------------------------- */
	
	.presse {
		clear:both;					/* Correction bug IE alignement suite ŕ H2 */
/*		padding:36px 0 0 0;*/
		line-height:18px;
/*		background-color:#2fd;*/
	}
	.presse .textContent {
		display:inline;
		float:left;
		width:316px;
		margin:0 26px 0 26px;
	}
	.presse p {
		font-size:13px;
		text-align:justify;
		margin:0 0 0 0;
		padding:0;
	}
	.presse p a {
		color:#A17F00;
		color:#835600;
		color:#543220;
		text-decoration:none;
	}
	.presse p a:hover {
		color:#A17F00;
		color:#543220;
		text-decoration:none;
		border-bottom:1px solid #543220;
	}
	.presse ul {
		margin:1em 76px 0.5em 74px;
		font-size:13px;
		padding:0;
	}
	.presse li {
		padding:0;
	}

	.presse h3 {
		padding:36px 0 0 0 !important;
	}
	/* Arabic style */
	.presse h3.ar {
		clear:both;
		display:block;
		width:690px !important;
		padding:36px 0 0 0 !important;
	}
	.presse .textContent.ar {
		float:right;
		margin:0 46px 0 16px;
	}


	/* Formulaires
	-------------------------------- */

	form input,
	form select,
	form textarea {
		margin: 0 0 10px 0;
		display:block;
		border:1px solid #CABEA9;
		padding:2px;
		width:250px;
	}
	form textarea {
		height:80px;
	}

	form label {
		color:#6F6D6A;
		color:#543220;
		
		font-size:12px;
	}

	/* Contact
	-------------------------------- */
	.contactForm {
		float:right;
		width:320px;
		margin:0 26px 0 26px;
		border:1px solid #CABEA9;
		/*background-color:#d33;*/
	}
	.contactForm.ar {
		float:left;
	}
	.contactForm form{
		margin:20px 30px 20px 30px;
		display:block;
	}
	.contactForm #submit {
		background-color:#401F0E;
		color:#fff;
		margin:20px 0 0 0;
		cursor:pointer;
	}
	.contactArticle	{
		float:left;
/*		background-color:#df2;*/
		width:375px;
	}
	.contactArticle.ar	{
		float:right;
	}
	.contactArticle.ar a {

	}



/* Footer
-------------------------------- */
#footer {
	clear:both;
	color:#82716A;
}
#footer p {
	font-size:9px;
	font-family: "Tahoma", sans-serif;
	letter-spacing:0.1em;
	text-align:right;
	margin-right:30px;
	padding:10px 0 20px 0;
}
#footer a {
	color:#82716A;
	text-decoration:none;
}
#footer a:hover {
	color:#B2A05E;
	color:#E4CD78;
	text-decoration:underline;	
}




/* Clearing
   see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack
----------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */