body, html{width:100%;height:100%;margin:0;padding:0;background-color:#eee;color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}
@media screen and (min-width:300px){
	iframe{display:block;margin:0 auto;}
}
@media screen and (min-width:768px){
	iframe{display:block;width:640px;margin:10px auto;}
}

/* ENTETE */
@media screen and (min-width:300px){}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){}
@media screen and (min-width:1200px){}

#entete_ordinateur{display:flex;justify-content:space-between;
position:-webkit-sticky;position:sticky;top:0;
min-height:70px;background-color:#234359;z-index:999;
margin-right:-15px;margin-left:-15px;padding:0 10px;
line-height:70px;font-size:15px;color:white;
}
#entete_ordinateur_2_lignes{line-height:28px;margin-top:10px;}
#entete_ordinateur a{color:white;}
#entete_ordinateur a:hover,#entete_ordinateur a.en_cours{color:#f1620b;font-weight:bold;text-decoration:none;}

#entete_smartphone{height:50px;color:white;text-align:right;background-color:#234359;line-height:50px;}
#entete_smartphone a{color:white;}
#entete_smartphone_logo img{}
#contenu_menu_xs{height:50px;padding-top:4px;overflow:hidden;}

#logo_haut{display:block;width:auto;height:50px;margin:10px auto;}

#btn_extranet a{display:block;width:250px;height:50px;margin:0 auto;background-color:#283747;color:#fff;margin-top:60px;text-align:center;line-height:50px;font-size:1.2em;}
#btn_extranet a:hover{text-decoration:none;color:#d0d3d4;border:1px solid #fff;}

#btn_menu_xs{color:lightgrey;text-align:center;padding-right:10px;-webkit-transition: all .1s ease-in;-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;transition: all .1s ease-in;cursor:pointer;}
#btn_menu_xs:hover{color:white;background-color:lightgrey;text-decoration:none;}
#btn_menu_xs i{line-height:45px;vertical-align:middle;padding-bottom:5px;}

#entete_menu_xs{display:none;min-height:calc(100vh - 50px);margin-top:0;background-color:#234359;text-align:center;line-height:15vh;z-index:999;}
#entete_menu_xs a{color:white;}
#entete_menu_xs a:hover{color:lightgrey;}

