* { 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;}
p { padding-bottom:10px;}
#header, #footer, #middle { clear:both; text-align:left; width:789px;}
#corps { clear:both; position:relative; text-align:left; min-height:400px; height:auto !important; height:400px; width:789px;}
/*-------------------------
BANDEAU
-------------------------*/
.bandeau_photos_riad { display:block; width:789px; height:90px; background-image:url('../img/bandeau_riad_layalina_fes.jpg'); margin-bottom: 5px;}
.bandeau-mosaique { height:59px; background-image:url('../img/mosaique_fes_maroc.jpg'); margin-bottom:5px;}
.bandeau-mosaique-bas { height:29px; margin-bottom:5px; background-image:url('../img/mosaique_bas_fes_maroc.jpg');}
/*-------------------------
PAGES
-------------------------*/
.head { font-size:17px; color:#555673; font-weight:bold; padding-left:190px; margin:0 50px 0 0; text-align:left;}
.texte_page { font-size:12px; color: #555673; font-weight: normal; text-align:justify; margin:20px 0 50px 190px;}
.texte_page_2 { font-size:12px; color: #555673; font-weight: normal; text-align:justify; margin:20px 0 0 190px;}
.construction { clear:both; height:300px;}
/*-------------------------
CONTACT
-------------------------*/
#contact span { display:block; float:left; width:200px; margin-top:5px; margin-left:2px;}
#contact fieldset { width:500px;}
form { width:500px; padding:10px 0 0 190px;}
.email { font-size: 16px; color:#F3F4F5; font-weight: normal; text-decoration: none;}
.email_sp { font-size: 14px; color:#F3F4F5; font-weight: normal; text-decoration: none;}
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;}
label_sp { display:block; margin-bottom:20px; padding-top:150px; font-size:12px; color:#555673;}
.message_erreur { font-size: 12px; color: #FF0000; font-weight: normal; text-align: justify; padding-left:20px; margin:0;}
.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;}
.text2 { font-size: 12px; color: #555673; font-weight: normal; text-align: left; margin-left:190px; margin-top:20px; height:288px;}
textarea { float:left; width:250px; height:100px; padding-right:20px; margin-top:5px; margin-bottom:5px;}
/*-----------------------------
HEADER - NAVIGATION - FOOTER
-----------------------------*/
.page { margin:auto; width:789px;}
#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;}
#drapeau { float:right;}
#drapeau li { background-image:none;}
#navigation { top:2px!important; top:22px; padding:0; width:179px; float:left; position:absolute; text-align:left;}
#navigation li { background:url('../img/bouton_fes_maroc.jpg') no-repeat; list-style-type:none; height:22px; margin:0 0 9px 0; padding:0 0 0 10px;}
#navigation a { color:#fff; font-size:13px; font-weight:normal; line-height:20px; text-decoration:none;}
#navigation a:hover { text-decoration:underline;}
#navigation_diaporama { top:45px!important; top:65px; left:640px; width:130px; float:left; position:absolute; text-align:left;}
#navigation_diaporama li { background:url('../img/diaporama_fes_maroc-3.jpg') no-repeat; list-style-type:none; width:150px; height:22px; margin:0 0 10px 0; padding:0 0 0 7px;}
#navigation_diaporama a { color:#fff; font-size:13px; font-weight:normal; line-height:20px; text-decoration:none;}
#navigation_diaporama a:hover { text-decoration:underline;}
#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'); text-align:center; width:789px; margin-bottom:2px; height:40px;}
.footer_index_sp { font-size: 14px; color: #F3F4F5; background-image:url('../img/bandeau_fes_maroc.jpg'); padding-top:5px; text-align:center; width:789px; margin-bottom:2px; height:40px;}
.footer_index_small { font-size: 12px; color: #99A1AC; text-decoration: none; text-align:center; height:18px;}
.footer_index_small a { color: #99A1AC; text-decoration: none;}
.footer_index_small a:hover {text-decoration: underline;}
/*-------------------------
IMAGES - DIAPORAMA - VIDEO
-------------------------*/
img { float:none; margin-left:1px; margin-right:1px; padding-top:3px; border:0;}
.image_left img { float:left;}
.photos_accueil { display:block; float:left; width:390px; height:288px; margin:5px 0 5px 0;}
.photos_accueil img { width:390px;}
#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;}
#photo_page_6 img { float:left; margin-right:10px;}
#photo_page_7 img { margin-left:60px;}
#photo_page_8 img { float:left; margin-right:10px;}
#photo_accueil { margin-bottom:5px;}
.photo_gauche { float:left; margin:0 10px 5px 0;}
.photo_droite { float:right; margin:0 0 5px 10px;}
.photo_riad img { width:50px; float:left; margin:0 0 20px 270px;}
.photo_riad a img {border:none}
.photo_riad a:hover {border:0px} /*hack pour IE */
.photo_riad a:hover img {width:260px; margin-top:20px; }
.diaporama { clear:both; margin:0 0 50px 0; padding:0;}
.video { clear:both; margin:20px 0 10px 190px;}
#pano {
margin-top:20px;
margin-left:190px;
margin-bottom:110px;
width:435px;
height:326px;
}
/*-------------------------
CODES INUTILISES ...
-------------------------*/
#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; height:90px; margin-bottom:5px;}
#lien1 { background-image:url('../img/riad-fes-7.jpg');}
#lien2 { background-image:url('../img/riad-fes-8.jpg'); float:right;}