/*
colors :
beige : #b3b2b2
gris : #a6b9c7
noir : #423f3f
bleu : #007ac6
bleu light : #639dc6
*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body, .btn {
	color:#333;
	font-size:1.2rem;
	line-height:1.8;
	font-family: 'Didact Gothic',Helvetica,Arial,Lucida,sans-serif;
}

@font-face {
  font-family: "Zag";
  src: url('fonts/Zag-Bold.ttf') format('truetype');
}


html {
  scroll-behavior: smooth;
}

.font2 {
	position:relative;
	/*font-family: 'Zag',Helvetica,Arial,Lucida,sans-serif;*/
}
h2.font2::after {
    content: "";
    position: absolute;
    bottom:30px;
    left: 0;
    width: 60px;
    height: 4px;
    background: #bc233a;
}

.blue {
	color: #2b3456;
}

.bg1 {
	background-color: #a6b9c7;
}
.bg2 {
	background-color : #2b3456;
	color: #FFF;
}


.row {
	margin-bottom:1rem;
}

header {
	text-align:center;
}

header img.logo {
	max-width:80px;
}
/*
.jumbotron {
	margin-bottom: 5rem;
	border-radius:0;
	background: rgba(0, 0, 0, 0.3);
	color:#FFF;
}*/
.bg-hero-blur {
	position:relative;
}
.bg-hero-blur::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 40%;
	background: url('img/contrat.jpg')  no-repeat;
	background-size:cover;
	filter:brightness(0.4)  grayscale(1) ;
}
.bg-hero {
	background: none;
	position:relative;
	color:#FFF;
	text-shadow: 0.04em 0.04em 0.08em rgb(0 0 0 / 40%);
}
.bg-hero .row {
	position:relative;
}
@media only screen and (min-width: 992px) {
	.bg-hero-blur::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('img/contrat.jpg')  no-repeat;
	filter:brightness(0.4)  grayscale(1) ;
	background-size:cover;
	}
}

/* BTN */
.btn {
	margin-top:1rem;
	margin-bottom:2rem;
}
a.btn:hover {
	color:#FFF;
}

.red-bg {
	background-color:#bc233a;
	color:#FFF;
}
.red-bg:hover {
	background-color:#cf233d;
}
.red {
	color: #bc233a;
}
/*
.red {
	color:#ff5200;
}
*/


/* CTA phone email */
.phone-card{
    position: relative;
	display: flex;
    justify-content: center;
}
.card-front,
.card-back{
	width:270px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.3s!important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.card-front {
}
.card-back{
    position: absolute;
    transform: rotateY(180deg);
}
.flipped .card-front{
    transform: rotateY(-180deg);
    /*margin: 0 35px;*/
}
.flipped .card-back{
    transform: rotateY(0);
}
.card-back a {
	color:#FFF;
}

/*
.card-back.ie-support{
    right: 0;
}
*/


/* Form */

#form-box {
	background: #2b3456;
	color:#FFF;
	padding-top:2rem;
	padding-bottom:2rem;
	padding-right: 15px;
    padding-left: 15px;
}
#form-box h2 {
	color:#FFF;
}
.rgpd-desc {
	font-size:0.8rem;
}
.rgpd-desc a {
	color:#FFF;
	text-decoration:underline;
}

/* Footer */

footer {
	/*margin-top:4rem;*/
	padding:4rem 0;
	background: url('img/Cabinet-Avocat-Ottavy.jpg') no-repeat 60% bottom ;
	background-size:cover;
}
footer .container {
	padding-top: 1rem;
	background:rgba(255,255,255,0.8);
}
footer ul {
	padding-left:0;
	
}
footer li {
	list-style: none;
}






/* tarteaucitron - Cookies consent script */
#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronAlertBig #tarteaucitronCloseAlert {

	background: #7b7b7b !important;
	color: #ffffff !important;
}

div#tarteaucitronAlertBig:before {
    content: '🍪' !important;
    font-size: 35px;
}
/* END tarteaucitron - Cookies consent script */



/* Responsive */


@media screen and (min-width: 768px) {
	.form-col {
		/*top:-80px;*/
		padding-right: 0;
		padding-left: 0;
	}
}



/*  Thank You page */

body.thankyoupage header {
	    z-index: 1;
    position: relative;
    background: #FFF;
}

body.thankyoupage main {
	    position: absolute;
    top: 0;
}


body.thankyoupage .bg-hero-blur::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url('img/contrat.jpg')  no-repeat;
	background-size:cover;
	filter:brightness(0.4)  grayscale(1) ;
}

/*
body.thankyoupage .bg-hero .row {
	height:100vh;
}
*/