/* commun.css */
/* ------------------------------------------- */
/* ---           Généralités                ---*/
/* ------------------------------------------- */
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/Quicksand-Bold.otf') format('truetype');
}
html {
  height: 100%;
}
body {
    background-color: #f4f4f4; /*f4f4f4*/
    font-family: 'Quicksand', sans-serif;
    min-height: 100%;
    position: relative;
/*    background-color: #f3f6e6;*//*#f1f6dd;*/ /*honeydew*/ /*f9f9f9*/ /*#f9fbf3*/
/*    background-image: url('../images/img_fond.png');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
*/
}

h1,h2,h3,h4, b {
    font-family: 'QuicksandBold', 'Quicksand', sans-serif;
}
.non-bold {
    font-family: 'Quicksand', sans-serif;
}
/*.titre_bleu {*/
/*    color: #579DB9;*/
/*}*/
.titreh2 {
    color: #0074B2;
    /*border-bottom: solid 1px #0074B2;*/
    margin-bottom: 20px;
    /*padding-bottom: 10px;*/
}
#corps {
    margin-top: 20px;
}
a, a:hover {
    color: #FF8F00;
}

/* Help */
.red {
    background: red;
}
.green {
    background: green;
}
.orange {
    background: orange;
}
.marron {
    color: #725838;
    /*text-decoration: underline;*/
    /*border-bottom: dotted 1px #FF8F00;*/
    padding-right: 10px;
}
.bleu {
    color: #0074B2;
}
.text-orange {
    color: #FF8F00;
}
.text-justify {
    text-align: justify;
}
/* ------------------------------------------- */
/* ---              Header                  ---*/
/* ------------------------------------------- */
.header {
    /*border-bottom: 2px solid grey;*/
    position: relative;
    /*margin-bottom: 20px;*/
    /*padding-left: 10%;*/
    background: #F0E9E0; /*F0E9E0*/
    color: #725838;  /*725838*/

    -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.6);
}
#headerSelect {
padding-top: 24px;
}

/* ------------------------------------------- */
/* ---              Footer                  ---*/
/* ------------------------------------------- */
.footer {
    background: #F0E9E0; /*565656*/
    position: relative;
    margin-top: 20px;
    padding-bottom: 20px;
}

/* ------------------------------------------- */
/* ---      Modifications Bootstrap         ---*/
/* ------------------------------------------- */
.container-fluid {
    /*background-color: rgba(299,299,299, 0.1);*/
}
.well {
  background-color: rgba(0,166,255, 0.05);
  background-image: none;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.btn-default {
  color: #333;
  /*background-color: #fff;*/
  border-color: #FF8F00;
}
.btn-default:hover {
  /*color: #FF8F00;*/
  /*background-color: rgba(255,144,0,0.2);*/
  border-color: #FF8F00;
}
.btn-search {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-search:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/** Pour virer le fond blanc de l'onglet sélectionné **/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: rgba(0,0,0,0);
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: rgba(0,0,0,0);
}
/** Ajout spécial pour config et virer le orange du lien dans l'onglet**/
.no-orange li a {
    color: inherit;
}
.no-orange li a:hover {
    color: #FF8F00;
}
.btn-secondary {
  color: #fff;
  background-color: #FF8F00;
  border-color: #e28002;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #0074B2;
  border-color: #0074B2;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #0074B2;
  border-color: #0074B2;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: #0074B2;
  border-color: #204d74;
}
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #0074B2;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #FF8F00;
  border-color: #0074B2;
}
.btn-secondary .badge {
  color: #FF8F00;
  background-color: #fff;
}
.panel-body {
    position: relative;
}
/* ------------------------------------------- */
/* ---           Formulaires                ---*/
/* ------------------------------------------- */
.form_margin_top {
    margin-top: 10px;
}
.form_margin_bottom {
    margin-bottom: 10px;
}
.form_margin_left {
    margin-left: 15px;
}
.radio_form label {
    padding-left: 5px;
    padding-right: 20px;
}
fieldset {
    margin-top: 20px;
}
.todos {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* ------------------------------------------- */
/* ---           IFrame                ---*/
/* ------------------------------------------- */
.ui-widget-header {
    /*border: 1px solid #E78F08;*/
    /*background: #F6A828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50%;*/
    border: 1px solid #0074B2;
    background: #0074B2;

}
.todos li {
    margin-left: 0;
    padding-left: 0;
}
/* ------------------------------------------- */
/* ---       Messages de session            ---*/
/* ------------------------------------------- */
.message {
    background: #0074B2;
    border: solid 1px #005b8d;
    color: white;

    margin-top: 20px;
    padding: 5px 10px;
    border-radius: 5px;
}
/* ------------------------------------------- */
/* ---       Mon CSS                        ---*/
/* ------------------------------------------- */
/*Pour cacher les bordures dans les tableaux pour aligner les compétences du formulaire*/
.myGeneralTable tbody tr td {
    border: none;
    padding-top: 2px;
    padding-bottom: 2px;
}
.divCache-moi-help {
    height: 500px;
    overflow: hidden;
    border: silver dotted 2px;
    padding: 3px;
}