@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);

body {
  background-color: #fff; /*#928E78;*/
  color: #000;
  background-image: none;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
}

div#global {  }

div#divHeader {
  width:100%;
  height: 137px; /*100px;*/
  position: relative;
  margin-bottom: 15px; /*8px;*/
}
div#divHeader img.logo-circe{
  margin-top: 27px;
  border : none;
}

div#divHeader h1 {
  /*bottom: -0.2em;*/
  top: /*0px;*/ 45px;
  left: 125px;
  font-family: "open sans",Arial,sans-serif;
  font-size: 3.2em;
  font-weight: 400;
  line-height: /*0.1em;*/0.7em;
  margin: 0;
  position: absolute;
  text-transform: uppercase;
  color : black;
}
div#divHeader h1 span.baseline {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 0.45em;
  text-transform: none;
  font-weight: 400;
}

div#divHeader div#logos {
  width: auto; /*160px;*/
  position: absolute;
  top: 5px;
  right: 0px;
  display: inline-block;
}
div#divHeader div#logos img {
  border: none;
}
div#divHeader div#logos img:first-child {
  margin-right: 10px;
  vertical-align: top;
}

div#divMenu {
  width: auto;/*100%;*/
  /*background-color: #ca5917;*/
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position: absolute; /*relative;*/
  bottom: 0px;
  /*margin-bottom: 15px;*/
}
div#leftMenu ul {
  display: inline-block;
}
div#leftMenu ul {
  margin: 2px 0 0 0/*6px*/;
  padding: 0;
  display: inline-block;
}
div#leftMenu ul li {
  display: inline-block;
  margin: 0 3px 0 0;;
  padding: 0;
}
div#leftMenu ul li a.bouton {
  border-radius: 3px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: url("../images/boutons_menu.png") no-repeat scroll left top #9FCB5E;
  color: transparent;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  width: 25px;
}
div#leftMenu ul li a.bouton.disable {
  background-image: url("../media/images/boutons_menu_disable.png");
}
div#leftMenu ul li a.icone_recherche { background-position: -1px 0px; }
div#leftMenu ul li a.icone_carte { background-position: -50px 0px; }
div#leftMenu ul li a.icone_stats { background-position: -25px 1px; }
div#leftMenu ul li a.icone_resultats { background-position: -76px 1px; }
div#leftMenu ul li a.icone_suivante { background-position: -125px 1px; }
div#leftMenu ul li a.icone_precedente { background-position: -100px 1px; }
div#leftMenu ul li a.icone_retour { background-position: -150px 1px; }

div#connexion {
  width: auto;
  /*display: none; /*inline-block;*/
  position: absolute;
  left: 120px;
  top: 0px;
  background-color: #E3E3E3;
  padding: 0px 1px 3px 5px;
  border-radius: 3px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
div#connexion h2 {
  background: url("../images/puce_silhouette.png") no-repeat scroll left 3px transparent;
  margin: 0;
  padding: 4px 5px 0 22px;
  font-size: 13px;
  text-transform: uppercase;
  color: #ca5917; /*fff;*/
  display: inline-block;
}
div#connexion h2 a {
    margin-left: 8px;
}
div#connexion h2 a img {
    vertical-align: bottom;
    width: 18px;
    border: none;
}
div#connexion form {
  display: inline-block;
  margin: 0;
  padding: 0;
}
div#connexion input[type='text'],div#connexion input[type='password'] {
  border: 1px solid #C3C3C3; /*#7B7B7B;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #686868;
  padding: 3px 3px 2px 3px;
  font-size: 0.9em;
  margin: 0;
}
div#connexion button[type='submit'] {
  border: 1px solid #ca5917; /*#ca5917;*/
  background-color: #ca5917; /*#ca5917;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  padding: 1px 1px 1px 1px;
  font-size: 0.85em;
  font-weight: bold;
  cursor: pointer;
  margin: 0;
  vertical-align: top;
  margin-top: 1px;
}


div#divContent        { width:100%; vertical-align: top; position: relative; }


/*******************************/
/* cartes  */
/*******************************/
.automap {
  width: 100% !important;
  height: auto;
}

