.li_commande{
   text-align: center;
   float: left;
   padding: 8px;
   border: solid 1px #CCC;
   width: 270px;
   box-shadow: 5px 5px 8px #333;
   margin:5px;
}
.li_code_promo{margin-left:25px;}

                              /************************/
                              /*        Login         */
                              /************************/
#login{
   margin:auto;
   
   position:relative;
   width:600px;
   
   
   
  
   text-align:center;
  
}
#login .bloc_input{
   border:solid 1px #0a97ba;
   background: #f7f7f7;
   padding: 50px 10px;
   
   margin: 15px;
}
.bloc_recadre{position:relative;height:408px;width:280px;overflow:hidden;margin:auto;}
#login .bloc_input.bloc_forget .nform label{width: 60px;}
#login .bloc_input.bloc_forget .iform{display: inline-block;margin: 15px;background: #0a97ba;padding: 10px 30px;border: none;color: #fff;font-size: 17px;cursor: pointer;transition: .2s;border-radius: 0;box-shadow: none;}
#login .bloc_input.bloc_forget .iform:hover{background-color: #134E5D;}
#login .bloc_input a{color:#0a97ba;}
#login .bloc_input .btn_link{color:#fff;}
#login h1{margin: 60px 0px;}
#loginform{width:600px;}
#login .nform{margin:5px 20px;    display: flex;}
#login .nform label{
   display: inline-block;
  width:210px;
  text-align: left;
  
   
   color: #134E5D;
   font-weight: bold;
   padding-top: 8px;
   
   
   
   
   font-size: 15px;
   padding-right: 10px;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
  flex-grow: 1;
   padding-left: 10px;
   
   border: none;
   color: #000;
   font-size: 16px;
  
   
}
#login .iform{
   padding: 4px 10px;
   border-radius: 5px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   min-width: 135px;
   border: solid 1px #CCC;
   box-shadow: 5px 5px 8px #999;
   margin-bottom: 10px;
}

#bloc_menu_accueil .bloc_menu_accueil{display:flex;justify-content: center;}
.menu_accueil{display:inline-block;background:#F3F3F3;color: #134E5D;font-size: 24px;margin:20px;font-family: Oswald;width: 200px;text-align: center;padding: 10px 0;}
.menu_accueil.sel,.menu_accueil:hover{background:#134E5D;color:#fff}
#bloc_text h2{font-family:Raleway;color:#0a97ba;text-transform:uppercase;text-align: left;}
#bloc_text h2.tcenter{text-align:center}
.contain{padding:0 15px;max-width:1400px;margin:auto;}

#content_adresse .adresse{display:flex;align-items: center;}
#content_adresse .adresse .body_adresse{border:solid 1px #0a97ba;flex-grow:1;padding:20px;;margin: 20px 10px 20px 0;}
#content_adresse .adresse .body_adresse p{margin:3px 0;}
#content_adresse .adresse .foot_adresse{text-align:center;}
.del_addr{cursor:pointer}
.del_struc{cursor:pointer}
.coord .form-group .edit_mail:hover{cursor:pointer;}
#cache{
   display:none;
   position:fixed;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.8);
   z-index: 500;
}

.black-bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 110vw;
   height: 110vh;
   background-color: #000;
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   opacity: 0;
   pointer-events: none;
   z-index: 10;
 }
 
.black-bg.visible {
   opacity: 0.7;
   pointer-events: all;
}
 
.modal2 {
   position: fixed;
   top: 50%;
   left: 50%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   max-height: 500px;
   max-width: 500px;
   padding: 20px;
   border-radius: 10px;
   background-color: #FFF;
   transform: translate(-50%, -50%);
   transition: all 0.3s ease-in-out;
   opacity: 0;
   pointer-events: none;
   z-index: 11;
}
 
.modal2.visible {
   opacity: 1;
   pointer-events: all;
}

#cache.show{
   display:block;
} 
.shadowbox{
   display:none;
   background:#FFF;
   padding:8px;
   position:fixed;
   left:50%;
   top:50%;
   transform: translate(-50%, -50%);
   z-index: 501;
}

