/* LANDSCAPE VERS ORDI */

@media only screen and (max-width: 1180px) and (min-width: 635px)  {
	
	
	
	#sectHeader .headerIntern {

    padding-right: 20px;
    padding-left: 20px;
}
	
	}



@media only screen and (max-width: 896px) and (min-width: 415px)  {
	

section#setBannierePageHome {
    height: 122vh;
}

.BlockContenuSlide h1 {
    font-size: 2.0em;
}

.BlockContenuSlide {
    top: 10%;
}

.BlockContenuSlide h2 {
    font-size: 2.5em;
}
	
ul.souhait { width: 100%; }	
	
ul.souhait li {
    margin-left: 0px;
}

section.block_hover_click_homepage .CentreIcone:before {
    width: 220px;
    height: 220px;
}
    section.block_hover_click_homepage{
        padding-top: 0px;
    }    

.CentreIcone img.img-fluid {
    max-width: 120px;
}

section.block_hover_click_homepage:before {
    display: none;
}


section.block_hover_click_homepage h3 {
    font-size: 2rem;
}

.fondForm {
    height: 300vh
}

.LayerGauche h3 {
    font-size: 3rem;
}



.CarteCentre {
    display: none;
}

.block_carte_alsace_homepage .Grid3H {
    grid-template-columns: 1fr 1fr;
    gap: 5px 90px;
    padding-left: 2%;
    padding-right: 2%;
}

section.block_hover_click_homepage .CentreIcone {
    display: none;
}

.block_hover_click_homepage .Grid3H {
    grid-template-columns: 1fr 1fr;
    gap: 5px 90px;
    padding-left: 2%;
    padding-right: 2%;
}


.InformationsAgence h3 {
    font-size: 1.2rem;
}


span.TitreClickHoverMap {
    font-size: 14px;
}

.BlockActualitesHome .listNews { 
gap: 50px 25px;

}


}






@media only screen and (max-width: 896px) and (min-width: 370px)  {
	
	
	#sectHeader .headerIntern {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}

	
	.MenuHeader { display:none!important;}

.sectHeader { overflow:visible;}

label.menu-icon {
    display: block!important;
}

ul.MenuResponsive.Ouverture {
    display: block !important;
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 98px;
    z-index: 0;
    padding: 0;
    padding-bottom: 25px;
    padding-top: 25px;
    margin: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
}

ul.MenuResponsive.Ouverture li {
    border-bottom: 1px solid #cbcbcb;
}

li.LiRespon:last-child {
    border: none!important;
}

ul.MenuResponsive.Ouverture li a {
    display: block;
    padding: 10px 20px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
    font-size: 18px;
}

ul.MenuResponsive.Ouverture li a a:hover {
    background-color: #f4f4f4;
}.MenuHeader {
	display: none !important
}

.sectHeader {
	overflow: visible
}

label.menu-icon {
	display: block !important
}

ul.MenuResponsive.Ouverture li {
	border-bottom: 1px solid #cbcbcb
}

li.LiRespon:last-child {
	border: none !important
}

ul.MenuResponsive.Ouverture li a {
	display: block;
	padding: 10px 20px;
	border-right: 1px solid #f4f4f4;
	text-decoration: none;
	font-size: 18px
}

ul.MenuResponsive.Ouverture li a a:hover {
	background-color: #f4f4f4
}

	
}



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


section#setBannierePageHome {
    height: 55vh;
}

}



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

section#setBannierePageHome {
    height: 50vh;
}

}


/* PHONE + TABLETE PORTRAIT  */
@media screen and (max-width: 635px) {
	
	
	.cntNew__descript img {
    width: auto;
    height: 100%;
    max-width: 290px;
}
	
	
} 




/* PHONE */
@media only screen and (max-width : 480px){ 


ul.MenuResponsive.Ouverture {
    top: 75px!important;
}

.sectHeader {
	overflow: visible
}
span.Chiffre {
    font-size: 4em;
}
    .BlockBandeauBlanc{
        height: 70px;
    }
label.menu-icon {
	display: block !important
}

ul.MenuResponsive.Ouverture li {
	border-bottom: 1px solid #cbcbcb
}

li.LiRespon:last-child {
	border: none !important
}

ul.MenuResponsive.Ouverture li a {
	display: block;
	padding: 10px 20px;
	border-right: 1px solid #f4f4f4;
	text-decoration: none;
	font-size: 18px
}

ul.MenuResponsive.Ouverture li a a:hover {
	background-color: #f4f4f4
}


#sectHeader .headerIntern {
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
}