/*******************************/
/* container  */
/*******************************/
#circe_container1 {
  width: 50%;
  margin-right: 7px; /*5px;*/
  display: inline-block;
  vertical-align: top;
  /*min-height: 250px;*/
}
#circe_container2 {
  width: 49%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  /*min-height: 250px;*/
}
#circe_container3 {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  /*min-height: 250px;*/
}

.circe_panel {
  width: 100%;
  vertical-align: top;
  margin-bottom: 15px;
  background-image: none; /*!important;*/
  background-color: #e6e6e6/*dedede*/; /*!important;*/
  border: 1px solid #c3c3c3; /* !important;*/
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.circe_panel h2 {
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  text-align: left;
  font-family: "Open sans", Arial, sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 3px 0 3px 4px;
  background-color: #ca5917;
  background-image: none;
  border: 1px solid #c3c3c3 !important;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#circe_carte.circe_panel h2 { margin: 0; }

.circe_panel h2 span.icone {
  width: 25px;
  height: 20px;
  display: inline-block;
  background: url("../images/puces_h2_panel.png") no-repeat left top transparent;
  vertical-align: top;
}
#circe_recherche.circe_panel h2 span.icone { background-position: 0 0;  }
#circe_stats.circe_panel h2 span.icone { background-position: -25px 0; }
#circe_carte.circe_panel h2 span.icone { background-position: -50px 0; }
#circe_resultats.circe_panel h2 span.icone { background-position: -75px 0; }
#circe_fiche.circe_panel h2 span.icone { background-position: -100px 0; }

.circe_panel .circe_panel_content {
  margin: 5px 10px 5px 10px;
}
#circe_carte.circe_panel #map.circe_panel_content {
  margin: 0;
}
#circe_recherche, #circe_stats, #circe_resultats, #circe_graphique {
  /*height: 250px;*/
  overflow: hidden;
}
#circe_carte {
  height: 270px;
  background-color:#aad3df;
}

.button_fullsize, .button_reduce {
  display: none;/*block;*/
  width: 20px;
  height: 20px;
  float: right;
  margin: 2px 0;
}
#circe_carte .button_fullsize {
  display: block;
}
.circe_panel.fullsize, .container.fullsize {
  position: absolute !important;
  top: 0px;
  left:0px;
  z-index: 9999;
}

.circe_panel.fullsize.fullsize {
  -moz-box-shadow: 8px/*194px*/ 11px 11px -7px #555555;
  -webkit-box-shadow: 8px/*194px*/ 11px 11px -7px #5555555;
  box-shadow: 8px/*194px*/ 11px 11px -7px #555555;
}
.circe_panel.reduce {
  height: 28px !important;
}

/* recherche */
#circe_recherche .circe_panel_content {
  text-align: left;
  line-height: 1.5em;
}
#circe_recherche fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#circe_recherche p {
  margin: 6px 0 6px 0;
  padding: 0;
}
#circe_recherche .circe_panel_content label {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
  text-align: right;
  color: #212121; /*#ca5917;*/
  font-size: 1em;/*0.9em;*/
  font-weight: bold;
  margin-right: 3px;
}

#circe_recherche .circe_panel_content input {
  display: inline-block;
}
#circe_recherche .circe_panel_content input[type='text'],
  #circe_recherche .circe_panel_content textarea,
  #circe_recherche .circe_panel_content select {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #686868;
  padding: 3px 0px 3px 0px;
  width: 60%;
  font-size: 12px !important;
}
#circe_recherche .circe_panel_content select {
  /*width: 61.5%;
  padding: 2px 3px 2px 3px;*/
  padding-right: 3px;
}
#circe_recherche .circe_panel_content select option {
  margin: 0!important;
  padding: 0!important;
}
#circe_recherche .circe_panel_content input[type='checkbox'],
  #circe_recherche .circe_panel_content input[type='radio'] {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #686868;
}

/* cas du champ de saisi sur une ligne */
#circe_recherche .circe_panel_content div.ligne { width: 97%; text-align: right; }
#circe_recherche .circe_panel_content div.ligne .checkbox { display: inline-block; }
#circe_recherche .circe_panel_content div.ligne label { width: auto; font-size: 1.0em; font-weight: normal; vertical-align: top; text-align: right;}
#circe_recherche .circe_panel_content div.ligne input { width: auto; }

