/* les min-width */

@media (min-width: 851px) {
	/* à partir de cette dimension, les filtres doivent être visible à tous les coups (par dessus js */
	.filtres-inner {
		display: block !important;
	}

	.filtres .voirPlus {
		display: none;
	}
}


/*****************
		RESPONSIVE 
******************/

@media (max-width: 1450px) {
	/***ACCUEIL***/

	/* le fond du footer peut gêner à la lisibilité */
	#footer_content {
		background: none;
	}
}

@media (max-width: 1340px) {
	.btn_up_page {
		display: none;
	}

	/*** ACCUEIL ***/
	.profil-liste-content {
		width: 80px;
		height: 80px;
		padding: 10px;
	}
}

@media (max-width: 1290px) {
	/*** ACCUEIL ***/
	.youtube__background {
		top: 0;
		width: 160%;
		padding-bottom: 58.3%;
		bottom: 0;
	}
	.youtube iframe {
		height: 250%;
		bottom: 0;
	}

	/*** PAGE ANNUAIRE ***/
	.listeFichesAnnuaire {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1150px) {
	/***FOOTER***/
	footer .formNewsLetter input {
		width: 50%;
	}

	#acces-rapide {
		position: relative;
		margin: 25px auto 0;
		width: 1024px;
		transform: none;
		-ms-transform: none;
		max-width: 100%;
	}

	#acces-rapide:hover {
		width: 1024px;
	}

	#acces-rapide > li {
		border-radius: 20px;
	}
}

@media (max-width: 1100px) {
	/*** ACCUEIL ***/
	.actus {
		padding: 400px 30px 100px;
	}
}

@media (max-width: 1060px) {

	.profil {
		flex-wrap: wrap;
	}

	#bloc_profils {
		margin-left: -15px;
		margin-right: -15px; /* permettre au fond d'atteindre les bords gauche et droit */
		padding-left: 15px;
		padding-right: 15px;
	}

	#footer_content, #footer_bas {
		padding-left: 15px;
		padding-right: 15px;
	}

	#edito {
		left: 0;
		transform: none;
		-ms-transform: none;
	}

	.carteWrapper .filtres {
		position: static;
		transform: none;
		-ms-transform: none;
	}

	.filtres .filtre {
		width: 33.33%;
	}

	.carteWrapper {
		height: auto;
	}

	.carteWrapper .map {
		height: 320px;
	}
}