/* boutons menu xs */
.lien_menu_xs{text-align:center;font-size:16px;font-weight:bold;}
.lien_menu_xs a{color:white;}
.lien_menu_xs a:hover{color:#f1620b;}
.menu_anim{display:block;height:50px;width:150px;font-weight:bolder;color:black !important;background-color:#c0c0c0 !important;animation:animation_paiement 1s infinite alternate;}
.menu_anim:hover{display:block;height:50px;width:150px;font-weight:bolder;color:white !important;background-color:#000000 !important;animation:animation_paiement 1s infinite alternate;}

@-webkit-keyframes animation_paiement{ /* Safari, Opera, Chrome */
	0%{opacity:1;transform:scale(1)}
	100%{opacity:0.4;transform:scale(1)}
}
@keyframes animation_paiement{ /* Tous les autres navigateurs */
	0%{opacity:1;transform:scale(1)}
	100%{opacity:0.4;transform:scale(1)}
}


/* ACCUEIL */
@media screen and (min-width:300px){
	#texte_accueil_associes{font-size:12px;}
	#texte_accueil_titre{font-size:18px;font-weight:bold;}
	#contenu_accueil{min-height:calc(100vh - 50px);}
	#bloc_img_accueil{display:block;width:300px;margin:calc(50vh - 200px) auto 0 auto;}
	#img_accueil_gauche{width:150px;float:left;}
	#img_accueil_droite{width:150px;float:left;}
	#contenu_barre_bas_accueil{display:flex;justify-content:center;}
	
	#contenu_accueil_colonnes{min-height:40vh;}
	#accueil_colonnes1,
	#accueil_colonnes2,
	#accueil_colonnes3{min-height:40vh;font-size:12px;}
	.bouton_accueil_colonne{font-size:12px;background-color:#fff5;}
	
	#contenu_accueil_etude{text-align:left;padding:30px 0;}
	
	#contenu_accueil_reglement{background-color:lighgrey;padding:5px 0 25px 0;}
	#texte_reglement_xs{font-size:16px;}
	.bouton_accueil_reglement{padding:10px 24px;font-size:12px;color:white;font-weight:bold;background-color:#234359;margin:0 15px 5px 0;}
	
	#accueil_colonnes1{background:url(img/fond_colonne1.jpg) center center no-repeat;background-size:cover;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#texte_accueil_associes{font-size:1.4em;}
	#texte_accueil_titre{font-size:36px;font-weight:normal;}
	#contenu_accueil{height:calc(100vh - 70px);}
	#bloc_img_accueil{display:block;width:600px;margin:calc(40vh - 200px) auto 0 auto;}
	#img_accueil_gauche{width:300px;float:left;}
	#img_accueil_droite{width:300px;float:left;}
	#contenu_barre_bas_accueil{display:flex;justify-content:space-between;}
	#contenu_barre_bas_accueil>div>a>img{margin-top:20px;}
	#contenu_accueil_colonnes{height:calc(100vh - 70px);}
	#accueil_colonnes1,
	#accueil_colonnes2,
	#accueil_colonnes3{height:calc(100vh - 70px);font-size:1.1em;}
	.bouton_accueil_colonne{font-size:1.5em;border:2px solid white;}
	
	#contenu_accueil_reglement{background-color:#234359;padding:5px 0 25px 0;}
	.bouton_accueil_reglement{padding:10px 24px;font-size:1.2em;color:#234359;font-weight:bold;background-color:white;margin:0 15px 5px 0;}
	
	#contenu_accueil_etude{text-align:center;padding:60px 0;}
	
	#accueil_colonnes1{background:url(img/fond_colonne1.jpg) bottom center no-repeat;background-size:cover;}
}
@media screen and (min-width:1200px){}
#contenu_accueil{background-color:white;position:relative;text-align:center;}
#barre_img_accueil{display:block;width:56%;margin:0 22%;border-top:2px solid #234359;}
#texte_accueil_associes{text-align:center;color:#f1620b;font-weight:bold;margin-top:10px;}
#barre_bas_accueil{position:absolute;bottom:10px;width:100%;padding:0 15px;}
.bouton_accueil{display:inline-block;text-align:center;vertical-align:middle;padding:10px 24px;margin-top:20px;
    background: #f1620b;
    background:-webkit-gradient(linear, left, right, from(#f1620b), to(#f28a02));
    background:-moz-linear-gradient(left, #f1620b, #f28a02);
    background:linear-gradient(to right, #f1620b, #f28a02);
    font:normal normal bold 12px arial;color:#ffffff;
    text-decoration:none;
	border-radius:5px;
}
.bouton_accueil:hover,
.bouton_accueil:focus {text-decoration:none;}
.bouton_accueil:active {}

#accueil_colonnes1,
#accueil_colonnes2,
#accueil_colonnes3{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
#accueil_colonnes2{background:url(img/fond_colonne2.jpg) center center no-repeat;background-size:cover;}
#accueil_colonnes3{background:url(img/fond_colonne3.jpg) center center no-repeat;background-size:cover;}
.bouton_accueil_colonne{display:inline-block;text-align:center;vertical-align:middle;padding:10px 14px;color:white;width:75%;font-weight:bold;}
.bouton_accueil_colonne:hover{text-decoration:none;color:black;background-color:white;}
.liens_reseaux_sociaux_accueil{color:white;text-decoration:underline;}
.liens_reseaux_sociaux_accueil:hover{color:white;font-weight:bold;}

#contenu_accueil_reglement{text-align:center;}
.bouton_accueil_reglement{display:inline-block;text-align:center;vertical-align:middle;padding:10px 24px;font-weight:bold;margin:0 15px 5px 0;}
.bouton_accueil_reglement:hover{text-decoration:none;color:#f1620b;}

#contenu_accueil_etude{background-color:white;}
#barre_accueil_etude{display:block;width:56%;margin:50px 22%;border-top:3px solid #f1620b;}

@media screen and (min-width: 768px){}
/* mobile */
@media screen and (max-width: 767px){}

/* animation flèche */
.rebond{-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
@keyframes rebond{
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

/* RECEPTION ACTE */
@media screen and (min-width:300px){}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){}
@media screen and (min-width:1200px){}
#reception_acte{background-color:white;min-height:calc(100vh - 200px);color:#234359;}
#colonne_reception_acte{padding:80px 50px 10px 50px;}
#colonne_reception_acte_xs{background-color:white;padding:20px;}
#titre_reception_acte{font-size:16px;text-align:center;font-weight:bold;margin-bottom:30px;}


.titre_colonne{color:#f1620b;font-size:2em;font-weight:bold;}
#barre_colonne_reception_acte{display:block;width:20%;margin:50px 0%;border-top:5px solid #234359;}
#boutons_reception_acte{display:flex;justify-content:center;}
#boutons_reception_acte_xs{display:flex;align-items:center;flex-direction:column;}
.bouton_reception_acte{display:inline-block;text-align:center;vertical-align:middle;padding:10px 30px;margin:20px 5px 0 5px;
    background: #f1620b;
    background:-webkit-gradient(linear, left, right, from(#f1620b), to(#f28a02));
    background:-moz-linear-gradient(left, #f1620b, #f28a02);
    background:linear-gradient(to right, #f1620b, #f28a02);
    font:normal normal bold 12px arial;color:#ffffff;
    text-decoration:none;
	border-radius:5px;
	border:0;
}
.bouton_reception_acte:hover,.bouton_reception_acte:focus {text-decoration:none;}
.bouton_reception_acte:active {}
#img_colonne_reception_acte{background:url(img/fond_colonne_reception_acte.jpg) no-repeat;background-size:cover;min-height:calc(100vh - 170px);}

#img_reception_acte{background:url(img/fond_colonne_reception_acte.jpg) no-repeat;background-size:cover;height:20vh;}


/* PAIEMENT */
@media screen and (min-width:300px){
	#colonnes_paiement{}
	#colonnes_paiement h2{font-size:18px;font-weight:bold;}
	#contenu_colonne_paiement1,
	#contenu_colonne_paiement2,
	#contenu_colonne_paiement3{padding-top:30px;min-height:30vh;}
	.txt_colonne_paiement{font-size:12px;}
	.bouton_paiement1{width:45%;margin:15px 2%;padding:10px 5px;font-size:13px;}
	.bouton_paiement{width:60%;margin:15px 20%;padding:10px 5px;font-size:13px;}
	.bouton_xs{float:left;}
	.clear_xs{float:none;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#colonnes_paiement{height:calc(100vh - 70px);}
	#colonnes_paiement h2{font-size:26px;font-weight:normal;}
	#contenu_colonne_paiement1,
	#contenu_colonne_paiement2,
	#contenu_colonne_paiement3{height:calc(100vh - 70px);position:relative;}
	#contenu_colonne_paiement1>h2,
	#contenu_colonne_paiement2>h2,
	#contenu_colonne_paiement3>h2{margin-top:12vh;}
	.txt_colonne_paiement{font-size:14px;margin-bottom:20vh;}
	.groupe_boutons_paiement{position:absolute;top:30vh;width:100%;}
	.bouton_paiement1,
	.bouton_paiement{width:70%;margin:15px 15%;padding:15px 25px;font-size:15px;}
	.bouton_xs{float:none;}
}
@media screen and (min-width:1200px){}
#colonnes_paiement{color:white;}
#colonne_paiement1{background:url(img/fond_paiement1.jpg) no-repeat;background-size:cover;}
#colonne_paiement2{background:url(img/fond_paiement2.jpg) no-repeat;background-size:cover;}
#colonne_paiement3{background:url(img/fond_paiement3.jpg) no-repeat;background-size:cover;}
.txt_colonne_paiement{text-align:center;}

.bouton_paiement,
.bouton_paiement1{display:block;background-color:white;text-align:center;}
.bouton_paiement1:hover,
.bouton_paiement:hover,
.bouton_paiement:focus{color:#f1620b;text-decoration:none;font-weight:bold;}


/* PAIEMENT FORMULAIRE */
@media screen and (min-width:300px){
	#contenu_paiement_en_ligne{min-height:calc(100vh - 50px);}
	.texte_paiement_formulaire{padding:20px 0;}
	.fond_titre_paiement_formulaire{font-size:15px;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#contenu_paiement_en_ligne{height:calc(100vh - 70px);}
	.texte_paiement_formulaire{padding:60px 0;font-size:14px;}
	.fond_titre_paiement_formulaire{font-size:20px;}
}
@media screen and (min-width:1200px){}

#contenu_paiement_en_ligne{background:url(img/fond_paiement_en_ligne.jpg) no-repeat;background-size:cover;position:relative;}
#contenu_paiement_haut{height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;}
#contenu_paiement_haut_xs{min-height:calc(100vh - 50px);display:flex;align-items:center;flex-direction:column;padding-top:20vh;}
.bouton_paiement_formulaire{display:inline-block;width:44%;margin:15px 2%;background-color:white;padding:25px 25px;text-align:center;font-size:20px;}
.bouton_paiement_formulaire_xs:hover,
.bouton_paiement_formulaire:hover,.bouton_paiement_formulaire:focus{text-decoration:none;color:#f1620b;}
.bouton_paiement_formulaire_xs{display:inline-block;width:80%;margin:15px 10%;background-color:white;padding:10px;text-align:center;font-size:13px;font-weight:bold;}
#barre_bas_paiement_formulaire{position:absolute;bottom:80px;width:100%;padding:0 15px;}
#contenu_barre_bas_paiement_formulaire{display:flex;justify-content:center;}
#paiement_formulaire{background-color:white;}
.fond_titre_paiement_formulaire{background-color:#234359;text-align:center;color:white;padding:15px 0;}


/* DEMANDE ECHEANCIER */
@media screen and (min-width:300px){
	#echeancier_particulier{min-height:calc(100vh - 50px);}
	#contenu_echeancier_particulier{min-height:calc(100vh - 50px);text-align:justify;}
	#texte_contenu_echeancier_particulier{font-size:25px;margin-bottom:35vh;}
	
	#echeancier_entreprise{min-height:calc(100vh - 50px);}
	#contenu_echeancier_entreprise{min-height:calc(100vh - 50px);text-align:justify;}
	#texte_contenu_echeancier_entreprise{font-size:25px;margin-bottom:35vh;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#echeancier_particulier{min-height:calc(100vh - 70px);}
	#contenu_echeancier_particulier{height:calc(100vh - 70px);text-align:center;}
	#texte_contenu_echeancier_particulier{font-size:3em;margin-bottom:25vh;}
	
	#echeancier_entreprise{height:calc(100vh - 70px);}
	#contenu_echeancier_entreprise{height:calc(100vh - 70px);text-align:center;}
	#texte_contenu_echeancier_entreprise{font-size:3em;margin-bottom:25vh;}
}
@media screen and (min-width:1200px){}
#echeancier_particulier{background:url(img/fond_paiement_echeancier.jpg) center center no-repeat;background-size:cover;}
#contenu_echeancier_particulier{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
#texte_contenu_echeancier_particulier{text-align:center;font-weight:bold;}
#barre_bas_echeancier_particulier{position:absolute;bottom:10px;width:100%;padding:0 15px;}
#contenu_barre_bas_echeancier_particulier{display:flex;justify-content:center;}

#echeancier_entreprise{background:url(img/EcheancierEntreprise.jpg) center center no-repeat;background-size:cover;}
#contenu_echeancier_entreprise{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
#texte_contenu_echeancier_entreprise{text-align:center;font-weight:bold;}
#barre_bas_echeancier_entreprise{position:absolute;bottom:10px;width:100%;padding:0 15px;}
#contenu_barre_bas_echeancier_entreprise{display:flex;justify-content:center;}
.fond_formulaire{background-color:white;padding:10px 0 5px 0;}
.form-horizontal .radio-inline{padding-top:0 !important;}
#text_info{text-align:center;font-size:120%;color:red;}


/* REGLEMENT FACTURE */
@media screen and (min-width:300px){
	#paiement_facture{min-height:calc(100vh - 50px);}
	#contenu_paiement_facture{min-height:calc(100vh - 50px);}
	#texte_contenu_paiement_facture{font-size:25px;margin-bottom:35vh;text-align:justify;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#paiement_facture{min-height:calc(100vh - 70px);}
	#contenu_paiement_facture{min-height:calc(100vh - 70px);text-align:center;}
	#texte_contenu_paiement_facture{font-size:3em;margin-bottom:25vh;}
}
@media screen and (min-width:1200px){}

#paiement_facture{background:url(img/fond_reglement.jpg) bottom center no-repeat;background-size:cover;}
#contenu_paiement_facture{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
#texte_contenu_paiement_facture{text-align:center;font-weight:bold;}
#barre_bas_paiement_facture{position:absolute;bottom:10px;width:100%;padding:0 15px;}
#contenu_barre_bas_paiement_facture{display:flex;justify-content:center;}

#formulaire_paiement{width:80%;height:300px;margin:10px auto;background-color:#c0c0c0;line-height:300px;text-align:center;}
.simple-modal-box__title,.simple-modal-box__content{color:#000000;}



#paiement_debiteur_colonne_menu{box-shadow:5px 0px 5px #333333;min-height:60vh;background-color:#eee;z-index:999;}
#paiement_debiteur_colonne_contenu{min-height:70vh;}

.tab-pane{margin-top:20px;}
.cadre_choix_menu_paiement_debiteur{width:100%;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.cadre_choix_menu_paiement_debiteur:hover{background-color:#ccc;}
.texte_choix_menu_paiement_debiteur{text-align:center;padding:10px 20px;}
.paiement_legend{background-color:#00bfff;color:#fff;}
.infos_formulaire{color:blue;font-style:italic;}


/* MISSIONS */
@media screen and (min-width:300px){
	#colonne_mission1,
	#colonne_mission2,
	#colonne_mission3,
	#colonne_mission4{min-height:24vh;}
	.bouton_mission_colonne,
	.bouton_mission_colonne:focus{padding:20px 0;font-size:13px;width:70%;}
	.menu_mobile_icone_missions{height:60px;font-weight:bold;border-bottom:1px solid lightgrey;line-height:60px;font-size:12px;color:#234359;}
	.menu_mobile_icone_missions>a>div>img{margin:10px 0;width:40px;height:40px;}
	
	#rubrique_entreprise{font-size:12px;}
	.fond_contenu_titre_mission{padding:20px 0;}
	.titre_mission{font-size:16px;}
	#rubrique_signification,
	#rubrique_loyers,
	#rubrique_cheques,
	#rubrique_recouvrement,
	#rubrique_occupant,
	#rubrique_avocat,
	#rubrique_institutionnel,
	#rubrique_execution,
	#rubrique_conges,
	#rubrique_titre,
	#rubrique_tarif,
	#rubrique_notaire{padding:20px 0;}
	.titre_rubrique_bas{font-size:18px;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#colonne_mission1,
	#colonne_mission2,
	#colonne_mission3,
	#colonne_mission4{height:calc(100vh - 70px);}
	.bouton_mission_colonne,
	.bouton_mission_colonne:focus{padding:40px 0;font-size:14px;width:80%;}
	
	#rubrique_entreprise{}
	.fond_contenu_titre_mission{padding:40px 0;}
	.titre_mission{font-size:24px;}
	.style_titre_mission{border-bottom:3px solid #234359;}
	#rubrique_signification,
	#rubrique_loyers,
	#rubrique_cheques,
	#rubrique_recouvrement,
	#rubrique_occupant,
	#rubrique_avocat,
	#rubrique_institutionnel,
	#rubrique_execution,
	#rubrique_conges,
	#rubrique_titre,
	#rubrique_tarif,
	#rubrique_notaire{padding:40px 0;}
	.titre_rubrique_bas{font-size:24px;border-bottom:4px solid #234359;}
}
@media screen and (min-width:1200px){}

#colonnes_missions{min-height:calc(100vh - 70px);color:white;}
@media screen and (min-width: 768px){}
/* mobile */
@media screen and (max-width: 767px){}
#colonne_mission1,
#colonne_mission2,
#colonne_mission3,
#colonne_mission4{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
#colonne_mission1{background:url(img/fond_mission1.jpg) center center no-repeat;background-size:cover;}
#colonne_mission2{background:url(img/fond_mission2.jpg) center center no-repeat;background-size:cover;}
#colonne_mission3{background:url(img/fond_mission3.jpg) top right no-repeat;background-size:cover;}
#colonne_mission4{background:url(img/fond_mission4.jpg) center center no-repeat;background-size:cover;}
.bouton_mission_colonne,
.bouton_mission_colonne:focus{display:inline-block;text-align:center;vertical-align:middle;color:white;border:1px solid white;font-weight:bold;text-decoration:none;}
.bouton_mission_colonne:hover{text-decoration:none;color:black;background-color:white;}
.fond_contenu_titre_mission{background-color:white;text-align:center;}
.titre_mission{color:#f1620b;font-weight:bold;}
.fond_icone_mission{display:flex;justify-content:center;align-items:center;color:#f1620b;font-weight:bold;height:244px;text-align:center;}
#fond_icone_mission1{background:url(img/ico_mission1.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission2{background:url(img/ico_mission2.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission3{background:url(img/ico_mission3.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission4{background:url(img/ico_mission4.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission5{background:url(img/ico_mission5.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission6{background:url(img/ico_mission6.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission7{background:url(img/ico_mission7.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission8{background:url(img/ico_mission8.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission9{background:url(img/ico_mission9.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission10{background:url(img/ico_mission10.png) center center no-repeat;background-size:192px 244px;}
#fond_icone_mission11{background:url(img/ico_mission11.png) center center no-repeat;background-size:192px 244px;}

#rubrique_signification,
#rubrique_loyers,
#rubrique_cheques,
#rubrique_recouvrement,
#rubrique_avocat,
#rubrique_institutionnel{background-color:#eee;color:#234359;}
#rubrique_execution,
#rubrique_conges,
#rubrique_titre,
#rubrique_occupant,
#rubrique_notaire,
#rubrique_tarif{background-color:white;color:#234359;}
#rubrique_signification a:hover,
#rubrique_execution a:hover,
#rubrique_loyers a:hover,
#rubrique_conges a:hover,
#rubrique_cheques a:hover,
#rubrique_titre a:hover{text-decoration:none;}
.titre_rubrique{font-size:17px;color:#f1620b;font-weight:bold;}
.titre_rubrique_bas{color:#f1620b;font-weight:bold;}
.barre_separation_titre_rubrique{display:block;width:100%;border-top:4px solid #234359;}
#contenu_missions_formulaire{min-height:100vh;background-color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#conteneur_boutons{width:70%;margin:10px 15%;background-color:#eee;padding:50px 0;font-size:1.3em;}
#titre_contenu_missions_formulaire{color:#f1620b;font-weight:bold;font-size:2em;text-align:center;margin:40px 0;}
#texte_contenu_missions_formulaire{color:#234359;font-size:1.3em;width:70%;margin:0 15%;}

.icone_missions_mobile{margin:10px 0;width:40px;height:40px;}
.titre_missions_mobile{font-size:16px;line-height:50px;font-weight:bold;}
.texte_missions_mobile{font-size:12px;text-align:justify;}


/* CONSTAT */
@media screen and (min-width:300px){
	#constat_colonnes1,
	#constat_colonnes2,
	#constat_colonnes3{min-height:32vh;font-size:1em;}
	.bouton_constat_colonne{padding:15px;font-size:16px;}
	#contenu_constat{min-height:100vh;}
	#titre_constat{font-size:18px;text-align:left;}
	#texte_constat{font-size:13px;}
	#groupe_bouton_avocat,
	#groupe_bouton_notaire{display:flex;justify-content:center;align-items:center;flex-direction:column;}
	#contenu_barre_bas_constat{display:flex;justify-content:center;align-items:center;flex-direction:column;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#contenu_constat_colonnes{min-height:100vh;}
	#constat_colonnes1,
	#constat_colonnes2,
	#constat_colonnes3{height:100vh;font-size:1em;}
	.bouton_constat_colonne{padding:25px 24px;font-size:1.6em;}
	#contenu_constat{height:calc(100vh - 70px);}
	#titre_constat{font-size:2em;text-align:center;}
	#texte_constat{font-size:1.1em;}
	#groupe_bouton_avocat,
	#groupe_bouton_notaire{display:flex;justify-content:space-around;flex-direction:row;}
	#contenu_barre_bas_constat{display:flex;justify-content:space-between;flex-direction:column;}
	#titre_constat{margin-top:20%;}
	#choix{text-align:center;font-size:1.5em;padding:20px 0;background-color:white;}
}
@media screen and (min-width:1200px){}

#constat_colonnes1,
#constat_colonnes2,
#constat_colonnes3{display:flex;justify-content:center;align-items:center;flex-direction:column;color:white;}
.bouton_constat_colonne{display:inline-block;text-align:center;vertical-align:middle;color:white;border:2px solid white;width:80%;font-weight:bold;}
.bouton_constat_colonne:hover{text-decoration:none;color:black;background-color:white;}
#constat_colonnes1{background:url(img/fond_constat1.jpg) no-repeat;background-size:cover;}
#constat_colonnes2{background:url(img/fond_constat2.jpg) no-repeat;background-size:cover;}
#constat_colonnes3{background:url(img/fond_constat3.jpg) no-repeat;background-size:cover;}

/*#contenu_constat{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:white;position:relative;}*/
#contenu_constat{background-color:white;position:relative;}
#titre_constat{color:#f1620b;font-weight:bold;margin-bottom:20px;}
#texte_constat{text-align:center;color:#234359;}
#barre_bas_constat{position:absolute;bottom:30px;width:100%;padding:0 15px;margin-bottom:30px;}
#titre_icone_constat{text-align:center;color:#f1620b;font-weight:bold;font-size:1.7em;margin:40px 0;}
.fond_icone_constat{display:flex;justify-content:center;align-items:center;color:#f1620b;font-weight:bold;height:305px;text-align:center;}
#fond_icone_constat1{background:url(img/ico_constat1.png) center center no-repeat;}
#fond_icone_constat2{background:url(img/ico_constat2.png) center center no-repeat;}
#fond_icone_constat3{background:url(img/ico_constat3.png) center center no-repeat;}
#fond_icone_constat4{background:url(img/ico_constat4.png) center center no-repeat;}
#fond_icone_constat5{background:url(img/ico_constat5.png) center center no-repeat;}
#fond_icone_constat6{background:url(img/ico_constat6.png) center center no-repeat;}
#fond_icone_constat7{background:url(img/ico_constat7.png) center center no-repeat;}
#fond_icone_constat8{background:url(img/ico_constat8.png) center center no-repeat;}
#rubrique_constat_affichage,
#rubrique_constat_greve,
#rubrique_constat_ordonnances,
#rubrique_constat_vie{padding:40px 0;background-color:white;color:#234359;}
#rubrique_constat_chantier,
#rubrique_constat_sms,
#rubrique_constat_jeu,
#rubrique_constat_autres{padding:40px 0;background-color:#eee;color:#234359;}
.barre_separation_rubrique_constat{border-bottom:1px solid black;}


/* CONSTAT FORMULAIRE */
@media screen and (min-width:300px){
	#contenu_constat_formulaire{min-height:100vh;font-size:12px;}
	#titre_contenu_constat_formulaire{font-size:20px;}
	#texte_contenu_constat_formulaire{font-size:12px;width:90%;margin:40px 5% 0 5%;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#contenu_constat_formulaire{height:calc(100vh - 70px);}
	#titre_contenu_constat_formulaire{font-size:2em;}
	#texte_contenu_constat_formulaire{font-size:1.3em;width:70%;margin:0 15%;}
}
@media screen and (min-width:1200px){}

#contenu_constat_formulaire{background-color:white;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#titre_contenu_constat_formulaire{color:#f1620b;font-weight:bold;text-align:center;margin:40px 0;}
#texte_contenu_constat_formulaire{color:#234359;}


/* CONTACT */
@media screen and (min-width:300px){
	#fond_haut_contact{min-height:calc(100vh - 50px);flex-direction:column;}
	#contact_colonne1,
	#contact_colonne2,
	#contact_colonne3,
	#contact_colonne4{padding:10px 5px;}
	.titre_rubrique_constat{font-size:14px;margin-bottom:10px;margin-top:10px;}
	.info_rubrique_constat{font-size:14px;}
	#barre_bas_contact{width:calc(100% - 30px);}
	.icone_contact_mobile{height:48px;width:48px;margin:0 auto;}
	.separation_rubrique_contact{width:80%;border:1px solid lightgrey;}
	#coordonnees{background-color:#234359;}
	#conteneur_titre_coordonnees{text-align:center;}
	#conteneur_titre_coordonnees>h2{font-size:18px;}
	#fond_cartes{background-color:#234359;color:white;padding-bottom:15px;}
	#cartes{margin-top:20px;font-size:14px;}
	.carte2{margin-top:20px;}
	#text_bas_contact{margin-top:40px;font-size:12px;text-align:justify;}
	#espace_recrutement{padding-top:15px;padding-bottom:15px;text-align:center;}
	#espace_recrutement>div>h2{font-size:18px;}
	#texte_espace_recrutement{font-size:13px;}
	#contact_formulaire{padding-top:15px;padding-bottom:15px;}
	#contact_formulaire>div>h2{font-size:18px;text-align:center;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	#fond_haut_contact{height:calc(100vh - 70px);padding:50px 50px 100px 50px;flex-direction:row;flex-wrap:wrap;}
	#contact_colonne1,
	#contact_colonne2,
	#contact_colonne3,
	#contact_colonne4{padding:30px 10px;width:40%;padding:30px 10px;}
	.cadre_menu_contact{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#eee;padding:25px 0;margin:0 10px;width:98%;}
	.titre_rubrique_constat{font-size:1.1em;margin-bottom:15px;margin-top:15px;}
	.info_rubrique_constat{font-size:1.3em;}
	#barre_bas_contact{position:absolute;bottom:10px;width:calc(100% - 30px);}
	#coordonnees{background-color:#eee;}
	#conteneur_titre_coordonnees{margin:30px 0 250px 0;text-align:left;}
	#conteneur_titre_coordonnees>h2{font-size:30px;}
	#fond_cartes{background-color:#dfe2e4;margin:0 10% 50px 10%;padding-bottom:30px;color:black;}
	#cartes{margin-top:-200px;font-size:1.2em;}
	.carte2{margin-top:0;}
	#text_bas_contact{margin-top:40px;font-size:1.2em;text-align:center;}
	#espace_recrutement{padding-top:30px;padding-bottom:30px;text-align:left;}
	#espace_recrutement>div>h2{font-size:30px;}
	#texte_espace_recrutement{font-size:1.3em;}
	#contact_formulaire{padding-top:30px;padding-bottom:30px;}
	#contact_formulaire>div>h2{font-size:30px;text-align:left;}
}
@media screen and (min-width:1200px){}

#fond_haut_contact{display:flex;justify-content:center;align-items:center;position:relative;}
#contact_colonne1,
#contact_colonne2,
#contact_colonne3,
#contact_colonne4{display:flex;justify-content:center;align-items:center;text-align:center;}
#contact_colonne1 a:hover,
#contact_colonne2 a:hover,
#contact_colonne3 a:hover,
#contact_colonne4 a:hover,
#espace_recrutement a:hover{text-decoration:none;}
.titre_rubrique_constat{font-weight:bold;color:#234359;}
.info_rubrique_constat{color:#f1620b;}
#contenu_barre_bas_contact{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.d-none{display:none !important;}
.g-recaptcha{width:304px;margin:0 auto;}


/* EXTRANET */
#conteneur_extranet{min-height:calc(100vh - 70px);background:url(img/extranet.jpg) no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;}
#conteneur_extranet input[type=text],
#conteneur_extranet input[type=password]{text-align:center;}


/* FOOTER */
@media screen and (min-width:300px){
	.colonne_footer{text-align:center;}
}
@media screen and (min-width:768px){}
@media screen and (min-width:992px){
	.colonne_footer{margin:15px 0;text-align:left;}
}
@media screen and (min-width:1200px){}
#footer{background-color:#234359;padding:20px 0;color:white;}
.colonne_footer{font-size:12px;padding:0 25px;}
.colonne_footer a{color:white;}
.colonne_footer a:hover{text-decoration:none;font-weight:bold;}
.titre_footer{color:#f1620b;font-size:16px;border-bottom:2px solid #f1620b;}


/* GENERAL */
.bleu_site{color:#234359;}
.orange_site{color:#f1620b;}
.blanc,.txt_blanc{color:#fff !important;}
.noir,.txt_noir{color:black !important;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.txt_center{text-align:center;}
.txt_justifie{text-align:justify !important;}
.gras{font-weight:bold !important;}
.relatif{position:relative;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.size16{font-size:16px;}
.size20{font-size:20px;}
.size30{font-size:30px;}
.size36{font-size:36px;}
.txt_1_3em{font-size:1.3em;}
.full_width{width:100%;}
.clear{clear:both;}
.form-control-modif{display:inline-block;width:25%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.centrerVerticalement{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;}
/* md et lg */
@media (min-width:992px)
{
	.padding_right_30_xs{padding-right:30px;}
	.size30_xs{font-size:30px;}
	.size26{font-size:26px;}
	.size23{font-size:23px;}
	.size20{font-size:20px;}
}
@media (max-width:991px)
{
	.marge_top_15_xs{margin-top:15px;}
	.size30_xs{font-size:20px;}
	.size26{font-size:18px;}
	.size23{font-size:17px;}
	.size20{font-size:16px;}
}
.sans_bord{padding:0;}
.fond_blanc{background-color:white;}
.fond_gris_clair{background-color:#eee;}
.espace_bas_20px{margin-bottom:20px}
.padding_bas_20px{padding-bottom:20px}
.espace_bas_40px{margin-bottom:40px}

/* BACK TO TOP */
#return-to-top{border:1px solid #f1620b;}
#return-to-top{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,0.3);width:50px;height:50px;display:block;
text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;
display:none;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;
transition: all 0.3s ease;z-index:999;}
#return-to-top i{color:#f1620b;margin:0;position:relative;top:13px;left:14px;font-size:19px;-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
#return-to-top:hover{background:rgba(0,0,0,0.4);}
#return-to-top:hover i{color:#f1620b;top:5px;}


/* MENTIONS */
.nav-tabs>li{float:none;display:inline-block;zoom:1;}
.nav-tabs{text-align:center;}
.nav-tabs>li>a{color:#000000;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:white;background-color:#c0c0c0;}
.tab-content a{color:white;}

.col_mention{border:1px solid #c0c0c0;padding:0 15px 15px 15px;margin:10px;}
.col_mention a{color:black;}
.ligne_cookies{display:block;border-bottom:1px solid #36f;}
@media (min-width:992px)
{
	.ligne_cookies{min-height:40px;line-height:40px;}
}
@media (max-width:991px)
{
	.ligne_cookies{}
}


/* FORMULAIRES */
#Result_envoi{padding:20px 0;}
#Formulaire_Erreur{background-color:red;color:white;padding:30px;text-align:center;}
#Formulaire_Ok{background-color:green;color:white;padding:30px;text-align:center;}