/*#circe_recherche .circe_panel_content button[type='submit'] {*/
#circe_recherche .circe_panel_content .submit {
  margin: 10px 0 5px 36%;
  padding: 3px 10px 3px 10px;
  background-color: #ca5917;
  border: 1px solid #E4A449;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #000; /*fff;*/
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  text-decoration:none !important;
}

/* stats */
#circe_stats h3 {
  color: #212121; /*#ca5917;*/
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 15px 0 5px;
}
#circe_stats h3 span {
  color: #000;
  font-size: 1em;
  font-weight: bold;
}
#circe_stats ul {
  padding-left: 0px;
  margin: 0 0 10px 0;
  list-style-type: none;
}
#circe_stats ul li {
  font-weight: normal;
  color: #000;
  background: url("../images/puce_fiche.png") no-repeat left 3px transparent; /* #F4F4F4;*/
  padding-bottom: 2px;
  padding-left: 15px;
  padding-top: 2px;
}
#circe_stats ul li.pair {
  /*background-color: #EEEEEE;*/
}
#circe_stats ul li a {
  color: inherit;
  text-decoration: none;
}
#circe_stats ul li a:hover {
  color: #075099;
}
#circe_stats ul li a span.lien {
  color: #212121; /*#ca5917;*/
}
#circe_stats ul li a:hover span.lien {
  color: #000;/*#ca5917;*/
}


/* carte */
div.olMap {
  cursor: default;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0;
}
.smallmap {
  border: 1px solid #CCCCCC;
  height: 256px;
  width: 512px;
}

/* resultats */
#circe_resultats table td a {
  color: #000;
  text-decoration: none;
}
#circe_resultats table td a:hover {
  color: #075099;
}
#circe_resultats table tr th:last-child, #circe_resultats table tr th.last,
#circe_resultats table tr td:last-child, #circe_resultats table tr td.last {
  width: 77px!important;
}

#circe_resultats .dataTables_filter input {
  width: 200px;
}

#circe_resultats h2 a.bouton {
    background-color: transparent;
    background-image: url("../images/boutons_h2_resultats.png");
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    color: transparent;
    height: 22px;
    margin-left: 4px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 43px;
}
#circe_resultats.circe_panel h2 a.icone_download_zip { background-position: 0 0; right: 8px; }
#circe_resultats.circe_panel h2 a.icone_download_csv { background-position: -43px 0; right: 57px; }
#circe_resultats.circe_panel h2 a.icone_import { background-position: -86px 0; right: 106px; }
#circe_resultats.circe_panel h2 a.icone_creer_fiche { background-position: -129px 0; right: 155px; }
#circe_resultats span.bouton, #circe_fiche span.bouton {
  display: inline-block;
  color: transparent;
  height: 22px;
  width: 23px;
  margin-bottom: 4px;
  margin-right: 4px;
  overflow: hidden;
  background-image: url("../images/boutons_h2_fiche.png");
  background-repeat: no-repeat;
  background-color: transparent;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#circe_resultats span.bouton {
  margin-right: 0px;
}

.icone_view { background-position: 0 0; }
.icone_metadata { background-position: -23px 0;  }
.icone_download { background-position: -46px 0; }
.icone_print { background-position: -115px 0; }

/* fiche */

#circe_fiche h2 {
  padding-right: 100px;
}
#circe_fiche h2 a.bouton {
  color: transparent;
  height: 22px;
  margin-left: 4px;
  overflow: hidden;
  position: absolute;
  top: 5px;
  width: 23px;
  background-image: url("../images/boutons_h2_fiche.png");
  background-repeat: no-repeat;
  background-color: transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#circe_fiche h2 a.bouton:first-child {
  margin-right: 8px;
}
#circe_fiche.circe_panel h2 a.icone_view { right: 8px; }
#circe_fiche.circe_panel h2 a.icone_metadata { right: 35px; }
#circe_fiche.circe_panel h2 a.icone_download { right:63px; }
#circe_fiche.circe_panel h2 a.icone_print { right:91px; }

#circe_fiche div.colonne1 { display: inline-block; width: 75%; margin-right: 15px;vertical-align: top; }
#circe_fiche div.colonne2 { display: inline-block;; width: 22%; margin-right: 8px;vertical-align: top; }

