/* reset rules */
#ColContenu .tx-annuaire-pi1 ul li,
#ColContenu .tx-annuaire-pi2 ul li,
#ColContenu .tx-annuaire-pi3 ul li {
  background: none;
}

/* *********************** */
/* formulaire de recherche */
/* *********************** */

/* dispo fieldset */
fieldset#rechercheRapide,
fieldset#rechercheChamp,
fieldset#rechercheCV {
  width: 450px;
}

html body fieldset#rechercheRapide p.submit,
html body fieldset#rechercheChamp p.submit,
html body fieldset#rechercheCV p.submit {
  margin: 2em auto;  
}


/* deco champs */
#rechercheChamp div.adresse input.text {
  background: #FFF url(../img/input_mail.png) left top no-repeat;
  padding-left: 27px;
  width: 100px;
}


#rechercheRapide input,
#rechercheCV input {
  background: #FFF left top no-repeat;
  padding-left: 27px;
  width: 150px;
}
#rechercheRapide input.question,
#rechercheCV input.question { background-image: url(../img/input_question.png); }

#rechercheChamp ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#rechercheChamp div select,
#rechercheChamp div input,
#rechercheChamp ul input {
  width: 120px;
}

#rechercheChamp ul li {
  /*margin-left: 40px;*/
  margin-left: 0;
}

/* ********************* */
/* RESULTAT DE RECHERCHE */
/* ********************* */
div.actionFiche {
  text-align: right;
  margin-top: -1em;
}


/* ***************** */
/* FORMULAIRE DE MAJ */
/* ***************** */

/* dispo fieldset */
.tx-annuaire-pi3 form {
  width: 450px;
}
fieldset#infoPublique,
fieldset#infoCoordonnee,
fieldset#infoComplementaire {
  width: auto;
}

#infoPublique .innerFieldset {
  overflow: hidden;  
}

#infoCoordonnee ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#infoCoordonnee ul li {
  overflow: hidden;
  display: block;
  width: 180px;
  padding-left: 0;
  /*height: 30px;*/
}
#infoCoordonnee ul li.adresse {
  height: auto;
}

ul li.adresse label{
  width: auto;
}

#infoCoordonnee ul li.cp select {
  margin-left: 1px;
  width: 123px;
}

#infoCoordonnee .innerFieldset {
  overflow: auto;
}

#ColContenu #infoCoordonnee .intitule {
  font-weight: bold;
  padding-left: 10px;
  background: transparent url(../img/puce_triangle_vert.png) left center no-repeat;
  margin: 0 0 1em 0;
}

#infoCoordonnee input.text {
  background: #FFF left top no-repeat;
  padding-left: 27px;
  width: 120px;
}

#infoCoordonnee .organisme input.text {
  padding-left: 0;
  width: 147px;
}

#infoCoordonnee .fonction input.text {
  padding-left: 0;
  width: 147px;
}

#infoCoordonnee .fonction {height: 66px;}
#infoCoordonnee .organisme {height: 66px;}
#infoCoordonnee .phone input.text { background-image: url(../img/input_telephone.png); }
#infoCoordonnee .mobile input.text { background-image: url(../img/input_phone.png); }
#infoCoordonnee .email input.text { background-image: url(../img/input_email.png); }
#infoCoordonnee .adresse input.text { background-image: url(../img/input_mail.png); }

#infoCoordonnee input,
#infoCoordonnee textarea {
}
input.file {
  height: 24px;
}

#infoComplementaire input {
  display: inline;
}

#infoComplementaire .row label {
  display: block;
  width: 100px;
  margin-right: -100px;
  float: left;
}
#infoComplementaire .row span.formw {
  padding-left: 115px;
  display: block

}

#ColContenu .tx-annuaire-pi3 input.checkbox {
  border: none;
  margin-left: 10px;
  margin-top: 2px;
}
/* **************** */
/* Fiche de contact */
/* **************** */
#ColContenu .ficheContact {
  width: 450px;
  background: #FFF url('../img/bg_coin_hg.gif') top left no-repeat;
  padding: 2px 0 0 2px;
  margin: 2em 0;
}

/*IE6_HACK*/
#ColContenu .ficheContact .contactDetail {
  _zoom: 1;
}
#ColContenu {
  _overflow: hidden;
}
/*IE6_HACK END*/

#ColContenu .ficheContact p {
  margin: .2em;
}

#ColContenu .ficheContact .ficheContactInner {
  background: #FFF url('../img/bg_coin_bd.gif') bottom right no-repeat;
  padding: 0 2px 2px 0;
}
#ColContenu .ficheContact .contactSimple,
#ColContenu .ficheContact .contactDetail {
  background-color: #F0F0F0;
  padding: 10px;
}
#ColContenu .ficheContact p.identite {
  font-size: 2em;
  font-weight: bold;
  border-bottom: 3px solid;
  color: #95AAD9;
}
#ColContenu .ficheContact p.identite span.nom {
  text-transform: uppercase;
}

