@media screen and (max-width:800px) {
  .show-menu-btn,.hide-menu-btn{
    display: block;
  }

  .show-menu-btn2,.hide-menu-btn2{
    display: block;
  }

  body{
    background-image: none;
  }
  .position{
    position: fixed;
  }

  #menu.show{
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    top: 0px;
    opacity: 1;
    text-align: center;
    line-height: normal;
    -webkit-transition: 0.45s;
    transition: 0.45s;
    z-index: 2001;
    overflow: hidden;
	overflow-y: auto;
    border-radius: 0;
    will-change: height, border-radius, padding;
	background: var(--secondary);
  }

  .lien_menu
  {
	padding-left: 40px;
  }

  #menu li:first-child
  {
	height: auto;
  }
  #menu li, #menu > li li
  {
	font-size: 1em;
  }
  #menu li ul li
  {
	width: 100%;
  }
  #menu li ul li:hover
  {
	width: 90%;
	background: #afafaf;
	border-radius: 20px;
	transition:all .25s linear;
	color: #fff;

  }
  #menu li ul li:hover a
  {
	color: #fff;
	
  }

  #menu li li:hover
  {
	border-bottom: none;
  }

  #menu ul
  {
	position: relative;
	width: auto;
	top: 0;
	padding-top: 0;
	height: 0;
	transform: scale(1);
	opacity: 1;
	overflow: hidden;
	transition: height .25s linear;
	text-align: center;
  }

  #menu ul div
  {
	border-radius: 0;
	box-shadow: none;
  }

  #menu li:hover ul
  {
	height: 210px;
	transition: height .25s linear;
  }
  #menu li:nth-child(6):hover ul
  {
	height: 110px;
  }
  #menu > li:nth-child(7)
  {
	width: 100%;
  }
  .rond_ligne
  {
	right: 40px;
  }
  .label-mod-sombre{
	padding-left: 40px;
  }
  #scales
  {
	right: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  }
  .chevron-down
  {
	right: 40px;
	padding: 0;
  }
  #fa-home-id
  {
	font-size: 1em;
	padding-right: 10px;
  }
  .fa-circle-user, .fa-bars
  {
	color: var(--search);
  } 
  #menu a span{
	display: inline-block;
	color: #fff;
  }

  .menu-mobile{
    position: fixed;
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    background: #333;
    top: 0px;
    opacity: 1;
    text-align: center;
    line-height: normal;
    -webkit-transition: 0.45s;
    transition: 0.45s;
    z-index: 2001;
    overflow: hidden;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    will-change: height, border-radius, padding;
  }
  .menu-mobile a{
    display: block;
    padding: 20px;
    text-transform: uppercase;
    color:#fff;
  }
  .hide-menu-btn{
    position: absolute;
    top: 20px;
    right: 20px;
    color: var(--notif-close);
	font-size: 30px;
  }

  .close-search-btn
  {
  	display: none;
  }
  
  .usr_img
  {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translateY(-50%);
	line-height: normal;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
  }
  #content_profil_min
  {
	display: none;
  }
  #content_profil_min.show
  {
	display: block;
  }
  #content_profil_min ul
  {
	background: var(--secondary);
	z-index: 999;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	text-align: center;
	line-height: normal;
  }
    .close-search-btn.show{
    display: none;
    position: absolute;
    right: 0;
    width: 14%;
    display: inline-block;
    top: 0;
    text-align: center;
    z-index: 9999;
      }
	  .show-cmpt-btn
	  {
		right: 0;
	width: 10%;
	display: inline-block;
	top: 0;
	text-align: center;
	font-size: 30px;
	  }
  
      .show-search-btn{
    left: 75%;
    width: 10%;
    display: inline-block;
    top: 0;
    text-align: center;
	font-size: 30px;
	position: absolute;
      }
      #aff_recherche_id
      {
      	width: 100%;
		border-radius: 20px 20px 0 0;
      }

	  .search_result{
		width: 100%;
	  }
	  .aff_load_search
{
	width: 100%;
}

      .global_art_search
      {
      	width: 70%;
      }
    .show-menu-btn{
    right: 0;
    width: 10%;
    display: inline-block;
    top: 0;
    text-align: center;
	position: absolute;
	font-size: 30px;
      }

      .show-menu-btn2
      {
        left: 10px;
        color:#fff;
        z-index: 2;
        font-size: 25px;
        position: absolute;
      }

      #pseudo_profil
      {
        margin: 0 auto;
      }

      .chk2
      {
        position: absolute;
        width: 100%;
        height: 100vh;
        background:
        rgba(0, 0, 0, 0.5);
        display: none;
        right: 0;
        z-index: 3;
      }

      .chk2.show
      {
        display: block;
      }

  #chk2
  {
  display: none;
  margin: 0;
  position: relative;
  width: 40px;
  height: 20px;
  background: transparent;
  outline: none;
  border-radius: 0;
  border: none;
  box-shadow: 0;
  }

  #chk-cmpt
  {
	display: none;
  }

  #chk-search
  {
	display: none;
	margin: 0;
	position: relative;
	width: 40px;
	height: 20px;
	background: transparent;
	outline: none;
	border-radius: 0;
	border: none;
	box-shadow: 0;
  }

    #chk-search-close
  {
	display: none;
	margin: 0;
	position: relative;
	width: 40px;
	height: 20px;
	background: transparent;
	outline: none;
	border-radius: 0;
	border: none;
	box-shadow: 0;
  }
  
  #chk
  {
	display: none;
	margin: 0;
	position: relative;
	width: 40px;
	height: 20px;
	background: transparent;
	outline: none;
	border-radius: 0;
	border: none;
	box-shadow: 0;
  }

  #chk:before
  {
  	display: none;
  }

  #box
  {
  	top: 0;
  }

  /*mod sombre click*/
  .mod_sombre
  {
	  position: absolute;
	  height:auto; 
	  width: 100%; 
	  padding:0; 
	  margin: 0; 
	  text-align:left; 
	  line-height: normal;
	  top: 50%;
	transform: translateY(-50%);
  }
  #mod_sombre
  {
  height: 30px;
	line-height: 0;
	padding: 5px;
	position: relative;
	text-align: left;
	width: 75%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
  }
  .label-mod-sombre
  {
	display: inline-block;
	color: var(--menu-text);
	height:20px;
	text-align:left!important;
	top: 0;
  }
  /*fin click mod sombre*/
}
@media (max-width: 800px)
{
	/*.menu-mobile
	{
		display: block;
		position: fixed;
		width: 100%;
		top: 120px;
		color: #fff;
		background-color: rgba(29, 197, 151, 0.97);
		text-align: center;
		padding: 12px 0;
		z-index: 1003;
	}*/

	#menu-mobile
{
	display: block;
}

	/*nav*/ #menu li
	{
		width: 100%;
		z-index: 900;
		height: auto;
		text-align: left;
		min-height: 100px;
	}
	/*nav*/ #menu
	{
		display: none;
		z-index: 900;
	}

	nav
	{
		height: auto;
		z-index: 9900;
		max-height: 500px;
	}
	nav #menu li ul
	{
		width: 100%;
		z-index: 901;
	}

	nav #menu li:active
	{
		max-height: 1000px;
		z-index: 900;
	}
		#rechercheid .divrecherche
	{
		display: none;
	}

	/*nav*/ #menu #rechercheid
	{
		display: none;
	}

}
@media screen and (max-width:800px) {

	textarea
	{
		width: 75%;
		/*border-bottom: 2px solid #12cbc4;*/
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

  .contentbtrp
  {
    width: 35%;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    vertical-align: top;
    text-align: left;
    right: 0;
  }

  #com_text {
    width: 85%;
  }

	#aside
	{
		display: none;
	}

	#image_profil_article
	{
		width: 100%;
		margin: 0;
		border: none;
		border-radius: 0;
	}

	#image_article2
	{
		width: 100%;
		border: none;
		border-radius: 0;
	}

	#acueil
	{
		width: 100%;
		top: 130px;
		display: block;
		margin-top: 130px;
	}

	#inputcom
	{
		width: 85%;
		border-bottom: 2px solid #12cbc4;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top: 0;
		border-left: 0;
		border-right: 0;
		margin-bottom: 5px;
	}

	.global_art
	{
		width: 99%;
	}

	.news
	{
		width: 90%;
		margin-left: 5%;
		display: block;
	}

	#commentaires
	{
		width: 100%;
		margin: 0;
		left: 0;
	}

	#nbcom
	{
		display: none;
	}

	#nbcom2
	{
		float: none;
		margin: 0 auto;
	}

	#logo
	{
		top: 0;
		width: auto;
		height: 100%;
		vertical-align: top;
	}

	article
	{
		width: 100%;
	}

	h1
	{
		width: 100%;
		font-size: 5vh;
		margin: 0;
	}

	#article
	{
		margin: 0;
		width: 100%;
	}

	#page_article
	{
		width: 100%;
		margin: 0;
	}

	.article
	{
		width: 100%;
		border: none;
		text-align: center;
	}

	.content-latest-cont{

		width: 99%;
	}
	.content-latest-cont:first-child
	{

		width: 99%;
	}
	#content-glob{

		width: 100%;
		left: 0;
		padding: 0;
	}

	.div_h1_article{

		height: auto!important;
	}

	.div_h1_article h1
	{
		width: 100%!important;
	}
	#dyn_click
	{
		margin-top: 20px;
	}
	#dynArt_ID{

		width: 99%!important;
		border-radius: 25px 25px 0 0;
	}
	.close_dynart{
		color: #414141;
		top: 25px;
	}
	#recharge_click {
		margin-top: 20px;
	  }
	.date
{
	width: 90%;
	color: white;
	margin-left: 5%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: 30px;
	background: #00bcd4;
}

