@charset "utf-8";

/*
 *
 *	@titre: layout.
 *	@description: feuille de style global - moniteur archizz.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090529.
 *	@modification: -
 *
 */

/* ::: global :::*/

html * { margin:0; padding:0; color:black; border:none; outline:none; }
body { text-align:left; font-size:62.5%; font-style:normal; font-family:Verdana, Geneva, sans-serif; background:white; }
body * { font-size:1em; line-height:115%; font-family:Verdana, Geneva, sans-serif; }

html, body { width:100%; height:100%; }

strong,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:bold; }

img,
input,
select,
textarea { vertical-align:middle; }

ul { list-style:none; }
ol { list-style:decimal; }

table { border-collapse:collapse; width:100%; }

a { text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; cursor:pointer; }

legend { display:none; }
input,
textarea { padding:1px 5px 2px; font-size:1.2em; color:black; border:1px solid #ccc; background-color:white; }
textarea { resize:none; overflow:auto; }

* html input,
* html textarea { padding:2px 5px 1px; }

select { padding:1px 0; font-size:1.2em; color:black; border:1px solid #ccc; background-color:white; }
option { padding:0; background-color:white; }

input.text { font-size:1.2em; }
input.radio { width:14px; height:14px; border:none; padding:0; vertical-align:middle; background:none; }
input.checkbox { width:14px; height:14px; border:none; padding:0; vertical-align:middle;  background:none; }
input.button { border:none; padding:0; }
input.file { font-size:1.2em; }
input.image { background:none; border:none; padding:0; }

* html input.radio,
* html input.checkbox { margin-top:1px; }

/* ::: clearing ::: */

.clear { display:block; clear:both; }
.clearfix:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

html[xmlns] .hidden { display:none; }
.hidden,
.printOnly { display:none; }

/* ::: page layout ::: */

#main-content { width:994px; margin:0 auto; }
	
/* :: publicite top :: */

#pub-top { /*height:95px; text-align:center; */ padding:10px 0; }

/* :: header :: */

#onglet { background:white; width:980px; height:16px; margin:0 auto; }
#onglet li { float:left; display:block; height:16px; background:url(../../images/design/page-layout/bg-onglet.gif) right 0 no-repeat; padding:0 9px 0 0; }
#onglet li a { display:block; float:left; height:14px; background:#e4e1dc; color:#8b8883; padding:2px 20px 0; font-size:1.1em; text-decoration:none; }
#onglet li a.active { background:black; color:white; }

#header { background:url(../../images/design/page-layout/header-ds.jpg) right 0 no-repeat; }
#header-inner { width:924px; margin:0 auto; background:black; padding:8px 28px 52px; position:relative; }
#header-inner .left { float:left; width:341px; }
#header-inner .left p.txt { color:white; font-size:1.4em; font-weight:bold; padding:0 0 5px; position:relative; top:-2px; }
#header-inner .right { float:right; height:129px; width:578px; }
#header-inner .right ul { float:right; padding-bottom:5px; }
#header-inner .right ul.rsuser li { background:none; }
#header-inner .right ul.rsuser li a { background:url(../../images/design/misc/puce-cnct-rouge.gif) 0 4px no-repeat; padding:0 0 0 10px; font-weight:bold; cursor:default;}
#header-inner .right ul.rsuser li a:hover { text-decoration:none; }
#header-inner .right ul.rsuser { padding-bottom:20px; float:left; padding-left:266px; }
#header-inner .right li { float:left; background:url(../../images/design/misc/pt-vertical.gif) left 0 no-repeat; padding:6px 30px 0 5px; }
#header-inner .right li.first { padding-left:0; background:none; padding-right:7px; }
#header-inner .right li.last { padding-right:0; }
#header-inner .right li a { color:white; font-size:1.1em; background:url(../../images/design/misc/puce-cnct.gif) 0 4px no-repeat; padding:0 0 0 10px; }
#header-inner .right li.first a { padding:0; background:none; }
#header-inner .right .menu { clear:both; border-top:1px solid white; padding:0 0 20px; }
#header-inner .right .menu a { float:left; margin:0 28px 0 0; height:25px; background-position:0 bottom; background-repeat:no-repeat; }
#header-inner .right .menu a span { display:none; }
#header-inner .right .menu a.menu-accueil { width:78px; background-image:url(../../images/design/menu/main-menu-accueil.jpg); }
#header-inner .right .menu a.menu-realisation { width:118px; background-image:url(../../images/design/menu/main-menu-realisation.jpg); }
#header-inner .right .menu a.menu-projet { width:280px; background-image:url(../../images/design/menu/main-menu-projet.jpg); }
#header-inner .right .menu a:hover,
#header-inner .right .menu a.active { background-position:0 0; }
#header-inner .right .menu a.last { margin:0; }
#header-inner .right .recherche input.text { width:251px; color:#8b8883; height: 16px; padding:2px 13px 0; margin-right: 12px; }
#header-inner .right .recherche select { width:228px; color:#8b8883; overflow:auto; margin-right: 5px; }
#header-inner .right .recherche select option { color:#8b8883; }

/* :: content :: */

#content { background:url(../../images/design/page-layout/content-ds.jpg) right 0 repeat-y; }
#content-inner-wrapper { width:980px; margin:0 auto; background:#605b57 url(../../images/design/page-layout/content-bg.jpg) 0 0 repeat-x; padding:0 0 40px; }
#content-inner { width:856px; padding:0 32px; margin:0 auto; background:white url(../../images/design/page-layout/content-inner-bg.jpg) 0 0 repeat-x; }
#content-inner-bottom { width:920px; margin:0 auto; padding:40px 0 0; }

.fil { padding:7px 0 10px; color:#9e9894; line-height:115%; }
.fil a { color:#9e9894; line-height:115%; text-decoration:underline; }
/*.fil a.tiret{ color:#9e9894; text-decoration:underline; }*/
.prj-tit { background:#e9e5e2 url(../../images/design/page-layout/ombre-v-right.gif) right 0 no-repeat; padding:3px 0 5px 20px; position:relative; width:836px; min-height:33px; }
* html .prj-tit { height:33px; }
.prj-tit h1 { font-size:1.7em; text-transform:uppercase; }
.prj-tit p { font-size:1.1em; }

.prj-btm { background:url(../../images/design/page-layout/ombre-main.gif) 0 0 repeat-x; height:3px; font-size:0; padding:0 0 30px; }
.prj-btm img { float:left; }
.prj-btm img.right { float:right; }

/* :: aide :: */
.form-content .left .aide p.clearfix { padding:0; }
.aide .aide-btn { display:block; float:right; width:30px; height:13px; background:url(../../images/design/button/aide.gif) 0 0 no-repeat; }
.aide .aide-btn span { display:none; }
.aide .aide-content { display:none; border:1px solid #b1aaa4; background:#f1f1f1; padding:15px 25px 10px; position:relative; top:-1px; margin:0 0 15px; }
.aide .aide-content span.fl { display:block; background:url(../../images/design/misc/aide-fl.gif) 0 0 no-repeat; width:11px; height:12px; position:absolute; right:28px; top:-12px; }
* html .aide .aide-content span.fl { right:27px; }
.aide .aide-content p { padding:0 0 10px; }
.aide .aide-content a.aide-fermer { color:#d70007; text-decoration:underline; }

#footer { margin:0 7px; padding:28px 0 0; }
#footer .top { background:#e1dfdd; border-top:1px solid #c1c0bf; border-bottom:1px solid #c1c0bf; padding:5px 0 5px 7px; }
#footer .top ul { padding:2px 0; float:left; }
#footer .top ul li { float:left; font-size:1.2em; padding:0 5px; border-right:1px solid #020202;  }
#footer .top ul li.last { border:none; }
#footer .top ul li a { color:#020202; }
#footer form { float:right; width:400px; }
#footer form p * { float:left; color:#8d8884; }
#footer form p input.text { width:150px; margin:0 10px 0 0; padding-bottom:3px; font-size:10px;}
#footer form p select { width:199px; }
#footer form p select option { color:#8b8883; width:175px; }
.btn-recherche { border:none; background:none; width:18px; height:18px; }

table.link { width:100%; }
table.link .left { width:165px; border-right:1px solid #e2e0de; }
table.link a { color:#929292; }
table.link th { padding:5px 15px; color:#929292; border-bottom:1px solid #e2e0de; }
table.link  td { color:#929292; border-bottom:1px solid #e2e0de; padding:5px 15px 10px; line-height:145%; vertical-align:top; }

#footer .cp { text-align:center; color:#8d8884; padding:10px 0 20px; font-size:1.1em; line-height:125%; }
#footer .cp a { color:#8d8884; }

/* :: carousel :: */
.carousel { background:#c5c1be; position:relative; }
.carousel .carousel-content { padding:3px 0; float:left; }
* html .carousel .carousel-content { display:inline-block; }
.carousel ul { overflow:hidden; height:54px; left:0; }
.carousel li { float:left; position:relative; }

.carousel a { float:left; display:block; padding:0 3px 0 0; position:relative; }
.carousel a .video { position:absolute; top:13px; left:28px; }
.carousel a span { display:none; }
.carousel .prec { background:#8b8784 url(../../images/design/button/car-fleche-gauche.gif) center center no-repeat; width:50px; height:60px; }
.carousel .suiv { float:right; background:#8b8784 url(../../images/design/button/car-fleche-droite.gif) center center no-repeat; width:50px; height:60px; }
.homecar { position:relative; }
.homecar .info { position:absolute; top:59px; left:60px; display:none; background:white; z-index:100; width:174px; padding:10px 15px; border:1px solid #b3aaa5; line-height:125%; }
.homecar .info .dc { display:block; background:url(../../images/design/page-layout/info-fl.gif) 0 0 no-repeat; width:11px; height:11px; position:relative; top:-21px; margin-bottom:-10px; }
.homecar .info strong { color:#d60107; line-height:125%; }
.small-btn .prec { background:#8b8784 url(../../images/design/button/car-fleche-gauche-s.gif) center center no-repeat; width:27px; height:60px; }
.small-btn .suiv { float:right; background:#8b8784 url(../../images/design/button/car-fleche-droite-s.gif) center center no-repeat; width:27px; height:60px; }

.hcar1 .carousel-content { width:620px; }
.hcar2 .carousel-content { width:804px; margin:0 5px; }

/* ::: masque ::: */
#masque { position:absolute; top:0; left:0; display:none; cursor:wait; background:black; z-index:99; }

/* ::: popup ::: */
.popup { background:white; position:absolute; top:0; left:0; padding:10px 0; z-index:100; display:none; }
.popup .btn-pop { height:19px; padding:0 10px; }
.popup .btn-pop a { background:url(../../images/design/button/btn-fermer-popup.gif) right 0 no-repeat; height:17px; display:block; float:right; padding:2px 24px 0 0; text-decoration:underline; color:#8f857c; }

#envoi-mail { width:640px; }
#envoi-mail .content { padding:0 35px; }
#envoi-mail h5 { margin:0 0 5px; }
#envoi-mail h4 { font-size:1.7em; text-transform:uppercase; }
#envoi-mail .tit { background:url(../../images/design/misc/pointille.gif) 0 bottom repeat-x; padding:0 0 20px; }
#envoi-mail .tit p { font-size:1.1em; }
#envoi-mail form { padding:10px 0 0; }
#envoi-mail form .left { width:326px; float:left; }
#envoi-mail form .right { width:222px; float:right; }
#envoi-mail form p { font-size:1.1em; padding:0 0 10px; }
#envoi-mail form p input.text { font-size:1em; float:left; width:314px; }
#envoi-mail form p input.checkbox { margin:0 5px 0 0; }
#envoi-mail form p textarea { font-size:1em; width:208px; height:130px; }
#envoi-mail form .label { padding:0 0 5px; }
#envoi-mail form .label strong { color:#d60006; }
#envoi-mail form .ptop { padding-top:15px; }
#envoi-mail form .note { font-size:1em; clear:both; padding:0 0 25px; }
#envoi-mail form .btn-envoi { text-align:center; padding:25px 0; }

#content-404 { padding:0 0 25px; }
#content-404 .notFound { font-size:1.4em; font-weight:bold; text-align:center; line-height:125%; background:#f1efed; padding:60px 0 200px; }
#content-404 .notFound a { color:#d60006; text-decoration:underline; }

/* map */
.carte { margin:0 0 30px; clear:both; }
.carte #map { border:3px solid #c5c1be; width:482px; height:243px; float:left; }
.carte #mapCtrl { width: 54px; height:249px; float:left; position:relative; background:#8b8784; }
.carte #mapCtrl div.gmnoprint { padding:10px 0 0 10px; }
.carte #mapCtrl div.gmnoprint div { margin:0 0 3px; }
.carte #mapCtrl .mapFullscreen { position:absolute; top:80px; left:13px; }
.carte #mapLocate { width:294px; height:229px; float:right; position:relative; background:#c5c1be; padding:20px 0 0 20px; }
.carte #mapLocate .champ { padding:0 0 5px; }
.carte #mapLocate .txt { padding:0 0 25px; }
.carte #mapLocate .text { width:195px; font-size:11px; }
.carte #mapLocate .btn-loc { height:18px; font-size:11px; width:70px; }
.carte #mapLocate ul { background:url(../../images/design/misc/bg-liste-map.gif) 0 0 no-repeat; padding:10px 0 0; }
.carte #mapLocate li { background:url(../../images/design/misc/puce-carre-blanc.gif) 0 2px no-repeat; padding:0 0 0 15px; font-size:1.1em; margin:0 0 5px; }
.carte #mapLocate li.orange { background:url(../../images/map/map-localisation-orange.gif) 0 2px no-repeat; }
.carte #mapLocate li.rouge { background:url(../../images/map/map-localisation-rouge.gif) 0 2px no-repeat; }
.carte #mapLocate li.vertClair { background:url(../../images/map/map-localisation-verte-clair.gif) 0 2px no-repeat; }
.carte #mapLocate li.bleuClair { background:url(../../images/map/map-localisation-bleu-clair.gif) 0 2px no-repeat; }
.carte #mapLocate li.bleu { background:url(../../images/map/map-localisation-bleu.gif) 0 2px no-repeat;}
.carte #mapLocate li.bleuPetit { background:url(../../images/map/map-localisation-cyan.gif) 0 2px no-repeat;}

.caps { text-transform:uppercase; }
.moe a { text-decoration:underline; cursor:pointer; }

#mapFullscreen { z-index:0; }
#mapFullCtrl .moreCtrl { position:absolute; border:1px solid black; float:left; top:6px; left:0; }
#mapFullCtrl .dernier { left:65px; z-index:1000000; width:140px; }
#mapFullCtrl .tous { left:207px; z-index:1000000; width:125px; }
#mapFullCtrl .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; }
#mapFullCtrl .moreCtrl a.active { border:1px solid #6c9ddf; border-top:1px solid #345684; font-weight:bold; }
#mapFullCtrl .moreCtrl a:hover { text-decoration:none; }
#mapFullCtrl .dernier a { width:140px; }
#mapFullCtrl .tous a { width:125px; }
#mapFullCtrl form { width:292px; height:20px; padding:7px; background:#c5c1be; position:absolute; bottom:10px; left:10px; z-index:1000000; }
#mapFullCtrl form input { background:white; font-size:10px; color:#93908e; }
#mapFullCtrl form input.text { width:205px; padding:2px 5px; height:12px; }
#mapFullCtrl form input.submit { width:68px; height:18px; font-weight:bold; color:#000000; }