/*

Site internet JPA Paris
Version : 2.1
Site	: https://www.jpa.fr

Theme 	: jpai 2.1
Author	: Integration : Yann Lobry

*/


/* GENERAL BASE / RESET */

* {
  margin: 0;padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:16px;font:inherit;/*vertical-align: top;font-weight: normal;font-style: normal;*/}

figcaption {display: block;}

ul,
ol {
  padding-left: 0;
}

ul.unstyled {
  list-style: none;
}

figure:not(.align-left):not(.align-center):not(.align-right) img:not(.align-left):not(.align-center):not(.align-right),
p > img:not(.align-left):not(.align-center):not(.align-right) {
  height: auto;
  width: 100%;
  vertical-align: middle;
  border: 0;
}



audio,
canvas,
video {
  display: inline-block;
}

svg:not(:root) {
  overflow: hidden;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background-color: #ffffff;
  color: #58585a;
  font-family: 'Inter', sans-serif;
  font-size: 1.4em;
  line-height: 1;
  font-weight: normal;
  font-weight: 400;
  font-style: normal;
}
/* 
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'EB Garamond', serif;
*/

p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

code,
pre,
samp,
kbd {
  white-space: pre-line;
  /* IE fix */
  white-space: pre-wrap;
  font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
  line-height: normal;
}

em,
.em,
address,
cite,
dfn,
i,
var {
  font-style: italic;
}

strong,
.strong {
  font-weight: bold;
}

small,
sub,
sup {
  font-size: smaller;
}

sup,sub {font-size: 0.7em;line-height: 0.7em;}

li p,
li .p-like,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}


table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}

/* table layout */

.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table-row {display: table-row;}

.col {
  display: table-cell;
  vertical-align: top;
}

body > script {
  display: none !important;
}

.ie8 img {
  width: auto;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Corrects excess space around these inputs in IE8/9 */
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
}

@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}



.clear{height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}
span.clear {display: block;}
.clear-right{height:0px;clear:right;font-size:0px;line-height:0px;width:0px;}
.clear-left{height:0px;clear:left;font-size:0px;line-height:0px;width:0px;}

.clear-after:after {content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}

.invisible{display:none;border: 0;margin: 0;padding: 0;}

.inline{display: inline;}

.block{display: block;}

.right{float: right;}

.left{float: left;}

.relative{position: relative;}

.alignRight{text-align:right}
.center{text-align:center}

table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;}

a img{border:none}

.inside {position:relative;}

.nowrap,
.no-wrap {white-space: nowrap;}


li::marker {
  display: none !important;
   content: '';
}


/* ALL */


/* VARIABLES PLUS UTILISé cause ie11 */
:root {
	--or: #DE8805;
  --or-hover: #D18005;
  --noir: #222222;
  --bleu: #003C75;
  --vert: #009CA3;
  --vert-hover: #00898F;
}




.layout-content-deux {
  display: flex;
}

.layout-content-deux > .container {
  width: 68.4%;
}

.layout-sidebar-first {
  width: 31.6%;
  background-color: rgba(0,156,163,0.05);
}










