/*****************************************************************************/
/******************     GRANDS ECRANS  ***************************************/
/*****************************************************************************/

.text-failed {color:red;}
.row {
            text-align: left;}
    @media (min-width: 977px) {
        .select {
            display: none;
            text-align: left;
            width:60%;
        }
        .nav_search {
            text-align: right;
            width:100%;
            display: none;
        }
        .colonne1 {
            display: inline-block;
            width:40%;
        }
        .colonne2 {
            display: inline-block;
            width:20%;
        }
        .colonne3 {
            display: inline-block;
            width:15%;
        }
        .colonne4 {
            display: inline-block;
            width:20%;
        }
        .left3 {
            width:85%;
        }
        .file_desc {
            width:100%;
            padding: 10px;
            background: #FAFAFA;
            margin-right: 1%;
            margin-top:20px;
           border:1px solid #F2F1F8;}
        .file_desc2 {
            width:49%;
            display: inline-block;
            padding: 10px;
            background: #FAFAFA;
            margin-right: 1%;
            margin-top:20px;
           border:1px solid #F2F1F8;}
        .file_desc3 {
            width:48%;
            display: inline-block;
            padding: 10px;
            margin-left: 1%;
            margin-top:20px;
            background: #FAFAFA;
           border:1px solid #F2F1F8;}
        .forpc {
            font-size:0.7em;
            color:green;
        }
        .file_img {
           width:100%;
           height: 200px;
           border:1px solid #F2F1F8;
           background-color: white;
        }
        .file_img2 {
           width:350px;
           height: 450px;
           border:1px solid #F2F1F8;
           background-color: white;
        }
        .file_photo {
            width: 40%;
            display: inline-block;
        }
        .file_photo img {
            background: #FAFAFA;
            width:100%;
            border:2px solid #EEE;
            padding: 10px;
            margin-bottom: 10px;
        }
        .file_info2 {
            width: 100%;
            background: #FAFAFA;
            display: inline-block;
            border:2px solid #EEE;
            padding: 10px;
            margin-bottom: 5px;
        }
        .file_info {
            width: 59%;
            background: #FAFAFA;
            margin-left: 10px;
            display: inline-block;
            border:2px solid #EEE;
            padding: 10px;
        }
        .file_download {
            background: #FAFAFA;
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
        .left {
            display: inline-block;
            width:5%;
        }
        .middle {
            display: inline-block;
            width:30%;
        }
        .right {
            display: inline-block;
            width:60%;
        }
        .coms_right {
            width:49%;
            display: inline-block;
            text-align:right;
        }
        .coms_left {
            width:50%;
            display: inline-block;
            text-align:left;
        }
        a.h5 {
          font-size: 0.95em;
          color:#FF6600;
        }
        .img_cmr {
            width:50%;
        }
    }
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/******************     PETITS ECRANS  ***************************************/
/*****************************************************************************/
    @media (max-width: 976px) {
        .select {
            display: inline-block;
            text-align: left;
            width:100%;
        }
        .nav_search {
            display: inline-block;
            text-align: right;
            width:100%;
            margin-top:10px;
        }
        .colonne1 {
            display: inline-block;
            width:60%;
        }
        .colonne2 {
            display: inline-block;
            width:15%;
        }
        .colonne3 {
            display: inline-block;
            width:20%;
        }
        .colonne4 {
            display:none;
        }
        .file_info2 {
            width: 100%;
            background: #FAFAFA;
            display: inline-block;
            border:2px solid #EEE;
            padding: 10px;
            margin-bottom: 5px;
        }
    .left3 {width:85%;display:inline-block;}
        .forpc {
            display: none;
        }
        .file_img {
           width:100%;
           border:1px solid #F2F1F8;
           background-color: white;
        }
        .file_photo {
            width: 100%;

        }
        .file_photo img {
            width:100%;
            border:2px solid #EEE;
            padding: 10px;
            margin-bottom: 10px;
        }
        .file_info {
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
        .file_download {
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
        .left {
            display: inline-block;
            width:8%;
        }
        .middle {
            display: inline-block;
            width:40%;
        }
        .right {
            display: inline-block;
            width:47%;
        }
        .coms_right {
            width:100%;
            text-align:left;
        }
        .coms_left {
            width:100%;
            text-align:left;
        }
        .coms_middle {
            width:100%;
            text-align:left;
        }
        a.h5 {
          font-size: 0.95em;
          color:#FF6600;
        }
        .img_cmr {
            width:100%;
        }
        .file_desc {
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
        .file_desc2 {
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
        .file_desc3 {
            width: 100%;
            margin-top: 30px;
            border:2px solid #EEE;
            padding: 10px;
        }
    }
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
        .nav_files {
            text-align: left;
            width:100%;
        }
        .coms {
            width:100%;
            margin-bottom:20px;
            background:#F9F9F9;
            border:1px dotted #CCC;
            padding:30px;
        }
        .file_notes {
            width: 100%;
            border:2px solid #CCC;
            padding: 10px;
        }
        .file_moderation {
            width: 100%;
            margin-bottom: 30px;
            border:2px solid #EEE;
            padding: 10px;
            color:white;
            background:#FFAEAE;
            display: inline-block;
        }
        
.btn-error {
  color: #fff;
  background-color: #A62828;
  border-color: #A62828;
}
        .lien {
            width: 100%
        }
        .bg-similaires {
            background-color: #FFE4D2;
        }
        input[type=submit].form-control {
            background-color:#FFE4D2;
        }
        input[type=submit].form-control:hover {
            background-color:#EEE;
        } 

            .validate {
        width: 100%;
        border:1px solid #CCC;
        border-radius: 5px;
        background: green; 
        padding:10px;
        margin-bottom: 20px;
        text-align: center;
        color:white;
    }
    
    .erreur{
        width: 100%;
        border:1px solid #CCC;
        border-radius: 5px;
        background: #FFB0B0; 
        padding:10px;
        margin-bottom: 20px;
        text-align: center;
        color:white;
    }