/* ========================================================================== 11. Media Queries - Smaller than 992px ========================================================================== */
 @media only screen and (max-width:992px) and (min-width:576px) {
   /*site principal*/
   #navig1 i {
       display: initial !important;
       visibility: visible !important;
  }

  #loginbtn {
      visibility: visible !important;
  }
  #navig1 a {
       color:black!important;
  }
  #navig1 a.active {
      color:#dd9f71 !important;
	  border-bottom:0px !important;
  }
  #navig2b a.active {
      color:#dd9f71 !important;
  }
  #navig2b a {
       color:black!important;
  }
  #navig3 a {
       color:black!important;
  }
  #navig2b {
       display:-webkit-box!important;
      ;
       visibility: visible !important;
      ;
  }
	 .top3 a.active{
	border-bottom:0px !important;
	}
	 .tabversion{
	 margin-left:20px !important;}
	 	 p{
	 font-size:1.7rem !important;
	 }
	 .wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 5vw;
}
     .mob{
         width:100% !important;
         height:100% !important;
         margin-top:0px !important;
         margin-right:0px !important;
    }
	 .hrmob {
	height:auto !important;
	margin-top:0px;
	margin-bottom: 10px;
	}
     .main-nav{
         background:transparent !important;
         height:20px !important;
    }
	 .main-nav a{
		 font-size: 0.6em !important;
	 }
	 .left{
	 padding-left:80px !important;
		  margin-left:0px !important;
         margin-right: 0px !important;
         padding-right:10px !important;
         text-align:center !important;
	 }
    .close {
    	font-size: 2.5em;
    }
	 .inv{
	 visibility:hidden;
	 }
	 .flexbig {
		 flex: 0 0 70%;
		 max-width: 70% !important;
	 }
	 .flextab{
	 flex: 0 0 100%;
		 max-width : 100% !important;
	 }
	 .minhe{
	 min-height:calc(100vh - 155px) !important;
	 }
     .titmob{
         margin-left:auto !important;
         margin-right:auto !important;
         padding: 15px !important;
    }
     .main-header-content{
         margin-top:5px !important;
         margin-bottom: 5px !important;
    }
     .entry-title-divider{
         margin-top:10px !important;
         margin-bottom: 10px !important;
    }
     .btnfirst {
         position:relative !important;
         margin-top: 10px !important;
         margin-bottom: 10px !important;
    }
     .wave {
         visibility: hidden;
    }
     .vis {
         visibility: visible !important;
         width:100% !important;
    }
     .a100 {
         height:100% !important;
    }
	 	.ferme{
		height:0px !important;
}
     .ombre {
         -moz-box-shadow: 2px 2px 10px #222;
         -webkit-box-shadow: 2px 2px 10px #222;
         box-shadow: 2px 2px 10px #222;
    }
     .nav-link.active {
         color:#e1ac84 !important;
    }
     .wave1{
         height:20vh !important;
         top:84vh !important;
    }
     .artblog {
         margin-top:0px !important;
         padding-top:0px !important;
    }
     .navbar-toggler {
         position: fixed !important;
         top: 10px !important;
         left:6px !important;
         background-color:#dd9f71 !important;
         font-size:2rem !important;
         border-radius:0.7rem !important;
    }
	 	.popover{
	width:80% !important}
     .navbar-collapse {
         max-width:95vw !important;
         background-color: white;
         position:fixed !important;
         padding-top:0px !important;
		 padding-left:10px !important;
         top:54px !important;
         left:2.5vw !important;
		 max-height:90vh !important;
		 max-width:95vw !important;
    }
     .li {
         margin : 0.2em 0 !important;
    }
     .top-page {
         visibility: hidden !important;
    }
     .topb {
         position:absolute !important;
         top:0px !important;
    }
     .notop {
         margin-top:0px !important;
    }
     .topneg {
         margin-top : -10vh;
    }
	 	.spec{
	padding-top:16px !important;
	}
     .elt {
         margin-left:0px !important;
         margin-right: 0px !important;
         padding-left: 10px !important;
         padding-right:10px !important;
         text-align:center !important;
    }
     .center {
         margin-left: auto !important;
         margin-right: auto !important;
    }
     .eltleft {
         margin-left:0px !important;
         margin-right: 0px !important;
         padding-left: 10px !important;
         padding-right:10px !important;
    }
     .fond {
         position: absolute !important;
         bottom: 0 !important;
    }
     .autoheight {
         height:auto !important;
    }
	 .main-nav a {
font-size:0.7em !important;	 
}
     .titre {
         background-color:rgba(47,79,79,0.5);
         height:54px !important;
         text-align:center;
        visibility: visible !important;
         position:fixed;
         width:100%;
        z-index:1000;
        color:white;
         top:0px;
         max-width:100%;
    }
     .vert{
         line-height: 54px;
        white-space: nowrap;
    }
     .haut {
         margin-top:-222px !important;
    }

	      .marg12 {
         margin-top:-200px !important;
    }
     .haut2 {
         margin-top:-222px !important;
    }
     .container-fluid{
         top:0px !important;
    }
	.log {
	height:200%;
	max-height:max-content
	 }
     .nav-item {
         margin:0px;
    }
     .main-nav.overlay{
         position:absolute!important
    }

     .nopad {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
     .maxh {
         max-height:5vh !important;
    }
.over {
overflow-y: auto !important;
	overflow-x: auto !important;
}
    /* interne */
     .a100in {
         min-height:180% !important;
    }
     .margin {
         margin-top:30px !important;
    }
     .blackin{
         color:black !important;
         margin-bottom:5px !important;
    }
     .midin {
         text-align:center !important;
    }
     .widthin {
         min-width:50vh;
    }
     .fa-pencil-alt{
         font-size:2rem !important;
    }
     .fa-times{
         font-size:2rem !important;
    }
     .fa-save {
         font-size:2rem !important;
    }
     .widthin2 {
         min-width:30vh !important;
    }
     .bigin {
         font-size:1.5rem !important;
    }
     .butin {
         min-width: 80% !important;
         text-align: center !important;
         min-height: 8vh !important;
         border-radius:10px !important;
    }
     .inblock {
         display:inline-block !important;
    }
     .col6in {
         position:relative !important;
         width:100vw !important;
         flex-basis: unset !important;
         padding-left: 15px !important;
         padding-right: 15px !important;
         max-width:40vw !important;
    }
     .size1 {
         width:80% !important;
		 margin-right: 0 !important;
		 float:unset !important;

    }
    body:not(.post-template) .post-title {
    	font-size:2.5rem !important;
    }
    .post-excerpt p {
    	font-size:1.7rem !important;
    }
	     .post-excerpt span {
    	font-size:1.7rem !important;
    }
    h2 {
    	font-size:3.2rem !important;
    }
    .arnews {
        font-size: 0.9rem !important;
    }
.arcont{
	 font-size:1.2vw !important}
	 .arplus{
	 font-size:1.2vw !important}
.armin{
	 font-size:1.2vw !important;
	margin-left:35% !important;
	 }
    .font1 {
    	font-size: 4.5rem !important;
    }
    .font2 {
       font-size:1.2rem !important;
    }

     h1,h2,h3,h4,h5,h6 {
         margin:0 0 0.3em 0;
    }
     h1 {
         font-size:2.8rem;
         letter-spacing:-1px;
    }
     h2 {
         font-size:2.4rem;
         letter-spacing:0;
    }
     h3 {
         font-size:2.1rem;
    }
     h4 {
         font-size:1.9rem;
    }
     h5 {
         font-size:1.8rem;
    }
     h6 {
         font-size:1.8rem;
    }

     .navbar-expand-md .navbar-collapse {
         display: -ms-flexbox !important;
        /*! display: flex !important;
         */
         -ms-flex-preferred-size: auto;
         flex-basis: auto;
    }
     .navbar-collapse{
         left:2.5vw;
         width:max-content !important;
    }
     .navbar-expand-md .navbar-toggler{
         display:inline-block;
    }
     .navbar-expand-sm .navbar-toggler{
         display:inline-block;
    }
     .collapse:not(.show){
         display: none !important;
    }

     .larg {
         max-width:75% !important;
         flex : 0 0 75% !important;
    }
	      .larg1 {
         max-width:100% !important;
         flex : 0 0 100% !important;
    }
     .thin {
         max-width:25% !important;
         flex : 0 0 25% !important;
    }
	      .thin1 {
         max-width:40% !important;
         flex : 0 0 40% !important;
    }
     .large {
         max-width:83.333333333333333% !important;
         flex : 0 0 83.333333333333333% !important;
    }
     .fin {
         max-width:8.3333333333333333% !important;
         flex : 0 0 8.333333333333333333% !important;
    }
     .triangle {
         margin-left:-2vw !important;
         width:102% !important;
		 margin-bottom:-2px !important;
    }
	 	.templa{
	margin-left:2.5vw !important;
	}
     .margneg {
         margin-bottom:-20px !important;
    }
     .tab {
         margin-top:37px !important
    }
     .forme {
         bottom:0px !important;
         right:60%!important;
    }

     .nav-item{
         margin-right:20px !important;
    }
     .top1{
         position:absolute !important;
    }
     .fas {
         font-size:2rem;
    }
    .margin1 {
      margin-top:0px !important;
    }
	 /*si format paysage*/
@media (orientation: landscape) {
	.a100{
	max-height:150vh !important;
		height:150vh !important;
	}
	.mob {
	height:150vh !important;
	}
	.margneg{
		top : 115vh !important;
	}
}
}
 @media only screen and (max-width:768px) and (min-width:576px) {
     .logbig{
         max-width:80% !important;
         flex : 0 0 80% !important;
         width:80% !important;
    }
     .logfin{
         max-width:10% !important;
         flex : 0 0 10% !important;
         width:10% !important;
    }
}
 @media only screen and (max-width:993px) and (min-width:1160px) {
     .main-nav a{
         font-size:0.5em !important;
    }

}
