@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

body{
	background: url(images/background.jpg) center top repeat;
	margin:0 auto;
	width:100%;
}

#all {
	width:955px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#banniere-fond {
	background: url(images/un_jour_a_dubai.jpg) center top repeat;
	display:block;
	height:200px;
	margin:0 auto;
	width:100%;
}

#banniere {
	display:block;
	background-color:#000000;
	height:200px;
	width:955px;
	margin:0;
}

#conteneur {
	margin:0 auto;
	padding: 10px 0 10px 0;
	width:955px;
}

#contenu {
	width:625px;
	padding:0 0 0 10px;
	float:left;
}

#images {
	padding:0;
	background-color:#FFFFFF;
}

#contenu-edifices {
	width:630px;
	padding:0 0 0 10px;
	background-color:#FFFFFF;
	float:left;
}

#menu-droite {
	width:300px;
	margin:0 0 0 645px;
}

#footer {	
	background:url(images/footer.jpg) left top repeat-x;
	height:20px;
	clear:both;
}

#credits {
	width:955px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, Verdana;
	height:16px;
	padding-top:4px;
	font-weight:bold;
}

#credits a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
}

/* Menu deroulant */

.menu{  
	display:block;
	padding:0 0 0 0;
	width:955px;
    }

.menu ul{
	position:absolute;
	display:block;
	width:124px;
	padding:2px;
	background-color:#000000;
    }
    
.menu li ul{
	visibility:hidden;
    }

.menu li li ul{
	margin-left:124px;
	margin-top:-23px;
    }
    
.menu li{
	list-style:none;
	width:124px;
	display:inline;
	float:left;
	margin:0;
	padding:0;
    }
    
.menu li a:hover{
	background-color: #000000;
    }
    
.menu li li a{
	background-color: #000000;
	text-align:left;
	padding-left:5px;
	display:block;
	width:119px;
	float:none;
    }
    
.menu li li a:hover{
	background-color: #222222;
    }
    
/* correct a little IE bug */
* html .menu li li{
	display:inline;
    }

.menu a{
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	font-size:11px;
	display:block;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	margin:0px;
    }
    
.menu a:hover{
    color:#FFFFFF;
	}

.texte {
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
    }

.texte a{
	color:#091642;
	text-decoration:underline;
    }

.texte a:hover{
	color:#0C34AD;
	text-decoration:none;
    }

.texte strong{
	color:#091642;
	text-decoration:none;
    }

.en-savoir-plus {
	display:block;
	float:right;
	padding:7px 5px 0 0;
	text-align:right;
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
    }

.en-savoir-plus a{
	color:#091642;
	text-decoration:none;
	font-weight:bold;
    }

.en-savoir-plus a:hover{
	color:#0C34AD;
	text-decoration:none;
	font-weight:bold;
    }

.lire-la-suite {
	display:block;
	width:625px;
	position:absolute;
	float:right;
	margin:120px 0 0 0;
	padding:7px 0 0 0;
	text-align:right;
	vertical-align:bottom;
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
    }

.lire-la-suite a{
	color:#091642;
	text-decoration:none;
	font-weight:bold;
    }

.lire-la-suite a:hover{
	color:#0C34AD;
	text-decoration:none;
	font-weight:bold;
    }

.auteur {
	display:block;
	width:625px;
	float:right;
	padding:15px 0 0 0;
	text-align:right;
	vertical-align:bottom;
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
    }

.auteur a{
	color:#091642;
	text-decoration:none;
	font-weight:bold;
    }

.auteur a:hover{
	color:#0C34AD;
	text-decoration:none;
	font-weight:bold;
    }

.en-savoir-plus-menu {
	display:block;
	float:right;
	padding:15px 5px 0 0;
	text-align:right;
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
    }

.en-savoir-plus-menu a{
	color:#091642;
	text-decoration:none;
	font-weight:bold;
    }

.en-savoir-plus-menu a:hover{
	color:#0C34AD;
	text-decoration:none;
	font-weight:bold;
    }