#circe_fiche h3 {
  color: #212121; /*#ca5917;*/
  font-size: 1.2em;
  font-weight: bold;
  font-family: "Open sans", arial, sans-serif;
  text-transform: uppercase;
  margin: 15px 0 5px;
}
#circe_fiche h3 span {
  color: #000;
  font-size: 1em;
  font-weight: bold;
}
#circe_fiche h3 + p {
  margin-top: 5px;
}
#circe_fiche p.redacteur {
  font-style: italic;
  color: #333333;
}
#circe_fiche p.liens {
  margin-top: 20px;
}
#circe_fiche p img {
  float: left;
  margin-right: 10px;
}
#circe_fiche a {
  color: #212121; /*#ca5917;*/
  text-decoration: none;
}

#circe_fiche p.liens a {
  margin-right: 15px;
}
#circe_fiche div.encart p.liens a {
  display: block;
  margin-right: 0;
}
#circe_fiche a:hover {
  color: #000; /*#075099;*/
}
#circe_fiche ul {
  padding-left: 0px;
  margin: 0 0 10px 15px;
  list-style: square outside;
}
#circe_fiche ul li {
  font-weight: normal;
  color: #000;
  padding-top: 2px;
}
#circe_fiche ul li.pair {
  background-color: #EEEEEE;
}
#circe_fiche ul li a {
  color: inherit;
  text-decoration: none;
}
#circe_fiche ul li a:hover {
  color: #ca5917;
}
#circe_fiche ul li a span.lien {
  color: #212121; /*#ca5917;*/
}
#circe_fiche ul li a:hover span.lien {
  color: #ca5917;
}
#circe_fiche div.encart {
  background-color: #FFF; /*#E3E3E3;*/
  border: 1px solid #FFF; /*#C3C3C3;*/
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0px;
  float: right;
  width: 100%;
  margin-bottom: 10px;
}
#circe_fiche div.encart div.container {
  padding: 5px 8px 2px;
}
#circe_fiche div.encart h3 {
    background-color: #9FCB5E;
    background-image: none;
    border: 1px solid #FFF /*#C3C3C3*/;
    color: #000; /*FFFFFF;*/
    font-family: "Open sans",Arial,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 2px 8px 2px 8px;
    text-align: left;
    text-transform: uppercase;
    border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#circe_fiche div.encart p {
  margin: 5px;
}

#circe_fiche table {
  margin: 10px auto;
  /*padding-top: 10px;*/
  width: 100%;
  background-color: #EEEEEE; /*#E6E6E6;*/
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#circe_fiche table thead th {
  /*border-bottom: 1px solid #C3C3C3;*/
  color: #333333;
  cursor: pointer;
  font-weight: bold;
  padding: 3px 18px /*3px*/ 0px 10px;
  text-align: left;
}
#circe_fiche table tbody tr,
  #circe_fiche table tr.odd {
    background-color: #FAFAFA;
}

#circe_fiche table tr.even {
    background-color: #EEEEEE;
}
#circe_fiche table td {
    padding: 3px 10px;
}
#circe_fiche table td.center {
    text-align: center;
}

#circe_fiche label {
  display: inline-block;
  width: 150px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  /*color: #212121;*/ /*#ca5917;*/
  font-size: 1em;/*0.9em;*/
  font-weight: bold;
}

#circe_recherche .circe_panel_content input {
  display: inline-block;
}
#circe_fiche input[type='text'],
  #circe_fiche textarea,
  #circe_fiche select {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #686868;
  padding: 3px 3px 3px 3px;
  width: 95%;
  font-size: 12px !important;
}
#circe_fiche select {
  /*width: 61.5%;
  padding: 2px 3px 2px 3px;*/
  padding-right: 3px;
}

#etude_resume{
  width: 100% !important;
}

#circe_fiche select option {
  margin: 0!important;
  padding: 0!important;
}
#circe_fiche input[type='checkbox'],
  #circe_fiche input[type='radio'] {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #686868;
}
#circe_fiche textarea {
  width: 60%;
}

#circe_fiche form hr {
  color: transparent;
  border: none;
}

#circe_fiche button[type='submit'] {
    background-color: #ca5917;
    border: 1px solid #E4A449;
    border-radius: 6px 6px 6px 6px;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    //margin: 10px 0 5px 36%;
    padding: 3px 10px;
    text-decoration: none !important;
    text-transform: uppercase;
}



