* { margin:0; padding:0; }
html { text-align:center;}
body {
	text-align:center;
	font-family: Arial; 
	font-size: x-small;
	background-color: #FFF;
	width:789px; 
	margin: 5px auto;
	position:relative;
	overflow:scroll;
} 
h1	{
	font-size:28px;
}
h2	{
	font-size:24px;
}

#header, #footer, #middle {
	clear:both; 
	text-align:left; 
	width:789px; 
}

.bandeau_photos_riad { 
	display:block; 
	width:789px; 
	height:90px; background-image:url('../img/bandeau_photos_riad.jpg'); 
	margin-top: 5px; margin-bottom: 5px; 
}

.bandeau-mosaique { 
	height:59px;
	background-image:url('../img/mosaique_fes_maroc.jpg');	
}

.bandeau-mosaique-bas { 
	height:29px; 
	margin-bottom:5px;
	background-image:url('../img/mosaique_bas_fes_maroc.jpg');
}

#contact span { 
	display:block; 
	float:left; 
	width:200px; 
	margin-top:5px; 
	margin-left:2px; 
}

#contact fieldset { 
	width:500px; 
}

#corps { 
	clear:both; 
	height:394px;
	position:relative;
	text-align:left;
}

html>body #corps {
	height:auto;
	min-height:390px;
}
.diaporama {
	margin-left:190px;
	clear:both;
}
.email{ 
  	font-size: 16px; 
  	color: #F3F4F5;
  	font-weight: normal;
  	text-decoration: none;
}

form { 
	width:500px; 
	padding:10px 0 0 190px; 
}
 
#footer { 
	position:relative;
 }
 
.footer{ 
  	font-size: 11px; 
  	color: #F3F4F5;
  	font-weight: bold;
} 

.footer_index{ 
	font-size: 16px; 
	color: #F3F4F5;
	background-image:url('../img/bandeau_fes_maroc.jpg'); 
	height:62px; 
	text-align:center; 
	width:789px;
	margin-bottom:2px;
} 

.footer_index_small{
  	font-size: 12px; 
  	color: #99A1AC;
  	text-decoration: none;
  	text-align:center;
}

.footer_index_small a{ 
	color: #99A1AC; 
	text-decoration: none;
}

.footer_index_small a:hover{ 
  	text-decoration: underline;
}

#headline { 
	position:absolute;	
}

.headline { 
  	font-size: 25px;
	color:#F3F4F5;
  	font-weight: bold;
  	text-decoration: none;
  	width:789px;
  	background-image:url('../img/bandeau_fes_maroc.jpg');
  	text-align:center;  
}

.headline_link {  
  	color:#F3F4F5;
  	font-weight: bold;
  	text-decoration: none;
  	text-align:center;
}

.head{ 
  	font-size: 17px; 
  	color: #555673;
  	font-weight: bold;
  	padding-left:190px;
	margin:20px 50px 0 0;
	text-align:left;
}

#header ul { 
	margin:5px 0; 
	width:789px; 
	height:90px; 
}

#header li { 
	float:left; 
	height:90px; 
	list-style-type:none; 
	width:16.66%; 
}

#header li span { 
	display:none; 
}

img { 
	float:none; 
	margin-left:1px; 
	margin-right:1px; 
	padding-top:3px; 
	border:0; 
}

input { 
	float:left;  
	width:150px; 
	height:20px; 
	padding-right:20px; 
	margin-top:5px; 
	margin-bottom:5px;
}

label {
	display:block;
	margin-bottom:20px;
  	font-size: 12px; 
  	color: #555673;
}

#lien1 {
	background-image:url('../img/riad-fes-7.jpg');
}

#lien2 {
	background-image:url('../img/riad-fes-8.jpg');
	float:right;
}

.message_erreur{ 
  	font-size: 12px; 
  	color: #FF0000;
  	font-weight: normal;
  	text-align: justify;
  	padding-left:20px;
}
  
#navigation { 
	margin-top:20px; 
	padding:0; 
	width:179px; 
	float:left; 
	position:absolute;
	text-align:left;
}

#navigation li { 
	background-image:url('../img/bouton_fes_maroc.jpg'); 
	list-style-type:none; 
	height:22px; 
	margin:0 0 10px 0; 
	padding:0 0 0 20px; 
}

#navigation a { 
	color:#fff; 
	font-size:13px; 
	font-weight:bold; 
	line-height:20px;
	text-decoration:none; 
}	

#navigation a:hover { 
	text-decoration:underline;
}

.page { 
	margin:auto; 
	width:789px; 
}

.photos_accueil {
	display:block;
	float:left;
	width:390px;
	height:288px;
	margin:5px 0 5px 0;
}

.photos_accueil img {
	width:390px;	
}

.submit { 
	clear:both; 
	width:60px; 
	margin-left:200px;
}

.text{
  	font-size: 12px; 
  	color: #555673;
  	font-weight: normal;
  	text-align: left;
  	margin-left:190px;
	margin-top:20px;
}

textarea { 
	float:left;  
	width:250px; 
	height:100px; 
	padding-right:20px; 
	margin-top:5px; 
	margin-bottom:5px;
}

#photo_page_1 img { float:right; margin-left:10px; }
#photo_page_2 img { float:right; margin-left:10px; }
#photo_page_3 img { float:right; margin-left:10px; }
#photo_page_4 img { float:right; margin-left:10px; }
#photo_page_5 img { float:right; margin-left:10px; }
.texte_page {
  	font-size: 12px; 
  	color: #555673;
  	font-weight: normal;
	text-align:justify;
  	margin-left:190px;
	margin-top:20px;	
}
.texte_page_2 {
  	font-size: 12px; 
  	color: #555673;
  	font-weight: normal;
	text-align:justify;
  	margin-left:190px;
	margin-top:20px;	
}