@charset "utf-8";

/*
 *
 *	@titre: homepage.
 *	@description: feuille de style home page - moniteur archizz.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090618.
 *	@modification: -
 *
 */

#homepage { width:921px; margin:0 auto; }

.hp-left { width:290px; float:left; }
.hp-right { width:620px; float:right; }

.publiprj { background:url(../../images/data/home/archi-ouvrage.gif) 0 0 no-repeat; width:290px; height:57px; padding:213px 0 0; margin:0 0 10px; }
.publiprj a { display:block; width:235px; height:30px; margin:0 auto; }
.publiprj a span { display:none; }


/*.publiprj { width:290px; height:270px; background:yellow; margin:0 0 10px; overflow:hidden; }*/


.rjnt { height:180px; background:#c5c1be; padding:14px 0 0 14px; overflow:hidden; position:relative; }
.rjnt h2 { padding:0 0 2px; line-height:100%; }
.rjnt h2 img { display:block; }	
.rjnt .rjnt-liste { height:143px; width:270px; }
.rjnt ul { padding:0 0 0 0; }
.rjnt ul li { background:url(../../images/design/misc/puce-carre-gris.gif) 0 7px no-repeat; padding:4px 0 4px 10px; border-bottom:1px dotted #b4a9a5; line-height:100%; }

.photo { position:relative;  width:620px; height:414px; overflow:hidden; }
.photo div { display:none; }
.photo div.active { display:block; }
.photo p.bg { position:absolute; top:386px; left:0; color:white; background:#585451; width:604px; padding:8px; opacity:0.7; z-index:1; }
.photo p.bg { filter:alpha(opacity=70); }
.photo p.text { position:absolute; top:386px; left:0; color:white; width:604px; padding:8px; z-index:2; }
.photo p.text a { color:white; text-decoration:none; line-height:115%; display:block; vertical-align:middle; }
.photo p.text span { float:left; color:white; margin:0 5px 0 0; }
.photo p.text img { float:left; margin:2px 5px 0 0; }
.photo p.img { width:620px; height:414px; overflow:hidden; }

.hp-left .tous { padding: 11px 0 0; position:absolute; top:165px; left:40px; }
.hp-left .tous a { color:white; font-weight:bold; font-size:1.1em; }
.hp-left .tous a:hover { text-decoration:none; color:#d60107; }
.hp-left .tous a span { font-weight:bold; font-size:1.1em; }


.hp-right .tous { margin:2px 0 30px; }
.hp-right .tous a { color:white; font-weight:bold; font-size:1.1em; background:url(../../images/design/misc/point-left.gif) 0 center no-repeat; display:block; float:left; height:15px; padding:0 0 0 10px; }
.hp-right .tous a:hover { text-decoration:none; color:#d60107; }
.hp-right .tous a.right { float:right; }
.hp-right .tous a.right:hover { text-decoration:none; color:#ff9a00; }
.hp-right .tous a span { font-weight:bold; font-size:1.1em; }

.map { margin:0 0 30px; clear:both; }
.map #map { border:3px solid #c5c1be; width: 861px; height:428px; float:right; z-index:500; }
.map #mapCtrl { width: 54px; height:434px; float:left; position:relative; background:#8b8784; z-index:1000; }
.map #mapCtrl div.gmnoprint { padding:10px 0 0 10px; }
.map #mapCtrl div.gmnoprint div { margin:0 0 3px; }
.map #mapCtrl .mapFullscreen { position:absolute; top:80px; left:13px; }
.map #mapFullscreen { position:absolute; left:0; top:0; width:100%; height:100%; background:black; z-index:1000; margin:0; display:none; }
.map #mapCtrl .moreCtrl { position:absolute; border:1px solid black; float:left; top:10px; left:0; }
.map #mapCtrl .dernier { left:65px; z-index:1000000; width:140px; }
.map #mapCtrl .tous { left:207px; z-index:1000000; width:125px; }
.map #mapCtrl .moreCtrl a { display:block; background:white; font-size:12px; text-align:center; padding:1px 0; border:1px solid #b0b0b0; border-top:1px solid white; border-left:1px solid white; font-family:Arial, Helvetica, sans-serif; }
.map #mapCtrl .moreCtrl a.active { border:1px solid #6c9ddf; border-top:1px solid #345684; font-weight:bold; }
.map #mapCtrl .moreCtrl a:hover { text-decoration:none; }
.map #mapCtrl .dernier a { width:140px; }
.map #mapCtrl .tous a { width:125px; }
.map #mapCtrl form { width:292px; height:20px; padding:7px; background:#c5c1be; position:absolute; bottom:0; left:56px; z-index:1000000; }
.map #mapCtrl form input { background:white; font-size:10px; color:#93908e; }
.map #mapCtrl form input.text { width:205px; padding:2px 5px; height:12px; }
.map #mapCtrl form input.submit { width:68px; height:18px; font-weight:bold; color:#000000; }

/* popup maitres d'oeuvres */

#list-moe { border:1px solid #ccc; width:440px; padding:20px 0; top:350px;}
#list-moe h2 { background:none; padding:0 0 10px; }
#list-moe .inner { padding:10px 50px;  }
#list-moe .critere { color:#d70007; font-weight: bold; }
#list-moe .moe-link { width:340px; padding:3px;  }
#list-moe .moe-link option { padding:2px 5px; }
#list-moe label { color:#8b8a88; font-size:1.1em; display:block; padding-bottom:3px; }
#list-moe .content { width:360px; height:400px; margin:0 auto; overflow:auto; }
#list-moe .inner p { padding:10px 0; font-size:1.2em; }
#list-moe .inner p a { color:#8D8986; }
#list-moe .inner p.button { text-align:center; }
#list-moe .inner p.button img { cursor:pointer; }
#list-moe .btn-pop a { font-size:10px; width:60px; text-align:center; text-decoration:none; font-weight:bold; }
#list-moe .btn-pop a:hover { color:#d70007 ; }