﻿


h3 {
     font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    width: 100%;
	padding: 15px;
	font-size: 18px;
	margin-bottom: 30px;
    color:#F78F1E;
    /* text-shadow: .5px 1px 2px #333;*/
}
.mob_nly {
    display:none;
}

.height-fixer {
    min-height :1200px;
}

.btn-purple {
    background-color:purple;border:1px solid purple; color:#fff!important;
}
/*********** INDEX PAGE ****************/

.div-titre-fraud span {
    font-weight:bold;
    color:#ff6a00;
    font-size :22px; 
}

.div-titre-fraud {
    padding-bottom:initial; 
}

.fraud-contener {
    margin-top:20px;
    
    padding :10px;
    
}

.td-back-acc a {
    width:100%;text-align:left;border-radius:initial;
    font-weight :600;
        opacity :1;
        background-color:#1FB25A;
}

/******* col list fraudeurs */

.col-list-fraud {
    background-color:#fff;
   padding-top:10px;
   padding-right:initial;
    border:1px solid #ff6a00;
    background-color:#fff;
    border-radius:4px;
    height :1200px;
  overflow-x:hidden;
  overflow-y:auto;
}



    .col-list-fraud span {
         font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    font-size:12px;
    color:#333;
    text-shadow: 0px 0px .3px #333;
    float:left;
    text-align:left;
    padding:1px;
    border-bottom:1px dotted  #fff;
    padding-left:0;
    }

        .col-list-fraud span i {
            text-shadow:none;
        }



        /********les images à gauche*/

.fraud-tab {
    margin-top:5%;
    border:none;
}
    .fraud-tab tr,.fraud-tab tr td,.fraud-tab tr th {
        border:none !important;
        cursor :pointer;
    }
    

        .actif {
            background-color:#ff6a00!important;
            color :#ffffff;
        }

            .actif:after {
                content:'';
              position:absolute ;
                left:95.9%;
              margin-top:0%;
                border-left:0;
                border-bottom:26px solid transparent;
                border-top:28px solid transparent;
                border-left:14px solid #ff6a00;
            }

.col-img {
    height:52px;
}

.col-img img {
    width:100%;
    height:100%;
    border-radius:100%;
}
.col-name {
    padding-top:15px!important;
  font-family:Helvetica, Arial, sans-serif;
  font-size:.8em;
  font-weight:600;
}

/*******search button */
 #F_searchs_q {
        height:32px;
        width:87%;
        padding :8px; 
    }
    #btn_search_F {
        height:32px;
        border-top-left-radius:initial;
        border-bottom-left-radius:initial;
        font-size:15px;
        border-left:none;
        margin-bottom:2px;
    }

      #F_searchs_q:focus,
      #coments_Text:focus {
  
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/************ Div infos au centre*/
.col-info-fraud-center {
    border:1px solid #ff6a00;
    border-radius:3px;
    padding:10px;
    height :1200px;
    
    background-color:#fff;
    
}

.div-search-error h2 {
    margin-top:20%;
    color:#f00;
    font-size:20px;
    font-weight:bold;
}

    .div-search-error h2 i {
        padding-right:5px;
        color :#333;
    }

.col-info-fraud {
  /*  border-left:1px solid #ff6a00;           #fed3b2 */
   
}
.col-info-fraud span{
     font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#ff6a00;
    text-shadow: 0px 0px 1px #ff6a00;
    
    text-align:center;
    padding:10px;
   /* border-bottom:1px dotted  #fff;*/
    padding-left:0;
}
 .col-info-fraud span i {
        text-shadow:none;
    }

.col-photo-fraud {
    height:280px;
    padding:initial;
    padding-top:10px;
    border-radius:3px;
    
}
.col-photo-fraud img {
    width:100%;
    height:100%;
    border-radius:3px;
}

.div-first-info {
    padding-top:20px;
}

/******* Libellé des infos*/
 .col-infs {
padding-bottom:14px;
font-size: small;
}

.col-infs b {
    font-size: .9em;
}

    .col-infs .col-md-4 {
        font-size:.888em;
        text-align:right  ;
        font-style:italic;
        font-weight:600;
        color:#444;
    }

    .col-infs .col-md-8 {
        text-align:left   ;
    }

        .col-infs .col-md-8 b {
            text-transform:uppercase ;
            color :#053e51;
            font-family:Calibri ;
            font-size-adjust:inherit;
        }


/*********** Div buttons à droit*/
.col-index-btn-option {
    padding-top:initial!important;
    border:1px solid #ff6a00;
    background-color:#fafafa;
    border-radius:4px;
    height:700px;
}


/****************** SAISIE DES FRAUDEURS *********/




.saisi-fraud-bg-contener {
    padding :20px;
    margin-top:0 !important;
    margin-bottom :0 !important;
   border :1px solid #fbc89d;
   background-color:#fbc89d;
}



/************ Div options à droite */
.col-option-fraud {
    
}
.col-option-fraud span {
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#333;
    text-shadow: 0px 0px 1px #333;
    
    text-align:center;
    padding:10px;
    
    padding-left:0;
}

    .col-option-fraud span i {
        text-shadow:none;
    }
   

.option-tab tr, .option-tab tr td, .option-tab tr th, .option-tab {
    border:none !important;
}