@media (max-width: 1024px) {
	#menu {
		transition: all 0.3s ease;
		position: fixed;
		width: 0;
		left: -100vw;
		height: 100%;
		z-index: 999;
		top: 0;
	}

	#menu-toggle > .open > #header_content {
		background-color: #38B6AB !important;
	}

	/******* MENU ***********/
	nav {
		white-space: normal;
	}

	.tablette {
		display: block;
	}

	nav:before, #menu-deroulant #img_menu {
		display: none;
	}

	nav > ul > li {
		padding: 30px 0;
		margin: 0 30px;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		border-bottom: 1px solid #fff;
		flex-direction: column;
	}

	nav > ul > li:first-child {
		border-top: 1px solid #fff;
	}

	nav > ul > li > a {
		margin: 5px 0;
		text-align: left;
		width: 100%;
	}

	#menu ul li > ul li a {
		height: auto;
		line-height: 25px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	nav ul > li:last-child > a {
		border: none;
	}

	body nav {
		height: auto;
		margin-top: 0 !important;
	}

	body nav ul li a {
		border: none;
	}

	.traitMenu {
		display: none;
	}

	.accessibilite {
		margin-right: 55px;
	}
	header #logo {
		width: 190px;
	}

	.colonneSM {
		max-width: 100%;
		width: 100%;
		gap: 5px;
	}


	/****  SOUS MENU *******/
	.sm {
		position: static;
		top: 0;
		left: 0;
		border: none;
		min-width: 0;
		min-height: 0;
		background-color: transparent;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.content-sm {
		padding: 30px 0 5px;
		flex-direction: column;
	}
	.item_menu {
		width: 100%;
	}
	nav ul li > ul li a,
	nav ul li:hover > ul li a,
	nav ul li.active > ul li a {
		border-bottom: none;
	}

	nav ul .afterMenu {
		position: relative;
	}

	nav ul .afterMenu:after {
		content: url("/images/general/btn-plus-menu.svg");
		position: absolute;
		right: 0;
		top: 35px;
	}

	.sm .image {
		display: none;
	}

	/********** DEBUT MENU PUSH ***********/
	/***ANIMATION MENU HAMBURGER***/
	.text_menu {
		margin-top: 45px;
	}

	.menu-icon {
		position: absolute;
		width: 40px;
		height: 40px;
		transition: transform 0.5s;
		-moz-transition: transform 0.5s;
		-webkit-transition: transform 0.5s;
	}

	.menu-icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		display: block;
		width: 25px;
		height: 3px;
		background-color: #FFF;
		transition: background 0.5s;
		-moz-transition: background 0.5s;
		-webkit-transition: background 0.5s;
	}

	.menu-icon span::before, .menu-icon span::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(-6px);
		-ms-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		display: block;
		width: 25px;
		height: 3px;
		background-color: #FFF;
		transition: transform 0.5s;
		-moz-transition: transform 0.5s;
		-webkit-transition: transform 0.5s;
	}

	.menu-icon span::after {
		transform: translateY(6px);
		-ms-transform: translateY(6px);
		-moz-transform: translateY(6px);
		-webkit-transform: translateY(6px);
	}

	.menu-icon.is-opened span {
		background: transparent;
	}

	.menu-icon.is-opened span::before {
		transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		-moz-transform: translateY(0) rotate(45deg);
		-webkit-transform: translateY(0) rotate(45deg);

	}

	.menu-icon.is-opened span::after {
		transform: translateY(0) rotate(-45deg);
		-ms-transform: translateY(0) rotate(-45deg);
		-moz-transform: translateY(0) rotate(-45deg);
		-webkit-transform: translateY(0) rotate(-45deg);
	}

	.menu-icon.is-opened {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	/***FIN ANIMATION MENU HAMBURGER***/
	#menu-toggle {
		font-size: 1.375rem;
		position: absolute;
		color: #FFF;
		text-transform: uppercase;
		top: 15px;
		right: 0;
		z-index: 1000;
		padding: 10px 30px 10px 15px;
		transition: all 0.3s ease;
		text-align: center;
		height: 40px;
		width: 40px;
	}

	#menu-toggle:hover {
		cursor: pointer;
	}

	#menu.open, #menu-deroulant {
		display: block !important;
		z-index: -1;
		width: 100vw;
		left: 0;
		background-color: #38B6AB;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#menu-deroulant {
		padding-top: 120px;
		height: fit-content;
	}

	.menuOpened header {
		background-color: #38B6AB;
	}

	.menuOpened #logo-menuOpened, .menuOpened .icon-accessibility-black {
		display: none;
	}

	.menuOpened nav > ul > li > a {
		color: #fff;
	}

	.menuOpened #logo, .menuOpened .icon-accessibility-white {
		display: block;
	}

	.menuOpened .menu-icon.is-opened span {
		background-color: #38B6AB;
	}

	#menu-toggle span {
		display: block;
		font-size: 0.75rem;
		color: #FFFFFF;
		text-transform: uppercase;
	}

	.menuOpened .google_translate_customIcon {
		content: url("/images/general/google-tradWhite.svg");
	}

	.search-box {
		display: none;
	}

	/*** ACCUEIL ***/
	/*Menu toggle*/
	#home-slider .mobile {
		display: block;
		position: fixed;
		bottom: 0;
		z-index: 99;
		left: 0;
	}
	.youtube__background {
		top: 0;
		width: 160%;
		padding-bottom: 58.3%;
		bottom: 0;
	}
	.youtube iframe {
		height: 250%;
		bottom: 0;
	}
	/* Profils */
	.wrapper-profil {
		position: relative;
	}
	.wrapper-profil:after {
		content: "";
		position: absolute;
		bottom: -20px;
		border-top: 30px solid #F3F3F3;
		border-left: 30vw solid transparent;
		border-right: 30vw solid transparent;
		left: 20%;
		right: 20%;
	}
	.profil {
		position: unset;
		transform: unset;
		background-image: none;
		background-color: #F3F3F3;
		padding: 30px;
	}
	.title-profil {
		display: none;
	}
	.profil-liste {
		margin-top: 0;
		justify-content: center;
	}
	.profil-liste-content {
		background: #EAEAEA;
	}
	/*Actus*/
	.actus {
		padding: 100px 30px;
	}
	.wrapper-actusHome {
		background-image: none;
		background-color: #fff;
	}
	.top-blocCommun a {
		display: none;
	}
	.titleHome {
		color: #38b6ab;
	}
	.actus .titleHome::before {
		display: none;
		content: none;
	}
	.actus ul[role="tablist"] .slick-active button {
		background-color: #312783 !important;
	}
	body .actus ul[role="tablist"] button, body .actus ul[role="tablist"] button::before {
		background-color: #EAEAEA;
	}
	/*agenda*/
	#page_home .agenda {
		background-color: rgba(49, 39, 131, 0.15);
	}
	.agenda .titleHome {
		color: #2B2B2B;
	}
	.agenda .titleHome::before {
		display: none;
		content: none;
	}
	.agenda .blocCommun {
		background: none;
	}
	.agenda ul[role="tablist"] .slick-active button {
		background-color: #38B6AB !important;
	}
	/*s'informer, plescop mag, appli*/
	.wrapper-newsletter {
		grid-template-columns: 1fr;
		grid-template-rows: auto 300px auto;
	}
	.formNewsLetter input {
		width: 85%;
	}
	.content-newsletter .reseaux-sociaux {
		display: none;
	}
	.reseaux-sociaux-mobile {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		max-width: 255px;
		margin: 30px auto;
		gap: 10px;
	}
	/*voir & revoir*/
	.wrapper-revoir {
		background-color: #fff;
		background-image: none;
	}
	.revoir .titleHome::before {
		content: none;
		display: none;
	}
	.revoir-content-slick ul[role="tablist"] .slick-active button {
		background-color: #38B6AB !important;
	}
	body .revoir-content-slick ul[role="tablist"] button, body .revoir-content-slick ul[role="tablist"] button::before {
		 background-color: #EAEAEA;
	}
	.revoir .content-share li {
		background-color: #F3F3F3;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.revoir-content-img:hover:after {
		background: none;
	}
	.revoir-content-img p {
		position: unset;
		color: #000;
		opacity: 1;
		text-align: left;
		transform: none;
		margin-top: 10px;
	}
	.full-height {
		height: auto;
	}
	/*partenaires*/
	.wrapper-partenaires {
		background-color: #F3F3F3;
	}

	/*** PAGE PUBLICATIONS ***/
	#page_rapports .text_solo {
		max-width: 100%;
	}

	/*** PAGE RECHERCHE ***/
	.resultatsDeRecherche {
		grid-template-columns: repeat(2, 1fr);
	}

	/* PAGE DETAIL OFFRE*/
	.main-infos-offres {
		z-index: 1;
	}

}

