*/**
 * global.css
 * @description Feuille de style pour le portail CNCP
 * @author ARO
 * @date 05/12/2008
 */

/* =body */
body {
  background-color: #FF6600;
  font-family: Arial, Verdana, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1;
}

/* =h1 */
div#aideEnLigne h1{
  color: #054175;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

div#erreur h1{
  font-size: 14px;
  margin: 20px;
  padding: 5px;
  text-align: center;
}

div#entete h1{
  font-size: 0;  
  height: 100px;
  text-indent: -1000px;
}

/* =h2 */
div#aideEnLigne h2{
  color: #054175;
  font-size: 16px;
  font-weight: bold;
  font-variant: small-caps;
  font-weight: bold;
  text-align: center; 
  padding: 7px;
}

div#zoneDeTravail h2{
  color: #054175;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
  margin: 20px 5px 15px;
  text-align: center;
}

div#fiche .europass h2{
  background: transparent url(../images/europass.jpg) no-repeat center right;
  text-align: left;
}

div#fiche h2{
  color: #054175 ;
  font-size: 16px ;
  font-weight: bold ;
  margin: 0;
  padding: 10px;
  text-align: center;
}

/* =h3 */
div#zoneDeTravail h3{
  color: #054175;
  font-size: 16px;
  font-weight: bold;
  margin: 3px;
  text-align: center;
}

div#fiche div.sectionFiche h3{
  background-color: #FF8800;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  margin: 0;
  padding-left: 3px;
  text-align: left;  
}

/* =h4 */
div#zoneDeTravail h4{
  color: #555;
  font-size: 12px;
  font-weight: normal;
  margin: 10px;
}

div#zoneDeTravail div.region h4, div#zoneDeTravail div.secretariat h4{
  border-bottom: 1px solid #054175;
}

div#zoneDeTravail h4.aide{
  background: transparent url(../images/icones/aide.png) no-repeat left center;
  padding-left: 20px;
}

div#fiche .sectionFiche .sectionContent{
  margin: 4px;
  text-indent: 15px;
}

/* =h5 */
div#zoneDeTravail h5{
  color: #B04000;
  margin: 10px;
}

div#zoneDeTravail div.secretariat h5{
  display: block;
  float: left;
  width: 180px;
}

div#zoneDeTravail h5.caption {
  color: #000;
  font-style: italic;
  font-weight: normal;
  margin-top: 10px;
  text-align: center;  
}

/* =p */
p.vae,
p.rncp {
	text-align: center;
}
p.textareaConsultation{
  margin-left: 80px !important;
}
div.adresse p.textareaConsultation{
  margin-left: 0 !important;
}
div.adresse pre{
  margin: 0 !important;
  padding: 3px;
}
div#zoneDeTravail div.adresse p {
  margin: 0;
}

div#aideEnLigne p{
  padding: 5px;
}

div#navigationLaterale ul p{
  background-color: #980053;
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 12px;
  padding-bottom: 5px;
  padding-right: 18px;
  text-align: left;
}

div#navigationLaterale ul.navEspaceReserve p{
  cursor: pointer;  
}

div#navigationLaterale ul p.opened {
  background-image: url(../images/icones/asc.png);
}

div#navigationLaterale ul p.closed {
  background-image: url(../images/icones/desc.png);
}

div.confirmation p.message{
  text-align: center;
}

div.contact p {
  text-align: left;
}

p{
  text-align: justify;
}

p.europass{
  width: 220px;
}

p.actionIntermediaire{
  text-align: right;
}

p.imageActualite{
  text-align: center;
}
.field p.submit {
  margin-top: -3px !important; 
}

p.hiddenSubmit {
  height:1px;
  overflow:hidden;
}
p#version{
  font-size: 9px;
  text-align: center;
}

div#zoneDeTravail p{
  margin: 5px;
  padding: 3px;
}

div#zoneDeTravail ul li.nbSujets p{
  float: right;
  width: 200px;
}

div#zoneDeTravail table.baseDocumentaire tr.auteur td p{
  margin: 1px;
  padding: 1px;
}

div#zoneDeTravail div.menuAccueil div p{
  color: #054175;
  font-weight: bold;
}

div#zoneDeTravail div.accueil ul li fieldset p{
  font-weight:bold;
}

div#zoneDeTravail div.accueil p.submit{
  text-align: justify;
}



p.attention{
  color: #DD1100;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

p.information{
  color: #2DB72E;
  font-weight: bold;
}

div#zoneDeTravail div.signature p{
  text-align: right;
}

p.impression{
  padding-bottom: 20px;
  text-align: right;
}

div#fiche p{
  margin: 4px;
  text-indent: 15px;
}

div#fiche td p{
  margin: 0px;
  text-indent: 15px;
}

div#zoneDeTravail form.habilitation th p{
  line-height: 10px;
  margin: 2px;
  padding: 0;
  text-align: left;
  width: 300px;
}

