/*****************
		RESPONSIVE 
******************/
/*****************
		1354px
******************/
@media (max-width: 1354px) {
	/* CEE */
	.unBlocCEE {
		max-width: 262px;
	}

	.blocBlueCEE p {
		font-size: 1.3rem !important;
	}
}

/*****************
		1294x
******************/
@media (max-width: 1294px) {
	/* REA */
	.wrapper-rea {
		margin-left: 20px;
		margin-right: 8%;
		max-width: 460px;
	}

	body .hrHorizon {
		transform: translate(0);
	}

	body .hrHUn {
		top: 230px;
	}

	body .hrHDeux {
		top: auto;
		bottom: 230px;
		display: flex;
	}

	body .hrVDeux {display: none;}
}

/*****************
		1258px
******************/
@media (max-width: 1258px) {
	/*HEADER*/
	.bandeauTopSite *,
	#rechercheSite::placeholder {
		font-size: 0.8rem;
	}

	.wrapper-rea {
		margin-right: 0;
	}

	/* FOOTER */
	.container_footer {
		flex-direction: column;
	}

	.agences_footer {
		flex-wrap: wrap;
	}

	.brochure_footer {
		max-width: 356px;
		width: 100%;
	}
}

/*****************
		1265px
******************/
@media (max-width: 1265px) {
	.accesRapide {
		width: 32.9%;
	}
}

/*****************
		1230px
******************/
@media (max-width: 1230px) {
	#wrapperMenu .menu_elt {
		margin: 0 0 0 20px;
	}

	.menu_link {
		font-size: 0.9rem;
	}

	/* CONTACT */
	.wrapper-blocsAgencesContact .uneAgence {
		width: 100%;
		max-width: initial;
	}
}

/*****************
		1154px
******************/
@media (max-width: 1154px) {
	/* CEE */
	.unBlocCEE {
		max-width: 218px;
	}

	.blocBlueCEE p {
		font-size: 1.2rem !important;
	}
}

/*****************
		1028px
******************/
@media (max-width: 1028px) {
	.content_lubrifiant_avant .vignette_produit,
	.content_lubrifiant .vignette_produit {
		width: 100%;
	}

	.content_lubrifiant .vignette_produit:nth-child(2n+1) {
		margin-right: 0;
	}

	/******	  COOKIES	******/
	#termsfeed-com---nb {
		max-height: 300px;
		max-width: 100%;
	}
}