@media (max-width: 940px) {
	#header_content {
		text-align: center;
	}

	/*** ACCUEIL ***/
	.youtube__background {
		width: 800%;
	}
	.youtube iframe {
		height: 300%;
	}

	/*** ACTUS / AGENDA ***/
	.page_dynamique_content .blocCommun-wrapper-content {
		grid-template-columns: repeat(2, 1fr);
	}
	.backgroundPage {
		background-color: #fff;
	}
	.content-filters li {
		background-color: #F3F3F3;
	}


	/*** PAGE CONTACT ***/
	#page_contact select {
		border: 1px solid #F3F3F3;
		background-color: #F3F3F3;
	}
	.input__field--yoshiko {
		width: 98%;
		background-color: #F3F3F3;
		border: 2px solid transparent;
		-webkit-transition: background-color 0.25s, border-color 0.25s;
		transition: background-color 0.25s, border-color 0.25s;
	}
	.contact-wrapper {
		grid-template-columns: 1fr;
	}
	#formulaire {
		order: 1;
	}
	.content_left {
		order: 2;
	}

	/*** PAGE ANNUAIRES ***/
	.listeFichesAnnuaire {
		grid-template-columns: 1fr;
	}
	.fiche {
		padding: 0;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: #F3F3F3 !important;
	}
	.ui-widget-header {
		background: #F3F3F3 !important;
	}
	.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		background: #F3F3F3 !important;
	}

	/*** PAGE PARTENAIRES ***/
	.wrapper-bloc-partenaire {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 50px;
	}
	.img_partenaire {
		 background-color: #F3F3F3;
	}

	/*** PAGE PUBLICATIONS ***/
	#page_rapports .toggleTitre {
		border-bottom: #F3F3F3 solid 1px;
	}
	#page_rapports ul[role="tablist"] button, body ul[role="tablist"] button::before {
		background-color: #F3F3F3 !important;
	}
	#page_rapports ul[role="tablist"] .slick-active button {
		background-color: #38B6AB !important;
	}

	/*** PAGE ARRETES***/
	#page_arretes .toggleTitre {
		border-bottom: #F3F3F3 solid 1px;
	}
	#page_arretes .publications-imageGenerale {
		background-color: #F3F3F3;
	}

	/*** PAGE RECHERCHE ***/
	.resultatDeRecherche {
		background-color: #fff;
		height: auto;
	}

	/*** FORMULAIRE PAGE CANDIDATURE SPONTANEE */
	#page_detailCandidature .input__field, #page_contact .input__field {
		border: 2px solid #EAE9F2;
		background: #EAE9F2;
	}
	#page_detailCandidature .dropify-wrapper {
		background-color: #EAE9F2;
		border: 2px solid #EAE9F2;
	}

	/*** LES CHIFFRES ***/
	#page_dynamique .noPad {
		padding: 50px 0;
	}
	.chiffres-wrapper {
		justify-content: center;
		flex-direction: column;
	}
	.chiffres-right, .chiffres-left {
		width: 100%;
	}
	.chiffres-wrapper {
		display: none;
	}
	.chiffres-wrapper-mobile {
		display: block;
	}


}

