@media (min-width: 782px){
	.valeur .wp-block-column:not(:first-child) {
	    margin-left: 20px;
	}
}
@media(max-width: 1280px){
		#content .content-vonthron li:nth-child(1) .content-body {
		top: 50px;
        left: 30px;
	}
	#content .content-vonthron{
		min-height: 600px;
	}
		#content .content-vonthron li:nth-child(2) .content-body {
	bottom: 50px;
    right: 30px;
	}
	

	
	#footer #mapfooter{
		margin-top: 50px;
	}
	#header-wrap{
		padding: 15px 5px;
	}
}

@media(max-width: 1024px){
	#aside-recrutementform {
    top: 0;
    min-width: auto;
    margin: 0;
    width: 100%;
    padding: 30px 12px;
}
	#h1 .innerImg .imageAnimation, #h1.small-h1 .innerImg .imageAnimation {
    height: 400px;
    min-height: auto;
}
	.title h2, .tc_content .cta_bloc .cta_titre {
		font-size: 32px;
	}

	body.is-toggle-open .ckmenu {z-index: 2;}
	
	
	
	#header-bottom{
		padding: 10px 10px 10px 0;
	}

	#header-bottom > .wrappercontent{
		justify-content: flex-start;
	}
	#header #logodesktop {
	    width: 150px;
	    padding: 0 10px;
	}
	
	#header-top .right{
		margin: 0;
	}
	
	
	.title.tac {
		margin-bottom: 50px;
	}
	#contentPage{
		padding: 100px 30px;
	}
	
	
	#header-wrap{
		padding: 10px 0;
	}

	#footer #infotelfixe_footer{
		max-width: 120px;
		margin: auto;
	}
	
	.show-for-large, 
	.show-for-large.flex{
		display: none;
	}
	.hide-for-large{
		display: block;
	}
	.hide-for-large.flex{
		display: flex;
	}
}

@media(min-width: 981px) and (max-width: 1280px){
	#footer #logofooter {
		padding: 0;
		margin: 0;
		border: none;
	}
	body.offres #aside, body.template-recrutement-php #aside {
    min-width: 340px;
    position: relative;
    margin: 0;
    margin-top: 50px;
}
	.template-recrutement-php .wp-block-columns.valeur {
    flex-wrap: wrap;
}
	.template-recrutement-php .valeur .wp-block-column {
    flex-basis: calc(50% - 16px)!important;
    flex-grow: 0;
    margin: 5px!important;
}
}	

@media(max-width:980px){
	.cta-footer {
    margin: 0 5px;
}
	#contentPage.specialIntro {
    padding: 0;
}
	#contentPage.specialIntro>.wrappercontent {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 0px;
}
	#aside {
    float: none;
    margin: 40px auto 0;
    padding: 0 15px;
    max-width: 500px;
}
	#header-prestations{
		margin-left: 0px;
	}
	
	#header-prestations li{
		height: 30px;
		width: 30px;
		margin: 0 3px;
	}
	#content .content-vonthron .content-body p {
		display: none;
	}
	#content .content-vonthron {
		min-height: 400px;
	}
	#h1 .innerImg .imageAnimation, #h1.small-h1 .innerImg .imageAnimation {
    height: 300px;
}
	#contentPage .introPage{padding: 60px 15px 40px;}
	
	#seo-footer {
		max-width: 460px;
	}
	.infohoraires_other {
		margin-top: 20px;
	}
	#header-contact .contact-left, #infoouverture{font-size: 14px;}	
	#header-contact .contact-middle{
		margin-bottom: 30px;
	}
	#header-contact .contact-middle img{
		width: 160px;
	}
	#header-wrap{
		padding: 6px 0;
	}
	.title{
		margin-bottom: 60px;
	}
}


@media(min-width: 737px){
	.wp-block-media-text.has-media-on-the-right{justify-content: start;grid-template-columns: 66.6666666666% 33.33333333% !important;}

	.wrap-fieldset>font
	{
		flex: 1 1 45%;
		max-width: 45%;
		width: 100%;
		display: inline-block;
		margin: 4px 2%;
	}

    .hide-for-medium{
		display: none;
	}
	
}

