@charset "utf-8";

/*
 *
 *	@titre: form.
 *	@description: feuille de style formulaire - moniteur archizz.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090608.
 *	@modification: -
 *
 */

h1 { background:#d60006; padding:4px 10px 3px; margin:0 0 20px; }
h2 { background:#b3aaa5; padding:0 10px; font-size:1.6em; color:#3e3a36; margin:0 0 5px; line-height:100%; }
/*h2 img { display:block; vertical-align:top; }*/

input.file,
input.text,
select,
textarea { border:1px solid #b3aaa5; }

input.error,
select.error,
textarea.error { border:1px solid #d60006; }


label span,
.label span { color:#d60006; font-weight:normal; }
label span.gris { color:#8f8882; }

/* :: form content :: */

.form-content .left { width:622px; float:left; position:relative; }
.form-content .right { width:220px; float:right; padding:0 0 10px; }
.cols3 .form-content .right { width:210px; }

.form-content .left p { padding:0 0 10px; }
.form-content .left p.small { width:492px; }

.form-content .left label { display:block; float:left; width:171px; font-size:1.2em; padding:0 0 3px; line-height:115%; }
.form-content .left .small label,
.form-content .left .small-long label { width:205px; }
.form-content .left .small label.rlabel { width:50px; }
.form-content .left .small .label { display:block; float:left; width:205px; font-size:1.2em; padding:3px 0 0; line-height:115%; }
.form-content .left label.gris { color:#8f8882; }
.form-content .left label small { font-size:0.8em; color:#8f8882; }
.form-content .left input { float:left; }
.form-content .left input.text { width:438px; }
.form-content .left input.mtop { margin-top:12px; }
.form-content .left input.radio { margin:3px 5px 0 0; }
.form-content .left .small input.text { width:275px; }
.form-content .left .small-long input.text { width:405px; }
.form-content .left .nr input.text { width:206px; margin-right:180px; }
.form-content .left label.error,
.form-content .left label.error a { color:#bb001a; }
.form-content .left input.error,
.form-content .left select.error,
.form-content .left textarea.error { border:1px solid #bb001a; background:#f1f1f1; }
.form-content .left select { width:450px; float:left; }
.form-content .left .small select { width:286px; }
.form-content .left .select2 select { width:138px; margin-right:11px; }
.form-content .left .select2 select.last { margin-right:0; }
.form-content .left textarea { width:438px; float:left; }
.form-content .left .small-long textarea { width:405px; }

.form-content .left .mandataire .col1,
.form-content .left .mandataire .col2 { padding-right:15px; }
.form-content .left .mandataire .col1 input.text,
.form-content .left .mandataire .col2 input.text,
.form-content .left .mandataire .col3 input.text { width:204px; }
.form-content .left .mandataire .col1 select,
.form-content .left .mandataire .col2 select,
.form-content .left .mandataire .col3 select { width:216px; }

.intro { width:622px; font-size:1.1em; padding:0 0 10px; line-height:125%; }
.main-intro { width:622px; font-size:1.1em; padding:10px 0 25px; line-height:125%; }
.top-info { font-size:1em; padding:25px 0 15px; line-height:125%; text-align:right;}
.bottom-info { font-size:1em; padding:5px 5px 5px 0; line-height:125%; text-align:right;}
.espace-intro { font-size:1.2em; padding:0 50px 60px 0; line-height:125%; }

.form-content .left .size11,
.cols3 .size11 { font-size:11px; }
.form-content .left .size12,
.cols3 .size12 { font-size:12px; }

.separateur,
.form-content .left .separateur { background:url(../../images/design/misc/trait.gif) 0 15px repeat-x; padding:15px 0 25px; font-size:0; }

.separateur-trait { border-bottom:1px solid #b3aaa5; margin:0 0 20px; }

/* :: btn ajout :: */

.btn-ajout { margin:0 0 0 172px; clear:left; }
.btn-ajout-media { margin:0 0 0 205px; clear:left; width:286px; }
.form-content .left .btn-ajout-media { padding:0 0 10px 205px; clear:left; width:286px; margin:0; }
.btn-ajout-media a.ajout,
.btn-ajout a.ajout,
.btn-ajout a.ajoutWithLabel { color:#8d8986; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-ajout.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:left }
.btn-ajout a.suppression-cotraitant,
.btn-ajout-media a.suppression,
.btn-ajout .supprimer-agence,
.btn-ajout a.suppression { color:#8d8986; text-decoration:underline; font-size:11px; display:block; float:right; }
.btn-toutes { color:#8d8986; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-toutes.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:left; margin:10px 0 0; }

/* :: btn repli :: */
.btn-repli,
.btn-depli { margin:0 0 0 206px; clear:left; }
.nr-repli { margin-left:172px; }
.btn-repli a { color:#8d8986; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-moins.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:left }
.btn-depli a { color:#8d8986; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-toutes.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:left; }

/* :: filet :: */

.filet { border-left:1px solid #ccc; padding:0 0 0 15px; margin:0 0 60px; }
.filet .cols .label { width:155px; }
.filet .btn { padding:10px 0 0; }
.filet .btn span { float:left; margin:0 10px 0 0; }
.filet .btn a { color:#8d8986; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-ajout.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:left; }
.filet .btn-ajout { margin:0 0 0 155px; }

/* :: onglet :: */

.zone-onglet { background-color:#b3aaa5; padding:3px 15px 22px; position:relative; }
.zone-onglet h1 { background:none; padding:4px 0 0; margin:0; }
.zone-onglet h1.nopad { padding:1px 0 3px; }
.zone-onglet a.retour { color:white; font-weight:normal; position:absolute; top:7px; right:10px; text-decoration:underline; line-height:115%; }
* html .zone-onglet a.retour { right:45px; }

.top-zone { background-image:url(../../images/design/page-layout/top-zone-bg.jpg); background-position:0 bottom; background-repeat:repeat-x; }
.bottom-zone { background-image:url(../../images/design/page-layout/bottom-zone-bg.jpg); background-position:0 0; background-repeat:repeat-x; }

.top-zone .onglet { clear:both; position:absolute; top:26px; left:15px; }
.bottom-zone .onglet { clear:both; position:absolute; top:-11px; left:15px; }
* html .top-zone .onglet,
* html .bottom-zone .onglet{ left: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 25px 0 0; }
.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; }

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

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

.bottom-zone .onglet a span.left { background:white url(../../images/design/page-layout/bonglet-left-bg.gif) 0 0 no-repeat; }
.bottom-zone .onglet a span.right { background:url(../../images/design/page-layout/bonglet-right-bg.gif) 0 0 no-repeat; }
.bottom-zone .onglet a span.text { background:white url(../../images/design/page-layout/bonglet-center-bg.gif) 0 0 repeat-x; }
.bottom-zone .onglet a span.text span { margin:10px 0 0; height:19px; }
.bottom-zone .onglet a span.text big { margin:6px 0 0; }

/* :: zone info :: */

.info-zone { padding:0 0 10px; }
.infos-oblig { color:#d60006; float:right; }

/* :: cols :: */

.cols { padding:0 0 15px; }
.cols label { display:block; font-size:1.1em; padding:0 0 3px; }
.cols .form-content .left label { font-size:1.1em; }
.cols .label { display:block; float:left; width:172px; font-size:1.2em; padding:15px 0 0; }
.cols .col1,
.cols .col2,
.cols .col3 { float:left; padding:0 15px 8px 0; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width:216px; }
.cols3 .col3 { padding:0; }

.cols3 .coll { width:450px; float:left; }
.cols3 .ind { clear:left; padding-left:172px; }
* html .cols3 .ind { display:inline; }
.filet .cols3 .ind { clear:left; padding-left:155px; }

.cols3 input.text { width:204px; }
.cols3 select { width:218px; }
.cols3 .coll input.text { width:438px; }

.cols3s .label { width:112px; }
.cols3s .col1 { width:286px; }
.cols3s .col2 { width:226px; }
.cols3s .col3 { width:198px; }
.cols3s .col3 { padding:0; }
.cols3s input.text,
.cols3s select { float:left; }
.cols3s .col1 input.text { width:274px; }
.cols3s .col2 input.text { width:216px; }
.cols3s .col2 select { width:230px; }
.cols3s .col3 input.text { width:186px; }

.cols3s .btn-ajout { margin:0 0 0 112px; }

/* :: btn etape :: */

.etape {padding:30px 0 45px;}
.etape-btn a { display:block; color:white; font-size:1.1em; font-weight:bold; }
.etape-btn a.left { float:left; padding:4px 18px 4px 30px; background:url(../../images/design/misc/fleche-pp-left.gif) left center no-repeat; }
.etape-btn a.right { float:right; padding:4px 30px 4px 18px; background:url(../../images/design/misc/fleche-pp-right.gif) right center no-repeat; }
* html .etape-btn a.left,
* html .etape-btn a.right { padding-bottom:5px; }

.etape-btn a.gris { background-color:#615c58; }
.etape-btn a.rouge { background-color:#d60006; }

/* :: media :: */

.medias { padding:5px 0 25px; }
.media-type { color:#8f8882; padding:0 0 10px; }
.medias .file { width:287px; }
.medias .indent { margin-left:205px; }
/*.medias .file[class] { width:274px; }*/
.medias .btn-ajout { width:286px; }
.medias .separateur { width:490px; }
.medias .etape-btn { padding:25px 0 0; }

/* :: pnr select :: */
.pnr-select { background:#b3aaa5; height:21px; margin:0 0 5px; padding:0 12px; }
.pnr-select img.titre { display:block; float:left; margin:0 25px 0 0; }
.pnr-select .num { float:left; border-right:1px solid white; height:21px; }
.pnr-select .num a { display:block; font-size:1.4em; float:left; border-left:1px solid white; padding:3px 7px 2px; }
.pnr-select .num a.active { background:#d60006; color:white; }
.pnr-select .num a:hover { text-decoration:none; color:white; }
.pnr-select .ajout-pnr { color:black; font-weight:bold; text-decoration:underline; font-size:11px; display:block; background:url(../../images/design/button/btn-ajout-wbg.gif) 0 0 no-repeat; padding:0 0 3px 20px; float:right; margin:3px 0 0; }

/* :: autorisation :: */

.autorisation .form-content .left { border-top:1px solid #B3AAA5; padding:20px 0 0; }
.autorisation .end .left { border:none; padding:0 0 54px; }
.autorisation .form-content .left input { margin:2px 0 0; }
.autorisation .form-content .left label { width:580px; padding:0 0 0 10px; font-size:1em; line-height:125%; }
.autorisation .form-content .left label a { text-decoration:underline; }
.autorisation .form-content .left .valid-info { text-align:center; padding:30px 0; }
.autorisation .form-content .left .valid-info input { border:none; background:none; padding:0; float:none; }

.form-content .left .print-form { padding:20px 0 0; }
.form-content .left .print-form a { font-weight:bold; text-decoration:underline; font-size:1.1em; }

/* :: attention :: */
.attn { line-height:135%; font-size:1.1em; text-indent:30px; background:url(../../images/design/misc/attn-bg.gif) 0 0 no-repeat; padding:8px 0 5px; border-bottom:5px solid #bb001a; margin:0 0 0 5px; display:none; }
.attn strong,
.attn .rouge { color:#bb001a; }

/* :: popup :: */
#rs { width:400px; padding:20px 0; }
#rs .content { width:360px; margin:0 auto; }
#rs .content p { padding:0 0 10px; }
#rs .content label { font-size:1.2em; width:120px; float:left; }
#rs .content input { width:228px; }
#rs .content a.valider { font-size:1.2em; color:white; display:block; background:#645c59; padding:3px 0 2px; text-align:center; width:120px; margin:0 auto; }
* html #rs .content a.valider { padding:3px 0; }

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


.collaborateur-wrapper { position:relative; }
/*.collaborateur-wrapper .btn-ajout { position:absolute; top:22px; right:-10px; }*/
.collaborateur-wrapper .btn-ajout a { text-decoration:none; position:absolute; top:22px; right:-10px;}

.collaborateur-wrapper-agence { position:relative; }
/*.collaborateur-wrapper-agence .btn-ajout { position:absolute; top:22px; right:-10px; }*/
.collaborateur-wrapper-agence .btn-ajout a { text-decoration:none; position:absolute; top:22px; right:-10px;}


.entreprise-wrapper { position:relative; }
/*.entreprise-wrapper .btn-ajout { position:absolute; top:2px; right:-10px; }*/
.entreprise-wrapper .btn-ajout a { text-decoration:none; position:absolute; top:2px; right:-10px; }

.agence .btn { clear:both; padding:0; }
.agence a.suppression { float:right; background:none; }

.form-content .left input.ch-rs { width:304px; margin:0 14px 0 0; }
.form-content .left .listeRs { display:none; }
.form-content .left .listeRs select { font-size:11px; }
.form-content .left .rs-valider { font-size:1.2em; color:white; display:block; float:left; background:#645c59; padding:3px 0 2px; text-align:center; width:120px; margin:0; }

.cols3 .coll input.ch-rs { width:304px; margin:0 13px 10px 0; float:left; }
.cols3 .mdrs { padding-top:15px; margin-right:234px; *margin-right:100px; }
.cols3 .left .mdrs { margin-right:0; }
.cols3 .coll .mandataire-valider { font-size:1.2em; color:white; display:block; float:left; background:#645c59; padding:3px 0 2px; text-align:center; width:120px; margin:0; }
.cols3 .clearfix.listeMandataire,
.cols3 .listeMandataire { margin-left:155px; display:none; float:left; }
.cols3 .listeMandataire select { font-size:11px; width:450px; }
.cols3 .mandataire,
html[xmlns] .cols3 .mandataire { display:none; }

.media-wrapper p { float:left; }
.media-wrapper p.image { float:right; width:81px; height:56px; overflow:hidden; }

.form-content .left .colRsAgence { width:450px; float:left;}
.colRsAgence .agence-valider { font-size:1.2em; color:white; display:block; float:left; background:#645c59; padding:3px 0 2px; text-align:center; width:120px; margin:0; }
/*.agence-contenu { display:none; }*/

.cols3 .clearfix.listeAgence,
.cols3 .listeAgence { margin-left:155px; display:none; float:left; }
.cols3 .listeAgence select { font-size:11px; width:450px; }
.form-content .left .colRsAgence input.ch-rs { margin-bottom:10px; }

#formProgramme .rsMoa-wrapper { display:none; }

/* .popup { position:absolute; top:0; left:0; background:white; width:670px; height:1000px; overflow:hidden; padding:35px 15px 25px 15px; display:none; z-index:100; margin-top:190px; }
.popup .btn-pop { position:relative; height:0; font-size:0; }
.popup .btn-pop a { font-size:10px; width:60px; position:absolute; right:0; top:-22px; text-align:center; text-decoration:none; font-weight:bold; }
.popup .btn-pop a:hover  { color:#dd0002; }
.popup .btn-pop a:hover span.txt { color:#dd0002; }
.popup .btn-pop a:hover span.btn { border:1px solid #dd0002; color:#dd0002; }
.popup .btn-pop a span.txt { float:left; }
.popup .btn-pop a span.btn { display:block; border:1px solid #404040; width:12px; height:12px; float:right; margin:0 0 0 3px; font-weight:normal; } */

.valid-info { display: block; float: right; border:none; margin-right: 85px; }