/* ---------------------------------------------
    Feuille de style sur mesure
----------------------------------------------*/

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}

a img.lien_externe {
  vertical-align: inherit;
  margin-left:2px;
}

#content {
  font-size:0.85em;
}

#content a:link, 
#content a:visited {
  color:#003399;
  text-decoration:underline;
}


#content a:hover, 
#content a:focus{
  color:#000000;
  text-decoration:none;
}

ul.menu-mani.accueil li{
  padding-top:6px;
}

#content ul.menu-mani.accueil a:link, #content ul.menu-mani.accueil a:visited{
  color:#003399;
  text-decoration:underline;
}


#content ul.menu-mani.accueil a:hover, #content ul.menu-mani.accueil a:focus{
  color:#000000;
  text-decoration:none;
}

#content ul.menu-mani a:link, #content ul.menu-mani a:visited {
  color:#000000;
  text-decoration:none;
}

#content ul.menu-mani a:hover, #content ul.menu-mani a:focus{
  color:#003399;
  text-decoration:underline;
}


.possedeEnfants {
  position:absolute;
  right:0px;
  top:16px;
  display:block;
  background: transparent url("/fileadmin/templates_MANI/extensions/MANI_dynamique/sprite-niveauplus.png") no-repeat right top;
  width:16px;
  height:3px;
}

#content ul.menu-mani a:hover .possedeEnfants, #content ul.menu-mani a:focus .possedeEnfants{
  background-position:right bottom 0px;
}

.filariane {margin-bottom:40px;}
ol#fildariane {margin-left:0; font-size:0.9em;}
.filariane ol li {padding-right: 3px;}

h1 {font-size:2em; margin-top:30px; margin-bottom:20px; border-bottom: 1px solid #000000;}
h2 {font-size:1.75em; margin-top: 20px; margin-bottom: 10px;}
h3 {font-size:1.75em; font-weight:bold; margin-bottom : 0.15em;}
h4 {font-size:1.3em; margin-bottom : 0.15em;}

#content .titre_section .titre {
  display:inline-block;
  vertical-align: top;
  max-width: 87%;
}

#content .titre_section:link, #content .titre_section:visited {
  border-bottom:2px solid #000000;
  display:block;
  position:relative;
  padding: 3px 15px 3px 0;
  color:#000000;
  text-decoration:none;
}

#content .titre_section:hover, #content .titre_section:focus {
  color:#003399;
}



#content .titre_section h3{
  font-size:1.15em;
  font-weight:bold;
}


.titre_section .fleche {
  position:absolute;
  right:1px;
  top:2px;
  display:block;
  background: transparent url("/fileadmin/templates_MANI/extensions/MANI_dynamique/sprite-retour.png") no-repeat scroll right top;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); 
  width:10px;
  height:18px;
  margin-top: 3px;
}

.titre_section:focus .fleche,
.titre_section:hover .fleche {
  background-position: right top -62px;
}

ul.menu-mani {
  font-size:1.05em;
  margin-left:24px;
}

ul.menu-mani.accueil {
  margin-left:30px;
}


ul.menu-mani li a.retour {
  display:inline-block;
  background: transparent url("/fileadmin/templates_MANI/extensions/MANI_dynamique/sprite-retour.png") no-repeat scroll left top;
  width:10px;
  height:18px;
  margin-left: -21px;
  margin-top: 5px;
  position: absolute;
}

ul.menu-mani li a.retour:hover, 
ul.menu-mani li a.retour:focus {
  background: transparent url("/fileadmin/templates_MANI/extensions/MANI_dynamique/sprite-retour.png") no-repeat scroll left top -62px;
}

ul.menu-mani li {
  list-style:none;
}


ul.menu-mani li div.titre {
  font-weight:bold;
  margin-top:2px;
  margin-bottom:2px;
  padding:5px 20px 5px 5px;
  position:relative;
}

ul.menu-mani ul li div.titre {
  font-weight:normal;
}

ul.menu-mani ul li {
  border-bottom: 1px solid #000000;
}

ul.menu-mani ul li:first-child {
  border-top: 3px solid #000000;
}


ul.menu-mani li.element_actif > div.titre {
  background-color:#003399;
  color:#FFFFFF;
} 

ul.menu-mani li ul {
  margin-left:0px;
}

/*#############################################################
### Recherche SRIG
###############################################################*/

ul.ui-autocomplete ,ul.ui-autocomplete li {
  background:#fff;
  width: 556px !important;
  list-style-image:none;
  list-style:none;
}

ul.ui-autocomplete li {
  width: 100% !important;
}

ul.ui-autocomplete li {
  padding: 4px;
}

ul.ui-autocomplete {
  border: 1px solid #BBB;
}

ul.ui-autocomplete li:not(:last-child) {
  border-bottom: 1px solid #BBB;
}

.jconstellio-main-thesauruscontainer li {
  background:none !important;
  padding-left:0 !important;
}

.jconstellio-header-search .jconstellio-header-searchinput {
  display:inline;
}

.jconstellio-header-search .jconstellio-header-searchinput input {
  padding:5px 2px;
}

.jconstellio-header-search label[for="jconstellio-header-searchbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#boiteRecherche input.sqc-srig-searchbox{
  padding: 4px;
}
#boiteRecherche input.sqc-srig-searchbutton{
  top: 1px;
  position: relative;
}

