body, html{width:100%;height:100%;margin:0;padding:0;background-color:white;color:black;
font-family: 'Faustina', serif;}


/* ENTETE */
@media screen and (min-width:300px){#entete{height:160px;}}
@media screen and (max-width:991px){#entete{height:160px;}}
@media screen and (min-width:992px){#entete{height:180px;}}
@media screen and (min-width:1200px){}
#entete{z-index:998;display:flex;justify-content:center;align-content:center;color:#000;}
#entete{border-bottom:1px solid #674254;background-color:white;}
#logo_entete_lg{display:flex;justify-content:center;align-content:center;}
#logo_entete_lg img{height:150px;margin-top:15px;}
#texte_entete_lg,
#texte_entete_xs{display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center;}
#logo_entete_xs{display:flex;justify-content:center;align-content:center;}
#logo_entete_xs img{height:130px;margin-top:15px;}


/* MENU */
@media screen and (min-width:300px)
{
	#entete_menu{background-color:#50a1d4;}
}
@media screen and (min-width:768px)
{
	#entete_menu{background-color:#50a1d4;}
}
@media screen and (min-width:992px){
	#entete_menu{background-color:#50a1d4;/*background-image:linear-gradient(to bottom,#50a1d4,#000033,#50a1d4);*/}
}
@media screen and (min-width:1200px){
	#entete_menu{background-color:#50a1d4;/*background-image:linear-gradient(to bottom,#50a1d4,#000033,#50a1d4);*/}
}
#entete_menu{min-height:80px;z-index:998;border-bottom:1px solid white;}
#menu{height:80px;display:flex;justify-content:space-between;}
#menu a{color:white;font-size:15px;line-height:80px;vertical-align:middle;font-weight:bold;text-align:center;padding:0 15px;-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;}
/*.menu_br{line-height:30px !important;padding-top:10px !important;}*/
#menu a:hover,.menu_actif{background-color:white;color:#50a1d4 !important;text-decoration:none;}
#btn_menu_xs{color:white;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;text-decoration:none;}
#btn_menu_xs i{line-height:80px;vertical-align:middle;}
#menu_xs{position:absolute;width:100%;height:auto;top:-500px;left:0;z-index:997;margin:0;padding-top:5px;padding-bottom:5px;background-color:#50a1d4;}
/* boutons menu xs */
.lien_menu_xs{color:white;text-align:center;font-size:16px;-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;}
.lien_menu_xs:hover{color:#03c;background-color:lightgrey;text-decoration:none;}


/* BANDEAU */
@media screen and (min-width:768px)
{
	#bandeau_accueil,
	#bandeau_etude,
	#bandeau_services,
	#bandeau_competence,
	#bandeau_paiement,
	#bandeau_depot_acte,
	#bandeau_demande_constat,
	#bandeau_contact{height:400px;z-index:1;display:flex;align-items:center;justify-content:flex-start;background-color:#50a1d4;}
	#bandeau_paiement{background:url(img/bandeau_paiement.jpg);}
}
@media screen and (max-width:767px)
{
	#bandeau_accueil,
	#bandeau_etude,
	#bandeau_services,
	#bandeau_competence,
	#bandeau_paiement,
	#bandeau_depot_acte,
	#bandeau_demande_constat,
	#bandeau_contact{height:260px;display:flex;align-items:center;justify-content:flex-start;}
	#bandeau_accueil,
	#bandeau_etude,
	#bandeau_services,
	#bandeau_competence,
	#bandeau_paiement,
	#bandeau_depot_acte,
	#bandeau_demande_constat,
	#bandeau_contact{background:url(img/bandeau_accueil_xs.jpg);}
	#bandeau_paiement{background:url(img/bandeau_paiement_xs.jpg);}
}
#bandeau_accueil_background{z-index:999;}
#bandeau_prestations a{color:white;}
#txt_bandeau_depot_acte p,
#txt_bandeau_demande_constat p,
#txt_bandeau_paiement p,
#txt_bandeau_mentions p{text-align:center;line-height:40px;margin-top:15px;}
#txt_bandeau_accueil p,
#txt_bandeau_etude p,
#txt_bandeau_services p,
#txt_bandeau_competence p,
#txt_bandeau_contact p{text-align:justify;line-height:40px;margin-top:15px;}
#bandeau_accueil img{display:block;margin:0 auto;}

/* md et lg */
@media (min-width:992px){
	#txt_bandeau_accueil,
	#txt_bandeau_etude,
	#txt_bandeau_services,
	#txt_bandeau_competence,
	#txt_bandeau_paiement,
	#txt_bandeau_contact,
	#txt_bandeau_mentions,
	#txt_bandeau_depot_acte,
	#txt_bandeau_demande_constat{width:40%;margin-left:5%;border-radius:20px;}
}
/* sm et xs */
@media (max-width:991px)
{
	#txt_bandeau_prestations,
	#txt_bandeau_mentions,
	#txt_bandeau_competence,
	#txt_bandeau_depot_acte,
	#txt_bandeau_demande_constat,
	#txt_bandeau_paiement,
	#txt_bandeau_contact{width:94%;margin:0 3%;border-radius:20px;}
	#col_associes1{margin-top:10px;}
	#col_associes2{margin-top:10px;}
}
/* couleur fond zone texte bandeau */
#txt_bandeau_accueil,
#txt_bandeau_accueil_xs,
#txt_bandeau_etude,
#txt_bandeau_etude_xs,
#txt_bandeau_contact,
#txt_bandeau_contact_xs,
#txt_bandeau_competence,
#txt_bandeau_competence_xs,
#txt_bandeau_paiement,
#txt_bandeau_services,
#txt_bandeau_services_xs,
#txt_bandeau_depot_acte,
#txt_bandeau_demande_constat,
#txt_bandeau_mentions,
#txt_bandeau_prestations{background-color:rgba(80,161,212,0.7);}
/* couleur texte bandeau */
#txt_bandeau_accueil p,
#txt_bandeau_accueil_xs p,
#txt_bandeau_etude p,
#txt_bandeau_etude_xs p,
#txt_bandeau_services p,
#txt_bandeau_services_xs p,
#txt_bandeau_competence p,
#txt_bandeau_competence_xs p,
#txt_bandeau_depot_acte p,
#txt_bandeau_demande_constat p,
#txt_bandeau_paiement p,
#txt_bandeau_contact p,
#txt_bandeau_mentions p{color:#fff;}

#txt_bandeau_accueil_xs,
#txt_bandeau_etude_xs,
#txt_bandeau_services_xs{width:98%;margin:0 1%;border-radius:20px;padding:10px;}
#txt_bandeau_accueil_xs p,
#txt_bandeau_etude_xs p,
#txt_bandeau_services_xs p,
#txt_bandeau_competence p{text-align:justify;}


/* ACCUEIL */
@media screen and (min-width: 300px)
{
	.icone_accueil{left:50%;margin-left:-110px;}
	.icone_accueil{width:60px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:white;text-align:center;}
	.para_accueil{height:auto;}
	.h2_icone_accueil{margin-left:50%;}
	.btn_accueil{margin-bottom:10px;}
}
@media screen and (min-width: 768px)
{
	.icone_accueil{margin-left:0;}
	.bouton_accueil_xs{margin-bottom:5px;}
}
/* md et lg */
@media screen and (min-width:992px)
{
	.colonne_accueil{padding:0 20px;position:relative;}
	.coul_fond_col_accueil{min-height:560px;padding-top:20px;border-radius:0 0 20px 20px;border-top:5px solid #50a1d4;border-left:1px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:4px solid #50a1d4;}
	.icone_accueil{margin-left:-140px;width:80px;height:80px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;color:white;text-align:center;}
	.h2_icone_accueil h2{font-size:18px;}
	.para_accueil{font-size:18px;text-align:justify;min-height:200px;}
	.para_accueil2{font-size:18px;text-align:justify;margin-bottom:20px;}
	.btn_accueil{position:absolute;bottom:5px;}
	.btn_accueil20{position:absolute;bottom:45px;}
	.bouton_accueil_xs{margin-bottom:20px;}
}
/* xs et sm */
@media (min-width:300px) and (max-width:991px){
	.colonne_accueil{padding:10px;position:relative;}
	.coul_fond_col_accueil{border:1px solid #50a1d4;padding-top:20px;padding-bottom:10px;}
	.icone_accueil{width:80px;height:80px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;color:white;text-align:center;}
	.h2_icone_accueil h2{font-size:17px;}
	.para_accueil{font-size:15px;text-align:justify;padding:0 10px;}
	.para_accueil2{font-size:15px;text-align:justify;padding:0 10px;margin-bottom:20px;}
	.bouton_accueil_xs{margin-bottom:20px;}
}
@media screen and (min-width: 1200px){}
.icone_accueil{left:50%;}
.icone_accueil i{position:relative;top:50%;transform:translateY(-50%);}
#icone_depot_accueil,
#icone_adresse_accueil,
#icone_paiement_accueil,
#icone_espace_accueil{background-color:#50a1d4;}
.para_accueil2{margin-top:20px;}
.para_accueil{margin-top:20px;}
.para_accueil img{display:block;margin:15px auto;}
.para_accueil a,.para_accueil a:hover{color:#000;}
.h2_icone_accueil h2{font-weight:normal;color:#50a1d4;}
.bouton_accueil_xs2{margin-bottom:20px;margin-top:30px;}
.btn_accueil{background-color:#50a1d4;color:white;text-align:center;font-size:26px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;cursor:pointer;text-decoration:none;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;}
.btn_accueil:hover{background-color:#50a1d4;border:1px solid black;text-decoration:none;color:white;}
#img_accueil_competence{display:block;margin:5px auto;}
.coul_fond_col_accueil{background-color:white;color:#000;}
/* boutons accueil */
.btn-primary{color:#fff;background-color:#50a1d4;border-color:#2e6da4;}
.btn-primary:hover{color:#50a1d4;background-color:#fff;border-color:#50a1d4;}


/* ETUDE */
.coul_fond_col_etude{font-size:16px;color:black;background-color:#fff;border-top:5px solid #50a1d4;border-left:1px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;}
.coul_fond_col_etude_droite{min-height:730px;font-size:16px;color:black;border:1px solid #50a1d4;}
/* md et lg */
@media (min-width:992px)
{
	#carte_competence{background:url(img/carte_competence.jpg) center center no-repeat;height:600px;margin-top:10px;}
}
/* sm et xs */
@media (max-width:991px)
{
	.coul_fond_col_etude_droite{margin-top:10px;}
	#carte_competence{background:url(img/carte_competence_xs.jpg) center center no-repeat;height:300px;margin-top:10px;}
}


/* NOS SERVICES */
.coul_fond_col_services{background-color:#fff;font-size:16px;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
.coul_fond_col_services li{}
.coul_fond_col_tarifs{background-color:#fff;font-size:16px;color:black;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
.coul_fond_col_tarifs p{}
.coul_fond_col_tarifs a{color:#000;font-weight:bolder;}
.coul_fond_col_services_droite{min-height:400px;font-size:16px;color:black;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
.coul_fond_col_services_droite a{color:#000;}
/* md et lg */
@media (min-width:992px){}
/* sm et xs */
@media (max-width:991px)
{
	.coul_fond_col_services_droite{margin-top:10px;}
	#col_associes1{margin-top:10px;}
	#col_associes2{margin-top:10px;}
}
#col_coordonnees_services{margin-top:20px;}


/* COMPETENCES */
/* md et lg */
@media (min-width:992px)
{
	.coul_fond_col_competence{min-height:650px;}
	.carte_france{height:350px;}
}
/* sm et xs */
@media (max-width:991px){}
.coul_fond_col_competence{background-color:#fff;font-size:16px;padding-bottom:20px;padding-top:20px;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
.coul_fond_col_competence img{display:block;margin:0 auto;}


/* CONTACT */
.coul_fond_col_contact{background-color:#fff;min-height:500px;font-size:16px;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
.coul_fond_col_contact a{color:#000;}
#gmap{height:500px;border-top:5px solid #50a1d4;border-right:1px solid #50a1d4;border-bottom:1px solid #50a1d4;border-left:1px solid #50a1d4;}
/* md et lg */
@media (min-width:992px)
{
	#bloc_coordonnees{height:500px;}
	#bloc_formulaire,
	#bloc_formulaire_constat{padding-left:60px;padding-right:60px;}
}
/* sm et xs */
@media (max-width:991px)
{
	#bloc_formulaire,
	#bloc_formulaire_constat{padding-left:20px;padding-right:20px;}
}
#bloc_coordonnees{display:flex;justify-content:space-around;flex-direction:column;}
#bloc_formulaire{padding-top:20px;padding-bottom:20px;}
#bloc_formulaire_constat{background-color:white;padding-top:20px;padding-bottom:20px;}


/* ACTE */
#bloc_form_acte input,#bloc_form_acte .btn-file, #bloc_form_acte p, #bloc_form_acte .btn{font-size:18px;}
.btn-file{position:relative;overflow:hidden;}
.btn-file input[type=file] {position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}
#bloc_coord_contact{align-items:center;justify-content:flex-start;padding-top:100px;}


/* PAIEMENT */
/* md et lg */
@media (min-width:992px)
{
	#formulaire_demo{width:70%;height:350px;text-align:center;line-height:350px;font-size:30px;color:white;background-color:#674254;margin:10px 15%;}
}
/* sm et xs */
@media (max-width:991px){
	#formulaire_demo{width:98%;height:250px;text-align:center;line-height:250px;font-size:15px;color:white;background-color:#674254;margin:10px 1%;}
}


/* FOOTER */
#footer{background-color:#50a1d4;color:white;padding:5px 0;border-top:2px solid #fff;}
#footer img{display:block;margin:0 auto;}
#coordonnees_footer{color:white;text-align:center;font-size:20px;padding-top:40px;}
#coordonnees_footer a{color:white;}
#coordonnees_footer a:hover{font-weight:bold;text-decoration:none;}
/* md et lg */
@media (min-width:992px)
{
	#menu_footer{text-align:right;padding-top:20px;}
}
/* sm et xs */
@media (max-width:991px){
	#menu_footer{text-align:center;margin-top:10px;padding-top:10px;}
	#footer img{display:block;margin:0 auto;width:125px;}
	#coordonnees_footer a{line-height:190%;}
}
#menu_footer a{color:white;text-decoration:none;}
#menu_footer a:hover{text-decoration:underline;}


/* GENERAL */
.couleur1{color:#03c;}
.color1{color:#50a1d4;}
.corps,.padding_15{padding:15px;}
.padding_right_30{padding-right:30px;}
.padding_top_10{padding-top:10px;}
.padding_top_40{padding-top:40px;}
.margin_top_10{margin-top:10px;}
.height_10{width:100%;height:10px;}
.fond_blanc{background-color:white;}
.fond_rouge{background-color:#fb5b5b;}
.fond_couleur3{background-color:#3a74f8;}
.bleu_clair{color:#5185ff;}
.blanc,.txt_blanc{color:white;}
.fushia,.txt_fushia{color:#ff2e53;}
.noir,.txt_noir{color:black !important;}
.bleu,.txt_bleu{color:#3366ff !important;}
.rouge,.txt_rouge{color:red !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;}
.size40{font-size:40px;}
.size45{font-size:45px;}
.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;}
	.size20{font-size:20px;}
}
@media (max-width:991px)
{
	.marge_top_15_xs{margin-top:15px;}
	.size30_xs{font-size:20px;}
	.size26{font-size:15px;}
	.size20{font-size:16px;}
	.margin_top_10px_xs{margin-top:10px;}
}
.sans_bord{padding:0;}
.t1{text-align:center;}
.p1{text-align:center;color:#674254;font-weight:bold;}
.p2{text-align:center;font-weight:bold;font-style:italic;}
.p3{text-decoration:underline;}
.p4{font-style:italic;text-decoration:underline;font-weight:bold;text-align:center;}
.p5{font-style:italic;}
.p6{text-decoration:underline;font-weight:bold;text-align:center;}
.p7{text-align:center;color:red;font-weight:bold;}
.p8{text-decoration:underline;font-style:italic;}

/* BACK TO TOP */
#return-to-top{border:1px solid white;}
#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:white;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:#674254;top:5px;}


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

.col_mention{border:1px solid #50a1d4;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{}
}

/* formulaire */
.OKMsgForm{background-color:green;color:white;padding:30px;margin-bottom:20px;text-align:center;}
.ErreurMsgForm{background-color:red;color:white;padding:30px;margin-bottom:20px;text-align:center;}