/* CSS Document
bleu foncé #214E91
bleu clair #0095FF
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Barlow:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700&display=swap');

*, *::before, *::after {z-index: 1;}
div, section, header, footer {position: relative;}
html, body {
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: "Barlow", sans-serif;
	font-weight: 300;
}
body {
}
strong {font-weight:700;}
.bg-light {
	background-color:#FFFFFF !important;
	padding-top: 9px;
	padding-bottom: 9px;
	font-weight: 700;
	border-bottom:10px solid #0095FF;
	z-index: 2;
}
header {
	background-color:#214E91;
	background-image:url("/pics/trace_pneu.png");
	background-position:right bottom;
	background-repeat: no-repeat;
	min-height: 800px;
	padding-top: 100px;
	padding-bottom:100px;
}
header::before {
	content:"";
	display: block;
	position: absolute;
	width:100%;
	top: 0;
	left:0;
	z-index:0;
}
.accueil header::before {
	height: 550px;
	background:url("/pics/accueil/fd_header.jpg") center center no-repeat;
	background-size: cover;
}
.actu header::before {
	height: 550px;
	background:url("/pics/fd_header_actu.jpg") center center no-repeat;
	background-size: cover;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link {text-align:center;}
.nav-link.admin {position:absolute; left:99px; bottom:-4px;font-weight: 300; font-style: italic;}
.navbar-expand-lg .navbar-nav .nav-link {color:#214E91;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active {color:#0095FF;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Barlow";color:#214E91;}
h1, .h1 {
	font-weight: 700;
	line-height: 98%; /* 49px */
	border-left:10px solid #0095FF;
	padding-left:17px;
}
header h1 {
	color:#FFFFFF;
	text-shadow: 0px 0px 12.3px #000;
	font-weight: 300;
}
h2 {font-weight: 600;}
a {
	color:#0095FF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
footer {
	border-top:10px solid #0095FF;
}
footer a {
	display:inline-block;
	padding: 10px 30px;
	color: #FFFFFF;
	font-weight: 300;
}
/* ________________________________________ ACCUEIL ________________________________________ */
.accueil h1, .accueil h2 {font-weight:300;}
.accueil .txtintro, .atout .txtintro, .garantie .txtintro, .reclamation .txtintro, .sinistre .txtintro {
	background-color:#FFFFFF;
	border-radius:20px;
	margin-top:90px;
}
.fdaccueil {
	background:url("/pics/accueil/fd_fdaccueil.jpg") center center no-repeat;
	background-size: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.div1actu {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}
.div1actu img {
	border-radius: 20px 20px 0 0;
}
.div1actu .divtxt {
	padding: 20px;
}
.div1actu .divdate, .bordgauche .divdate {
	background-color:#214E91;
	padding: 4px 5px;
	display: inline-block;
	color: #FFFFFF;
	float: left;
	margin-bottom: auto;
	white-space:nowrap;
	margin-right: 6px;
}
.accueil .div1actu .divdate {
	background-color:#0095FF;
	border-radius: 5px;
	float: none;
}
.accueil .div1actu .divtxt h3, .actu .div1actu .divtxt h2 {
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 92%; /* 20.24px */
	margin: 0 0 8px 0;
}
.coo iframe, .divimgcontact {
	border-radius: 20px;
	box-shadow: 0px 0px 14.8px 0px rgba(0, 0, 0, 0.5);
	width:100%;
}
.divimgcontact {
	width: 600px;
	height:600px;
	background:url("/pics/contact.jpg") center center no-repeat;
	background-size: cover;
}
.coo .lignes div {
	padding: 30px 100px 30px 0;
}
.coo .lignes hr {
	width: 80%;
	height: 0;
	border-bottom: 1px solid #214E91;
	margin:0;
}
.coo .lignes p {margin:0;}
/* ________________________________________ ACTU ________________________________________ */

.bordgauche .divdate {float: none;}
.actu .divimgtit img {border-radius:20px;margin:30px auto;}

/* ________________________________________ CONTACT ________________________________________ */
input, textarea, select {
	width:100%;
	clear: both;
	margin:0;
}
label {font-weight:300;}
textarea {min-height:190px;}
textarea.noheight {min-height: 0;}
input[type=submit], input[type=radio] {
	float:none;
	clear: left;
	width: auto;
}
input.nowidth {width:auto !important;}
input[type=text], textarea, select {
	background-color: #FFFFFF;
	border:1px solid #CECDCD;
	margin:0 0 10px 0 ;
	width:100%;
	padding: 6px;
	line-height: 1;
}
input[type=checkbox] {
	float:none;
	clear: left;
}
input[type=radio]{
	margin:0 2px 10px 10px ;
}
input[type=text], textarea:focus {
	background-color: rgba(255,255,255,0.5);
}
.form-check-input:checked {
	background-color: #0095FF;
	border-color: #0095FF;
}
.g-recaptcha {overflow: hidden;}
.erreur {color:#0095FF;margin-top:-10px;margin-bottom: 10px;}
#messageFormulaire {color:#0095FF;margin-bottom: 10px;}
.atout header::before {
	height: 550px;
	background:url("/pics/fd_header_atout.jpg") center center no-repeat;
	background-size: cover;
}
.fdatout {
	background:url("/pics/fd_fdatout.jpg") center center no-repeat;
	background-size: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.atout header {
	background-image:url("/pics/trace_pneu_bleu.png");
	background-position:right bottom;
}
.fdgarantie {
	background:url("/pics/fd_fdgarantie.jpg") center center no-repeat;
	background-size: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.garantie header {
	background-image:url("/pics/trace_pneu_bleu.png");
	background-position:right bottom;
}
.garantie header::before {
	height: 550px;
	background:url("/pics/fd_header_garantie.jpg") center center no-repeat;
	background-size: cover;
}

.reclamation header {
	background-image:url("/pics/trace_pneu_bleu.png");
	background-position:right bottom;
}
.reclamation header::before {
	height: 550px;
	background:url("/pics/fd_header_reclamation.jpg") center center no-repeat;
	background-size: cover;
}

.fdsinistre {
/*	background:url("/pics/fd_fdsinistre.jpg") center center no-repeat; */
	background-size: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.sinistre header {
	background-image:url("/pics/trace_pneu_bleu.png");
	background-position:right bottom;
}
.sinistre header::before {
	height: 550px;
	background:url("/pics/fd_header_sinistre.jpg") center center no-repeat;
	background-size: cover;
}

.mt90 {margin-top:90px;}
.bordgauche {
	border-left:10px solid #0095FF;
	padding-left:17px !important;
}
.btn-primary {font-weight: 600;}
.fdbleu {background-color:#214E91;}
.fdbleuclair {background-color:#0095FF;}
.fdbleutresclair {background-color:#DCEAFF;}
.fdpneubleu {
	background-image:url("/pics/trace_pneu_bleu.png");
	background-position:left bottom;
	background-repeat: no-repeat;
}
.txtbarlow {font-family: "Barlow", sans-serif;}
.txtlight {font-weight:300;}
.txtbleu {color:#214E91;}
.txtbleuclair {color:#0095FF;}


@media (max-width:1400px){
	
}
@media (max-width:1200px){
	
}
@media (max-width:992px){
	.navbar-expand-lg .navbar-nav .nav-item .nav-link {text-align:left;}
	.fdaccueil, .fdatout, .fdgarantie, .fdsinistre {background-image:none;}
	.fdaccueil img, .fdatout img, .fdgarantie img, .fdsinistre img {border-radius: 0 0 20px 20px;}
	.accueil .div1actu {margin-bottom:20px;}
}
@media (max-width:768px){
	
}
@media (max-width:576px){
	
}