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

	.bloc_div_content{
			width:80%;
	}

	.bloc_div{
		font-size: 0.9em;
	}

	.bloc_div_icon{
			width:80px;
	}

}

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

	footer{
		border-top:1px solid #dfdfdf;
	}

	.element_video{
		width:100%;
	}

	#main .container{
		width:100%;
	}


	.container{
		width:100%;
	}

	#meteo_reseaux{
		width:100%;
	}

	#meteo_reseaux a, #meteo_reseaux a:link{
		margin:0 2%;
	}

	.containerFooter{
		width:100%;
	}

	#resource_content{
		width: 100%;
	}

	.element_form{
		width:100%;
	}

	.open_bracket_div{
		width:100%;
	}

	header #logo{
		width:220px;
		margin-left:1%;
	}

	.slogan_div{
		font-size: 1em;
	}

	header nav ul.menu img{
		height:40px;
	}

	header nav ul.menu li a{
		font-size: 0.85em;
	}

	header nav ul.menu li ul.sub-menu li a{
		font-size: 0.85em;
	}

	header nav ul.menu{
		margin-left:20%;
		margin-right:3%;
	}

	/* BLOCS ACCUEIL */

	.bloc_div_content{
		min-height: 220px;
	}

	ul.liste-footer li.item3 {
			/*width: calc(20% - 5px);*/
			width:20%;
			padding:0 2.5%;
	}

	.width_1280{
		width:auto;
	}

	.element_texte{
		width:auto;
	}

	#contenu_public_elements .separateur_accueil .pictoColonne img{
		width: auto;
  }

	#contenu_public_elements .pictoColonne img{
		width:15%;
		margin-top:10px;
	}

	.separateur_width_25{
		vertical-align: top;
		margin-top:20px;
	}

	.separateur_width_25 p {
		/*text-align: center;*/
	}

	.texte_accueil_blue{
		font-size: 1.2em;
	}

	.myImage .gallery_images_div{

	}

	.open_bracket_div_footer .element_texte p{
		font-size: 1em;
		padding:0;
		padding-bottom: 10px;
	}


	#contenu_public_elements .separateur_accueil  .element_texte p{
		font-size: 0.9em;
	}


		#contenu_public_elements .separateur_accueil br  {
			display: none;
		}

		#contenu_public_elements .separateur_accueil  .pictoColonne img{
			width:50px;
			margin-top:0;
		}
		/*
	.open_bracket_div_footer br {
    display: none;
	}
	*/

	/* COMMANDE */
	#macommande,
	#macommande_avancement{
		width:auto;
	}

	/* COMMANDE */
	.macommande_avancement_bloc_image{
		width: 50px;
	}

	.macommande_avancement_div{
		top:-40px;
		left:15px;
	}

	.macommande_avancement_bloc_title{
		font-size: 0.9em;
	}

	.liseret_bas{
		font-size: 1.3em;
	}

	.picto_liseret{
		height:25px;
	}


	#macommande_sub{
		width:auto;
	}
}


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


	header #logo{
		width:200px;
		margin-left:1%;
	}

	header nav ul.menu{
		/*margin-left:17%;
		margin-right:10%;*/
	}

	header nav ul.menu > li{
		width:15%;
	}

	.macommande_reference{
		display: block;
		margin-top:10px;
	}
}

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

	header #logo{

	}

	header nav ul.menu{
		/*margin-left:16%;
		margin-right:12%;*/
	}

	header nav ul.menu > li{
		width:13%;
	}


/*@media screen and (max-width:1130px){*/


	header #logo{
		width:165px;
		left:1%;
	}

	header nav ul.menu{
		/*margin-left:15%;
		margin-right:16%;*/
	}

	/*
	header nav ul.menu > li{
		width:13%;
	}
	*/

	.bloc_div_content{
	/*		width:90%;*/
	}

	#blocs_div{
		top:150px;
	}
}

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