.connectionbouton
{
    height: 40px;
	background: grey;
	color: #fff;
}

.lien_inscription
{
    height: 40px;
	background: grey;
	color: #fff;
}

.contenu_article
{
	font-size: 9px;
}

h3
{
	margin: 0;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
}

p
{
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
}

	#logohead
	{
		position: relative;
		width: 60%;
		display: inline-block;
		height: 100%;
		left: 0;
		text-align: center;
	}
	
	.back_search
	{
	    z-index: 999;
	}
	
	#result-search
	{
	    z-index: 999;
	}
	
	.rechercheid-mobile
	{
	    display: none; 
	    position: absolute; 
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 120px;
	    z-index: 9998;
	}
	
	.rechercheid-mobile.show
	{
	    display: block;
	}

	#header
	{
		text-align: left;
		display: inline-block;
			}

	#boutonhead
	{
		display: none;
	}

	#boutonhead ul
	{
		display: none;
	}

	#boutonhead ul li
	{
		display: none;
	}

	.popup_block
	{
		width: 100%;
	}

	.btn_close
	{
		display: none;
	}

	#pseudo_profil_article
	{
		font-size: 12px;
	}
	.fa-thumbs-up
{
	font-weight: 400;
	font-size: 10vw;
	line-height: 56px;
}