#ColContenu .ficheContact p.fonction {
  font-weight: bold;
}

#ColContenu .ficheContact .withPhoto {
  overflow: auto;
  min-height: 120px;
}

#ColContenu .ficheContact .contactDetail .identite,
#ColContenu .ficheContact .contactDetail .fontion {
  margin-right: 100px;
}

#ColContenu .ficheContact span.photo {
  float: right;
  width: 80px;
  height: 100px;
  padding: 5px;
  margin: 5px;
  border: 1px solid #95AAD9;
}
#cvText {
  clear: both;
}
#ColContenu .ficheContact .contactCV {
  padding: 5.5em 0 1em 0;

}
#ColContenu .ficheContact .contactCV a.pdf {
  padding: 2px 20px 2px 0;
  line-height: 20px;
  background: transparent url(../img/page_white_acrobat.png) center right no-repeat;
}

#ColContenu .ficheContact div.cvRiche{
  padding: 15px 5px;
}

#ColContenu .ficheContact .coordonnee {
  overflow: auto;
}
#ColContenu .ficheContact .coordonnee ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#ColContenu .ficheContact .coordonnee .pro,
#ColContenu .ficheContact .coordonnee .perso {
  width: 48%;
  padding: 0;
}

#ColContenu .ficheContact .coordonnee .pro {
  float: left;
}
#ColContenu .ficheContact .coordonnee .perso {
  float: right;
}
#ColContenu .ficheContact .coordonnee p {
  margin: 0;
}
#ColContenu .ficheContact .coordonnee li {
  margin-left: 10px;
  padding-left: 20px;
  background: transparent left 4px no-repeat;
  line-height: 20px;
  border: 1px dashed #999;
  border-width: 0 0 1px 0;
  margin-top: -1px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
#ColContenu .ficheContact .coordonnee li.intitule {
  margin-left: 0;
  padding-left: 0;
  font-weight: bold;
  border: 1px solid #999;
  border-width: 0 0 1px 0;
}
#ColContenu .ficheContact .coordonnee li.fonction {
  padding-left: 0;
}

#ColContenu .ficheContact .coordonnee .adresse {
  /*border-bottom: none;*/
}

#ColContenu .ficheContact .coordonnee .phone { background-image: url(../img/telephone.png);}
#ColContenu .ficheContact .coordonnee .mobile { background-image: url(../img/phone.png);}
#ColContenu .ficheContact .coordonnee .email { background-image: url(../img/email.png);}
#ColContenu .ficheContact .coordonnee .adresse { background-image: url(../img/mail.png);}

/* pagination */
.pageBrowser {
  overflow: hidden;
}
.pageBrowser a,
.pageBrowser span {
  float: left;
  display: inline;
  border: 2px solid;
  padding: 5px;
  margin: 5px;
  font-weight: bold;
  text-decoration: none;
}
.pageBrowser a {
  border: 2px solid #95AAD9;
}
.pageBrowserGreen a {
  border: 2px solid #2A6A1D;
}
.pageBrowser a:hover {
  color: #FFF !important;
  background-color: #B7C2D9;
}
.pageBrowserGreen a:hover {
  color: #FFF !important;
  background-color: #78AF6D;
}
.pageBrowser span {
  color: #FFF;
  border: 2px solid #95AAD9;
  background-color: #95AAD9;
}
.pageBrowserGreen span {
  color: #FFF;
  border: 2px solid #78AF6D;
  background-color: #78AF6D;
}
.pageBrowser span.browseSpacer {
  color: #95AAD9;
  border: 2px solid #FFF;
  background-color: #FFF;
}
.pageBrowserGreen span.browseSpacer {
  color: #2A6A1D;
  border: 2px solid #FFF;
  background-color: #FFF;
}

/* ************** */
/* ESPACE RESERVE */
/* ************** */
#reinitMdpForm .row label,
#userMajForm .row label,
#connexionForm .row label {
  width: 150px;
  margin-right: -150px;
  text-align: right;
}

#reinitMdpForm .row span.formw,
#userMajForm .row span.formw,
#connexionForm .row span.formw {
  padding-left: 165px;

}

#userList .membre {
  background: transparent url('../img/tick.png') center center no-repeat;
}

#userList .mbrPersp {
  width: 20px;
}
#userList .actions {
  width: 55px;
}

/* ***************** */
/* RECHERCHE AVANCEE */
/* ***************** */
#advancedSearch .row label {
  width: 100px;
  margin-right: -100px;
}
#advancedSearch .row span.formw {
  padding-left: 115px;
}

/* ************************** */
/* RESULTAT RECHERCHE AVANCEE */
/* ************************** */
#advancedSearchRes p.criteres {
  font-weight: bold;
  padding-left: 10px;
  background: transparent url(../img/puce_triangle_vert.png) left center no-repeat;
}
#advancedSearchRes ul.criteres {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
#advancedSearchRes ul.criteres li {
  clear: left;
  background-image: none;
}