/*@media screen and (max-width:1024px){*/
	/* PASSAGE MENU MOBILE */


	/*
	#main .container{
		width:100%;
	}

	.element_texte{
		width:100%;
	}

	#main .gallery {
		width: 100%;
	}

	#meteo_reseaux{
		width:100%;
	}

	#meteo_reseaux a, #meteo_reseaux a:link{
		margin:0 2%;
	}

	.containerFooter{
		width:100%;
	}

	#resource_content{
		width: 100%;
	}

	.element_form{
		width:100%;
	}
	*/


	#contenu_public_elements{

	}

	.element_texte p{
		font-size: 0.8em;
	}


	/* remonter le contenu du site suite à disparition du menu */
	header::after{
		display: none;
	}

	header{
		height:auto;
	}

	.main_off{
		margin-top:0;
	}

	/* MENU */

	header #logo{

	}

	.slogan_div{
		font-size: 1.2em;
	}

 	#menu-menu {

  }

	header nav .menu-bt i {
	    position: absolute;
	    left: 0;
	    top: 0;
	}

  header {
    z-index: 3000;
  }

  header nav .menu-bt, .menu-bt {
    display: inline-block;
		/*
		width: 42px;
    height: 42px;
		*/
		width:56px;
		height:56px;
    border: 0 !important;
    font-size: 30px;
    position: absolute;
    /*right: 60px;*/
		right: 48px;
		right:20px;
    top: 20px;
    color: #cd1719;
    z-index: 999;
  }

  .nav-container .fermer-bt {
      display: block;
      /*position: fixed;*/
			position: absolute;
      right: 48px;
			right:20px;
      top: 11px;
      z-index: 5;
			width:54px;
			height:54px;
  }

  header .nav-container{
    display: block;
		display: none;
    width: 100%;
    margin: 0;
    background: #fff;
    padding: 30px 0px;
    padding:0;
    position: fixed;
    left: 0;
    /*top: 90px;*/
		top:0;
    height: auto;
    max-height: 100%;
		height:3000px;
    z-index: 999999999;
    overflow: scroll;
    box-sizing: border-box;
		border-top:1px solid #686868;
		/*border-top:2px solid #000;*/
  }

	header nav ul.menu > li {
		border-bottom:1px dashed #efefef;
	}


  header nav ul.menu {
    display: block;
		width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0px;
    height: auto;
		margin-top:80px;
  }

  header nav ul.menu li {
    /*margin-bottom: 10px;*/
    width: 100%;
  }

  header nav ul.menu li a {
    padding-bottom: 10px;
    width: 200px;
    margin: 0 auto;
    font-size: 15px;
  }

  /*
  header nav ul.menu li a {
    font-size: 13px;
  }
  */

  menu {
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    top: 0px;
    background: #f6f6f6;
    padding: 20px 0;
  }

  header nav ul.menu li ul.sub-menu li {
    width: 100%;
    border-bottom: 0;
    background: #dfdfdf;
  }

  header nav ul.menu li ul.sub-menu li a {
    /*width: 200px;*/
    width:100%;
    /*margin: 0 auto;*/
    padding: 5px 0;
    text-align: center;
    display: block;
 }

 header nav ul.menu li ul.sub-menu {
    /*flex-wrap: wrap;*/
    position: relative;
    width: 100%;
    height: auto;
    /*left: 0;
    top: 0px;*/
    background: #f6f6f6;
    margin:0;
    padding:0;
    top:0;
    left:0;

    /*padding: 20px 0;*/
}

.span_1 {
  position: relative;
  padding:0;
  margin:0;
}

.span_2 {
  position: relative;
  padding:0;
  margin:0;
}

.span_3 {
  position: relative;
  padding:0;
  margin:0;
}

header nav ul.menu li ul.sub-menu-3{
  position: relative;
  top:0;
  left:0;
}

header nav ul.menu li ul.flex{
  /*display: block;*/
  display: contents;
}

header nav ul.menu li ul.sub-menu-3.flex{
/*  display: block;*/
  display: contents;
  background: #fff;
}


