@charset "utf-8";

/*
 *
 *	@titre: fiche projet.
 *	@description: feuille de style fiche projet - moniteur archizz.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090722.
 *	@modification: -
 *
 */

.onglet { position:absolute; top:25px; right:0; }
.onglet a { display:block; float:left; margin:0 5px 0 0; }
.onglet a:hover { text-decoration:none; }
.onglet a span { display:block; height:30px; float:left; }
.onglet a span.left { width:10px; font-size:0; }
.onglet a span.right { width:2px; }
.onglet a span.text { font-weight:bold; padding:0 18px 0 8px; }
.onglet a span.text span { float:left; font-size:1.1em; margin:8px 0 0; color:#b2aaa4; line-height:115%; height:22px; }
.onglet a span.text big { font-size:2em; font-family:Arial; float:left; margin:4px 0 0; width:25px; color:#b2aaa4; line-height:100%; }

.onglet a.active span.text span,
.onglet a.active span.text big { color:white; }

.onglet a.active span.left,
.onglet a.active span.text,
.onglet a.active span.left,
.onglet a.active span.text { background-color:#d60006; }

.onglet a span.left { background:white url(../../images/design/page-layout/onglet-left-bg.gif) 0 bottom no-repeat; }
.onglet a span.right { background:url(../../images/design/page-layout/onglet-right-bg.gif) 0 bottom no-repeat; }
.onglet a span.text { background:white url(../../images/design/page-layout/onglet-center-bg.gif) 0 bottom repeat-x; }

.content-prj {  }
.content-prj .left { width:540px; float:left; }
.content-prj .right { width:300px; float:right; position:relative; }
.content-prj h2 { padding:0 0 10px; }
.content-prj h2 img { padding-bottom:1px; border-bottom:2px solid #d50006; }
.content-prj h3 { padding:0 0 5px; }
.content-prj .txt { font-size:1.1em; padding:0 0 20px; }
.content-prj .rouge { color:#d50006; font-size:1.1em; font-weight:bold; }
.content-prj .gris { color:#9e9894; font-size:1.1em; }
.content-prj .bloc-det { padding:0 0 20px; }
.content-prj .calendrier { padding-right:40px; }
.content-prj .pl { margin-top:-2px; }
.content-prj .tous { text-align:right; padding:5px 0; }
.content-prj .tous a { color:#d50006; font-size:1.1em;}
.content-prj .tous a img { margin-top:-2px; }
.content-prj .collab { padding:0 0 0 70px; }
.content-prj .underl { padding:0 0 20px 70px; border-bottom:1px solid #c1c1b9; margin:0 0 10px; }

.content-prj .caracteristique {margin-bottom:2pt;background-color:#D60006;width:190px;height:15px;padding-top:1px;}
.content-prj .caracteristique span {padding-top:10px;font-size:1.2em;text-transform:uppercase;color:white;font-weight:bold;font-family:Verdana,Geneva,sans-serif; margin:0 0 0 10px;}

.mp-btn { position:absolute; right:0; top:-3px; background:none; }
.mp-btn a { margin:0 0 0 3px; }

.maj { line-height:125%; padding:5px 0 30px; color:#625d59; }
.maj a { text-decoration:underline; color:#625d59; }

.img-prj { height:360px; width:540px; background:black url(../../images/design/misc/ajax-loader.gif) center center no-repeat; margin:0 0 5px; text-align:center; }

.img-prj[class] { text-align:center; display:table; }
.img-prj[class] p { display:table-cell !important; vertical-align:middle; }
.img-prj { *position:relative; *text-align:center; *display:block; }
.img-prj p { *position:absolute; *top:50%; *margin-top:expression(-this.offsetHeight/2); *left:50%; *margin-left:expression(-this.offsetWidth/2); }

.img-desc { color:#9e9894; border-left:1px solid #9e9894; padding:0 0 0 10px; margin:0 0 5px 18px; }
.img-desc span { color:#9e9894; }
.img-desc a { float:right; }
.car { margin-bottom:25px; }

.content-prj .carousel { margin:0 0 5px; }
.content-prj .carousel .carousel-content { width:470px; float:left; margin:0 5px; }

table.det td { padding:5px 0; border-bottom:1px solid #9e9894; line-height:125%; }
table.det td.first { padding-top:0; }
table.det td span { color:#d50006; }

table.caractere th { width:75px; padding-top:5px; }
table.caractere td { padding:5px 0; border-bottom:1px solid #9e9894; line-height:125%; font-size:1.1em; }
table.caractere td.first { border-top:1px solid #9e9894; }
table.caractere td strong { color:#d60006; }
table.caractere td .comment { font-size:0.9em; }

.bloc-prj h5 { border-bottom:1px solid #c1c1b9; padding:3px 0 2px; margin:0 0 5px; }
.bloc-prj .rouge { font-size:1.1em; text-transform:uppercase; }
.bloc-prj .txt { font-size:1.1em; }

.right .bloc-date { border-top:1px solid #c1c1b9; padding:0 0 25px; }
.right .bloc-date p { font-size:1.1em; line-height:125%; border-bottom:1px solid #c1c1b9; padding:5px 0; }
.right .bloc-date p strong { color:#d60006; }
.right .pub { height:130px; background:#808080;}
.right .prj-nr { padding:0 0 20px; }
.right .prj-nr h5 { padding:0 0 2px; }
.right .prj-nr .content { background:#e8e8e6; height:182px; padding:10px; overflow:hidden; }
.right .prj-nr .content .liste { height:182px; }
.right .prj-nr .content li { padding:0 0 5px; float:left; }
.right .prj-nr .content li p.img { background:black; width:84px; height:56px; float:left; margin:0 5px 0 0; text-align:center; }
.right .prj-nr .content li p.txt { font-size:1em; height:56px; border-bottom:1px dotted #b2aba5; float:left; width:165px; padding:0; margin:0; }

#content-inner-bottom table { margin:0 0 15px; }
#content-inner-bottom table th { background:#c5c1be; padding:0 0 0 15px; width:33%; }
#content-inner-bottom table .spacer td { height:10px; font-size:0; border:none; }
#content-inner-bottom table td { color:white; line-height:145%; border-right:1px dotted white; padding:5px 15px; }
#content-inner-bottom table td.last { border:none; }
#content-inner-bottom table td strong { color:white; }
#content-inner-bottom table td .tit { color:#c5c1be; text-transform:uppercase; }
#content-inner-bottom table td a { color:#c5c1be; text-decoration:underline; }
#content-inner-bottom .bottom-link { padding:30px 0 0; }
#content-inner-bottom .bottom-link a { display:block; color:white; font-weight:bold; font-size:1.1em; background:#494643; float:left; padding:3px; text-decoration:none; }
#content-inner-bottom .bottom-link a.pro-prec { padding-right:10px; }
#content-inner-bottom .bottom-link a.pro-suiv { float:right; padding-left:10px; }
#content-inner-bottom .bottom-link a.retour-liste { padding:4px 40px 6px; margin:0 0 0 155px; }
*html #content-inner-bottom .bottom-link a.retour-liste { padding:6px 40px 5px; }
#content-inner-bottom .bottom-link a.pro-prec img { margin:0 5px 0 0; }
#content-inner-bottom .bottom-link a.pro-suiv img { margin:0 0 0 5px; }

#content-inner-bottom .head { background:#c5c1be; }
#content-inner-bottom .fprj-tbl { margin:0 0 15px; }
#content-inner-bottom .fprj-tbl-c2 { background:url(../../images/design/page-layout/bg-fprj1.gif) 306px 0 repeat-y; }
#content-inner-bottom .fprj-tbl-c3 { background:url(../../images/design/page-layout/bg-fprj.gif) 306px 0 repeat-y; }
#content-inner-bottom .fprj-tbl div.list { width:306px; float:left; }
#content-inner-bottom .fprj-tbl div.list h3 { background:#c5c1be; padding:0 0 0 15px; }
#content-inner-bottom .fprj-tbl div.list h3 img { vertical-align:top; }
#content-inner-bottom .fprj-tbl div.list p.spacer { height:15px; background:#625d59; }
#content-inner-bottom .fprj-tbl div.last { width:308px; }

#content-inner-bottom .fprj-tbl div.list div { padding:5px 15px; }
#content-inner-bottom .fprj-tbl div.list div h4 { text-transform:uppercase; color:#C5C1BE; padding:0 0 8px; }
#content-inner-bottom .fprj-tbl div.list div p { padding:0 0 5px; }
#content-inner-bottom .fprj-tbl div.list div a { color:white; text-decoration:none; }
#content-inner-bottom .fprj-tbl div.list div a:hover { text-decoration:underline; }
#content-inner-bottom .fprj-tbl div.list div a strong { color:white; }

.toplink { font-size:1.1em; padding:0 0 5px; position:relative; z-index:100; }
.toplink strong { color:#d60006; }
.toplink a { text-decoration:underline; }
.toplink a img { vertical-align:baseline; }
.toplink a.active { color:#d60006; font-weight:bold; }
.toplink .lp { border:1px solid #ccc; background:white; position:absolute; top:18px; left:180px; width:230px; padding:10px 15px; z-index:100; }
.toplink .lp .dc { background:url(../../images/design/page-layout/info-fl2.gif) 0 0 no-repeat; width:10pc; height:11px; font-size:0; position:relative; top:-21px; left:90px; margin-bottom:-10px; }
.toplink .lp li { padding:0 0 3px; }
.toplink .lp li a { font-size:1em; }
.toplink .lp li a:hover { color:#d60006; }

.bloc-addr-rea { padding:0 0 20px; border-bottom:1px solid #c1c1b9; margin:0 0 25px; }
.bloc-addr-rea .left-addr { width:63px; float:left; }
.bloc-addr-rea .left-addr a { margin:0 0 2px; display:block; }
.bloc-addr-rea .left-addr .logo { float:right; }
.bloc-addr-rea .right-addr { width:217px; float:right; }
.bloc-addr-rea .right-addr img { display:block; margin:0 0 2px; }
.bloc-addr-rea .right-addr a { display:block; color:#ffff; font-size:1.1em; margin:0 0 3px; }

.bloc-gr { background:#f2f2f2; padding:15px 10px; line-height:145%; margin:0 0 15px; }
.bloc-gr span { color:#d60006; }
.bloc-gr a { color:#b3aaa5; }
.bloc-gr a img { margin-top:-2px; }

#zoomImage { display:none; position:absolute; width:1200px; height:600px; padding:20px 10px 10px; z-index:100; background:black url(../../images/design/misc/ajax-loader.gif) center center no-repeat; border:1px solid #333; }
#zoomImage a { color:white; position:absolute; right:10px; top:5px; width:1220px; text-align:center;}
#zoomImage .contentImg { width:1200px; height:600px; }
#zoomImage .contentImg[class] { display:table; }
#zoomImage .contentImg[class] p { display:table-cell !important; vertical-align:middle; text-align:center; }
#zoomImage .contentImg { *position:relative; *text-align:center; *display:block; }
#zoomImage .contentImg p { *position:absolute; *top:50%; *margin-top:expression(-this.offsetHeight/2); *left:50%; *margin-left:expression(-this.offsetWidth/2); }
#zoomImage a.zoom-car-prev,
#zoomImage a.zoom-car-next { width:46px; height:111px; top:250px; }
#zoomImage a.zoom-car-prev { background:url(../../images/design/button/zoom-car-prev.png) 0 0 no-repeat; left:0; }
#zoomImage a.zoom-car-next { background:url(../../images/design/button/zoom-car-next.png) 0 0 no-repeat; right:0; }

#header-inner h2 { text-align: center; background-color:#e8e8e6 ; }
#header-inner .button-preview { text-align: center; padding: 20px 0 0; position: absolute; left: 0; top:120px; width: 924px;  }
#header-inner .button-preview a { margin:0 50px;  }
#content .button-preview { text-align: center; padding: 20px 0 0; line-height: 40px; }

/* Partager */
.partager { background-color: #bdb6b1; border-collapse: separate; margin:0 0 25px; }
.partager th, .partager td { padding: 1px 0 2px; text-align: center; }
.partager th  { background-color: #ecebe6; color: #574d4c;  width: 135px; }
.partager td  { background-color: #fff;  width: 165px; }