/* FONT AweSome */

@import "fontawesome/css/fontawesome.css";
@import "fontawesome/css/solid.css";
@import "fontawesome/css/brands.css";
@import "fontawesome/css/regular.css";



/* FONTS Open Sans*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('open-sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('open-sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('open-sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('open-sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('open-sans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('open-sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.fond_degueu {
    margin-bottom: 0;
    padding-bottom: 120px;
    /*background-image: url(../img/redac/back-main.jpg);*/
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.fond_degueu section.list table {
    background: #fff;
}
.fond_degueu section.list table.pager {
    background: transparent;
    color: #fff;
}

.fond_degueu section.list table.pager input[type=submit] {
    border: 0;
    background: transparent;
    color: #545967;
    padding: 1px 6px;
}

.bg-light {
    background-color: #545967!important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 70%;
    padding-top: 65px;
    /*margin-bottom: 120px;*/
}

.h1, h1 {
    font-size: 2rem;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}

.h4, h4 {
    margin-bottom: 0;
}

/*h1 {
    background: rgba(249,191,107, 0.2);
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    
}*/

h1.h1Dossiers {
    color: #212529;
    text-align: left;
    padding: 0;
    background: transparent;
}

.h2, h2 {
    font-size: 1.3rem;
    letter-spacing: 0.02em;
}

.flexParent {
    display: flex;
}

.flexChild {
    margin: auto;
}

.buttons {
    border-top: solid 1px rgba(249,191,107,1);
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.buttons2 {
    
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.logoCenter {
    text-align: center;
}



/* THEMING GENERAL */

legend {
    background: rgba(249,191,107,1);
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2rem;
}
legend:before {
    font-family: sans-serif;
    content: "o";
    font-weight: 600;
    font-size: 18px;
    margin-right: 20px;
    vertical-align: top;
}

legend:after {
    font-family: sans-serif;
    content: "o";
    font-weight: 600;
    font-size: 18px;
    margin-left: 20px;
    vertical-align: top;
}



.red {
    color: #f00;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.field {
    text-align: center;
}

.field label {
    text-align: center;
    padding: 5px;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 0;
    margin-bottom: 2px;
    font-weight: bold;
}
.field input {
    text-align: center;
    background: rgba(87,189,188,0.3);
    padding: 5px;
    width: 100%;
}
fieldset {
    margin-bottom: 40px;
    margin-top: 15px;
}

.field span {
    padding: 5px;
    margin-bottom: .5rem;
    display: inline-block;
    width: 100%;
}

form.tabs input {
    margin: 5px;
}

/* HEADER PAGE DE CONNEXION */

.brand-head {
    position: fixed;
    top: 0px;
    left: 0px;
    background: url(../img/redac/bg-logo.png);
    height: 200px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.brand-head a {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin-top: 15px;
    margin-left: 0px;
}

.brand-head a img {
    width: 80px;
}


/* NAVBAR */
.navbar-brand img {
    width: 100px;
    height: auto;
}

.dropdown-menu {
    font-size: 90%;
    margin: .125rem 0px 0 -25px;
}
/* FOOTER */

footer .pied_de_page {
    position: relative;
    color: #000;
    margin: 0px;
    font-size: 0.7rem;
    bottom: 0;
    right: 65px;
    left: 0;
    width: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 21%, rgba(232,165,69,0) 70%);
}

footer img {
    /*position: fixed;*/
    bottom: 15px;
    right: 15px;
    width: 50px;
    height: auto;
    z-index: 999;
}

footer p {
    margin-top: 1rem;
}


/* INPUT */
/*
input[type=text], input[type=password] {
    border: 0;
}

input[type=text], input[type=password] {
    border-radius: 7px;
    box-shadow: none;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}*/

input[type=text], input[type=password] {
    border: 0;
}

input[type=text], input[type=password] {
    border-radius: 3px;
    box-shadow: none;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.inputLogin {
    height: 35px;
    padding: 0px;
    margin: 5px 0;
}

/* BOUTONS */

button {
    background: transparent;
    border: 0;
    font: unset;
}

.btnsEnteteTableau {
    text-align: center;
    margin-top: 10px;
    border-top: solid 1px #fff;
    padding-top: 15px;
    
}

.list .list-actions button {
    font-size: 20px;
}

.btn {
    font-size: 100%;
}

.btn1 {
    background: rgb(249,191,107);
    color: #fff;
}

.btn1:hover, .btn1:focus {
    background: rgba(249,191,107, 0.8);
    color: #fff;
}

.btn.btn-blue {
    background-color: #fff;
    border-color: #fff;
    color: #f9bf6b;
}

.btn.btn-blue:hover, .btn.btn-blue:focus {
    background-color: #eee;
    border-color: #eee;
    color: #e49e38;
}

.btns2 .inline-block {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.btnPlus, .btnPlus1 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 1;
    margin-right: 5px;
}
.red {
    color: #df1919;
}

.red.center {
    
    background: #fff;
}

.whiteRd {
    color: #fff;
    border: 2px solid #fff;
    padding: 5px;
    border-radius: 25px;
    font-size: 60%;
}


/* PLACEHOLDER */

::-webkit-input-placeholder { /* Edge */
  color: #fff;
    background: none;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
    background: none;
}

::placeholder {
  color: #fff;
    background: none;
}


/* PAGE LOGIN */

#main-login .flexChild {
    z-index: 9;
}

#main-login {
    height: calc( 100vh - 150px);
    color: white;
    background: rgb(87,189,188);
    background: radial-gradient(circle, rgba(87,189,188,1) 56%, rgba(76,166,165,1) 100%);
    text-align: center;
    margin-top: -65px;
    margin-left: -15px;
    margin-right: -15px;
}

#main-login .field {
    margin-bottom: 5px;
    margin-top: 5px;
}