/*****************
		1024px
******************/
@media (max-width: 1024px) {
	/*HEADER*/
	.bandeauTopSite-element:nth-child(3),
	.sepBandeau:nth-child(2),
	.bandeauTopSite-element img {
		display: none;
	}

	.header_content {
		position: relative;
	}

	header {
		height: auto;
	}

	/**Menu Animation**/
	.menu_mobile {
		display: block;
		transition: 0.1s transform linear;
		position: absolute;
		background: 0;
		margin: 0 16px 0 0;
		height: 2rem;
		width: 2rem;
		outline: 0;
		padding: 0;
		border: 0;
		z-index: 1001;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
	}

	.bar, .bar::before, .bar::after {
		transition: all 0.2s linear;
		position: absolute;
		background: #000000;
		margin: auto;
		width: 100%;
		height: 0.2rem;
		content: '';
		top: 50%;
		left: 0;
		cursor: pointer;
	}
	.bar {
		margin-top: -0.2rem;
	}
	.bar::before {
		top: -0.55rem;
	}
	.bar::after {
		top: 0.55rem;
	}
	.bar::before, .bar::after {
		transform: rotate(0deg);
	}
	.active .bar {
		background: 0;
	}
	.active .bar::before {
		transform: rotate(45deg);
	}
	.active .bar::after {
		transform: rotate(-45deg);
	}
	.active .bar::before, .active .bar::after {
		top: 0;
	}
	.active .bar, .active .bar::before, .active .bar::after {
		transition: all 0.2s linear;
	}
	nav {
		overflow-x: hidden;
		overflow-y: scroll;
		z-index: 9;
		width: 300px;
		height: 100%;
		min-height: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		padding-top: 100px;
		transform: translateX(-1024px);
		transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91);
		-webkit-box-shadow: 3px 0px 5px 0px rgba(62,62,62,0.16);
		-moz-box-shadow: 3px 0px 5px 0px rgba(62,62,62,0.16);
		box-shadow: 3px 0px 5px 0px rgba(62,62,62,0.16);
	}
	.menu-open nav {
		transform: translateX(0);
	}

	/**Menu**/
	#wrapperMenu .menu {
		padding-top: 40px;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		border-bottom: none;
	}

	#wrapperMenu .menu_elt{
		display: block;
		width: 100%;
		margin: 15px 0;
		text-align: left;
	}

	#wrapperMenu .menu_elt:hover *,
	#wrapperMenu .menu_elt.active * {
		color: #fff;
	}

	#wrapperMenu .menu_elt:hover,
	#wrapperMenu .menu_elt.active {
		padding: 20px 10px;
		background-color: #E8490F;
		border-bottom: none;
	}

	.menu_link {
		font-size: 1rem;
		text-transform: uppercase;
		padding: 0 0 0 15px;
	}

	#wrapperMenu .menu_link::after{
		content:none;
	}
	#wrapperMenu .sm{
		position: initial;
	}

	#wrapperMenu .reseaux{
		display: none;
	}

	.sm{
		background-color: transparent;
	}

	.sm_elt {
		background-color: #2E67D5;
		border: 1px solid #fff;
		border-top: none;
	}

	.sm_link{
		text-align: center;
	}

	/* SLIDER */
	.caption h1 {
		font-size: 2rem;
	}

	.caption_titre {
		font-size: 3.4rem;
	}

	.caption_phrase_accroche {
		font-size: 1.3rem;
	}

	/***HOMEPAGE***/
	/*PRES*/
	.content-pres {
		flex-direction: column;
	}

	/*ACCES RAPIDE*/
	.accesRapide {
		width: 49.5%;
	}

	.wrapper-texteHome {
		margin: 0 auto;
	}

	.wrapper-rea {
		margin: 50px auto 0;
	}

	/* REA */
	.wrapper-rea {
		max-width: 690px;
	}

	body .hrVDeux {
		display: flex;
	}

	/***pag dyn***/ 
	.tableWrapper > .info{
		display: block;
	}

	/* LISTE PRODUIT */
	.content-mapProd {
		display: none;
	}

	.content_lubrifiant,
	.content_carburant {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		max-width: none;
	}

	.lubrifiant_content .produit_titre:nth-child(3) {
		max-width: none;
		width: 100%;
	}

	.vignette_produit {
		width: 49%;
	}

	#resultatRecherche .content_carburant,
	#resultatRecherche .vignette_materiel {
		width: 100%;
	}

	.imgProduit {
		min-height: 100%;
	}

	.content_lubrifiant {
		flex-direction: column;
	}

	/* ACTUS */
	.wrapper-actusHome .uneActu:nth-child(2) {
		display: none;
	}

	/* CEE */
	.unBlocCEE {
		max-width: 189px;
	}

	.blocBlueCEE {
		min-height: 166px;
	}

	.blocBlueCEE p {
		font-size: 1rem !important;
	}

	.infosPlusCEE p {
		font-size: 0.8rem !important;
	}

	.wrapper-blocsCEE img {
	margin: 90px 20px 0;
	width: auto;
	height: 30px;
	}

	/* ACTU */
	.page_actu .text_champ {
		flex-direction: column;
	}

	.imgPageActu {
		margin: 50px auto 0;
	}

	/* PAGE DYNAMIQUE */
	.text_champ .image_gauche {
		margin-right: 20px;
	}

	.text_champ .image_droite {
		margin-left: 20px;
	}

	.lubrifiant_content {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.produit_avant_armorine,
	.produit_armorine {
		width: 100%;
	}

	.content_lubrifiant, .content_carburant {
		width: 49%;
	}

	.vignette_produit {
		width: 100%;
	}
}