.jconstellio-header-search .jconstellio-header-advancedsearch {
  margin: 0;
  padding:0;
}

#jconstellio_main {
    padding-left:0!important;
}
#jconstellio{
  color: rgb(51,51,51);
}
.jconstellio-main-resultcontainer h4{
  font-family:roboto;
  font-size:1rem;
  font-color:rgb(0, 64, 107);
}
#jconstellio a{
  color:rgb(0, 64, 107)!important;
}

.jconstellio-main-resultcontainer a{
  font-size:1.4rem;
}

#jconstellio em{
  font-style: normal;
  font-weight: bold;
}
#jconstellio_searchbutton{
    padding: 5px 20px;
}
.jconstellio-main-synonyms.clearfix, .jconstellio-main-spellcheck.clearfix{
  overflow:visible!important;
}
.jconstellio-main-synonyms, .jconstellio-main-spellcheck, .jconstellio-main-disambiguations{
  overflow:visible!important;
  padding: 1em 0.5em 0.5em 30px!important;
}

.jconstellio-header-search {
    padding: 0.8em!important;
}
.jconstellio-header-required{
  display: none;
}

.jconstellio-header-search .jconstellio-header-searchbox {
  width: 100%;  
  font-size: 1rem;
  height: 1.375em;
  box-sizing: content-box;
  padding: 7px 6px;
  border: 1px solid #BBB;
  vertical-align: middle;
  margin-bottom:5px;
}
.jconstellio-header-advancedsearch select{
margin-bottom:0;
}

.jconstellio-header-search > label{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

header#jconstellio_header {
  padding-bottom:5px;
}

.jconstellio-header-search .jconstellio-header-searchbtn{
  background: none rgb(51,51,51);
  text-indent: 0;
  margin-left: 0px;
  margin-top:4px;
  width: auto;
  height: auto;
  padding: 6px 12px;
  color: white;
  font-weight: bold;
  position:relative;
  top:inherit;
  right:inherit;
}

.jconstellio-header-search .jconstellio-header-advcheckbox label{
  font-size: 1.2em;
}

ul.ui-autocomplete li{
text-align:left;
  padding-top:0.4em;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0!important;
}
.jconstellio-main-resultcontainer p{
/*font-size:14px!important;*/
}
p.jconstellio-main-resulturl{
font-size:12px!important;
}
/*Pagination*/
.jconstellio-main-pagination{
  background-color: transparent!important;
}
.jconstellio-main-pagination ul li{
  background: none;
  padding-left: 5px;
}
#jconstellio .jconstellio-main-pagination ul li.current a{
  color: white!important;
  border-color: #333333;
  background-color: #333333;
  padding: 2px 5px 0 5px;
  text-decoration: none;
}
#featuredLink-recherche{
  background-color: transparent;
  padding:0 10px 1px 15px;
  border-left: 2px solid #C0C0C0;
  border-top:0;
  border-right:0;
  border-bottom:0;
}
.featuredLink p{
margin-bottom:0.5em;
}
.resultats-recherche .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 572px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 156px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover {
    cursor:pointer;
}

#featuredLink-recherche span:first-child{display:none}

@media only screen and (max-width: 799px) {
  .jconstellio-header-search, .jconstellio-header-search div{
    width:100%!important;
  }

  #chkEnvironment {
    vertical-align: top;
    margin-top: 5px;
  }

  .jconstellio-header-search .jconstellio-header-advcheckbox label {
    font-size: 1.2em;
    width: 74%;
  }

  ul.ui-autocomplete ,ul.ui-autocomplete li {
    width: 90% !important;
    z-index: 12000;
    position: relative;
  }

  ul.ui-autocomplete li {
    width: 100% !important;
  }
}

/*#############################################################
### Recherche haut-site
###############################################################*/

.pivHautFonctionnalites {
    margin-top: 26px;
}

#boiteRecherche {
  position:relative;
}

.pivHautRecherche-bureau {
  width: 100%;
}

#boiteRecherche button.sqc-srig-searchbutton {
  background: transparent url("../images/btn-recherche-haut.png") no-repeat left 2px top 0px;
  height: 38px;
  width: 34px;
  cursor: pointer;
  right:1px;
  top:1px;
  position:absolute;
  z-index:10;
  border:none;
}

#boiteRecherche button.sqc-srig-searchbutton:hover, #boiteRecherche button.sqc-srig-searchbutton:focus {
  background-color: #dddddd;
}


#boiteRecherche input.sqc-srig-searchbox {
  text-indent: 0 !important;
  font-size: 1.3em;
  padding: 3px 35px 4px 6px;
  width: 100%;
  margin: 0;
  border: 1px solid #014b7c;
  min-height: 40px;
  z-index:8;
  position:relative;
}

.pivHautRecherche-mobile {
  margin: 0 20px 0 20px;
}

@media only screen and (max-width: 599px) {

  ul.menu-mani {
    margin-left:0px;
  }
  .column, .columns {
    padding-left: 2.4375rem;
  }

  .pivHaut .column,  .pivHaut .columns {
    padding-left: 0.9375rem;
  }

  .resultatsRecherche .column, .resultatsRecherche .columns {
    padding-left: 0.9375rem;
  }

  .accueil .column, .accueil .columns {
    padding-left: 0;
  }

  .ajustement_accueil {
    margin-left:-20px;
  }

  h1 {
    margin-top: 0px;
  }
}