div#qualificationsEurope p.espace{
	margin-top: 20px;
}

/* =pre */
pre{
  margin: 8px;
}

/* =code */
code{
  margin: 8px;
}

/* =acronym */
acronym{
  border-bottom: 1px dotted #FFFFFF;
  cursor: help;
}
a acronym {
  cursor: pointer;
}

/* =a */
a{
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

a:hover{
  color: #FFC800;
}

/*
a:visited{
  color: #FFFFFF;
}
*/

a.goTop,
a.goDown,
div#navigation_conversation li.first a {
  font-size: 1.2em;  
}

a.goTop,
a.goDown,
div#navigation_conversation a {
  border: none !important;
  color: #054175 !important;
  font-style: italic;
  font-weight: normal;
}
a.goTop {
  top: -20px;
}
a.goDown {
  top:0;
}

a.goTop,
a.goDown {
  position: absolute;
  right: 0;
  text-align: right;
  width: 230px;
}


a.extLink,
a.viewLink {
  background: transparent right center no-repeat;
  padding-right: 14px;  
}
a.viewLink {
  /*background-image: url(../images/icones/link_go.png)*/
  background-image: url(../images/icones/external.png);
}
a.extLink {
  /*background-image: url(../images/icones/world_link.png)*/
  background-image: url(../images/icones/external.png);
}
table a.extLink,
table a.viewLink {
  margin-right: 20px;
}


a.action,
a.aide,
a.topPage,
table th a,
ul.onglets a,
ul.pagination a,
ul.arbre a,
p.vae a,
p.rncp a {
  border: none !important;  
}
table th a {
  display: block;
  height: 100%;
  margin-right: -18px;
  padding-right: 18px;
}

.submit a {
  height: 14px;
  line-height: 14px;
  padding: 2px 10px; 
  position: relative; 
  top: 2px;
}

a.aide {
  display: block;
  float: right;
  margin: -16px 5px 0 0;
}

form a.aide {
  background-color: #FFFFFF;
  margin-top: -23px;
}

a.aideEnLigne{
  margin-top: -30px;
}

div#zoneDeTravail .forum tr a{
  line-height: 20px;
  padding-left: 30px;
}

div#zoneDeTravail .forum tr.nouveau a{
  background: transparent url(../images/icones/message-nouveau.png) no-repeat left center;
  font-weight: bold;
}

div#zoneDeTravail .forum tr.dejaVu a{
  background: transparent url(../images/icones/message-ouvert.png) no-repeat left top;
}

div#zoneDeTravail .forum tr.archive a{
  background: transparent url(../images/icones/message-archive.png) no-repeat left center;
  color: #999999;
  font-style: italic;
}

div#zoneDeTravail .forum tr.verrouille a{
  background: transparent url(../images/icones/verrou-modification.png) no-repeat left center;
}

div#zoneDeTravail a{
  border-bottom: 1px dashed #4A95D3;
  color: #054175;
  font-weight: normal;
}
div#zoneDeTravail a:hover{
  border-style: solid;
}

div#navigationLaterale ul.compte a{
  color: #FFC800;
}

div#zoneDeTravail ul.onglets li.courant a{
  color: #DD1100;
}

div#zoneDeTravail ul.navigationSuperieure li a{
  color: #DD1100;
  border: none;
  font-size: 12px;
}

div#zoneDeTravail ul.navigationInterne li a{
  color: #004887;
}

div#containerPrincipal div#entete a{
  background: transparent url(../images/logoCNCP.jpg) no-repeat center top;
  cursor: pointer;
  float: left;
  font-size: 0;  
  height: 100px;
  width: 195px;
}

div#zoneDeTravail div.menuAccueil div ul li a{
  color: #000000;
}

div#zoneDeTravail ul.arbre li.selectionne > span > a{
  background-color: #FF8800;
  color: #000;
}

div#zoneDeTravail ul.arbre li.ferme > span > a, div#zoneDeTravail ul.arbre li.ouvert > span > a{
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 20px;
} 

div#zoneDeTravail ul.arbre li.ferme > span > a{
  background-image: url(../images/icones/dossier.png); 
}

div#zoneDeTravail ul.arbre li.ouvert > span > a{
  background-image: url(../images/icones/dossier.png);
}

dt a{
  float: right;
  margin: -12px 0 0 0;
}

div#zoneDeTravail div.region h4 a, div#zoneDeTravail div.secretariat h4 a{
  color: #054175;
}

div#fiche a{
  color: #004887;
}

/* =div =# */
div#qualificationsEurope div {
	float: left;
	width: 50%
}
div#qualificationsEurope div.enicnaric{
  width: 320px;
}
div#navigation_conversation {
  border-bottom: 1px solid #CCC; 
}
.filterBox div.field {
  float: left;
  margin: 0 10px;
}
div#aideEnLigne{
  background-color: #FFFFFF;
  padding: 1em 2em;
}