.ariane {
	color:#555555;
	font-family:Arial, Helvetica, Verdana;
	font-size:11px;
	text-decoration:none;
	padding:0 0 10px 0;
    }

.ariane a{
	color:#091642;
	text-decoration:underline;
    }

.ariane a:hover{
	color:#0C34AD;
	text-decoration:none;
    }

.titre {
	color:#091642;
	font-family:Arial, Helvetica, Verdana;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 0;
	clear:both;
    }

.titre a{
	color:#091642;
	text-decoration:none;
    }

.titre a:hover{
	color:#0C34AD;
	text-decoration:none;
    }

.pave {
	width:300px;
	height:250px;
	overflow:hidden;
}

.bloc-menu {
	background:url(images/edifice-bg2.jpg) left top repeat-x;
	margin:0;
	padding:0;
	width:300px;
	height:70px;
	float:left;
}

.bloc-menu-bas {
	background:url(images/edifice-bg2.jpg) left top repeat-x;
	margin:0;
	padding:0 0 10px 0;
	width:300px;
	height:70px;
	float:left;
}
    
.bloc-actualite {
	width:625px;
	padding:0 0 10px 0;
	float:left;
}

.bloc-edifice {
	background:url(images/edifice-bg1.jpg) left top repeat-x;
	margin:0 5px 0 0;
	padding:0 0 5px 0;
	width:310px;
	height:90px;
	float:left;
}
    
.apercu {
	float:left;
}

.apercu img {
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu img a{
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu img a:hover{
	background-color:#FFFFFF;
	padding:4px;
	border:1px solid #6666BB;
}
    
.image {
	float:left;
	padding:0 5px 5px 0;
}

.image img {
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.image img a{
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.image img a:hover{
	background-color:#FFFFFF;
	padding:4px;
	border:1px solid #6666BB;
}
    
.apercu-edifice {
	float:left;
	padding:0 0 5px 5px;
}

.apercu-edifice img {
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu-edifice img a{
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu-edifice img a:hover{
	background-color:#FFFFFF;
	padding:4px;
	border:1px solid #6666BB;
}
    
.apercu-edifice-menu {
	float:left;
	padding:5px 0 5px 5px;
}

.apercu-edifice-menu img {
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu-edifice-menu img a{
	background-color:#EEEEEE;
	padding:4px;
	border:1px solid #333366;
}

.apercu-edifice-menu img a:hover{
	background-color:#FFFFFF;
	padding:4px;
	border:1px solid #6666BB;
}

.chapeau {
	width:505px;
	padding-top:5px;
	height:105px;
	margin:0 0 0 115px;
}

.infos {
	margin:0;
}

.description-edifice {
	width:240px;
	margin:0 0 0 70px;
}

.description-menu {
	width:230px;
	margin:0 0 0 70px;
}

.menu-droite-titre {
	background:url(images/menu-droite-titre.jpg) left top repeat-x;
	height:30px;
	width:300px;
	margin-top:10px;
	float:left;
}

.titre-moyen {
	color:#FFFFFF;
	background:url(images/etoile.png) left top no-repeat;
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding:6px 0 0 28px;
}

.petit-titre {
	padding:0 0 5px 0;
	color:#091642;
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.titre-moyen-bleu {
	vertical-align:middle;
	padding:5px 0 4px 5px;
	color:#091642;
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.titre-moyen-bleu a{
	color:#091642;
	text-decoration:none;
}

.titre-moyen-bleu a:hover{
	color:#0C34AD;
	text-decoration:none;
}

.titre-moyen-bleu-menu {
	vertical-align:middle;
	padding:5px 0 4px 0;
	color:#091642;
	font-family:Arial, Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.titre-moyen-bleu-menu a{
	color:#091642;
	text-decoration:none;
}

.titre-moyen-bleu-menu a:hover{
	color:#0C34AD;
	text-decoration:none;
}