:root {
    --brand-primary: #3D6BA6;
    --brand-secondary: #222;
}

/*General*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,blockquote,th,td, img { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; }
img { border:0; }
li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
p { margin-bottom:10px; }
abbr,acronym { font-variant:normal; cursor:help; }
input { padding:auto 0; font-size:1em; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; box-sizing:border-box; }
circle {fill:var(--brand-primary);}
#path--clock {fill:var(--brand-primary);}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select, input.montant_propose { padding:4px 3px !important; color:#555555; vertical-align:middle; background-image:none; border:1px solid #cccccc; border-radius:1px; box-sizing: inherit; }
select { padding:3px auto !important; box-sizing:content-box; }
:disabled { background: #e3e3e3; color:#808080 !important; }


fieldset  { border:1px solid #c0c0c0; padding:10px; width:auto; text-align:left; clear:both; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
legend { color:var(--brand-primary); font-weight:bold; background:#fff; padding:0 1px; }
body { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:.75rem; }
em { font-style:italic;  }
strong { font-weight:bold; }
body { background:#eee; color:#333; }
a { color:var(--brand-primary); }
a:hover { text-decoration:none; }
.arrow-link { background:url(../images/arrow-link.gif) no-repeat left center; padding-left:12px; }
.pdf-link { background:url(../images/picto-pdf.gif) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.pdf-link:hover { text-decoration:none !important; }
.xls-link { background:url(../images/picto-xls.gif) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.xls-link:hover { text-decoration:none !important; }
.doc-link { background:url(../images/picto-doc.gif) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.doc-link:hover { text-decoration:none !important; }
.xml-link { background:url(../images/xml-logo-1.gif) no-repeat left top;border: none;background-size: contain; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.xml-link:hover { text-decoration:none !important; }
.other-link { background:url(../images/picto-other.png) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.other-link:hover { text-decoration:none !important; }
input.pdf-link, input.xls-link, input.txt-link, input.historique-link, input.telecharger-link, input.doc-link { cursor:pointer; color:var(--brand-primary); border:0; margin-bottom:3px; background-position:1px 2px; padding-bottom:4px; }
input.uppercase { text-transform:uppercase; }
.breaker { clear:both; overflow:hidden; height:0px; }
/*.hidden { display:none; }*/
.align-left { text-align:left !important; }
.align-right { text-align:right !important; }
.align-center { margin:0 auto; float:none !important; }
.center { text-align:center !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.spacer { clear:both !important; height:10px; }
.spacer-20 { clear:both !important; height:20px; }
.obligatoire, .abbr { color:#ff0000 !important; font-size:1em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; }
.champ-obligatoire { color: #ff0000 !important; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; }
.obligatoire { border:0; }
.aide-saisie { font-style:italic; color:#767676; margin-bottom:0; }
.bold { font-weight:bold !important; }
.bold-1 { color:var(--brand-primary); font-size:1.1em; }
.normal { font-weight:normal !important; }
fieldset.no-border { border:0; padding:0; }
fieldset.no-border legend { display:none; }
.mb-5 { margin-bottom:5px !important; }
.clear { clear:both; }
.clear-none { clear:none; }
.disabled { background:#fff; border:1px solid #afafaf; color:#808080; }
input.disabled { padding-left:2px; padding-right:2px; padding:2px; }

/*.tooltip*/
.tip { color:#fff; background:#666; padding:10px; position:absolute; z-index:1000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:0.7em !important; opacity:0.95; }
.tip_trigger .tip, .tip_input .tip { display:none; width:250px; text-align:left; }
.tip_trigger:hover .tip, .tip_input .tip_trigger:focus+.tip { display:block; font-size:0.85em !important; width:250px; }
.tip_input .tip_trigger:focus+.tip { margin-top:25px; position:absolute; }
table.donnees .tip_trigger { vertical-align:middle; margin-left:5px; }

#page-wrap { min-width:984px; }

/*Bloc login*/
#header .top .user-infos { float:right; padding:5px 0 0; margin:0px; height:20px; min-width:240px;}
#user-infos .trigger { background:url(../images/picto-arrow-down.png) no-repeat scroll right 5px transparent; color:#3E6AA7; height:12px; cursor:pointer; float:right; margin-top:10px; padding-right:15px; text-decoration:none !important; width:auto; font-size:0.7em; }
#user-infos a.deconnexion { background:url(../images/picto-deconnexion.png) no-repeat left top; float:right; padding-left:14px; }
#user-infos { background:url(../images/user-infos-bk.png) repeat-x scroll 0 0; float:right; padding:0px; position:relative; z-index:99999; width:auto; *display:inline; *width:300px; }
#user-infos .left { background:url(../images/user-infos-bk-left.png) no-repeat scroll 0 0; float:left; display:block; height:35px; width:34px; }
#user-infos .right { background:url(../images/user-infos-bk-right.png) no-repeat scroll 0 0; float:right; display:block; height:35px; width:34px; }
#user-infos .user { background:url(../images/picto-user.gif) no-repeat scroll left 1px transparent; padding-left:15px; padding-top:1px; width:auto; }
#user-infos input.login-top, #user-infos input.password-top {  margin:4px 0 0 0; width:85px; }
#user-infos input.ok { margin:8px 0 0 5px; vertical-align:top; }
#user-infos input::-webkit-input-placeholder, #user-infos input:-moz-placeholder, #user-infos input:-ms-input-placeholder, .hasPlaceholder { color:#999; }

.panel-user-infos { font-size:0.9em; padding-top:10px; position:absolute; right:5px; top:32px;  width:auto; color:#666666; display:none; }
.panel-user-infos-arrow { background:url(../images/user-infos-arrow-left.png) no-repeat scroll right top transparent; font-size:0.9em; padding-top:10px; position:absolute; right:0px; top:0px;  width:45px; z-index:10000; }
.panel-user-infos a { display:block; padding:0px; float:left; font-size:11px; line-height:12px; margin-top:5px; }
.panel-user-infos .content { background:none repeat scroll 0 0 #EEEEEE; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  overflow:hidden; padding:10px; border:1px solid #E0DDDD; margin-top:-1px; }
.panel-user-infos a.deconnexion { background:url(../images/picto-deconnexion.gif) no-repeat scroll left top transparent; float:right; padding-left:14px; }

.panel-user-infos-login { background:none repeat scroll 0 0 #EEEEEE; border-radius:5px 5px 5px 5px; overflow:hidden; padding:10px; width:400px; border:1px solid #E0DDDD; position:absolute; z-index:-1; right:0; margin-top:-1px; }
.panel-user-infos-login p { text-align:left; margin:0px 0px 5px 0px; }
.panel-user-infos-login p.user-name {  font-size:12px; font-weight:bold; color:var(--brand-primary); }
.panel-user-infos-login p.entite { color:#666; font-size:0.7em; }
.panel-user-infos-login .compte { background:url(../images/picto-user.gif) no-repeat scroll left top transparent; padding-left:14px; }

/*Header*/
#header {
    position: fixed !important;
    z-index: 10;
    background:#fff;
    height:150px !important;
    width: 100%;
}
#header.header-mini {height:110px !important; transition: 0.5s; }
#header h1 { flex: 1; }
#header h1 img { max-height: 100px; transition: 0.5s; }
#header.header-mini h1 img { max-height: 60px; }
#header .bloc-user { float:right; height:27px; display: flex; align-items: center; height: 100%; }
#header .bloc-user a { display:inline-block; height:30px; width: 30px; text-align: center; margin-right: 30px;}
#header .bloc-user .entite { font-size:0.813rem; margin-right: 30px; font-weight: bold; }
#header .bloc-user .links { float:right; }
#header .bloc-user .links path { fill:var(--brand-primary); }
#header .bloc-user .links a:hover { text-decoration:underline; }
#header .bloc-user #displayDate {
    border-left: 1px solid #eee;
    height: 100%;
    align-items: center;
    display: inline-flex;
    padding: 0 30px;
}

#header #externalLink { display:none; }

#header .top { height:100px; transition: 0.5s; border-bottom: 1px solid #eee; display: flex; align-items: center; }
#header.header-mini .top { height:60px; }
#header .evitement-links { float:left; padding:3px; font-size:0.6em; }
#header .evitement-links li { float:left; margin-right:10px; }
#header .evitement-links li a { text-decoration:none; }
#header .evitement-links li a:hover { text-decoration:underline; }

/*Navigation principale*/
#nav { clear:both; height:50px; font-size:0.75em; padding:0 6px 0 0; background: white; }
#nav .content { height:50px; }
#nav li { display:block; float:left; }
#nav li a, #nav li span { color:#222; text-decoration:none; padding:10px 0; margin:0 25px !important; display:block; float:left; line-height:25px; font-weight:bold; font-size: 1rem; border-bottom:5px solid #fff; }
#nav li.on > a { background:url(../images/hori-nav-on.gif) no-repeat top center; color:var(--brand-primary); border-bottom:5px solid var(--brand-primary);  }

#navMenu li { float:left; position:relative; }
#navMenu a { color:#c7d0d9; display:block; text-decoration:none; }
#navMenu a:hover, #navMenu a:focus { color:var(--brand-primary); }
#navMenu ul.sub-menu  { font-size:0.9em; position:absolute; top:50px; width: 325px; background-color: #eee; padding: 10px 0; box-shadow: 0 10px 15px -10px #000; }
#navMenu ul li { background:url(../images/left-menu-puce.gif) no-repeat scroll 15px 10px #EDEDEF; float:left; clear:left; display:block; }
#navMenu ul li a, #navMenu ul li span { background:none !important; padding:0; color:#222 !important; height:auto !important; }
#navMenu ul ul { font-size:1em; left:180px; top:0.5em; /* 6px / 12px */ }
#navMenu ul.sub-menu /*, #navMenu :hover ul ul, #navMenu .hover ul ul*/ { margin-left:-9999px; }
#navMenu li:hover>ul, #navMenu li.hover>ul, #navMenu a:focus+ul, #navMenu ul ul, #navMenu .hover a:focus { margin-left:0; }
#navMenu ul a:focus { margin-left:9999px; }

#navMenu .sub-menu { padding-bottom:7px; z-index:1; }
#navMenu .sub-menu a, #navMenu .sub-menu span {display:block; margin-left:25px !important; font-weight:normal; border:0; font-size: 0.875rem; }
#navMenu .sub-menu a:hover, #navMenu .sub-menu span:hover { color:var(--brand-primary) !important; }

#navMenu ul.sub-menu .sub-menu-n2 { width:310px; z-index:1; margin-left:15px; overflow:hidden; }
#navMenu ul.sub-menu .sub-menu-n2 li { width:300px; margin-top:-1px; padding-bottom: 1px;}
#navMenu ul.sub-menu .sub-menu-n2 li a { font-size: 0.75rem; }

#header .recherche-rapide { float:right; padding-top:12px; padding-right: 30px; }
#header .recherche-rapide label { float:left; padding-right:5px; padding-top:2px; text-shadow:1px 1px 1px #2E5B97; font-size:0.9em; }
#header input#rechercheRapide, #header input.champ-recherche, #header .recherche-rapide .tip_trigger { float:left; width:200px; border:0; background:#fff; height:16px; }
#header .recherche-rapide .ok {
    height:25px;
    width:25px;
    border:0;
    cursor:pointer;
    background-color: var(--brand-primary);
    -webkit-mask-image: url(../images/loupe.svg);
    mask-image: url(../images/loupe.svg);
}
#header .recherche-rapide .tip_trigger { height:25px; box-sizing:border-box; outline: none; border-bottom: 1px solid #dedede; font-size: 0.875rem; margin-right: 15px; }

/*Partie centrale*/
#middle { clear:both; padding-top:150px !important; min-width:974px; background:#fff; overflow:hidden; min-height:400px; }
#middle .left-column, #middle .main-content { text-align:left; }
#middle .left-column { float:left; padding:3px 3px 0 2px; background:#fff; position:absolute; z-index:0; }


/*Contenu central*/
#middle .main-content { font-size:0.75rem; padding:40px; background-color: #eee; }
#middle .main-content h2 { font-weight:bold; color:var(--brand-primary); margin-bottom:15px; font-size:1.2em; }
#middle .main-content h3 {
    letter-spacing: .5px;
    color:var(--brand-primary);
    text-transform: uppercase;
    margin-bottom:15px;
    font-family: 'Arial', sans-serif;
}
#middle .main-content h4 { color:#333333; margin-bottom:10px; }
#middle .main-content .with-bg h3 { color:#333333; }
#middle .main-content .tab_content h3 { color:var(--brand-primary); }
#middle .main-content .onglet_content h3 { color:var(--brand-primary); }

.nom-OF { float:right; }
.info-maj { margin-bottom:10px; color:#767676; float:right; }

/*Menu gauche*/
#menu { width:160px; clear:left; float:left; margin-bottom:1px; }
#menu li a, #menu li .sous-rub { background:url(../images/left-menu-item-bottom-bg.gif) #ededef no-repeat bottom; color:var(--brand-primary); text-decoration:none; padding:3px 5px; display:block; border-bottom:1px solid #fff;}
#menu li .sous-rub { cursor:default; font-size:0.7em; font-weight:bold; }
#menu ul.sub-menu { background:#fff; }
#menu ul.sub-menu li { background:url(../images/left-menu-puce.gif) no-repeat 5px 6px; padding-left:15px; color:var(--brand-primary); font-size:0.7em; display:block; float:left; clear:left; width:145px; }
#menu ul.sub-menu a:hover, #menu ul.sub-menu span:hover { color:#3698DA; }
#menu ul.sub-menu a, #menu ul.sub-menu span { display:block; background:url(../images/puce-sub-menu-fr.gif) #fff no-repeat 0 6px; padding:3px 0 2px 0; }
#menu ul.sub-menu .sous-rub { background:url(../images/puce-sub-menu-fr.gif) #fff no-repeat 0 6px; }
#menu ul.sub-menu ul.sub-menu { border:0; margin-left:10px; }

#menu ul.sub-menu .sub-menu-n2 { width:130px; z-index:1; margin-top:-3px; }
#menu ul.sub-menu .sub-menu-n2 li { background-position:0 9px !important; padding-left:10px; width:130px;  padding-bottom: 1px;}
#menu ul.sub-menu .sub-menu-n2 a { width:130px; padding:6px 0  0 0 !important; font-weight:normal; text-shadow:1px 1px 1px #fff; font-size:1.4em; margin-top:-1px; }

/*Breadcrumbs*/
.breadcrumbs { color:var(--brand-primary); font-weight:bold; margin-bottom:20px; }
.breadcrumbs a { color:var(--brand-primary); font-weight:normal; text-decoration:none; }
.breadcrumbs span { color:#666; }
.breadcrumbs .normal { color:var(--brand-primary); }
.breadcrumbs a:hover{ color:var(--brand-primary); font-weight:normal; text-decoration:underline; }

/*Info*/
.info { display:block; background:url(../images/picto-info.png) transparent no-repeat; padding-left:20px; min-height:31px; overflow:hidden; margin-bottom:10px; }
.info p { margin-bottom:0; }
.info-bottom { margin:10px 0 0; }
.bloc .info { clear:left; }
.boutons .info { float:left; width:50%; }

.login { width:350px; }
.login input[type=text], .login input[type=password] { width:235px; }
.login .intitule { width:110px; }
.login .boutons { padding-top:20px !important; width:345px;  }

.bloc { padding:30px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-bottom:10px; box-sizing:border-box; display:table; width:100%; }
.formulaire .boutons { padding-bottom:0; }
.bloc .boutons { padding-top:0; padding-bottom:0; }
fieldset .boutons { padding-bottom:0; }
fieldset .bloc { padding:10px; }

.bloc-edition { background:#fff; border:1px solid #C0C0C0; }
.bloc-edition .bouton-gestion { float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(../images/degrade-picto-gestion.png) #79B7E7; }
.bloc-edition .bouton-gestion a { display:block; width:16px; height:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.bloc-edition .bouton-gestion a:hover { background:#ACCDF4; }
.bloc-edition .bouton-gestion a span { text-indent:-20000px; display:block; }
.bloc-edition .fermer { background:url(themes/redmond/images/ui-icons_d8e7f3_256x240.png) -96px -128px; }
.bloc-edition a:hover.fermer { background:url(themes/redmond/images/ui-icons_217bc0_256x240.png) #ACCDF4 -96px -128px; }
.bloc-edition h3 { float:left; }
.pictoRejette img {float: none !important;}

.moteur-recherche { background:#fff; }
.bloc.with-bg { background:#fff; clear:both; border: 1px solid #c0c0c0;}
.bloc.with-bg-clair { background:#F9F9F9; border:solid 1px #E3E3E3; clear:both; }
.moteur-recherche.bloc-toggle { padding:30px; }
.moteur-recherche.bloc-toggle h3 { color:#333 !important; }

.recap-recherche .bloc { background:#fff; padding-top:0; }
.recap-recherche .nouvelle-recherche { background:url(../images/arrow-link.gif) no-repeat left center; padding-left:12px; margin-right:5px; }
.recap-recherche .boutons { padding:0 0 5px; }

.message { color:var(--brand-primary); background:#E6EFEE; border:1px solid var(--brand-primary); margin-bottom:20px; }
.msg-confirmation  { color:#3D8011; border:1px solid #58b918; background:#E4FFD2;  }
.msg-confirmation .content { background:url(../images/picto-check-ok-big.png) #E4FFD2 no-repeat; padding-left:40px; min-height:31px; }
.msg-avertissement  { color:#FF8000; border:1px solid #FF8000; background:#FFF2E6;  }
.msg-avertissement .content { background:url(../images/picto-avertissement-big.png) #FFF2E6 no-repeat; padding-left:40px; min-height:31px; }
.msg-erreur { color:#d40b0b !important; border:1px solid #f42222; background:#FFE6E6; }
.msg-erreur .content { background:url(../images/picto-warning-big.png) #FFE6E6 no-repeat; padding-left:40px; min-height:31px; }
.msg-erreur .content li { color:#d40b0b !important; }
.msg-erreur .content li li { list-style-type:none; background:url(../images/msg-erreur-hyphen.gif) no-repeat left center; padding-left:8px; margin-left:3px; }
.msg-info .content {  background:url(../images/picto-info-big.png) #E6EFEE no-repeat left 0; padding-top:3px; padding-left:40px; min-height:31px; overflow:hidden; }
.msg-info * { color:var(--brand-primary) !important; }
.message ul { margin-left:10px; }
.message p + p { margin-top:1em; }
.message ul li { list-style-type:disc; list-style-position:outside; margin-left:10px; }
.message .info { margin-bottom:0; }

.statut-actif, .statut-conforme { color:#3D8011; }
.statut-inactif, .statut-non-conforme { color:#d40b0b; }

/*Bloc Acces rapide*/
.colum-accueil { width:50%; float:left; padding-top:10px; }
.colum-large { width:100%; }
.acces-rapide { padding-top:20px;}
.acces-rapide .bloc { font-size:0.875rem; }
.acces-rapide .line { padding:0 10px 7px 0; }
.acces-rapide .link { display:block; float:right; }
.acces-rapide .link a { text-decoration: none; font-weight: bold; }
.acces-rapide .intitule { width:85%; display: flex; align-items: center; font-weight: normal; }
.acces-rapide .intitule svg { margin-right: 15px; width: 40px; height: 40px;}
.acces-rapide .boutons { padding-top:15px; }

.bloc-actions .bloc          { background:white url(../images/picto-bloc-actions.png) no-repeat right 5px top 5px;  }
.bloc-facturations .bloc     { background:white url(../images/picto-bloc-actions.png) no-repeat right 5px top 5px;  }
.bloc-recherche-rapide .bloc { background:white url(../images/picto-bloc-recherche.png) no-repeat right 5px top 5px;  }
.bloc-facturation .bloc      { background:white url(../images/picto-bloc-facturation.png) no-repeat right 5px top 5px;  }
.bloc-indicateurs .bloc      { background:white url(../images/picto-bloc-indicateurs.png) no-repeat right 5px top 5px;  }
.bloc-candidatures .bloc { background:white url(../images/picto-indicateurs-candidatures.png) no-repeat right 10px top 10px;  }
.bloc-demandes .bloc         { background:white url(../images/picto-bloc-demandes.png) no-repeat right 5px top 5px;  }
.bloc-porte-document .bloc         { background:white url(../images/picto-porte-document.png) no-repeat right 10px top 5px ; background-size: 50px ; }

.bloc-indicateurs { padding-left:20px; }
.bloc-indicateurs .line > div { padding-left: 65px; }
.bloc-indicateurs .intitule { padding-left: 0 !important; }
.bloc-candidatures { padding-left:20px; }
.bloc-candidatures .line > div { padding-left: 65px; }
.bloc-candidatures .intitule { padding-left: 0 !important; }
.bloc-recherche-rapide .intitule { width:120px; }
.bloc-recherche-rapide input { width:260px; }
.bloc-recherche-rapide select { width:266px; }
.bloc-recherche-rapide .line { padding-right:0; padding-bottom:3px; }
.bloc-demandes { clear:both; }
.bloc-demandes .bloc { height:auto; }

.accueil-centralise .bloc { background:#fff; border:1px solid #C0C0C0; font-size:1.1em; overflow:visible; position:relative; }
.accueil-centralise .bloc ul { margin:10px 0; }
.accueil-centralise .bloc ul li { background:url(../images/arrow-link.gif) no-repeat left center; padding-left:12px; }
.accueil .bloc-right { padding-left:10px; }

/*Bloc toggle generique*/
.bloc-toggle { padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; }
.bloc-toggle .trigger { margin:0; padding:0; border:0; width:9px; height:9px; background:url(../images/picto-moins.gif) no-repeat; float:left; margin-top:2px; margin-right:5px; text-indent:-20000px; }
.bloc-toggle .trigger span { display:none; }
.bloc-toggle .collapse { background:url(../images/picto-plus.gif) no-repeat; }
.bloc-toggle .toggle-top { margin-bottom:5px; overflow:hidden; }
.bloc-toggle .toggle-top .title { float:left; width:75%; margin-bottom:0 !important; }
.bloc-toggle .toggle-content { clear:both; padding-bottom:5px; }

#navAction { float:right; }
.toggle-top .acces { display:none; }
.toggle-top .acces .acceder { font-size:0.9em; background:url(../images/sprite.png) var(--brand-primary) no-repeat 4px -518px; height:18px; width:18px; border:0;  cursor:pointer; text-indent:-20000px; visibility:visible; }
.toggle-top .acces .acceder:hover, .toggle-top .acces .acceder:active { background-color:#78A1DA; }

.toggle-detail { margin-bottom:5px; padding-left:4px; }
.toggle-detail button, .toggle-tree button:focus, .toggle-tree button:active { border:0; cursor:pointer; color:inherit; padding:0 0 0 13px !important; margin:0; font-size:1em; }
.toggle-detail .collapse { background:url(../images/picto-moins.gif) no-repeat 0 2px; }
.toggle-detail .expand { background:url(../images/picto-plus.gif) no-repeat 0 2px; }

/*Selectbox custom*/
div.skinned-select { background:var(--brand-primary); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin-right:3px; }
div.skinned-select select { opacity:0; filter:alpha(opacity = 0); moz-opacity:0; position:relative; z-index:100; width:170px; padding:0 !important; }
div.skinned-select .select-text { position:absolute; text-indent:10px; line-height:1.6em; z-index:1; width:170px; background:url(../images/sprite.png) no-repeat 150px -59px; text-align:left; }
div.skinned-select .select-text, div.skinned-select select, div.skinned-select select option { color:#333; }
div.skinned-select .select-text { color:#fff !important; }
/* non javascript version select */
.my-skinnable-select { border:1px solid #D5E6EE; }


/*Bloc recap*/
.recap { background:#fff; margin-bottom: 20px;}
.recap .ref-action { float:left; width:70%; }
.recap .ref-action a { margin-left:5px; }
.recap .ref-action img { vertical-align:middle; }
.recap .ref-action .intitule { padding-top:0; }
.recap .ref { float:left; }
.recap .ref .intitule { padding-top:0; }
.recap .line { padding-bottom:5px; }
.recap legend { background:#E6E6E6; }
.recap h2 { margin-bottom:10px; }
.recap h3 { margin-bottom:0 !important; color:#333333 !important; }
.recap h3.title { margin-bottom:10px !important; color:#333 !important; }

.intitule-action a { margin-left:5px; }
.intitule-action img { vertical-align:middle; }

.recap-param legend { background:#EEEEEE; color:#333333; }
.recap-param h3.title { margin-bottom:0 !important; }

.popup-large .recap .ref-action { width:95%; }

.bloc-fin h3.title { margin-bottom:0 !important; }
.bloc-fin .toggle-content { padding-top:10px !important; }

/*Legende*/
.legende { border: 1px solid #eee; margin-bottom: 15px; }
.legende .title { font-weight:bold; }
.legende .column .title { padding:5px 0; }

/* caracteristiquesFinancieres */
.caracteristiquesFinancieres { background:#e6efee; }
.caracteristiquesFinancieres .title { font-weight:bold; }
.caracteristiquesFinancieres .column .title { padding:5px 0; }

/*Barre statut realisation*/
.statut-realisations { width:200px; }
.statut-realisations .statut-01 { background:url(../images/statut-realisations.gif) no-repeat 0 5px; padding-left:60px; }
.statut-realisations .statut-02 { background:url(../images/statut-realisations.gif) no-repeat 0 -15px; padding-left:60px; }
.statut-realisations .statut-03 { background:url(../images/statut-realisations.gif) no-repeat 0 -35px; padding-left:60px; }
.statut-realisations .statut-04 { background:url(../images/statut-realisations.gif) no-repeat 0 -55px; padding-left:60px; }

.statut-action { position: relative; float:left; width:35px; height:25px; }
.statut-action span {display: none;}
.statut-action:before { position: absolute; width: 100%; left: 0; color: white; font-weight: bold; font-size: 0.875rem; line-height: 25px; text-align: center; }
.statut-action.statut-0         { background-color:#D9C400; }
.statut-action.statut-0:before  { content: "BR"; }
.statut-action.statut-1         { background-color:#D98200; }
.statut-action.statut-1:before  { content: "AL"; }
.statut-action.statut-2         { background-color:#D9005E; }
.statut-action.statut-2:before  { content: "AO"; }
.statut-action.statut-3         { background-color:#AF00D9; }
.statut-action.statut-3:before  { content: "EC"; }
.statut-action.statut-4         { background-color:#0039AB; }
.statut-action.statut-4:before  { content: "AV"; }
.statut-action.statut-5         { background-color:#0070A2; }
.statut-action.statut-5:before  { content: "AS"; }
.statut-action.statut-6         {  }
.statut-action.statut-6:before  { content: "AC"; }
.statut-action.statut-7         { background-color:#36AE04; }
.statut-action.statut-7:before  { content: "CL"; }
.statut-action.statut-8         { background-color:#DB0000; }
.statut-action.statut-8:before  { content: "AN"; }
.statut-action.statut-9         {  }
.statut-action.statut-9:before  { content: "AR"; }

.statut-validation { width:51px; height:7px; overflow:hidden; float:left; margin:4px 5px 0 0; }
.statut-validation .statut-0 { background:url(../images/sprite-statut-validation.gif) no-repeat 0 0; padding-left:60px; height:7px; }
.statut-validation .statut-1 { background:url(../images/sprite-statut-validation.gif) no-repeat 0 -7px; padding-left:60px; height:7px;}
.statut-validation .statut-2 { background:url(../images/sprite-statut-validation.gif) no-repeat 0 -14px; padding-left:60px;height:7px; }

.statut-utilisateur { height:20px; clear:left; }
.statut-utilisateur img { float:left; }
.statut-utilisateur span { padding-left:8px; display:inline-block; padding-top:1px; }

.statut-facturation { width:250px; }
.statut-facturation .statut-01 { background:url(../images/statut-facturation.gif) no-repeat 0 -15px; padding-left:60px; }
.statut-facturation .statut-02 { background:url(../images/statut-facturation.gif) no-repeat 0 5px; padding-left:60px; }
.statut-facturation .statut-03 { background:url(../images/statut-facturation.gif) no-repeat 0 -35px; padding-left:60px; }
.statut-facturation .statut-04 { background:url(../images/statut-facturation.gif) no-repeat 0 -55px; padding-left:60px; }

.statut-demande { overflow:hidden; float:left; margin:2px 5px 0 0; }

/*Barre nav action de formation*/
.nav-action { background:#f7d49b; border:2px solid #f5a931; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin-bottom:20px; overflow:hidden; height:34px; font-size:1.1em; }
.nav-action a { text-decoration:none; color:#333; }
.nav-action a:hover { text-decoration:underline; }
.nav-action .annee { float:left; background:#f5a931; padding:8px; height:18px; width:auto; }
.nav-action .prestation { float: left; padding: 8px; }

.action-statut-01 { border-color:#91d269; background-color:#D1F7BA; }
.action-statut-01 .annee { background-color:#91d269; }
.action-statut-01 .prestation .arrow { background-position:-10px -28px !important; }

.action-statut-02 { border-color:#f5a931; background-color:#f7d49b; }
.action-statut-02 .annee { background-color:#f5a931; }
.action-statut-02 .prestation .arrow { background-position:-10px -118px !important; }

.action-statut-03 { border-color:#66B3D7; background-color:#CAEAF8; }
.action-statut-03 .annee { background-color:#66B3D7; }
.action-statut-03 .prestation .arrow { background-position:-10px -207px !important; }

.action-statut-04 { border-color:#BFBCBE; background-color:#E6E3E5; }
.action-statut-04 .annee { background-color:#BFBCBE; }
.action-statut-04 .prestation .arrow { background-position:-10px -297px !important; }

.nav-prestation { float:right; height:34px; overflow:hidden; padding-top:10px;background:url(../images/sprite.png) 22px -113px no-repeat; width:58px; padding-right:10px; }
.nav-prestation a { display:block; height:16px; width:16px; }
.nav-prestation .precedent { float:left; background:url(../images/sprite.png) left -80px no-repeat; text-indent:-20000px; }
.nav-prestation .suivant { float:right; background:url(../images/sprite.png) -3px -101px no-repeat; text-indent:-20000px; }

.nav-stagiaire { float:right; height:34px; overflow:hidden; padding-top:10px; background:url(../images/sprite.png) 23px -638px no-repeat; width:58px; padding-right:10px; }
.nav-stagiaire a { display:block; height:16px; width:16px; }
.nav-stagiaire .precedent { float:left; background:url(../images/sprite.png) left -80px no-repeat; text-indent:-20000px; }
.nav-stagiaire .suivant { float:right; background:url(../images/sprite.png) -3px -101px no-repeat; text-indent:-20000px; }

.nav-fiche-stagiaire { border-color:#ccc; background:#ccc; }
.nav-fiche-stagiaire .stagiaire { float:left; padding:8px 0 8px 10px; height:18px; width:auto; font-weight:bold; color:#555; }


/*Navigation Onglets*/
.tabs-nav { clear:both; overflow:hidden; }

ul.tabs { margin:0; border-width:0; list-style:none; white-space:nowrap; line-height:normal; }
ul.tabs li { float:left; margin:0; padding:0; border-right: 12px solid #eee; }
ul.tabs li a { display:block; height:20px; line-height: 20px; margin:0; padding: 15px 20px; border-width:0; text-decoration:none; color: #222 !important; background: #fff; font-size: 14px; letter-spacing: 0.5px; }
ul.tabs li a:hover { text-decoration:underline; }
ul.tabs li.active a { color:#fff !important; background-color: var(--brand-secondary); }

ul.onglets { margin:0; padding:0 0 0 10px; border-width:0; list-style:none; white-space:nowrap; line-height:normal; background:url(../images/tab-bar.png) repeat-x left bottom; }
ul.onglets li { float:left; margin:0; padding:0; }
ul.onglets li a { display:block; height:24px; margin:0; padding:0 0 0 5px; border-width:0; font-weight:bold; text-decoration:none; color:#777; background-color:transparent; background:url(../images/tab-left.png) no-repeat left -38px; }
ul.onglets li a .tab { display:block; height:20px; margin:0; padding:4px 13px 0 6px; border-width:0; line-height:20px; background:url(../images/tab-right.png) no-repeat right -38px; cursor:pointer; font-size:1.1em; }
ul.onglets li a:hover { border-width:0; background-color:transparent; background:url(../images/tab-left.png) no-repeat left -76px; }
ul.onglets li a:hover .tab { background:url(../images/tab-right.png) no-repeat right -76px; }
ul.onglets li.active a, ul.onglets li.active a:hover { border-width:0; color:#625E5F; background-color:transparent; background:url(../images/tab-left.png) no-repeat left 0; }
ul.onglets li.active a .tab, ul.onglets li.active a:hover .tab { background:url(../images/tab-right.png) no-repeat right 0; }
ul.onglets li.inactive a, ul.onglets li.inactive a:hover { background:url(../images/tab-left.png) no-repeat left -114px; color:#c0c0c0; }
ul.onglets li.inactive a .tab { background:url(../images/tab-right.png) no-repeat right -114px; }
ul.onglets li.inactive .tab { cursor:default !important; }
ul.onglets li.inactive a:hover .tab { background:url(../images/tab-right.png) no-repeat right -114px !important; }


.tab_container { text-align:left; /*clear:both;*/ margin-bottom:10px; }
.tab_container .bloc-content { overflow:hidden; width:auto; padding:15px; margin-top:0px; border:1px solid #C0C0C0; background-color: white; }
.tab_container .tab_content {  }
.tab_container .onglet_content {  }


/*Suivi des realisation*/
.suivi-realisations { padding-top:10px; }
.suivi-realisations a { text-decoration:none; }
.suivi-realisations .annee { display:inline; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#625e5f; color:#fff; padding:5px 2px; margin-right:2px; }
.suivi-realisations .annee .button { display:block; float:left; width:16px; height:12px; margin-top:2px; }
.suivi-realisations .annee a { display:block; float:left; width:16px; height:12px; text-indent:-20000px; }
.suivi-realisations .annee span { float:left; padding:0 6px; }
.suivi-realisations .annee .suivant {  background:url(../images/nav-realisation-right.png) #625e5f no-repeat right; }
.suivi-realisations .annee .precedent {  background:url(../images/nav-realisation-left.png) #625e5f no-repeat left; }

.suivi-realisations .nav { margin-bottom:2px; overflow:hidden; padding:0 15px; }
.suivi-realisations .nav .periode li { display:inline; }
.suivi-realisations .nav .periode li span { display:block; float:left; color:#e3e2e2; background:#fff; border:2px solid #e3e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:2px; padding:3px 12px; }
.suivi-realisations .nav .periode li a { display:block; float:left; color:#625E5F; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:2px; padding:3px 12px; }
.suivi-realisations .nav .periode li a.statut-01 { background:#d1f7ba; border:2px solid #91d369; }
.suivi-realisations .nav .periode li a.statut-02 { background:#f7d49b; border:2px solid #f5a931; }
.suivi-realisations .nav .periode li a.statut-03 { background:#caeaf8; border:2px solid #5dafd5; }
.suivi-realisations .nav .periode li a.statut-04 { background:#e6e3e5; border:2px solid #bfbcbe; }

.suivi-realisations .nav .periode li a.active { font-weight:bold; padding:5px 12px; color:#fff; border:0; }

.suivi-realisations .nav .periode li a.statut-01.active { background:#91d369; }
.suivi-realisations .nav .periode li a.statut-02.active { background:#f5a931; }
.suivi-realisations .nav .periode li a.statut-03.active { background:#5dafd5; }
.suivi-realisations .nav .periode li a.statut-04.active { background:#bfbcbe; }

.bloc-content .suivi-realisations .nav { padding:0 5px; }

.suivi-realisations .content { clear:both; overflow:hidden; }
.suivi-realisations .content .bloc { padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; }

.suivi-realisations .content .statut-01 { border:2px solid #91d369; }
.statut-01 table.donnees .col-highlight { background:#D1F7BA; }
.statut-01 table.donnees .on .col-highlight, .statut-01 table.donnees .off .col-highlight, .statut-01 table.declaration-stagiaire td.col-highlight { background:#dfead9; }

.suivi-realisations .content .statut-02 { border:2px solid #f5a931; }
.statut-02 table.donnees .col-highlight { background:#f7d49c; }
.statut-02 table.donnees .on .col-highlight, .statut-02 table.donnees .off .col-highlight, .statut-02 table.declaration-stagiaire td.col-highlight  { background:#f4e3c5 ; }

.suivi-realisations .content .statut-03 { border:2px solid #5dafd5; }
.statut-03 table.donnees .col-highlight { background:#caeaf8; }
.statut-03 table.donnees .on .col-highlight,.statut-03 table.donnees .off .col-highlight, .statut-03 table.declaration-stagiaire td.col-highlight { background:#d5e6ee; }

.suivi-realisations .content .statut-04 { border:2px solid #bfbcbe; }
.statut-04 table.donnees .col-highlight { background:#E6E3E5; }
.statut-04 table.donnees .on .col-highlight, .statut-04 table.donnees .off .col-highlight, .statut-04 table.declaration-stagiaire td.col-highlight { background:#e4e4ea; }

.suivi-facturations .bloc { background:none; padding:0; }
.suivi-facturations .statut-01 .colspan, .suivi-facturations .statut-01 .header2 th { background:#F7D49C; }
.suivi-facturations .statut-02 .colspan, .suivi-facturations .statut-02 .header2 th { background:#D1F7BA; }
.suivi-facturations .statut-03 .colspan, .suivi-facturations .statut-03 .header2 th { background:#fcc9c6; }
.suivi-facturations .statut-04 .colspan, .suivi-facturations .statut-04 .header2 th { background:#aac4e5; }

.suivi-facturations .statut-01 .colspan, .suivi-facturations .statut-01 .colonne-header { background:#F7D49C; border-bottom: 1px solid #fff;}
.suivi-facturations .statut-02 .colspan, .suivi-facturations .statut-02 .colonne-header { background:#D1F7BA; border-bottom: 1px solid #fff;}
.suivi-facturations .statut-03 .colspan, .suivi-facturations .statut-03 .colonne-header { background:#fcc9c6; border-bottom: 1px solid #fff;}
.suivi-facturations .statut-04 .colspan, .suivi-facturations .statut-04 .colonne-header { background:#aac4e5; border-bottom: 1px solid #fff;}

.suivi-facturations .statut-01 table.donnees .header2 th { border-bottom-color:#F5A931 !important; }
.suivi-facturations .statut-02 table.donnees .header2 th { border-bottom-color:#91D369 !important; }
.suivi-facturations .statut-03 table.donnees .header2 th { border-bottom-color:#ec8080 !important; }
.suivi-facturations .statut-04 table.donnees .header2 th { border-bottom-color:#668dbe !important; }
.suivi-facturations .periode { width:110px; font-weight:bold; }
.suivi-facturations .support { width:70px; }
.suivi-facturations .periode, .suivi-facturations .download, .suivi-facturations .support, .suivi-facturations .motif, .suivi-facturations .organisme { text-align:left; }
.suivi-facturations .col-gestion { width:150px !important; }
.col-gestion-large {width: 150px !important;}

/*Tableaux generiques*/
table.donnees { width:100%; margin-bottom:10px; clear:both; }
table.donnees caption { position:absolute; left:-99999px; }
table.donnees th { font-weight:bold; padding:3px;/* padding-right:10px;*/ text-align:left; }
table.donnees th:first-child { border-left:0; }
table.donnees td { padding:3px; vertical-align:middle; height:25px; }
table.donnees .header1 th { border:0; text-align:center; }
table.donnees .unite-oeuvre { padding-left:12px; }
table.donnees .colspan { background:#c6e0df; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid #fff !important; border-width:0 1px; text-align:center; }
table.donnees .colspan-light {-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid #fff !important; border-width:0 1px; text-align:center; }
table.donnees .colspan-phase { background:#F7D49B; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid #fff !important; border-width:0 1px; text-align:center; }
table.donnees .colspan-normal { background:#E6EFEE; }
table.donnees .border-right { border-right:2px solid #fff !important; }
table.donnees .empty { background:#fff !important; }
table.donnees .on { background:#eee; }
table.donnees .off { background:#eee; color:#726f6f; }
table.donnees .col-gestion { padding-right:3px; text-align:center; }
table.donnees .col-select { padding-right:3px; text-align:center !important; }
table.donnees .col-gestion a { display:block; margin-bottom:3px; cursor:pointer; clear: both; }
table.tableau-stagiaires .col-gestion a { display:inline-block; }
table.tableau-composantes-stagiaires .col-gestion a { display:inline-block; }
table.donnees th.col-check { border-right:0 !important; }
table.donnees th.col-check label { display:none; }
table.donnees .col-check { width:15px; padding:2px 3px 0 0; border-right:0 !important; }
table.donnees th a {  text-decoration:none; color:#333; margin-right:10px; display:inline-block; }
table.donnees th.align-right a { margin-right:0; }
table.donnees .sortasc { background:url(../images/sort-asc.gif) transparent no-repeat right bottom; padding-right:12px; }
table.donnees .sortdesc { background:url(../images/sort-desc.gif) transparent no-repeat right bottom; padding-right:12px; }
table.donnees .sort { background:url(../images/sort.gif) transparent no-repeat right bottom; padding-right:12px; }
table.donnees .date { text-align:center; }
table.donnees .total td, table.donnees .total th { background:#ccc; font-weight:bold; border-top:2px solid #fff; }
table.donnees .total td { vertical-align:middle; }
table.donnees .total td.total { background:#b6b6b6; }
table.donnees .total .desc { text-align:right !important; }
table.donnees .line { padding-bottom:5px; }
table.donnees .intitule { padding-top:0; }
table.donnees .bloc-toggle { padding:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;  }
/*table.donnees .desistement .detail-stagiaire, table.donnees .desistement td, table.donnees .desistement td img { text-decoration:line-through; }*/
table.donnees .desistement td { background:#F3F3F5; color:#726F6F; }
table.donnees .desistement td a.detail-stagiaire { color:#726F6F; text-decoration:line-through; background-image:url(../images/picto-stagiaire-desiste.png) !important; }

.recap table.donnees .empty { background-color:#eeeeee !important; }
.recap table.donnees .colspan { border-color:#eeeeee !important; }

/*Tableau suive des realisations*/
table.tableau-realisations caption, table.infos-financieres caption { position:relative; text-align:left; margin-bottom:0 !important; }
table.tableau-realisations td, table.tableau-realisations th { text-align:right; }
table.tableau-realisations tr.prestation td, table.tableau-realisations tr.unite-oeuvre td { width:auto; }
table.tableau-realisations .desc { text-align:left !important; font-weight:bold; border-left:0 !important; }
table.tableau-realisations tr.prestation td { border-bottom:0 !important; }
table.tableau-realisations .prestation .desc { font-weight:bold; }
table.tableau-realisations .unite-oeuvre .desc { padding-left:10px; font-weight:normal; }
table.tableau-realisations .unite-oeuvre .unite { background:url(../images/tiret-liste-item.gif) no-repeat left 6px; padding-left:6px; display:block; }
table.tableau-realisations .col-highlight {  font-weight:bold; }
table.tableau-realisations .col-gestion { width:100px; text-align:center; }
table.tableau-suivi-factures .col-gestion a {display: inline-block;margin-top: 0;}
table.tableau-suivi-factures .col-gestion a svg {padding: 0;}
table.tableau-realisations .pdf-link { text-align:left; }
table.tableau-realisations .facture-link { float:right; padding-left:0 !important; background-position:right; padding-right:19px; }
table.tableau-realisations .editions-link { display:inline-block; vertical-align:middle; margin-top:-1px; }
table.tableau-realisations .editions-link li { display:inline; }

table.tableau-stagiaires .header2 {background: #bbb;}
table.tableau-stagiaires td, table.tableau-stagiaires th { text-align:right; }
table.tableau-stagiaires th.desc { font-weight:bold; }
table.tableau-stagiaires .desc { text-align:left !important; min-width:160px; border-left:0 !important; }
table.tableau-stagiaires tr.stagiaire td { border-bottom:0 !important; }
table.tableau-stagiaires .unite-oeuvre .desc { padding-left:10px; font-weight:normal; }
table.tableau-stagiaires .unite-oeuvre .unite { background:url(../images/tiret-liste-item.gif) no-repeat left 6px; padding-left:6px; display:block; }
table.tableau-stagiaires .col-highlight {  font-weight:bold; }
table.tableau-stagiaires .line-highlight { background:#fdfde3 !important; }
table.tableau-stagiaires .col-gestion { width:100px; text-align:center; }
table.tableau-stagiaires .col-gestion-large { text-align:center; }

table.declaration-stagiaire .sous-td { background:#FFF !important;  border-bottom:1px solid #cccccc;  }
table.declaration-stagiaire td, table.declaration-stagiaire th { text-align:right; }
table.declaration-stagiaire .desc { min-width:580px; }
table.declaration-stagiaire thead {  border-bottom:1px solid #cccccc; }
table.declaration-stagiaire tr {  border-bottom:1px solid #cccccc; }
table.declaration-stagiaire .unite-oeuvre .desc { padding-left:0; }
table.declaration-stagiaire .unite-oeuvre .unite { background:none; font-weight:bold; padding-top:3px; }
table.declaration-stagiaire td { background:#F3F3F5; border-bottom:1px solid #cccccc;  }

a.nom-stagiaire { text-decoration:none; font-weight:bold; color:#333; display:block; float:left; padding-right:20px; background:url(../images/picto-stagiaire-edit.png) transparent right top no-repeat; }
a.libelle-uo { text-decoration:none; color:var(--brand-primary); display:block; float:left; padding-right:20px; background:url(../images/picto-stagiaire-edit.png) transparent right top no-repeat; }
a.stagiaire-parcours { text-decoration:none; font-weight:bold; color:#333; display:block; float:left; padding-right:20px; }
/*a:hover.nom-stagiaire { background:url(../images/picto-stagiaire-edit.png) transparent right top no-repeat; text-decoration:none; font-weight:bold; }*/
table.donnees .off a.nom-stagiaire { color:#726f6f; background-image:url(../images/picto-stagiaire-edit-off.png); }
/*table.donnees .off a:hover.nom-stagiaire { background-image:url(../images/picto-stagiaire-edit-off.png); }*/
a.detail-stagiaire { text-decoration:none; font-weight:bold; color:#333; display:block; float:left; padding-right:20px; background:url(../images/picto-stagiaire-detail.png) transparent right top no-repeat; }
a.detail { text-decoration:none; font-weight:bold; color:#333; display:block; float:left; padding-right:15px; background:url(../images/picto-detail.png) transparent right top no-repeat; }
table.donnees .off a.detail-stagiaire { color:#726f6f; background-image:url(../images/picto-stagiaire-detail-off.png); }

table.tableau-prestataires .col-gestion { width:100px; }
table.tableau-prestataires .col-select { width:50px; }

table.tableau-actions .col-gestion { width:44px; text-align:center; }
table.tableau-actions .bloc-toggle .toggle-top .title { width:90%; }
table.tableau-actions .bloc-toggle .toggle-top .title a { margin-left:5px; }
table.tableau-actions .bloc-toggle .toggle-top .title a img { vertical-align:middle; }
table.tableau-actions .detail-action .intitule { width:70px; }
table.tableau-actions .detail-action .content-bloc { width:61% !important; padding-top:0; }
table.tableau-actions .line-highlight, table.tableau-actions .line-highlight tr.on { background:#fdfde3 !important; }

table.tableau-composantes .header1 th { font-weight:bold; }
table.tableau-composantes .prestation td {vertical-align: top; padding-top: 10px;}
table.tableau-composantes .detail-composante .intitule { width:70px; }
table.tableau-composantes .detail-composante .content-bloc { width:60% !important; padding-top:0; }
table .line-volume { width:200px; overflow:hidden; float:right; }
table .line-volume .intitule { text-align:right; width:130px; float:left; }
table .line-volume .volume { float:right; }
table .line-volume.rectif .volume { font-weight:bold; color:#d40b0b; }
table .line-motif { margin-bottom:5px; }

table.tableau-unites-oeuvre th { text-align:right; }
table.tableau-unites-oeuvre td { text-align:right; }
table.tableau-unites-oeuvre .desc { text-align:left; }
table.tableau-unites-oeuvre th.header-desc { text-align:left; font-weight:bold; }
table.tableau-unites-oeuvre .header1 th.total { font-weight:bold !important; }
table.tableau-unites-oeuvre th.total { background:#C6E0DF; }
table.tableau-unites-oeuvre td.total { background:#e4eded; }
table.tableau-unites-oeuvre .on td.total { background:#d8e6e6 }
table.tableau-unites-oeuvre caption { position:relative; text-align:left; font-weight:bold; color:#333333; margin-bottom:10px; }

table.tableau-composantes td { text-align:left; }
table.tableau-composantes .desc { text-align:left !important; font-weight:bold; border-left:0 !important; }
table.tableau-composantes .col-gestion { width:100px; text-align:center; }
table.tableau-composantes .col-gestion a { margin-bottom:3px; }
table.tableau-composantes .unite-oeuvre .unite { background:url(../images/tiret-liste-item.gif) no-repeat left 6px; padding-left:6px; display:block; }
table.tableau-composantes .unite-oeuvre .desc { padding-left:10px; font-weight:normal; }
table.tableau-composantes th.total { background:#C6E0DF; }
table.tableau-composantes td.total { background:#e4eded; }
table.tableau-composantes .on td.total { background:#d8e6e6 }
table.tableau-composantes .header2 th.total {  background:#C6E0DF !important; }
table.tableau-composantes .total td.total { background:#b6b6b6 !important; }

table.tableau-composantes tbody th { background:none; border:0; }

table.tableau-repartitions .prestataire, table.tableau-repartitions-volumes .prestataire { font-weight:normal; }
table.tableau-repartitions .reste, table.tableau-repartitions-volumes .reste { font-weight:bold; color:#3D8011; }
table.tableau-repartitions .negatif, table.tableau-repartitions-volumes .negatif { color:#d40b0b; }
table.tableau-repartitions tr { border-bottom:1px solid #cccccc; }

.ancienne-valeur { font-style:italic; color:#999; }

table.parametrages { /*margin-bottom:0;*/ }
table.parametrages td, table.parametrages th { text-align:left; }
table.parametrages .col-gestion { width:100px; }
table.parametrages .col-select { width:50px; }

table.echeancier td, table.echeancier th { text-align:left; }
table.echeancier .col-gestion { width:100px; text-align: center; }
table.echeancier .total-echances { color:#3D8011; }
table.echeancier .erreur { color:#d40b0b; }

table.tableau-validations { margin-top:10px; }
table.tableau-validations .col-gestion { text-align:left; }
table.tableau-validations .bloc-toggle { margin-bottom:0; }
table.tableau-validations .detail-periode .intitule { width:60%; text-align:left; }
table.tableau-validations .line-volume, table.tableau-validations .line-uo { clear:left; float:left; }
table.tableau-validations .line-composante { clear:left; margin-bottom:5px; overflow:hidden; }
table.tableau-validations .line-composante .intitule { font-weight:bold; padding-bottom:3px; }
table.tableau-validations .line-uo { margin-left:10px; float:none; background:url(../images/volume-dot.gif) repeat-x left bottom; overflow:hidden; margin-bottom:3px; }
table.tableau-validations .line-uo .intitule { font-weight:normal; max-width:69.8%; width:auto; background:url(../images/tiret-liste-item.gif) #fff no-repeat left 6px; padding:0 2px 0 6px; float:left; }
table.tableau-validations .volume { float:right; text-align:right; width:25%; }
table.tableau-validations .line-uo .volume { padding-left:4px; }
table.tableau-validations .line-uo .volume span { background:#fff; padding-left:2px; }
table.tableau-validations .periode-title { float:left; padding-top:2px; margin-right:5px; }


table.tableau-validations td { border-bottom:1px solid #fff; }
table.tableau-validations tr.on .line-uo .intitule, table.tableau-validations tr.on .line-uo .volume span { background-color:#F3F3F5; }
table.tableau-validations tr.statut-01 td, table.tableau-validations tr.statut-01 .line-uo .intitule, table.tableau-validations tr.statut-01 .line-uo .volume span { background-color:#D1F7BA; }
table.tableau-validations tr.statut-02 td, table.tableau-validations tr.statut-02 .line-uo .intitule, table.tableau-validations tr.statut-02 .line-uo .volume span { background-color:#f7d49b; }

table.circuit-validation { /*margin-bottom:0;*/ }
table.circuit-validation td, table.circuit-validation th { text-align:left; }
table.circuit-validation .col-gestion { width:100px; }

table.default caption { position:absolute; left:-99999px; }
table.default th.col-highlight { font-weight:bold; text-align:center; }
table.default .col-gestion { width:100px; }

.liste-stagiaires h3 { float:left; font-size:1.1em; }
.liste-stagiaires h4 { clear:both; margin-bottom:10px; font-weight:bold; }
.liste-stagiaires .bloc { margin-bottom:5px; }
.liste-stagiaires .pdf-link { margin-top:3px; }

table.tableau-calcul-fse tr { border-top:1px solid #ccc; }
table.tableau-calcul-fse th { border-bottom:0; }
table.tableau-calcul-fse tr.composante { border-top:0 !important; }
table.tableau-calcul-fse th, table.tableau-calcul-fse tr.composante td, table.tableau-calcul-fse tr.header-composante { text-align:right; }
table.tableau-calcul-fse .desc { padding-left:17px; text-align:left !important; }
table.tableau-calcul-fse tr.header-composante { border-top:0 !important; }
table.tableau-calcul-fse tr.header-composante th { background:#f3f8f7; }
table.tableau-calcul-fse tr.line-action { background:#E6E6E6; }
table.tableau-calcul-fse .detail-action .content-bloc { width:70% !important; }

table.tableau-calcul-remu tr { border-top:1px solid #ccc; }
table.tableau-calcul-remu th { border-bottom:0; }
table.tableau-calcul-remu tr.composante { border-top:0 !important; }
table.tableau-calcul-remu th, table.tableau-calcul-remu tr.composante td, table.tableau-calcul-remu tr.header-composante, table.tableau-calcul-remu tr.uo { text-align:right; }
table.tableau-calcul-remu .desc { padding-left:17px; text-align:left !important; }
table.tableau-calcul-remu tr.header-composante { border-top:0 !important; }
table.tableau-calcul-remu tr.header-composante th { background:#f3f8f7; }
table.tableau-calcul-remu tr.line-action { background:#E6E6E6; }
table.tableau-calcul-remu .detail-action .content-bloc { width:70% !important; }
table.tableau-calcul-remu tr.uo .desc, table.tableau-calcul-fse tr.header-uo .desc { padding-left:30px; }
table.tableau-calcul-remu tr.uo, table.tableau-calcul-fse tr.header-uo  { border-top:0 !important; }
table.tableau-calcul-remu tr.header-uo th { background:#f3f8f7; }
table.tableau-calcul-remu .type-remu { margin-left:5px; }
table.tableau-calcul-remu .disabled-input { border:0; color:#333333; background:#fff; }
table.tableau-calcul-remu tr.on .disabled-input { background:#F3F3F5; }

.tableau-volumes .header1 th { font-weight:bold; }
.tableau-volumes th.montant { background-color:#c6e0df !important; }
.tableau-volumes td.montant { background-color:#e4eded !important; }
.tableau-volumes .on td.montant { background-color:#d8e6e6 !important; }
.tableau-volumes tbody:first-child .uo { border:0; }
.tableau-volumes .uo { border-top:1px solid #ccc; background:#f3f3f5; }
.tableau-volumes .uo td.montant { background:#d8e6e6 !important; }
.tableau-volumes .total .montant { background-color:#b6b6b6 !important; }
.tableau-volumes .uo td { font-weight:bold; padding-left:10px; }
.tableau-volumes .volume td { padding-left:20px; }
.tableau-volumes .annee, .tableau-volumes .annee ~ th { font-weight:bold; width:auto; }

.tableau-montants .colspan { background:#e6efee !important; }
.tableau-montants .total, .table-montants .header2 th.total { background:#C6E0DF !important; font-weight:bold; }
.tableau-montants .on td.total { background-color:#d8e6e6 !important; }
.tableau-montants .total td { background:#cccccc !important; }
.tableau-montants .total td.total { background:#C6E0DF !important; }

table.recap-modifications td { width:33%; }

.recherche-right { float:right; border:0 !important; clear:none; margin:0; padding:0; position:relative; }
.recherche-right h4 { float:left; display:block; color:inherit; font-weight:normal; background:none; line-height:1.7em; padding-right:5px; }
.recherche-right input { padding-right:5px; border:1px solid #ccc; padding:2px; width:200px; }
.recherche-right .ok { background:url(../images/sprite.png) #666666 no-repeat 0 -401px; height:18px; width:20px; border:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; }
.recherche-right .reset { background:url(../images/sprite.png) transparent no-repeat 3px -672px; height:17px; width:20px; border:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; position:absolute; right:24px; top:2px; }

.filtres-links { clear:both; margin-bottom:8px; float:left; }
.filtres-links a { color:var(--brand-primary); margin-right:10px; text-decoration:none; }
.filtres-links a:hover { text-decoration:underline; }
.pager .filtres-links { padding-top:10px; }
.pager .ajout-el { margin-top:8px; }
.pager .line { padding-bottom:0; padding-top:8px; }

.bloc-filtres h4 { margin:0 !important; }

.bloc-habilitations { padding:0; }
.bloc-habilitations .bloc-toggle { margin-bottom:0 !important; }
.bloc-habilitations .toggle-top { margin-bottom:0 !important; }
.tableau-habilitations { margin-top:10px; border:0 !important; }
.tableau-habilitations tbody { border-bottom:0 !important; }
.tableau-habilitations thead { display:none; }
.tableau-habilitations .col-select { width:30px; }
.tableau-habilitations tr, .tableau-habilitations tr td { border-bottom:1px solid #E6E6E6; }
.tableau-habilitations td { border:0 !important; }
.tableau-habilitations .line-highlight { background:#fdfde3 !important; }

/*Pager*/
.pager { overflow:hidden; clear:both; }
/*.pager.simple { padding-top:0; }*/
.pager h2 { float:left; padding-top:10px; font-weight:bold; }
.pager h4 { float:left; padding-top:10px; font-weight:bold; }
.pager .ajout-el { float:left; /*margin-top:5px;*/ }
.affichage-resultats { float:right; }
.affichage-resultats .nav-link { padding-top:7px; margin-bottom:7px; float:right; }
.affichage-resultats .nav-link img { margin:5px 3px 0; vertical-align:top; }
.affichage-resultats .back, .affichage-resultats .next { float:left; }
.affichage-resultats .input-page { float:left; padding:0 8px; }
.affichage-resultats .input-page label { display:none; }
.affichage-resultats .input-page input { width:30px; float:left; text-align:right; margin-right:1px; }
.affichage-resultats .input-page .libelle { float:left; line-height:25px; margin-left: 3px; }

.resultat-page { overflow:hidden; float:left; padding-right:20px; }
.resultat-page .title { padding:10px 10px 0 0; float:left; }
.resultat-page a { padding-top:8px; display:block; width:18px; height:17px; float:left; margin-right:5px; }
.resultat-page a.active { background:url(../images/sprite.png) transparent left -252px no-repeat; }

.display-1 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -174px no-repeat; text-indent:-20000px; }
.display-2 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -201px no-repeat; text-indent:-20000px; }
.display-3 span { display:block; float:left; height:18px; width:18px; background:url(../images/sprite.png) transparent left -228px no-repeat; text-indent:-20000px; }


.bloc-resultats  { padding:10px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; margin-bottom:5px; }
.bloc-resultats table.donnees { margin-bottom:0; }
.bloc-resultats .toggle-detail { padding-top:10px; }
.formulaire .bloc-resultats { padding:0; }

.line { clear:both; padding-bottom:8px; display:table; width:100%; }
.indent-10 { padding-left:10px; }
.indent-20 { padding-left:20px; }
.column { float:left; padding-right:20px; }
.column2 { float:left; padding-right:120px;padding-left: 250px !important; }
.intitule { float:left; padding-right:5px; padding-top:0.3em; font-weight: bold; }
.intitule-bloc { clear:both; padding-bottom:5px; }
.intitule-auto { float:left; padding-right:5px; }
.intitule-fige { margin-bottom:5px; display:inline-block; padding-right:5px; }
.intitule-inline {}
.content-bloc { float:left; padding-top:0.3em; }
.content-bloc .intitule { padding-top:0; }
.content-bloc input, .content-bloc select { margin-top:-2px; }

.bilans-satisfaction .line { padding:5px; }
.bilans-satisfaction .line-on { background:#f3f3f5; }
.bilans-satisfaction .intitule { float:left; width:72%; padding-right:10px; }
.bilans-satisfaction .content-bloc { float:left; }
.bilans-satisfaction .caption { position:relative; padding-left:15px; font-weight:bold; }
.bilan-unifie input { width:27px; text-align:right; }
.bilan-unifie .rate-header { float:right; width:190px; margin-right:5px; }
.bilan-unifie .rate-header img { margin:0 7px 0 11px; }
.bilan-unifie .intitule { width:78%; }
.bilan-unifie .content-bloc { float:right; width:190px; }
.bilan-par-stagiaire input { width:auto; margin-right:7px; }
.bilan-par-stagiaire .rate-header img { margin:0 6px 0 5px; }

.ui-stars-star a:focus  { background-position:0 -64px; }
.ui-stars-cancel a:focus  { background-position:0 -16px; }

.libelle-link { color:var(--brand-primary); }
a.ajout-el, button.ajout-el { display:block; background:url(../images/degrade-picto-gestion.png) repeat-x top left; width:20px; height:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:var(--brand-primary); cursor:pointer; }
a.suppr-el, button.suppr-el { display:block; background:url(../images/degrade-picto-gestion.png) repeat-x top left; width:20px; height:16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:var(--brand-primary); cursor:pointer; }

a:hover.ajout-el, button:hover.ajout-el { text-decoration:none; }
a.ajout-el span, button.ajout-el span { padding-left:25px; background:url(../images/sprite.png) transparent 3px -449px no-repeat; float:left; width:200px; }
a.suppr-el span, button.suppr-el span { background-position:3px -469px; }

.boutons-ajout-supp a.ajout-el { float:left; margin-right:3px; }
.boutons-ajout-supp a.ajout-el span { text-indent:-999999px; width:20px;  }
.bouton-suppr { overflow:hidden; margin-top:-10px; }

input.ajout-el, button.ajout-el, button.suppr-el { margin:0; padding:0; border:0; font-weight:bold; cursor:pointer; display:-moz-inline-box; display:inline-block; white-space:nowrap; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding-bottom:2px; color:#fff; margin-bottom:0; }

.check { padding:0.2em 10px 0 0; text-align:left; }
.check input { float:left; margin:-1px 3px 5px 0; padding:0; vertical-align:top; }
	
/*Liste champs check ou radios*/
.scroll { border:1px solid #ccc; overflow:auto; margin-bottom:10px; }
.scroll .hover { background:#E6E6E6; }

.checklist { overflow:auto; }
.checklist li { overflow:hidden; padding:5px 5px 5px 0; }
.checklist label { padding:0 3px 0 5px; display:block; float:left; }
.checklist input { clear:both; float:left; width:13px; height:13px; margin:0; padding:0; }
.checklist-inline li { padding-left:0; }

.sites-realisation { height:120px; max-height:120px; border:0; }

.width-auto { width:auto !important; }
.width-10 { width:10px !important; }
.width-20 { width:20px !important; }
.width-30 { width:30px !important; }
.width-40 { width:40px !important; }
.width-50 { width:50px !important; }
.width-60 { width:60px !important; }
.width-70 { width:70px !important; }
.width-80 { width:80px !important; }
.width-90 { width:90px !important; }
.width-100 { width:100px !important; }
.width-110 { width:110px !important; }
.width-120 { width:120px !important; }
.width-130 { width:130px !important; }
.width-135 { width:135px !important; }
.width-140 { width:140px !important; }
.width-150 { width:150px !important; }
.width-160 { width:160px !important; }
.width-175 { width:175px !important; }
.width-180 { width:180px !important; }
.width-185 { width:185px !important; }
.width-190 { width:190px !important; }
.width-200 { width:200px !important; }
.width-210 { width:210px !important; }
.width-220 { width:220px !important; }
.width-230 { width:230px !important; }
.width-250 { width:250px !important; }
.width-260 { width:260px !important; }
.width-275 { width:275px !important; }
.width-300 { width:300px !important; }
.width-340 { width:340px !important; }
.width-400 { width:400px !important; }
.width-440 { width:440px !important; }
.width-450 { width:450px !important; }
.width-480 { width:480px !important; }
.width-500 { width:500px !important; }
.width-550 { width:550px !important; }
.width-590 { width:590px !important; }
.width-600 { width:600px !important; }
.width-620 { width:620px !important; }
.width-650 { width:650px !important; }
.width-700 { width:700px !important; }
.width-760 { width:760px !important; }

input[type=text][class*='width-']   {min-width:450px !important;}
input[type=text][class*='width-20'] {min-width:20px !important;}
input[type=text].number             {min-width:unset !important; width: 80px !important;}
select[class*='width-']             {min-width:450px !important;}
div[class*='intitule width-']       {min-width:250px !important;}
.tableau-unites-oeuvre select[class*='width-'],
.tableau-unites-oeuvre input[type=text][class*='width-'] {
    min-width: unset !important;
}

select.select-auto { width:auto !important; position:absolute; }

.input-file-450 { width:458px !important; }
.input-file-480 { width:488px !important; }

.height-60 { height:60px !important; }

.motifSortieAnticipee { width:700px; }
.saisieSortie { margin-top:10px;}

.input-realisation { width:80px; font-weight:normal; text-align:right; margin-right:3px; }
.input-volume { width:80px; font-weight:normal; text-align:right; }
.input-volume-inline { float:left; margin-right:9px; font-weight:normal; text-align:right; }

.calendar { margin-right:5px; float:left; }
.calendar input { width:80px; margin-right:2px !important; float:left; text-align:left !important; }
.calendar .date-picker-control { margin-left:0 !important; margin-top:-2px !important; }
div.datePicker { font-size:0.7em !important; }
.date-picker-table { font-size:0.75em !important; }
.donnees .calendar .date-picker-control  { margin-top:0 !important; }
.donnees .calendar input { width:60px; }

.start-end { width:220px !important; }
.start-end .ValidationErrors, .start-end .ValidationPradoErrors { padding-left:0; }
.rib .ValidationErrors, .rib.ValidationPradoErrors { padding-left:0; }

.rib .column { padding-right:5px; }
.rib .line { padding-top:2px; }
.rib .titulaire { width:440px; }

.civilite, .annee { width:106px; }
.number, .montant, .numberwithcomma { text-align:right !important; }
.annee { text-align:left !important; }
.ville { width:265px; }

.adresse input, .adresse select { margin-top:0; }
.adresse .column { padding-right:5px; }
.adresse .ville { width:265px; }
.adresse .recherche-referentiel, .recherche-referentiel { font-size:0.9em; background:url(../images/btn-recherche.png) #fff no-repeat; height:20px; width:20px; border:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; vertical-align:top; visibility:visible !important; }
.adresse .recherche-referentiel.empty { height:20px; width:20px; background:#fff; display:inline-block; cursor:default; margin-top:-1px; }

.unite-uo { display:inline-block; width:18px; padding-left:3px; }
.lien-historique { display:inline-block; vertical-align:top; margin-left:5px; }
.lien-historique-popin { padding:0; border:0; background:transparent; cursor:pointer; vertical-align:top; }
.histo-demande { padding:7px !important; }
.img-demande {    width: 30px !important; height: 30px !important; background: none !important;}

/*Boutons*/
.boutons { clear:both; padding:10px 0 20px; overflow:hidden; }
.boutons input[type=button],
.boutons input[type=submit],
.boutons a {
    background: var(--brand-primary) !important;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 20px;
    display: inline-block;
    font-size: 0.813rem;
    border: 0;
    cursor: pointer;
}
.boutons input[type=submit][class*='disabled-button']   {background: #bbb !important; color:#fff !important;}

.gestion-stagiaire .boutons a * {fill: #fff;}
.boutons button { margin:0; padding:0; border:0; font-weight:bold; height:18px; cursor:pointer; display:-moz-inline-box; display:inline-block; white-space:nowrap; text-align:center; vertical-align:middle; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; text-shadow:1px 1px 1px #2E5B97; }
.boutons .valider-periode { color:#fff; float:right; }
.boutons .publier { background:url(../images/sprite.png) no-repeat 0 -492px !important; padding:0 0 2px 18px !important; color:#fff; }
.boutons .modifier { background:url(../images/picto-modifier.gif) no-repeat -10px -3px; padding:0 0 2px 18px !important; color:#fff; }
.boutons .rejeter { background:url(../images/sprite.png) no-repeat -3px -543px !important; padding:0 0 2px 16px !important; color:#fff; }
.boutons .imprimer { background:url(../images/sprite.png) no-repeat -1px -616px !important; padding:0 0 2px 18px !important; color:#fff; }

.boutons .purger-stagiaire { padding:0 0 2px 2px !important; color:#fff; }
.boutons .declarer-stagiaire { background:url(../images/sprite.png) no-repeat 0 -317px !important; padding:0 0 2px 30px !important; color:#fff; }
.boutons .transmettre-candidats { background:url(../images/sprite.png) no-repeat 0 -704px !important; padding:0 0 2px 30px !important; color:#fff; }

.boutons .confirmer-sortie { color:#fff; float:right; }
.boutons .confirmer-sortie span { position:relative; float:left; padding:0 0 0 15px; vertical-align:middle; background:url(../images/sprite-bouton-left.png) left -18px no-repeat;  }
.boutons .confirmer-sortie span span { height:16px; padding:2px 15px 0 0; background:url(../images/sprite-bouton.png) right -18px no-repeat; }
.boutons .annuler-arrow { background:url(../images/sprite.png) no-repeat -2px -385px !important; padding:0 0 2px 16px !important; color:#fff; }

.boutons .valider-form { float:right; }
.boutons .traiter-form { float:left; }

.boutons .valider-demande { color:#fff; float:right; }
.boutons .rejeter-demande { color:#fff; float:right; }

.boutons .valider-recherche { background:url(../images/sprite.png) no-repeat -3px -403px !important; padding:0 0 2px 20px !important; color:#fff; }

.boutons .default:hover span, .boutons .default:active span { background-position:left -36px !important; }
.boutons .default:hover span span, .boutons .default:active span span { background-position:right -36px !important; }

.boutons .valider-form:hover span, .boutons .valider-form:active span { background-position:left -54px !important; }
.boutons .valider-form:hover span span, .boutons .valider-form:active span span { background-position:right -54px !important; }

.boutons .traiter-form:hover span, .boutons .traiter-form:active span { background-position:left -54px !important; }
.boutons .traiter-form:hover span span, .boutons .traiter-form:active span span { background-position:right -54px !important; }

.boutons .valider-demande:hover span, .boutons .valider-demande:active span { background-position:left -90px !important; }
.boutons .valider-demande:hover span span, .boutons .valider-demande:active span span { background-position:right -90px !important; }

.boutons .rejeter-demande:hover span, .boutons .rejeter-demande:active span { background-position:left -126px !important; }
.boutons .rejeter-demande:hover span span, .boutons .rejeter-demande:active span span { background-position:right -126px !important; }


.boutons.left { float:left; }
.boutons.right { float:right; text-align:right; }
.boutons.right .default { margin-left:10px; float:left; }

.boutons .right { float:right; text-align:right; }
.boutons .right .default { margin-left:10px; float:left; }

.boutons-column { display:table; width:100%; }
.boutons-column .colum { display:table-cell; vertical-align:top; }
.boutons-column .colum.center .align-center span { float:none; display:inline-block;  }
.boutons-column .colum.center .align-center span span { float:none; display:inline-block; }
.boutons-column .colum.center .default { display:inline-block !important; }
.boutons-column .colum.center .btn-right { margin-left:10px; }

.boutons-inline { clear:none; padding-top:0; }

.gestion-stagiaire .default span { padding-left:10px !important; }
.gestion-stagiaire .default span span { padding-left:0 !important; }

.boutons-echeancier button { margin-right:5px; float:left; }
.boutons-echeancier .intitule { margin-right:10px; }

.nav-tab { margin:20px 0 0 0 !important; padding:0 !important; }
.nav-tab a { text-decoration:none !important; }
.nav-tab span { padding-left:10px !important; }
.nav-tab span span { padding:2px 10px 0 0 !important; }
.next-tab { background:url(../images/sprite.png) no-repeat right -429px; padding-right:25px; }
.prev-tab { background:url(../images/sprite.png) no-repeat left -591px; padding-left:20px; }
.next-onglet { background:url(../images/sprite.png) no-repeat right -429px; padding-right:25px; }
.prev-onglet { background:url(../images/sprite.png) no-repeat left -591px; padding-left:20px; }

.panel { background:#eee; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-bottom:10px; }
.panel .boutons { padding-bottom:5px; }
.panel fieldset { border:0; padding-bottom:0; margin-bottom:0; }
.panel legend { background:#eee; }

/*Auto complete*/
.acomplete { position:relative; z-index:5; background-color:#EDF5FF; border:1px solid #243356; }
.acomplete ul, .acomplete li { margin:0px; padding:0px; list-style:none; color:#333; }
.acomplete li { padding:4px; border-top:1px solid #ccc; }
.acomplete .selected { background-color:#ffc; }


/*Modal*/
.ui-dialog { position:absolute; width:900px !important; overflow:hidden; }
.ui-dialog .ui-dialog-titlebar { padding:.5em 1em .3em; position:relative;  }
.ui-dialog .ui-dialog-title { float:left; margin:.1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position:absolute; right:.3em; top:50%; width:19px; margin:-10px 0 0 0; padding:1px; height:18px; }
.ui-dialog .ui-dialog-titlebar-close span { display:block; margin:1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding:0; }
.ui-dialog .ui-dialog-content { position:relative; border:0; padding:.5em 1em; background:none; overflow:auto; zoom:1; }
.ui-dialog .ui-dialog-buttonpane { text-align:left; border-width:1px 0 0 0; background-image:none; margin:.5em 0 0 0; padding:.3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:right; }
.ui-dialog .ui-dialog-buttonpane button { margin:.5em .4em .5em 0; cursor:pointer; }
.ui-dialog .ui-resizable-se { width:14px; height:14px; right:3px; bottom:3px; }
.ui-draggable .ui-dialog-titlebar { cursor:move; }

.ui-widget { font-size:1em !important; font-family:Arial, Helvetica, sans-serif !important; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:Arial, Helvetica, sans-serif !important; }
.ui-button { font-size:1em !important; }
.ui-widget-header {background: var(--brand-primary) !important; border: 0; border-radius: unset;}
.modal { border:1px solid #A6C9E2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0.5em 1em; min-height:0 !important; }
.modal input.text { margin-bottom:0; padding:.1em .2em; font-family:Arial, Helvetica, sans-serif !important; }
.modal fieldset { padding:0; border:0; }
.modal .fieldsetBorder  { border:1px solid #c0c0c0; padding:10px; width:auto; text-align:left; clear:both; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.modal h1 { font-size:1.2em; margin:.6em 0; }
.modal .ui-dialog .ui-state-error { padding:.3em; }
.modal .boutons { padding:20px 0 0; }
.validateTips { margin-bottom:25px; }

.loader-panel { text-align:center; }
.loader-panel img { margin:20px 0; }
.alert-panel .ui-dialog-titlebar { display:none; }

#bloc-loader { height:100%; width:100%; position:fixed; z-index:9999999; text-align:center; opacity:0.7;background-color:#eee; }
#bloc-loader .loader { background:url(../images/ajax-loader.gif) #fff no-repeat center 10px; border:solid 1px #ccc; width:180px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; opacity:1; position:relative; top:30%; left:50%; margin-left:-60px; padding:60px 0 30px; }

.confirmation-panel { width:400px !important; }
.confirmation-panel p { margin:20px 0; }
.confirmation-panel .ui-dialog-titlebar-close { display:none; }

.historique-panel { width:800px !important; }
.historique-panel .content { margin-bottom:0; }
.historique-panel .content .content-bloc { width:350px; }

/*FF button margin fix*/
button::-moz-focus-inner, input::-moz-focus-inner { padding:0; /*border:0;*/ }

/*Formulaire creation action*/
.barre-etape { overflow:hidden; margin-bottom:20px; }
.creation-action { font-weight:bold; }
.creation-action div { float:left; padding:15px; height:20px; line-height: 20px; color:#819BBD; overflow:hidden; }
.creation-action .etape { padding:0; height:50px; }
.creation-action .etape:last-child .arrow { display: none; }
.creation-action .etape div { max-width:170px; }
.creation-action a, .creation-action .active, .creation-action .active div, .creation-action .current div { text-decoration:none; color:var(--brand-primary) !important; }
.creation-action .etape a, .creation-action .etape div { color:#222 !important; background:#fff; font-size: 14px;font-weight: normal; letter-spacing: 0.5px;}
.creation-action .current a, .creation-action .current div { color:#fff !important; background:var(--brand-secondary); }

.creation-action a:hover { text-decoration:underline; }
/*.creation-action .etape .arrow { background:url(../images/nav-action-etape-off.png) no-repeat right center #fff !important; height:50px; padding:0; width:41px; border-radius:unset;  }*/
.creation-action .etape .arrow {
    position: relative;
    background:white;
    width:41px;
    height:50px;
    padding:0;
}
.creation-action .etape .arrow:before {
    position: absolute;
    content: "";
    border: 10px solid #eee;
    background-color: white;
    width: 50px;
    height: 50px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.creation-action .first { background-color: white; }
.creation-action .etape.active .arrow { background-color: var(--brand-secondary); }
.creation-action .current .arrow:before { box-shadow: inset 50px 0 var(--brand-secondary); }
.creation-action .last .arrow { background-color: white; }
.bloc .creation-action .etape .arrow:before {
    border: 10px solid #fff;
}

.bouton-trois-points img { background: var(--brand-primary); width:30px; height:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

    /*Boutons gestion*/
/*.bouton-gestion img { float:left; background:url(../images/degrade-picto-gestion.png) repeat-x top left; background: -moz-linear-gradient(#35619b, #6e90bc); width:30px; height:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }*/
.bouton-gestion img { background: var(--brand-primary); width:30px; height:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.bouton-gestion svg {
    padding-top: 5px;
    min-width: 25px;
    min-height: 25px;
}
.col-gestion .bouton-gestion svg {
    min-width: unset;
    min-height: unset;
}
.legende .bouton-gestion svg,
.barre-etape .bouton-gestion svg {
    float: left;
}
.bouton-gestion svg * { fill:var(--brand-primary); }
.bouton-gestion.btn-orange svg * { fill:orange; }
.bouton-gestion.btn-green  svg * { fill:green; }
.bouton-gestion.btn-blue  svg * { fill:blue; }
.bouton-gestion.btn-grey  svg * { fill:lightgrey;}

.bouton-gestion span { padding-left:10px; text-align:left; height:auto; float:left; overflow:hidden; }
a.bouton-gestion { display:block; margin-left:auto; text-align:center; margin: 5px; }
a.bouton-gestion svg * { fill: var(--brand-primary); }
input.bouton-gestion, button.bouton-gestion { margin:0; padding:0; border:0; font-weight:bold; cursor:pointer; display:-moz-inline-box; display:inline-block; white-space:nowrap; text-align:center; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:1em; /*padding-bottom:2px;*/ color:#fff; margin-bottom:0; }
.gestion .bouton-gestion .declarer { background:url(../images/sprite-actions.gif) 6px 3px no-repeat; }
.gestion-vide { display:inline-block; width:30px; height:20px; vertical-align:top; text-align:center; }

.legende .statut-action-legende { line-height: 25px; padding-left: 45px; }
.legende .bouton-gestion { float:left; clear:left; line-height: 25px; }
.legende .bouton-gestion span { float: none; }

.legende .validation { width:300px; }
.legende .validation .statut-validation { clear:left; text-indent:0; height:1.2em; width:100%; }
.legende .validation .statut-validation div { float:left; margin-top:3px; height:7px; overflow:hidden; }

.legende .historique-col { width:200px; }
.legende .historique-col .img { height:auto !important; width:auto; margin-top:0; padding-top:2px; }
.legende .historique-col .img img { float:left; }
.legende .historique-col .img span { padding:3px 0 0 6px; width:140px; }

.bouton-gestion.inactive img, .bouton-gestion.inactive:hover img,  .bouton-gestion.inactive:active img { background:var(--brand-primary); cursor:default; }

.btn-red img { background-image:url(../images/bouton-gestion-rouge-bg.gif) !important; }
.btn-green img { background-image:url(../images/bouton-gestion-vert-bg.gif) !important; }
.btn-orange img { background-image:url(../images/bouton-gestion-orange-bg.gif) !important; }
.btn-white img { background-image:url(../images/bouton-gestion-blanc-bg.gif) !important; }

.gestion-action .bouton-gestion { clear:both; width:250px; overflow:hidden; }
.gestion-action .bouton-gestion span { width:200px; float:left; padding-top: 7px;}

.gestion-action { margin-bottom:20px; }
.gestion-action .barre-etape { margin-bottom:10px; }
.gestion-action .etape { float:none; }
.gestion-action .current { background-color:var(--brand-secondary); }
.gestion-action .inactive, .gestion-action .inactive div { background-color:#d9d8d8; color:#878889 !important; }
.gestion-action .inactive .arrow { background-image:url(../images/nav-action-fleche-inactive.png) !important; }
.gestion-action .arrow { float:right; }
.gestion-action .column { padding:0 0 0 0; height:auto; }
.gestion-action .liste-boutons-gestion { height:auto; font-weight:normal; }
.gestion-action .liste-boutons-gestion .inactive { text-decoration:none; }
.gestion-action .liste-boutons-gestion .inactive { background:none; }
.gestion-action .liste-boutons-gestion .inactive img { background:#d9d8d8;}
.gestion-action .statut-etape { text-indent:-20000px; display:inline; float:left; }

/*Plan du site*/
.plan-site { background:#fff; border:1px solid #C0C0C0; }
.plan-site h2 { font-size:1.3em !important; }
.nav-plan-site li a { font-weight:bold; font-size:1.1em; text-decoration:none; display:inline-block; margin-bottom:5px; }
.nav-plan-site li a:hover { text-decoration:underline; }
.nav-plan-site .sub-menu { margin-left:10px; margin-bottom:10px; }
.nav-plan-site .sub-menu span { color:var(--brand-primary); font-size:1.1em; display:block; margin-bottom:5px; }
.nav-plan-site .sub-menu li { background:url(../images/left-menu-puce.gif) no-repeat scroll 5px 4px #fff; padding-left:15px; }
.nav-plan-site .sub-menu a { font-weight:normal; }

.page-footer { background:#fff; border:1px solid #C0C0C0; }
.page-footer h2 { font-size:1.3em !important; }
.page-footer h3 { margin-bottom:0 !important; font-size:1.1em; }
.page-footer h4 { margin-bottom:0 !important; }

/*Popup*/
#popup-layout { font-size:1em; padding:10px; }
#popup-layout h1 { text-align:center; color:var(--brand-primary); font-weight:bold; font-size:1.2em; margin-bottom:20px; }
#popup-layout .boutons { padding:20px 0 0; }
.popup { text-align:left; padding:10px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-bottom:10px; }
.popup-large { min-width:767px; }
.popup-moyen { width:600px; }
.popup-small { width:350px; }

.InputGroup { display:inline-block; padding:3px 4px; border:1px solid #FFF; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;  }
.ErrorField { border-color:#D00; color:#D00; background:#fff; }
span.ValidationErrors { display:inline-block; color:#D00; padding-left:5px; font-style:italic; font-size:0.9em; }
.ValidationPradoErrors { display:inline-block; color:#D00 !important; padding-left:5px; font-style:italic; font-size:0.9em; }

/*Iframe*/
.iframe-parametre-paiement { width:100%; height:110px; border:0; padding:0; margin:0; }
/* Time */
.clearfix .intitule { margin-left: 17px;}
.clearfix .calendar input { height: 14px;}

.m-l-1 {margin-left: 22px !important;}
.m-l-2 {margin-left: 35px !important;}
.m-l-3 {margin-left: 50px !important;}
.m-l-4 {margin-left: 68px !important;}

.img-complete {
    margin-left: -10px;
    margin-top: 2px;}

/*Chosen Select*/
.chosen-container { font-size:1em; }
.chosen-container .chosen-default, .chosen-container .chosen-single { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.chosen-drop { z-index: 999999 !important; }
.chosen-container > a { background:#fff !important; box-shadow:none !important; border-color:#ccc !important; color:#555 !important; }
.chosen-container > a b { background-image:url(../images/chosen-sprite.png) !important; background-position: 4px 2px !important; }
.chosen-container.chosen-with-drop a b { background-position: -14px 2px !important; }
.width-450.chosen-select + .chosen-container { width:458px !important; }
.width-480.chosen-select + .chosen-container { width:488px !important; }
.width-200.chosen-select + .chosen-container { width:200px !important; }
div[id$='panelRechercheCompo'] :nth-child(2){
    width: 208px !important;
}
div[id$='panelRechercheCompo'] :nth-child(3){
    width: 208px !important;
}
/*Footer*/
#footer { clear:both; text-align:center; padding: 28px 0; background-color:var(--brand-secondary); color:#fff; font-weight: bold; font-size: 0.813rem; }
#footer .links li { display: inline; padding:0 20px; }
#footer .links li a { text-decoration:none; color:#fff; }
#footer .links li a:hover { text-decoration:underline; }

.intitule-commentaire {width: 74px;}

.bloc-ajout { background:url(../images/btnAjouter.png) 16px -1px no-repeat !important }
.btn-ajout {padding-left: 63px !important;}
.text-center {
    text-align: center !important;
}
.text-right {
    float: right !important;
}

.btn-suppression{
    background: url(../images/picto-supprimer.gif) no-repeat; background-color: #7c7c7c; cursor:pointer; border: none; border-radius: 4px; width:30px; height:20px; vertical-align: top;
}
.btn-mail{
    background: url(../images/email.png) no-repeat; background-color: #7c7c7c; cursor:pointer; border: none; border-radius: 4px; width:30px; height:20px; vertical-align: top;
}

.col-head{  border-bottom: 1px solid #fff !important;}
.col-top-head{  font-weight: bold !important;   text-align: left !important;vertical-align: inherit !important;}

.button-carre {
    width: 20px !important;
    height: 20px !important;
}

.div-export {
    background: #EEF4FF;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}


.link-facture { color:#333 !important;}

.dateTimeFormat { width: 100px !important; }
.checkBox-Choice { margin-left: 6px !important; }
.spacer-right-5 { margin-right: 5px !important; }
.text-inactif { color: #999 !important; }

.th-instruction {
    height: 22px;
    font-weight: bold !important;
}

.bg-gris{
    background-color: #e6e6e6;
    display:revert;
    border: 1px solid black;
    border-collapse: separate;
    border-spacing: 2px;
}
.bg-blanc{
    background-color: #fff0;
    display:revert;
    border: 1px solid black;
    border-collapse: separate;
    border-spacing: 2px;
}

.asterisk_input::after {
    content:" *";
    color: #e32;
    position: absolute;
    margin: 0px 0px 0px -20px;
    font-size: x-large;
    padding: 0 5px 0 0;
}
.inderlineAtHover { text-decoration:underline; cursor:pointer;}
.inderlineAtHover:hover { text-decoration:underline; cursor:pointer;}

.ignoreAbbr { text-decoration:none; cursor: auto; }
.sws-button { display: inline !important; padding:0 3px !important; }
.sws-button svg * { fill:var(--brand-primary);}
.padding-horizontal{padding-left:13px !important; }

.historique-link { background:url(../images/picto-historique.png) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.historique-link:hover { text-decoration:none !important; }

.telecharger-link {
    padding-left:30px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left;
    background: url(../images/picto-telecharger-bleu.png) no-repeat left top;
}
.telecharger-link:hover { text-decoration:none !important; }

.txt-link { background:url(../images/picto-txt.png) no-repeat left top; padding-left:20px; display:block; min-height:19px; padding-top:3px; float:left; clear:left; text-decoration:underline !important; text-align:left; }
.txt-link:hover { text-decoration:none !important; }

.label-bilan-situation-composante {
    display: inline-block;
    width: 80px;
}
.label-bilan-situation-composante-2 {
    display: inline-block;
    width: 83px;
}
.TJuiAutoCompleteStyle :last-child {
    border: 0px;
}

.TJuiAutoCompleteStyle :first-child{
    width: 190px;
    margin-left: 4px;
    margin-right: 5px;
}

.statut-instruction .statut-instruction-01 { background:url(../images/picto-notification-instruction.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.statut-instruction .statut-instruction-02 { background:url(../images/picto-valide-instruction.png) no-repeat ; padding-left:30px; height: 20px ; }
.statut-instruction .statut-instruction-03 { background:url(../images/picto-rejete-instruction.png) no-repeat ; padding-left:30px;  height: 20px ; }
.statut-instruction .statut-instruction-04 { background:url(../images/instruction-6.png) no-repeat ; padding-left:30px;  height: 20px ; }
.statut-document .statut-document-01 { background-image:url(../images/picto-feu-vert.png) ; background-repeat: no-repeat ; background-size: 15px ; padding-left:30px; padding-top: 10px ; height: 40px ; }
.statut-document .statut-document-02 { background-image:url(../images/picto-feu-orange.png) ; background-repeat: no-repeat ; background-size: 15px ; padding-left:30px; padding-top: 10px ;   height: 40px ; }
.statut-document .statut-document-03 { background-image:url(../images/picto-feu-rouge.png) ; background-repeat: no-repeat ; background-size: 15px ; padding-left:30px; padding-top: 10px ;   height: 40px ; }
.hyperlink--without-textdecoration{
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.avis-of .avis-type{
    margin-top: 10px;
}
.avis-of .avis-of-non-consulte { background:url(../images/instrcution-non-consulte.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.avis-of .avis-of-en-attente { background:url(../images/instruction-2.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.avis-of .avis-of-valide { background:url(../images/picto-valide-instruction.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.avis-of .avis-of-rejete{ background:url(../images/picto-rejete-instruction.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.gestion .mette-candidature-en-attente { background:url(../images/picto-historique.png) no-repeat ; padding-left:30px ;  height: 20px ; }
.gestion .legende-gestion-valider { padding-left: 13px;}
.gestion .legende-gestion-rejeter { padding-left: 19px;}
.gestion .legende-gestion-consulter-text { padding-left: 12px;}
.legende-gestion-consulter {   margin-top: 10px;}
.button-consulter-candidature svg { padding-top: 1px; min-width: 15px;min-height: 15px;}
.legende-gestion-consulter svg{ padding-top: 6px;min-width: 19px;min-height: 10px;}
.inactive-button { opacity: 0.7 }
.rejeter-candidature-button svg{ width: 11px; height: 11px; margin-top: 6px;}
.valider-candidature-button svg{ margin-bottom: 4px;}
.candidature-buttons-legende svg { width: 15px; height: 15px;}
.title-button {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
}

.active-label {
    display: inline-block;
    padding: 2px 5px;
    border: 2px solid transparent;
    background-color: transparent;
    border-radius: 5px;
    font-weight: bold;
    color: #333;
    transition: all 0.3s ease;
    margin-right: 10px;
}

.active-label.selected {
    border-color: #90CAF9;
    background-color: #E3F2FD;
    color: #2196F3;
}

.rect-color-theme  rect {
    fill: var(--brand-primary);
}