div.dossierArchive{
  display: none;
}

div#erreur{
  background: #980053 url(../images/bg_corps.gif) repeat-y scroll 195px top;
  height: 200px;
  padding: 20px 0 20px 195px;
}

div#containerPrincipal{
  /*background-color: #FFFFFF;*/
  border: 1px solid white;
  margin: 10px auto;
  width: 995px;
}

div#entete{
  background-color: #FD8916;
  height: 100px;
}

div#corps{
  background: #980053 url(../images/bg_corps.gif) 195px top repeat-y;;
  border-top: 1px solid #FFFFFF;
  clear: both;
}

div#navigationLaterale{
  color: #FFFFFF;
  float: left;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  width: 185px; /* 195 - 10 */
}

div#zoneDeTravail{
  background-color: #FFFFFF;    
  float: left;
  line-height: 1.5;
  min-height: 500px; /* hacked */
  padding: 10px 10px 20px;
  position: relative;
  width: 780px;
}

div#fiche{
  background-color: #FFF;
  line-height: 1.5;
  padding: 10px;
}

div#pied{
  background-color: #494949;
  border-top: 1px solid #FFFFFF;
  clear: both;
  color: #FFFFFF;
  font-weight: bold;
  height: 29px; /* 30 - 1 */
  position: relative;
}

/* =div =. */
div.dossierArchive{
  display: none;
}

div#zoneDeTravail .submit, div.confirmation .submit {
  /*clear: both;
  float: none;*/
  margin: 0 5px;
  text-align: center;
}
div#zoneDeTravail div.adresse{
  width: 450px;
}

div#zoneDeTravail form div.adresse{
  float: right;
}

div.richTextareaConsultation{
  padding: 4px;
  text-indent: 15px;
}

div#zoneDeTravail .requis{
  /*font-weight: bold;*/
}

div#zoneDeTravail .requisContexte{
  /*font-weight: bold;*/
}

div#zoneDeTravail .colorisation{
/*  font-weight: bold;*/
  padding: 15px 0; 
}

div#zoneDeTravail div.arborescence{
  float: left;
  overflow: auto;
  padding: 10px 2px;
  width: 30%;
}

div#zoneDeTravail div.documents{
  float: right;
  width: 68%;
}

div#zoneDeTravail div.exemple{
  background-color: #666666;
  width: 100%;
}

div#zoneDeTravail div.accueil{
  background: transparent url(../images/formfont.jpg) no-repeat scroll center 150px;
  height: 620px;
}


div#zoneDeTravail div.menuAccueil{
  height: 130px;
}

div#zoneDeTravail div.actionsMener, div.suiviDossier{
  border: 1px solid #CCCCCC;
  display: inline;
  float: left;
  margin: 10px;
  width: 340px;
}

div#zoneDeTravail div.agenda{
  clear: both;
  padding: 2px;
}

div#zoneDeTravail div.region, div#zoneDeTravail div.secretariat{
  clear: both;
  margin: 5px auto;
  width: 510px;
}

div.espaceTelechargement div{
  border: 1px solid #FF8800;
  margin: 10px auto;
  width: 500px;
}

div.confirmationContainer, div.confirmation{
  display: none;
}

div#zoneDeTravail div.contact{
  clear: both;
}

div#zoneDeTravail div.contact div{
  float: right;
  text-align: left;
  width: 300px;
}

div#zoneDeTravail div.menuAccueil div{
  float: left;
  width: 250px;
}

div#zoneDeTravail div.signature{
  text-align: right;
}

div#zoneDeTravail div.noteBasPage{
  border-top: 1px solid #000000;
  font-size: 10px;
}

div.confirmationContainer{
  background-color: #CCCCCC;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

div.confirmation{
  background-color: #F1F1F1;
  border: 1px solid #888888; 
  left: 0;
  padding: 15px;
  position: fixed;
  top: 100px;
  width: 320px;
  z-index: 1001;
}

.francais, .english, .espanol, .deutsch{
  font-size: 0px;
  height: 15px;
  width: 20px;
}

.francais{
  background: transparent url(../images/drapeaux/france.png) no-repeat center;
}

.english{
  background: transparent url(../images/drapeaux/uk.png) no-repeat center;
}

.espanol{
  background: transparent url(../images/drapeaux/espagne.png) no-repeat center;
}

.deutsch{
  background: transparent url(../images/drapeaux/allemagne.png) no-repeat center;
}

div#fiche .sectionFiche{
  clear: both;
  padding: 5px;
}

div#zoneDeTravail .error_list, div#zoneDeTravail .erreurPublication{ /* default class for symfony errors */
  clear: both;
  color: red;
  font-size: 12px;
  padding: 7px 3px;
}

div.suiteOnglet{
  border: 1px solid #000;
  padding: 5px;
}

