@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto);

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Open Sans, Arial, Verdana, Sans-Serif;
  font-size: 12pt;
}

#wrap {
  min-height: 100%;
  position: relative;
}

ul {
  list-style: outside none none;
  padding: 0;
}

a {
  border: none;
  border-style: none;
}


img {
  border-style: none;
}

a.external-link, a.external-link-new-window:after {
  content: url("/fileadmin/Gabarit/Images/externalLink-petit.png");
  margin-left: 3px;
}

h1 {
  font-family: Roboto;
  line-height:2.7rem;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.1em;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
}
h6 {
  font-size: 0.9em;
  font-weight: normal;
}

/* HEADER */

#wrap #header {
  width: 973px;
  margin: 0 auto;
}

/* Moteur de recherche */

#wrap #header #options #moteurRecherche {
  /*float: right;
  margin-bottom: 16px;
  height: 25px;*/
}

#wrap #header #options #moteurRecherche form {
  float: right;
  width: 191px;
  height: 25px;
  margin-bottom: 16px;
  /*border: solid 1px #000000;*/
}

#wrap #header #options #moteurRecherche input[type="text"] {
  width: 148px;
  height: 25px;
  float: left;
  margin-top: 0;
  padding: 0 0 0 6px;
  border: none;
  background-image: url("/fileadmin/Gabarit/Images/moteurRecherche_inputText_background.jpg");
  /*background-color: #DFDFDF;*/
  line-height: 26px;
}

#wrap #header #options #moteurRecherche input[type="submit"] {
  width: 37px;
  height: 25px;
  float:left;
  margin-top: 0;
  border: none;
  background-image: url("/fileadmin/Gabarit/Images/moteurRecherche_inputSubmit_background.jpg");
}

/* Menu principal */

#wrap #header #menuPrincipal {
  clear: both;
}

#wrap #header #menuPrincipal ul {
  width: 973px;
  height: 50px;
  /*background-image: url("/fileadmin/Gabarit/Images/menuPrincipal_background.gif");*/
  background-color: #545a66;
  background-color: #494e5f;
  background-color: #223654;


}

#wrap #header #menuPrincipal ul li {
  width:192px;
  height: 42px;
  float: left;
  padding: 8px 0px 0 0px;
  text-align: center;
  /*background-image: url("/fileadmin/Gabarit/Images/menuPrincipal_separateur.gif");*/
  /*background-image: url("/fileadmin/Gabarit/Images/menuPrincipal_separateur_blanc.gif");
  background-position: right top;
  background-repeat: no-repeat;*/
  border-right: solid 2px #FFFFFF;
  line-height: 15px;
}

#wrap #header #menuPrincipal ul li:last-child {
  width:197px;
  background-image: none;
  border: none;
}

#wrap #header #menuPrincipal ul li:hover {
  /*background-image: url("/fileadmin/Gabarit/Images/menuPrincipal_background_hover.gif");
  background-repeat: repeat-x;*/
  background-color: #313944;
}

#wrap #header #menuPrincipal ul li.ligneSimple {
  line-height: 34px;
}

#wrap #header #menuPrincipal ul li a {
  /*font-size: 90%;*/
  font-size:0.85em;
  color: #FFFFFF;
  text-decoration: none;
  vertical-align: middle;
}

/* CONTENT */

#wrap #content {
  clear: both;
  margin: 0 auto;
  width: 973px;
  min-height: 400px;
  padding-bottom: 85px;
  position:relative;
}

/* FOOTER */

#wrap #footer {
  clear:both;
  width: 100%;
  height: 193px;
  padding-top:30px;
  /*clear: both;
  position: fixed;*/
  /*left: 0;
  bottom: 0;
  position: absolute;*/
}

/* Fat footer */

#wrap #footer #fatFooter {
  background-color: #DFDFDF;
  padding: 15px 0 10px;
  text-align: center;
}

#wrap #footer #fatFooter ul, #wrap #footer #fatFooter div#suivezNous {
  display: inline-block;
  vertical-align: top;
  max-width: 140px;
  margin: 0 30px 0 0;
  padding-top: 5px;
  border-top: 2px solid #FB7743;
  border-top: 2px solid #223654;
  text-align: left;
}

#wrap #footer #fatFooter ul li {
  padding: 3px;
  font-size: 70%;
}

#wrap #footer #fatFooter ul li a {
  color: #505863;
  text-decoration: none;
}

#wrap #footer #fatFooter ul li a:hover {
  text-decoration: underline;
}

#wrap #footer #fatFooter div#suivezNous p {
  font-size: 70%;
  color: #505863;
  margin: 3px 0 0 0;
}

#wrap #footer #fatFooter ul.reseauxSociaux {
  border-top: none;
  padding-top: 0;
}

#wrap #footer #fatFooter ul.reseauxSociaux li {
  float: left;
}

/* Copyright */

#wrap #footer #pivFooter {
  /*background: #FFFFFF url("/fileadmin/Gabarit/Images/copyright_background.gif") repeat-x right bottom;*/
  /*background-color: #494e5f;*/
  margin: 5px 0 20px 0;
  text-align: center;
}

#wrap #footer #pivFooter a {
  font-size:75%;
  color: #095797;
}

#wrap #footer #pivFooter a:hover {
  text-decoration: underline;
}

/* Pour intégration */
table caption{
    background-color: #eee;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-weight: bold;
    padding: 8px 13px;
}
table {
    background-color: #fff;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 100%;
}
table td {
    border: #999 1px solid;
    padding: 8px 13px;
    vertical-align: middle;
}
#content .encadrer {
    border: 2px solid #DF4408;
    margin: 20px;
    padding: 20px;
    width: 70%;
}
#content .align-left {
    text-align: left;
}
#content .align-center {
    text-align: center;
}
#content .align-right {
    text-align: right;
}

table th {
    background-color: #EEE;
    border: #999 1px solid;
    padding: 7px 13px;
    vertical-align: middle;
}
.first_td_87_pourcent td:first-child{
 width:87%; 
}

.underline {
  text-decoration: underline;
}

.datesTraitement{
  margin-left:5px;
}


/* Exception : Page SERVICES EN LIGNE UID:427 */
.page_ServicesEnLigne #wrap #content #colonneCentre #contenuPrincipal .phpWrapper h1 {
  display: none;
}

.page_ServicesEnLigne #wrap #footer {
  display: none;
}