:root {
	--color-default:#333;
	--color-primary:#022D64;
	--color-secondary:#597394;
	--color-secondary-hover:#087259;
	--color-call2action:#db5400;
	
	--color-bg:#FFF;
	--color-navbar:#FFFFFF;
	--color-structure-navbar:#067CA6;
	
	--color-header:#011033;
	--color-footer:#DEDEDE;
	--color-border:#88888833;
	
}

html { font-size:14px; line-height:24px;  overflow-x:hidden;  font-family:'Roboto', sans-serif;  }
body { font-size:1rem; color:var(--color-default); line-height:1.5rem; overflow-x: hidden;  font-family:'Roboto', sans-serif;background-color:var(--color-bg); padding-top:0px; }

footer.page-footer .footer-copyright { background-color:var(--color-default);}
footer.page-footer { bottom:auto;}

main { min-height:calc(100vh - 180px); background-color:var(--color-bg); }
.embed_pdf_full_height { width:100%; height:calc(100vh - 114px - 140px); border:2px solid black; }

h1 {  font-size:1.8rem; letter-spacing:2px; line-height:1.4rem; color:var(--color-primary)!important; font-weight:500;  font-family:'Montserrat'; text-align:center; text-transform:uppercase;  }
p.sub_h1 { text-align:center; margin-top:15px; margin-bottom:30px;  }
h2 { font-size:1.2rem; line-height:2.25rem; margin-bottom:15px; margin-top:0px; color:var(--color-secondary); font-family:'Montserrat'; font-weight:700; }
h3 { font-weight:800; font-size:1.75rem; line-height:2rem; margin-bottom:20px; margin-top:0px; }

a { color:var(--color-primary); }
a:hover { color:var(--color-primary); text-decoration:underline; }

.grayscale { filter: grayscale(100%); }
.bloc-reference:hover .img-fluid.grayscale { filter:none;}

#cnil-message { background-color:var(--color-primary); }
#cnil-message .container { padding:15px; }
#cnil-message .container p { padding:0px; margin:0px; color:white; font-size:0.8rem;}
#cnil-message .container p > a { color:white; font-size:0.8rem; text-decoration:underline;}