@media (max-width: 850px) {
	.filtres > h2 {
		cursor: pointer; /* on montre qu'on dérouler les filtres */
	}

	.filtres-inner {
		display: none;
	}

	.filtres .filtre {
		width: 50%;
	}

	.fiche {
		width: auto;
		float: none;
	}

	/*** PAGES DYNAMIQUES ***/
	.text_champ_img {
		justify-content: flex-start;
		flex-direction: column;
		gap: 50px;
	}
	.text_champ_img .text_champ {
		width: 100%;
	}
	.image_gauche, .image_droite {
		margin: auto;
		width: 100%;
	}
	.image_droite img, .image_gauche img {
		width: 100%;
	}
	.text_champ_simple .text_champ {
		width: 100%;
	}
	.btns_wrapper {
		gap: 30px;
		flex-wrap: wrap;
	}

	/*PAGE UNE ACTU*/
	#page_actu .actu-wrapper, #page_annonce .actu-wrapper, #page_offre .actu-wrapper {
		flex-direction: column;
		justify-content: flex-start;
		gap: 30px;
	}
	#page_actu .texte_article,  #page_annonce .texte_article, #page_offre .texte_article {
		width: 100%;
	}
	#page_actu .photo_actu, #page_annonce .photo_actu, #page_offre .photo_actu {
		width: 100%;
		height: 330px;
		margin: auto;
	}
	#page_actu .photo_actu img, #page_annonce .photo_actu img, #page_offre .photo_actu img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}



	/***FOOTER***/
	.footer {
		grid-template-columns: 1fr;
		grid-template-rows: 4fr;
		row-gap: 30px;
	}
	.coordonnees {
		grid-row: 2;
	}
	.horaires {
		 grid-row: 3;
	}
	.footer-newsletter {
		grid-row: 4;
	}
	footer .infosUtiles {
		grid-column: 1;
		text-align: center;
	}
	footer .formNewsLetter input {
		width: 80%;
	}
	/*mobile-footer*/
	footer .google_translate_content {
		display: none;
	}
	footer .desktop {
		display: none;
	}
	footer .mobile {
		display: flex;
	}
	footer .language-picker {
		display: block;
	}
	footer .logo-footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	footer .language-picker p {
		color: #000;
	}
	footer .reseaux-sociaux {
		margin: 0 auto;
		gap: 5px;
	}
	.wrapper-footer .toggleTitre {
		cursor: pointer;
		position: relative;
		margin:0;
		padding: 10px 0;
		border-bottom: #fff solid 1px;
		color: #fff;
		font-size: 1rem;
		font-family: 'gotham';
		font-weight: 700;
		text-transform: uppercase;
		pointer-events: initial;
		width: 100%;
		display: flex;
	}
	.wrapper-footer .toggleTexte * {
		color: #fff;
	}
	.wrapper-footer .toggleTitre:before {
		display: flex;
		align-items: center;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		content: url("/images/general/btn-arrow-down.svg");
	}

	.wrapper-footer .toggleTitre.active:before {
		content: url("/images/general/btn-arrow-up.svg");
	}

	.wrapper-footer .toggleTexte {
		padding: 25px 0;
		display: none;
	}

	.wrapper-footer .toggleTexte article {
		padding-bottom: 0;
	}
}