#divFooter {
  background-color: transparent;/*#9FCB5E;*/
  /*border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;*/
  position: relative;
  margin-bottom: 20px;
}
#divFooter p {
  display: inline-block;
  margin: 4px 0 4px 8px;
  color: #000; /*#fff;*/
  /*font-family: "Open sans", Arial, sans-serif;*/
  text-transform: uppercase;
  position: relative;
  font-size: 1.1em;
}
#divFooter p span {
  color: #909090;
  display: block;
  font-size: 0.9em;
  text-transform: none;
}
div#divFooter ul {
  margin: 0px 8px 0 6px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
div#divFooter ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
div#divFooter ul li a {
  color: #ca5917;
  text-decoration: none;
  margin-left: 8px;
}
div#divFooter ul li a:hover {
  color: #000; /*#ca5917;*/
}


/* openlayers corrections */
.olControlAttribution {
  bottom: 0.2em !important;
}

#alkIFrameNiv1, #alkIFrameNiv2, #alkIFrameNiv3, #alkIFrameNiv4 {
width: 96% !important;
}

#circe_fiche .btpage {
  margin: 10px 0 5px 10px;
  padding: 3px 10px 3px 10px;
  background-color: #ca5917;
  border: 1px solid #E4A449;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #000; /*fff;*/
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  text-decoration:none !important;
}



.homeBackgound {
  border-radius: 0px;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-top: 0px;
  position: relative;
}

.homeFieldSet {
  background-color: #E6E6E6;
  background-image: none;
  border: 1px solid #C3C3C3;
  border-radius: 6px 6px 6px 6px;
  height: 190px;
  left: 250px;
  top: 40px;
  width: 280px;
}

#alkhtmlupload_data_pj_pdf{
  font-size:10px;
}

#circe_fiche #etude_intitule{
  width: 584px;
  display: inline-block;
}

#circe_fiche input[type="text"].form-control{
  background: white;
}

#circe_fiche #etude_mots_cles, #circe_fiche #etude_perimetre_principal_intitule, #circe_fiche #etude_redacteur{
  width: 280px;
}

#circe_fiche #etude_desc_nb_fascicules{
  width: 24px;
}

#circe_fiche #etude_desc_nb_pages{
  width: 32px;
}

#circe_fiche #document_type_intitule_0, #circe_fiche #iconographie_intitule_0, #circe_fiche #methodologie_intitule_0,
#circe_fiche #partenaire_0{
  width: 200px;
}

#circe_fiche #etude_cout, #circe_fiche #etude_prod_periode{
  width: 80px;
}

#circe_fiche #etude_annee_achevement, #circe_fiche #etude_annee_maj{
  width: 40px;
}

#circe_fiche #etude_date_publication{
  width: 96px;
}

#circe_fiche #th_side{
  width: 376px;
}

#circe_fiche .ligne input, #circe_fiche .ligne select, #circe_fiche #line_etude_cout input, #circe_fiche #etude_date input,
#circe_fiche .redacteur input, #circe_fiche .etude_champ_sup input{
    display: inline-block;
}

#circe_fiche .ligne #etude_desc_nb_fascicules, #circe_fiche .ligne #etude_desc_nb_pages{
  margin-right: 5px;
}

#circe_fiche #alkUploadProgressdata_pj_pdf .help-block, #circe_fiche #alkUploadProgressdata_pj_cc .help-block{
  font-size: 0.75rem;
}

#circe_fiche .progress-bar{
  display: none;
}

#circe_fiche .encart .btn-primary{
  max-width: 240px;
  white-space: normal;
}

#circe_fiche .encart h5{
  font-weight: bold;
}

#circe_resultats #tabPagine_length{
  width: 70%;
}

#circe_resultats a, #circe_stats a{
  font-size: 14px !important;
}

#circe_resultats .btResult{
  height: 24px;
  width: 24px;
  display:inline-block;
}

#formCrbnconsult_catForm .buttonList a{
  background-color: gainsboro;
}

.page-header{
  margin-top: 0px !important;
}

#main-navigation .navbar-nav a:not(.text), .navbar-main .navbar-brand a:not(.text){
  font-size: 18px !important;
}

.navbar-main .navbar-brand h1{
  font-size: 40px !important;
}

.navbar-main .navbar-brand img{
  display: initial !important;
}