a {color: #009CA3;
text-decoration: none;
-o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
a:visited {color: #009CA3;}
a:hover {color: #04c6cf;text-decoration: none;}

a:focus {outline: none;}



.layout-container {max-width: 1280px;margin: 0 auto;}

@media screen and (max-width: 1280px) {
  .layout-container {font-size: 1.04vw;}
}
@media screen and (min-width: 1281px) {
  .layout-container {font-size: 0.95em;}
}


.bouton-orange,
.bouton-vert,
.bouton-blanc,
.bouton-filet-noir,
.pager[data-drupal-views-infinite-scroll-pager] .button,
.bouton-filet-vert
 {
  display: inline-block;
  padding: 1.2vw 1.6vw 1.0vw 1.6vw;
  position: relative;
  font-size: 0.86em;
  color: #fff !important;
  background-color: #DE8805;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.11em;
  line-height: 1em;
}

.texte-riche p a.bouton-orange,
.texte-riche p a.bouton-vert,
.texte-riche p a.bouton-blanc,
.texte-riche p a.bouton-filet-noir,
.texte-riche p a.bouton-filet-vert {
  opacity: 1;
}

.bouton-vert {
  background-color: #009CA3;
}

/*.bouton-blanc {
  background-color: #fff;
  color: #009CA3 !important;
}*/

.bouton-blanc {
  background-color: #fff;
  color: #009CA3 !important;
  border: solid 1px #fff;
}

.bouton-filet-noir,
.pager[data-drupal-views-infinite-scroll-pager] .button,
.bouton-filet-vert {
  border: solid 1px #222222;
  background-color: transparent;
  color: #222222 !important;
}

.pager[data-drupal-views-infinite-scroll-pager] .button {
  background-image: none;
  font-family: 'Inter', sans-serif;
  border-radius: 0;
}

.bouton-filet-vert {
  border: solid 1px #009CA3;
  color: #009CA3 !important;
}

.bouton-orange:visited,
.bouton-vert:visited {
  color: #fff !important;
}

.bouton-blanc:visited {
  color: #009CA3 !important;
}

.bouton-filet-noir:visited,
.pager[data-drupal-views-infinite-scroll-pager] .button:visited {
  color: #222222 !important;
}

.bouton-filet-vert:visited {
  color: #009CA3;
}

.bouton-orange:hover,
.bouton-vert:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.bouton-orange:hover {
  background-color: #D18005;
}

.bouton-vert:hover {
  background-color: #00898F;
}

/*.bouton-blanc:hover {
  background-color: #009CA3;
  color: #fff !important;
  text-decoration: none !important;
}*/

.bouton-blanc:hover {
  background-color: transparent;
  color: #fff !important;
  border: solid 1px #fff;
  text-decoration: none !important;
}

.bouton-filet-noir:hover,
.pager[data-drupal-views-infinite-scroll-pager] .button:hover {
  border: solid 1px #009CA3;
  background-color: transparent;
  color: #222222 !important;
  text-decoration: none !important;
}

.bouton-filet-vert:hover {
  background-color: #009CA3;
  color: #fff !important;
  text-decoration: none !important;
}

.picto-smile,
.picto-locate,
.picto-join,
.picto-contact,
.picto-done,
.picto-outils,
.picto-link {
  padding-left: 4vw;
}

.picto-smile:before,
.picto-locate:before,
.picto-join:before,
.picto-contact:before,
.picto-done:before,
.picto-outils:before,
.picto-link:before {
  display: block;
  content: '';
  width: 1.45vw;
  height: 1.45vw;
  position: absolute;
  left: 1.4vw;
  top:0.8vw;
  background: url(/themes/jpai/images/smile.svg) no-repeat center center;
  background-size: contain;
}

.picto-locate:before {
  background: url(/themes/jpai/images/picto-locate.svg) no-repeat center center;
  background-size: contain;
}

.picto-join:before {
  background: url(/themes/jpai/images/picto-join.svg) no-repeat center center;
  background-size: contain;
}

.picto-contact:before {
  background: url(/themes/jpai/images/picto-sociaux-email-hover.svg) no-repeat center center;
  background-size: contain;
}

.picto-done:before {
  background: url(/themes/jpai/images/picto-done.svg) no-repeat center center;
  background-size: contain;
}

.picto-outils:before {
  background: url(/themes/jpai/images/picto-outils.svg) no-repeat center center;
  background-size: contain;
}

.picto-link:before {
  background: url(/themes/jpai/images/picto-link.svg) no-repeat center center;
  background-size: contain;
}


.pager[data-drupal-views-infinite-scroll-pager] {
  text-align: center;
  margin-left: 6.6vw;
  width: 56.1vw;
}

#block-views-block-jpai-actualites-block-3-actus .pager[data-drupal-views-infinite-scroll-pager]  {
  padding-bottom: 6vw;
  margin-left: 0;
  text-align: left;
  padding-left: 22vw;
  width: auto;
}

.view-display-id-page_liste_actualites .pager[data-drupal-views-infinite-scroll-pager],
.view-id-jpa_actus_weblex .pager[data-drupal-views-infinite-scroll-pager] {
  margin-left: 0;
  text-align: left;
  padding-left: 22.5vw;
  width: auto;
}





::selection{
  background-color: #f2e8d0;
}

::-moz-selection {
  background-color: #f2e8d0;
}

.texte-riche h1 {
  font-weight: 300;
  font-size: 2.57em;
  color: #222222;
  line-height: 1.45em;
}

.texte-riche h2 {
  font-weight: 600;
  font-size: 2.68em;
  color: #222222;
  line-height: 1.3em;
  margin-bottom: 2vw;
}

.texte-riche h3 {
  font-weight: 600;
  font-size: 1.9em;
  color: #222222;
  line-height: 1.3em;
  margin-bottom: 0.3vw;
}

.texte-riche h4 {
  font-weight: 500;
  font-size: 1.5em;
  color: #222222;
  line-height: 1.3em;
  margin-bottom: 0;
}

.texte-riche h5 {
  font-weight: 500;
  font-size: 1.28em;
  color: #222222;
  line-height: 1.3em;
  margin-bottom: 0;
}

.texte-riche h2.fond-vert {
  background-color: #009CA3;
  color: #fff;
  font-size: 3.6em;
  padding: 0.4vw 2.4vw 0.32vw;
  font-weight: 500;
  margin-bottom: 4vw;
}

.texte-riche h2.decale {
  margin-left: -2.25vw;
  max-width: none;
}

.texte-riche h3.light {
  font-weight: 300;
  font-size: 3.3em;
  margin-bottom: 1.2vw;
  line-height: 1.15em;
}

.texte-riche h3.avec-chiffre {
  font-weight: 700;
  font-size: 1.72em;
  color: #222222;
  line-height: 1.45em;
  position: relative;
  margin-bottom: 1.35vw;
}

.texte-riche h3 .chiffre-publi {
  position: absolute;
  left: -1.5vw;
  font-size: 2.4em;
  /*top: -0.1vw;
  transform: translateX(-100%);*/
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  transform-origin: left;
}

.texte-riche .chapo {
  font-weight: 300;
  font-size: 1.65em;
  color: #222222;
  line-height: 1.55em;
  padding-left: 1.2vw;
}

.texte-riche p {
  font-size: 1.34em;
  color: rgba(34,34,34,0.6);
  line-height: 1.65em;
  margin-bottom: 1vw;
}

.texte-riche strong {
  font-weight: 700;
}

.texte-riche .encouleur {
  color: #0f3063;
}

.texte-riche .note {
  font-size: 1.1em;
}

.texte-riche .pave,
.texte-riche div.sources {padding: 1.4vw 1.2vw 1.4vw 2vw;background-color: rgba(0,156,163,0.1);margin-bottom: 0;}

.texte-riche ul,
.texte-riche ol {
  list-style-type: none;
  padding: 0;
}

.texte-riche > ul,
.texte-riche > ol {margin-bottom: 1vw;}

.texte-riche li {
  font-size: 1.34em;
  color: rgba(34,34,34,0.6);
  line-height: 1.65em;
  margin-bottom: 0.2vw;
  position: relative;
  padding: 0 0 0 1.2vw;
}

.texte-riche li li {
  font-size: 1em;
}

.texte-riche li:before {
  content: '•' !important;
  display: block !important;
  position: absolute;
  left: 0;
  font-size: 1em;
  color: #79797b;
  top: -0.1vw;
}

.texte-riche li li:before {
  font-size: 0.9em;
}

.texte-riche li li li:before {
  font-size: 0.8em;
  top: -0.05vw;
}

.texte-riche ul.liste-fleche li {
  font-size: 1.81em;
  color: #222222;
  line-height: 1.55em;
  font-weight: 300;
  padding: 0;
  margin-bottom: 1.5vw;
}

.texte-riche ul.liste-fleche li:before {
  content: '' !important;
  width: 2.3vw;
  height: 2.3vw;
  position: absolute;
  top: 0.3vw;
  left: -3.6vw;
  background: transparent url(/themes/jpai/images/fleche-droit.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche ol {
  counter-reset: item;
}

.texte-riche ol li {
  counter-increment: item;
  margin-bottom: 0;
  position: relative;
  padding-left: 1.4vw;
}

.texte-riche ol li:before {
  content: counter(item) !important;
  color: #5b5b5f;
  display: inline-block !important;
  position: absolute;
  left: 0;
  top: 0;
}

.texte-riche ol ol li {
  padding-left: 1.6vw;
}

.texte-riche ol ol li:before {
  content: counter(item, lower-alpha) "-" !important;
}



.texte-riche .sign {
  font-weight: 500;
  font-size: 1.15em;
  line-height: 1em;
  margin-bottom: 0.2vw;
  margin-top: 2.7vw;
  color: #222222;
}

.texte-riche #container-join-us {
  padding: 4.5vw 0;
}

.texte-riche blockquote {
  border-left: solid 5px #009CA3;
  padding: 0 0 0 2.2vw;
  margin: 3.5vw 0 4.4vw;
}

.texte-riche blockquote.decale {
  margin-left: -20vw;
  max-width: none;
}

.texte-riche blockquote p {
  font-weight: 300;
  font-style: italic;
  font-size: 1.78em;
  color: rgba(34,34,34,0.6);
  line-height: 1.6em;
  margin-bottom: 0;
}

.texte-riche blockquote p.citation-sign {
  font-weight: 500;
  font-size: 1em;
  color: #222222;
  line-height: 1.2em;
  font-style: normal;
  padding: 1.3vw 0 0.6vw 0;
}

.texte-riche blockquote.gros {
  padding: 0.7vw 0 0.4vw 1.7vw;
}

.texte-riche blockquote.gros p {
  font-size: 2.73em;
  color: #222222;
  margin-bottom: 0;
  line-height: 1.45em;
}

.texte-riche .caption > * {
  border: none;
  border-bottom: none;
  padding: 0 0 0.4vw 0;
  margin-bottom: 0.2vw;
  background: none;
}

.texte-riche .caption > figcaption {
  font-size: 1em;
  line-height: 1.6em;
  color: rgba(34,34,34,0.6);
}

.texte-riche p a,
.texte-riche p a:visited {
  color: #009CA3;
  opacity: 0.6;
}
.texte-riche p a:hover {
  opacity: 1;
  text-decoration: underline;
}

.texte-riche a.lien-fleche {
  display: inline-block;
  padding: 0 2.5vw 0 0;
  position: relative;
  color: #222222;
  opacity: 1;
}

.texte-riche a.lien-fleche:visited {
  color: #222222;
}

.texte-riche a.lien-fleche:hover {
  color: #009CA3;
  text-decoration: none;
}

.texte-riche a.lien-fleche:after {
  content: '';
  display: block;
  width: 1.5vw;
  height: 1vw;
  position: absolute;
  top: 0.7vw;
  right: 0;
  background: transparent url(/themes/jpai/images/fleche-lien-hover.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche a.lien-fleche-gros {
  display: inline-block;
  padding: 0 3vw 0 0;
  position: relative;
  color: #222222;
  opacity: 1;
  font-size: 1.2em;
  font-weight: 600;
}

.texte-riche a.lien-fleche-gros:visited {
  color: #222222;
}

.texte-riche a.lien-fleche-gros:hover {
  color: #009CA3;
  text-decoration: none;
}

.texte-riche a.lien-fleche-gros:after {
  content: '';
  display: block;
  width: 2vw;
  height: 2vw;
  position: absolute;
  top: 0.15vw;
  right: 0;
  background: transparent url(/themes/jpai/images/fleche-droit-vert.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche .file,
.texte-riche a[data-entity-type="file"] {
  display: inline-block;
  text-decoration: underline;
  font-weight: 500;
  position: relative;
  margin-bottom: 0.15vw;
  padding: 0 0 0 2.2vw;
}

.texte-riche .file.lien-fleche-gros, 
.texte-riche a.lien-fleche-gros[data-entity-type="file"] {
  padding: 0 3vw 0 2.2vw;
}
  
.texte-riche .file:hover,
.texte-riche a[data-entity-type="file"]:hover {
  text-decoration: none;
}

.texte-riche .file:before,
.texte-riche a[data-entity-type="file"]:before {
  display: block;
  content: '';
  width: 1.5vw;
  height: 1.6vw;
  background: transparent url(/themes/jpai/images/picto-file.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0.3vw;
  left: 0;
}


.texte-riche .bouton-orange-ck,
.texte-riche .bouton-vert-ck,
.texte-riche .bouton-filet-vert-ck
 {
  display: inline-block;
  padding: 1.4vw 1.6vw 1.3vw 1.6vw;
  position: relative;
  font-size: 0.68em;
  color: #fff !important;
  background-color: #DE8805;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1em;
}

.texte-riche p a.bouton-orange-ck,
.texte-riche p a.bouton-vert-ck,
.texte-riche p a.bouton-filet-vert-ck {
  opacity: 1;
}

.texte-riche .bouton-vert-ck {
  background-color: #009CA3;
}

.texte-riche .bouton-filet-vert-ck {
  border: solid 1px #009CA3;
  color: #009CA3 !important;
  background-color: transparent;
}

.texte-riche .bouton-orange-ck:visited,
.texte-riche .bouton-vert-ck:visited {
  color: #fff !important;
}

.texte-riche .bouton-filet-vert-ck:visited {
  color: #009CA3;
}

.texte-riche .bouton-orange-ck:hover,
.texte-riche .bouton-vert-ck:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.texte-riche .bouton-orange-ck:hover {
  background-color: #D18005;
}

.texte-riche .bouton-vert-ck:hover {
  background-color: #00898F;
}

.texte-riche .bouton-filet-vert-ck:hover {
  background-color: #009CA3;
  color: #fff !important;
  text-decoration: none !important;
}

.texte-riche a.bouton-join-us,
.texte-riche a.bouton-locate,
.texte-riche a.bouton-contact {
  display: inline-block;
  padding: 1.4vw 1.6vw 1.3vw 4vw;
  position: relative;
  font-size: 0.68em;
  color: #fff !important;
  background-color: #DE8805;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1em;
}

.texte-riche p a.bouton-join-us,
.texte-riche p a.bouton-locate,
.texte-riche p a.bouton-contact {
  opacity: 1;
}

.texte-riche a.bouton-locate,
.texte-riche a.bouton-contact {
  background-color: #009CA3;
}

.texte-riche a.bouton-join-us:visited,
.texte-riche a.bouton-locate:visited,
.texte-riche a.bouton-contact:visited {
  color: #fff !important;
}

.texte-riche p a.bouton-join-us:hover,
.texte-riche p a.bouton-locate:hover,
.texte-riche p a.bouton-contact:hover {
  text-decoration: none;
}

.texte-riche p a.bouton-join-us:hover {
  background-color: #D18005;
}

.texte-riche a.bouton-locate:hover,
.texte-riche a.bouton-contact:hover {
  background-color: #00898F;
}

.texte-riche a.bouton-join-us:before,
.texte-riche a.bouton-locate:before,
.texte-riche a.bouton-contact:before {
  display: block;
  content: '';
  width: 1.45vw;
  height: 1.45vw;
  position: absolute;
  left: 1.4vw;
  top:1vw;
  background: url(/themes/jpai/images/smile.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche a.bouton-locate:before {
  background: url(/themes/jpai/images/picto-locate.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche a.bouton-contact:before {
  background: url(/themes/jpai/images/picto-sociaux-email-hover.svg) no-repeat center center;
  background-size: contain;
}


/* ACCORDION NEW VIA CK EDITOR - OK */

.ckeditor-accordion-container > dl {border: none;}

.ckeditor-accordion-container > dl dt > a {font-size: 1.03em;line-height: 1.3em;color: #fff;background-color: #009CA3 !important;padding: 1.2vw 5vw 1vw 1.7vw !important;position: relative;margin: 2px 0 0 0;cursor: pointer;border: none;font-weight: 500;text-transform: uppercase;}
.ckeditor-accordion-container > dl dt > a:visited {color: #fff;}
.ckeditor-accordion-container > dl dt > a:hover {background-color: #00898F !important;color: #fff;text-decoration: none;}

.ckeditor-accordion-container > dl dt.active > a {background-color: #009CA3 !important;}

.ckeditor-accordion-container > dl dd {padding: 1.2vw 2.5vw 1.1vw 1.7vw !important;}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {background: url(/themes/jpai/images/icone-select-blanc.svg) no-repeat center center;background-size: contain;left: auto;
    right: 1vw;
    width: 1.5vw;
    height: 1.5vw;
    top: 50%;
    padding: 0 !important;
    transform: translateY(-50%);
    /*-o-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;*/
}
    
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle {background: url(/themes/jpai/images/icone-select-blanc.svg) no-repeat center center;background-size: contain;transform: rotate(180deg) translateY(+50%);}

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle {background: url(/themes/jpai/images/icone-select-blanc.svg) no-repeat center center;background-size: contain;transform: rotate(180deg) translateY(+50%);}

.ckeditor-accordion-container > dl dt.active > a:hover > .ckeditor-accordion-toggle {background: url(/themes/jpai/images/icone-select-blanc.svg) no-repeat center center;background-size: contain;transform: transform: rotate(180deg) translateY(+50%);}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {display:none;}


.texte-riche hr {width: 100%;margin-bottom: 1.4vw;margin-top: 1.4vw;border: 0;height: 5px;background-color: #009CA3;}

.texte-riche p img,
.texte-riche img {max-width: 100%;}

.texte-riche img.align-left,
figure.align-left {margin: 0 12px 5px 0;}

.texte-riche img.align-right,
figure.align-right {margin: 0 0 5px 12px;}

.texte-riche iframe {width: 100% !important;}




/* Partage sociaux */

.addtoany_list > a {
 padding: 0 0.33vw 0.33vw 0 !important;
 font-size: 0 !important;
 float: left;
 line-height: 0 !important;
}

.addtoany_list .a2a_s__default {
  background-color: #009CA3 !important;
  width: 3.1vw !important;
  line-height: 3.1vw !important;
  height: 3.1vw !important;
  background-size: 3.1vw !important;
  border-radius: 0 !important;
  border: solid 1px #009CA3 !important;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.addtoany_list a:hover:hover img,
.addtoany_list a:hover span {
  opacity: 1 !important;
}

.addtoany_list .a2a_s__default:hover,
.addtoany_list a:hover .a2a_s__default {
  background-color: #00898F !important;
  border: solid 1px #00898F !important;
}

.addtoany_list .a2a_button_email .a2a_s__default,
.addtoany_list .a2a_button_print .a2a_s__default,
.addtoany_list .a2a_dd .a2a_s__default {
  background-color: #fff !important;
}

.addtoany_list .a2a_button_email .a2a_s__default:hover,
.addtoany_list .a2a_button_print .a2a_s__default:hover,
.addtoany_list .a2a_dd .a2a_s__default:hover,
.addtoany_list .a2a_button_email:hover .a2a_s__default,
.addtoany_list .a2a_button_print:hover .a2a_s__default,
.addtoany_list .a2a_dd:hover .a2a_s__default {
  background-color: #00898F !important;
  opacity: 1 !important;
}

.a2a_svg svg {
  top: 50% !important;
  width: 1.4vw !important;
  height: 1.4vw !important;
  transform: translateY(-50%);
}

.a2a_button_youtube .a2a_svg svg {
  width: 1.9vw !important;
  height: 1.9vw !important;
}

.a2a_button_email .a2a_svg svg,
.a2a_button_print .a2a_svg svg,
.addtoany_share .a2a_svg svg,
.a2a_button_facebook .a2a_svg svg,
.a2a_button_twitter .a2a_svg svg,
.a2a_button_youtube .a2a_svg svg {
  display: none; 
}

.a2a_button_email .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-email.svg) no-repeat center center;
  background-size: 44% !important;
  background-repeat: no-repeat !important;
}

.a2a_button_email .a2a_svg:hover,
.a2a_button_email:hover .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-email-hover.svg) no-repeat center center;
  background-size: 44% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.a2a_button_print .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-print.svg) no-repeat center center;
  background-size: 44% !important;
  background-repeat: no-repeat !important;
}

.a2a_button_print .a2a_svg:hover,
.a2a_button_print:hover .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-print-hover.svg) no-repeat center center;
  background-size: 44% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.addtoany_share .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-more.svg) no-repeat center center;
  background-size: 22% !important;
  background-repeat: no-repeat !important;
}

.addtoany_share .a2a_svg:hover,
.addtoany_share:hover .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-more-hover.svg) no-repeat center center;
  background-size: 22% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.a2a_button_facebook .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-facebook-2.svg) no-repeat center center;
  background-size: 20% !important;
  background-repeat: no-repeat !important;
}

.a2a_button_twitter .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-x.svg) no-repeat center center;
  background-size: 37% !important;
  background-repeat: no-repeat !important;
}

.a2a_button_youtube .a2a_svg {
  background: #fff url(/themes/jpai/images/picto-sociaux-youtube.svg) no-repeat center center;
  background-size: 50% !important;
  background-repeat: no-repeat !important;
}

.un-emploi-full .a2a_button_youtube {
  display: none;
}

body.sans-addtoany .cont-share {
  display: none;
}



/* Block Join us */

#block-join-us {display: none;}

.view-display-id-page_liste_actualites #container-join-us,
.view-id-jpa_actus_weblex #container-join-us {
  float: left;
  width: 66.3%;
}

.view-display-id-page_liste_actualites #container-join-us > div,
.view-id-jpa_actus_weblex #container-join-us > div {
  width: 56.1vw;
  padding: 2.3vw 0 5.3vw;
}

#container-join-us .col-un {
  float: left;
  width: 61%;
}

#container-join-us .col-deux {
  float: left;
  width: 39%;
}

#container-join-us .col-deux img {
  max-width: none;
  width: 100%;
  height: auto;
}

