/* TABLETTE */
/* Masque la toolbar drupal en responsive */
@media only screen and (max-width: 1201px) {
  #toolbar-item-administration-tray {
    display: none;
  }
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin: 0 !important;
  }
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'gotham_boldregular';
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.otf') format('opentype'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-bold-webfont.eot');
  src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/*
.latoLight(){
  font-family: 'lato_light', Arial, sans-serif;
} 
.latoLightItalic(){
  font-family: 'lato_lightitalic', Arial, sans-serif;
} 
.latoBold(){
  font-family: 'lato_bold', Arial, sans-serif;
  font-weight: normal;
} 
.latoHailine(){
  font-family: 'lato_hairline', Arial, sans-serif;
} 
.gothamBook(){
  font-family: 'gotham_bookregular', Arial, sans-serif;
} 
.gothamLight(){
  font-family: 'gotham_light', Arial, sans-serif;
} 
.gothamMedium(){
  font-family: 'gotham_medium', Arial, sans-serif;
} 
*/
@media only screen and (max-width: 1201px) {
  #block-views-block-les-ecoles-se-presentent-block-1 {
    max-width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .align-content {
    width: auto;
  }
  .titre-strate {
    font-size: 46px;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  /* HEADER */
  .region-header {
    padding: 30px 0;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* TEMPORAIRE */
  }
  .region-header #block-logoheader {
    margin-top: 0;
    margin-left: 30px;
    width: 200px;
  }
  .region-header #block-logoheader img {
    width: 100%;
    height: auto;
  }
  .region-header .messages.messages--status {
    display: none;
  }
  .region-header #block-cidj-search {
    width: 52vw;
  }
  .region-header #block-cidj-search #search-block-form:before {
    top: 15px;
  }
  .region-header #block-cidj-search input[type=search] {
    margin-top: 0;
    width: calc(100% - (170px + 50px));
  }
  .region-header #block-cidj-search input#edit-submit {
    top: 8px;
    right: 7px;
    bottom: auto;
  }
  .region-header > #block-faqnewsletterlogin,
  .region-header > #block-cidj-main-menu,
  .region-header > #block-cidj-main-menu--2,
  .region-header > #block-socialheader {
    display: none;
  }
  .region-header > .toggle-hamburger-menu {
    /* Icone hamburger */
    width: 70px;
    height: 70px;
    z-index: 30;
    border: 8px solid #ecebe9;
    padding: 1em;
    border-radius: 500px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    background-color: #ffffff;
  }
  .region-header > .toggle-hamburger-menu.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .region-header > .toggle-hamburger-menu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .region-header > .toggle-hamburger-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .region-header > .toggle-hamburger-menu.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .region-header > .toggle-hamburger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    margin: 1.1em 0.75em;
    background: #f8a724;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .region-header > .toggle-hamburger-menu span:nth-child(1) {
    top: 0px;
  }
  .region-header > .toggle-hamburger-menu span:nth-child(2),
  .region-header > .toggle-hamburger-menu span:nth-child(3) {
    top: 7px;
  }
  .region-header > .toggle-hamburger-menu span:nth-child(4) {
    top: 14px;
  }
  .region-header > .menu-mobile {
    padding: 30px;
    margin: 30px 0 -30px;
    text-align: center;
    display: block;
    width: 100%;
    border-top: 2px solid #ecebe9;
  }
  .region-header > .menu-mobile #block-cidj-search {
    display: none;
  }
  .region-header > .menu-mobile #block-faqnewsletterlogin {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .region-header > .menu-mobile #block-socialheadermobile {
    text-align: center;
  }
  .region-header > .menu-mobile #block-socialheadermobile ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .region-header > .menu-mobile #block-socialheadermobile ul li {
    margin: 0 7px;
  }
  .region-header > .menu-mobile #block-cidj-main-menu,
  .region-header > .menu-mobile #block-cidj-main-menu--2 {
    margin: 30px 0;
  }
  .region-header > .menu-mobile #block-cidj-main-menu .menu,
  .region-header > .menu-mobile #block-cidj-main-menu--2 .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .region-header > .menu-mobile #block-cidj-main-menu .menu .menu-item,
  .region-header > .menu-mobile #block-cidj-main-menu--2 .menu .menu-item {
    display: block;
    width: 100%;
    margin: 0;
    max-height: none;
    height: 100px;
    width: calc(25% - 4px);
    margin: 2px;
  }
  .region-header > .menu-mobile #block-cidj-main-menu .menu .menu-item:last-child,
  .region-header > .menu-mobile #block-cidj-main-menu--2 .menu .menu-item:last-child {
    background: #e5e4b4;
  }
  .region-header > .menu-mobile #block-cidj-main-menu .menu .menu-item:last-child a,
  .region-header > .menu-mobile #block-cidj-main-menu--2 .menu .menu-item:last-child a {
    color: #5f2885;
  }
  .region-header > .menu-mobile #block-cidj-main-menu .menu .menu-item a,
  .region-header > .menu-mobile #block-cidj-main-menu--2 .menu .menu-item a {
    padding: 30px 20px;
  }
  /* FIN HEADER */
  /* FOOTER */
  .footer_first .region-footer-first {
    padding: 30px;
  }
  .footer_first .region-footer-first #block-blocklogofooter {
    width: 160px;
    margin-right: 30px;
  }
  .footer_first .region-footer-first #block-blocklogofooter img {
    width: 100%;
    height: auto;
  }
  .footer_first .region-footer-first #block-logosfooter {
    margin-left: 30px;
  }
  .footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li {
    margin-right: 0;
    margin-left: 1.7vw;
  }
  .footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li:nth-child(2) img {
    width: 6vw;
  }
  .footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li:nth-child(4) img {
    width: 12vw;
  }
  .footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li img {
    width: 8vw;
    height: auto;
  }
  .footer-more-info .region-footer-secondary {
    width: auto !important;
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer-more-info .region-footer-secondary .region-footer-second {
    margin: 0 0 0 auto;
  }
  /* FIN FOOTER */
  /* HOMEPAGE */
  .path-frontpage {
    /* SLIDER */
    /* FIN SLIDER */
    /* ACTUS */
    /* FIN ACTUS */
    /* VENIR AU CIDJ */
    /* FIN VENIR AU CIDJ */
    /* CA SE PASSE AU CIDJ */
    /* FIN CA SE PASSE AU CIDJ */
    /* VIDEOS */
    /* FIN VIDEOS */
    /* ORIENTATION METIERS */
    /* FIN ORIENTATION METIERS */
    /* ETUDES, FORMATIONS & ALTERNANCE */
    /* FIN ETUDES, FORMATIONS & ALTERNANCE */
    /* PARTIR A L'ETRANGER */
    /* FIN PARTIR A L'ETRANGER */
    /* JOBS */
    /* FIN JOBS */
    /* VIE QUOTIDIENNE */
    /* FIN VIE QUOTIDIENNE */
    /* NOUS RENCONTRER */
    /* FIN NOUS RENCONTRER */
    /* AGENDA */
    /* FIN AGENDA */
    /* RESEAUX SOCIAUX */
    /* FIN RESEAUX SOCIAUX */
    /* FIN HOMEPAGE */
  }
  .path-frontpage .region-homepageslider .prev {
    left: 15px;
  }
  .path-frontpage .region-homepageslider #block-slider .slider-hp-wrapper {
    height: auto;
  }
  .path-frontpage .region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider {
    height: 620px;
  }
  .path-frontpage .region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li {
    height: auto;
    width: 100vw;
    padding: 0 30px;
  }
  .path-frontpage .region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li article {
    width: auto;
    height: auto;
  }
  .path-frontpage .region-homepageslider .small-list-slider {
    top: 360px;
    left: 40px;
    width: calc(100% - 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .path-frontpage .region-homepageslider .small-list-slider li {
    width: calc(100% / 3 - 10px);
    margin: 0 10px;
    height: auto;
    padding-bottom: 40px;
  }
  .path-frontpage #block-views-block-liste-actus-block-1,
  .path-frontpage .view-id-liste_actus {
    max-width: 86%;
    margin: 0 auto;
    padding: 1em 0;
    min-width: 300px;
    text-align: left;
  }
  .path-frontpage #block-views-block-liste-actus-block-1 ul li,
  .path-frontpage .view-id-liste_actus ul li {
    margin: 0 1em 1em !important;
    min-width: 300px !important;
  }
  .path-frontpage #block-views-block-liste-actus-block-1 ul li .field-content .contenu-actu,
  .path-frontpage .view-id-liste_actus ul li .field-content .contenu-actu {
    padding: 10px 20px;
  }
  .path-frontpage #block-views-block-liste-actus-block-1 ul li .field-content .contenu-actu h3,
  .path-frontpage .view-id-liste_actus ul li .field-content .contenu-actu h3 {
    font-size: 18px;
    line-height: 1.3;
  }
  .path-frontpage .view-id-liste_actus {
    max-width: 100%;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock {
    padding: 60px 30px;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block {
    display: block;
    width: auto;
    padding-top: 0;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block li {
    margin: 5px;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block form {
    padding-bottom: 30px;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block .image {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block .image img {
    max-width: 753px;
    width: 70%;
    margin: 0 auto;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #left-block .tags {
    width: auto;
    display: block;
    float: none;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #right-block {
    display: block;
    width: auto;
    margin-top: 40px;
    padding-left: 0;
  }
  .path-frontpage #block-cidjutilshpcomecidjblock #right-block h2 {
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagehappensincidj {
    padding: 60px 30px;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock {
    width: auto;
    min-height: auto;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock h2 {
    margin-bottom: 40px;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block {
    float: none;
    width: 100%;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 30px;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li {
    padding: 20px 20px 45px;
    margin: 0 6px 50px;
    width: calc(100% - 12px);
    height: auto;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li:after {
    bottom: -60px;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #right-block {
    width: 100%;
    float: none;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .list-items li {
    width: calc(50% - 4px);
    height: 195px;
    margin: 2px;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .map {
    margin-top: 0;
  }
  .path-frontpage .region-homepagevideos {
    padding: 60px 30px;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos {
    width: auto;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos h2 {
    margin-top: 0;
    font-size: 46px;
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos > span {
    width: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .path-frontpage .region-homepagevideos #block-nosvideos > span.next {
    right: 0;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos > span.prev {
    left: 0;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos > span img {
    width: 100%;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos .slider-videos {
    width: calc(100% - 150px);
    height: auto;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul li {
    width: 100%;
    height: auto;
    padding: 60px 30px;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul article {
    margin: 0;
    width: auto;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul article .contenu-video {
    position: relative;
    top: auto;
    padding: 0;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul article .contenu-video .player {
    width: 70px;
    height: auto;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul article .contenu-video h3 {
    font-size: 32px;
    margin: 5px 0 10px;
  }
  .path-frontpage .region-homepagevideos #block-nosvideos ul article .contenu-video p {
    width: auto;
  }
  .path-frontpage .region-homepageorientation {
    padding: 60px 0;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock {
    width: 100%;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by {
    height: 690px;
    width: 590px;
    position: relative;
    margin: 0 auto;
    background-size: 100% auto;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li {
    margin-left: 0;
    font-size: 20px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child {
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -137px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: auto;
    bottom: 14px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -137px;
  }
  .path-frontpage .region-homepageformations {
    padding: 60px 0;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock {
    width: 100%;
    height: 1040px;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock h2.titre-strate {
    padding-top: 0;
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock ul {
    left: -110px;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
    width: 830px;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(3) {
    right: auto;
    left: 400px;
    top: 572px;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(4) {
    left: 210px;
    top: 690px;
    right: auto;
  }
  .path-frontpage .region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(8) {
    left: 200px;
    top: 470px;
  }
  .path-frontpage .region-homepageforeignformation {
    background-size: cover;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock {
    padding: 60px 0;
    width: auto;
    min-height: 750px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul {
    width: 860px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li:nth-child(2) {
    left: 20px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li:nth-child(3) {
    left: 150px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li:nth-child(6) {
    right: -40px;
  }
  .path-frontpage .region-homepagejobs {
    padding: 60px 30px 160px;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock {
    width: auto;
    display: block;
    position: static;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock img.bg-bottom-emplois {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #left-block {
    width: 100%;
    margin-top: 0;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #left-block h2 {
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #left-block form {
    border-right: 0;
    border-bottom: 1px solid #ada8d2;
    padding-bottom: 30px;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block {
    width: 100%;
    margin-top: 40px;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block h2 {
    margin-bottom: 0;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block h3 {
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li {
    margin: 0 6px;
    padding: 20px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock {
    padding: 60px 0;
    width: auto;
    min-height: 960px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock h2 {
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul {
    width: 860px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:first-child {
    top: 550px;
    left: 174px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(2) {
    top: 70px;
    left: 70px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(3) {
    top: 0px;
    left: 352px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(4) {
    top: 535px;
    left: 530px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(5) {
    top: 328px;
    left: 14px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(6) {
    top: 370px;
    left: 292px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(7) {
    top: 320px;
    left: 642px;
  }
  .path-frontpage .region-homepagemeetus {
    padding: 60px 30px 0 30px;
  }
  .path-frontpage .region-homepagemeetus h3 {
    width: auto;
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagemeetus p {
    width: 80%;
    margin: 0 auto;
  }
  .path-frontpage .region-homepagemeetus .map-meet-us {
    width: 100vw;
  }
  .path-frontpage .region-homepagemeetus .map-meet-us .map {
    margin-top: 70px;
  }
  .path-frontpage .region-homepagemeetus .map-meet-us .arrow-map {
    width: 60px;
  }
  .path-frontpage .region-homepagemeetus .map-meet-us .arrow-map img {
    width: 100%;
    height: auto;
  }
  .path-frontpage .region-homepageevents {
    padding: 60px 30px;
  }
  .path-frontpage .region-homepageevents h2 {
    padding-top: 110px !important;
  }
  .path-frontpage .region-homepageevents h3 {
    margin-bottom: 40px;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock {
    width: auto;
    margin: 0;
    min-height: auto;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock .list-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 30px;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock .list-events li {
    padding: 20px 20px 45px;
    margin: 0 6px 50px;
    width: calc(100% - 12px);
    height: auto;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock .list-events li:after {
    bottom: -60px;
  }
  .path-frontpage .region-homepageevents .logo-information-jeunesse {
    top: 40px;
    width: 90px;
    height: auto;
  }
  .path-frontpage .region-homepagesocialnetworks {
    padding: 60px 16px;
  }
  .path-frontpage .region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock {
    width: auto;
    padding-top: 0;
  }
  .path-frontpage .region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock h2 {
    width: auto;
    padding-bottom: unset;
    position: unset;
    left: unset;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
    margin-bottom: 30px;
  }
  .path-frontpage .region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .modern li {
    width: calc(100% / 3 - 14px);
    margin: 7px;
  }
  .path-frontpage .region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .modern li .section-thumb img {
    max-width: 235px;
    max-height: 235px;
  }
}
@media only screen and (max-width: 1201px) and only screen and (max-width: 1201px) {
  .path-frontpage .region-homepageslider .prev,
  .path-frontpage .region-homepageslider .next {
    top: 350px;
  }
}
@media only screen and (max-width: 900px) {
  .path-frontpage {
    /* ORIENTATION METIERS */
    /* FIN ORIENTATION METIERS */
    /* ARTICLES */
    /* FIN ARTICLES */
    /* PARTIR A L'ETRANGER */
    /* FIN PARTIR A L'ETRANGER */
    /* VIE QUOTIDIENNE */
    /* FIN VIE QUOTIDIENNE */
    /* AGENDA */
    /* FIN AGENDA */
    /* CA SE PASSE AU CIDJ */
    /* FIN CA SE PASSE AU CIDJ */
    /* ACTUS */
    /* FIN ACTUS */
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by {
    height: 540px;
    width: 400px;
    background-size: 100% auto;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li {
    margin-left: 0;
    font-size: 18px;
    width: 160px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child {
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child:after {
    bottom: -90px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:after {
    width: 50px;
    height: 50px;
    background-size: 100% auto;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) {
    left: -117px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) {
    bottom: 14px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) {
    right: -117px;
  }
  .path-frontpage .region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider {
    height: 750px;
  }
  .path-frontpage .region-homepageslider .small-list-slider {
    top: 420px;
  }
  .path-frontpage .region-homepageslider .small-list-slider li {
    padding: 20px 20px 40px 20px;
  }
  .path-frontpage .region-homepageslider span.next,
  .path-frontpage .region-homepageslider span.prev {
    top: 350px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock {
    min-height: 750px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul {
    width: 650px;
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .path-frontpage .region-homepageforeignformation #block-cidjutilshpforeignformationblock ul li:nth-child(4) {
    left: 210px;
    top: 330px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul {
    width: 680px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:first-child {
    left: 104px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(2) {
    left: 0px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(3) {
    left: 282px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(4) {
    left: 460px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(5) {
    top: 348px;
    left: 4px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(6) {
    left: 222px;
  }
  .path-frontpage .region-homepagedailylife #block-cidjutilshpdailylifeblock ul li:nth-child(7) {
    left: 462px;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock .list-events {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .path-frontpage .region-homepageevents #block-cidjutilshplasteventsblock .list-events li {
    width: calc(50% - 12px);
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .path-frontpage .region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li {
    width: calc(50% - 12px);
  }
  .path-frontpage #block-views-block-liste-actus-block-1 ul li,
  .path-frontpage .view-id-liste_actus ul li {
    width: calc(100% / 2 - 16px);
    margin: 0 0 30px 0 !important;
  }
}
/*------------------ Suite style Laure -----------------*/
.region-header {
  background: url('../images//bg-header.png');
  background-size: cover;
}
.region-header > .menu-mobile {
  display: none;
}
/* TABS DRUPAL */
#block-cidj-local-tasks {
  background: #ffffff;
  width: 100%;
}
#block-cidj-local-tasks ul.tabs {
  margin: 0;
}
/* BLOC Besoin d'un conseil ? */
.need-help {
  text-align: center;
}
.need-help .need-block {
  padding: 0.5em 2em;
  margin: 0 1em;
}
.need-help .advertising-footer .pub {
  width: 300px;
}
/* Page Login */
.wrapper-login-form {
  padding-top: 1em;
}
.wrapper-login-form .col {
  width: 354px;
}
.wrapper-login-form .col header {
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-size: cover;
}
.wrapper-login-form .col article {
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* Page création de compte */
#create-account-cidj fieldset {
  margin-top: -10px;
}
#create-account-cidj fieldset > legend .fieldset-legend {
  margin-top: 80px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6em;
}
#create-account-cidj fieldset .form-radios {
  margin-bottom: 1.2em;
}
#create-account-cidj fieldset .form-radios .form-type-radio {
  margin-right: 1.8em;
  margin-left: 0.6em;
}
#create-account-cidj .form-actions input[type=submit] {
  margin-bottom: 2em;
}
#create-account-cidj .advertising-wrapper {
  margin-left: 2em;
}
.form-textarea-wrapper textarea {
  padding: 1em;
}
/* BT Top */
.bt-top {
  display: none;
}
/* FOOTER */
#block-reseauxsociauxfooter {
  margin-top: 45px;
}
#block-reseauxsociauxfooter .field--name-body ul {
  margin-top: 0 !important;
}
/* Evenements */
/* Page Partir à l'étranger */
#block-cidjutilshappensnousrencontrerblock #left-block {
  width: 480px !important;
}
#block-cidjutilshappensnousrencontrerblock #left-block .list-events li {
  margin: 0 3.4% 60px !important;
}
#block-cidjutilshappensnousrencontrerblock #left-block a {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
/* Espace pro - Page Vous êtes un journaliste */
.view-id-evenements {
  padding: 4% 4% !important;
}
.view-id-evenements .view-content {
  text-align: center;
}
.view-id-evenements .view-content .list-events {
  display: inline-block;
  margin: 0 auto;
  width: 915px;
}
.view-id-evenements .view-footer {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
/* Espace pro */
.page-node-27007 .view-pages-enfants .view-content .list-item .views-field:not( :nth-child(-n+3)),
.page-node-26999 .view-pages-enfants .view-content .list-item .views-field:not( :nth-child(-n+3)),
.page-node-26989 .view-pages-enfants .view-content .list-item .views-field:not( :nth-child(-n+3)),
.page-node-27007 .view-pages-enfants .view-content .views-row:not( :nth-child(-n+3)),
.page-node-26999 .view-pages-enfants .view-content .views-row:not( :nth-child(-n+3)),
.page-node-26989 .view-pages-enfants .view-content .views-row:not( :nth-child(-n+3)) {
  margin-top: 0 !important;
}
/* Affichages pubs */
.pub-mobile {
  display: none;
}
@media only screen and (max-width: 640px) {
  .pub-desktop {
    display: none;
  }
  .view-display-id-block_vue_thematique {
    padding-right: 0px;
    padding-left: 0px;
  }
  .layout-content {
    padding-right: 10px;
    padding-left: 10px;
  }
}
#block-views-block-vue-thematique-block-vue-thematique .advertising-wrapper:first-child,
#block-views-block-prochains-evenements-block-1 .advertising-wrapper:first-child,
#block-views-block-prochains-evenements-block-2 .advertising-wrapper:first-child {
  display: block;
}
@media only screen and (max-width: 1201px) {
  /* MENU HAMBURGER */
  .toggle-hamburger-menu {
    margin-right: 1.9em;
  }
  /* CONTENUS */
  main,
  .need-help {
    width: 100%;
  }
  article .node__content .page-title {
    width: 100%;
    float: none;
  }
  article .node__content .actions-content {
    position: static;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  article .node__content .actions-content li {
    display: inline-block;
  }
  article .node__content .summary {
    min-height: auto;
  }
  /* Liste actus accueil */
  /* LISTES GUIDES TELECHARGEABLES */
  #tpl-list-1col .content-1col .col:first-child {
    width: 100%;
    text-align: center;
  }
  #tpl-list-1col .content-1col .col:first-child img {
    display: inline-block;
    width: auto;
  }
  #tpl-list-1col .content-1col .col:nth-child(2) {
    width: 100%;
    padding: 1em 0;
  }
  #tpl-list-1col .content-1col .col:last-child {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 1.3em;
  }
  /* LISTES CONTENUS */
  #block-views-block-vue-thematique-block-vue-thematique .view-content,
  #block-views-block-prochains-evenements-block-1 .view-content,
  #block-views-block-prochains-evenements-block-2 .view-content {
    width: 670px;
    margin: 0 auto;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row {
    width: 300px !important;
    margin: 0 1em !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row article,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row article,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row article {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 3em;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row article img,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row article img,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row article img {
    width: 100% !important;
    height: auto !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper {
    margin-right: 2em;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper .encard-pub,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper .encard-pub,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper .encard-pub {
    padding: 0px !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper .viewlisting-right-ad,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper .viewlisting-right-ad,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper .viewlisting-right-ad {
    width: 100%;
    height: auto;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250 {
    width: 100%;
    height: auto;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250 img,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250 img,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper .viewlisting-right-ad .auto-promo-300-250 img {
    width: 100%;
    height: auto;
  }
  /* LISTE PAGES ENFANTS */
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row,
  .view-pages-enfants .field--name-body .view-content .views-row,
  .view-metiers-par-secteur .field--name-body .view-content .views-row,
  .view-type-d-ecole .field--name-body .view-content .views-row,
  .view-type-de-diplome .field--name-body .view-content .views-row,
  .view-centres-d-interet .field--name-body .view-content .views-row,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field {
    width: 30.2% !important;
    margin: 0 1.5% !important;
    height: 22vw !important;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+3)),
  .view-pages-enfants .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  .view-metiers-par-secteur .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  .view-type-d-ecole .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  .view-type-de-diplome .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  .view-centres-d-interet .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row:not( :nth-child(-n+3)),
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-pages-enfants .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)),
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)),
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+3)) {
    margin-top: 2.3vw !important;
  }
  .view-pages-enfants .view-content .views-row,
  .view-pages-enfants .view-content .list-item .views-field {
    width: 30.2% !important;
    margin: 0 1.5% 2em 1.5% !important;
  }
  .view-pages-enfants .view-content .views-row:not( :nth-child(-n+3)),
  .view-pages-enfants .view-content .list-item .views-field:not( :nth-child(-n+3)) {
    margin-top: 2.3vw !important;
  }
  /* Espace pro - Vous etes un professionnnel de l'info */
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type {
    width: 100% !important;
    display: block !important;
  }
  .page-node-26989 .views-element-container,
  .page-node-26999 .views-element-container {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
  }
  .page-node-26989 .sidebar-advertising,
  .page-node-26999 .sidebar-advertising {
    float: none !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }
  /* Page Partir à l'étranger */
  #block-cidjutilshappensnousrencontrerblock .cols-agenda {
    padding: 0 4%;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block {
    width: 910px !important;
    margin: 0 auto;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block .list-events li {
    margin: 0 1.5% 60px !important;
  }
  /* Page Login */
  .wrapper-login-form .col {
    width: 30%;
  }
  .wrapper-login-form .col .form-text {
    width: 100%;
  }
  /* Espace pro - Page Vous êtes un journaliste */
  .view-id-evenements .view-content .list-events {
    width: 685px;
  }
  /* Liste actus */
  #block-views-block-liste-actus-block-1,
  .view-id-liste_actus {
    width: 670px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
  }
  #block-views-block-liste-actus-block-1 .view-content,
  .view-id-liste_actus .view-content {
    width: 100%;
  }
  #block-views-block-liste-actus-block-1 .view-content ul li,
  .view-id-liste_actus .view-content ul li {
    width: 300px;
    margin: 0 1em 1em !important;
  }
  #block-views-block-liste-actus-block-1 .view-header,
  .view-id-liste_actus .view-header {
    display: inline-block;
    position: absolute;
    top: inherit !important;
    bottom: 4.5em !important;
    right: 1em !important;
  }
  /* Search header */
  .region-header #block-cidj-search #edit-actions,
  .region-header #block-cidj-search #edit-actions--2 {
    position: absolute;
    right: 6px;
    bottom: 7px;
  }
  /* FOOTER */
  .footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li:nth-child(2) img {
    height: auto;
  }
  .page-node-type-page .actions-content {
    position: static;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .page-node-type-page .actions-content li {
    display: inline-block;
  }
  .footer-wrapper-content .col-right {
    width: 100%;
  }
  .more-like-contents ul li article img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .region-homepagevideos #block-nosvideos .slick-next {
    right: -2% !important;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(1) {
    left: 132px;
    top: 72px;
  }
  .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child a::after {
    bottom: -100px;
    left: 2%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) {
    left: 225px;
    top: 200px;
  }
  #jobs-by li:nth-child(2) a::after {
    left: -69px;
    top: 20px;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) {
    left: 75px;
    top: 425px;
  }
  .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) a::after {
    top: -33px;
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) {
    left: 215px;
    top: 315px;
  }
  .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) a::after {
    left: -76px;
    top: -3px;
  }
}
@media only screen and (max-width: 1060px) {
  /* Page Partir à l'étranger */
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block {
    width: 436px !important;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block .list-events li {
    margin: 0 2% 60px !important;
  }
  /* Liste actus */
}
@media only screen and (max-width: 900px) {
  /* BLOC SEARCH */
  .region-header > #block-cidj-search {
    display: none;
  }
  .region-header > .menu-mobile #block-cidj-search {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 auto 2em !important;
  }
  .region-header > .menu-mobile #block-cidj-search input[type=search] {
    width: calc(100% - (77px + 50px)) !important;
    padding-right: 77px !important;
  }
  .region-header > .menu-mobile #block-cidj-search input#edit-submit {
    width: auto;
    padding: 0 0.7em;
  }
  /* Page Login */
  .wrapper-login-form {
    display: inline-block;
  }
  .wrapper-login-form .col {
    width: 45.5%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 30px;
  }
  .wrapper-login-form .col .form-text {
    width: 100%;
  }
  /* LISTES CONTENUS */
  #block-views-block-vue-thematique-block-vue-thematique .view-content,
  #block-views-block-prochains-evenements-block-1 .view-content,
  #block-views-block-prochains-evenements-block-2 .view-content {
    width: 320px !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row {
    margin: 0 !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper {
    margin-bottom: 2em !important;
  }
  /* LISTE PAGES ENFANTS */
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row,
  .view-pages-enfants .field--name-body .view-content .views-row,
  .view-metiers-par-secteur .field--name-body .view-content .views-row,
  .view-type-d-ecole .field--name-body .view-content .views-row,
  .view-type-de-diplome .field--name-body .view-content .views-row,
  .view-centres-d-interet .field--name-body .view-content .views-row,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field {
    width: 46.2% !important;
    margin: 0 1.9% !important;
    height: 32vw !important;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+2)),
  .view-pages-enfants .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  .view-metiers-par-secteur .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  .view-type-d-ecole .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  .view-type-de-diplome .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  .view-centres-d-interet .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row:not( :nth-child(-n+2)),
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-pages-enfants .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)),
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+2)) {
    margin-top: 2.6vw !important;
  }
  .view-pages-enfants .view-content .views-row,
  .view-pages-enfants .view-content .list-item .views-field {
    width: 46.2% !important;
    margin: 0 1.9% 2em 1.9% !important;
  }
  .view-pages-enfants .view-content .views-row:not( :nth-child(-n+2)),
  .view-pages-enfants .view-content .list-item .views-field:not( :nth-child(-n+2)) {
    margin-top: 2.6vw !important;
  }
  /* Page Partir à l'étranger */
  #block-cidjutilshappensnousrencontrerblock .cols-agenda {
    padding: 0 8%;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block {
    width: 455px !important;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block .list-events li {
    margin: 0 3% 60px !important;
  }
  /* Espace pro - Page Vous êtes un journaliste */
  .view-id-evenements .view-content .list-events {
    width: 456px;
  }
  /* Espace pro - Vous etes un professionnnel de l'info */
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type {
    width: 100% !important;
    display: block !important;
  }
  /* FOOTER */
  .region-footer-first {
    display: block !important;
    text-align: center;
  }
  .region-footer-first #block-blocklogofooter {
    margin: 0 auto !important;
  }
  .region-footer-first #block-reseauxsociauxfooter ul {
    width: 100% !important;
    display: inline-block !important;
    text-align: center;
  }
  .region-footer-first #block-reseauxsociauxfooter ul li {
    display: inline-block !important;
  }
  .region-footer-first #block-logosfooter {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 !important;
  }
  .region-footer-first #block-logosfooter ul {
    display: inline-block !important;
    text-align: center;
    margin-top: 1em;
  }
  .region-footer-first #block-logosfooter ul li {
    display: inline-block !important;
  }
  .region-footer-first #block-logosfooter ul li img {
    width: 17vw !important;
  }
  .region-footer-first #block-logosfooter ul:not(.contextual-links) li:nth-child(2) img {
    width: 10vw !important;
  }
}
@media only screen and (max-width: 640px) {
  /* MENU HAMBURGER */
  .toggle-hamburger-menu {
    position: absolute;
    top: 3em;
    right: 0;
  }
  /* RECHERCHE HEADER */
  #block-cidj-search {
    display: none !important;
  }
  /* ACCES */
  #block-faqnewsletterlogin ul li:not(:first-child) {
    margin-left: 11px !important;
  }
  /* MENU */
  #block-cidj-main-menu .menu li,
  #block-cidj-main-menu--2 .menu li {
    width: 100% !important;
    padding: 0em !important;
    height: auto !important;
  }
  #block-cidj-main-menu .menu li a,
  #block-cidj-main-menu--2 .menu li a {
    padding: 1.6em 1em !important;
  }
  /* ARIANE */
  #block-cidj-breadcrumbs {
    display: none;
  }
  /* Liste actus accueil */
  #bg-region-hp-silder .view-liste-actus .view-header .encard-pub {
    margin: 0 auto;
  }
  /* Page Login */
  .wrapper-login-form {
    display: inline-block;
  }
  .wrapper-login-form .col {
    width: 100%;
    margin: 0 0 30px;
  }
  /* LISTES CONTENUS */
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row {
    width: 100% !important;
    margin: 0.7em 1.5% !important;
    display: inline-block;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .views-row article,
  #block-views-block-prochains-evenements-block-1 .view-content .views-row article,
  #block-views-block-prochains-evenements-block-2 .view-content .views-row article {
    margin-bottom: 2.7em;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper {
    width: 300px !important;
    margin: 0.7em auto !important;
  }
  #block-views-block-vue-thematique-block-vue-thematique .view-content .advertising-wrapper .viewlisting-right-ad,
  #block-views-block-prochains-evenements-block-1 .view-content .advertising-wrapper .viewlisting-right-ad,
  #block-views-block-prochains-evenements-block-2 .view-content .advertising-wrapper .viewlisting-right-ad {
    padding: 0px !important;
  }
  /* Liste actus */
  #block-views-block-liste-actus-block-1 .view-content ul li,
  .view-id-liste_actus .view-content ul li {
    width: 100%;
    margin: 0 0 1em;
    height: auto !important;
  }
  /* LISTES GUIDES TELECHARGEABLES */
  #create-account-cidj .advertising-wrapper img {
    width: 100%;
    height: auto;
  }
  /* LISTE PAGES ENFANTS */
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row,
  .view-pages-enfants .field--name-body .view-content .views-row,
  .view-metiers-par-secteur .field--name-body .view-content .views-row,
  .view-type-d-ecole .field--name-body .view-content .views-row,
  .view-type-de-diplome .field--name-body .view-content .views-row,
  .view-centres-d-interet .field--name-body .view-content .views-row,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field {
    position: relative;
    width: 100% !important;
    margin: 0.7em 1.5% !important;
    display: inline-block;
    min-height: auto !important;
    height: auto !important;
    padding: 20px !important;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row .views-field-nothing,
  .view-pages-enfants .field--name-body .view-content .views-row .views-field-nothing,
  .view-metiers-par-secteur .field--name-body .view-content .views-row .views-field-nothing,
  .view-type-d-ecole .field--name-body .view-content .views-row .views-field-nothing,
  .view-type-de-diplome .field--name-body .view-content .views-row .views-field-nothing,
  .view-centres-d-interet .field--name-body .view-content .views-row .views-field-nothing,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row .views-field-nothing,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field .views-field-nothing,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field .views-field-nothing,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field .views-field-nothing,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field .views-field-nothing,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field .views-field-nothing,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field .views-field-nothing {
    width: 100%;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-pages-enfants .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-metiers-par-secteur .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-d-ecole .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-de-diplome .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-centres-d-interet .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-pages-enfants .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)),
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)) {
    margin: 0.7em 1.5% !important;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row .cat,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row .cat,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row .cat,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row .cat,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row .cat,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row .cat,
  .view-pages-enfants .field--name-body .view-content .views-row .cat,
  .view-metiers-par-secteur .field--name-body .view-content .views-row .cat,
  .view-type-d-ecole .field--name-body .view-content .views-row .cat,
  .view-type-de-diplome .field--name-body .view-content .views-row .cat,
  .view-centres-d-interet .field--name-body .view-content .views-row .cat,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row .cat,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field .cat,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field .cat,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field .cat,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field .cat,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field .cat,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field .cat,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field .cat,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field .cat,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field .cat,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field .cat,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field .cat,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field .cat {
    text-align: left;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row .cat a,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row .cat a,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row .cat a,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row .cat a,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row .cat a,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row .cat a,
  .view-pages-enfants .field--name-body .view-content .views-row .cat a,
  .view-metiers-par-secteur .field--name-body .view-content .views-row .cat a,
  .view-type-d-ecole .field--name-body .view-content .views-row .cat a,
  .view-type-de-diplome .field--name-body .view-content .views-row .cat a,
  .view-centres-d-interet .field--name-body .view-content .views-row .cat a,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row .cat a,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field .cat a,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field .cat a,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field .cat a,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field .cat a,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field .cat a,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field .cat a,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field .cat a {
    width: 100%;
    padding-right: 4em !important;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row .cat a:after,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row .cat a:after,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row .cat a:after,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row .cat a:after,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row .cat a:after,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row .cat a:after,
  .view-pages-enfants .field--name-body .view-content .views-row .cat a:after,
  .view-metiers-par-secteur .field--name-body .view-content .views-row .cat a:after,
  .view-type-d-ecole .field--name-body .view-content .views-row .cat a:after,
  .view-type-de-diplome .field--name-body .view-content .views-row .cat a:after,
  .view-centres-d-interet .field--name-body .view-content .views-row .cat a:after,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row .cat a:after,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field .cat a:after,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field .cat a:after,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field .cat a:after,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field .cat a:after,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field .cat a:after,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field .cat a:after,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field .cat a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
    right: 0;
  }
  .view-pages-enfants.view-display-id-block_1 .view-content .views-row img,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row img,
  .view-type-d-ecole.view-display-id-block_1 .view-content .views-row img,
  .view-type-de-diplome.view-display-id-block_1 .view-content .views-row img,
  .view-centres-d-interet.view-display-id-block_1 .view-content .views-row img,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row img,
  .view-pages-enfants .field--name-body .view-content .views-row img,
  .view-metiers-par-secteur .field--name-body .view-content .views-row img,
  .view-type-d-ecole .field--name-body .view-content .views-row img,
  .view-type-de-diplome .field--name-body .view-content .views-row img,
  .view-centres-d-interet .field--name-body .view-content .views-row img,
  #block-creeruneoffredemploistage .field--name-body .view-content .views-row img,
  .view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field img,
  .view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field img,
  .view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field img,
  .view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field img,
  .view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field img,
  #block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field img,
  .view-pages-enfants .field--name-body .view-content .list-item .views-field img,
  .view-metiers-par-secteur .field--name-body .view-content .list-item .views-field img,
  .view-type-d-ecole .field--name-body .view-content .list-item .views-field img,
  .view-type-de-diplome .field--name-body .view-content .list-item .views-field img,
  .view-centres-d-interet .field--name-body .view-content .list-item .views-field img,
  #block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field img {
    height: auto !important;
  }
  .view-pages-enfants .view-content .views-row,
  .view-pages-enfants .view-content .list-item .views-field {
    position: relative;
    width: 100% !important;
    margin: 0.7em 1.5% !important;
    display: inline-block;
    min-height: auto !important;
    height: auto !important;
    padding: 20px !important;
  }
  .view-pages-enfants .view-content .views-row .views-field-nothing,
  .view-pages-enfants .view-content .list-item .views-field .views-field-nothing {
    width: 100%;
  }
  .view-pages-enfants .view-content .views-row .views-field-nothing:not( :nth-child(-n+2)),
  .view-pages-enfants .view-content .list-item .views-field .views-field-nothing:not( :nth-child(-n+2)) {
    margin: 0.7em 1.5% !important;
  }
  .view-pages-enfants .view-content .views-row .cat,
  .view-pages-enfants .view-content .list-item .views-field .cat {
    text-align: left;
  }
  .view-pages-enfants .view-content .views-row .cat a,
  .view-pages-enfants .view-content .list-item .views-field .cat a {
    width: 100%;
    padding-right: 4em !important;
  }
  .view-pages-enfants .view-content .views-row .cat a:after,
  .view-pages-enfants .view-content .list-item .views-field .cat a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
    right: 0;
  }
  .view-pages-enfants .view-content .views-row img,
  .view-pages-enfants .view-content .list-item .views-field img {
    height: auto !important;
  }
  /* Espace pro */
  .page-node-26989 .view-content .list-item .views-field,
  .page-node-26999 .view-content .list-item .views-field,
  .page-node-26989 .view-content .views-row,
  .page-node-26999 .view-content .views-row {
    padding: 0 !important;
    margin: 0 0 3em 0 !important;
  }
  .page-node-26989 .sidebar-advertising img,
  .page-node-26999 .sidebar-advertising img {
    width: 100% !important;
    height: auto !important;
  }
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type a {
    display: block;
  }
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type a img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type a .item-content {
    width: 100% !important;
    display: block !important;
    float: none !important;
  }
  .page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type a .item-content:after {
    top: auto !important;
    right: auto !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -17px;
  }
  /* Pubs listings */
  .view-liste-actus .viewlisting-right-ad,
  .view-prochains-evenements .viewlisting-right-ad {
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }
  .view-liste-actus .viewlisting-right-ad a,
  .view-prochains-evenements .viewlisting-right-ad a,
  .view-liste-actus .viewlisting-right-ad img,
  .view-prochains-evenements .viewlisting-right-ad img {
    width: 100% !important;
    height: auto !important;
  }
  /* SOCIAL STREAM */
  #block-socialstreampagesinterieures .stream {
    width: 100% !important;
  }
  #block-socialstreampagesinterieures .stream li {
    width: 100% !important;
  }
  /* Espace pro - Page Vous êtes un journaliste */
  .view-id-evenements {
    padding: 8% !important;
  }
  .view-id-evenements .view-content .list-events {
    width: 100%;
  }
  .view-id-evenements .view-content .list-events li {
    margin: 0 0 40px;
    width: 100%;
    height: auto !important;
    padding: 20px 15px 40px;
  }
  /* Page Partir à l'étranger */
  #block-cidjutilshappensnousrencontrerblock .cols-agenda {
    padding: 0 8%;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block {
    width: 100% !important;
  }
  #block-cidjutilshappensnousrencontrerblock .cols-agenda #left-block .list-events li {
    margin: 0 0 40px !important;
  }
  /* FOOTER */
  .footer_first .region-footer-first {
    padding: 15px;
  }
  .footer_first #block-reseauxsociauxfooter {
    margin-top: 19px;
    border-left: 0 !important;
  }
  .footer-more-info .region-footer-secondary {
    padding: 0 1em !important;
  }
  .footer-more-info .region-footer-secondary .region-footer-second {
    width: 92%;
  }
  .region-footer-copyright {
    position: absolute;
    bottom: 2em;
    left: 10vw;
  }
  .bt-top {
    display: block;
    background: url('../images//bt-top.png') scroll no-repeat top left transparent;
    width: 60px;
    height: 59px;
    position: absolute;
    bottom: 1.2em;
    right: 7.7vw;
    cursor: pointer;
    z-index: 200;
  }
  #block-cidj-footer .menu {
    margin-left: 0 !important;
    margin-bottom: 3em !important;
    text-align: left !important;
    -webkit-columns: 2 33vw;
    columns: 2 33vw;
  }
  #block-cidj-footer .menu li {
    margin: 0 !important;
    -webkit-columns: 6em 2;
            columns: 6em 2;
  }
}
/* PHASE 2 */
/* Masqué */
.view-offres-de-stages .bloc-right-offer .row-gray,
.view-offres-d-emplois .bloc-right-offer .row-gray,
#tpl-list-jobs .bloc-right-offer .row-gray {
  display: none !important;
}
.view-offres-de-stages .bloc-right-offer h3:not(:first-child),
.view-offres-d-emplois .bloc-right-offer h3:not(:first-child),
#tpl-list-jobs .bloc-right-offer h3:not(:first-child),
.view-offres-de-stages .bloc-right-offer .btn-action:nth-child(6),
.view-offres-d-emplois .bloc-right-offer .btn-action:nth-child(6),
#tpl-list-jobs .bloc-right-offer .btn-action:nth-child(6) {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding-top: 10px;
}
@media screen and (max-width: 1201px) and (min-width: 611px) {
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(1) {
    left: 85%;
    top: 10%;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) {
    left: 90%;
    top: 40%;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) {
    left: 93%;
    top: 63%;
  }
  .path-frontpage .region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) {
    left: 79%;
    top: 80%;
  }
}
@media screen and (max-width: 780px) {
  #bg-region-hp--meet-us {
    overflow: hidden;
  }
  .path-frontpage .region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li {
    margin: 0 0 40px !important;
  }
  #block-views-block-liste-actus-block-1 .view-header,
  .view-id-liste_actus .view-header {
    width: 300px !important;
    margin: 0 auto !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
    margin-bottom: 1.5em !important;
    display: block !important;
  }
  #block-views-block-liste-actus-block-1 .view-content .item-list,
  .view-id-liste_actus .view-content .item-list {
    margin: 0 auto;
    width: 300px;
  }
  #block-views-block-liste-actus-block-1 .view-content .item-list ul li,
  .view-id-liste_actus .view-content .item-list ul li {
    width: 300px !important;
    margin: 0 0 1.5em !important;
  }
  .need-help {
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .need-help .advertising-footer {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 1em;
  }
  .need-help .advertising-footer .pub {
    width: 300px;
    margin: 0 auto;
  }
}