.personnePhysique{
  /*background: transparent url(../images/personne_physique.gif) no-repeat 3px center;*/
  background: transparent url(../images/icones/personne-physique.png) no-repeat 3px center;
}

.personneMorale, .personnePhysique{
  padding-left: 23px;  
}

.personneMorale{
  /*background: transparent url(../images/personne_morale.gif) no-repeat 3px center;*/
  background: transparent url(../images/icones/personne-morale.png) no-repeat 3px center;
}

.bloque{
  font-style: italic;
}

.imgText{
  float: left;
}

.autoClear{
  clear: both;
}

.cache{
  font-style: italic;
}

/* =span */
span.seeMore,
span.seeLess {
  cursor: pointer;
  font-style: italic;
  padding-left: 16px;
  background: transparent left center no-repeat;
}
span.seeMore {
  background-image: url(../images/icones/desc.png);
}
span.seeLess {
  background-image: url(../images/icones/asc.png);
}
label.multiSelectLabel{
  position: relative;
}
span.multiSelectHelp{
  color: #333;
  position: absolute;
  font-size: 80%;
  font-style: italic;
  top: 100%;
  right: 15px;  
}

h2 span.subtitle {
  display: block;
  font-size: .8em;
  margin: 1em auto;
}

span.labelConsultation{
/*  border-bottom: 1px dotted #666;
  font-style: italic;*/
  display: inline;
  /*float: left;*/
  font-weight: bold;
  padding-right: 5px;   
}

span.aideChamp{
  font-size:10px;
  font-style:italic;
}

div#zoneDeTravail .requis span{
  color: #D00000;
  font-size: 16px;
  font-weight: bold;
}

div#zoneDeTravail .requisContexte span{
  /*color: #FF6600;*/
  color: #D00000;
  font-size: 16px;
  font-weight: bold;
}

span.surbrillance{
  background-color: #DDDD44;
}

div#zoneDeTravail span.documentEnPreparation,
div#zoneDeTravail span.documentExterne,
div#zoneDeTravail span.documentInterne,
div#zoneDeTravail span.documentGrandPublic{
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 17px;
}

div#entete h1 span {
  background: transparent url(../images/banniereCNCP.jpg) no-repeat center top;
  display: block;
  height: 100%;
  margin: auto;
  width: 533px;
}

div#zoneDeTravail span.documentEnPreparation{
  background-image: url(../images/icones/verrou.png);
}

div#zoneDeTravail span.documentExterne{
  background-image: url(../images/icones/document-externe.gif);
}

div#zoneDeTravail span.documentInterne{
  background-image: url(../images/icones/document-interne.gif);
}

div#zoneDeTravail span.documentGrandPublic{
  background-image: url(../images/icones/document-grand-public.gif);
}

div#zoneDeTravail span.avertissement, div#zoneDeTravail p.avertissement{
  background: transparent url(../images/icones/avertissement.png) no-repeat left center;
  padding-left: 20px;
}

div#zoneDeTravail ul li.nbSujets span{
  float: left;
  margin-right: 8px;
}

div#navigationLaterale span.balise{
  display: none;
}

div#zoneDeTravail span.nouveaute{
  font-weight: bold;
}

/* =sup */
sup{
  font-size: 9px;
  vertical-align: super;
}

/* =strong */
strong{
  font-weight: bold;
}

/* =em */
em{
  font-style: italic;
}

div#fiche h2 em{
  font-size: 10px;
  font-style: none;
}

/* =ul */
ul.legend {
  border: 1px dotted #DDD;
}

td.intitule ul{
  font-size: 10px;
  color: #000000;
}

div#presentationVAE ul,
div#enregistrementDeDroit ul{
	padding-left: 15px;
}

div#aideEnLigne ul{
  padding-left: 15px;
}

div#navigation_conversation ul{
  margin-top: -14px;
  width: 540px;  
}

div#navigationLaterale ul ul{
  padding-left: 15px;
}

div#navigationLaterale ul.compte{
  border: 1px solid;
  margin: 20px 0;
}

div#fiche ul {
  margin: 10px 10px 10px 50px;
}

div#fiche .modifFiche ul {
  margin: 10px;
}

div#zoneDeTravail ul.groupeCase {
  margin-top: 0;
  margin-left: 295px; /* 285 + 10 */
}

div#zoneDeTravail ul li.rechercheBaseDocumentaire ul.portee ul.groupeCase{
  margin: -6px 0 0 150px;
}

div#zoneDeTravail ul li.rechercheBaseDocumentaire ul.portee{
  height: 100px;
}

div#zoneDeTravail ul.navigationSuperieure, div#zoneDeTravail  ul.navigationInterne{
  clear:both;
  margin: 5px auto;
  text-align: center;
  width: 760px;
}

div#zoneDeTravail div.menuAccueil div ul{
  background: transparent url(../images/puceOrange.gif) repeat-y left center;
  padding-left: 10px;
}