#container-join-us .col-un .gradient {
  background-image: linear-gradient(182deg, #009CA3, #0F3063);
  height: 2px;
}

#container-join-us .col-un p {
  font-style: italic;
  font-size: 1.86em;
  color: #0F3063;
  text-align: right;
  line-height: 1.3em;
  width: 27vw;
  float: right;
  padding: 3.6vw 3.2vw 0 0;
  margin-bottom: 3.2vw;
}

#container-join-us .col-un p.p-lien {
  font-style: normal !important;
  font-size: 1em !important;
  text-align: left !important;
  line-height: unset !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.p-lien-ne-pas-grossir {
  font-style: normal !important;
  font-size: 1em !important;
  text-align: left !important;
  line-height: unset !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#container-join-us .bouton-orange {
  margin-right: 3.2vw;
  float: right;
}



/* DIVER */

#pages-404-403-pages {text-align: center;padding: 0 40px;}

#pages-404-403-pages.p403p {padding: 0 20px;}

#pages-404-403-pages .lien-fleche, 
#pages-404-403-pages .lien-fleche:visited {display: inline-block;color: #009CA3;}






#bandeau-newsletter-home {
  /* background-image: linear-gradient(1deg, #4F4C4F 0%, #323034 79%, #302E32 100%); */
  border-bottom: solid 6px #009CA3;
  padding: 3.8vw 6.6vw 3.4vw;
  background: transparent url(/themes/jpai/images/background-bandeau-newsletter.jpg) no-repeat center center;
  background-size: cover;
}

