    body{background:#f2f2f2; font-family: 'Mulish', sans-serif;}
    .no-screen{display: none}
    #content-cdm-header{text-align: center;padding-bottom:10px}
    #content-cdm-content, #content-cdm-rms{max-width:1000px;padding:50px;border-radius:5px;margin-top:10px}
    #content-cdm-content{background: #fff;}
    #logoCDM{max-width:200px;}
    legend{font-size:16px;font-weight:600}
    .form-hebergement{margin: 50px 0px;background-color: #f8f8f9;padding: 20px}
    .form-hebergement h2{font-size:24px;}
    .card{width:100%!important;margin:10px 0px}
    .card-body fieldset, #raison_arret_proprietaire{padding:15px}
    .card .card-body .reconduction_heb, .tarif, #raison_arret_proprietaire {background: #f7f7f7;border-radius:5px}
    .card-header{font-size:18px;padding:12px 0px 12px 85px; }
    .img-heb{width:65px;height:65px;display: block;float: left;margin-right:10px;background-position: center;background-size: cover;position:absolute;top:-8px;left:10px;}
    .modal-body p{font-weight:400}
    .modal-header{text-align:center!important;;}
    .modal-title{font-weight:600;text-align:center!important;}
    .mode_de_gestion{background: rgba(244, 183, 4, 0.5);padding:0px 5px;border-radius:50px 0px 50px 0px;font-weight: 700}
    input[type=radio], input[type=checkbox]{border-color:grey}
    .invalid-tooltip, .valid-tooltip{position:relative;left:0px;} 
    .gestionnaire{font-weight:bold;background:#e1e1e1;padding:10px;border-radius:5px}
    .formulaire_valide .devis_lien{background: #0d6efd;color:#fff!important;text-decoration: none;padding:5px 10px;border-radius:20px;margin:5px 0px;display: inline-block}
		.formulaire_valide .devis_lien:first-of-type{margin-top:10px;}
    .formulaire_valide .devis_lien.accepted{background:#198754}
		.formulaire_valide .devis_lien:hover{background:#434343!important;;}
    .pas_de_devis{margin-top:10px}

		.coor-relais{border: 1px solid #f2f2f2;padding:15px;margin-bottom:10px;border-radius:5px;}
		.coor-relais:hover{background-color: #f8f8f9}
		.coor-relais .col-4{text-align:right!important;max-width:100px!important;}
    .coor-relais img{max-width:75px;display: inline-block;}
    .coor-relais p{margin-bottom:0px}

    header{background:#f2f2f2}
		footer .relais-liste{max-width:900px;padding-top:20px;padding-bottom:20px;}
    footer .col-relais:hover{background-color: #198754;}
		footer .col-relais:first-of-type{border-right:1px solid #fff}
    footer .col-relais img{width:50px;height:50px}
    footer .nom-gdf{font-size:13px}

 
    .help b.coor{font-size:15px;}

    .rms .display-6{font-size:150%}
    .fb-media{border: 1px solid rgb(219, 219, 219)!important;border-radius:3px}
    .link_rms:hover{font-weight:bold}
    .link_rms:hover i::before{transform: rotate(360deg);}
    .link_rms i::before{transition: transform .7s ease-in-out;}
    .link_rms{transition: transform .7s ease-in-out;}

    .form_rms,
    .form_rms label,
    /* .form_rms legend i,
    .form_rms input, */
		#adhesion_proprietaire_details .form-check,
    #adhesion_proprietaire_ne_pas_oublier .form-check{font-size:18px;padding-top:15px;}
    .bg-green{background: #198754 !important;;color:#fff;}
    .bg-green .badge-success{background:#155e3c !important}
    #types_paiement{padding-left:30px;box-sizing:border-box;}

    .dac-7-content{border-radius:8px; border:1px solid #dadada}

    .etape {
      background:#67c87f2b;
      border-radius:0px 50px 0px 50px;
      font-weight: 800;
    }

    .detail_cotisation{padding:20px;margin-top:20px;font-size:105%;}
    .detail_cotisation ul li{list-style:none;margin-bottom:10px}
    .detail_cotisation ul li b{font-size:110%}
      
    @media print {
      body {background: #fff!important;display: block; }
      *{padding:0px;print-color-adjust: exact; color-adjust: exact;-webkit-print-color-adjust: exact;-moz-print-color-adjust: exact;-os-print-color-adjust: exact;float:none}
      a[href^=http]:after,
      a[href^=https]:after{content: " (" attr(href) ")"; /* affichage des URL des liens externes */}
      @page {margin: 0.3cm;position: relative;}
      .no-print, .card br, .card hr{display: none}
      .no-screen{display: block;}
			fieldset{display: block!important;}
			.card{margin-top:40px;display: inline-block!important;position: relative;z-index: 2}
			.next-page{page-break-before:always;}
			/* #validation{position:fixed;bottom:80px;width:80%;left:10%;padding:5px 20px 50px 20px} */
			.d-line-print{display: inline-block;}
			.signature-print{display: block;}
			#validation .form-check{display: none}
			header{padding:5px 0px!important;background:transparent;;font-size: 12px;z-index: 1;position: fixed;top:0px;left:0px
        /*display: table-header-group;*/}
			header:before{content:"Dossier ";}
			header.p-4{padding:5px 0px!important;}
			footer.bg-warning{background-color: #198754!important; font-size:13px!important;/*display: table-footer-group;*/position: fixed;bottom:0px;left:0px}
			footer.p-4{padding:5px!important;}
			/* 
			footer.p-4, footer *{padding:5px!important;margin:0px!important;}
			footer .relais-liste{display: none} */
      .input_detail_ouverture_SR{max-height:50px;padding:0px;margin:0px;margin-top:-10px;margin-bottom:-10px;}

      .dac-7-content{margin-top:40px;position: relative;z-index: 2;display: inline-block;width:100%;}
			.col-print-12{width:100%!important;}
			.dac-7-content .col-md-6:not(.no-print){width:40%;display: inline-block!important;}
			.dac-7-content .col-md-4:not(.no-print){width:33%;display: inline-block!important;}
			.dac-7-content .text-muted.form-text{font-size:12px;line-height:12px !important;}
			#entreprise, #particulier{display: inline-block!important;width: 100%!important;line-height: 12px}
			#entreprise p{margin:20px 0px 10px 0px!important;;}
			#particulier p{margin:0px 0px 10px 0px!important;}
			.numero_identif_heb{padding:0px 20px!important;}
			.numero_identif_heb .col-md-6{width:50%!important;;}
			.numero_identif_heb .card{margin: 2px;}
			.numero_identif_heb .card-header{font-size:14px!important;width:100%!important;}
			
			.title-next{margin-top:40px;}
      .form-control.is-valid{border-color:#dadada!important;background-image:none}

    }

    @media screen and (max-width: 1200px) {
      #content-cdm-content{padding:20px 10px;font-size: 14px} 
      #content-cdm-content p, #content-cdm-content #adhesion_proprietaire, #content-cdm-content #validation{padding:0px 10px} 
      .btn-success, .alert-light{margin: 10px}
      .card-body{margin:0px;padding:0px;}
      .card-body fieldset{margin:0px;}
      .card-header{padding-right:10px}
      .card-body hr{margin:0px;}
			.rms iframe, #instagram-embed-0{display: none!important;}
    }
  