/* Entête */

.logo {
    max-height:100px;
    line-height:100px;
}

.logo img {
    max-width: 100%;
    max-height:100px
}

.header{
	background-color:white;
}

.header-title {
    color:#0E3083;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:0;
    margin-top:10px;
    display:block
}

.header-subtitle {
    color:#0E3083;
    font-size:1.2em;
    margin:0;
    display:block
}

.header-season {
    color:#E3004F;
    font-size:1.2em;
    margin:0;
    display:block
}

.navbar-before {
    height:3px;
    background-color:#0099DC;
}

.aide_non_dispo {
    opacity:0.25;
}

/* profil */

.profile-pic{
    background-color:white;
	display:inline;
    max-height:100px;
    max-width:150px;
    margin-bottom:10px;
}

.profile-name{
	font-size:1.5em; margin:0
}

.logout-icon {
    font-size:2.4em;
	position:absolute;
    left:10px;
    top:10px;
    opacity:1;
    transition:0.5s
}

/* conteneurs principaux */

.col-content{
	padding:0
}

.content{
	padding:15px 0 0 0;
}

.before-footer{
	min-height: calc(100% - 200px); /*margin-bottom + footer height = 200px*/
    margin-bottom:100px;
}

body>.row,.before-footer>.row{
	margin:0
}

#sticky-boxes {
    transition: margin 0.5s;
}
#sticky-boxes>.box{
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s, -moz-box-shadow 0.5s;
}
#sticky-boxes.fixed-container {
    margin: -4px 4px 4px -4px;
    position:fixed;
    z-index:1029; /* la navbar est à 1030 */
}
    #sticky-boxes.fixed-container>.box{
	    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.15);
	    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.15);
        box-shadow: 7px 7px 0 rgba(0,0,0,0.15);
    }

/* pied de page */

.lblTimer {
    text-align: right;
    color: darkgray;
    font-style: italic;
    font-size: 0.9em;
}

.footer {
	text-align:center;
	color:white;
	padding:10px;
	background-color:#0E3083;
	height: 150px;
}

.header-center {
    text-align:center;
}

/* bouton cutom (généré par : http://twitterbootstrap3buttons.w3masters.nl/) */
.btn-custom {
  background-color: #0E3083;
  border-color: #0E3083;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #0c286c;
  border-color: #091f55;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #0E3083;
  border-color: #0E3083;
}
/* btn-custom style ajouté à la main */
.btn-custom {
  color: white !important;
}

/* forms */

.obligatoire {
    font-weight:bold;
}
.obligatoire:before {
    color: #E3004F;
    content: "*";
    font-size: 18px;
    position: absolute;
    margin-left: -10px;
}

.btn-login {
    width:100%;
    height:34px;
    text-transform:uppercase;
    font-weight:bold;
}

input, .tab_selected, button, .form-control, .input-group-addon {
    border-radius:0 !important;
}

.checkbox, .radio {
    line-height:20px;
    padding:0;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left:0;
    cursor:pointer;
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled],
input[type=radio][disabled]+label, input[type=checkbox][disabled]+label {
    cursor: not-allowed;
}

.form-row {
    margin-bottom:5px;
}

.button {
	border: 1px solid #ccc
}

input[type="radio"] {
    position: absolute;
    cursor:pointer;
}
    input[type="radio"] + label {
        line-height: 20px;
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        cursor: pointer;
    }

td>input[type="radio"] {
    position:relative;
    margin:0;
}
    td>input[type="radio"] + label {
        padding-left:5px;
    }

*:not(.radio):not(td)>input[type="radio"] {
    margin-top: 11px;
}
    *:not(.radio):not(td)>input[type="radio"] + label {
        padding-top: 7px;
    }

/* assure la compatibilité des flexbox avec tous les navigateurs */
.flex-container {
    display:inline-flex;
    display:-webkit-flex;
}

/* ICI : tout ce qui est pas beau mais qui fix les problèmes d'affichage des formulaires non refaits */
.champ>input[type='text'], .champ>textarea,
.champ_no_width>input[type='text'], .champ_no_width>textarea {
    width: 100% !important;
    max-width:300px
}

td+td.champ>input[type="checkbox"]:first-child, td+td.champ>input[type="radio"]:first-child {
    margin-top: 10px;
}

button, input, select, textarea {
    line-height: initial;
}

.pagination table {
    width:initial;
}
/* Fin de la mocheté*/

/* mise en page */

.titre-page {
    font-size: 1.5em;
}

.titre {
    font-size: 1.5em;
    border-bottom: 1px #eee solid;
    margin-bottom: 15px;
    margin-top: 5px;
}

.titre2 {
    font-size: 14px;
}