#main-login input[type=text], #main-login input[type=password]{
    color: #fff;
    background: #f5d5a7;
}

#main-login form input {
    width: 160px;
}

#main-login .btn {
    width: 160px;
    border-radius: 9px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 40px;
}

.inputLogin {
  height: 40px;
  padding: 0px;
  margin: 5px 0;
  font-family: 'Open Sans', 'Font Awesome 5 Free', sans-serif;
}

#main-login h2 {
    margin-bottom: 15px;
}

#main-login input[type=text], #main-login input[type=password] {
    background-color: #f5d5a7;
}




/* NAVIGATION */

/*nav {
    width: 100%;
    font-size: 0.8rem;
}

.bg-lideo {
    background: rgb(249,191,107);
}

.dropdown-item {
    font-size: 0.8rem;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}*/

/* ----------------------------------- */


/* GENERAL */
/*
.main-container main {
    width: 100%;
    z-index: 1;
}*/

/* ------ FILTRES */
/*
.filtres {
    margin-top: 50px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    background: #fafafa;
}

.filtres .field {
    margin-top: 2px;
    margin-bottom: 2px;
}*/


/* -------- TABLEAUX */

/* entete tableau */

header {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #6cc6c5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.enteteTableau .field {
    margin-bottom: .3rem;
}
.enteteTableau {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
.enteteTableau h1 {
    margin-bottom: .5rem;
}


table {
    width: 100%;
}







table thead tr {
    background: rgb(87,189,188);
    text-align: center;
    color: #fff;
}

table thead th {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
/*
table thead tr:hover {
    background: rgba(249,191,107, 1);
}*/

table tbody tr:nth-child(2n) {
    background: #fafafa;
}
/*
table tr:hover {
    background: rgba(249,191,107, 0.2);  
}*/

table td {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    padding: 5px;
    text-align: center;
}

.table1 {
    width: auto;
    margin: auto;
    text-align: center;
    border: 0;
}

.noStyle table{
    width: auto;
    margin: auto;
    text-align: center;
    border: 0;
}
.table1 td, .table1 th {
    border: 0;
}


/*
table.noStyle tr:hover {
    background: transparent;  
}*/

table.noStyle tr:nth-child(2n) {
    background: transparent;
}


/* PAGER */
.pagerDiv {
    margin-top: 30px;
}

.pager input[type=submit] {
    border: 0;
    background: transparent;
/*  color: #f9bf6b; */
    color: #000;
    padding: 1px 6px;
}

table.pager tr:hover {
    background: transparent;
}
table.pager td {
    border-left: 0;
    border-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    display: inline-block;
}
table.pager {
    width: auto;
    margin: auto;
}

.pagerLabel {
    font-size: 80%;
/*  color: #999; */
    color: #000;
}

.table2 td{
    width: 50%;
    border: 0;
}

.table2 .col1 {
    text-align: right;
    font-weight: bold;
}

.table2 .col2 {
    text-align: left;
}
/*
table.table2 tr:hover, table.table3 tr:hover {
    background: rgba(249,191,107, 0.1);
}*/

table.table2 tr:nth-child(2n) {
    background: transparent;
}


section.list>table>tbody>tr>td:before, section.list>table>thead>tr>td:before {
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
}

section.list>table>tbody>tr>td {
    border: 0;
    display: block;
}

section.list>table>thead {
    display: none;
}

section.list>table>tbody>tr>td.list-actions {
    display: inline-block;
    border: 0;
    padding: 15px;
    width: auto;
}

section.list>table>tbody>tr {
    display: block;
    padding-top: 15px;
    text-align: center;
}
section.list>table>tbody>tr>form {
    display: none;
}
input.btn1 {
    background: rgb(87,189,188);
    color: #fff;
}
table input[type=text] {
    background: rgba(249,191,107, 0.3);
    margin: 2px;
}

table.noStyle td {
    border: 0;
}
table.noStyle input[type=text], table.noStyle input[type=password] {
    background: rgba(249,191,107, 0.3);
    margin: 2px;
}
select {
    margin: 2px;
}

.aide ul, .aide li {
    list-style: none;
    padding: 0;
    text-align: center;
    max-width: 800px;
    margin: auto;
}

.aide h3 {
    text-align: center;
    max-width: 500px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.aide a {
    color: rgba(249,191,107, 1);
}
.aide a:hover {
    text-decoration: underline;
}

.table2 td.col5 {
   width: 30%;
    text-align: right;
}

.table2 td.col6 {
    width: 100%;
    text-align: left;
}
.table2 td.col6 textarea {
    width: 100%;
}

.btns2.center {
    border-top: solid 1px rgba(249,191,107, 1);
}

.col7 {
    text-align: right;
    white-space: nowrap;
}
.table2 td.col7 {
    width: 180px;
}

.col8 {
    text-align: left;
}

.col9 {
    width: 30%; 
}

.col10 {
    width: 200px; 
}

.col11 {
    width: 200px; 
}
.col12 {
    width: 50%;
}
.col13 {
    width: 100%;
}

.col14 {
    width: 25%;
}

.maxField1 td {
    max-width: 200px;
}

.tableMax, .tableMax tbody {
    max-width: 1000px;
    margin: auto;
    margin-top: 20px;
}

.espace thead {
    
    margin-bottom: 20px;
}

.inline-block {
    display: inline-block;
    margin: 5px;
}

div.div_thomas2 {
    position: relative;
    overflow: auto;
    margin: auto;
}
.div_thomas2 table.noStyle {
    overflow-x: auto;
    margin-top: 30px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.div_thomas2 .noStyle th {
    background: rgb(249,191,107);
}

.enregistrer1 {
    text-align: center;
    margin-top: 30px;
}

/*.tabObjet table.noStyle thead tr {
    background: transparent;
}*/

.choices {
    text-align: center;
}

.choices ul, .choices li {
    list-style: none;
    padding: 0;
}

.choices li {
    display: inline-block;
}

.choices .btn-square {
    margin: 15px;
    vertical-align: middle;
    white-space: normal;
    width: 160px;
    height: 160px;
    text-align: center;
    font-size: 100%;
    text-transform: uppercase;
}

form > input.btn1 {
    margin: 5px;
}


table.noStyle.inputMar input[type=text] {
     margin: 5px; 
}


input.btn.btn1.active {
    background: #eea132;
}

.infos-red-thomas {
    color: #f00;
    text-align: center;
}


/* PHOTO */

.thomas_photos table.tableau_propre td {
    border:0;
    padding: 10px;
    text-align: center;
    display: inline-block;
}

.thomas_photos table.tableau_propre {
    text-align: center;
}


#hideMe {
    color: #F00;
    margin-bottom: 15px;
    position: absolute;
    top: 0;
    width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.inline-block-thomas-1 {
    display: inline-block;
    margin: 5px;
}

.div_photo_media {
    border: 2px solid #ccc;
    border-radius: 4px; 
    position:fixed; 
    top:10%; 
    left:10%; 
    overflow-x: hidden;
    overflow-y:auto; 
    width:80%;
    height: 80%;
    min-height:400px; 
    background-color:white;
    padding: 10px;
    padding-top: 60px;
}

.block-thomas-1 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgb(249,191,107);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.block-thomas-1 button {
    color: #fff;
}

.btnclose1-thomas {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #F00;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

.btnMar {
    margin: 5px;
}


.pied_de_page > p, .pied_de_page > img {
    display: inline-block;
}

footer .pied_de_page {
    text-align: center;
}



@media (min-width: 576px) { 

        legend {
            
            text-align: center;
        }

        .field label {
            width: 50%;
            text-align: right;
            
            vertical-align: top;
            padding:5px;
            margin-bottom: .5rem;
        }
        .field input {
            width: auto;
            text-align: left;
            vertical-align: middle;
            
        }
        .field {
            text-align: unset;
        }
    
     .field textarea {
        width: auto;
        max-width: 50%;
        min-width: 10%;
        vertical-align: top;
    }
    
    .field span {
        width: auto;
        max-width: 30%;
        min-width: 10%;
        vertical-align: top;
    }
        
        .enteteTableau .field label {
            width: auto;
            text-align: left;
        }
    .col3 {
        width: 150px;
    }
    
    #main-login {
        height: calc( 100vh - 140px);
    }
}


@media (min-width: 768px) { 

   
    
}


@media (min-width: 992px) { 

  .colRight {
        text-align: right;
    }
    section.list>table>tbody>tr {
        display: table-row;
        padding-top: 0;
    }
    
    section.list>table>tbody>tr>td:before, section.list>table>thead>tr>td:before {
        content: unset;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    section.list>table>tbody>tr>td, section.list>table>tbody>tr>td.list-actions {
        display: table-cell;
        border: unset;
        padding: 5px;
    }
    section.list>table>thead {
        display: table-header-group;
    }
   
    footer img {
        float: right;
    }
    
    footer .pied_de_page {
        text-align: left;
    }
    
     #main-login {
        height: calc( 100vh - 70px);
    }
    
    
}


@media (min-width: 1200px) { 

      .brand-head {
        height: 300px;
        width: 300px;
    }

    .brand-head a {
        margin-top: 30px;
        margin-left: 10px;
    }

    .brand-head a img {
        width: 100px;
    }
    
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    
    

    .filtres {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0;
        padding: 50px;
    }

    .filtrePrimaire {
        flex-direction: row;
        -ms-flex-direction: row;

    }

    .filtreSecondaire {
        flex-direction: row;
        -ms-flex-direction: row;
        text-align: right;

    }
    
    body {
        font-size: 80%;
    }
    
    .btn {
        font-size: 110%;
    }
    
    
}

@media (min-width: 1600px) { 
    
    body {
        font-size: 90%;
    }
    .btn {
        font-size: 115%;
    }
    
}

@media (min-width: 1800px) { 
    
    body {
        font-size: 100%;
    }
    .btn {
        font-size: 120%;
    }
    
    .main-container main {
        padding-left: 130px;
        padding-right: 130px;
        padding-bottom: 90px;
    }
    /*section.list {
        margin-left: -130px;
        margin-right: -130px;
        padding-left: 130px;
        padding-right: 130px;
        height: calc(100vh - 500px);
    }*/
}

@media (min-height: 600px) { 

    footer .pied_de_page {
        /*position: fixed;*/
        z-index: 999;
    }
    
}