/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2022 | 08:37:46 */
:root{
	--color-light	:#3355ab;
	--color-dark 	:#192341;
	--grey-light	:#c2c3c1;
	--grey-light-033:#c2c3c133;
	--grey-light-066:#c2c3c166;
	--grey-dark		:#56595b;
}
@font-face {
	font-family: dsb;
	src: url(../fonts/Digital-Serial-Bold.ttf);
}
@font-face {
	font-family: dsr;
	src: url(../fonts/Digital-Serial-Regular.ttf);
}
body,header a,footer a{font-size:110%!important}
a,body{font-family:dsb}

a		{color:var(--color-dark)!important}
a:hover	{color:var(--color-light)!important}

h1,h2,h3,h4,h5,h6{font-family:dsb}

/** ENTÊTE DU SITE **/
header#masthead.site-header.sticky.mobile-menu{
	background-color:var(--grey-light);
	background-color:white;
	box-shadow: 0 1px 1px var(--grey-dark);
}
header#masthead.site-header.sticky.mobile-menu.stuck{
	box-shadow:0 1px 1px #00000013
}
.bg-transparent{
	background-color:#ffffff33

}
/** CONTENU DES PAGES **/
div#content.site-content{
	/*LA HAUTEUR DOIT ÊTRE ÉGALE AU MINIMUM À CELLE DE #MASTHEAD*/
	margin-top:88px
}

/** GESTION DES TITRES DE PAGES **/
#bbl-h1-subheader{
	background-image:url(../musee-de-la-mode-opa-00.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow:0 0px 5px var(--grey-dark)
}
#bbl-h1-subheader h1 {
	color: var(--color-light);
	font-family: dsb;
	font-size: 58px;
	font-size: 57px;
	font-weight: 900;
	padding: 120px 0;
	padding-bottom:65px;
	padding-top:175px;
	text-align:center;
	text-shadow: -1px 0 4px white,1px 0 4px white,0 -1px 4px white,0 1px 4px white;
}

/** GESTION DES TUILES **/
#bbl-tuile{
	position:relative
}
#bbl-tuile *{
	margin:0;
	padding:0
}
@media screen and (max-width: 780px){
	#bbl-tuile{
		margin-top:-30px;
	}
}
#bbl-tuile>div{
	margin:0;
	padding:0;
}
@media screen and (max-width: 780px){
	#bbl-tuile>div{
		border-bottom:1px solid var(--color-light);
	}
}
#bbl-tuile>div>div{
	background-color:var(--grey-light);
	height:100%;
	padding:25px;
	transition: all 1s
}
#bbl-tuile>div>div:hover{
	background-color:var(--grey-dark);
}
#bbl-tuile>div>div:hover p a{
	color:white!important;
}
#bbl-tuile>div:nth-child(2){
	border-left:0 none;
}
#bbl-tuile .decoration{
	margin:0
}
#bbl-tuile .panel-grid-cell-empty{
	background-color:transparent;
	border:0 none;
	box-shadow:none;
}
#bbl-tuile h2{
	margin:0;
	padding:0;
	padding-bottom:25px;
}
#bbl-tuile h2 a{
	color:var(--color-light)!important;
	display:block;
	font-weight:600;
	margin:0;
	padding:0;
	text-shadow: -1px 0 4px white,1px 0 4px white,0 -1px 4px white,0 1px 4px white;
}
#bbl-tuile p a{
	display: block;
	min-height:155px;
	width: 100%;
}
@media screen and (max-width: 780px){
	#bbl-tuile h2 a{
		padding:38px 0
	}	
}

.bbl-required{color:red}
#customer * {text-align:center}
#customer h4{display:none}

/** BBL-TPL -> #bbl-bloc-icon **/
.bbl-bloc-icon{}
.bbl-bloc-icon p{margin:0}
.bbl-bloc-icon .taille-60-left,.bbl-bloc-icon .taille-60-top{
	background-repeat:no-repeat!important;
	background-size: auto 100%;
	margin:0!important;
	padding:0!important
}
.bbl-bloc-icon .taille-60-left{
	background-position: left center;
	background-size: 40px;
	padding:17px 0 17px 60px!important
}
.bbl-bloc-icon .taille-60-top{
	background-position: center top;
	background-size: 40px;
	padding: 70px 0 0 0 !important;
	text-align:center
}