.fa-thumbs-down
{
	font-weight: 400;
	font-size: 10vw;
	line-height: 56px;
}
 .favoris .likes p
 {
 	width: 10px;
 	height: 100%;
 	color: gray;
 	font-size: 10vw;
 	display: inline-block;
 	vertical-align: middle;
 	line-height: 46px;
  }
   .favoris .dislikes p
 {
 	width: 10px;
 	height: 100%;
 	color: gray;
 	font-size: 10vw;
 	display: inline-block;
 	vertical-align: middle;
 	line-height: 46px;
  }

  .libellé
  {
  	width: 100%;
  }

  .favoris
  {
  	width: 100%;
  	margin-top: 10px;
  	float: none;
  }

  .barre_favoris
  {
  	height: auto;
  	border-radius: 0;
  }

  #h2com
  {
  	border-radius: 0;
  }

  #textcom
  {
  	border-radius: 0;
  }

  #commentaires
  {
  	border-radius: 0;
  	border-top: 3px solid #fff;
  	border-bottom: 3px solid #fff;
  	border-left: 0;
  	border-right: 0;
  }

  /*DDMSpace*/
.middle
{
  left: -70%;
  z-index: 4;
  width: 70%;
  transition: left .25s, border-radius .25s;
}

.middle.show{
  left: 0;
}

#image_profil
{
	width: 100%;
}

#input_info
{
	width: 100%;
	margin-bottom: 20px;
	top: 150px;
}

#modif_info
{
	top: 90px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 224px;
}

#mdpv2 .inputBox
{
	width: 90%;
}

#mdpv2 .inputBox input
{
	width: 100%;
	margin-bottom: 40px;
}

#mdpv2 .inputBox label
{
	left: 5%;
}

#mdpv2 .inputBox input:focus ~ label,
#mdpv2 .inputBox input:valid ~ label
{
	top: -35px;
	left: 5%;
}

.theme h1
{
	margin-bottom: 10px;
}

#mdpv2 #h1connect
{
	width: auto;
}

#info_h1
{
	width: auto;
}

#date_inscri
{
	position: relative;
}

.version_outil
{
	display: block;
	width: 100%;
	height: auto;
}

.div_submit
{
	top: 50px;
	position: relative;
}