header nav ul.menu > li:hover{
  border-bottom:0px;
  /*border-bottom:2px solid #149359;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


header nav ul.menu li ul.sub-menu li:hover a:first{
  color:#149359;
}

header nav ul.menu li ul.sub-menu-2 li{
}



header nav ul.menu li ul.sub-menu-3 li{
  display: block;
  clear:both;
  background: #fff;
  border:0!important;
  font-weight: bold;

}


/* BLOCS ACCUEIL VIDEO */

.bloc_div{
/*	width: 35%!important;*/
}

.bloc_div_content{
	line-height: 100%;
}

	ul.liste-actus li {
		font-size: 0.9em;
	}
	/*
	.element_texte{
		width:100%!important;
	}
	*/

	#main .gallery {
		width: 100%;
		margin-top:20px;
	}

	#main p.commande_accueil_titre{
		font-size: 1.1em;
	}

	#commande_accueil_code_postal{
		font-size: 0.8em;
	}

	#contenu_public_elements select{
		font-size: 0.8em;
	}

	#commande_accueil_button{
		font-size: 1em;
		padding:7px 2% 7px 4%;
	}

	.nos_clients_et_nous_bloc_note_moyenne{
		font-size: 0.8em;
	}

	p.nos_clients_et_nous_bloc_en_savoir_plaus{
		font-size: 0.8em;
	}

	.nos_clients_et_nous_bloc_element{
		font-size: 0.8em;
	}

	/* COMMANDE */
	.macommande_avancement_bloc_image{
		width: 50px;
		padding:27px 0 0 10%
	}

	.macommande_avancement_div{
		top:-40px;
		left:15px;
	}

	.macommande_avancement_bloc_title{
		font-size: 0.8em;
	}

	.pictoCommande{
		width: 40px;
	}

	/* COMMANDE GROUPEE */
	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
		font-size: 0.9em!important;
	}

	.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
	 /* font-size: 0.8em!important;*/
	}

	#commandegroupee_members_table tr{
		cursor: pointer;
		border:0;
		font-size: 0.8em;
	}

	.macommande_resume {
		font-size: 0.9em;
	}

	#contenu_public_elements .separateur_accueil  .element_texte p{
		font-size: 0.2em;
	}


	#contenu_public_elements .separateur_accueil  .element_texte p{
		font-size: 0.8em;
	}


	.element_texte{
		font-size: 1em;
	}

	.element_texte p {
		line-height: 150%!important;
	}

	.div_width{
		display: block;
		width:90%!important;
		margin-left: auto;
		margin-right: auto;
	}

	#main .commande_accueil {
		margin:10px auto;
	}

	#main .cartographie_accueil{
		margin:20px auto;
	}


	#searchform{
		font-size: 0.8em;
	}

}

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

		/* COMMANDE */
		.macommande_avancement_bloc_image{
			width: 40px;
			padding:27px 0 0 10%
		}

		.macommande_avancement_div{
			top:-35px;
			left:10px;
			font-size: 0.6em;
		}

		.macommande_avancement_bloc_title{
			font-size: 0.7em;
		}

}

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

	ul.liste-footer li.item3 {
			/*width: calc(20% - 5px);*/
			width:31.3%;
			padding:0 1%;
	}


	ul.liste-actus li {
		height:200px;
	}


	#search_element_h3, #search_content_h3, #search_agenda_h3{
	  	width:90%;
	}


			#main p.commande_accueil_titre{
				font-size: 1em;
			}

			#commande_accueil_code_postal{
				font-size: 0.8em;
			}

			#contenu_public_elements select{
				font-size: 0.8em;
			}

			#commande_accueil_button{
				font-size: 1em;
				padding:7px 2% 7px 4%;
			}

			#commande_accueil_code_postal{
				width:40%;
			}

			#prix_fioul_alerte_form{
				font-size: 0.9em;
			}

			.nos_clients_et_nous_bloc_element{
				width: 23%;
				margin:0 1%;
			}

			/* COMMANDE GROUPEE */
			.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
				font-size: 0.8!important;
			}

			.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
			 font-size: 0.7em!important;
			}

			#addMyself{
				display: block;
				width:50%;
				margin:0;
				margin-top:10px;
				text-align: center;
			}

			#addOrEditPeople{
				font-size: 1em;
				padding:10px 3%;
			}



			.macommande_resume {
				font-size: 0.8em;
			}


			.main_listing th{
				font-size: 0.9em;
			}

			.main_listing td{
				font-size: 0.9em;
			}


			.main_listing form{
				font-size: 0.9em;
			}
}


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

	ul.liste-actus li  {
			/*width: calc(20% - 5px);*/
			width:46%;
			height:250px;
			font-size: 1em;
			margin-bottom: 30px;

	}


	#main p.commande_accueil_titre{
	  	font-size: 0.9em;
	}


	.separateur_width_25{
		vertical-align: top;
		margin-top:20px;
	}

	.separateur_width_25 p {
		text-align: center;
	}

	.texte_accueil_blue{
		font-size: 1.1em;
	}

	#prix_fioul_alerte_form{
		font-size: 0.8em;
	}

	.nos_clients_et_nous_bloc_element{
		font-size: 0.8em;
	}

	/* COMMANDE */
	.home #main .container h1{
		font-size: 1.3em;
		padding:10px 1%;
	}

	.pictoCommande{
		width: 30px;
	}


	/* COMMANDE */
	.macommande_avancement_bloc_image{
	/*	width: 50px;*/
	}

	.macommande_avancement_div{
		top:-35px;
		left:10px;
		font-size: 0.5em;
	}

	.macommande_avancement_bloc_title{
		font-size: 0.6em;
	}

	#macommande #full_bloc{
		font-size: 0.9em;
	}

	#addOrEditPeople{
		font-size: 0.9em;
		padding:10px 3%;
	}

	.bouton_jaune,
	.bouton_gris
	{
		font-size: 1em;
	}

	/* COMMANDE GROUPEE */
	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .form_label{
		font-size: 0.9em!important;
	}


	.choix_element{
		font-size: 1em;
	}


}




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

	.video-header{
	  min-height:700px;
	  /*position: inherit;*/
	  /*top:-62px;*/
	}

	#blocs_div{
		top:20px;
		position: relative;
	}

	#blocs_div p{
		width:90%;
		margin:0 auto;
	}

	.bloc_div h2{
		font-size: 1.3em;
	}


	.bloc_div{
		width: 45%!important;
	}

	.bloc_div_content{
		min-height: 200px;
	}

	.bloc_div_icon{
		width:60px;
	}

	ul.liste-footer li.item3 {
	    /*width: calc(20% - 5px);*/
	    width:45%;
	    padding:0 2%;
	}


	ul.liste-actus li  {
			/*width: calc(20% - 5px);*/
			width:46%;
			height:200px;
	}

	.div_width{
			display: block;
			width:90%!important;
			vertical-align: middle;
			/*padding:0 1%;*/
			margin: 0 auto;
	    /*text-align: center;*/
	}



	.element_texte p{
		font-size: 0.7em;
	}

	#main .commande_accueil{
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 30px;
	}

	#main .cartographie_accueil{
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 30px;
	}

	.commande_accueil_titre{
		font-size: 1.2em;
	}

	#main p.commande_accueil_titre{
			font-size: 1.1em;
	}

	#commande_accueil_code_postal{
		font-size: 1.1em;
	}

	#contenu_public_elements select{
		font-size: 1.1em;
	}

	#commande_accueil_button{
		font-size: 1.1em;
		padding:10px 2% 10px 4%;
	}


	.texte_accueil_blue{
		font-size: 1em;
	}

	.separateur_width_25{
			width:auto;
			display: block;
	}

	#prix_fioul_alerte_form{
		font-size: 0.8em;
	}

	.nos_clients_et_nous_bloc_element{
		display: block;
		width:80%;
		margin: 0 auto;
		margin-bottom: 20px;
		font-size: 0.8em;
	}


		/* COMMANDE */
		.macommande_avancement_bloc_image{
		/*	width: 50px;*/
			margin:0;
			padding:0;
			display: block;
			height:40px;
			height:30px;
			margin: 10px auto 10px auto;

		}

		.macommande_avancement_div{
			top:-35px;
			left:10px;
			font-size: 0.5em;
		}

		.macommande_avancement_bloc_title{
			font-size: 0.6em;
			text-align: center;
			margin:0 auto;
			display: block;
		}

		.home #main .container h1 {
			font-size: 1.2em;
		}

		#macommande #full_bloc{
			font-size: 0.8em;
		}

		#commandegroupee_members_table .commande_litres_tarif{
			width: 30%;
		}
		#commandegroupee_members_table .commande_litres_tarif .commande_total_litres,
		#commandegroupee_members_table .commande_litres_tarif .commande_total_tarif{
			display: block;
			width: 70%;
			text-align: center;
			margin:0 auto;
			padding:0;
			margin:0 auto 10px auto;
		}

		#contenu_public_elements .separateur_accueil  .element_texte p{
			font-size: 1.1em;
			text-align: center;
		}

			#contenu_public_elements .separateur_accueil .gallery_images_div{
				padding-top:10px;
			}




			.main_listing form{
				font-size: 0.8em;
			}


				.choix_element{
					font-size: 0.9em;
				}


			#searchform{
				font-size: 0.7em;
			}

			.large_only{
				display: none;
			}
}

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


		.main_listing th{
			font-size: 0.8em;
		}

		.main_listing td{
			font-size: 0.8em;
		}

		ul.liste-actus li  {
				font-size: 0.9em;
		}

		#search_element_h3, #search_content_h3, #search_agenda_h3{
			font-size: 1em;
		}

		#resultats_recherche_count{
				font-size: 0.8em;
		}

		#resultats_recherche_found{
				font-size: 1.2em;
		}

		.home #main .container h2{
			font-size: 1.2em;
		}

		.home #main .container h1{
			font-size: 1.2em;
		}

		.liseret_bas{
			font-size: 1.4em;
		}

		.picto_liseret{
			height:25px;
		}

		footer p{
			line-height: 200%;
		}

		/* COMMANDE */

		.macommande_avancement_bloc {
		  /*display: none;*/ /* Cacher tous les éléments de cette classe par défaut */

		}

		.macommande_avancement_bloc.macommande_avancement_bloc_selected {
		  /*display: block;
			width:100%;
			padding-top:5px;
			padding-bottom: 5px;
			*/
		}
		/*
		.macommande_avancement_bloc:nth-of-type(1) {
		  display: block;
			width:100%;
			padding-top:5px;
			padding-bottom: 5px;
		}

		.macommande_avancement_bloc:not(:nth-of-type(1)) {
		  display: none;
		}
		*/
		/* COMMANDE */
		#macommande .macommande_div,
		#macommande .macommande_resume
		{
			padding:10px 5%;
		}

		#macommande #full_bloc{
			font-size: 1em;
			width:98%;
			margin:0 auto;
			margin:0;

		}

		#macommande #left_bloc{
			display: block;
			width: auto;
			margin-top:10px;

		}

		#macommande #right_bloc{
			display: block;
			width: auto;
			margin-top:10px;
			font-size: 0.9em;
		}

		#ma_commande_resume_table{
			line-height: 200%;
		}

		.pictoCommande{
			width:40px;
		}

		#macommande input[type=radio] {
    	margin: 10px 2% 10px 0;
		}

		#volume_fioul_souhaite{
			width:30%;
		}
		#volume_fioul_souhaite_tarif_div{
			width:30%;
		}

		#main h3{
			font-size: 1.1em;
		}

		#user_connexion_button{

		}

		#macommande input[type=text]{

		}

		#macommande .macommande_div_demi{
			width:100%;
		}

		#ma_commande_resume_table {

		}

		.macommande_avancement_bloc_title{
			font-size: 0.5em;
		}

		div.users.login.form{
			width:90%;
		}

		p{
			padding-left:1%;
			padding-right:1%;
		}


			.main_listing form{
				font-size: 0.8em;
			}


			.main_listing form .macommande_div_demi{
				display: block;
				width:auto;

			}

			.main_listing form .macommande_div_demi input[type='text'],
			.main_listing form .macommande_div_demi textarea
			{
				width:100%;
			}

			.main_listing form .macommande_div_demi label{
				margin-bottom: 5px;
			}

			#main .main_listing .macommande_div h3 {
				font-size: 1.4em;
			}


			#searchform{
				padding-top:10px;

				/*background: #efefef;

				-webkit-border-radius: 10px;
				-webkit-border-top-right-radius: 20px;
				-moz-border-radius: 10px;
				-moz-border-radius-topright: 20px;
				border-radius: 10px;
				border-top-right-radius: 20px;
				*/
			}

			#searchform div{
				display: block;
				width:auto;
			}

			#searchform div#infos_user{
				width:92%;
			}

			#searchform input[type=date],
			#searchform input[type=text]
			{
				width: 90%;
				margin:0 auto;
				background: #fff;
			}

			#search_for_user{
				padding-top:10px;

			}

			#search_for_user button{
				/*font-size: 1em;*/
			}

			#searchform label{
				display: inline-block;
				margin-right: 1%;
			}
}

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

	.bloc_div{
		width: 95%!important;
	}

	.bloc_div h2{
		font-size: 1.5em;
	}

	#blocs_div p{
		font-size: 1.2em;
	}

	.bloc_div_icon{
		width:80px;
	}

	ul.liste-footer li.item3 {
	    /*width: calc(20% - 5px);*/
	    width:80%;
	    padding:0 10%;
			font-size: 1.1em;
	}

	ul.liste-actus li  {
			/*width: calc(20% - 5px);*/
			width:98%;
			height:280px;
			font-size: 1.1em;
	}

	.search_result{
		display: block;
		font-size: 1.2em;
	}


	.element_texte p{
		font-size: 0.7em;
		line-height: 200%;
	}

	#contenu_public_elements select{
		font-size: 1em;
	}

	#commande_accueil_code_postal{
		font-size: 1em;
	}

	#mapid_tags img.vougyPicto{
			/*height:10px;*/
			margin-left: -1%;
	}

	#mapid_tags img{
		/*height:20px;*/
	}

	.prix_fioul_alerte p{
		font-size: 1.1em;
		width:90%;
		margin:0 auto;
	}

	.liseret_bas{
		font-size: 1.3em;
	}

	.picto_liseret{
	}

	#macommande #full_bloc{
		font-size: 0.9em;
		width:98%;
		margin:0 auto;
		margin:0;

	}

	#macommande #left_bloc{

	}

	#macommande #right_bloc{
	}

	.pictoCommande{
		width:35px;
	}


		#macommande input[type=radio] {
			margin: 5px 2% 10px 0;
		}

	#volume_fioul_souhaite{
		width:25%;
	}

	#volume_fioul_souhaite_tarif_div{
		width:25%;
	}

	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .macommande_div_tiers{
		display: block;
		width: 100%;
	}

	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .macommande_div_tiers_volume_fioul{
		width:31%;
		display: inline-block;
	}

	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .macommande_div_tiers_volume_litres{

	}

	.choix_element{
		font-size: 0.8em;
	}


}


