@media (max-width:320px){
	.bloc_sites {width: 100%;}
	.bloc_reseaux {width: 100%;}
	.bloc_communication {width: 100%;}
	a .titre_formation {line-height: 100% !important; top: 25%; font-size: 2em !important;}
}

@media (min-width:321px) and (max-width: 381px) {
	.programme_title {margin-bottom: 5px !important;}
	.temps_formation {margin: 0 1em 1em 0 !important;}
	.top_datadock {top: 0;}
	.top_pole_emploi {top: 0.2% !important;}
}

@media (min-width:321px) and (max-width: 460px) {
	.Financement img {display: none;}
}

@media (min-width:321px) and (max-width:719px){
	.homeShow, .menu_block, .icon-close {z-index:20;}
	.show {width:100% !important;}
	.home .show .block-menu-item {height:98% !important; width:100% !important;z-index:999 !important;position:absolute;top:inherit;bottom:0;}
	.fixedHome .item-menu-mosaic .img-mosaic {height: 13.1vh !important;}
	.item-menu-mosaic .img-mosaic img {height: auto !important;width: 100% !important; }
	.page:not(.home) .show .block-menu-item , .single .show .block-menu-item, .archive .show .block-menu-item{display:block !important;}
	.page:not(.home) .show , .single .show, .archive .show{padding:0;}
	.page:not(.home) .item-menu-mosaic .img-mosaic, .single .item-menu-mosaic .img-mosaic, .archive .item-menu-mosaic .img-mosaic {height:13.3vh;}
	.page:not(.home) .menu_icon,.single:not(.home) .menu_icon,.archive:not(.home) .menu_icon{visibility: hidden;}
	.description {padding-left:5% !important;padding-top:15%;}
	body.fixed-nav #header-top .custom-logo-link .custom-logo{width:auto;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {display: inline-block;position: absolute;right: 0;text-align: right;}
	.custom-logo-link span {width:100%;font-size:1em;padding-right:1.8em;}
	a.linkActu, #main section .reaHome a.linkActu {display:block;margin: 0 auto;width: 80% !important;padding: 10px;}
	#main section .reaHome {width:100% !important;margin-left:3%;}
	.counter {width: calc(100% / 2 - 4px) !important;}
	.ms-header__title {font-size: 1.1rem !important;}
	#main section .panel-content {flex: inherit;}
	.ate p img {width:100%;}
	.icon-close {margin-left:0.7em;}
	.responsive {position: fixed !important;top:inherit !important;z-index: 10 !important;}
	#menu-menu_mobile {display:block;position:relative;width:100%;padding:3%;background-color:var(--bleuC);}
	#menu-menu_mobile li {padding:8px 0;}
	#menu-menu_mobile li a {color:#fff;text-decoration:none;text-transform: uppercase;}
	body.archive .posts .post {display:block;width:100%;flex:inherit !important;padding: 3%;}
	body.archive .posts .post .post-title {max-height:inherit !important;}
	body.archive .posts .post a.linkActu {position:relative !important;margin:0 auto;}
	body.archive .posts .post .post-title h3 a {font-size:1rem;letter-spacing: inherit;}
	body.single .content-single {padding: 3%;width: 100%;margin-left: inherit;}
	body.single .content-single img {width:100%;height:0;}
	#breadcrumbs {padding: 1% 5%;}
	div.nav-page-post a {width:100%;}
	.site-side {width:100%; padding:3%; float:inherit;}
	.site-footer .custom-logo {width:80%;}
	.site-footer ul {width:100%;}
	.res {margin-top:0 !important;}
	.site-header .page-menu {width: 100% !important;margin-top: 0;margin-left: 0;}
	.contact-name, .contact-email, .contact-tel, .contact-subject {width: 100%;}
	.grid figure figcaption {padding:1em;}
	.grid figure p.individu span {display:block;}
	.grid figure p.individu {font-size: 1em;}
	body.page-id-4008 .header_agence, body.page-id-4011 .header_agence {min-height:30vh;}
	body.page #page-header-site .page-title {font-size:1.8rem;margin-top: 5%;}
	.header_agence table {width:100% !important;}
	body.page #page-header-site .page-title {font-size: 2rem;margin-top: 5%;color:var(--bleuF);}
	.agence-content {padding: 0 5%;}
	body.page-template-page-realisations button {width: calc(100% / 2 - 2px);padding: 10px;}
	body.page-template-page-contact #page-header-site .page-title {color:#fff !important;}
	.block02 {float:inherit;}
	.sectionContact {padding: 0 4%;}
	.page-template-page-contact table tr td{display:inline-block !important;}
	.col {width: 100% !important;float: inherit !important;margin:0;display:block;position:relative;}
	.featherlight-content .site-main {min-width:inherit;}
	.page-template-page-agence #page-header-site .page-title {color:#fff !important;}
	body.post-type-archive-reviews .contenu .posts-reviews {width:100%;}
	#showForm {width:90%; margin:0 auto;}
	#page-header-site .page-title {font-size: 3rem !important;}
	#testimonial {width:100%;margin-top:4%;}
	.ui-slider-tabs {height:auto !important;}
	/* MAJ 25.10 */
	.header_agence div.image, .header-single div.image {height:90vh;}
	.header-single h1, #page-header-site h1, body.single-equipe .post-title {font-size:2.5em;}
	.header_agence div.image img, .header-single div.image img {width: auto;height: 100%;}
	.header_agence .content {padding: 0 2% 3%;}
	.page-template-page-listing .row {height:auto;}
	.row-texte, .row-image {width:100%;}
	/*.row .row-image img, .und-row-image img {height:auto !important;}*/
	.page-content img {max-width:100%;}
	.grid figure {width:100% !important;}
	#page-header-site {padding:15% 2% 3%;}
	.contentContact {width:100%;margin-left:0;}
	.sectionContact .sectionInt {display:block;}
	body.page-id-4011 .page-content h3, body.page-id-4008 .page-content h3 {font-size:1rem;padding-left: 10px;}
	.contenu p:not(.individu){text-align: inherit;}
	.section_atelier .bouton_atelier a{font-size:10px;}
	.single-ateliers-numeriques .content-atelier, .single-ateliers-numeriques .date-atelier {width:100% !important;margin:0;}
	body.single-ateliers-numeriques .content-sidebar {width:90%;}
	.contenu h3 {padding-left:3%;}
	section#site,section#marketing,section#graphisme, section#agence,section#ateliers,section#actualites {display:block;padding:1.5em;height:inherit;}
	section#site .site, section#graphisme .graphisme,section#marketing .marketing, section#agence .agence {display:block;width:100%;}
	section.section p {line-height:inherit;}
	#main section .reaHome a.linkActu {margin-bottom:3%;}
	section#ateliers .ateliers {display: block;height: 100%;padding:0;margin:inherit;width:100% !important;}
	.home .section_atelier {display:block;margin-bottom:5%;}
	.home section#ateliers .date-atelier,.home section#ateliers .content-atelier, .section_atelier .bouton_atelier {width:100%; height:auto; display:block;position: relative;text-align: center;padding: 7px 0;}
	.date-atelier .day,.date-atelier .mois,.date-atelier span.heure, .date-atelier span.lieu {display:inline-block;font-size:1.2em !important;}
	a.phoneHome {display: block; position:absolute; right: 5%;top: 0%; padding:8px}
	a.phoneHome img {display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;position:relative;z-index: 20;color:#fff;height:1.3em;margin-top: 0.3em;}
	.site-footer ul li {padding:0 5px;}
	.site-footer ul li a {font-size:12px;}
	.bloc_sites {width: 100%;}
	.bloc_reseaux {width: 100%;}
	.bloc_communication {width: 100%;}
	a .titre_formation {line-height: 100% !important; top: 30%; font-size: 2em !important;}
	div .datadock_footer {margin-bottom: 13%;}
	div .datadock_footer img {position: relative;width: 10%;}
	div .datadock_footer p {height: 80%;}
	div[class^="ligne-"] {width: 100%; margin: 0}
	div[class^="ligne-"] .formDescription p {font-size: 0.5em;}
	div[class^="ligne-"] .formation_title {font-size: 1em; padding-bottom: 1em;}
	div[class^="ligne-"]:hover .formDescription {top: 82%;}
	.top_datadock {width: 15%;}
	.top_pole_emploi {width: 13%; right: 20%; top: 1.4%;}
	.progBlock {margin-left: 15px;}
	.progBlock .progPart {width: calc(100% - 30px);}
	.progBlock .progPart ul {padding-left: 20%;}
	.progBlock .cas_pratiques {width: calc(100% - 30px);}
	.colMod {width: calc(100% - 30px);}
	.progBlock .progParts {	width: calc(100% - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	div[class^="day_"]:not(.day_three) {width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% - 30px);}
	.bloc_formateurs .Formateur {display: block; width: 70%; margin: 0 auto 3em auto;}
	.formations-list {width: 80%; margin: auto;}
	
}

@media (max-width:720px){
  .page #breadcrumbs {font-size:0.8em;}
  .home .responsive {display:block !important;width: 100%;position: absolute;top: 0;z-index: 6;}
  .site-header .item-top {display:none;}
  .sticky {position: relative !important;}
  .home #header-top .menu_responsive {display:block;text-align: center;padding-right: 0 !important;font-size: 2rem;padding-top: 1rem;}
  .close_responsive .icon-close{display:block !important;text-align: center;padding-right: 0 !important;font-size: 2rem;padding-top: 1rem;}
  .icon-close {font-size:1.5em;display: inline-block;position: relative;margin-top: 3%;}
  body.page .page-menu {width:100% !important;margin:0;}
  body.page .page-menu .item-menu-mosaic {height:20vh !important;}
  .bottom-header {display:none;}
  .custom-logo {display:block;margin:0 auto;width: 100%;height: auto;}
  .description {width:100%;margin:0 auto;margin-top:2%;padding-left:26em;}
  .description h1 {font-size:2rem;}
  .site-branding .wrap span.icon-play-button {float:inherit;text-align:center;display: block;position: relative;}
  #main section .panel-content {width:100%;padding:0 3%;}
  .thumbnail_last_projet {width:100%;height:40vh !important;background-size: contain;}
  .project{height:inherit;}
  a.linkActu {width:55% !important;}
  .ms-header {margin-top:5%;}
  .counter {padding:5% 1%;}
  .counter span.number {font-size:1.5rem;}
  .counter p {font-size:0.9rem;}
  .entry-content .item_agence:last-child::before {width: 55%;margin-left: 0%;margin-top: 15%;margin-right: 20%;}
  .content_actu h2 span {font-size:4rem;}
  .panel_actu {width: calc(100% / 2 - 20px);}
  body.page #page-header-site .page-title {font-size: 2.8rem;margin-top: 5%;}
  body.page-template-page-realisations button {display: inline-block;margin: 1% 0;position: relative;}
  #portfolio {column-gap:inherit;-webkit-column-count: 1 !important;-moz-column-count: 1 !important;column-width: 100% !important;-webkit-column-width: 100% !important;-moz-column-width: 100% !important;column-count: 1 !important;}
	.featherlight-content .site-main, .left, .right {min-width:100%;}
	.right #page-header-site {padding-left:2%;}
	.content-atelier {margin-left:2%;}
	body.page-id-4011 .page-content h3, body.page-id-4008 .page-content h3 {padding-left:2%;}
  .scale-anm, figure.effect-rea, .tile img {min-height:inherit !important;}
  .col {width:100%;float:right;}
  figure.effect-rea h2, .header-single h1 {font-size: 1.5rem;}
  .row {display:block;height:auto;}
  .row .row-texte h2, .row .und-row-texte h2, .attributs {font-weight: bold !important;}
  body.page-template-sous-page-listing h2 {font-size:1.5em;text-align:left;}
  .row-texte, .row-image {margin:3% 0;}
  .und-row-image {display:none;}
  .und-row-texte, .und-row-button {width:100%;}
  .und-row-button a {padding:1% 0;}
  .row .und-row-button a .icon-search-tool-symbol {font-size: 1em;}
  .color {padding:20% 0;}
  .sectionContact .titreContact h2 {font-size:1.7rem;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link{width:100%;}
	.page-template-page-listing .row {height:auto;}
	.header-single h1, #page-header-site h1, body.single-equipe .post-title {font-size:2.5em;}
	.header_agence div.image img, .header-single div.image img {width: auto;height: 100%;}
	a.retourActu {display:inline-block;width:inherit;}
}

@media (min-width:720px) and (max-width: 768px) {
	.bloc_sites {width: calc(100% / 2 - 48px);}
	.bloc_reseaux {width: calc(100% / 2 - 48px);}
	.bloc_communication {width: calc(100% / 2 - 48px);}
	a .titre_formation {top: 30%; font-size: 130% !important;}
	div .datadock_footer {margin-bottom: 8%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {height: 80%;}
	div[class^="ligne-"] {width: calc(100% / 2 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.5em;}
	div[class^="ligne-"] .formation_title {font-size: 0.85em; padding-bottom: 1em;}
	div[class^="ligne-"]:hover .formDescription {top: 82%;}
	.top_datadock {width: 18%;}
	.top_pole_emploi {width: 16%; right: 23%;}
	.progBlock .progPart {width: calc(100% / 2 - 30px);}
	.progBlock .progPart ul {padding-left: 15%;}
	.progBlock .cas_pratiques {width: calc(100% / 2 - 30px);}
	.colMod {width: calc(100% / 2 - 30px);}
	.progBlock .progParts {	width: calc(100% - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% - 30px);}
	.bloc_formateurs .Formateur {margin-right: 5em;}
}

@media (max-width: 768px) {
  p {font-size:15px;}
	.item-menu-mosaic .img-mosaic img, .page-menu .img-mosaic img{height:inherit !important;}
	.home .menu_icon {width:75%;}
	.home .block-menu-item {height:71vh}
	.home .item-menu-mosaic .img-mosaic {height: 10vh;}
  .site-header .homy .item-menu-mosaic {height: 14vh;}
  .description h1 {font-size:3em;}
  .page .page-menu {margin-top:9%;width:45% !important;}
  .page .page-menu .item-menu-mosaic {height:14vh !important;}
  .panel_agences h2 span {font-size:1.5rem}
  #main section.ic_agence .panel_agences h2 {font-size:1.8rem;}
  .entry-content .item_agence {width:100%;}
  .panel-content .counter span:not(.number) {font-size:3rem;}
  .entry-content .item_agence img {height: auto;width: 60%;margin: 0 auto;}
  .entry-content .item_agence h4 {padding-top:10px;font-size:1rem;}
  body.home .panel_agences a.linkActu {margin-top: 5%;}
  a.linkActu {font-size:0.8rem;width:37% !important;}
  .entry-content .item_agence:first-child {border-right:inherit;}
  .entry-content .item_agence:first-child::before {width:60%;margin-left:20%;margin-top:4%;}
  .entry-content .item_agence:last-child::before {width:60%;margin-left:14%;margin-top:19%;}
  .panel_actu h3 {font-size:0.9rem !important;}
  .panel_actu .date {font-size:13px;}
  #page-header-site .header-single h1 {font-size: 2rem;margin-top:2%;}
  body.archive .posts .post {flex: 0 0 49%;-ms-flex: 0 0 49%;-o-flex: 0 0 49%;-moz-flex: 0 0 49%;-webkit-flex: 0 0 49%;}
  #portfolio {column-gap: 0.8rem;-webkit-column-gap: 0.8rem;-moz-column-gap: 0.8rem;column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;column-width: 49%;-webkit-column-width: 49%;-moz-column-width: 49%;}
  figure.effect-rea h2,.header-single h1 {font-size:1rem;}
  .featherlight-content #page-header-site span {margin-top:10px;}
  .featherlight-content .post-content p {font-size:14px}
  figure.effect-rea span {margin-top:12%;}
  #page-header-site .page-title {font-size:3.5rem;margin-top:2%;}
  body.page-template-page-agence #section_1 .contenu {width:90%;}
  body.page-template:not(.page-template-page-contact) table tbody tr td {width:100% !important;padding-left:3%;}
  #section_2 .additionnel p {text-align: justify;}
  #section_3 #cafe-ic {display:none;}
  #section_3 .wpcf7 {width:100%;}
  .agence-content .stagiaires figure.effect-lexi {height:inherit;}
  .page-content .row .row-texte a.link {width:80%;font-size: 13px;}
  .row-texte, .row-image {overflow:hidden;}
  .row .row-image img {min-width:100%; width:auto;}
  .row .row-texte h2, .row .und-row-texte h2, .attributs {font-size:1rem;}
  .row .row-texte, .row .und-row-texte {padding:3%;}
  .und-row-button a .icon-search-tool-symbol {font-size:2em;}
  body.page-template-page-contact .sectionContact .wpcf7 {width:100%;}
  .block01 {border:1px solid #4da3cf;margin-top:5%;}
	.description {padding-left:29em;}
	.site-header .projet {width:24%;padding:1%;font-size: 10px;}
	body.fixed-nav .site-header .projet {padding:1%;}
	.item-menu-mosaic .title-mosaic {font-size:1.2em;}
	.bottom-header {display:none;}
	h2.lastRea {font-size:2em;}
	#main section .reaHome a.linkActu {width: 55%;}
	.ms-header__title {font-size: 2rem;}
	.counter {width: calc(100% / 4 - 4px);}
	.counter span:not(.number) {font-size: 3rem;}
	.counter span.number {font-size: 1.5rem !important;}
	.counter p {font-size: 1rem;}
	.contentContact {width:100%;margin-left:0;}
	.sectionContact .sectionInt {display:block;}
	body.page-template-page-realisations button {margin-bottom:1%;}
	.featherlight-content .site-main, .left, .right {min-width:100%;}
	.right #page-header-site {padding-left:2%;}
	.content-atelier {margin-left:2%;}
	body.page-id-4011 .page-content h3, body.page-id-4008 .page-content h3 {padding-left:2%;}
	.header-single h1, #page-header-site h1, body.single-equipe .post-title {font-size:2.3em;}
	.header_agence div.image img, .header-single div.image img {width: auto;height: 100%;}
	body.single-ateliers-numeriques .content-single, body.single-ateliers-numeriques .content-sidebar {width: 80%;margin: 0 auto;display: block;margin-bottom:1%;}
	.date-atelier {width:28%;}
	.wpcf7-form-control{width:100%;}
	body.single-post .wpcf7 input[type="submit"]{width:auto;}
	body.page-template-default .contenu, body.page-template-page-equipe .contenu, .side-page {margin:0 auto !important;width:90% !important;display:block;}
	body.page-template-page-formation .page-content {width:96%;margin:0 2%;}
	.colFormation {width:100%;}
	.programme {max-height:inherit;}
}

@media (min-width: 769px) and (max-width:900px) {
  .description {padding-left:29em;}
  .site-header .homy .item-menu-mosaic {height: 14vh;}
  .home .menu_icon{width:40%;}
  .home .menu_block {display:none;}
  .description {margin-bottom: 4%;}
  .description h1{font-size:3em;}
  body.page:not(.home) #header-top .custom-logo-link .custom-logo, body.single #header-top .custom-logo-link .custom-logo, body.archive #header-top .custom-logo-link .custom-logo, body.error404 #header-top .custom-logo-link .custom-logo {height: 50px !important;padding: 0 0 0 10px;}
  .site-header .projet {padding:1.6%;}
  .site-header-top a {font-weight:300;}
  .item-menu-mosaic .img-mosaic {height:14vh;}
  .home .item-menu-mosaic .title-mosaic {padding:1.5em 1em !important;}
  .home .custom-header, .home .custom-header{height:80vh;}
  .bottom-header{margin-bottom:22%;}
  .thumbnail_last_projet {height: 27vh !important;}
  .ms-header__title{margin:5% 0 10%;font-size:2rem;}
  .panel-content .counter span.number{font-size:1.5rem;display:block;}
  .panel-content .counter span:not(.number) {font-size:3rem;}
  .panel-content .counter p {font-size:0.9rem;}
  .ms-header {height:55vh;}
  a.linkActu{width:40%;}
	.site-header .projet {width:24%;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link{width:60%;}
	body.fixed-nav .site-header .projet {padding:1%;}
	.item-menu-mosaic .title-mosaic {font-size:1.2em;}
	.bottom-header {display:none;}
	body.page-template-page-contact .sectionContact .wpcf7 {width:100%;}
	.contentContact {width: 100%;margin-left: 0;}
	.bloc_sites {width: calc(100% / 2 - 35px);}
	.bloc_reseaux {width: calc(100% / 2 - 35px);}
	.bloc_communication {width: calc(100% / 2 - 35px);}
	a .titre_formation {font-size: 1em !important;}
	div .datadock_footer {margin-bottom: 6%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {height: 80%;}
	div[class^="ligne-"] {width: calc(100% / 2 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.5em;}
	div[class^="ligne-"] .formation_title {font-size: 0.9em; padding-bottom: 1em;}
	div[class^="ligne-"]:hover .formDescription {top: 82%;}
	.top_datadock {width: 9%;}
	.top_pole_emploi {width: 8%; right: 16%; top: 1.3%;}
	.progBlock .progPart {width: calc(100% / 2 - 30px);}
	.progBlock .cas_pratiques {width: calc(100% / 2 - 30px);}
	.colMod {width: calc(100% / 2 - 30px);}
	.progBlock .progParts {	width: calc(100% - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	div[class^="day_"]:not(.day_three) {width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% - 30px);}
	.bloc_formateurs .Formateur {display: block; width: 70%; margin: 0 auto 3em auto;}
}

@media (min-width: 901px) and (max-width:1024px) {
  .home .custom-header, .home .custom-header {height:90vh;}
	.home .item-menu-mosaic .title-mosaic{font-size:18px;}
	.home .menu_icon {width:40%;margin-top:3%;}
	.home .show {height:92vh;}
	.description {margin-bottom: 4%;}
	.bottom-header {display:none;}
	.home .fixedHome .item-menu-mosaic .img-mosaic {height: 13vh;}
	.site-header .projet {width:20%;padding: 1.5%;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {width:71%;}
	body.fixed-nav .site-header .projet {padding:1%;}
	section.section p {font-size: 16px;line-height: 22px;}
	#main section .reaHome a.linkActu {font-size:0.7rem;}
	#main section .site .reaHome h3 {padding:0.9em 0;}
  p{font-size:14px;}
  .description h1 {font-size:3em;}
  .thumbnail_last_projet {height: 46vh !important;}
  #main section .reaHome a.linkActu {width:55%;}
	a.linkActu{width:35% !important;}
  .ms-header__title{font-size:2rem;margin-top:5%;}
  .more_rea {margin-top:5%;}
  .counter{vertical-align:top;}
  .counter span.number{font-size:2rem;display:block;}
  .counter span:not(.number) {font-size:3rem;}
  .counter p {font-size:1rem;}
  .ms-header {height:80vh;}
  #main section.section_img {padding: 4% 0;}
  #main section.ic_agence .panel_agence .entry-content h3{margin:3% 0;font-size:1.2rem;}
  #main section .panel-content:last-child{padding-top:0;}
  .item_agence {padding:5% 4%;}
  .item_agence img {height:auto !important;width:100% !important;}
  body.archive .posts .post .post-thumbnail {height: 120px;line-height: 110px !important;}
  body.archive .posts .post .post-title h3 a {font-size:1rem;letter-spacing:0;line-height:10px;}
  body.archive .posts .post div.link{padding:10% 0;}
  body.archive .posts .post a.linkActu {width:60% !important;margin:0 17%;}
  .row .row-texte a.link {width:60%;}
  .project {width:74%;}
  body.page:not(.home) #header-top .custom-logo-link .custom-logo, body.single #header-top .custom-logo-link .custom-logo, body.archive #header-top .custom-logo-link .custom-logo, body.error404 #header-top .custom-logo-link .custom-logo {height: 50px !important;padding: 0 0 0 10px;}
  .site-header .projet {padding:3px;}
  .page-template-page-agence #section_1 .contenu {width:92%;}
  .grid figure p.individu {font-size: 1em;display: block;}
  .grid figure p.individu span {display: inline-block;width: 100%;}
  .grid figure figcaption {padding: 1em;}
  .agence-contact{padding:0 4%;}
  #section_3 .wpcf7 {width:100%;}
  #cafe-ic {display:none !important;}
  .page-menu {width:35% !important;}
  .page-menu .title-mosaic p {font-size:0.8em;}
  .row .row-texte, .row .und-row-texte {padding:2% 3%;}
  .row .row-texte a.link {font-size: 14px;}
  .page-template:not(.page-template-page-contact) table tbody tr td {width:100% !important;}
  figure.effect-rea h2 {font-size:1rem;}
  figure.effect-rea figcaption{padding:1em;}
  figure.effect-rea p {font-size:80%;}
  figure.effect-rea:hover p, figure.effect-rea:hover figcaption::before,figure.effect-rea:hover span, figure.orange:hover::before {opacity: 0;}
  .featherlight .featherlight-content {max-width: 90%;}
  .featherlight-content .site-main {min-width: 100%;}
  .featherlight-content #page-header-site span {font-size: 1.2em;}
  .featherlight-content .post-content p {font-size: 14px;}
  .featherlight-content .zone2 a{max-width: 60%;}
  .header-single h1{font-size:2rem;}
  .page .wpcf7 {width:100%;}
  body.post-type-archive-reviews .contenu .posts-reviews {flex: 0 0 32%;-webkit-flex: 0 0 32%;-ms-flex: 0 0 32%;-webkit-flex: 0 0 32%;-o-flex: 0 0 32%;}
  .stagiaires figure.effect-lexi {height: 280px;}
	body.archive .posts .post {flex: 0 0 32%;-webkit-flex: 0 0 32%;}
	section#actualites{height:100vh;}
	.at-resp-share-element .at-share-btn .at-label {padding:0 !important;}
	.bloc_sites {width: calc(100% / 2 - 35px);}
	.bloc_reseaux {width: calc(100% / 2 - 35px);}
	.bloc_communication {width: calc(100% / 2 - 35px);}
	a .titre_formation {top: 35%;font-size: 1em;}
	div .datadock_footer {margin-bottom: 6%; margin-top: 3%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.5em;}
	div[class^="ligne-"] .formation_title {font-size: 0.65em; padding-bottom: 1em;}
	.top_datadock {width: 10%;}
	.top_pole_emploi {width: 8%; right: 16%;}
	.progBlock .progPart {width: calc(100% / 2 - 30px);}
	.progBlock .cas_pratiques {width: calc(100% / 2 - 30px);}
	.colMod {width: calc(100% / 2 - 30px);}
	.progBlock .progParts {	width: calc(100% / 2 - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% / 2 - 30px);}
}

@media (max-width:1024px){
	/*.page:not(.home) .menu_icon, .single:not(.home) .menu_icon, .archive:not(.home) .menu_icon {display:none;}*/
	.decale {margin-left:0 !important;}
	section#ateliers .ateliers {width:calc(100% / 2 - 2px);}
	.content-atelier {width:calc(100% / 1.6);font-size: 12px;}
	.content-atelier h3 {font-size:1em !important;}
	.date-atelier .mois {font-size:1em;}
	section#ateliers .ateliers h2 {font-size: 1.8em;}
	section.section p {font-size: 13px;}
	section#agence .item_agence a.linkActu {width: 100% !important;margin: 0 auto;font-size: 12px;}
	.side-page{width:24%; margin-right:5%;}
	.page:not(.home) .show,.single:not(.home) .show,.archive:not(.home) .show {height:92vh;padding:0;}
	.item-menu-mosaic .title-mosaic {font-size:1em;}
	.item-menu-mosaic .img-mosaic {height:13vh;}
	.page-template-page-contact .header_agence {height: inherit;}
	.page-template-page-contact .header_agence div.image img {width:auto; height:100%;}
}

@media (min-width: 1025px) and (max-width:1200px) {
	.home .item-menu-mosaic .title-mosaic{font-size:20px;}
	.home .menu_icon {width:35%;}
  .bottom-header {display: none;}
  .description h1{font-size:3.5em;}
  #last-project .thumbnail_last_projet {height:41vh;}
  a.linkActu {width:30%;}
  .panel-content .counter p {font-size:1rem;}
  .contain .item_agence img {width:100%;height:auto;}
  .contain .item_agence:first-child::before {margin-left:0; margin-top:6%;}
  .contain .item_agence:last-child::before {width:90%;margin-top:30%;margin-right:0;}
  .panel_actu h3 {font-size: 1.8rem;}
  .panel_actu {flex: 0 0 24%;-ms-flex: 0 0 24%;-o-flex: 0 0 24%;-moz-flex: 0 0 24%;-webkit-flex: 0 0 24%;}
  .page-content .row .row-texte a.link {width: 55%;}
  figure.effect-rea h2 {font-size:1.2rem;}
  figure.effect-rea figcaption span {margin-top: 12%;}
  .featherlight-content #page-header-site h1.post-title {font-size: 1.8rem;}
  .featherlight-content .zone2 a {max-width:80%;}
  .grid figure p.individu {font-size:1em;}
  figure.effect-lexi p:not(.individu){width:95%;}
  #section_3 .wpcf7 {width:100%;}
  .stagiaires figure {flex: 0 0 18%;-ms-flex: 0 0 18%;-moz-flex: 0 0 18%;-webkit-flex: 0 0 18%;-o-flex: 0 0 18%;}
  body.single .content-single {padding:0 4%;}
  .description {padding-left:57%}
  .site-header .projet {width:20%;padding: 1.5%;}
  body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {width:71%;}
  #main section .reaHome a.linkActu {width:50%;}
	section.section p {font-size: 13px;line-height: 20px;}
	#main section .reaHome a.linkActu {font-size:0.7rem;}
	#main section .site .reaHome h3 {padding:0.9em 0;}
	.bloc_sites {width: calc(100% / 2 - 40px);}
	.bloc_reseaux {width: calc(100% / 2 - 40px);}
	.bloc_communication {width: calc(100% / 2 - 40px);}
	a .titre_formation {top: 35%;font-size: 1.5em !important;}
	div .datadock_footer {margin-bottom: 0%; margin-top: 3%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.6em;}
	div[class^="ligne-"] .formation_title {font-size: 0.8em; padding-bottom: 0.5em;}
	.top_datadock {width: 10%;}
	.top_pole_emploi {width: 8%; right: 16%;}
	.progBlock .progPart {width: calc(100% / 2 - 30px);}
	.progBlock .cas_pratiques {width: calc(100% / 2 - 30px);}
	.colMod {width: calc(100% / 2 - 30px);}
	.progBlock .progParts {	width: calc(100% / 2 - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% / 2 - 30px);}
}

@media (min-width:1201px) and (max-width:1300px) {
	.description {padding-left:41em;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {width:68%;}
	body.fixed-nav .site-header .projet{padding:0.6%;}
	a.linkActu {width:30%;}
	#logo-slider {margin: 2% 0 0;}
	#main section .reaHome {width:45%;}
	.home .menu_icon {width:30%;margin-top:1%;}
	.home .menu_icon .block-menu-item {height:90vh;}
	.home .item-menu-mosaic .img-mosaic{height:12.7vh;}
	.item-menu-mosaic .title-mosaic {font-size:1.2em;}
	.page-template-page-listing .row {height:50vh;}
	.page:not(.home) .show, .single .show, .archive .show, .site-header .page-menu {height:91vh;}
	.item-menu-mosaic .img-mosaic {height:13vh;}
	.page-content, #page-header-site {width:90%;}
	#breadcrumbs {padding:1% 5%;}
	body.archive .posts .post .post-title h3 a {font-size:0.9rem;letter-spacing: inherit;}
	.contenu p:not(.individu){font-size:14px;}
	body.archive .posts .post a.linkActu {font-size:14px;}
	.site-side {margin-right:5%;width:23%;}
	.row .row-texte, .row .und-row-texte {padding:3% 4%;}
	.row {height:38vh;}
	.featherlight .featherlight-content {max-width:90%;}
	.featherlight-content .site-main {min-width:inherit;}
	section#actualites {height:100vh;}
	
	section.section p {font-size: 13px;line-height: 20px;}
	#main section .reaHome a.linkActu {font-size:0.7rem;}
	#main section .site .reaHome h3 {padding:0.9em 0;}
	.bloc_sites {width: calc(100% / 3 - 40px);}
	.bloc_reseaux {width: calc(100% / 3 - 40px);}
	.bloc_communication {width: calc(100% / 3 - 40px);}
	a .titre_formation {top: 35%;font-size: 1.5em !important;}
	div .datadock_footer {margin-bottom: 0%; margin-top: 2%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.6em;}
	div[class^="ligne-"] .formation_title {font-size: 0.8em; padding-bottom: 0.5em;}
	.top_datadock {width: 7%;}
}

@media (min-width:1301px) and (max-width:1440px) {
	body p {font-size:15px;}
	.site-header .homy .item-menu-mosaic, .item-menu-mosaic .img-mosaic {height: 13.8vh;}
  .site-header .page-menu {width: 28% !important;}
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {width:70%;}
  #last-project .thumbnail_last_projet {height: 43vh;}
  .ms-header {height:70vh;}
  .item_agence img {width:100% !important;height:auto !important;}
  .panel_actu {padding:inherit;}
  .panel_actu a {padding:1rem !important;}
  .panel_actu h3 {font-size: 2rem;}
  .featherlight-content .zone2 a {max-width:60% !important;}
  body.single .content-single {padding:2%;}
  .counter span:not(.number){font-size:3.5rem;}
	.description {padding-left:42em;}
	#page-header-site .page-title {font-size: 4rem;}
	.header_agence {min-height: 55vh;}
	section.section p {font-size: 15px;line-height: 22px;}
	#main section .reaHome a.linkActu {font-size:0.7rem;}
	#main section .site .reaHome h3 {padding:0.9em 0;}
	.item-menu-mosaic .title-mosaic p {font-size: 0.8em;}
	.page-template-page-listing .row {height:45vh}
	.row .row-texte a.link{margin-top:4%;font-size:13px;}
	body.page-template-sous-page-listing .page-content .row .und-row-texte {padding:0.5% 2%;}
	.programme {max-height:1200px;}
	.bloc_sites {width: calc(100% / 3 - 40px);}
	.bloc_reseaux {width: calc(100% / 3 - 40px);}
	.bloc_communication {width: calc(100% / 3 - 40px);}
	a .titre_formation {top: 25%;font-size: 1.5em !important;}
	div .datadock_footer {margin-bottom: 0%; margin-top: 2%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.65em;}
	div[class^="ligne-"] .formation_title {font-size: 1.1em; padding-bottom: 0.5em;}
	.top_datadock {width: 9%;}
	.top_pole_emploi {width: 8%; right: 16%;}
	.progBlock .progParts {	width: calc(100% / 2 - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
	.day_three .progParts {	width: calc(100% / 2 - 30px);}
}

@media (max-width:1440px) {
	.counter {padding:3% 2%;}
	.counter span.number {font-size:2rem;}
	.counter p ‹{font-size:1rem;}
	.counter span:not(.number) {font-size:3rem;}
	#main section.ic_agence .panel_agence .entry-content h3, #main section.ic_agence .panel_agence .ate h3 {padding-top:0;}
	body.home .panel_agences a.linkActu {margin-top:3em;}
	.panel_actu a {padding:1rem;}
	.panel_actu h3 {font-size: 1.4rem;}
	#main section .reaHome {width:calc(100% / 2);}
	/*.row .row-image img, .und-row-image img {height: 100%;width: auto;min-width: 100%;}*/
	/*.page-template-page-listing .row {height: 33vh;}*/
	.block01, .block02 {width:100%;margin-bottom:1%;padding: 2%;}
	.block02{float:inherit;}
	.block03 {margin:inherit;}
	.contact-name, .contact-email, .contact-tel, .contact-subject {width: calc(100% / 2 - 2px);}
	.contact-tel{margin-top:inherit;}
	.contact-subject, .contact-tel{margin-left:inherit;}
	.grid figure {width: calc(100% / 2 - 22px);}
	.stagiaires figure.effect-lexi{height:24vh;}
	.item-menu-mosaic .img-mosaic img {height:100% !important;width:auto !important;}
	#main section .reaHome a.linkActu {font-size:0.7rem;}
	#main section .site .reaHome h3 {padding:0.9em 0;}
	.block01 h2, .block02 h2, .block03 h2 {font-size:1.5em;}
	section#ateliers {padding-top: 4em !important;}
	.colFormation, .contentFormation, .colFormation ul li, .programme ul li {font-size:13px;}
	.colFormation h3, .programme h3 {font-size:16px;}
}

@media (min-width:1441px) and (max-width:1600px){
	body.page #header-top .custom-logo-link, body.single #header-top .custom-logo-link, body.archive #header-top .custom-logo-link, body.error404 #header-top .custom-logo-link {width:70%;}
  .item-menu-mosaic .img-mosaic {width:50%;}
  .home .item-menu-mosaic .title-mosaic p {font-size:1em;}
  .page-menu {height: 19vh;}
  .page-menu .title-mosaic {padding: 6% 3%;}
  .item_agence img {height: 210px;width: auto;}
  .thumbnail_last_projet {height: 45vh;}
  .ms-header {height:66vh;}
  .ms-header__title {font-size:2rem;margin:3%;}
  .counter span.number {font-size: 2rem;}
  .counter span:not(.number) {font-size: 4rem;}
  .counter span.number {display:block;}
  .project {width:73%;}
  #main section.ic_agence .panel_agence .entry-content p {column-width: 300px;column-gap: 40px;}
  .item_agence:first-child::before {width: 100%;margin-left:3%;margin-top:9%;}
  .item_agence:last-child::before{width: 88%;margin-top: 19%;margin-right: 0%;}
  body.home .panel_agences a.linkActu {margin-top: 15%;}
  body.fixed-nav .site-header .projet {padding:0.5% 0.3%;}
  .description {padding-left:43em;}
  .panel_actu {padding:0;}
  .panel_actu a {padding:1rem 2rem;}
  .panel_actu h3 {font-size:2rem;}
  figure.effect-rea p {line-height: 1.5em !important;padding:1% 1.5%!important;letter-spacing:0;}
  figure.effect-rea figcaption {padding:1em;}
  figure.effect-rea figcaption::before {right: 1em;left: 1em;}
  figure.effect-rea span {font-size: 1em;margin-top:8%;}
  .contenu p:not(.individu){line-height:inherit;}
  .scale-anm, figure.effect-rea, .tile img {min-height:240px;}
  .row .row-texte a.link {width:45%;}
  .featherlight .featherlight-content {max-width: 90%;}
  .featherlight-content .site-main {min-width: 100%;}
  .featherlight-content #page-header-site span {font-size: 1.2em;}
  .page-template-page-agence #section_1 .contenu {width:80%;}
  .stagiaires figure.effect-lexi {height: 300px;}
	#main section .reaHome {width:40%;}
	/*.row .row-image img, .und-row-image img {height:100%;}*/
	.page-template-page-listing .row {height: 32vh;}
	.block01, .block02 {padding: 5% 4%;}
	.item-menu-mosaic .img-mosaic img {height:100% !important;width:auto !important;}
	.bloc_sites {width: calc(100% / 3 - 40px);}
	.bloc_reseaux {width: calc(100% / 3 - 40px);}
	.bloc_communication {width: calc(100% / 3 - 40px);}
	a .titre_formation {top: 25%;font-size: 1.5em !important;}
	div .datadock_footer {margin-bottom: 0%; margin-top: 2%;}
	div .datadock_footer img {position: relative;width: 5%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.7em;}
	div[class^="ligne-"] .formation_title {font-size: 1.2em; padding-bottom: 0.5em;}
	.top_datadock {width: 9%;}
	.top_pole_emploi {width: 8%; right: 16%;}
	.progBlock .progParts {	width: calc(100% / 2 - 30px);}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
}

@media(max-width:1600px){
	.site-side .related-posts div {width:100% !important;text-align: left;margin-left:0 !important;}
	.site-side .related-posts div img {width:100%;}
}

@media (min-width:1601px) and (max-width:1800px){
/*	.row .row-image img, .und-row-image img {height:100%;}*/
	.item-menu-mosaic .img-mosaic img {height:100% !important;width:auto !important;}
	section#agence .item_agence a.linkActu {width: 90%;margin: 0 auto;font-size: 0.8rem;padding: 10px !important;margin-top: 10% !important;display: block;}
	.top_datadock {width: 8%;}
	.top_pole_emploi {width: 8%; right: 16%;}
	div[class^="day_"]:not(.day_three) .progParts {	width: calc(100% - 30px);}
}

@media (min-width:1801px){
/*	.row .row-image img, .und-row-image img {height: auto;width: auto !important;min-width: 100%;min-height: 100%;}*/
	section#actualites{height:100vh;}
}

@media (min-width:1601px) and (max-width:2040px){
  .thumbnail_last_projet {height:51vh;}
  .ms-header {height:70vh;}
  #main section.section_img{padding:2% 0;}
  .panel_actu a {padding:1rem 2rem !important;}
  .panel_actu h3 {font-size:2rem;}
	.page-template-page-listing .row {height:38vh;}
	.bloc_sites {width: calc(100% / 3 - 40px);}
	.bloc_reseaux {width: calc(100% / 3 - 40px);}
	.bloc_communication {width: calc(100% / 3 - 40px);}
	a .titre_formation {top: 30%;font-size: 1.5em !important;}
	div .datadock_footer {margin-bottom: 0%; margin-top: 2%;}
	div .datadock_footer img {position: relative;width: 3%;}
	div .datadock_footer p {font-size: 120%;}
	div[class^="ligne-"] {width: calc(100% / 3 - 50px); margin-right: 1em;}
	div[class^="ligne-"] .formDescription p {font-size: 0.85em;}
	div[class^="ligne-"] .formation_title {font-size: 1.4em; padding-bottom: 0.5em;}}

@media (min-width:2041px) {
	div .datadock_footer {margin-bottom: 0%; margin-top: 2%;}
	div .datadock_footer img {position: relative;width: 3%;}
	div .datadock_footer p {font-size: 120%;}
}