.section {
    border-bottom: solid 1px #E3004F;
    padding-left: 10px;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
}

td.collapsable_panel_visible {
    border-bottom: solid 1px #E3004F;
    padding:0 10px;
}

/* modal */

.modal {
    color:#525252;
}

.modal {
    color:#525252;
}

.modal a, .modal a:link, .modal a:visited {
    color: #E3004F;
}
.modal a:hover {
    color: #ffbdd4;
}

/* chargement */

.load-container {
    background-color:rgba(255, 255, 255, 0.5);
    text-align:center;
    position:fixed;
    z-index:500005;
    top:0;
    left:0;
    right:0;
    bottom:0
}

.load-text {
    position:absolute;
    top:40%;
    left:0;
    right:0
}
    .load-text p {
        font-size:1.5em;
        margin:0;
    }

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
.load-icon{
    font-size:4em;
    color:#0E3083;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

._gauge svg {
    display: inline !important;
}

._gauge {
    font-size: 11px;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana, sans-serif;
    font-weight: bold;
    color: #E3004F;
    cursor: default;
}

.panel-default .panel-title:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings', sans-serif; /* essential for enabling glyphicon */
    content: "\e260"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
}
.panel-default .collapsed .panel-title:after {
    content: "\e259";    /* adjust as needed, taken from bootstrap.css */
}

.label-extraction {
    font-size: 14px;
    text-align: right;
}

.login_panel {
    border-radius: 17px;
    background-color: rgba(255, 255, 255, 0.95);
    margin-top: 70px;
}

.btn-login-custom {
    border-radius: 15px !important;
}

.presentationFormLogin {
     text-align: center !important;
     margin-top: 15px;
}

.formControlLogin {
    border-radius: 15px !important;
}

.header_new {
    text-align: center;
    height: 100px;
    color: #0E3083;
    padding: 0;
    font-family: 'Lato', sans-serif;
    padding-top: 27px;
    font-size: 28px;
    font-weight: 300;
}

.photo {
	max-height: 300px;
}

.miniatureProduit {
    Height:45px 
} 

.grosradio input[type='radio']:focus{
  outline:none;
}
.grosradio input[type='radio']{
  -webkit-appearance:button;
  -moz-appearance:button;
  border:1px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width:18px;
  height:18px;
  border-radius:50% !important;
  margin-top: 4px !important;
}
.grosradio input[type='radio']:checked{
  border:2px solid #0E3083;
  background-color:#0099DC;
}
.grosradio input[type='radio']:hover{
  border:2px solid #0E3083;
}
.grosradio label {
    margin-left:4px;
}

.groscheckbox input[type='checkbox']:focus{
  outline:none;
}
.groscheckbox input[type='checkbox']{
  -webkit-appearance:button;
  -moz-appearance:button;
  border:1px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width:18px;
  height:18px;
  border-radius:20% !important;
  cursor: pointer;
}
.groscheckbox input[type='checkbox']:checked{
  border:2px solid #0E3083;
  background-color:#0099DC;
}
.groscheckbox input[type='checkbox']:hover{
  border:2px solid #0E3083;
}
.groscheckbox label {
    margin-bottom:4px;
    margin-left:4px;
    cursor: pointer;
}

.titreCharte {  
    font-size: 17px;
}

@media (min-width: 768px) {
    .form-inline > * {
        vertical-align: inherit;
    }
}

.dhx_cal_select_menu .dhx_event_move.dhx_title {
    display: none !important;
}
.dhx_cal_select_menu .dhx_body {
    border-radius: 4px !important;
}

.intrassoc-footer-default {
    position: -webkit-sticky;
    position: sticky;
    top: 100%;
    background-color: white;
    border-top: 1px solid #EDF1F5;
    text-align: center;
    padding: 15px;
}

.password-wrapper {
    position: relative;
    width: 100%;
}

.formControlLogin {
    width: 100%;
    padding-right: 40px;
    box-sizing: border-box;
}

.btn-toggle-password {
    position: absolute;
    top: 42%;
    right: 22px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 6px);
}

.btn-toggle-password i {
    font-size: 18px;
    line-height: 1;
}

.btn-toggle-password:focus {
    outline: none;
}

.security-message {
    margin: 15px 0 25px 0;
    padding: 15px 20px;
    border-left: 5px solid;
    font-size: 14px;
    line-height: 1.5;
}

.security-message-warning {
    border-left-color: #f0ad4e;
    background-color: #fff8e5;
    color: #333;
}

.security-message-warning strong {
    color: #b36b00;
}

.security-message-info {
    border-left-color: #1f4fa3; /* bleu institutionnel */
    background-color: #f2f6ff; /* bleu très clair */
}

.security-message-info strong {
    color: #1f4fa3;
}