/*****************
		929px
******************/
@media (max-width: 929px) {
	.content-agencesHome {
		flex-direction: column;
	}

	.wrapper-blocsAgences {
		margin-top: 50px;
		width: 100%;
		justify-content: flex-start;
	}
}

/*****************
		600px
******************/
@media (max-width: 600px) {
	.wrapper-actusHome .uneActu:nth-child(1) {
		display: none;
	}

	.wrapper-actusHome .uneActu {
		margin: 0;
	}
}



/*****************
		569px
******************/
@media (max-width: 569px) {
	.uneAgence {
		width: 49%;
		padding: 25px;
	}
}

/*****************
		540px
******************/
@media (max-width: 540px) {
	.wrapper-mapProdPopup .overEffectMap,
	.popup_commande svg {
		top: -120px;
	}
}

/*****************
		490px
******************/
@media (max-width: 490px) {
	.wrapper-rea {
		width: 100%;
		max-width: none;
	}

	body .hrVUn {
		left: 50%;
		transform: translateX(-50%);
	}

	.uneRea {
		width: 50%;
		padding: 25px 15px 15px;
	}

	.uneRea h3 {
		font-size: 1rem;
	}

	.uneRea p {
		font-size: 0.8rem;
	}
}

/*****************
		461px
******************/
@media (max-width: 461px) {
	.agences_footer .uneAgence {
		border-right: none;
		border-bottom: 1px solid #fff;
		padding: 20px 0;
	}

	.brochure_footer {
		margin-top: 30px;
	}
}

/*****************
		428px
******************/
@media (max-width: 428px) {
	.uneAgence {
		width: 100%;
		max-width: none;
	}
}

/*****************
		768px
******************/
@media (max-width: 768px) {
	/*HEADER*/
	.bandeauTopSite-element,
	.sepBandeau {
		display: none;
	}

	.bandeauTopSite-element:last-child,
	.bandeauTopSite-element form,
	#rechercheSite {
		display: flex;
		width: 100%;
		max-width: none;
	}

	.content-pres {
		margin-top: 80px;
	}

	.content-agencesHome {
		margin-top: 80px;
	}

	.content-actusHome {
		margin-bottom: 80px;
	}

	.content_contact {
		flex-direction: column;
	}

	.mapHome {
		margin-top: 20px;
	}

		/* LISTE PRODUIT */
	.vignette_produit {
		width: 100%;
	}

	/* PAGE DYNAMIQUE */
	#tableauPDF {
		flex-direction: column;
	}

	.togglePDF_colGauche,
	.togglePDF_colDroite {
		width: 100%;
	}

	/* POPUP COMMANDE */
	.popup_commande {
		padding: 20px;
	}

	.popup_commande .form-group {
		width: 100%;
	}

	/* CEE */
	.wrapper-blocsCEE img {
		display: none;
	}


	.unBlocCEE {
		margin: 0 20px 40px;
	}

	/* PAGE DYNAMIQUE */
	.text_champ_img {
		flex-direction: column;
	}

	.text_champ .image_droite,
	.text_champ .image_gauche {
		margin: 20px auto;
	}

	/* POPUP COMMANDE */
	.page_listProd .fancybox-content,
	.page_listCarbu .fancybox-content {
		height: 66vh !important;
	}

	.lubrifiant_content {
		flex-direction: column;
	}

	.content_lubrifiant, .content_carburant {
		width: 100%;
	}
}

/*****************
		720px
******************/
@media (max-width: 720px) {
	/* REA */
	.wrapper-rea {
		margin: 50px auto 0;
		max-width: 460px;
	}

	body .hrVDeux {display: none;}
}