div#zoneDeTravail div.menuAccueil ul li.rechercheBaseDocumentaire,
div#zoneDeTravail div.accueil ul li.rechercheBaseDocumentaire li{
  background: none;
  padding-left: 10px;
  height: 20px;
}

div#zoneDeTravail ul.pagination{
  margin: 10px auto;
  text-align: right;
}

div#zoneDeTravail ul.arbre, div#zoneDeTravail ul.arbre ul{
  background: transparent url(../images/bordure-verticale.gif) repeat-y 11px top;
  margin: 5px;  
}

div#zoneDeTravail ul.onglets{
  /*padding-bottom:10px;*/
  margin: 0;
}

div#zoneDeTravail div.actionsMener ul.navigation{
  border-top: 1px solid #CCCCCC;
}

div#pied ul{
  height: 20px;
  margin: 0 auto;
  padding: 5px;
  width: 600px;
}

/* =ol */
div#zoneDeTravail ol{
  list-style-type: decimal;
  padding: 5px 10px; 
}

ol.quickMenu {
  margin-left: 30px; 
}

/* =li */
div#zoneDeTravail td.intitule ul li{
  margin: 5px;
  min-height: 10px;
}

div#zoneDeTravail div#navigation_conversation ul li {
  margin: 0;
}
div#zoneDeTravail div#navigation_conversation ul li.first {
  margin-left: -2px;
}
div#zoneDeTravail ul.plage li {
  margin: 0;
}

div#aideEnLigne ul li{
  list-style-type: circle;
  padding: 5px 10px;   
}

div#navigationLaterale ul li{
  background: transparent url(../images/puceOrange.gif) repeat-y left top;
  margin-top: 15px;
}

div#navigationLaterale ul li ul li{
  background: none;
  margin-top: 10px;
}

div#navigationLaterale ul.compte li{
  background: none;
  margin: 5px;
}

div#zoneDeTravail ol li{
  margin: 2px;
  padding: 2px;
  text-align: justify;
}

div#zoneDeTravail div.accueil ul li{
  background: transparent url(../images/old/puce.png) no-repeat -5px 17px;
  height: 100px; 
  margin: 10px 0;
}

div#zoneDeTravail div.accueil ul li#rechercheGpMotsCles{
  background: transparent url(../images/old/puce.png) no-repeat -5px 17px;
  height: 100px; 
  height: 120px;
  margin: 10px 0;
}

div#zoneDeTravail div.accueil ul li.rechercheBaseDocumentaire{
  height: 300px;
}

div#zoneDeTravail div.accueil ul li.rechercheExperte{
  height: 50px;
  padding-top: 1px;
}

div#zoneDeTravail ul.groupeDeTravailUnePage li.sujet{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

div#zoneDeTravail ul.groupeDeTravailUnePage li.reponse{
  /*border-bottom: 1px solid #000;*/
}

ul.pagination li.nbpages{
  color: #054175;
  font-size: 10px;
}

div#zoneDeTravail div.accueil ul.error_list li, 
div#zoneDeTravail ul.error_list li {
  text-align: center;
}

div#zoneDeTravail ul li{
  margin: 10px;
  min-height: 17px;
  /*overflow: hidden;  
  width: 100%;
  float: left;*/
}

div#zoneDeTravail ul.groupeCase li{
  position: relative;
  margin-left: 0;
  top: -20px;
}

div#zoneDeTravail ul.inlineGroupeCase li {
  clear: none;
  display: inline;
  float: left;
  margin: 0 20px 0 0 ;
}

div#zoneDeTravail div.accueil ul li.jonctionListe{
  background: none;
  height: 10px;
}

div#zoneDeTravail ul.navigationSuperieure li, div#zoneDeTravail ul.navigationInterne li{
  display: inline;
  font-size: 10px;
  line-height: 18px;
  margin: 5px;
  text-align: center;
  width: 100px;
}

div#zoneDeTravail div.menuAccueil div ul li{
  background: transparent url(../images/old/puce.png) no-repeat left center;
  margin: 5px 0;
  padding-left: 20px;
}

div#zoneDeTravail div.suiviDossier ul li{
  /*height: 14px;*/
  cursor: help;
  margin: 5px 20px;
}

div#zoneDeTravail div.suiviDossier ul li {
  padding-left: 20px;
  margin-left: 0;
  list-style-image: none;
}
div#zoneDeTravail div.suiviDossier ul li.actif{
  background: transparent url(../images/icones/en-cours.gif) left top no-repeat;
  /* list-style-image: url(../images/icones/en-cours.gif); */
}

div#zoneDeTravail div.suiviDossier ul li.termine{
  background: transparent url(../images/icones/termine.gif) left center no-repeat; 
}

