@charset "UTF-8";
/* Styles dépendant de la taille d'écran */

.horaires-adresse-container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}

#map_canvas {
    height: 290px;
    width: 100%;
    border: 1px solid black;
}

.div #mini_plan {
	height: 290px;
}

.row{
	padding: 0px 5px 0px 5px;
}

.col {
	padding: 0px 15px 20px 15px;
}

/*big mobil View*/

@media (min-width: 512px){

	main, logo, .site-logo, menu {
		max-width: 768px;
	}

	.style-logo {
		width: 330px;
	}
	.style-logo-gif {
		width: 130px;
	}

    .horaires-block, .adresse-block {
        flex: 1;
        margin: 0 10px;
    }
    .horaires-block hr {
        display: none;
    }

  	.col-menu-catalogue {
		width: calc(50% - 5px);
		height: 505px;
		float: left;
		margin-right: 5px;
	}

	.col-liste-catalogue {
		width: calc(50% - 5px);
		height: 100%;
		float: left;
		margin-left: 5px;
	}

	.col-one-six {
		width: 25%;
		float: left;
	}
	.col-one-two {
		width: 50%;
		/*text-align: center;*/
		height: 300px;
		padding: 0px 5px 10px 5px;
	}
}

/*Tablet View*/

@media (min-width: 768px){

	main, logo, .site-logo, menu {
		max-width: 1024px;
	}

	#map_canvas {
        height: 390px;
    }

	.map-responsive {
		padding-bottom:55%;
	}

	.horaires-adresse-container {
	       display: flex !important;
	       flex-direction: column !important;
	       justify-content: flex-start !important;
	       align-items: stretch !important;
	   }
	   .horaires-block, .adresse-block {
	       width: 100%;
	   }
	.style-logo {
		width: 330px;
	}
	.style-logo-gif {
		width: 130px;
	}

	.style-nav li {
		display: inline-block;
	}

	.style-nav, .style-nav ul {
		width: 100%;
		text-align: right;
	}

	/* taille menu fixe */
	.fixedTop {
		width: 100%;
	}
	/* -----------------*/

	#decale-menu {
		width: 31%;
	}

	#menu-liste-connect {
		display: none;
	}

	#menu-ligne-connect {
		display: flex;
		flex-direction: row;
		justify-content: end;
		align-items: center;
		gap: 4px;
		padding-right: 4px;
	}

	.col-md-one-half {
		width: 50%;
		text-align: center;
		height: 400px;
		padding: 0px 5px 10px 5px;
	}

	.photo-size-max-2, .photo-size-max-4 {
		height: 390px;
	}

	.col {
		float: left;
	}

	.col-one-six {
		width: 20%;
		float: left;
	}

	.col-menu-catalogue {
		width: 33%;
		margin-right: 0;
	}

	.col-liste-catalogue {
		width: 66%;
		margin-right: 0;
	}

	.col-one-three {
		width: 33%;
		/*text-align: center;*/
		height: 300px;
		padding: 0px 5px 10px 5px;
	}
	.col-two-three {
		width: 67%;
		/*text-align: center;*/
		height: 300px;
		padding: 0px 5px 10px 5px;
	}

	.col-one-two {
		width: 50%;
		/*height: 300px;*/
		padding: 0px 5px 10px 5px;
	}

	.footer-lien {
		width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*Desktop View*/

@media (min-width: 1024px){

	main, logo, .site-logo, menu {
		max-width: 1200px;
	}

	.map-responsive {
		padding-bottom:40%;
	}

	#mini_plan #map_canvas {
		height: 290px !important;
	}

	.style-logo {
		/* float: left; */
		width: 400px;
	}
	.style-logo-gif {
		/* float: left; */
		width: 150px;
	}

	#marge-top-menu {
		/* height: 130px; */
	}


	/* taille menu fixe */
	.fixedTop {
		width: 100%;
	}

	/* ---------------- */
	.style-nav, .style-nav ul {
		width: 100%;
		text-align: right;
	}

	#decale-menu {
		width: 43%;
	}


	.photo-size-max-4 {
		height: 290px;
	}

	.col-one-six {
		width: 15%;
		float: left;
	}

	.col-lg-one-fourth {
		width: 25%;
		/*text-align: center;*/
		height: 300px;
	}

	.actualite-pc-short {
		height: 300px;
	}

	.col-lg-two-fourth {
		width: 50%;
		/*text-align: center;*/
		height: 300px;
	}

	.photo-size-max-2 {
		height: 390px;
	}

	.col-menu-catalogue {
		width: calc(25% - 5px);
	}

	.col-liste-catalogue {
		width: calc(75% - 5px);
	}
}