@media screen and (max-width:450px){
 	.mq_hide{
		display: none;
	}

	.main_listing th{
	/*	font-size: 1em;*/
	}

	.main_listing td{
		/*font-size: 1em;*/
	}
}



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

	.bloc_div{
		width:100%!important;
	}

	ul.liste-footer li.item3 {
			/*width: calc(20% - 5px);*/
			width:90%;
			padding:0 5%;
	}


	header #logo{
		width:150px;
		margin-left:1%;
	}

	.slogan_div{
		font-size: 1em;
	}


	#contenu_public_elements select{
		font-size: 0.9em;
	}

	#commande_accueil_code_postal{
		font-size: 0.9em;
	}

	#main p.commande_accueil_titre{
		font-size: 0.9em;
	}

	#commande_accueil_button{
		font-size: 0.9em;
		padding:7px 2% 7px 4%
	}

	#mapid_tags div{
		width:auto;
		display: block;
		text-align: left;
		margin-bottom: 10px;
	}

	#mapid_lieulivraison{
			font-size: 0.9em;
	}

	#je_cree_mon_alerte{
		width:90%;
	}

	.nos_clients_et_nous_bloc_element{
		padding: 5px 5%;
  }

	#contenu_public_elements .separateur_accueil  .element_texte p{
		font-size: 0.9em;
		text-align: center;
	}


}