.div_submit #submit
{
	top: 0;
}

#profil
{
	width: 100%;
	transform: translatex(0);
	left: 0;
}

  #loginv2
  {
  	position: absolute;
    /*margin: 0 auto;*/
    top: 0;
    left: 0;
    transform: translate(0);
  	width: 100%;
  	height: 100%;
    padding: 10px;
    /*padding-bottom: 40px;*/
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 15px 25px rgba(0,0,0,.5);
    border-radius: 0;
  }

  .user
{
	width: 100%;
	height: auto;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

/*Inscription*/
  #formulaire
  {
  	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0;
	top: 0;
	left: 0;
	transform: translate(0);
  }

  .dialog{
  	position: fixed;
  }
  
  .contdialog{
  	width: 100%;
  	left: 0;
  	transform: translateY(-50%);
  	position: absolute;
  }

  .contdialog p{
  	font-size: 14px;
  }

  .contdialog div{

  		width: 100%;
  		position: absolute;
  		bottom: 0;
  		left: 0;
  		text-align: center;
  }

  #choixactuel{
  	display: block;
  	position: relative;
  	width: 90%;
  	top: 0;
  	margin: 0 auto 10px;
  }

  #choixautre{
  	display: block;
  	position: relative;
  	width: 90%;
  	right: 0;
  	top: 0;
  	margin: 0 auto 10px;
  }

}
/*Antipub*/
#content-antipub
{
	width: 99%;
	left: 50%;
	transform: translateX(-50%);
}
#content-antipub div
{
	width: 100%;
}
#content-antipub a
{
	margin-left: 0;
	margin-right: 0;
}

.content_choix_nav
{
	display: none;
}

.nav_detect
{
	right: 0;
	width: auto;
	top: 0;
	transform: translateY(25%);
}

.ret_accueil
{
	width: auto;
	top: 0;
	transform: translateY(50%);
}

.content_ret_accueil p
{
	display: none;
}

.content_ret_accueil
{
	min-width: 0;
}

.content_ret_accueil i
{
	left: 50%;
	transform: translate(-50%, -50%);
}
/*Fin antipub*/
/*New style article*/
.card{
	width: 90%;
	max-width: 300px;
}
.content_article{
	left: 0%;
}
.card-header
{
	object-fit: none;
}
/*Fin new style article*/
/*MAJ*/
.contenu_maj
{
	top: 130px;
	width: 100%;
}
.MAJ
{
	position: relative;
	width: 99%;
}
.date_maj
{
	display: none;
}
/*Fin MAJ*/
/*status site*/
.global-content-status
{
	top: 120px;
}
.serv_site
{
	width: 95%;
}
/*ddmfirm*/
#firmactu
{
	top: 220px;
}
.chercheur
{
	width: 53%;
}
.chercheur::placeholder
{
	font-size: 12.5px;
}
.chercheurdiv
{
	top: 130px;
	width: 95%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.select-cat
{
	font-size: 12px;
	right: 55px;
}
.labelcherche
{
	height: 70px;
	line-height: 70px;
	font-size: 42px;
}
.contenu_smart
{
	width: 100%;
	min-width: unset;
}
.contenu_ope
{
	width: 100%;
	min-width: unset;
}
.titre_categorie_droite
{
	width: 90%;
	margin-bottom: 20px;
}
.titre_categorie
{
	width: 90%;
	margin-bottom: 20px;
}
#firmactu .user
{
	display: none;
}
#titre_art
{
	width: 100%;
}
#cont_img_art
{
	width: 15vh;
}
#card_ope
{
	height: 117px;
}
#card-header-ope
{
	width: 30%;
}
.cont_info_ope
{
	width: calc(100% - 30%);
}
.container-smart
{
	top: 120px;
}
.cont_info_ope h1
{
	font-size: 7vw;
}
#card_ope img
{
	height: 100%;
	object-fit: cover;
}
.firmactu_info
{
	width: 63.9%;
}
/*Fin ddmfirm*/
/*Admin*/
.content_nb_pers
{
	min-width: 100%;
}
#content-stat
{
	width: 100%;
	left: 0;
	transform: translate(0);
	padding: 0;
}
.table
{
	padding-top: 90px;
}
.table-head
{
	width: 40%;
}
table, thead, tr, th{
	display: block;
} 
.column1, .column2, .column3, .column4, .column5, .column6{
	width: 100%;
}

.column1{
	padding-left: 0;
}
/*Fin Admin*/