@media (max-width: 770px) {
	/*portrait ipad*/
	body {
		overflow-x: hidden;
		overflow-y: visible;
	}

	/*** ACCUEIL ***/
	/*slider top*/
	.inputRecherche {
		background-position: 75vw center;
		background-image: url(/images/general/search.svg);
		width: 80vw;
	}
	.recherche-suggestions {
		flex-wrap: wrap;
		justify-content: center;
	}



	.bloc_home, .bloc_home:nth-child(2), .bloc_home:last-child {
		float: none;
		width: 95%;
		height: auto;
		margin: 0 auto 20px;
	}

	.bloc_partenaire_content {
		width: 75%;
		float: none;
	}

	body .carousel-navigation li:hover .hover_effect, body .carousel-navigation li.active .hover_effect {
		display: none;
	}

	body .connected-carousels .carousel-stage {
		width: 50%;
	}

	.content_left {
		float: none;
		width: 95%;
	}

	.phototeque-imgWrapper {
		padding: 5px;
		width: 33.33%;
	}

	#sidebar {
		display: none;
	}

	#contenuPage {
		width: auto;
		float: none;
	}
}

@media (max-width: 670px) {
	/***ACCUEIL***/
	/*newsletter*/
	.formNewsLetter input {
		max-width: 90%;
		width: 80%;
	}

	/*** PAGE PARTENAIRES ***/
	.wrapper-bloc-partenaire {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (max-width: 620px) {
	/*Iphone 6 paysage*/
	.annuaireHub-elt {
		width: 50%;
	}

	.rapportsBlocAnnee {
		width: 50%;
	}

	.rapportsBlocAnnee:nth-child(3n+4) {
		clear: none;
	}

	.rapportsBlocAnnee:nth-child(2n+3) {
		clear: both;
	}

	/***ACCUEIL***/
	.home-slider-h1 {
		margin: auto;
	}
	.title-slider-home-top {
		font-size: 10vw;
	}
	.title-slider-home-bottom {
		font-size: 20vw;
	}
	#logo {
		margin-right: 10px;
	}
	.header_haut {
		height: 100%;
	}
	#menu-toggle {
		top: 30px;
	}
	#header_content {
		align-items: unset;
		height: 80px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#header_content .language-picker {
		display: none;
	}
	.accessibilite {
		width: 27px;
		height: 27px;
		z-index: 999;
	}
	.icon-accessibility-white, .icon-accessibility-black {
		height: 100%;
		width: 100%;
		max-width: none;
	}
	header .mobile {
		display: flex;
		position: relative;
		left: 0;
		right: 0;
		align-items: center;
		justify-content: space-between;
		padding: 30px;
	}
	header .mobile .reseaux-sociaux {
		margin: 0;
		gap: 5px;
	}
	#header_content .mobile .google_translate_content {
		display: none;
	}
	#header_content .mobile .language-picker {
		display: block;
		margin-right: 10px;
	}
	/*s'informer, plescop mag, appli*/
	.wrapper-newsletter {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.content-appli-mag {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 250px);
	}
	.title-appli-mag {
		font-size: 6vw;
	}
	.wrapper-mag {
		border-right: none;
		border-bottom: 2px solid #fff;
	}

	/*** ACTUS ***/
	.page_dynamique_content .blocCommun-wrapper-content {
		grid-template-columns: 1fr;
	}
	#page_actus .page_dynamique_content, #page_agenda .page_dynamique_content, #page_offres .page_dynamique_content {
		padding: 50px 0;
		row-gap: 0;
	}
	.page_dynamique_content .blocCommun-wrapper-content {
		row-gap: 0;
	}
	#page_actus .filters,  #page_agenda .filters, #page_offres .filters {
		padding: 0 30px;
	}

	/*** PAGE PARTENAIRES ***/
	.partenaire .page_dynamique_content {
		padding: 50px 30px !important;
	}
	.partenaire .filters {
		padding: 0 !important;
	}

	/*** FORMULAIRE CANDIDATURE ***/
	.c-dialog__box {
		padding: 50px 30px;
		max-width: 80%;
	}

	/*** SIMULATEUR SERVICES ***/
	.simulateurServices_content #infoSimlation .contenu-onglet {
		grid-template-columns: 1fr;
	}
	.simulateurServices_content #infoSimlation .contenu-onglet h3,
	.simulateurServices_content #infoSimlation .contenu-onglet .service_info {
		grid-column: 1/2;
	}
}