.shadowbox.show{
   display:block;
}
#form_adresse.shadowbox{
   width: 495px;
   padding: 20px;
   height: 465px;
   /*margin-left: -250px;
   margin-top: -190px;*/
}
#form_supp_adresse.shadowbox{
   padding: 20px;
   
}

#form_add_struc.shadowbox{
   width: 495px;
   padding: 20px;
}
#form_add_struc.shadowbox select{background-color: #F3F3F3;border: none;width: 100%;}
#edit_plongeur.shadowbox {
   width: 380px;
   padding: 20px;
   height: 320px;
}
.visuel_carte{width: 295px;margin: 0 auto;margin-top: 20px;}
.visuel_carte_legende{color: #888;font-style: italic;font-size: 14px;display: block;text-align: center;}
#add_plongeur.shadowbox {
   width: 380px;
   padding: 20px;
}
#add_plongeur.shadowbox input,#add_plongeur.shadowbox select{width: 100%;margin: 0; margin-top: 5px;}
#add_plongeur.shadowbox select{border: 1px solid #000;}
#edit_plongeur select,#edit_plongeur p{padding:0;width: 100%;}

 
#bloc_menu_accueil{margin-bottom: 30px;}
#line_renouv{display: none;}
.close_shadowbox{position:absolute;background:#134E5D;color:#fff;font-weight: bold;    top: 0;right: 0;width: 30px;text-align: center;height: 30px;line-height: 25px;font-size: 23px;}
.close_shadowbox:hover{cursor:pointer;background:#0a97ba}
#form_adresse .form-group{display:flex;}
#form_adresse .form-group label{width:150px;}
#form_adresse .form-group input{background:#F3F3F3}

#bloc_adhesion{border:solid 1px #0a97ba}
#bloc_adhesion p{color:#134E5D;font-weight:bold;}
#bloc_photo{border:solid 1px #0a97ba;padding: 20px;    display: flex;flex-direction: row-reverse;}
#bloc_photo .photoaction {display:flex;width: 60px;text-align:center;margin-top: 0px;margin-bottom: 20px;}
#bloc_qualif{border:solid 1px #0a97ba;padding: 20px;}
.inscription{display: flex;justify-content: center;flex-direction: column;}
.doc_inscription{display: flex;flex-direction: column;justify-content: space-around;justify-content: space-between;}
.bloc_diplome p{color:#134E5D;font-weight:bold;}
.bloc_diplome li{color:#134E5D;font-weight:bold;}
table.classic th {
   background-color: #fff;
   color: #000;
   padding: 5px 7px;
   font-size: 10pt;
   border-bottom: solid 2px #FFF;
   font-weight: bold;
   text-align: center;
}
.contain.bout_wrap{display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-start;margin-top: 30px;}
#content_form{margin-top:30px;}
#content_form .head_formulaire{display:flex;}
#content_form .head_formulaire .onglet{flex-grow: 1;text-transform: uppercase;background:#e5e5e5;text-align:center;border-right: solid 4px #fff;padding: 10px;font-size: 15px;}
#content_form .head_formulaire .onglet:last-child{border-right:none;}
#content_form .head_formulaire .onglet:hover{cursor: pointer;}
#content_form .head_formulaire .onglet:hover,#content_form .head_formulaire .onglet.sel{background:#006EB6;color:#fff;}
#content_form .body_formulaire .page_onglet{    padding: 25px;background:#f5f5f5;display:none}
#content_form .body_formulaire .page_onglet.radie{background: #ffb9b9;}
#content_form .body_formulaire .page_onglet.show{display:block}
#content_form .body_formulaire h3{border-bottom : solid 1px #000;max-width: 550px;    padding: 5px 10px;text-transform: uppercase;margin:15px 0;font-size:20px;}
#content_form .body_formulaire .line_form{display:flex;}
#content_form .body_formulaire .line_form.black_line{background:#343a40;color:#fff;padding:10px 20px;margin:10px 0;justify-content: center;align-items: center;}
#content_form .body_formulaire .line_form.black_line.radie{background:#E93C3C}
#content_form .body_formulaire .line_form.black_line input{display: block;flex-grow: 1;}
#content_form .body_formulaire .line_form.black_line p{margin:0;font-size:18px}
#content_form .body_formulaire .col_form{margin-right:20px;    flex-grow: 1;}
#content_form .body_formulaire .col_form.min_size{    max-width: 390px;}
#content_form .body_formulaire .col_form.black_col{background:#6b6e72;text-align: center;color:#fff;padding:10px 0;font-size:15px;}

#content_form .body_formulaire .col_form.blue_col{background:#006EB6;text-align: center;color:#fff;padding:10px 0;font-size:15px;}
#content_form .body_formulaire .col_form.black_col:last-child{margin-right:0;}
#content_form .body_formulaire label{width:180px;}
#content_form .body_formulaire label.auto{width:auto;margin:0;margin-right: 10px}
#content_form .body_formulaire input{border-radius:0;background:#fff;border:none;padding: 8px 5px;}
#content_form .body_formulaire input[type=button]{background:#006EB6;color:#fff}
#content_form .bloc_files input[type=text],#content_form .bloc_files .label_lang{display:none;}
#content_form .AtoutUpload .bloc_files .file.done progress{display:none}
#content_form #photos  li{position:relative}
#content_form .photoaction{position:absolute;top:0;width:20px;height:20px;    right: 55px;}
#content_form .photoaction a{display: block;margin-bottom:10px;}
#content_form .body_formulaire  p.flex{display: flex;align-items: center;}
#content_form .body_formulaire  p.p_bottom{margin-top:115px}
#content_form .body_formulaire .col_form p span.hidden{display:none}
#content_form .body_formulaire .col_form p.flex input{flex-grow:1}
#content_form .body_formulaire .col_form p.flex .chosen-container{flex-grow:1;margin-right:0;}
/*#content_form .body_formulaire .col_form p input[type=text],#content_form .body_formulaire .col_form p input[type=date],#content_form .body_formulaire .col_form p input[type=email]{width:330px;}*/
#content_form .body_formulaire .col_form p input[type=date]{-webkit-appearance: none!important;}
/*#content_form .body_formulaire .col_form p .chosen-container{width:330px!important;}*/
#content_form .body_formulaire .col_form p .chosen-container-single .chosen-single span,#content_form .body_formulaire .col_form p .chosen-container-single .chosen-single{background:#fff;}
#content_form .body_formulaire .col_form p.flex .chosen-container.chosen-container-single{padding:5px 0;}
#content_form .body_formulaire .col_form p .chosen-choices{padding:8px 0}
#content_form .body_formulaire input[type=checkbox]{margin-right:5px;}
#content_form .body_formulaire hr{margin:15px 0;border-color: #000;}
#content_form .body_formulaire .chosen-container{margin-right:10px;}
#content_form .body_formulaire textarea{border:none;border-radius: 0;width:100%;}
#pagination_plongeur{display: flex;justify-content: center;}
#page_plongeur{width: 30px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.pagination .page.selected{width: 30px;}
.edit_carte:hover{cursor:pointer;}
 .form_rech input {
   margin: auto;
   background: #f5f5f5;
   border-radius: 0;
   border: none;
   padding: 11px 20px;
   padding-right: 50px;
   display: inline-block;
}
.form_rech input[type=text]{width:305px;}
.form_rech input{color: #444;}
.form_rech input::placeholder{
    color: #444;
}
.search_legend{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
    flex-wrap: wrap;
}
.form_rech input.search_img {
   position: absolute;
   margin-left: -41px;
   margin-top: 1px;
   padding: 7px;
}
.form_rech {
   text-align: center;
   margin: 30px auto;
   max-width: 400px;
}
.form_rech.search_plongeur {
   text-align: inherit;
   margin: inherit;
   max-width: inherit;
   margin-bottom: 0;
}
body .search_legend .btn_link{margin: 0;}
.ou_orange{color:#e28d1e;font-size:20px;font-weight:bold;}

#list_plongeur tr:hover td{background:#0A97BA;cursor:pointer;color:#fff}
#list_plongeur tr:hover td a{color:#fff}
.containt_carte{
   display: flex;
   flex-direction: row-reverse;
   justify-content: center;
   max-width: 980px;
   margin: auto;
   align-items: center;
   flex-wrap: wrap;
}
.bloc_rech{flex-grow:1;flex-direction: column-reverse;display: flex;}
#warning_photo{background:#F90;padding:10px;color: #fff;} 
.new_carte{cursor:pointer;font-weight: bold;}

/************************/
/*      categorie membre   */
/************************/   
.content_cat table{border:none}
.article_membre .content_article{display:flex;}
.article_membre .content_article .vignette{flex-grow:1}


/************************/
/*      Annonces     */
/************************/   
#content_annonces{display:flex;justify-content: center;margin-top: 50px;}
#content_annonces .annonce_left{flex-grow: 1;max-width: 1000px;margin-left: 20px;}
#content_annonces .annonce_right{flex-shrink: 1;max-width: 470px;margin: 0 20px;}
#content_annonces .annonce_right form{border:solid 1px #000;    padding: 25px 35px;    }
#content_annonces .annonce_right .link_bourse{border: solid 1px #000;padding: 10px 35px;margin-bottom: 20px;text-align:center;color:#0a97ba;    font-size: 20px;
   font-weight: bold;}
#content_annonces .annonce_right .link_bourse:hover{background-color: #0a97ba;color:#fff}
#content_annonces .annonce_right form h2{margin:0;margin-bottom:15px;color:#0a97ba;}
#content_annonces .annonce_right form label{display:block;margin:0}
#content_annonces .annonce_right form .robotp label{display:inline;}
#content_annonces .annonce_right form input:not(input[type=checkbox],input[type=submit]),#content_annonces .annonce_right form textarea,#content_annonces .annonce_right form select{width:100%;border:none;background:#F3F3F3}
#content_annonces .annonce_right form input:not(input[type=checkbox],input[type=submit]){padding: 10px 5px;background:#F3F3F3}




#content_annonces .annonce_left h2{text-align:left;color:#0a97ba;font-size: 32px;}
#bloc_themes_annonces{text-align:center;margin: 50px 0;position:relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
#bloc_themes_annonces .annonces{display:inline-block;background:#F3F3F3;color: #000;font-size: 15px;width:170px;margin:5px 10px;background-size: contain, 0 0;height: 50px;line-height: 50px;text-transform:uppercase;}

#bloc_themes_annonces .annonces:hover,#bloc_themes_annonces .annonces.sel {background:#0a97ba;color: #fff;background-size: contain, 0 0;cursor:pointer;}

#body_annonces .msg_annonce h3{color:#0a97ba;font-size: 22px;margin-top: 10px;}
#body_annonces .msg_annonce{background:#F3F3F3;padding:5px 20px;margin:30px 0;display: none;}
#body_annonces .msg_annonce.default{display: block;}
#body_annonces .msg_annonce .footer_annonce{text-align: right;font-style:italic;color:#4d4637;margin-top: 30px;}
#body_annonces .msg_annonce .footer_annonce a{color:#4d4637}
#body_annonces .msg_annonce .footer_annonce a span{text-transform: uppercase;font-weight: bold;}

#content_annonces .annonce_right .msg_annonce h3{color:#0a97ba;font-size: 22px;margin-top: 10px;}
#content_annonces .annonce_right .msg_annonce{background:#F3F3F3;padding:5px 20px;margin-bottom:30px;}
#content_annonces .annonce_right .msg_annonce .footer_annonce{text-align: right;font-style:italic;color:#4d4637}
#content_annonces .annonce_right .msg_annonce .footer_annonce a{color:#4d4637}


#form_del{display:none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 500;}
#form_del form{background: #FFF;padding: 8px;position: fixed;left: 50%;top: 50%;z-index: 501;width: 380px;padding: 20px; height: 150px;margin-left: -205px;margin-top: -75px;}
#form_del form input[type=submit],#form_del form span{border: none;display: inline-block;background: url(/img/bouton-news.png)no-repeat,url(/img/bouton-news-hover.png)no-repeat;background:#0a97ba;color: #fff;font-size: 15px;width: 130px;margin: 5px 10px;background-size: contain, 0 0;height: 35px;line-height: 30px;font-family: 'Abril Fatface',serif;}
#form_del form input[type=submit]:hover,#form_del form span:hover{background-size: 0 0, contain;color: #4d4637;cursor:pointer}
#form_del form .close_form{position:absolute;top:0;right:0;background:#0a97ba;color:#4d4637;    padding: 2px 10px;font-size: 20px;font-weight: bold;}
#form_del form .close_form:hover{color:#DDD0C0;background:#4d4637;cursor:pointer}
.nform select{display: inline-block;
flex-grow: 1;
padding-left: 10px;
border: none;
color: #000;
font-size: 16px;}
                              /************************/
                              /*       Boutique       */
                              /************************/

.pending{background-color:#EEEEEE; color: #666666;padding: 5px;}
.completed{font-weight:bold; background-color:#CCFF99; color: #006600;padding: 5px;}
.cancelled{background-color:#D03737; color:#FFFFFF;padding: 5px;}
#main .cancelled a{color:#7EC7FF;}
.delivered{background-color:#060;color: #FFF;font-weight: bold;}
#main .delivered a{color: #7EC7FF;}
.check_status{background-color:#F60;}



  .btn_accueil{background:#666666;color:#fff;position:absolute;font-size: 18px;padding: 5px 20px;top:0} 
  .bloc_commande{text-align:center;max-width: 95%;margin: 0 auto; margin-bottom: 40px;} 
  .bloc_contact{max-width:500px;margin:auto;}
  .bloc_contact p label{width:200px;display:inline-block;vertical-align: top;}
  .bloc_contact p{margin:20px 0;}
  .bloc_contact input[type='text']{width:265px;}
  .bloc_contact select{width:285px;}
  .bloc_contact textarea{width:265px;height:140px} 
  .table_cmd{margin:auto;border: 1px solid #ccc;}
  .table_cmd .header_table{display:flex;border-bottom:1px solid #ccc;background-color: rgba(10,151,186,.1);}
  .table_cmd .header_table .cell_table{font-weight:bold;font-size:14px;}
  .table_cmd .line_table{display:flex;border-bottom:1px solid #ccc;}
.table_cmd .line_table:last-of-type{border-bottom: none;}
.table_cmd .line_table:nth-child(odd){background-color: #fafafa;}
  .table_cmd .cell_table{width:400px;flex-grow:1;text-align:center;padding: 10px;display: flex;align-items: center;justify-content: center;font-size: 14px;overflow: hidden;}
  .table_cmd .cell_table.sep_left{border-left:solid 1px #ccc;}
  .AtoutUpload{margin: auto;text-align: center;}
  .AtoutUpload .bouton_file{
     background: #929292;
     color: #FFF;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     padding: 6px 4px;
     border-radius: 4px;
     width: 150px;
     margin: auto;
     cursor: pointer;
  }
.all_fac_cta input[type=button]{font-size: 14px;padding: 7px 15px;border: none;background: #134e5d;color: #fff;transition: .2s;border: 1px solid #134e5d;}
.all_fac_cta input[type=button]:hover{background: transparent;color: #134e5d;}
.formation_bloc .chosen-container{display: block;}
.formation_bloc .compte_bloc textarea{width: 100%;}
.formation_bloc{display: flex;flex-direction: column;align-items: center;}
.formation_bloc .compte_bloc{width: 60%;margin: 0 20px; margin-bottom: 40px;}
.formation_bloc .formation_line{display: flex;white-space: nowrap;}
.formation_bloc .compte_bloc_jury label{margin: 0 5px;}
.formation_bloc .compte_bloc_jury .jury_wrap{display: flex;align-items: center;}
.formation_bloc .compte_bloc_jury .jury, .formation_bloc .compte_bloc_jury .num_jury{width: 50%;}
.compte_bloc{margin-bottom: 30px;padding: 15px;background-color: #fafafa;}
body .compte_bloc .btn_link{margin-top: 10px;}
  .AtoutUpload input.hidden{opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;display:block;}
  .AtoutUpload .bouton_file{background: #F90;}
  .AtoutUpload .drop_zone{border: dashed 3px #929292;padding: 20px 5px;margin: 20px 5px;cursor:pointer;}
  .fancybox-overlay .AtoutUpload .drop_zone{border: dashed 3px #333;}
  .over  .drop_zone, .drop_zone.over, .fancybox-overlay .AtoutUpload .drop_zone.over{border: dashed 3px #E57C07;}
  .AtoutUpload .bloc_files .file{
     background-color: #CCC;
     width: 300px;
     padding: 8px 5px;
     border-radius: 3px;
     color: #000;
     font-weight: bold;
     margin: 8px auto;
  }
  .AtoutUpload .bloc_files .file progress{width:100%;}
  .AtoutUpload .bloc_files .file.done progress{background:#c0ba47;}
  .AtoutUpload .bloc_files .file.done progress::-webkit-progress-value{background:#c0ba47;}
  .AtoutUpload .bloc_files .file.done progress::-moz-progress-bar{background:#c0ba47;}
  .AtoutUpload .bloc_files .file.error progress{background:#a50202;}
  .AtoutUpload .bloc_files .file.error progress::-webkit-progress-value{background:#a50202;}
  .AtoutUpload .bloc_files .file.error progress::-moz-progress-bar{background:#a50202;}
  .AtoutUpload .bloc_files .after .img{width:75px;text-align:center;float:left;}
  .AtoutUpload .bloc_files .after .img img{max-width:100%;max-height:100px;}
  .AtoutUpload .bloc_files .after .div_alt{width:200px;float:right;text-align: right;}
  #photos{padding:5px;}
  
#photos ul{display:block;list-style:none;padding:0px;}
#content #photos li{text-align:center;color: #333;margin:5px 0px;/*display: flex;*/flex-direction: column;}
#photos li img{max-width:100%;max-height:200px;}
.photoaction{width: 200px;margin: auto;margin-top: -30px;text-align: right;}
.btn_return{display: flex;
   justify-content: center;}

#bloc_scat{
   display:flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
}
#bloc_scat .scat{
   margin:20px;
   opacity:0.8;
   transition:opacity 0.5s 0.1s;   
}

#bloc_scat a:hover .scat{opacity:1}
/*#bloc_scat a .scat .vignette img{transition:transform 0.5s 0.1s}
#bloc_scat a:hover .scat .vignette img{transform:scale(1.2)}*/
#bloc_scat a .scat .vignette{transition:transform 0.5s 0.1s}
#bloc_scat a:hover .scat .vignette{transform:scale(1.2)}
/* --- MEDIA QUERY --- */
@media print{
   header#header,input,#footer,.all_fac_cta{display:none;}
}

@media all and (max-width:1250px){
    #form_plongeur #content_form .body_formulaire .line_form{flex-direction: column;}
    #form_plongeur #content_form .body_formulaire .col_form.min_size{margin-top: 30px;max-width: 100%;}
    #form_plongeur #content_form .body_formulaire h3{max-width: 100%;}
    #form_plongeur #content_form .body_formulaire .col_form{margin-right: 0;}
}

@media all and (max-width:1100px){
    .formation_bloc .compte_bloc{width: 70%;}
    #bloc_text h1.client_title{padding-top: 60px;}
}
@media all and (max-width:991px){
    #content_annonces{flex-direction: column;}
    #content_annonces .annonce_left{margin:0 50px;}
    #content_annonces .annonce_right{max-width: 100%;margin: 0 50px;}
}
@media all and (max-width:900px){
    .table_cmd .header_table,.table_cmd .line_table{flex-direction: column;}
    .table_cmd .cell_table{width: 120px;height: 67px;}
    .table_cmd .line_table{border-bottom: none;border-right: 1px solid #ccc;}
    .table_cmd{display: flex;overflow-x: scroll;}
    .table_cmd .cell_table.sep_left{border-left: none;}
    #bloc_text h1.client_title{padding: 0 10px;padding-top: 60px; font-size: 32px;}
    .btn_deco{right: 20px;}
    table.classic td{font-size: 14px;}
   /* table.classic.plongeur_table tbody{display: flex;border: 1px solid #eee;}
    table.classic.plongeur_table tr{display: flex;flex-direction: column;flex: 1;}*/
    table.classic.plongeur_table th{min-height: 31px;border-bottom: 1px solid #eee;}
    table.classic.plongeur_table th:last-of-type{border-bottom: none;}
    table.classic.plongeur_table td{min-height: 31px;}
    table.classic.plongeur_table .edit_carte{width: 20px;}
    #content_annonces .annonce_left h2{font-size: 30px;}
    #content_annonces .annonce_right form h2{font-size: 23px;}
    #bloc_themes_annonces{margin: 30px 0;}
    .formation_bloc .compte_bloc{width: 80%;}
    .table_cmd .header_table{border-bottom: none;}
}
@media all and (max-width:767px){
    #login h1{margin: 40px 0;}
    .compte_bloc{margin-bottom: 40px;}
    body .compte_bloc .btn_link{margin: 10px 5px;}
    #bloc_text .account_page h2{text-align: center;font-size: 24px;}
    #bloc_menu_accueil{margin-bottom: 15px;}
    #block_legend{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    #block_legend .legend:first-of-type{text-align: left;margin-right: 0;margin-bottom: 10px;font-size: 16px;margin-right: 5px;}
    #block_legend .legend{text-align: left;}
    #content_annonces .annonce_right,#content_annonces .annonce_left{margin: 0 30px;}
    .formation_bloc .compte_bloc{width: 90%;}
    body .formation_bloc .compte_bloc .btn_link{margin: 10px 0;}
    .formation_bloc{margin-top: 40px;}
    #line_renouv{display: block;}
    #form_plongeur #content_form .body_formulaire #table_carte tr{flex-direction: column;display: flex;/*width: 140px;*/}
}
@media all and (max-width:755px){
   table.classic td {
    font-size: 11px;
   }
   
}
@media all and (max-width:700px){
    .supmob_cell{display: none;}
    .bloc_carte{display: none;}
    .form_rech{margin: 0 auto;}
    table.classic.plongeur_table{overflow-x: scroll;display: block;}
    #liste_plongeur .table.classic td{height: 45px;min-width: 120px;}
}
@media all and (max-width:640px){
    #login{width: 100%;}
    #loginform {width: 100%;margin: 0 auto;}
    #login .nform{flex-direction: column;}
    #login .nform label{margin-bottom: 0;}
    #login .nform input{height: 33px;}
    #login .bloc_input{padding: 20px 10px;}
    #login .nform{margin: 10px 20px;}
    .formation_bloc .compte_bloc{width: 95%;}
}
@media all and (max-width:600px){
    #add_plongeur.shadowbox{width: 90%;}
    #login h1{margin: 30px 0;}
    .formation_bloc .compte_bloc{width: 100%;padding: 0 15px;margin-bottom: 30px;}
    .formation_bloc .formation_line{white-space: normal;flex-wrap: wrap;}
    .formation_bloc .compte_bloc p{margin: 20px 0;max-width: 100%;}
    .compte_bloc_jury p{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;}
    .compte_bloc_jury p label,.compte_bloc_jury p input{width: 100%;margin: 2px 0;}
    #list_plongeur table{display: block;overflow-x: scroll;}
}
@media all and (max-width:500px){
    .search_legend #block_legend{display: flex;flex-direction: column;width: 100%;align-items: inherit;margin-top: 20px;}
    body #form_plongeur #content_form .btn_link{margin: 10px 5px;}
    #form_plongeur #content_form .body_formulaire p.flex{flex-direction: column;align-items: inherit;margin-top: 15px;}
    #form_plongeur #content_form .body_formulaire .page_onglet{padding: 15px;}
    .formation_bloc{margin-top: 30px;}
    #bloc_themes_annonces{margin: 20px 0;}
    #content_annonces .annonce_right form{padding: 15px 20px;}
    #content_annonces .annonce_right form h2{font-size: 20px;}
    #bloc_text .account_page h2{font-size: 22px;}
    .form_rech{max-width: 95%;}
    .search_legend .form_rech.search_plongeur,.search_legend .form_rech input[type=text]{width: 100%;}
    #content_adresse .adresse .body_adresse p{font-size: 14px;}
    #edit_plongeur.shadowbox{width: 300px;height: 280px;}
    #bloc_text h1.client_title{padding-top: 60px;font-size: 30px;}
    #bloc_menu_accueil{margin-bottom: 10px;}
    #content_annonces .annonce_right,#content_annonces .annonce_left{margin: 0 20px;}
}
@media all and (max-width:400px){
    
}