﻿@media screen and (max-width: 1280px) {
    body .wrap {
		width:100%;
    }
	.carrouselAccueil .carrousel, .carrouselAccueil .carrousel .contenu {
		width: 100%;
		height: 420px;
	}
	.accueil .carrousel .contenu .elementCarrousel img {
		left: 50%;
		margin-left: -50%;
		width: 100%;
		height: auto;
	}
	.carrousel .contenu .elementCarrousel.groupe img {
		position: absolute;
		top: 19px;
		left:auto;
		right: 50%;
		z-index: 0;
		width: 408px;
		height: auto;
		margin-right:-30px;
	}
	.carrousel .contenu .elementCarrousel.balado img {
		width:655px;
		top:10px;
		margin-right: -25px;
	}
}
@media screen and (max-width: 1220px) {
    .decouvreAssemblee .images {
		width: 700px;
    }
	.decouvreAssemblee .images a {
		width: 230px;
	}
}
@media screen and (max-width: 1170px) {
	.decouvreAssemblee .images, .zoneEmploisSurprenants .bandeauGauche {
		width:530px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche a, .decouvreAssemblee .images a, .zoneEmploisSurprenants .bandeauGauche a {
		padding: 20px 0;
		width: 175px;
	}
	.zoneEmploisSurprenants .bandeauGauche a {
		padding:80px 0;
	}
	.zoneEmploisSurprenants .titre_AvecDescription_Hyperlien {
		margin: 10px;
	}
	.fragment.preparerEntrevue .fragment {
		height:360px;
	}
	.pages_ListeBandeauTitreGauche .images span.icone {
		width: 80px;
		height: 80px;
	}
	.listeDomainesEmplois .domaineEmploi {
		height:130px;
	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .paragraphe br {
		display:none;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span.texte {
		font-size:0.7em
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span.texte em {
		display: block;
		font-size: 0.6em;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -39px;
	}
	.pastilles .fragment {
		margin: 0 2%;
	}
}
@media screen and (max-width: 1130px) {
	.navigationSecondaire ul li a {
		font-size: 1.5em;
		height: 84px;
		line-height: 1em;
		padding: 10px 5px 4px;
	}
	.fragment.bandeauEntete:after {
		right: 25%;
	}
	.evenmentCarte {
		width: 642px;
		float: none;
		margin-bottom: 40px;
		margin-right:0;
	}
}
@media screen and (max-width: 1030px) {
	.pastilles .fragment {
		margin: 0 1.5%;
	}
}
@media screen and (max-width: 1010px) {
	.pastilles .fragment {
		margin: 0 1%;
	}
}
@media screen and (max-width: 1000px) {
	.decouvreAssemblee .images, .decouvreAssemblee .texteGauche {
		float:none;
		width:auto;
	}
	.contenuPiedPage .droite a {
		margin: 0 0.5em;
	}
	.contenuPiedPage {
		color: white;
		padding: 150px 50px 150px 105px;
	}
	.contenuPiedPage .gauche {
		width: 45%;
		float:left;
	}
	.contenuPiedPage .droite {
		width: 46%;
		float:right;
	}
	.fuseeConteneur .fusee .imageDecorative_PleineLargeur img {
		width:200px;
		height:200px;
	}
	.carrousel .contenu .elementCarrousel:before {
		width: 200px;
		height: 200px;
	}
	.barreMenuAffichee .zonePersonnesPassionnees .ecranMobile {
		display:block;
	}
	.fragment.bandeauEntete .paragraphe, .fragment.bandeauEntete .url {
		margin-top:10px;
	}
	.fragment.bandeauEntete:after {
		right: 20%;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien h2:after {
		top: -60px;
		left: 105px;
	}
	.pastilles > div {
		flex-wrap:wrap;
	}
	.fragment.pastillesNiv1, .fragment.pastillesNiv2 {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.pastilles .fragment {
		margin: 10px 15px;
	}
}
@media screen and (max-width: 900px) {
	.conteneurFragment .moitieMoitie > div[data-colonne] {
		width:100%;
		display:block;
	}
	.conteneurFragment .moitieMoitie > div[data-colonne="2"] {
		margin-top:40px;
	}
	.zoneEmploisSurprenants .bandeauDroite, .zoneEmploisSurprenants .bandeauGauche {
		float:none;
	}
	.zoneEmploisSurprenants .bandeauDroite {
		width:350px;
	}
	.fragment.bandeauEntete .paragraphe {
		margin-bottom:20px;
		font-size: 1.25em;
	}
	.fragment.bandeauEntete:after {
		right: -21%;
		bottom: -178px;
	}
	.zoneEmploisSurprenants {
		padding:50px;
	}
	.zoneEmploisSurprenants .bandeauGauche {
		margin-left:0;
	}
	.fragment.preparerEntrevue .moitieMoitie > div[data-colonne] {
		width:auto;
	}
	.fragment.preparerEntrevue .fragment {
		height:auto;
		margin-bottom:20px;
	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .titre, .bandeauEntete .bandeau_Avec_Description_et_lien_page .paragraphe, .affichages .ConteneurCarteBleu .listElementContainer a, .affichages .ConteneurCarteGris .listElementContainer a, .affichages .candidatureSpontannee .listElementContainer a, .listeDomainesEmplois .domaineEmploi:first-child, .listeDomainesEmplois .domaineEmploi:nth-child(3n+1), .affichages .candidatureSpontannee .listElementContainer a, .listeDomainesEmplois .domaineEmploi, .carteRealisation, .carteRealisation:nth-child(3n+1) {
		float:none;
		width:auto;
		margin-left:0;
		clear:none;
	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .paragraphe .texte {
		height:auto;
	}
	.fragment.bandeauEntete {
		padding:20px 50px;
	}
	.evenmentCarte {
		width: auto;
		max-width:642px;
		float: none;
		margin-bottom: 40px;
		margin-right:0;
	}
	.evenmentCarte .miniature {
		width:100%;
	}
	.carrousel .contenu .elementCarrousel.groupe img {
		position: absolute;
		top: 27px;
		left: auto;
		right: 50%;
		z-index: 0;
		width: 335px;
		height: auto;
		margin-right: -40px;
	}
	.carrousel .contenu .elementCarrousel .elementsDuCarrousel {
		position: absolute;
		top: 41px;
		left: 50%;
		margin-left: 67px;
	}
	.carrousel .contenu .elementCarrousel.balado img {
		width:575px;
	}
	.titreCarriere .lblCarriere {
		padding: 6px 62px 6px 18px;
	}
	.header .menuStandard {
		display:none;
	}
    .header .navigationMobile, .header .boutonMobile {
        display:block;
    }
	.header .navigationMobile {
        position: absolute;
		right: 0;
		top: 0;
    }
    .header .topMenuElements {
        display:none;
    }
	.header .menuMobile.visible {
		display: block;
		height:auto;
		list-style: none;
		position: absolute;
		height: auto;
		min-height: 100vh;
	}
	.pageMilieuVivant .texteSeul, .pageAvantages .texteSeul, .texte77, .page .contenuCorps .domaineDescription {
		width:auto;
	}
    .carteRealisation .image {
        max-height:415px;
    }
}
@media screen and (max-width: 810px) {
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche a, .decouvreAssemblee .images a {
		padding: 12px 0;
		width: 180px;
	}
	.zoneEmploisSurprenants .bandeauGauche, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images, .decouvreAssemblee .images {
		width:100%;
	}
	.zoneEmploisSurprenants .bandeauGauche .images, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images {
		text-align:center;
		margin-left:0;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche a, .decouvreAssemblee .images a {
		display:block;
		width: 150px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span.texte:after, .decouvreAssemblee .images a span.texte:after {
		display:none;
	}

	.stageEtudiant p, .emploiEtudiant p {
		padding-right:0;
	}
	.typeEmploi .gauche {
		float:none;
		width:auto;
	}
	.typeEmploi .droit {
		margin:15px 0;
	}
	.typedOffre {
		margin-top:0;
		padding-left:20px;
	}
	.enteteOffreEmploi {
		padding-left:20px;
		padding-right:20px;
	}
	.emploiNiveau {
		font-size:1.05em;
	}
	.emploiType {
		color:#1a3e72;
		font-size: 0.875em;
		margin-bottom:5px;
	}
	.emploiTitre {
		font-size:1.8em;
	}
	.emploiPeriodeInscription, .emploiPeriodeInscriptionDates {
		font-size:0.875em;
	}
	.postulerEmploi, a:not([href]):not([tabindex]).postulerEmploi {
		font-size:1.1em;
		padding:6px 30px;
		margin-top: 10px;
	}
	.emploiNumeroRecrutement {
		font-size:0.75em;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche {
		width:auto;
	}
	.fragment, .contenuCorps, .page > div > h1, .page .contenuCorps > h1 {
		margin-left:20px;
		margin-right:20px;
	}
	.filAriane, nav.filAriane {
		padding-left:20px;
		padding-right:20px;
		margin-bottom:8px;
	}
	.fuseeConteneur .fusee .imageDecorative_PleineLargeur img {
		width:150px;
		height:150px;
	}
	.fuseeCitation {
		font-size:1.3em;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien h2 {
		margin-top:60px;
		font-size:2em;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien h2:after {
		left: 70px;
	}
	.contenuPiedPage .droite img {
		width: 60px;
		height: 60px;
	}

	.carrousel .pagePrecedente, .carrousel .pageSuivante {
		display:none;
	}
	.carrousel .contenu .elementCarrousel:before {
		display:none;
	}
	.fragment .fuseeTitre {
		margin-right:30px;
	}
	.enteteBalado .logoPasSiBeigeQueCa {
		width: 520px;
		height: 186px;
	}
}
@media screen and (max-width:700px) {
	.pastilles > div {
		display:block;
	}
	.fragment.pastillesNiv1, .fragment.pastillesNiv2 {
		margin-bottom:0;
	}
	.fragment.pastillesNiv2 {
		margin-bottom: 20px;
	}
	.pastilles .fragment, .pastilles .fragment:first-child {
		float: none;
		margin: 0 auto 20px;
		border-radius: 0;
		-webkit-border-radius: 0;
		width: auto;
		height: auto;
	}
	.titreCarriere .lblCarriere {
		font-size:1.4em;
		padding: 3px 52px 6px 18px;
	}
	.header .navigationMobile .afficherMenu {
		margin: 5px 11px 5px 10px;
		padding: 16px;
		background-color: transparent;
		background-image: none;
		border: none;
		cursor: pointer;
		border-radius: 0;
		box-shadow: none;
		width: 22px;
		height: 30px;
		display: block;
	}
	.header .navigationMobile .icon-bar {
		width: 20px;
		height: 2px;
		border-radius: 1px;
	}
	.header .menuMobile.visible {
		display: block;
		height: auto;
		position: absolute;
		right: 0;
		width: 100%;
		top: 92px;
		height: auto;
		min-height: 100vh;
	}
	.header .navigationMobile .icon-bar.barre1 {
		top: 9px;
	}
	.header .navigationMobile .icon-bar.barre2, .header .navigationMobile .icon-bar.barre3 {
		top: 15px;
	}
	.header .navigationMobile .icon-bar.barre4 {
		top: 21px;
	}
	.header .boutonMobile.ouvert span.barre1 {
		top: 13px;
	}
	.header .boutonMobile.ouvert span.barre4 {
		top: 13px;
	}
	.header .navigationMobile .icon-bar {
		left: 6px;
	}
	.titreCarriere {
		height:86px;
	}
	.header .logo {
		width: 60px;
		height:66px;
	}
	.accueil .zonePersonnesPassionnees .ecranStandard {
		display:none;
	}
	.accueil .zonePersonnesPassionnees .ecranMobile {
		display:block;
	}
	.contenuPiedPage .gauche, .contenuPiedPage .droite {
		float:none;
		width:auto;
	}
	.contenuPiedPage .droite a {
		display: block;
		margin: 40px 10px;
		float: left;
	}
	.fragment.bandeauEntete:after {
		display:none;
	}
	.enteteBalado .logoPasSiBeigeQueCa {
		width: 420px;
		height: 151px;
	}
}
@media screen and (max-width:600px) {
	.fuseeCitation, .fusee, .fuseeTitre, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a, .contenuPiedPage .gauche, .contenuPiedPage .droite {
		width:100%;
		float:none;
	}
	.fuseeConteneur {
		position:relative;
		padding:170px 30px 20px;
	}
	.fuseeTitre {
		position:absolute;
		top:0;
	}
	.fusee {
		position:absolute;
		top:30px;
		width: auto;
		right: 40px;
	}
	.fuseeConteneur .fusee .imageDecorative_PleineLargeur {
		text-align:right;
	}
	.contenuPiedPage .droite a {
		display:block;
		margin:40px 10px;
		float:left;
	}
	.contenuPiedPage {
		padding:90px 0px 40px 73px;
		width:100%;
		overflow:hidden;
	}
	.accordeon .accordionSectionCarriereHeader > a {
		padding-right:35px;
		font-size:0.8753em;
	}
	.accordeon .card .card-body .gauche, .conteneurFragment.baladoPresentation .moitieMoitie > div[data-colonne="1"], .conteneurFragment.baladoPresentation .moitieMoitie > div[data-colonne="2"] {
		width:auto !important;
		float:none !important;
		margin-right:0;
	}
	.baladoPresentation .droite .titre {
		margin-top:35px;
		margin-bottom:6px;
	}
	.baladoPresentation .droite .titre br {
		display:none;
	}
	.accordeon .card .card-body .droit {
		margin-top:25px;
	}
	.accordeon .card-body {
		font-size:0.9375em;
	}
	.accordeon .card-body .classeEmploi {
		margin-bottom:6px;
	}
	.accordeon .card-body .recrutementEnCours {
		font-size: 0.8em;
		font-weight: bold;
		margin-bottom:15px;
	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .paragraphe {
		display:none;
	}
	.fragment.bandeauEntete {

	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .titre p {
		margin-bottom:0;
	}
	.page > div > h1, .fragment, .contenuCorps {
		margin-left:20px;
		margin-right:20px;
	}
	.page > div > h1, .page .contenuCorps > h1 {
		font-size: 1.5em;
	}
	.page .contenuCorps > h1 {
		margin-left:0;
		margin-right:0;
	}
	.page .fragment h2, .page > div > h2 {
		font-size:1.1em;
	}
	.stageEtudiant .sousTitre, .fragment.sousTitre .texteSeul p,.emploiEtudiant .sousTitre, .fragment.sousTitre .texteSeul p {
		font-size:1.187em;
	}
	.fragment.sousTitre .texteSeul br {
		display:none;
	}
	.filAriane {
		padding-left:20px;
		padding-right:20px;
	}
	.contenuCorps {
		position:relative;
		margin-bottom:30px;
	}
	.contenuCorps .gauche80 {
		width:auto;
		float:none;
		padding-top:60px;
	}
	.contenuCorps .droite15 {
		width:120px;
		display:inline-block;
		margin-left:0;
		position:absolute;
		top:0;
		right:0;
	}
	.phraseDomaine {
		margin-bottom:30px;
		font-size: 1.1em;
		margin-left: 28px;
		margin-top: 85px;
	}
	.phraseDomaine:after {
		left: -26px;
	}
	.contenuPiedPage .gauche .gros {
		font-size:2em;
	}
	.contenuCorps h3 {
		font-size:1.15em;
	}
	.enCoulisse .image_ListeHorizontale > div > div {
		float:none;
		width:auto;
	}
	.page .fragment.enCoulisse h2 {
		margin-bottom:5px;
	}

	.accueil .zonePersonnesPassionnees h2 {
		margin-left:0px;
		font-size: 1.7em;
	}
	.accueil .zonePersonnesPassionnees h2:after {
		left:-20px;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche .titre h2 {
		margin-left:0;
		font-size: 1.7em;
		line-height: 1.1em;
		margin-bottom:15px;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche .titre h2:after {
		left:-20px;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche .texte {
		font-size: 0.8em;
	}
	.accueil .zonePersonnesPassionnees .moitieMoitie > div[data-colonne]:first-child a {
		margin-left: 40px;
		padding-left: 60px;
		display:none;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche a, .decouvreAssemblee .images a, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a {
		width:27%;
	}
	.decouvreAssemblee .images a {
		width:32%;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche img, .decouvreAssemblee .images a img, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a img {
		width:50px;
		height:auto;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche a, .decouvreAssemblee .images a, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a {
		float:left;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a {
		margin:5px 8px;
	}
	.zoneEmploisSurprenants .titre_AvecDescription_Hyperlien h2:after {
		right:auto;
		left:-20px;
	}
	.zoneEmploisSurprenants .titre_AvecDescription_Hyperlien h2 {
		font-size:1em;
		margin-left:20px;
	}
	.accueil .zoneEmploisSurprenants .titre_AvecDescription_Hyperlien h2 {
		margin-bottom:25px;
		margin-top: 60px;
	}
	.accueil .zoneEnImage {
		padding:10px;
	}
	.accueil .zonePersonnesPassionnees {
		padding:30px;
	}
	.zoneEmploisSurprenants .titre_AvecDescription_Hyperlien span, .zoneMilieuInspirant .titre_AvecDescription_Hyperlien span {
		display:none;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span, .decouvreAssemblee .images a span, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a span {
		font-size:0.7em;
		line-height:1em;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span:after, .decouvreAssemblee .images a span:after, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a span:after {
		display:none;
	}
	.zoneEmploisSurprenants, .zoneMilieuInspirant {
		padding:20px 0;
		margin-left:0;
		margin-right:0;
	}
	.accueil .zoneEnImage h2 {
		margin-left: 20px;
		font-size:1.5em;
	}
	.accueil .zoneEnImage h2:after {
		left:-20px;
		top:-60px;
	}
	.fuseeCitation {
		font-size:1.1em;
	}
	.fuseeConteneur .fusee .imageDecorative_PleineLargeur img {
		width:100px;
		height:100px;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien h2 {
		margin-left:0;
		font-size:1.6em;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien h2:after {
		left:-20px;
		width: 84px;
		height: 40px;
		border: 6px solid #e5d7c6;
		top:-52px;
	}
	.fuseeTitre .titre_AvecDescription_Hyperlien span {
		display:none;
	}
	.accueil .fuseeCitation, .accueil .fusee {
		margin:0 auto;
	}
	.fragment .fuseeTitre {
		margin-right: 0;
		width:30%;
	}
	.fragment.preparerEntrevue {
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
	}
	.fragment.preparerEntrevue .fragment {
		margin-bottom:0;
	}
	.gras20 {
		font-size:1.2em;
	}
	.aucuneOffre, .accordeon .card-body, .page .fragment p {
		font-size:0.8em;
	}
	.fragment.texteBoursiers .moitieMoitie > div[data-colonne]:first-child {
		border-right:none;
	}
	.conteneurFragment .moitieMoitie > div[data-colonne="2"] {
		margin-top:0;
	}
	.conteneurFragment .moitieMoitie > div[data-colonne] .image_pleineLargeur {
		margin-bottom:20px;
	}
	.formulaireUtilisateur, .formulaireUtilisateur.connexion {
		margin:0 20px;
	}
	.formulaireUtilisateur, .formulaireUtilisateur.connexion, .formulaireUtilisateur.connexion .contenu,.formulaireUtilisateur.connexion .contenu input[type='text'], .formulaireUtilisateur.connexion .contenu input[type='password'], .formulaireUtilisateur.connexion .rangeeFormulaire input[type="email"] {
		width:auto;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images {
		margin:0 6px 0 10px;
		overflow:hidden;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images a {
		background:#0e9fd8;
		margin:0 2px;
		width:32%;
		height:116px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images a span.texte {
		font-size:0.5em;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche span.texte em {
		display: block;
		font-size: 0.6em;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -29px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images a span.texte:after {
		display:none;
	}
	.zoneMilieuInspirant .pages_ListeBandeauTitreGauche .images a span.texte {
		font-size:0.75em;
	}
	.pages_ListeBandeauTitreGauche .images a span.texte {
		color:#fff;
		font-size:0.75em;
	}
	.pages_ListeBandeauTitreGauche .images a:hover span.texte {
		color:#1a3e72;
	}
	.pages_ListeBandeauTitreGauche .images a span.icone {
		width:50px;
		height:50px;
	}
	.pages_ListeBandeauTitreGauche .images .pageOffresEmplois span.icone {
		background:url("../../images/Carriere/offre_emploi-blanc.svg") no-repeat top center;
	}
	.pages_ListeBandeauTitreGauche .images .pageOffresEmplois:hover span.icone {
		background:url("../../images/Carriere/offre_emploi-bleu-fonce.svg") no-repeat top center;
	}
	.pages_ListeBandeauTitreGauche .images .pageDomainesEmplois span.icone {
		background:url("../../images/Carriere/domaine-blanc.svg") no-repeat top center;
	}
	.pages_ListeBandeauTitreGauche .images .pageDomainesEmplois:hover span.icone {
		background:url("../../images/Carriere/domaine-bleu-fonce.svg") no-repeat top center;
	}
	.pages_ListeBandeauTitreGauche .images .pageBalados span.icone {
		background:url("../../images/Carriere/balado-blanc.svg") no-repeat top center;
	}
	.pages_ListeBandeauTitreGauche .images .pageBalados:hover span.icone {
		background:url("../../images/Carriere/balado-bleu-fonce.svg") no-repeat top center;
	}
	.fragment.decouvreAssemblee {
		padding:10px 10px 25px;
	}
	.decouvreAssemblee .texteGauche h2 {
		font-size: 1.5em;
		margin-left: 50px;
		margin-top: 75px;
	}
	.decouvreAssemblee .texteGauche h2:after {
		left: -25px;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images a {
		background: none;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageBalados span.icone {
		background:url("../../images/Carriere/balado.svg") no-repeat top center;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageBalados:hover span.icone {
		background:url("../../images/Carriere/balado-bleu-fonce.svg") no-repeat top center;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageDomainesEmplois span.icone {
		background:url("../../images/Carriere/domaine.svg") no-repeat top center;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageDomainesEmplois:hover span.icone {
		background:url("../../images/Carriere/domaine-bleu-fonce.svg") no-repeat top center;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images a span.texte {
		color: #0e9fd8;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images a:hover span.texte {
		color: #1a3e72;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageMilieuVivant span.texte {
		color: #1a3e72;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images .pageMilieuVivant:hover span.texte {
		color: #0e9fd8;
	}
	.fragment.decouvreAssemblee .pages_ListeBandeauTitreGauche .images a span.texte:after {
		display:none;
	}
	.contenuPiedPage .gauche .talent, .contenuPiedPage .gauche .texte {
		padding-left:2px;
	}
	.fragment.bandeauEntete {
		padding: 30px 50px 35px;
	}

	.bandeauEntete .bandeau_Avec_Description_et_lien_page .titre {
		font-size:2.8em;
	}
	.carrouselAccueil .carrousel, .carrouselAccueil .carrousel .contenu {
		width: 100%;
		height: 366px;
	}
	.carrousel .contenu .elementCarrousel.groupe img {
		top: 35px;
		width: 310px;
		height: auto;
		margin-right: -59px;
	}
	.carrousel .contenu .elementCarrousel.balado img {
		width: 550px;
		top: 8px;
		margin-right: -55px;
	}
	.carrousel .contenu .elementCarrousel .elementsDuCarrousel {
		position: absolute;
		top: 38px;
		left: 50%;
		margin-left: 70px;
	}
	.carrousel .contenu .elementCarrousel div.titre {
		position: static;
		color: #fff;
		font-weight: bold;
		font-size: 2em;
		letter-spacing: 0px;
		width: 180px;
		line-height: 0.9em;
	}
	.carrousel .contenu .elementCarrousel div.sousTitre {
		position: static;
		color: #fff;
		font-size: 0.95em;
		line-height: 1.3em;
		margin-top: 8px;
		width: 196px;
	}
	.carrousel .contenu .elementCarrousel div.texte {
		position: static;
		color: #1a3e72;
		font-size: 0.85em;
		line-height: 1.1em;
		margin-top: 17px;
		font-weight: bold;
	}
	.carrousel .contenu .elementCarrousel a.lien {
		position: static;
		display: inline-block;
		color: #fff;
		font-size: 0.8em;
		line-height: 1.1em;
		padding: 6px;
		margin-top: 23px;
		text-transform: none;
		font-weight: bold;
		width: 173px;
	}
	.carrousel .contenu .elementCarrousel:before {
		display:none;
	}
	.enteteBalado .logoPasSiBeigeQueCa {
		width: 360px;
		height: 129px;
	}
	.emploiTitre {
		font-size: 1.25em;
		line-height: 1.2em;
		margin:12px 0;
	}
	.telechargerEtPartager .boiteDialogue {
		max-width: 90% !important;
		margin-left: -45% !important;
	}
}
@media screen and (max-width: 500px) {
	.contenuPiedPage .droite img {
		width:47px;
		height:47px;
	}
	.navigationSecondaire ul li a {
		font-size: 1.15em;
		height: 70px;
		line-height: 1.3em;
		vertical-align: middle;
		display: table-cell;
		width: 33.333%;
		padding:10px 10px 4px;
	}
	.bandeauEntete .bandeau_Avec_Description_et_lien_page .titre {
		font-size:2.6em;
	}
	.listeDomainesEmplois .domaineEmploi {
		font-size:0.975em;
		height:auto;
		padding:15px;
	}
	.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus, .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
		padding-left:10px;
		padding-right:10px;
	}
	.carrouselAccueil {
		min-height:initial;
	}
	.accueil .zonePersonnesPassionnees h2:after, .zoneEmploisSurprenants .titre_AvecDescription_Hyperlien h2:after, .decouvreAssemblee .texteGauche h2:after, .accueil .zoneEnImage h2:after, .fuseeTitre .titre_AvecDescription_Hyperlien h2:after, .zoneMilieuInspirant .pages_ListeBandeauTitreGauche .texteGauche .titre h2:after, .contenuPiedPage .gauche .gros:after, .bandeauEntete .bandeau_Avec_Description_et_lien_page .titre:after, .phraseDomaine:after {
		width: 84px;
		height: 40px;
		border: 6px solid #e5d7c6;
		top:-52px;
	}
	.carrousel .paginateur {
		bottom:5px;
	}
	.carrouselAccueil .carrousel, .carrouselAccueil .carrousel .contenu {
		width: 100%;
		height: 280px;
	}
	.carrousel .contenu .elementCarrousel.groupe img {
		position: absolute;
		top: 35px;
		left: auto;
		right: 50%;
		z-index: 0;
		width: 210px;
		height: auto;
		margin-right: -20px;
	}
	.carrousel .contenu .elementCarrousel.balado img {
		width: 390px;
		top: 15px;
		margin-right: -20px;
	}
	.carrousel .contenu .elementCarrousel .elementsDuCarrousel {
		position: absolute;
		top: 32px;
		left: 50%;
		margin-left: 35px;
	}
	.carrousel .contenu .elementCarrousel div.titre {
		position: static;
		color: #fff;
		font-weight: bold;
		font-size: 1.4em;
		letter-spacing: 0px;
		width: 180px;
		line-height: 0.9em;
	}
	.carrousel .contenu .elementCarrousel div.sousTitre {
		position: static;
		color: #fff;
		font-size: 0.8em;
		line-height: 1.3em;
		margin-top: 8px;
		width: 145px;
	}
	.carrousel .contenu .elementCarrousel div.texte {
		position: static;
		color: #1a3e72;
		font-size: 0.75em;
		line-height: 1.1em;
		margin-top: 11px;
		font-weight: bold;
	}
	.carrousel .contenu .elementCarrousel.balado div.texte {
		margin-top: 10px;
	}
	.carrousel .contenu .elementCarrousel a.lien {
		position: static;
		display: inline-block;
		color: #fff;
		font-size: 0.67em;
		line-height: 1.1em;
		padding: 6px;
		margin-top: 12px;
		text-transform: none;
		font-weight: bold;
		width: 160px;
	}
	.enteteBalado .logoPasSiBeigeQueCa {
		width: 287px;
		height: 103px;
	}
	.listeEquipe .membre {
		width: 155px;
		margin-right: 1%;
	}
	.listeEquipe .membre .photo {
		width: 150px;
		height: 150px;
	}
}
@media screen and (max-width: 365px) {
	.enteteBalado {
		padding: 15px 20px 0 0;
	}
	.baladoCarte {
		font-size:0.9em;
	}
	.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {
		padding:6px 7px;
	}
	.contenuPiedPage .gauche .talent, .contenuPiedPage .gauche .texte {
		padding-left:1px;
	}
	.accueil .fuseeCitation, .accueil .fusee {
		margin-bottom:30px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images {
		margin:0 6px;
	}
	.zoneEmploisSurprenants .pages_ListeBandeauTitreGauche .images a, .decouvreAssemblee .images a {
		width:31.9%;
	}
	.fusee {
		right: 20px;
	}
	.carrouselAccueil .carrousel, .carrouselAccueil .carrousel .contenu {
		width: 100%;
		height: 270px;
	}
	.carrousel .contenu .elementCarrousel.groupe img {
		position: absolute;
		top: 25px;
		left: auto;
		right: 50%;
		z-index: 0;
		width: 210px;
		height: auto;
		margin-right: -37px;
	}
	.carrousel .contenu .elementCarrousel .elementsDuCarrousel {
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: 44px;
	}
	.carrousel .contenu .elementCarrousel div.titre {
		position: static;
		color: #fff;
		font-weight: bold;
		font-size: 1.3em;
		letter-spacing: 0px;
		width: 180px;
		line-height: 0.9em;
	}
	.carrousel .contenu .elementCarrousel div.sousTitre {
		position: static;
		color: #fff;
		font-size: 0.7em;
		line-height: 1.3em;
		margin-top: 8px;
		width: 130px;
	}
	.carrousel .contenu .elementCarrousel div.texte {
		position: static;
		color: #1a3e72;
		font-size: 0.7em;
		line-height: 1.1em;
		margin-top: 11px;
		font-weight: bold;
	}
	.carrousel .contenu .elementCarrousel a.lien {
		position: static;
		display: inline-block;
		color: #fff;
		font-size: 0.6em;
		line-height: 1.1em;
		padding: 6px;
		margin-top: 12px;
		text-transform: none;
		font-weight: bold;
		width: 131px;
		margin-left: -3px;
	}
	.enteteBalado .logoPasSiBeigeQueCa {
		width: 255px;
		height: 91px;
	}
	.carrousel .contenu .elementCarrousel.balado img {
		width: 350px;
		margin-right:-30px;
		top: 8px;
	}
}