/*****************
		500px
******************/
@media (max-width: 500px) {
	/* HEADER */
	nav {
		z-index: 9;
		width: 100%;
		transform: translateX(-500px);
	}

	.logo img {
		width: 70%;
	}

	#wrapperMenu .menu {
		align-items: center;
	}

	#wrapperMenu .menu_elt {
		text-align: center;
	}

	/* HOME */
	#page_home .caption_titre {
		font-size: 2.5rem;
	}

	#page_home .caption_phrase_accroche {
		font-size: 1rem;
	}

	.accesRapide_liste {
		padding: 10px;
	}

	/* PRODUIT */
	body .descritif_categorie h2 {
		font-size: 1.3rem;
	}

	.vignettePDF {
		font-size: 0.9rem !important;
	}

	/* POPUP COMMANDE */
	.page_listProd .fancybox-slide,
	.page_listCarbu .fancybox-slide {
		padding: 0 !important;
	}

	.page_listProd .fancybox-content,
	.page_listCarbu .fancybox-content {
		max-width: initial !important;
		max-height: initial !important;
		height: 100% !important;
		border-radius: 0px !important;
	}

	.popup_commande {
		padding: 16px;
	}

	.wrapper-mapProdPopup .overEffectMap,
	.popup_commande svg {
		top: -100px;
	}

	.wrapper-mapProdPopup .wrapper-btnPopUp {
		margin-top: -150px;
	}

	.wrapper-infosAgencesPopUp {
		flex-direction: column;
		align-items: flex-start;
	}

	.page_listProd .fancybox-button--close {
		display: none !important;
	}

	/* CONTATC */
	body .wrapper-blocsAgencesContact .uneAgence {
		max-width: initial;
		width: 100%;
	}
}

/*****************
		414px
******************/
@media (max-width: 414px) {
	/* HOMEPAGE */
	.wrapper-acces {
		padding: 0;
	}
}

/*****************
		866px
******************/
@media (max-width: 866px) {
	.accesRapide {
		width: 49.4%;
	}
}

/*****************
		850px
******************/
@media (max-width: 850px) {
	/*page générale*/
	.text_champ figure {
		width: 100%;
		margin: 10px 0;
	}

	.text_champ .texte_pag_dyn {
		width: 100%;
	}


	/*partenaire*/
	.page_partenaires {
		margin: auto;
		text-align: center;
	}

	.bloc_partenaire {
		width: 80%;
		margin: 10px auto;
	}
}

/*****************
		742px
******************/
@media (max-width: 742px) {
	.bx-wrapper img{
		height:255px;
		max-width: initial;
	}
}

/*****************
		733px
******************/
@media (max-width: 733px) {
	.accesRapide {
		width: 49.3%;
	}
}

/*****************
		667px
******************/
@media (max-width: 667px) {
	/** Contact **/
	.contact-form {
		width: 90%;
		margin: auto;
		float: none;
	}

	.texte_accroche{
		font-size:18px;
	}     

	.texte_coordonnees {
		padding: 20px;
		width: 100%;
		border-top: 1px solid #63929e;
	}

	#page_contact .content_right {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.wrapper-blocsAgencesContact {
		justify-content: center;
	}

	.wrapper-blocsAgencesContact .uneAgence {
		width: 49%;
		max-width: 266px;
	}
}

/*****************
		639px
******************/
@media (max-width: 639px) {
	.accesRapide {
		width: 100%;
	}
}

/*****************
		516px
******************/
@media (max-width: 516px) {
	/**une actu**/
	.une_actu_page_dyn .photo_actu img{
		width:90%;
	}

	.logo {
		width: 70%;
	}
}
/*****************
		480px
******************/
@media (max-width: 480px) {
	/**carousel page dyn**/
	.slick-slider{
		padding:0;
	}
}

/*****************
		463px
******************/
@media (max-width: 463px) {
	/**carousel page dyn**/
	.slick-initialized .slick-slide {
		float: left;
	}
}

/*****************
		414px
******************/
@media (max-width: 414px) {
	.fancybox-content{
		padding: 16px;
	}

	/*PRODUITS*/
	.titre_armorine.titreResp,
	.titre_repsol.titreResp,
	.nomVignetProd.titreResp {
		display: flex;
		width: 100%;
	}

	.titre_armorine.titreDesk,
	.titre_repsol.titreDesk,
	.nomVignetProd.titreDesk {
		display: none;
	}
}


input,
select,
textarea {

}