#advancedSearchRes ul.criteres span.typeCritere {
  display: block;
  float: left;
  clear: left;
  width: 100px;
}
#advancedSearchRes ul.criteres span.valeurCritere {
  display: block;
  float: left;
}

#advancedSearchRes #resultat {
  margin: 2em 0;
  padding: 0;
  list-style-position: outside;
  overflow: hidden;
}
#advancedSearchRes #resultat li {
  margin: 2em 0;
  background-color: #f0f0f0;
  /*position: relative;*/
  display: block;
  list-style-type: decimal;
}
#advancedSearchRes #resultat strong.titre {
  display: block;
  font-size: 1.5em;
  border-bottom: solid 2px;
  color: #666;
}
#advancedSearchRes #resultat span.lastMaj {
  font-style: italic;
  color: #999;
}
.titre em
{
  color:black;
  font-weight:bold;
  background-color:yellow;
}
.contenu em
{
  color:black;
  font-weight:bold;
  background-color:yellow;
}
/* ********** */
/* formulaire */
/* ********** */

fieldset {
  background: #F5F7F4 url(../img/bg_gris_blanc.gif) left bottom repeat-x;
  border: 1px solid #95AAD9;
  border-width: 2px 0 0 2px;
  padding: 1em 0 0;
  margin: 2em 0;
  position: relative;
}
.green fieldset {
  border: 1px solid #2A6A1D;
  border-width: 2px 0 0 2px;
}


div.innerFieldset {
  margin-left: -2px;
  background: transparent url(../img/bg_bord_degrade.gif) left bottom no-repeat;
  padding: 1em;
  overflow: auto
}
.green div.innerFieldset {
  background-image: url(../img/bg_bord_degrade_green.gif);
}

legend {
  position: absolute;
  font-size: 1.5em;
  color: #95AAD9;
  margin-left: 10px;
  left: 0;
  top: -.5em;
}
.green legend {
  color: #2A6A1D;
}

.row label {
  display: block;
  width: 80px;
  margin-right: -80px;
  margin-top: 3px;
  float: left;
}
.row span.formw {
  padding-left: 95px;
  display: block
}

.row span.formw select,
.row span.formw input.text {
  width: 100%;
  margin-left: -10px;
}
.row {
  clear: both;
  margin: 0 0 1em;
}
.half {
  clear: none;
  width: 50%;
  float: left;
  display: inline;
  zoom: 1;
}

select, input, textarea {
  border: 1px solid #CCC;
}
input.text {
  height: 18px;
}

button.datePickerBtn {
  width: 24px;
  height: 20px;
  border: 2px outset;
  position: relative;
  top: 5px;

}

span.requis {
  color: #95AAD9;
}
#ColContenu p.formInfo {
  margin-top :0;
  margin-left: 10%;
  margin-right: 10%;
  font-style: italic;
  font-size: 1.1em;
  color: #2A6A1D;
}
p.submit {
  overflow: auto;
}
p.submit input {
  background-color: #000;
  font-weight: bold;
  color: #FFF;
  float: right;
}


div.err_message {
  color: red;
}

/* ******* */
/* GENERAL */
/* ******* */
.pertinence {
  display: inline;
  float: right;
  padding-left: 4em;
  /*position: relative;*/
}
.pertinence .value {
  display: inline;
  float: left;  
  margin-left: -3em;
}

.pertiBar {
  display: block;
  width: 10em;
  height: 1em;
  border: 1px solid #999;
}
.pertiBar .pertiBarInner {
  display: block;
  height: 100%;
  background-color: #2A6A1D;
}

/* = = = = = = = = = = */
/* D A T E P I C K E R */
/* = = = = = = = = = = */
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 4px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 3px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
KC couleurs et icones
*/
.ui-datepicker table td,
.ui-datepicker table th {
  border: 1px solid #DDD;
}
/*
 * display: none; utile pour l'initialisation de la page
 */
.ui-datepicker {
  background-color: #FFF;
  border: 1px solid #2A6A1D;
  display:none;
}
.ui-datepicker-header {
  background-color: #2A6A1D;
  color: #2A6A1D;
}
.ui-datepicker-title {
  color: #FFF;
}
.ui-datepicker td a {
  color: #716E67;
}
td.ui-datepicker-current-day{
  font-weight: bold;
  background-color: #2A6A1D;
}
td.ui-datepicker-current-day a{
  color: #FFF;
}

.ui-datepicker td a:hover {
  background-color: #2A6A1D;
  color: #FFF;
}
.ui-icon {
  background-repeat:no-repeat;
  display:block;
  overflow:hidden;
  text-indent:-99999px;
}
.ui-icon-circle-triangle-w {
  background-image: url('../img/prev.gif');
  height:16px;
  width:16px;
}
.ui-icon-circle-triangle-e {
  background-image: url('../img/next.gif');
  height:16px;
  width:16px;
}