div#zoneDeTravail ul.onglets li{
  border: 1px solid #000;
  border-bottom: 0;
  display: inline;
  line-height: 15px;
  margin:0 5px 0 0;
  padding: 2px 5px 0;
}

div#zoneDeTravail ul.onglets li.courant{
  background-color: #FFFFFF;
  padding-bottom: 1px;
}

div#zoneDeTravail ul.onglets li.enCours{
  background-color: #CCC;
}

div#zoneDeTravail ul li.nbSujets{
  height: 20px;
}

td.codePartenaire ul li{
  clear: both;
  font-size: 10px;
}

.colorisation li{
  font-weight: normal;
  padding-left: 25px;
  margin: 15px;
}

.lois li, .articles li, .mission li,
.decrets li, .savoirPlus li,
.arretes li, .liensUtiles li {
  background: transparent url(../images/old/pucecarbleu.jpg) no-repeat left 6px;
}

fieldset li {
  clear: both;
  display: block;
  margin: 2px 0;
}

ul.pagination li{
  background: none;
  display: inline;
  margin: 2px;
  padding: 2px;
  width: 100px;
}

div#zoneDeTravail ul.arbre li{
  margin-left: 10px;
  padding-left: 16px;
}

div#zoneDeTravail ul.arbre li.feuille{
  background: transparent url(../images/bordure-horizontale.gif) no-repeat 4px 5px;  
}

div#zoneDeTravail ul.arbre li.ouvert{
  background: transparent url(../images/icones/moins.png) no-repeat 0 4px;
}

div#zoneDeTravail ul.arbre li.ferme{
  background: transparent url(../images/icones/plus.png) no-repeat 0 4px;
}

div#pied ul li{
  border-left: 1px solid #FFFFFF;
  float: left;
  height: 20px;
  margin-right: 10px;
  text-align: center;
  width: 189px; /* 200 - 10 - 1 */
}

div#pied ul li.premier{
  border: 0;
}

/* =dl */
dl{
  margin: 5px 0; 
}

/* =dt */
dt{
  font-weight: bold;
  padding: 2px; 
}

dl.multiFieldset dt {
  background-color: #FFF;
  color: #666;
  display: inline;
  font-variant: small-caps;
  left: 1em;
  padding: 0 2px;
  position: relative;
  top: 1em;
}

/* =dd */
dd{
  border-top: 1px solid #000000;
  padding: 2px;
  text-align: justify; 
}

dl.multiFieldset dd {
  border: none;
}

 
/* =form */
div#zoneDeTravail form{
  overflow-y: auto;
}

div#zoneDeTravail form.partenaire{
  overflow: visible;
}

div#zoneDeTravail div.actionsMener form {
  overflow: visible;
}

div#zoneDeTravail div.statistiques {
  overflow-y: auto;
}

div#zoneDeTravail div.recapitulatif {
  overflow-y: auto;
}

/* =img */
div#navigation_conversation ul li a img {
  position: relative;
  top: 3px;  
}
div#navigation_conversation ul li.first a img {
  top: 5px;  
}

ul.pagination img{
  padding-top: 5px;
}

p.vae img{
  width: 760px;
}


/* =input, =select, =textarea */
/*
div#zoneDeTravail fieldset li input,
div#zoneDeTravail fieldset li select,
div#zoneDeTravail fieldset li textarea {
  margin: 0 2px 2px;
}
*/
input, select, textarea {
  display: inline;
  /*float: left;*/
  margin: 2px 0;
  background-color: #EEEEEE;
  border: 1px solid #000000;
  color: #000000;
  font-size: 10px;
  padding: 1px 1px 1px 3px;
  vertical-align: middle;
}

input {
  height: 17px;  
}

input[type="hidden"] {
  display: none;
}
input[type="file"] {
  height: auto;
}
input#recaptcha_response_field {
  left: 0; 
}
/* Taille de champ */

textarea.intitule, textarea.modalite, 
textarea.capacite, textarea.composante,
textarea.jury, textarea.certifRecEq, 
textarea.autreCertif, textarea.referenceDecret,
textarea.statistique, textarea.lieuxPreparation,
textarea.source, textarea.historique,
textarea.observations, textarea.adresse,
textarea.commentaire, textarea.finaliteCertification,
textarea.qualificationVisee, textarea.qualiteRef,
textarea.coherenceDispositif, textarea.certifProche,
textarea.natureReseau, textarea.docComplementaire,
textarea.avisExpert, textarea.motifRecoCcrefp,
textarea.opportuniteEnregistrement, textarea.recommandationCs,
textarea.avisCncpFiche, textarea.commentaireCs,
textarea.pertinenceCertifCncp, textarea.passerelleCertif,
textarea.recommandationCncp, textarea.motifRecoCncp,
textarea.intituleNomenclature, textarea.indicationNomenclature,
textarea.motCleNsf, textarea.infoContenu,
textarea.forumMessage, textarea.gdtDocResume,
textarea.secteurActivite, textarea.typeEmploiAccessible,
textarea.typeEmploiAccessible, textarea.activite,
textarea.sites, textarea.bdResumeDoc,
textarea.bdMotsCleDoc, textarea.bdCommentairesDoc,
textarea.contenuActualite, textarea.reponseQR, textarea.observationInstruction,
textarea.noteContact, textarea.noteFicheRepertoire,
textarea.noteRapportComplementaire,  textarea.observationsAutorite,
textarea.lieuCertification, textarea.finaliteCertification, 
textarea.qualificationVisee, textarea.qualiteReferentiel,
textarea.coherenceDispositif, textarea.noteInstructeur,
textarea.certificationProche, textarea.avisRapporteurGeneral,
textarea.motifsRecommandations, textarea.vote, textarea.avisFiche,
textarea.commentaires, textarea.passerelles, textarea.presentationModele,
textarea.texteCourrier, textarea.signataireCourrier{
  /* definie par cols/rows */
  width: 370px;
}