#bandeau-newsletter-home h2 {
   color: #FFFFFF;
   line-height: 1.2em;
   font-weight: 100;
   font-size: 4.85em;
}

#bandeau-newsletter-home p {
    color: #FFFFFF;
    font-weight: 100;
    font-size: 2.28em;
    line-height: 1.45em;
}

#bandeau-newsletter-home .cont-bt {
  margin-top: 3vw;
}

#bandeau-newsletter-home .cont-bt:before {
  display: block;
   content: '';
   position: absolute;
   top: 0.5vw;
   left: -4.3vw;
   width: 3vw;
   height: 2.2vw;
   background: transparent url(/themes/jpai/images/mail-icon.svg) no-repeat center center;
   background-size: contain;
}

#bandeau-newsletter-home .lien-lire-suite {
  background-color: transparent;
  color: #fff;
  border: 1px solid #FFDD00;
}

#bandeau-newsletter-home .lien-lire-suite:visited {
  color: #fff;
}

#bandeau-newsletter-home .lien-lire-suite:hover {
  color: #FFDD00;
}

#bandeau-newsletter-home .lien-lire-suite:after {
  top: 0.7vw;
}

#bandeau-newsletter-home .lien-lire-suite:hover:after {
  background: transparent url(/themes/jpawg/images/chevron-jaune.svg) no-repeat center center;
  background-size: contain;
}