@media (max-width: 568px) {

	/*** ACCUEIL ***/
	.youtube iframe {
		height: 500%;
	}
	.youtube__background {
		width: 450%;
	}

	/*** PAGES DYNAMIQUES ***/
	h1 {
		font-size: 10vw;
	}

	/*** RECHERCHE ***/
	.resultatsDeRecherche {
		grid-template-columns: 1fr;
	}

	/*Iphone 5 paysage*/
	body .photo_actu {
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.image_droite, .image_gauche, .img_partenaire {
		float: none;
		text-align: center;
		border: none;
		margin: 0 auto;
	}

	.image_droite a, .image_gauche a {
		float: none;
	}

	.bloc_partenaire_content {
		width: 95%;
		float: none;
	}

	.img_partenaire {
		margin: 10px auto;
		max-width: 100%;
		width: auto;
	}

	#bloc_actualites .actuWrapper1, #bloc_actualites .actuWrapper2 {
		width: 100%;
	}

	#bloc_actualites .actuWrapper3, #bloc_actualites .actuWrapper4 {
		width: 50%;
	}

	.footer-colonne {
		width: 100%;
	}

	.phototeque-imgWrapper {
		padding: 3px;
		width: 50%;
	}

	.filtres .filtre {
		width: auto;
		float: none;
	}

	.resultatRecherche-titre {
		padding: 30px 0 0;
	}
	.resultatRecherche-resume {
		padding: 0;
	}
	.resultatDeRecherche {
		min-height: unset;
		max-width: 100%;
	}
}

