/* stylelint-disable selector-list-comma-newline-after */


@font-face {
font-family: 'OpenSans';
src: url("./fonts/OpenSans-Regular.ttf"); 
}

@font-face {
font-family: 'HouseDB';
src: url("fonts/HouseDB.ttf"); 
}


/*B*/
.bandeau {  padding:5px ; background:#FFF ; color:#333; font-size:0.9em ; font-family:'century-gothic'  ; width:100% ; line-height:1.5em}
.bandeau_base_line { margin-left:50px }
.bandeau_tel { text-align : right ;  padding:20px ; white-space: nowrap;}





.champ_input_contact { width:100% ; border:solid 1px #444 ; margin:20px ; padding:20px ; font-size:1.5em }

.input_contact  { width:100% ; border:solid 1px #444 ; margin:20px ; padding:20px ; font-size:1.5em  ; background:#000  ; color:#FFF }


.ariane {  font-size:2em ; color:#777 ; margin:30px  ; padding:10px  ; 
border-left:solid 10px #F00   ;
border-bottom:solid 2px #c59201;
 background:#FFF }


.zoom {background:#F0F0F0 ;} 


.img_zoom {  transition: transform .2s; /* Animation */
  margin: 0 auto;}


.img_zoom:hover {
   -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

blockquote {  font-size:3em; 
line-height:1em ;
 box-shadow: -12px 12px 8px #aaa;
border-left:solid 10px #F00   ;
border-bottom:solid 2px #c59201;
padding: 40px;
margin: 0;
max-width:850px ;  background:#e4e5f2 ;  
margin:auto ; 
font-family: "HouseDB", serif ;
color:#000050 ; 
}


footer { padding:20px   ; width:100%; margin:0px; background:#303030  ; border-top:solid 4px #F00 }
footer li { color:#FFF }
footer li a { color:#FFF }
footer li a:hover { color:#FFF }
footer li a:visited { color:#FFF }


.titre_accueil { margin-top:100px ;margin-bottom:0px ;  text-align:center  ; }


.titre_zoom { padding:10px ;  background:#FAFAFA ; -moz-box-shadow: 3px 3px 3px #555;
-webkit-box-shadow: 3px 3px 3px #555;
box-shadow: 3px 3px 3px #555; border-radius:5px }

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}




.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "OpenSans", sans-serif /*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

h2 {
  text-decoration:underline ; color:#c80021 ; font-size:1.8em 
}



.display-4 {
  font-size: 2.5rem;
}

@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }


@media screen and (max-width:780px) {
  
#container { margin:0px  ; overflow:hidden }

}

@media screen and (min-width:850px) {
	
.page { font-size:1em ; font-family:'OpenSans'  ; padding:50px ; line-height:2em  ;  max-width:90%  ; border:solid 1px #aaaaaa ; 
margin:50px  ;  text-align:justify ;  box-shadow: -8px 8px 8px #aaa;   border-radius:3px ;  background:#FAFAFA ;
  }
}

@media screen and (max-width:850px) {
	
.page { font-size:1em ; font-family:'OpenSans'  ; padding:20px ; line-height:2em  ;  max-width:100%  ; 
 text-align:justify ;   background:#FAFAFA ;
  }
  

  
}



@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #727272;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

#scrollUp
{
background:#AA0000;
color:#FFF;
border-radius:40px;
width:50px;
height:50px ; 
padding:10px;
text-align:center;
position: fixed;
bottom : 50px;
right: -100px;//ne pas toucher
opacity: 0.5;
}

html {
  scroll-behavior: smooth;
}