.bouton-sociaux {
  background-color:#081A35;
  float: right;
  margin-top: 2.2vw;
  -o-transition: margin-top .5s;
  -webkit-transition: margin-top .5s;
  -moz-transition: margin-top .5s;
  transition: margin-top .5s;
  display: inline-block;
  width: 3.1vw;
  height: 3.1vw;
  margin-left: 0.4vw;
}

.bouton-sociaux.twitter {
  margin-left: 1.5vw;
  background: #081A35 url(/themes/jpai/images/bt-twitter.svg) no-repeat center center;
  background-size: contain;
}

.bouton-sociaux.twitter:hover {
  background: #009CA3 url(/themes/jpai/images/bt-twitter.svg) no-repeat center center;
  background-size: contain;
}

.bouton-sociaux.linkedin {
  background: #081A35 url(/themes/jpai/images/bt-linkedin.svg) no-repeat center center;
  background-size: contain;
}

.bouton-sociaux.linkedin:hover {
  background: #009CA3 url(/themes/jpai/images/bt-linkedin.svg) no-repeat center center;
  background-size: contain;
}

body.scrolled .bouton-sociaux {
    margin-top: 1vw;
    -o-transition: margin-top .2s;
    -webkit-transition: margin-top .2s;
    -moz-transition: margin-top .2s;
    transition: margin-top .2s;
}






.fond-bando-newsletter {
  display: none;
}

@media screen and (min-width: 1281px) {
  
  .layout-sidebar-first {
      width: calc(31.6% - 22px);
  }
  
  .bouton-orange, 
  .bouton-vert, 
  .bouton-blanc, 
  .bouton-filet-noir, 
  .pager[data-drupal-views-infinite-scroll-pager] .button, 
  .bouton-filet-vert
   {
    padding: 16px 20px 13px 20px;
  }
  
  .picto-smile, 
  .picto-locate, 
  .picto-join, 
  .picto-contact, 
  .picto-done, 
  .picto-outils, 
  .picto-link {
    padding-left: 51px;
  }
  
  .picto-smile:before, 
  .picto-locate:before, 
  .picto-join:before, 
  .picto-contact:before, 
  .picto-done:before, 
  .picto-outils:before, 
  .picto-link:before {
    width: 19px;
    height: 19px;
    left: 18px;
    top:11px;
  }
  
  .pager[data-drupal-views-infinite-scroll-pager] {
    margin-left: 84px;
    width: 430px;
  }
  
  #block-views-block-jpai-actualites-block-3-actus .pager[data-drupal-views-infinite-scroll-pager]  {
    padding-bottom: 77px;
    padding-left: 282px;
  }
  
  .view-display-id-page_liste_actualites .pager[data-drupal-views-infinite-scroll-pager] {
    padding-left: 288px;
  }
  
  
  .texte-riche h2 {
    margin-bottom: 24px;
  }
  
  .texte-riche h3 {
    margin-bottom: 4px;
  }
  
  .texte-riche h2.fond-vert {
    padding: 5px 28px 4px;
    margin-bottom: 47px;
  }
  
  .texte-riche h2.decale {
    margin-left: -27px;
  }
  
  .texte-riche h3.light {
    margin-bottom: 14px;
  }
  
  .texte-riche h3.avec-chiffre {
    margin-bottom: 17px;
  }
  
  .texte-riche h3 .chiffre-publi {
    top:50%;
    left: -19px;
  }
  
  .texte-riche .chapo {
    padding-left: 15px;
  }
  
  .texte-riche p {
    margin-bottom: 13px;
  }
  
  .texte-riche .pave,
  .texte-riche div.sources {
    padding: 18px 15px 18px 26px;
  }
  
  .texte-riche > ul,
  .texte-riche > ol {
    margin-bottom: 13px;
  }
  
  .texte-riche li {
    margin-bottom: 3px;
    padding: 0 0 0 15px;
  }
  
  .texte-riche li:before {
    left: 0;
    top: -1px;
  }
  
  .texte-riche li li li:before {
    top: -1px;
  }
  
  .texte-riche ul.liste-fleche li {
    padding: 0;
    margin-bottom: 19px;
  }
  
  .texte-riche ul.liste-fleche li:before {
    width: 29px;
    height: 29px;
    top: 4px;
    left: -46px;
  }
  
  .texte-riche ol li {
    margin-bottom: 0;
    padding-left: 18px;
  }
  
  .texte-riche ol li:before {
    left: 0;
    top: 0;
  }
  
  .texte-riche ol ol li {
    padding-left: 20px;
  }
   
  .texte-riche .sign {
    margin-bottom: 3px;
    margin-top: 35px;
  }
  
  .texte-riche #container-join-us {
    padding: 58px 0;
  }
  
  .texte-riche blockquote {
    padding: 0 0 0 28px;
  }
  
  .texte-riche blockquote.decale {
    margin-left: -256px;
  }
  
  .texte-riche blockquote p {
    margin-bottom: 0;
  }
  
  .texte-riche blockquote p.citation-sign {
    padding: 17px 0 8px 0;
  }
  
  .texte-riche blockquote.gros {
    padding: 9px 0 5px 22px;
  }
  
  .texte-riche blockquote.gros p {
    margin-bottom: 0;
  }
  
  .texte-riche .caption > * {
    padding: 0 0 5px 0;
    margin-bottom: 3px;
  }
  
  .texte-riche a.lien-fleche {
    padding: 0 32px 0 0;
  }
  
  .texte-riche a.lien-fleche:after {
    width: 19px;
    height: 13px;
    top: 9px;
    right: 0;
  }
  
  .texte-riche a.lien-fleche-gros {
    padding: 0 38px 0 0;
  }
  
  .texte-riche a.lien-fleche-gros:after {
    width: 26px;
    height: 26px;
    top: 2px;
    right: 0;
  }
  
  .texte-riche .file,
  .texte-riche a[data-entity-type="file"] {
    margin-bottom: 2px;
    padding: 0 0 0 28px;
  }
  
  .texte-riche .file.lien-fleche-gros, 
  .texte-riche a.lien-fleche-gros[data-entity-type="file"] {
    padding: 0 38px 0 28px;
  }
  
  .texte-riche .file:before,
  .texte-riche a[data-entity-type="file"]:before {
    width: 19px;
    height: 20px;
    top: 4px;
    left: 0;
  }
  
  
  .texte-riche .bouton-orange-ck,
  .texte-riche .bouton-vert-ck,
  .texte-riche .bouton-filet-vert-ck
   {
    padding: 18px 20px 17px 20px;
  }
  
  .texte-riche a.bouton-join-us,
  .texte-riche a.bouton-locate,
  .texte-riche a.bouton-contact {
    padding: 18px 20px 17px 51px;
  }
  
  .texte-riche a.bouton-join-us:before,
  .texte-riche a.bouton-locate:before,
  .texte-riche a.bouton-contact:before {
    width: 19px;
    height: 19px;
    left: 18px;
    top:13px;
  }
  
  .ckeditor-accordion-container > dl dt > a {
    padding: 15px 64px 13px 22px !important;
    margin: 2px 0 0 0;
  }
  
  .ckeditor-accordion-container > dl dd {
    padding: 15px 32px 14px 22px !important;
  }
  
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
      right: 13px;
      width: 19px;
      height: 19px;
      padding: 0 !important;
  }

  .texte-riche hr {
    margin-bottom: 18px;
    margin-top: 18px;
    height: 5px;
  }
  
  .addtoany_list > a {
     padding: 0 5px 5px 0 !important;
    }
    
    .addtoany_list .a2a_s__default {
      width: 38px !important;
      line-height: 38px !important;
      height: 38px !important;
      background-size: 38px !important;
    }
    
    .a2a_svg svg {
      width: 18px !important;
      height: 18px !important;
    }
    
    .a2a_button_youtube .a2a_svg svg {
      width: 24px !important;
      height: 24px !important;
    }
    
    .a2a_button_email .a2a_svg {
      background: #fff url(/themes/jpai/images/picto-sociaux-email.svg) no-repeat center center;
      background-size: 44% !important;
      background-repeat: no-repeat !important;
    }
    
    .a2a_button_email .a2a_svg:hover {
      background: #fff url(/themes/jpai/images/picto-sociaux-email-hover.svg) no-repeat center center;
      background-size: 44% !important;
      background-repeat: no-repeat !important;
      opacity: 1 !important;
    }
    
    .a2a_button_print .a2a_svg {
      background: #fff url(/themes/jpai/images/picto-sociaux-print.svg) no-repeat center center;
      background-size: 44% !important;
      background-repeat: no-repeat !important;
    }
    
    .a2a_button_print .a2a_svg:hover {
      background: #fff url(/themes/jpai/images/picto-sociaux-print-hover.svg) no-repeat center center;
      background-size: 44% !important;
      background-repeat: no-repeat !important;
      opacity: 1 !important;
    }
    
    .addtoany_share .a2a_svg {
      background: #fff url(/themes/jpai/images/picto-sociaux-more.svg) no-repeat center center;
      background-size: 22% !important;
      background-repeat: no-repeat !important;
    }
    
    .addtoany_share .a2a_svg:hover {
      background: #fff url(/themes/jpai/images/picto-sociaux-more-hover.svg) no-repeat center center;
      background-size: 22% !important;
      background-repeat: no-repeat !important;
      opacity: 1 !important;
    }
    
    .a2a_button_facebook .a2a_svg {
        background: #fff url(/themes/jpai/images/picto-sociaux-facebook-2.svg) no-repeat center center;
        background-size: 20% !important;
        background-repeat: no-repeat !important;
    }
    
    .a2a_button_twitter .a2a_svg {
        background: #fff url(/themes/jpai/images/picto-sociaux-x.svg) no-repeat center center;
        background-size: 37% !important;
        background-repeat: no-repeat !important;
    }
    
    .a2a_button_youtube .a2a_svg {
        background: #fff url(/themes/jpai/images/picto-sociaux-youtube.svg) no-repeat center center;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
    }
    
    .view-display-id-page_liste_actualites #container-join-us > div,
    .view-id-jpa_actus_weblex #container-join-us > div {
      width: 718px;
      padding: 29px 0 68px;
    }
    
    #container-join-us .col-un p {
      padding: 42px 41px 0 0;
      margin-bottom: 40px;
      width: 346px;
    }
    
    #container-join-us .bouton-orange {
      margin-right: 41px;
    }
    
    
    
    #bandeau-newsletter-home {
      padding: 49px 85px 44px;
      position: relative;
      border: none;
      background: none;
    }
    
    .fond-bando-newsletter {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 106vw;
      height: 100%;
      z-index: -2;
      border-bottom: solid 6px #009CA3;
      background: transparent url(/themes/jpai/images/background-bandeau-newsletter.jpg) no-repeat center center;
      background-size: cover;
    }
    
    #bandeau-newsletter-home .cont-bt {
      margin-top: 39px;
    }
    
    #bandeau-newsletter-home .cont-bt:before {
       top: 6px;
       left: -55px;
       width: 38px;
       height: 28px;
    }
}