@media screen and (max-width:350px){
		header nav .menu-bt, .menu-bt{
			width:30px;
			height:30px;
	  }

		.element_texte p{
			line-height: 200%;
		}

		#contenu_public_elements select{
			font-size: 0.7em;
		}

		#commande_accueil_code_postal{
			font-size: 0.7em;
		}

		#main p.commande_accueil_titre{
			font-size: 0.8em;
		}

		#commande_accueil_button{
			font-size: 0.8em;
			padding:7px 2% 7px 4%
		}


		.open_bracket_div_footer .element_texte p{
			font-size: 0.8em;
			line-height: 200%;
		}


		#je_cree_mon_alerte{
			font-size: 1.1em;
		}

		.nos_clients_et_nous{
				font-size: 0.9em;
		}

		p.nos_clients_et_nous_bloc_en_savoir_plaus{
			font-size: 0.7em;
		}


			.liseret_bas{
				font-size: 1.1em;
			}

			.picto_liseret{
				height: 20px;
			}

			.home #main .container h1{
				font-size: 1em;
			}

			/*
			.macommande_avancement_bloc_title{
				font-size: 0.5em;
			}
			*/

			.macommande_avancement_bloc_title {
				width:50px;
				white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;

		  }


}


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


			.liseret_bas{
				font-size: 0.9em;
			}

			.picto_liseret{
				height: 17px;
			}


			#volume_fioul_souhaite_tarif_div{
				display: block;
				margin-top:10px;
				margin:10px auto;
			}

			.macommande_avancement_bloc_title{
				display: none;
			}

			.pictoCommande{
				width:20px;
				margin-top: 10px;
			}
}