@media(max-width: 736px) {
	#jobs .recrutement-wrapper {
    padding: 10px 0;
}
	.wp-block-column {
    margin: 5px 0;
}
	#certifications .ckctrldiv .counter{
	 display: none; 
}
#certifications, #interviewMois{
	padding: 50px 20px 50px;
}

	#menu-footer{
		flex-direction: column;
		align-items: center;
	}
	#recrutementFooter{
		line-height: 1.3;
		padding-bottom: 55px;
	}
	#recrutementFooter strong{
		display: block;
	}
	#header #logodesktop {
    width: 120px;
}
	#header-prestations{
		position: absolute;
		left: 120px;
		top: 12px;
	}
	
	#header-prestations li{
		height: 20px;
		width: 20px;
	}
	#content .content-vonthron .content-wrapper {
    width: auto;
}
	#content .content-vonthron .content-body{
		top: 50%!important;
		left: 0!important;
		text-align: center!important;
		bottom: auto!important;
		right: 0!important;
		padding: 40px 15px;
		transform: translateY(-50%);
	}
	#content .content-vonthron li {
		height: 250px;
		clip-path: none!important;
		position: relative;
	}
	#content .content-vonthron{
		height: auto;
        min-height: auto;
	}
	#footer #navfooter {
    /* border: none; */
    width: auto;
    display: block;
    padding: 5px 0;
}
#footer #navfooter #menu-footer .menu-item {
    margin: 0 0 5px 0;
}
#footer #footerlinks {
    padding-bottom: 70px;
}
.home #footer #footerlinks{
 padding-bottom: 100px;
}
	#footer #logofooter .logo-footer {
    margin: 0 auto 20px;
}
	#h1 .innerImg .imageAnimation, #h1.small-h1 .innerImg .imageAnimation {
    height: 200px;
}
	.title h2, .tc_content .cta_bloc .cta_titre{
		font-size: 28px;
	}
	#footer #mapfooter {
		margin-top: 0;
	}
	#seo-footer {
		max-width: 550px;
		text-align: center;
		margin: auto;
	}
	#infoouvertureFooter{
		max-width: 270px;
		margin: auto;
	}

	#footer #footerbloc{
		padding: 30px 15px;
	}
	
	.titlehoraires{
		margin-bottom: 5px;
	}
	#infoouverture{
		width: 270px;
		margin: auto;
	}
	#infoouverture > .grid{
		grid-gap: 2px 5px;
	}
	#header-contact{
		padding: 70px 0;
	}
	
	#infoadresse, #infotelfixe, #noshare, #contactButton-wrapper{
		width: 230px;
		margin: 0 auto 10px;
	}
	#header-contact .contact-left{
		padding: 0 0 10px;
	}
	#header-contact .contact-right{
		padding: 0;
	}
	
	#header-top .right{
		margin: 0;
	}
	#header-top .left{
		width: 100%;
		padding: 5px 10px;
		background-color: var(--white);
	}
	.sav strong{
		display:block;
	}
	.sav, .infohoraires_other{
		margin: 0;
	}
	.sav{
		display: none;
	}
	.infohoraires_other{
		margin-top: 10px;
	}
	#logo{
		flex: 1 1 100%;
		padding: 0;
		order: 3;
	}
	#header-top {
		padding: 8px 10px;
		position: relative;
	}
	#header-top > .flex{
		flex-direction: column;
		align-items: flex-start;
	}
	
	#footer #logofooter{
		flex-direction: column;
		padding-bottom: 30px;
		margin-bottom: 0;
	}
	#ctaFooter .flex {
    flex-direction: column;
}
#ctaFooter {
    padding: 50px 15px;
}
	.cta-footer{
		margin: 5px 0;
	}
	.cta-footer .button{width: 250px;}
	
	#info-toogle{
		top: 0;
		width: 45px;
		height: 100%;
		position: absolute;
		right: 0;
	} 


.wp-block-media-text.has-media-on-the-right, .tc_content .wp-block-media-text {
    grid-template-columns: 1fr!important;
    display: block;
}
.wp-block-media-text{margin-bottom: 0;}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container{
	width: auto;
	box-sizing: border-box;
}
.tc_content .wp-block-cover{
	padding: 60px 20px;
	margin: 0;
	min-height: auto;
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2;
    padding: 0;
}
 .tc_content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
 .tc_content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
	padding: 50px 0;
	width: 100%;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
    height: 410px;
    width: 100%;
}
.horairemodal .titlehoraires{
	font-size: 22px;
}


	#contentPage, 
	#contentPageBis{padding: 60px 15px;}
	
	#footer #logofooter img{
	    width: 110px;
	}
	font{
		word-break:break-all;
	}
	.wrap-fieldset>font{
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
		display: inline-block;
		margin: 4px 2%;
	}

	.title, .title.tac {
		margin-bottom: 40px;
	}
	
    .show-for-medium {
		display: none;
	}


	.title small, .section-title small{
		font-size: 12px;
		padding-bottom: 5px;
	}
	
	#infocontact .titlehoraires{
		font-size: 54px;
	}
	#infocontact .titlehoraires span{
		font-size: 24px;
		top: -10px;
	}
	
	
	.alignright, .alignleft, .wp-block-image .alignleft, .wp-block-image .alignright {
		float: none;
		margin: 0 auto 20px auto;
		display: block;
		text-align: center;
	}
	
	
	.underbutton > *, button, .button{
		font-size: 12px;
		padding: 18px 20px;
	}
	
	#footer .marque-alsace{
		margin-bottom: 10px;
		margin-right: 0;
	}

	.maps_canvas, #footer .maps_canvas{
		min-height: 250px;
		/* margin-top: 15px; */
	}
	.maps_canvas img{
		width: 100%;
		height: auto;
	}

	/*MODAL HORAIRES*/
	.jourhoraires{width: 100px;}
}