@media screen and (max-width: 900px) {
  .bouton-orange, 
  .bouton-vert, 
  .bouton-blanc, 
  .bouton-filet-noir, 
  .pager[data-drupal-views-infinite-scroll-pager] .button, 
  .bouton-filet-vert {
    font-size: 1em;
  }
  
  .picto-smile:before, 
  .picto-locate:before, 
  .picto-join:before, 
  .picto-contact:before,
  .picto-done:before {
    width: 1.65vw;
    height: 1.65vw;
    top: 1.05vw;
  }
}





@media screen and (max-width: 820px) {
  .bouton-orange, 
  .bouton-vert, 
  .bouton-blanc, 
  .bouton-filet-noir, 
  .pager[data-drupal-views-infinite-scroll-pager] .button, 
  .bouton-filet-vert {
    font-size: 1.4em;
    padding: 2.3vw 2.6vw 2.2vw 2.6vw;
  }
  
  .picto-smile, 
  .picto-locate, 
  .picto-join, 
  .picto-contact,
  .picto-done {
    padding-left: 6.4vw;
  }
  
  .picto-smile:before, 
  .picto-locate:before, 
  .picto-join:before, 
  .picto-contact:before,
  .picto-done:before {
    width: 2.3vw;
    height: 2.3vw;
    left: 2.2vw;
    top: 1.8vw;
  }
  
  #header .bouton-orange {
    margin-top: 1.55vw;
  }
  
  
  /* Block Join us */
  
  .view-display-id-page_liste_actualites #container-join-us,
  .view-id-jpa_actus_weblex #container-join-us {
    float: none;
    width: 100%;
  }
  
  .view-display-id-page_liste_actualites #container-join-us > div,
  .view-id-jpa_actus_weblex #container-join-us > div {
    width: auto;
    padding: 0 0 10.5vw;
  }
  
  #container-join-us .col-un {
    width: 55.9%;
  }
  
  #container-join-us .col-deux {
    width: 44.1%;
    height: 25.5vw;
    overflow: hidden;
  }
  
  #container-join-us .col-un .gradient {
    margin-left: -6.3vw;
  }
  
  #container-join-us .col-un p {
    font-size: 2.6em;
    width: auto;
    padding: 4.5vw 4vw 0 0;
    margin-bottom: 4.5vw;
  }
  
  #container-join-us .bouton-orange {
    margin-right: 4vw;
  }
  
  .layout-content-deux {
    display: block;
  }
  
  .layout-content-deux > .container {
    width: auto;
  }
  
  .addtoany_list .a2a_s__default {
    width: 5vw !important;
    line-height: 5vw !important;
    height: 5vw !important;
    background-size: 5vw !important;
  }
  
  .a2a_button_facebook .a2a_svg {
      background-size: 20% !important;
  }
  
  .a2a_button_twitter .a2a_svg {
      background-size: 37% !important;
  }
  
  .a2a_button_youtube .a2a_svg {
      background-size: 50% !important;
  }
  
  .addtoany_list > a {
    padding: 0 0.6vw 0.6vw 0 !important;
  }
  
  .a2a_svg svg {
    width: 2.4vw !important;
    height: 2.4vw !important;
  }
  
  .a2a_button_youtube .a2a_svg svg {
    width: 3vw !important;
    height: 3vw !important;
  }
  
  .a2a_button_email .a2a_svg,
  .a2a_button_print .a2a_svg {
    background-size: 44% !important;
  }
  
  .addtoany_share .a2a_svg {
    background-size: 22% !important;
  }
  
  /* JOIN US SUR ACTU FULL */
  
  .texte-riche #container-join-us {
    margin-left: -23vw;
  }
  
  .texte-riche #container-join-us .col-un .gradient {
    margin-left: 0;
  }
  
  .texte-riche #container-join-us .col-un {
    width: 60.5%;
  }
  
  .texte-riche #container-join-us .col-deux {
    width: 39.5%;
    height: 25vw;
  }
  
  .texte-riche #container-join-us .col-un p {
    padding: 4.5vw 4vw 0 0;
    margin-bottom: 3.9vw;
  }
  
  
  
  .texte-riche h2 {
    font-size: 3.7em;
    margin-bottom: 1.4vw;
  }
  
  .texte-riche h3 {
    font-size: 3em;
    margin-bottom: 0.5vw;
  }
  
  .texte-riche h4 {
    font-size: 2.6em;
  }
  
  .texte-riche h5 {
    font-size: 2.2em;
  }
  
  .texte-riche h3.avec-chiffre {
    font-size: 2.8em;
    margin-bottom: 2.5vw;
  }
  
  .texte-riche p {
    font-size: 2.2em;
    margin-bottom: 1.7vw;
  }
  
  .texte-riche .note {
    font-size: 1.7em;
  }
  
  .texte-riche .pave,
  .texte-riche div.sources {
    padding: 2vw 1.8vw 2vw 2.8vw;
  }
  
  .texte-riche a.lien-fleche {
    padding: 0 3.9vw 0 0;
  }
  
  .texte-riche a.lien-fleche:after {
    width: 2.4vw;
    height: 2.7vw;
  }
  
  .texte-riche a.lien-fleche-gros {
    padding: 0 4.6vw 0 0;
  }
  
  .texte-riche a.lien-fleche-gros:after {
    width: 3vw;
    height: 4vw;
  }
  
  .texte-riche .file,
  .texte-riche a[data-entity-type="file"] {
    padding: 0 0 0 3.6vw;
  }
  
  .texte-riche .file.lien-fleche-gros, 
  .texte-riche a.lien-fleche-gros[data-entity-type="file"] {
    padding: 0 4.6vw 0 3.6vw;
  }
  
  .texte-riche .file:before,
  .texte-riche a[data-entity-type="file"]:before {
    width: 2.5vw;
    height: 3.3vw;
    top: 0.35vw;
  }
  
  .texte-riche .bouton-orange-ck,
  .texte-riche .bouton-vert-ck,
  .texte-riche .bouton-filet-vert-ck
   {
    padding: 2.3vw 2.6vw 2.2vw 2.6vw;
  }
  
  .texte-riche a.bouton-join-us,
  .texte-riche a.bouton-locate,
  .texte-riche a.bouton-contact {
    padding: 2.3vw 2.6vw 2.2vw 6.4vw;
  }
  
  .texte-riche a.bouton-join-us:before,
  .texte-riche a.bouton-locate:before,
  .texte-riche a.bouton-contact:before {
    width: 2.3vw;
    height: 2.3vw;
    left: 2.2vw;
    top: 1.8vw;
  }
  
  .texte-riche > ul, 
  .texte-riche > ol {
    margin-bottom: 1.7vw;
  }
  
  .texte-riche li {
    font-size: 2.2em;
    margin-bottom: 0.6vw;
    padding: 0 0 0 2vw;
  }
  
  .texte-riche ol li {
    padding-left: 2.3vw;
  }
  
  .texte-riche ol ol li {
    padding-left: 2.7vw;
  }
  
  .texte-riche ul.liste-fleche li {
      font-size: 2.6em;
  }
  
  .texte-riche ul.liste-fleche li:before {
      width: 3.3vw;
      height: 3.3vw;
      top: 0.4vw;
      left: -4.6vw;
  }

  .texte-riche blockquote {
    padding: 0 0 0 3.5vw;
  }
  
  .texte-riche blockquote.decale {
    margin-left: -9.3vw;
  }
  
  .texte-riche blockquote p {
    font-size: 2.95em;
  }
  
  .texte-riche blockquote p.citation-sign {
    font-size: 1.75em;
    padding: 2.2vw 0 0.6vw 0;
  }
  
  .texte-riche .caption > * {
    padding: 0 0 0.8vw 0;
    margin-bottom: 0.3vw;
  }
  
  .texte-riche .caption > figcaption {
    font-size: 1.7em;
  }
  
  .texte-riche .sign {
    font-size: 1.75em;
    margin-top: 3vw;
  }
  
  .ckeditor-accordion-container > dl dt > a {
    font-size: 1.72em;
    padding: 1.6vw 7vw 1.4vw 2vw !important;
    margin: 2px 0 0 0;
  }
  
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    right: 2vw;
    width: 2.3vw;
    height: 2.3vw;
  }
  
  .texte-riche hr {
    margin-bottom: 2vw;
    margin-top: 2vw;
  }
  
  
  #bandeau-newsletter-home {
      padding: 3.8vw 6.3vw 3.4vw;
  }
  
  #bandeau-newsletter-home .cont-bt:before {
      left: -7.3vw;
      width: 5vw;
      height: 5.2vw;
  }

}