#sectHeader .headerIntern .cntLogo {
    width: 120px;
    margin-right: 10px;
}

.itemField label { 

    font-size: 15px;
}

.Grid2-1,
.Grid-Agence,
.Grid2Contenu,
.listNews,
.listeGroupe,
.BlockActualitesHome .listNews,
.Grid3H {
	grid-template-columns: 1fr;
}

.Grid2-1 article .cntNew .cntNew__img {
	height: 215px;
}
    .Grid2Contenu .cntimg{
        height: 240px;
    }
    #setBannierePage {
        height: 215px;
    }
    #setBannierePage .bannierePage .txtcaption h1{
        font-size: 2rem;
    }
.sectActusSingle .listLink a {
	font-size: 14px;
}

.listNews__item .boxNew__description {
	left: -1px;
}


ul.MenuFooter {
	flex-direction: column;
}

ul.MenuFooter li {
	margin-bottom: 15px;
	margin-top: 10px;
}

.bannierePage:after {
	width: 204px;
	right: -10%;
}


section.BlockRouge .Grid1Demi {
	grid-template-columns: 1fr;
	padding-left: 0;
}

.LayerGauche h3 {
	line-height: 1;
}


.LinkBtm {
	margin-top: 20px;
}


section.BlockImgFond100:before {
	width: 141%;
	height: 74vh;
	top: 0%;
	left: -100%;
}


ul.services {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.services li {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	font-size: 16px;
}

.services li:after {
	display: none;
}

.services li img {
	margin-right: 5px;
	margin-left: 5px !important;
	width: 35px;
}


div#custom-map-controls {
	max-width: calc(100% - 170px);
	flex: 0 0 calc(45% - 185px);
	position: relative;
}

.BoxGroupe {
	max-height: 410px;
}

ul.souhait {
	width: 100%;
	display: block;
}

ul.souhait li {
	display: block;
	margin-bottom: 5px;
}


ul.souhait li a {
	display: block;
	text-align: center;
	font-size: 15px;
}

section.block_hover_click_homepage h3 {
	font-size: 34px;

}

section.block_hover_click_homepage .CentreIcone:before {

	width: 275px;
	height: 275px;
}


.CentreIcone img.img-fluid {
    max-width: 160px;
    top: 44%;
}


.BlockContenuSlide {
	position: absolute;
	left: 10%;
	top: 10%;
}


.BlockContenuSlide h1 {
	font-size: 1.2em;
    margin-top: 10px;
}

.BlockContenuSlide h2 {

	font-size: 2em;
}

span.TexteCoteChiffre {
	font-size: 1em;
}


.BlockActualitesHome .listNews__item .boxNew__img {
    height: 400px;
}


section.block_hover_click_homepage .TexteaDroite {
    position: relative;
    z-index: 6;
    margin-left: 25px;
    margin-top: 10px;
}

.block_carte_alsace_homepage .TexteaGauche h3 {
    font-size: 32px;
}

section.block_carte_alsace_homepage {
    background: rgb(227,6,19);
    background: linear-gradient(180deg,rgba(227,6,19,1) 238px,rgba(255,255,255,1) 238px);
    min-height: 950px;
    padding-top: 40px;
}

.block_carte_alsace_homepage .CarteCentre { display:none!important;}



section.block_hover_click_homepage:before {
    width: 96%;
    height: 51vh;
    top: -10%;
    left: -56%;
}


span.TitreClickHoverMap {
    font-size: 16px;
}

.LayerGauche h3 {
    font-size: 3rem;
}


.containerForm {
    max-width: 345px;
    padding: 0;
    margin: 0;
    margin-top: 190px;
}

.closed {
    right: 10%;
}

.block_formulaire .containerForm {
    margin-top: 0;
    max-width: 360px;
    margin-left: 7px;
}

}