input.txtReg, input.lienStatistique, 
input.url, input.email,
input.nom, input.prenom,
input.fonction, input.service,
input.intitule, input.autorite,
input.libelleDemande, input.libelleFiche,
input.organisme, input.motDePasse,
input.libellePropose, input.auteurDoc,
input.titreDoc, input.resumeDoc,
input.motCleDoc, input.libelleAbrege,
input.libelleConvention, input.precisionConvention,
input.intituleNsf, input.libelleRome,
input.codeNor, input.titreJo, 
input.motCleJo, input.libelleRegroupement,
input.groupeTitre, input.infoTitre,
input.forumTitre, input.gdtDocLibelle,
input.gdtMotCle, input.motCleSecteurActivite, 
input.motCleTypeEmploi, input.representant, 
input.bdUrlDoc, input.titreActualite, input.nomTheme,
input.questionQR, input.ficRepRedacteur, input.actionChronologie,
input.libellePropose, input.nomModele, input.objetCourrier {
  width: 370px;
}

input.telephone, input.fax, 
input.gsm, input.pays
input.nomCourt, input.ville,
input.gdtDocTitre, input.bdTitreDoc,
input.bdAuteurDoc{
  width: 200px;
}

input.codeRegroupement{
  width: 140px;
}

input.identifiantInterne{
  width: 100px;
}

input.codePostal, input.username{
  width: 75px;
}

input.code, input.identifiantExterne,
input.identifiantPartenaire, input.numeroDossier,
input.nbTitreDelivre, input.dureeEnregistrement,
input.numeroConvention, input.niveauNomenclature,
input.numeroDossier, input.idContact{
  width: 50px;
}

input.codeNsf{
  float: none !important; 
  width: 50px;
}

input.anneVae, input.nbOccurences,
input.sujetNbPages, input.reponseNbPages,
input.versionDossier
{
  width: 30px;
}

input.dureeComposante{
  float: none !important; 
  height: 15px;
  width: 10px;
}

.hidden input, input.hidden{
  border: none;
  background: transparent;
}

p.hiddenSubmit input {
  margin-top:10px;  
}

div#zoneDeTravail ul.plage li select {
  margin: 0 10px;
}

li.elementLong input, li.elementLong select, li.elementLong textarea{
  float: right;
} 

.submit input, .submit a,.submit a:hover, .pagination input, button {
  background-color: #980053;
  border: 1px solid #000000 !important;
  color: #FFFFFF !important;
  cursor: pointer;
  float: none !important;
  font-family: Helvetica, serif;
  font-size: 10px !important;
  font-weight: bold !important;
  height: 100% !important;
  margin: 2px 5px 0px 2px;
  text-align: center;
}
.submit a,.submit a:hover {
  text-decoration: none !important;    
}
.submit input.recherche, .submit a.recherche  {
  background: #980053 url(../images/icones/loupe.gif) no-repeat center right;
  /*background-color: inherit;*/
  padding-right: 20px;
}
.submit a.recherche {
  padding-right: 20px;
}
input.coderome{
  width: 67px;
}

td.codePartenaire ul li input{
  float: left;
}

div#zoneDeTravail li.motClef input, li.motClef select{
  float: left;
  margin-right: 8px;
  width: 50px;
}

/* =label */
div#zoneDeTravail ul.plage li label {
  margin-right: -10px;
}

div.actionsMener fieldset li label{
  padding-right:20px;
  width:60px;
}

fieldset li label,
fieldset li span.labelConsultation{
  display: inline;
  float: left;
  font-weight: normal;
  min-height: 16px;
  margin:2px 0 2px 0;
  padding:1px 10px 1px 0;
  text-align:right;
  width:285px;
}

div#zoneDeTravail fieldset ul.groupeCase li label {
  padding-left: 20px;
  text-align: left;
}