.error_404 { border:2px solid #124567; margin-top:50px; margin-bottom:50px; padding:30px; text-align:center;}
.error_404 .title { font-size:2rem; margin-bottom:30px;  }
.error_404 .description { font-size:1rem;  }

.form-group label:not(.form-check-label) { font-size:1rem; color:var(--color-default); font-weight:500;}


input.form-control, input.form-control:focus { height:auto; padding:0.7rem 1.1rem!important; font-size:1.1rem!important; background-color:#F3F3F3!important; }
input.form-control-lg { padding:0.8rem 1.2rem!important; font-size:1.2rem!important;}
input.form-control-md { padding:8px!important; font-size:1.115rem!important;}
input.form-control-sm { padding:4px!important; font-size:0.9rem!important;}

select.form-control { height:auto; padding:0.7rem 1.1rem!important; font-size:1.1rem!important; background-color:#F3F3F3!important;}
select.form-control-lg { height:3.35rem!important;}
select.form-control-md { height:3.3rem!important;}
select.form-control-sm { height:2.6rem!important;}

select.form-control:not([size]):not([multiple]) {

    height:auto;

}

textarea.form-control, textarea.form-control:focus { padding:0.7rem 1.1rem!important; font-size:1.1rem!important; background-color:#F3F3F3!important; }


.text-danger { color:#8A0000!important; }
.text-success { color:#00695c!important;}

.btn { font-family:'Roboto', sans-serif; font-weight:500; font-size:0.9rem;  border-radius:0.3rem; }
.btn-lg { font-weight:600;}

.btn-default { background-color:var(--color-default)!important; }
.btn-primary { background-color:var(--color-primary)!important; }
.btn-outline-primary { background-color:white!important;  color:var(--color-primary)!important; border-color:var(--color-primary)!important; }
.btn-secondary { background-color:var(--color-secondary)!important; }
.btn-call2action { color:white; background-color:var(--color-call2action)!important; }
.btn-call2action:hover { color:white; }

.default-text { color:var(--color-default)!important; }
.primary-text { color:var(--color-primary)!important; }
.secondary-text { color:var(--color-secondary)!important; }
.call2action-text { color:var(--color-call2action)!important; }

.bg-primary { background-color:var(--color-primary)!important; }
.bg-secondary { background-color:var(--color-secondary)!important; }


.ancre {
	padding-top:95px;
	position:relative; top:-95px;
	margin-bottom:-95px;
	z-index:-1;
}

/*
.modal-header p { margin-bottom:0px; }
.modal-secondary .modal-header { background-color:var(--color-2-logo)!important; color:white;}
.modal-primary .modal-header { background-color:var(--color-1-logo)!important; color:white;}
*/
.card { box-shadow:none;  width:100%; border-radius:6px;}
.card .card-header { background-color:var(--color-secondary); color:white; border-bottom:1px solid var(--color-secondary); font-size:1rem; font-weight:normal; text-align:left;}
.card .card-footer { background-color:var(--color-footer); border-top:0px solid var(--color-border); }

.card.bg-primary .card-header, .card.bg-secondary .card-header { color:white; text-align:center; font-size:1.2rem;}

.card.primary, .card.secondary { border:1px solid var(--color-border); }
.card.primary .card-header { background-color:var(--color-primary); font-size:1rem; color:white; padding:10px; line-height:1.5rem; }
.card.secondary .card-header { background-color:var(--color-secondary); font-size:1rem; color:white; padding:10px; line-height:1.5rem; }
.card.primary .card-footer, .card.secondary .card-footer { background-color:var(--color-border); }

.card-stats { border:1px solid var(--color-border); }
.card-stats .card-header { background-color:var(--color-primary); font-size:1rem; color:white; padding:10px; line-height:1.5rem; }
.card-stats.secondary .card-header { background-color:var(--color-secondary);}
.card-stats .card-footer { background-color:var(--color-border); }

.modal-dialog.modal-notify.modal-primary .modal-header { background-color:var(--color-primary); }


.navbar { background-color:rgba(255,255,255,0.95); padding:15px 0px; box-shadow:none; border-bottom:1px solid var(--color-border); font-family:'Roboto', sans-serif; }
.navbar .nav-item:last-child { border-right:0px;}
.navbar .nav-item { border-right:0px solid var(--color-border); padding:15px 15px; }
.navbar .nav-item a { color:var(--color-default); text-transform:uppercase; font-size:1rem; font-weight:500; }
.navbar .nav-item a:hover { color:var(--color-secondary);}
.navbar .nav-item.active a { color:var(--color-secondary); }
.navbar .nav-item.active a:hover { color:var(--color-secondary);}
.navbar .nav-item .fa-fw { font-size:1rem; color:var(--color-logo-icon); }



.navbar-brand, .navbar-brand:hover {  padding-left:10px; text-align:right;}
.navbar-brand img { height:50px; }
.navbar-brand { font-size:1.6rem; letter-spacing:2px; line-height:1.4rem; color:var(--color-primary)!important; font-weight:700;  font-family:'Montserrat'; }
.navbar-brand small { color:var(--color-secondary); font-size:0.9rem;}
.navbar-brand .fa-fw { color:var(--color-secondary); font-size:3rem; line-height:1.5rem;  }

.navbar .nav-item.dropdown .dropdown-item .fa-fw { color:black; }
.navbar .nav-item.dropdown .dropdown-item:hover .fa-fw { color:white; }
.navbar .nav-item.dropdown .dropdown-item:hover { background-color:var(--color-primary); }

.navbar { padding:10px; background-color:#FFFFFFEE; border-bottom:1px dotted #BDC7D4; text-align:center; font-size:0.8rem;}



.list-group-item { background:#F6F6F6; }
.list-group-item:nth-child(odd) { background:#FAFAFA; }
.list-group-item.th { background-color:#333; color:white; }

.help-block { border:1px solid #CCC; padding:15px; font-size:0.9rem; background-color:var(--color-primary); color:white; font-style:italic; border-radius:6px; }

#home { width:100%; height:calc(100vh - 500px); text-align:center; padding-top:65px; background-color:var(--color-bg);}

#home .bloc-label1 { text-align:left; margin-top:60px; margin-bottom:60px;}
#home .bloc-label2 { text-align:left; margin-bottom:60px;}
#home .bloc-label3 { text-align:left; margin-bottom:20px;}
#home span.label1, #home span.label2, #home span.label3 { border-radius:6px; color:white; opacity:1; padding:10px 20px; font-weight:500; text-align:left; font-size:1.5rem; letter-spacing:2px; line-height:3rem; font-family:'Roboto', sans-serif; }
#home span.label1 {  margin-bottom:30px; }
#home span.label2 { margin-bottom:30px;  }
#home span.label3 {  }
#home .btn-lg { font-size:1.5rem; text-transform:none; }
#home .btn-lg:hover { background-color:var(--color-secondary-hover)!important; }
#home p.source { text-align:left; color:white; font-size:1.1rem; line-height:1.8rem;}
#home p.source a { text-decoration:underline; color:white; font-style:italic;}
#home .quotation-slogan { font-style:italic; font-size:1.4rem; line-height:2rem; color:#EEE; font-weight:600; text-align:center; margin-bottom:100px; }

#home .right-image { height:100%; }

nav ol.breadcrumb { font-size:0.8rem; line-height:1.2rem; background-color:var(--color-2-logo); border-bottom:1px solid var(--color-1-logo); border-radius:0px; margin-bottom:0px; }
nav ol.breadcrumb a { color:white; font-size:0.8rem; line-height:1.2rem; }
nav ol.breadcrumb li.active { color:var(--color-metal); font-size:0.8rem; line-height:1.2rem; }

.image-grid { height:200px;}

.alert-info { border:1px dotted var(--color-primary); background-color:white; color:var(--color-primary); }
.alert-success { border:1px dotted var(--color-secondary); background-color:white; color:var(--color-secondary); }
.alert-danger { border:1px dotted #dc3545; background-color:white; color:#dc3545; }

content {
  min-height: 100vh;
  height: auto;
  transition: all 0.2s ease-in-out;
}

.button-collapse {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 10;
}


.expertises .fa-fw { font-size:4rem; margin-top:20px; margin-bottom:20px; color:var(--color-secondary) }
.expertises p { margin:0px;}

.teal.accent-3 { background-color:var(--color-secondary)!important; }

.bloc-home-ancre { bottom:30px; position:absolute; text-align:center; width:100%;}

.clockpicker-plate { width:250px; height:250px; }
.picker .picker__frame { width:auto; max-width:300px;}

.picker__box .picker__header .picker__nav--prev::before, .picker__box .picker__header .picker__nav--next::before { font-family: "Font Awesome 5 Pro", sans-serif; }

@media(min-width: 1440px) {
  .content {
    padding-left: 250px;
  }
}

@media (max-width:576px) {
	html { font-size:12px; line-height:18px;  }
	body { font-size:1.1rem; line-height:1.7rem; }
	
	.container-fluid { padding:0px; }
	section { padding:0px 5px; }
	
	.embed_pdf_full_height { width:100%; height:calc(50vh); border:2px solid black; }
	
	.navbar-brand img { height:40px; }
	.navbar-toggler .fa-fw { color:#000; font-size:2.5rem;  }
	
	h1 { font-size:1.8rem; line-height:3rem; }
	
	.navbar-brand { font-size:1.2rem; line-height:1.4rem; }
	.navbar-brand small { color:var(--color-secondary); font-size:0.8rem;}
	.navbar-brand .fa-fw { color:var(--color-secondary); font-size:2.4rem; line-height:1.5rem;  }
	
	
	.jarallax { min-height:400px;} 

	.bloc-home-ancre { bottom:70px;}

	.expertises h2 { text-align:center; font-size:1.5rem; line-height:1.5;}
	.expertises p { text-align:center;}
	.expertises .fa-fw { font-size:3rem; }
	
	
}