.option-tab {
    margin-top:5%;
    border:none;
}

    .option-tab tr td button,
    .fraud-option-tab tr td a,
    .fr-index-option-tab tr td a {
        width:100%;
        background-color:#ff6a00;
        font-weight:bold;
        color :#fff;
        border-radius:1px;
        border :1px solid #ff6a00;
        text-align:left;
    }
        .option-tab tr td button:hover,
        .fraud-option-tab tr td a:hover,
        .fr-index-option-tab tr td a:hover {
            background-color:#f84805;
            border:1px solid #f84805;
        }
        .option-tab tr td button i,
        .fraud-option-tab tr td a i,
        .fr-index-option-tab tr td a i {
            padding-right:5px;
        }

.col-renseign-fraud {
    border:1px solid #ff6a00;
    background-color:#fff;
    border-radius:3px;
    padding-bottom:20px;
    padding-top:20px;
    
}

    .col-renseign-fraud span {
        font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#333;
    text-shadow: 0px 0px 1px #333;
    float :left;
    text-align:left;
    padding-bottom:10px;
    padding-left:0;

    }

    /********cadre de la photo*/

.photo-group {
    padding:initial;
    
    border-radius:4px;
}

.col-photo-1 {
    height:260px;
    padding :initial;
}

    .col-photo-1 img {
        height:100%;
        width:100%;
        border-radius:1px;
    }

.photo-btn-group {
    padding:10px;
}

    .photo-btn-group button {
        font-size:.7em;
        font-weight:bold;
        border-radius:1px;
        padding:5px;
         background-color:#ff6a00;
        border:1px solid #ff6a00;
    }

  
    .photo-btn-group .btn-remove {
        
    }

    /******* les infos sur le fraudeur ** Zones de text */

    
.col-F-princ-group {
    padding:5px;
    padding-bottom:5px;
    border-bottom:1px solid #ddd!important;
    margin-bottom:1%;
    background-color:#fff!important;
    
    border-radius:1px;
}

.col-pictur-princp-F {
    padding-right:initial;
    
}
.col-pictur-princp-F img {
    height:60px;
    width:60px;
    border-radius:100%;
    float:right;
}

.col-F-nams {
    padding-top:15px;
}

    .col-F-nams small {
        font-weight:bold;
        font-family :inherit;
        color:#333;
        font-style:italic;
        float:left;
        font-size :18px;
    }


    /***************************/




.col-renseign-fraud-2 {
    border :none;
    padding-left:30px;
}
.fraud-input-group {
    padding:2px;
}

    .fraud-input-group .form-group label {
        float:left;
        text-align:left;
        font-size:.8em;
        font-weight:bold;
        color :#09391e;
        font-style :italic;
    }

    .fraud-input-group .form-group .form-control {
        border-radius:initial;
        font-weight:700;/*1FB25A*/
        color :#fff;
        box-shadow:none;
        border :1px solid #1FB25A;
        background-color:#1FB25A;
        -webkit-appearance :none;
       -moz-appearance:none;
      
    }
   .fraud-input-group .form-group .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          background-color:#fff;
          color :#ff6a00;
}

    .fraud-input-group .form-group select {
        padding-left:initial;
    }

    /***********button group / buuton enregistrer fraudeur *********/

.fraud-btn-group {
    margin-top:1%;
    padding:30px;
   
}
#bt_save_faudeur {

}

    .fraud-btn-group button {
        background-color:#ff6a00;
        border:1px solid #ff6a00;
        padding:7px;
        border-radius:initial;
    }

.success-dialog {
    background-color:#fff!important;
    border :1px solid #ff6a00;
}

    .success-dialog h5 {
        color:#fff;
    }

.btn-ferm-succes {
    background-color:#ff6a00!important;
    border:1px solid #ff6a00!important;
    color:#fff;
    font-weight:bold;
    font-size:.9em;
}

    /********** Onglet ajout photos ********/

.coment-group {
    padding:10px;
}
#comentText {
    padding:10px;
    width:100%;
    text-align:left;
    vertical-align :middle;
    border :none;
   padding-top:initial;
   font-weight:500;
}
/** image d'origine avatar*/
.custom-img-orgns {
    width:140px;
    height:140px;
}

/*******les miniatures*/

.col-img-contener {
    
    padding:initial;
    display :inline-table;
    padding :5px;
}
.col-img-file {
    height:130px;
}

.col-img-file img{
    height:100%;
    width:100%;
}

.col-remove {
    padding:initial!important;
    text-align:center;
    width:100%;
    margin:0 auto;
    display:none;
}
.col-remove button{
    margin-bottom:2px;
    font-size:.6em;
    border-radius:7px;
    background-color:#ff6a00;
    border :none;
    cursor :pointer;
    font-weight:bold;
    
}

#div_sh_preview {
    background-color: #fff;
    z-index :20;

}
   

/********Info text*/
.col-info-upl-chrg strong {
    font-size:.8em;
}
.col-info-upl-chrg i {
    font-weight:bold;
    color:#ff6a00;
    font-size :13px;
}

/******error text **/

.masqued {
    visibility :hidden;
}
.col-upl-error b {
    color :#f00;
    font-weight :bold;
    font-size :.8em;
    text-align:left;
}

.col-upl-error i {
    color:#333;
}



@media only screen and (max-width: 850px) {

    .actif {
        display:none;
    }

    .col-list-fraud, .col-info-fraud-center, .col-index-btn-option {
        height:auto!important;
        padding:initial !important;
    }

    .col-list-fraud {
        background-color:#fff;
        margin:0 auto ;padding:0;
        border:none;
        width:98%;
    }
}