.inlineGroupeCase li label {
  display: inline;
  float: none;
  padding-right: 0;
}

.groupeCase label {
  margin-top: -18px;
}

td.codePartenaire ul li label{
  float: left;
  width: 75px;
}

div#zoneDeTravail ul li.rechercheBaseDocumentaire label{
  float: none;
}

/* =fieldset */
fieldset{
  border: 1px solid #666;
  margin: 5px 0; 
  padding: 5px;
}

div.actionsMener fieldset{
  border: none;
  margin: 0;
  padding: 0;
}

div#zoneDeTravail div.accueil fieldset, div#zoneDeTravail fieldset.surveillerReponse{
  border: none;
}

/* =legend */
legend{
  color: #555;
  font-weight: bold;
  font-variant: small-caps;
  margin-left: 5px; 
  padding: 2px;
}

/* =table */
ul.legend table {
  clear: left;
  float: left;
  margin: 0 20px 0 0;
  width: 50px;
}
  
table{
  border-collapse: collapse;
  margin: 15px auto;
  width: 99%;
}

div#zoneDeTravail table.baseDocumentaire{
  border: none;
}

/* =caption */
table caption{
  font-style: italic;
  margin-top: 10px;
  text-align: center;
}

/* =tr */
tr{
  border: 1px solid #000000;
  padding: 3px;
}

table.consultationFiche tr{
  border: none;
}

div#zoneDeTravail .forum tr.archive{
  color: #999999;
}

div#zoneDeTravail .forum tr.verrouille{
  background-color: #CCCCCC;
  font-style: italic;
}

div#zoneDeTravail table.baseDocumentaire tr.auteur{
  border: none;
}

div#zoneDeTravail tr.archive{
  background-color: #CCCCCC; 
  font-style: italic;
}

/* =td */
table.consultationFiche td{
  border: none;
  text-align: center;
}

table.consultationFiche td.intitule{
  text-align: left;
}

table td.yesNoCell {
  text-align: center;
}

table tr.archive td {
  background-color: #FFD7BC;
  color: #303030;
  font-style: italic;
}

td{
  background-color: #FFF;
  border: 1px solid #000000;
  padding: 3px;
}

td.codePartenaire{
  width: 175px;
}

.partenaire td{
  vertical-align: middle;
}

.habilitation td{
  background-color: #FF9886;
  text-align: center;
  vertical-align: middle;
} 

.habilitation td.coche{
  background-color: #98FB98;
}

td.sousTitre{
  font-weight: bold;
}

td.intitule{
  border: none;
  width: 450px; /* */
}

td.information{
  font-style: italic;
}

table.baseDocumentaire tr.auteur td{
  background-color: #FFFFF0;
  border: none;
  font-style: italic;
}

div#zoneDeTravail tr.separationReponses td{
  padding-top: 10px;
}

/* =th */
th{
  background-color: #F0F0F0;
  border: 1px solid #000000;
  font-variant: small-caps;
  padding: 3px;
  text-align: center;
}

table.consultationFiche th{
  border: none;
}

th.triable, th.descendant, th.ascendant{
  font-weight: bold;
  padding-right: 18px;
}

th.descendant{
  background: #F0F0F0 url(../images/icones/sortable_desc.png) no-repeat right center;
}
th.ascendant{
  background: #F0F0F0 url(../images/icones/sortable_asc.png) no-repeat right center;
}
th.triable{
  background: #F0F0F0 url(../images/icones/sortable.png) no-repeat right center;
}

th.dossier{
  width: 60px;
}

th.intitule{
  width: 530px;
}

th.organisme{
  width: 200px;
}

th.grandeEntete{
  font-family: Courrier, monospace;
}

th.messageForum{
  width: 480px;
}

a#cacherRome, a#montrerRome {
  text-decoration: none;   
  border: none !important;
}
  

/* =divers */
.hidden {
  display: none;
}
div.checkThenInput * {
  float: left;
  margin-top: 0 !important;
}
div.checkThenInput label {
  width: auto;
}

div#zoneDeTravail div.accueil ul li#rechercheGpMotsCles ul.error_list li
{
  background: none;
  text-align: left;
  height: 0;
}

p.messageAccueil
{
  color: #054175;
}

/* =aideEnLigne =aide =aide en ligne*/
div#aideEnligne ul,
div#aideEnligne li,
div#aideEnligne p {
  margin: 2em 0;
}

div#aideEnLigne p {
  text-indent: 1em;
  line-height: 1.3em;
}

div#aideEnLigne ul {
  padding: 0 0 0 1.7em;
  list-style-position: outside;
}
div#aideEnLigne li {
  list-style-image: url(../images/old/pucecarorange.jpg);
}

div#aideEnligne strong,
div#aideEnligne em {
  color: #B04000;
}

div#aideEnligne strong {
  font-weight: bold;
}
div#aideEnligne em {
  font-style: italic;
}