@media (max-width: 475px) {
	/***ACCUEIL***/
	/*slider top*/
	#home-slider {
		height: 650px;
	}
	/*newsletter*/
	.formNewsLetter input {
		max-width: 80%;
		width: 70%;
	}

	/***FOOTER***/
	footer .formNewsLetter input {
		width: 50%;
	}

	/*formulaire*/
	.contact_ch_bouton {
		width: 100%;
	}
	.c-dialog__box .contact_ch_bouton, #page_detailCandidature .contact_ch_bouton {
		padding: 15px 10px;
		width: 100%;
	}

	/*** PAGE DYNAMIQUE ***/
	.image_gauche, .image_droite {
		height: 250px;
	}
}

@media (max-width: 440px) {
	/***ACCUEIL***/
	/*profils*/
	.profil-liste {
		justify-content: center;
	}

	/* CAROUSEL  */
	.wrap_carousel #carousel_projet {
		width: auto;
	}

	#carousel_projet li {
		width: 10%;
	}

	#carousel_projet li a {
		width: 100%;
		margin: 0;
	}

	#carousel_projet ul li a img {
		height: 100%;
		bottom: 0;
		object-fit: cover;
	}

	#carouselAgenda li {
		width: 5%;
	}

	#edito {
		display: none;
	}

	.rapportsBlocAnnee {
		width: auto;
		float: none;
	}

	.rapportsBlocAnnee:nth-child(2n+3) {
		clear: none;
	}
}

@media (max-width: 360px) {
	/*** ACCUEIL ***/
	/*actus*/
	.titleHome {
		font-size: 12vw;
	}
	/*newsletter*/
	.formNewsLetter input {
		max-width: 70%;
		width: 60%;
	}

	/***FOOTER***/
	footer #logo {
		width: 50vw;
	}

	/*** PAGES DYNAMIQUES ***/
	.btns_contentDynamique {
		justify-content: right;
		padding: 15px 30px 15px 0;
		text-align: right;
	}



	/*Galaxy S portrait*/
	.fil_ariane_content {
		display: block;
	}

	.fil_ariane .current_retour {
		display: none;
	}

	#header_contact span {
		display: none;
	}

	#carousel_projet li a img {
		padding-left: 0px;
		margin: 0 24px;
	}

	#carousel_projet li a {
		margin-left: 25px;
		width: 70%;
	}

	body main h1 {
		width: 93%;
	}


	#carouselAgenda li, #carouselActus li {
		width: 10%;
		padding: 0 1.8%;
	}


}

@media (max-width: 320px) {
	/*Iphone 5 portrait*/
	#carousel_projet li a img {
		padding-left: 0px;
		margin: 0 24px;
	}

	#carousel_projet li a {
		margin-left: 25px;
		width: 70%;
	}

	body main h1 {
		width: 93%;
	}

	/*** ACCUEIL ***/
	/*Slider top*/
	.recherche-suggestions li:nth-child(1) {
		margin: auto;
	}

	/*** PAGE PARTENAIRES ***/
	.wrapper-bloc-partenaire {
		grid-template-columns: 1fr;
	}
}


@media (max-width: 673px) {
	.captcha-wrapper > div {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}
}


@media (max-width: 500px) {
	.captcha-wrapper > div {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		-webkit-transform-origin:0 0;
		transform-origin:0 0;
	}

	/*** bandeau ***/
	header #logo {
		width: 115px;
	}
}