@media screen and (max-width: 740px) {
  
  
  
}







@media screen and (max-width: 612px) {
  
  #bandeau-newsletter-home {
    padding: 50px 6.3vw 54px;
  }
  
  #bandeau-newsletter-home h2 {
    font-size: 24px;
  }
  
  #bandeau-newsletter-home p {
    font-size: 17px;
  }
  
  #bandeau-newsletter-home .cont-bt {
    margin-top: 16px;
  }
  
}







@media screen and (max-width: 605px) {
  
  #bandeau-newsletter-home .cont-texte,
  #bandeau-newsletter-home .cont-bt {
    float: none;
  }
  
  #bandeau-newsletter-home .cont-bt {
    margin-left: 7.3vw;
  }
  
}









#container-join-us .image-smart {
  display: none;
}

@media screen and (max-width: 420px) {
  
  /*.bouton-orange, 
  .bouton-vert, 
  .bouton-blanc, 
  .bouton-filet-noir, 
  .pager[data-drupal-views-infinite-scroll-pager] .button, 
  .bouton-filet-vert {
    font-size: 3.4em;
    padding: 5.1vw 6vw 5vw 6vw;
  }
  
  .picto-smile, 
  .picto-locate, 
  .picto-join, 
  .picto-contact {
    padding-left: 15vw;
  }
  
  .picto-smile:before, 
  .picto-locate:before, 
  .picto-join:before, 
  .picto-contact:before {
    width: 5.5vw;
    height: 5.5vw;
    left: 5.2vw;
    top: 3.75vw;
  }*/
  
  .bouton-orange, 
  .bouton-vert, 
  .bouton-blanc, 
  .bouton-filet-noir, 
  .pager[data-drupal-views-infinite-scroll-pager] .button, 
  .bouton-filet-vert {
    font-size: 11px;
    padding: 16px 19px 16px 19px;
  }
  
  .picto-smile, 
  .picto-locate, 
  .picto-join, 
  .picto-contact,
  .picto-done {
    padding-left: 48px;
  }
  
  .picto-smile:before, 
  .picto-locate:before, 
  .picto-join:before, 
  .picto-contact:before,
  .picto-done:before {
    width: 18px;
    height: 18px;
    left: 17px;
    top: 12px;
  }
  
  #container-join-us .image-smart {
    display: block;
  }
  
  #container-join-us .image-smart img {
    max-width: none;
    width: 100%;
    height: auto;
  }
  
  #container-join-us .col-un {
    width: auto;
    float: none;
}
  
  #container-join-us .col-deux {
    display: none;
  }
  
  .view-display-id-page_liste_actualites #container-join-us,
  .view-id-jpa_actus_weblex #container-join-us {
    width: auto;
    padding: 3vw 10vw 0 10.1vw;
  }
  
  #container-join-us .col-un .gradient {
    display: none;
  }
  
  #container-join-us > div,
  .view-display-id-page_liste_actualites #container-join-us > div,
  .view-id-jpa_actus_weblex #container-join-us > div {
    position: relative;
    padding: 0;
    margin-bottom: 20vw;
  }
  
  #container-join-us > div:before {
    content: '';
    display: block;
    background-color: #086180;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5vw;
  }
  
  .a2a_kit:after {
    content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;
  }
  
  .addtoany_list .a2a_s__default {
    width: 10vw !important;
    line-height: 10vw !important;
    height: 10vw !important;
    background-size: 10vw !important;
  }
  
  .a2a_button_facebook .a2a_svg {
      background-size: 20% !important;
  }
  
  .a2a_button_twitter .a2a_svg {
      background-size: 37% !important;
  }
  
  .a2a_button_youtube .a2a_svg {
      background-size: 50% !important;
  }
  
  .a2a_svg svg {
    width: 4.5vw !important;
    height: 4.5vw !important;
  }
  
  .addtoany_list > a {
    padding: 0 1.2vw 1.2vw 0 !important;
  }
  
  .a2a_button_youtube .a2a_svg svg {
    width: 6.2vw !important;
    height: 6.2vw !important;
  }
  
  .a2a_button_email .a2a_svg, .a2a_button_print .a2a_svg {
    background-size: 44% !important;
  }
  
  .addtoany_share .a2a_svg {
    background-size: 22% !important;
  }
  
  .texte-riche #container-join-us {
    margin-left: 0;
    padding-top: 14vw;
  }
  
  .texte-riche #container-join-us .col-un {
    width: auto;
  }
  
  
  
  .texte-riche h2 {
    font-size: 7.5em;
    margin-bottom: 2.6vw;
  }
  
  .texte-riche h3 {
    font-size: 6em;
    margin-bottom: 1vw;
  }
  
  .texte-riche h4 {
    font-size: 5.2em;
  }
  
  .texte-riche h5 {
    font-size: 4.5em;
  }
  
  .texte-riche h3.avec-chiffre {
    font-size: 5.6em;
    margin-bottom: 4vw;
    margin-left: 9vw;
  }
  
  .texte-riche h3 .chiffre-publi {
    left: -4vw;
    font-size: 1.8em;
  }
  
  .texte-riche p {
    font-size: 4.5em;
    margin-bottom: 3.5vw;
  }
  
  .texte-riche .note {
    font-size: 3.5em;
  }
  
  .texte-riche .pave,
  .texte-riche div.sources {
    padding: 3vw 2vw 3vw 4.2vw;
  }
  
  .texte-riche a.lien-fleche {
    padding: 0 0 0 7vw;
  }
  
  .texte-riche a.lien-fleche:after {
    width: 5vw;
    height: 6.7vw;
    right: auto;
    left: 0;
  }
  
  .texte-riche a.lien-fleche-gros {
    padding: 0 0 0 9vw;
  }
  
  .texte-riche a.lien-fleche-gros:after {
    width: 6vw;
    height: 7vw;
    left: 0;
    right: auto;
    top: 0.3vw;
  }
  
  .texte-riche .file.lien-fleche-gros:after, 
  .texte-riche a.lien-fleche-gros[data-entity-type="file"]:after {
    width: 6vw;
    height: 7vw;
    right: 0;
    top: 0.3vw;
    left: auto;
  }
  
  .texte-riche .file,
  .texte-riche a[data-entity-type="file"] {
    padding: 0 0 0 7vw;
    margin-bottom: 0;
  }
  
  .texte-riche .file.lien-fleche-gros, 
  .texte-riche a.lien-fleche-gros[data-entity-type="file"] {
    padding: 0 9vw 0 7vw;
  }
  
  .texte-riche .file:before,
  .texte-riche a[data-entity-type="file"]:before {
    width: 4.9vw;
    height: 5.5vw;
    top: 1.1vw;
  }
  
  .texte-riche .bouton-orange-ck,
  .texte-riche .bouton-vert-ck,
  .texte-riche .bouton-filet-vert-ck
   {
    padding: 16px 19px 16px 19px;
    font-size: 11px;
  }
  
  .texte-riche a.bouton-join-us,
  .texte-riche a.bouton-locate,
  .texte-riche a.bouton-contact {
    padding: 16px 19px 16px 48px;
    font-size: 11px;
  }
  
  .texte-riche a.bouton-join-us:before,
  .texte-riche a.bouton-locate:before,
  .texte-riche a.bouton-contact:before {
    width: 18px;
    height: 18px;
    left: 17px;
    top: 12px;
  }
  
  .texte-riche > ul, 
  .texte-riche > ol {
    margin-bottom: 3.5vw;
  }
  
  .texte-riche li {
    font-size: 4.5em;
    margin-bottom: 1.2vw;
    padding: 0 0 0 4.3vw;
  }
  
  .texte-riche ol li {
    padding-left: 4.7vw;
  }
  
  .texte-riche ol ol li {
    padding-left: 6vw;
  }
  
  .texte-riche ul.liste-fleche li {
      font-size: 4.6em;
  }
  
  .texte-riche ul.liste-fleche li:before {
      width: 5.3vw;
      height: 5.3vw;
      top: 0.9vw;
      left: -6.6vw;
  }
  
  .texte-riche blockquote {
    padding: 0 0 0 4.5vw;
    margin: 12vw 0 15vw 0;
  }
  
  .texte-riche blockquote.decale {
    margin: 12vw 0 15vw -9.6vw;
    padding: 0 0 0 8vw;
  }
  
  .texte-riche blockquote p {
    font-size: 6em;
  }
  
  .texte-riche blockquote p.citation-sign {
    font-size: 3.5em;
    padding: 5.2vw 0 0.6vw 0;
  }
  
  .texte-riche .sign {
    font-size: 3.5em;
    margin-top: 5vw;
  }
  
  .texte-riche .caption > figcaption {
    font-size: 3.5em;
  }
  
  .texte-riche .caption > * {
    padding: 0 0 1.4vw 0;
    margin-bottom: 0.6vw;
  }
  
  .ckeditor-accordion-container > dl dt > a {
    font-size: 4em;
    padding: 3vw 9vw 2.6vw 4vw !important;
    margin: 2px 0 0 0;
  }
  
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    right: 3vw;
    width: 4.3vw;
    height: 4.3vw;
  }
  
  .texte-riche hr {
    margin-bottom: 4.5vw;
    margin-top: 4.5vw;
  }
  
  
  
  #bandeau-newsletter-home {
      padding: 50px 9.6vw 54px;
  }
  
  #bandeau-newsletter-home .cont-bt {
      margin-left: 58px;
  }
  
  #bandeau-newsletter-home .cont-bt:before {
      left: -58px;
      width: 34px;
      height: 39px;
  }
  
}