/** GESTION DES MARGES EXTÉRIEURES **/

/** GESTION DES FORMULAIRES DE CONTACT **/
#bbl-form-cf7{/*border:1px solid red*/}
#bbl-form-cf7 input[type=file],
#bbl-form-cf7 input[type=text],
#bbl-form-cf7 input[type=date],
#bbl-form-cf7 input[type=email],select {
	background-color:transparent;
	border:1px solid #d9d9d9;
	border-radius:2px;
	padding:9px 13px 10px;
	width:100%
}
#bbl-form-cf7 select {
	appearance:none;
	background-image:url(../export_8-2.png);
	background-position:calc(100% - 13px) 50%;
	background-size:20px;
	background-repeat:no-repeat;
}
#bbl-form-cf7 select:hover {
	background-image:url(../export_7-2.png);
}


#bbl-form-cf7 input[type=submit], #bbl-form-cf7 label.button-checkbox{
	appearance: button;
	background-color:transparent;
	border:0 none;
	border-radius: 2px;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	font-size: 13px;
	font-weight:700;
	letter-spacing: 0.5px;
	line-height: normal;
	margin: 0;
	text-align:left;
	text-transform: uppercase;
	width:50%
}
#bbl-form-cf7 input[type=submit]{width:50%}
#bbl-form-cf7 label.button-checkbox input,
#bbl-form-cf7 label.button-hide {
	display:none
}

table.bbl-cf7-table {
	border:0 none;
	margin:0
}
table.bbl-cf7-table tr {}
table.bbl-cf7-table tr td {
	border:0 none;
	padding:0}
.uacf7-col-12, .uacf7-col-6, .uacf7-col-3, .uacf7-col-4{
	padding-bottom:15px
}


.bbl-warning{
	color:#ab3333;
	font-weight:900;
}
#bbl-form-cf7 img.bbl-icons-nav{height:60px;width:auto}
#bbl-form-cf7 img.bbl-icons-nav-arrow{height:30px;margin-bottom:15px;margin-top:15px;width:auto}
#bbl-form-cf7 label.bbl-icons-pause{
	background-size:30px 30px;
	float:right
}

.bbl-left{float:left}
.bbl-right{float:right}
.bbl-pause{
	background-image:url(../premium-icon-pause_5611837.png);
	background-position:left center;
}
.bbl-next{
	background-image:url(../premium-icon-right_5611871.png);
	background-position:left center;
}
.bbl-previous{
	background-image:url(../premium-icon-left_5610918.png);
	background-position:left center;
}
#bbl-form-cf7 input[type=submit]{
	background-image:url(../premium-icon-send_5562572.png);
	background-position:left center;
}

#bbl-form-cf7 input[type=submit], .bbl-pause, .bbl-next, .bbl-previous{
	background-repeat:no-repeat;
	background-size:30px 30px;
	padding-left:30px;
	padding-top:7px;
	padding-bottom:7px;
	padding-right:0
}

/** CACHER LE TITRE PAR DÉFAUT DES ARTICLES **/
main article header{display:none}

#bbl-intro p{}

.bbl-so-car-art h1,
.bbl-so-car-art h2,
.bbl-so-car-art h3,
.bbl-so-car-art h4,
.bbl-so-car-art h5,
.bbl-so-car-art h6,
.bbl-so-car-art p,
.bbl-so-car-art .overlay{display:none}

.maps img{border:1px solid var(--color-dark);border-radius:3px}

footer #bbl-footer {
	background-color: transparent !important;
	background-image: url(../logo-altelog-footer-25.png) !important;
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
	background-size: auto calc(100% - 30px) !important;
	background-size: auto calc(100%) !important;
}

#bbl-anim-intro {
	animation-name:bblCssLoader;
	animation-duration: 3s;  
	animation-delay: 7s;
	animation-fill-mode: both;
	background-color:white;
	margin:0!important;
	margin-top:-88px!important;
	padding:0!important;
	position:absolute;
	top:0;}
@media screen and (max-width: 780px){
	#bbl-anim-intro {
		display:none;
		position:relative;
		top:-10000px
	}
}

@keyframes bblCssLoader {
	from {top:0;height:100vh;width:100%;}
	to {top:0;height:0vh;}
}