/*

	Site internet JPA PMA
	Version : 2.1
	Site	: 
	
	Theme 	: jpa 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;
}

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: 'Jost', 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;}


/* ALL */


a {color: #a77d02;
text-decoration: none;
-o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
a:visited {color: #a77d02;}
a:hover {color: #debb04;text-decoration: none;}

a:focus {outline: none;}


.layout-container {
  font-size: 1.04vw;
}

.cont-bloker-resp-un {
  max-width: 1314px;
  padding: 0 5.5vw;
  margin: 0 auto;
}

.cont-bloker-resp-deux {
  /*max-width: 1170px;*/
}





#main.avec-col-droite {
  padding-top: 5.4vw;
}

.avec-col-droite .layout-content {
  float: left;
  width: 65.9%;
}

.avec-col-droite .layout-sidebar-right {
  float: right;
  width: 28.2%;
}






h1 {
  opacity: 0.7;
  color: #1A1E23;
  font-weight: 200;
  font-size: 4.34em;
  line-height: 1.02em;
  margin-bottom: 3.6vw;
}



.lien-lire-suite {
    display: inline-block;
     padding: 0.9vw 2.1vw 0.85vw 1.4vw;
     position: relative;
     background: #FFFFFF;
     border: 2px solid #FFDD00;
     border-radius: 5px;
    text-transform: uppercase;
     font-weight: 500;
     color: #1A1E23;
     letter-spacing: 0.14em;
     font-size: 0.89em;
}
  
.lien-lire-suite:visited {
  color: #1A1E23;
}
  
.lien-lire-suite:hover,
.pave-hover .lien-lire-suite {
    background-color: #FBDE10;
    color: #1A1E23;
}
  
  
.lien-lire-suite:after {
    content: '';
     display: block;
     position: absolute;
     top: 0.78vw;
     right: 0.8vw;
     width: 0.7vw;
     height: 1.2vw;
     background: transparent url(/themes/jpawg/images/chevron-jaune.svg) no-repeat center center;
     background-size: contain;
     -o-transition: all .2s;
     -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s;
}
  
.lien-lire-suite:hover:after,
.pave-hover .lien-lire-suite:after {
    background: transparent url(/themes/jpawg/images/chevron-noir.svg) no-repeat center center;
    background-size: contain;
}









.lien-fond-jaune {
  font-size: 0.87em;
  line-height: 1.2em;
  color: #1A1E23;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  padding: 1.8vw 2.8vw 1.7vw;
  position: relative;
  background-color: #FBDE10;
  border-radius: 0.4vw;
  letter-spacing: 0.13em;
}

.lien-fond-jaune:visited {
  color: #1A1E23;
}

.lien-fond-jaune:hover {
  color: #1A1E23;
}

.lien-fond-jaune.lien-fleche-deux {
  padding-right: 4vw;
}

.lien-fond-jaune.lien-fleche-deux:hover {
  padding-left: 3.9vw;
  padding-right: 2.9vw;
}

.lien-fleche-deux:after {
  content: '';
  display: block;
  position: absolute;
  top: 1.57vw;
  right: 1.7vw;
  width: 1.3vw;
  height: 1.4vw;
  background: transparent url(/themes/jpawg/images/chevron-double-noir.svg) no-repeat center center;
  background-size: contain;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.lien-fleche-deux:hover:after {
  right: 1vw;
}






.container-bt-partage {
  position: absolute;
  top: 14vw;
  left: 0;
  height: 4.5vw;
  border-top-right-radius: 2.25vw;
  border-bottom-right-radius: 2.25vw;
  z-index: 8;
  background-color: rgba(251,222,16,0.9);
    overflow: hidden;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
  transition: all .5s;
  width: 0;
  padding-left: 0vw;
}

.container-bt-partage.clicked {
  width: 19.07vw;
  padding-left: 2.25vw;
}

.container-bt-partage button,
.container-bt-partage a {
border: none;
font-size: 0;
line-height: 0;
display: block;
cursor: pointer;
color: transparent;
outline: none;
float: left;
width:4.5vw;
height: 4.5vw;
position: relative;
-o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
    
    
.container-bt-partage button:after,
.container-bt-partage a:after {
  content: '';
  display: block;
  width: 2px;
  height: 3.6vw;
  background-color: #ffff;
  position: absolute;
  top: 0.45vw;
  right: 0;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.container-bt-partage button.hovered:after,
.container-bt-partage a.hovered:after {
  display: none;
}

.container-bt-partage button.share_facebook {
  background: url(/themes/jpawg/images/bt-partage-facebook-noir.svg) no-repeat center center;
  background-size: contain;
  width: 3.75vw;
}

.container-bt-partage button.share_facebook:hover {
  background: #FBDE10 url(/themes/jpawg/images/bt-partage-facebook-blanc.svg) no-repeat center center;
  background-size: contain;
}

.container-bt-partage button.share_linkedin {
  background: url(/themes/jpawg/images/bt-partage-linkedin-noir.svg) no-repeat center center;
  background-size: contain;
  width: 3.6vw;
}

.container-bt-partage button.share_linkedin:hover {
  background: #FBDE10 url(/themes/jpawg/images/bt-partage-linkedin-blanc.svg) no-repeat center center;
  background-size: contain;
}
    
.container-bt-partage button.share_twitter {
  background: url(/themes/jpawg/images/bt-partage-twitter-noir.svg) no-repeat center center;
  background-size: contain;
  width: 4vw;
}

.container-bt-partage button.share_twitter:hover {
  background: #FBDE10 url(/themes/jpawg/images/bt-partage-twitter-blanc.svg) no-repeat center center;
  background-size: contain;
}
    
.container-bt-partage a.share_email {
  background: url(/themes/jpawg/images/bt-partage-email-noir.svg) no-repeat center center;
  background-size: contain;
  width: 4.6vw;
  margin-right: 0.8vw;
}

.container-bt-partage a.share_email:hover {
  background: #FBDE10 url(/themes/jpawg/images/bt-partage-email-blanc.svg) no-repeat center center;
  background-size: contain;
}
    
.container-bt-partage button.opener {
  background: url(/themes/jpawg/images/bt-partage-opener-blanc.svg) no-repeat center center;
  background-size: contain;width: 4.57vw;
}
    
.container-bt-partage button.opener:after,
.container-bt-partage a.share_email:after {
  display: none;
}

.container-bt-partage button:hover,
.container-bt-partage a:hover {
  background-color: #FBDE10;
}

.container-bt-partage button.opener:hover {
  background-color: #FBDE10;
}

.container-bt-partage button:hover:after {display: none;}

#opener-partage {
  position: absolute;
  top: 14vw;
  left: -2.25vw;
  width: 4.5vw;
  height: 4.5vw;
  background: rgba(251,222,16,0.6) url(/themes/jpawg/images/bt-partage-opener-noir.svg) no-repeat center center;
  background-size: contain;
  border: none;
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  outline: none;
  border-radius: 50%;
  z-index: 10;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

#opener-partage:hover,
#opener-partage.clicked {
  background: rgba(251,222,16,1) url(/themes/jpawg/images/bt-partage-opener-blanc.svg) no-repeat center center;
  background-size: contain;
}

#opener-partage:after {
  display: block;
  content: 'Partager';
  position: absolute;
  bottom: -1.2vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
  font-weight: 600;
  font-size: 11px;
  color: #1A1E23;
  text-transform: uppercase;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

#opener-partage.clicked:after {
  display: none;
}






#un-tem-autres-pages .col-un {
  width: 19%;
  float: left;
  padding-top: 1.5vw;
}

#un-tem-autres-pages .col-deux {
  width: 81%;
  float: left;
  border-radius: 0.8vw;
  border: 1px solid rgba(26,30,35,0.2);
  padding: 2.5vw 2.8vw 2.4vw 2.8vw;
}

#un-tem-autres-pages .col-deux:before {
  display: block;
  content: '';
  position: absolute;
  top: 5.7vw;
  left: -18px;
  transform: rotate(-90deg);
  width: 24px;
  height: 13px;
  background: transparent url(/themes/jpawg/images/fleche-pave-tem.png) no-repeat center center;
  background-size: contain;
}

#un-tem-autres-pages .container-image {
  border-radius: 50%;
  overflow: hidden;
  width: 79%;
}

#un-tem-autres-pages .container-image img {
  width: 100%;
}

#un-tem-autres-pages h2 {
  font-weight: 300;
  color: #1A1E23;
  font-size: 1.45em;
  line-height: 1.35em;
  margin-bottom: 0.5vw;
}

#un-tem-autres-pages .fonction {
  font-weight: 300;
  color: #1A1E23;
  font-size: 0.87em;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 2.2vw;
  width: 80%;
}

#un-tem-autres-pages .texte {
  opacity: 0.7;
  color: #1A1E23;
  font-style: italic;
  font-size: 1.16em;
  line-height: 1.65em;
}

.cont-un-tem-autres-pages {
  width: 70%;
  margin: 0 auto;
}

#un-tem-autres-pages .lien-lire-suite {
  position: absolute;
  bottom: 0;
  right: 2.8vw;
  transform: translateY(50%);
}







.texte-riche p,
.texte-riche li,
.texte-riche blockquote {
  margin-bottom: 0.7vw;
  opacity: 0.7;
  color: #1A1E23;
  font-size: 1.23em;
  line-height: 1.55em;
}

.texte-riche .legende-img p,
.texte-riche .footer-img p {
  margin-bottom: 0 !important;
}

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

.texte-riche p.note {font-size: 1em;margin-bottom: 0;}

.texte-riche .chapeau,
.texte-riche h2.chapeau {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 2.8vw;
  opacity: 0.7;
  color: #1A1E23;
  font-size: 1.88em;
  line-height: 1.33em;
}

.texte-riche h2,
.texte-riche h3.like-hdeux {
  margin: 0;
  color: #1A1E23;
  font-weight: 600;
  font-size: 1.67em;
  line-height: 1.4em;
  margin-bottom: 0.65vw;
}

.texte-riche h3,
.texte-riche h4.like-htrois {
  margin: 0;
  color: #1A1E23;
  font-size: 1.66em;
  line-height: 1.4em;
  margin-bottom: 0.8vw;
  font-weight: 400;
}

.texte-riche h4,
.texte-riche h5.like-hquatre {
  font-weight: 500;
  line-height: 1.4em;
  margin: 0;
  font-size: 1.4em;
  color: #1A1E23;
  margin-bottom: 0.5vw;
}

.texte-riche h5 {
  font-weight: 700;
  line-height: 1.4em;
  margin: 0;
  font-size: 1.23em;
  color: #1A1E23;
  margin: 0;
}

.texte-riche h2.titre-souligne {
  font-weight: 500;
  position: relative;
  display: inline-block;
}

.texte-riche h2.titre-souligne:before {
  display: block;
  content: '';
  position: absolute;
  top: 1.35vw;
  left: -0.2vw;
  width: calc(100% + 0.4vw);
  height: 50%;
  background-color: #FBDE10;
  z-index: -1;
}


.texte-riche .pave,
.texte-riche div.sources {
  padding: 1.4vw 1.2vw 1.4vw 1.5vw;
  background-color: #FBDE10;
  margin-bottom: 0;
  border-radius: 5px;
}
  
.texte-riche .encouleur {color: #782301;}

.texte-riche a {/*color: #a77d02;*/color: #000;;text-decoration: underline;
-o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
.texte-riche a:visited {color: #000;}
.texte-riche a:hover {color: #edc704;text-decoration: underline;}

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

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

.texte-riche .lien-fleche,
.texte-riche .lien-fleche-gros {
  display: inline-block;
  padding: 0 0 0 1.2vw;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  margin-bottom: 0.15vw;
}
.texte-riche .lien-fleche:hover,
.texte-riche .lien-fleche-gros:hover {background-color: transparent;text-decoration: none;}

.texte-riche .lien-fleche-gros {font-size: 1.8em;padding-left: 3vw;line-height: 1.3em;}

.texte-riche .lien-fleche:before,
.texte-riche .lien-fleche-gros:before {content: "";display: inline-block;position: absolute;left: 0;width: 0.57vw;height: 0.9vw;background: url(/themes/jpawg/images/texte-lien-fleche.svg) no-repeat center center;background-size: contain;top:0.6vw;
-o-transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}

.texte-riche .lien-fleche-gros:before {
  left: 0;
  width: 2.2vw;
  height: 1.9vw;
  background: url(/themes/jpawg/images/fleche-grande-jaune.svg) no-repeat center center;
  background-size: contain;
}

.texte-riche .lien-fleche:hover:before,
.texte-riche .lien-fleche-gros:hover:before {left: 0.2vw;}

.texte-riche .text-align-center .lien-fleche,
.texte-riche .text-align-center .lien-fleche-gros {display: inline-block;}


.texte-riche .pave a:hover,
.texte-riche div.sources a:hover {
  color: #fff;
}

.texte-riche .pave .lien-fleche:before,
.texte-riche div.sources .lien-fleche:before {
  background: url(/themes/jpawg/images/texte-lien-fleche-blanche.svg) no-repeat center center;background-size: contain;
  width: 0.7vw;
  height: 1vw;
}




.texte-riche .file {
  display: inline-block;
  padding: 0 2.2vw 0 0;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  margin-bottom: 0.15vw;
  text-transform: uppercase;
}
.texte-riche .file:hover {background-color: transparent;text-decoration: none;}

.texte-riche .file:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 1.5vw;
  height: 1.4vw;
  background: url(/themes/jpawg/images/chevron-double-jaune.svg) no-repeat center center;
  background-size: contain;
  top: 0.25vw;
  -o-transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.texte-riche .file:hover:after {right: -0.2vw;}




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

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

.texte-riche ul li {
  padding: 0 0 0 1.2vw !important;
  position: relative;
}

.texte-riche ul ul,
.texte-riche ol ol {
  margin-bottom: 0;
}

.texte-riche ul li:before {
  content: '•' !important;
  display: block !important;
  position: absolute;
  left: 0;
  font-size: 2.6em;
  color: #bdbab1;
  top: 0.35vw;
}

.texte-riche ul ul li {
  font-size: 1em;
  opacity: 1;
  padding: 0 0 0 1vw !important;
}

.texte-riche ul ul li:before {font-size: 2.3em;color: #bdbab1;}

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

.texte-riche ul.liste-fleche li {
  padding: 0 !important;
}

.texte-riche ul.liste-fleche ul li {
    padding: 0 0 0 1vw !important;
}

.texte-riche ul.liste-fleche li:before {
  content: '' !important;
  left: -3.1vw;
  width: 2.2vw;
  height: 1.9vw;
  background: url(/themes/jpawg/images/fleche-grande-jaune.svg) no-repeat center center;
  background-size: contain;
  top: 0.05vw;
}

.texte-riche ul.liste-fleche ul li:before {
    content: '•' !important;
    left: 0;
    top: 0.3vw;
    width: auto;
    height: auto;
    background: none;
    background-size: contain;
  }


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




.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: #bdbab1;display: inline-block;position: absolute;left: 0;letter-spacing: 1px;}

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



.texte-riche blockquote {
  display: block;
  margin-left: 2.8vw;
  margin-top: 1.6vw;
  border-left: solid 1px #FBDE10;
  padding: 0.8vw 0 0.9vw 3vw;
  opacity: 1;
}

.texte-riche blockquote,
.texte-riche blockquote p {
  font-size: 1.41em;
  line-height: 1.25em;
  font-weight: 300;
  font-style: italic;
  color: #1A1E23;
}

.texte-riche blockquote p {display: inline;}

.texte-riche img.align-left {margin: 0 1.2vw 0.5vw 0;}

.texte-riche img.align-right {margin: 0 0 0.5vw 1.2vw;}

.texte-riche .caption > * {border: none;border-bottom: 1px solid #dbdbdb;padding: 0 0 0.4vw 0;margin-bottom: 0.2vw;}

.texte-riche .caption > figcaption {border: none;font-size: 0.9em;line-height: 1.2em;color: #1A1E23;}

/* 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: #1A1E23;
  background-color: transparent;
  padding: 1.2vw 5vw 1vw 1.7vw;
  position: relative;
  margin: 2px 0 0 0;
  cursor: pointer;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: solid 1px #FBDE10;
  text-decoration: none;
}
.ckeditor-accordion-container > dl dt > a:visited {color: #1A1E23;}
.ckeditor-accordion-container > dl dt > a:hover {
  background-color: transparent;
  color: #edc704;
  text-decoration: none;
}

.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: solid 1px #FBDE10;
}

.ckeditor-accordion-container > dl dt.active > a {background-color: #FBDE10;border-radius: 5px;}

.ckeditor-accordion-container > dl dt.active > a:hover {
  color: #1A1E23;
}

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

.ckeditor-accordion-container > dl dd.active {
  border-bottom: solid 1px #FBDE10;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {background: url(/themes/jpawg/images/fleche-ssmenu-accordion.svg) no-repeat center center;background-size: contain;left: auto;
    right: 1vw;
    width: 2.6vw;
    height: 2.6vw;
    top: 0.5vw;
    padding: 0;}
    
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle {background: url(/themes/jpawg/images/fleche-ssmenu-accordion-hover.svg) no-repeat center center;background-size: contain;transform:rotate(90deg);}

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle {background: url(/themes/jpawg/images/fleche-ssmenu-accordion-active.svg) no-repeat center center;background-size: contain;}

.ckeditor-accordion-container > dl dt.active > a:hover > .ckeditor-accordion-toggle {background: url(/themes/jpawg/images/fleche-ssmenu-accordion-active.svg) no-repeat center center;background-size: contain;transform:rotate(0deg);}

.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: 1px;background-color: #ababac;}


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




.texte-riche .pave p,
.texte-riche .pave li,
.texte-riche .pave blockquote,
.texte-riche .pave h2,
.texte-riche .pave h3,
.texte-riche .pave h4,
.texte-riche .pave h5,
.texte-riche .pave h6,
.texte-riche div.sources p,
.texte-riche div.sources li,
.texte-riche div.sources blockquote,
.texte-riche div.sources h2,
.texte-riche div.sources h3,
.texte-riche div.sources h4,
.texte-riche div.sources h5,
.texte-riche div.sources h6 {color: #1A1E23;}

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

.texte-riche .une-date-echeance {
  margin-bottom: 1.5vw;
}

.texte-riche .une-date-echeance .col-un {
  float: left;
  width: 39%;
  padding-right: 4%;
}

.texte-riche .une-date-echeance .col-deux {
  float: left;
  width: 61%;
}





.region-highlighted .messages--error {
  font-size: 16px;
}






@media screen and (min-width: 1315px) {
  
  .cont-bloker-resp-un {
    padding: 0 73px;
  }
  
  .layout-container {
    font-size: 0.95em;
  }
  
  #main.avec-col-droite {
    padding-top: 71px;
  }
  
  h1 {
    margin-bottom: 47px;
  }

  .lien-lire-suite {
       padding: 12px 28px 11px 18px;
  }
    
  .lien-lire-suite:after {
       top: 10px;
       right: 11px;
       width: 9px;
       height: 16px;
  }
  
  .lien-fond-jaune {
    padding: 24px 37px 22px;
    border-radius: 5px;
  }
  
  .lien-fond-jaune.lien-fleche-deux {
    padding-right: 53px;
  }
  
  .lien-fond-jaune.lien-fleche-deux:hover {
    padding-left: 51px;
    padding-right: 38px;
  }
  
  .lien-fleche-deux:after {
    top: 21px;
    right: 22px;
    width: 17px;
    height: 18px;
  }
  
  .lien-fleche-deux:hover:after {
    right: 13px;
  }
  
  .container-bt-partage {
    top: 184px;
    left: 0;
    height: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 0;
    padding-left: 0vw;
  }
  
  .container-bt-partage.clicked {
    width: 251px;
    padding-left: 30px;
  }

  .container-bt-partage button,
  .container-bt-partage a {
    width: 59px;
    height: 59px;
  }
      
  .container-bt-partage button:after,
  .container-bt-partage a:after {
    height: 47px;
    top: 6px;
  }
  
  .container-bt-partage button.share_facebook {
    width: 49px;
  }
  
  .container-bt-partage button.share_linkedin {
    width: 47px;
  }
      
  .container-bt-partage button.share_twitter {
    width: 53px;
  }
      
  .container-bt-partage a.share_email {
    width: 60px;
    margin-right: 11px;
  }
      
  .container-bt-partage button.opener {
    width: 60px;
  }
  
  #opener-partage {
    top: 184px;
    left: -30px;
    width: 60px;
    height: 60px;
  }
  
  #opener-partage:after {
    bottom: -16px;
  }
  
  #un-tem-autres-pages .col-un {
    padding-top: 20px;
  }
  
  #un-tem-autres-pages .col-deux {
    border-radius: 11px;
    padding: 33px 37px 32px 37px;
  }
  
  #un-tem-autres-pages .col-deux:before {
    top: 75px;
  }
  
  #un-tem-autres-pages h2 {
    margin-bottom: 7px;
  }
  
  #un-tem-autres-pages .fonction {
    margin-bottom: 29px;
  }
  
  #un-tem-autres-pages .lien-lire-suite {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    right: 37px;
  }
  
  
  
  .texte-riche p,
  .texte-riche li,
  .texte-riche blockquote {
    margin-bottom: 9px;
  }
  
  .texte-riche p.note {
    margin-bottom: 0;
  }
  
  .texte-riche .chapeau,
  .texte-riche h2.chapeau {
    margin-bottom: 37px;
  }
  
  .texte-riche h2,
  .texte-riche h3.like-hdeux {
    margin: 0;
    margin-bottom: 9px;
  }
  
  .texte-riche h3,
  .texte-riche h4.like-htrois {
    margin: 0;
    margin-bottom: 11px;
  }
  
  .texte-riche h4,
  .texte-riche h5.like-hquatre {
    margin: 0;
    margin-bottom: 7px;
  }
  
  .texte-riche h5 {
    margin: 0;
  }
  
  .texte-riche h2.titre-souligne:before {
    top: 18px;
    left: -3px;
    width: calc(100% + 6px);
  }
  
  .texte-riche .pave,
  .texte-riche div.sources {
    padding: 18px 16px 18px 20px;
    margin-bottom: 0;
  }
  
  .texte-riche .lien-fleche,
  .texte-riche .lien-fleche-gros {
    padding: 0 0 0 16px;
    margin-bottom: 2px;
  }
  
  .texte-riche .lien-fleche-gros {
    padding-left: 39px;
  }
  
  .texte-riche .lien-fleche:before,
  .texte-riche .lien-fleche-gros:before {
    width: 7px;
    height: 12px;
    top: 8px;
  }
  
  .texte-riche .lien-fleche-gros:before {
    width: 29px;
    height: 25px;
  }
  
  .texte-riche .lien-fleche:hover:before,
  .texte-riche .lien-fleche-gros:hover:before {
    left: 3px;
  }
  
  .texte-riche .pave .lien-fleche:before,
  .texte-riche div.sources .lien-fleche:before {
    width: 9px;
    height: 13px;
  }

  .texte-riche .file {
    padding: 0 29px 0 0;
    margin-bottom: 2px;
  }
  
  .texte-riche .file:after {
    width: 20px;
    height: 18px;
    top: 3px;
  }
  .texte-riche .file:hover:after {
    right: -3px;
  }

  .texte-riche ul,
  .texte-riche ol {
    margin-bottom: 22px;
  }
  
  .texte-riche > ul,
  .texte-riche > ol {
    margin-bottom: 9px;
  }
  
  .texte-riche ul ul,
  .texte-riche ol ol {
    margin-bottom: 0;
  }
  
  .texte-riche ul li {
    padding: 0 0 0 16px !important;
  }
  
  .texte-riche ul li:before {
    top: 5px;
  }
  
  .texte-riche ul ul li {
    padding: 0 0 0 13px !important;
  }
  
  .texte-riche ul.liste-fleche li {
    padding: 0 !important;
  }
  
  .texte-riche ul.liste-fleche ul li {
      padding: 0 0 0 13px !important;
  }
  
  .texte-riche ul.liste-fleche li:before {
    left: -41px;
    width: 29px;
    height: 25px;
    top: 1px;
  }
  
  .texte-riche ul.liste-fleche ul li:before {
      left: 0;
      top: 4px;
      width: auto;
      height: auto;
  }
  
  .texte-riche ol li {
    margin-bottom: 0;
    padding-left: 18px;
  }
  
  .texte-riche ol li:before {
    left: 0;
  }
  
  .texte-riche blockquote {
    margin-left: 37px;
    margin-top: 21px;
    padding: 11px 0 12px 39px;
  }
  
  .texte-riche img.align-left {margin: 0 16px 7px 0;}
  
  .texte-riche img.align-right {margin: 0 0 7px 16px;}
  
  .texte-riche .caption > * {
    padding: 0 0 6px 0;
    margin-bottom: 3px;
  }
  
  .ckeditor-accordion-container > dl dt > a {
    padding: 16px 66px 13px 22px;
  }
  
  .ckeditor-accordion-container > dl dd {
    padding: 16px 33px 14px 22px;
  }
  
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    left: auto;
      right: 13px;
      width: 34px;
      height: 34px;
      top: 7px;
      padding: 0;
  }
  
  .texte-riche hr {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  
  .texte-riche .une-date-echeance {
    margin-bottom: 20px;
  }
  
}




@media screen and (max-width: 1314px) {
  
  .container-bt-partage {
    top: 14vw;
    left: 0;
    height: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 0;
    padding-left: 0vw;
  }
  
  .container-bt-partage.clicked {
    width: 251px;
    padding-left: 30px;
  }
  
  .container-bt-partage button,
  .container-bt-partage a {
    width: 59px;
    height: 59px;
  }
      
  .container-bt-partage button:after,
  .container-bt-partage a:after {
    height: 47px;
    top: 6px;
  }
  
  .container-bt-partage button.share_facebook {
    width: 49px;
  }
  
  .container-bt-partage button.share_linkedin {
    width: 47px;
  }
      
  .container-bt-partage button.share_twitter {
    width: 53px;
  }
      
  .container-bt-partage a.share_email {
    width: 60px;
    margin-right: 11px;
  }
      
  .container-bt-partage button.opener {
    width: 60px;
  }
  
  #opener-partage {
    top: 14vw;
    left: -30px;
    width: 60px;
    height: 60px;
  }
  
  #opener-partage:after {
    bottom: -16px;
  }
  
  .lien-lire-suite {
       padding: 12px 28px 11px 18px;
       font-size: 12px;
  }
    
  .lien-lire-suite:after {
       top: 10px;
       right: 11px;
       width: 9px;
       height: 16px;
  }
  
  .lien-fond-jaune {
    padding: 24px 37px 22px;
    border-radius: 5px;
    font-size: 12px;
  }
  
  .lien-fond-jaune.lien-fleche-deux {
    padding-right: 53px;
  }
  
  .lien-fond-jaune.lien-fleche-deux:hover {
    padding-left: 51px;
    padding-right: 38px;
  }
  
  .lien-fleche-deux:after {
    top: 21px;
    right: 22px;
    width: 17px;
    height: 18px;
  }
  
  .lien-fleche-deux:hover:after {
    right: 13px;
  }
  
  .texte-riche p,
  .texte-riche li,
  .texte-riche blockquote {
    margin-bottom: 9px;
    font-size: 16px;
  }
  
  .texte-riche p.note {
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .texte-riche .chapeau,
  .texte-riche h2.chapeau {
    margin-bottom: 37px;
    font-size: 25px;
  }
  
  .texte-riche h2,
  .texte-riche h3.like-hdeux {
    font-size: 23px;
    margin-bottom: 9px;
  }
  
  .texte-riche h3,
  .texte-riche h4.like-htrois {
    font-size: 23px;
    margin-bottom: 11px;
  }
  
  .texte-riche h4,
  .texte-riche h5.like-hquatre {
    font-size: 19px;
    margin-bottom: 7px;
  }
  
  .texte-riche h5 {
    font-size: 17px;
    margin: 0;
  }
  
  .texte-riche h2.titre-souligne:before {
    top: 18px;
    left: -3px;
    width: calc(100% + 6px);
  }
  
  .texte-riche .pave,
  .texte-riche div.sources {
    padding: 18px 16px 18px 20px;
    margin-bottom: 0;
  }
  
  .texte-riche .lien-fleche,
  .texte-riche .lien-fleche-gros {
    padding: 0 0 0 16px;
    margin-bottom: 2px;
  }
  
  .texte-riche .lien-fleche-gros {
    font-size: 28px;
    padding-left: 39px;
  }
  
  .texte-riche .lien-fleche:before,
  .texte-riche .lien-fleche-gros:before {
    width: 7px;
    height: 12px;
    top: 8px;
  }
  
  .texte-riche .lien-fleche-gros:before {
    width: 29px;
    height: 25px;
  }
  
  .texte-riche .lien-fleche:hover:before,
  .texte-riche .lien-fleche-gros:hover:before {left: 3px;}
  
  .texte-riche .pave .lien-fleche:before,
  .texte-riche div.sources .lien-fleche:before {
    width: 9px;
    height: 13px;
  }

  .texte-riche .file {
    padding: 0 29px 0 0;
    margin-bottom: 2px;
  }
  
  .texte-riche .file:after {
    width: 20px;
    height: 18px;
    top: 3px;
  }
  .texte-riche .file:hover:after {
    right: -3px;
  }
  

  .texte-riche ul,
  .texte-riche ol {
    margin-bottom: 22px;
  }
  
  .texte-riche > ul,
  .texte-riche > ol {
    margin-bottom: 9px;
  }
  
  .texte-riche ul li {
    padding: 0 0 0 16px !important;
    position: relative;
  }
  
  .texte-riche ul ul,
  .texte-riche ol ol {
    margin-bottom: 0;
  }
  
  .texte-riche ul li:before {
    top: 5px;
    font-size: 42px;
  }
  
  .texte-riche ul ul li {
    font-size: 1em;
    padding: 0 0 0 13px !important;
  }
  
  .texte-riche ul ul li:before {
    font-size: 37px;
  }
  
  .texte-riche ul ul ul li:before {
    font-size: 32px;
  }
  
  .texte-riche ul.liste-fleche li {
    padding: 0 !important;
  }
  
  .texte-riche ul.liste-fleche ul li {
    padding: 0 0 0 13px !important;
  }
  
  .texte-riche ul.liste-fleche li:before {
    left: -41px;
    width: 29px;
    height: 25px;
    top: 1px;
  }
  
  .texte-riche ul.liste-fleche ul li:before {
      left: 0;
      top: 4px;
      width: auto;
      height: auto;
  }
  
  .texte-riche ol li {
    margin-bottom: 0;
    padding-left: 18px;
  }
  
  .texte-riche ol li:before {
    left: 0;
  }
  
  .texte-riche blockquote {
    margin-left: 37px;
    margin-top: 21px;
    padding: 11px 0 12px 39px;
  }
  
  .texte-riche blockquote,
  .texte-riche blockquote p {
    font-size: 27px;
  }
  
  .texte-riche img.align-left {
    margin: 0 16px 7px 0;
  }
  
  .texte-riche img.align-right {
    margin: 0 0 7px 16px;
  }
  
  .texte-riche .caption > * {
    padding: 0 0 6px 0;
    margin-bottom: 3px;
  }
  
  .texte-riche .caption > figcaption {
    font-size: 12px;
  }
  
  .ckeditor-accordion-container > dl dt > a {
    font-size: 14px;
    padding: 16px 66px 13px 22px;
  }
  
  .ckeditor-accordion-container > dl dd {
    padding: 16px 33px 14px 22px;
  }
  
  .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    left: auto;
    right: 13px;
    width: 34px;
    height: 34px;
    top: 7px;
    padding: 0;
  }
  
  .texte-riche hr {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  
  .texte-riche .une-date-echeance {
    margin-bottom: 20px;
  }
  
  
  #un-tem-autres-pages .col-un {
    width: 153px;
    padding-top: 20px;
  }
  
  #un-tem-autres-pages .col-deux {
      width: 100%;
      float: left;
      border-radius: 0;
      border: none;
      padding: 0;
      margin-left: -153px;
  }
  
  #un-tem-autres-pages .col-deux > div {
    margin-left: 153px;
    border-radius: 10px;
    border: 1px solid rgba(26,30,35,0.2);
    padding: 33px 37px 32px;
  }
  
  body.page-node-type-jpa-services #un-tem-autres-pages .col-deux:before {
    left: 142px !important;
    top: 75px;
  }
  
  #un-tem-autres-pages h2 {
    margin-bottom: 7px;
    font-size: 20px;
  }
  
  #un-tem-autres-pages .fonction {
    margin-bottom: 29px;
    font-size: 12px;
  }
  
  #un-tem-autres-pages .texte {
    font-size: 16px;
  }
  
}





@media screen and (max-width: 1270px) {
  
  .texte-riche .une-date-echeance .col-un {
      float: none;
      width: auto;
      padding-right: 0;
      margin-bottom: 30px;
      margin-top: 54px;
  }
  
  .texte-riche .une-date-echeance .col-deux {
      float: none;
      width: auto;
  }
  
  .texte-riche .une-date-echeance {
      margin-bottom: 40px;
  }
  
}





@media screen and (max-width: 1200px) {
  
  body.page-node-type-jpa-services .cont-un-tem-autres-pages {
    padding: 90px 0 !important;
  }
  
}





@media screen and (max-width: 920px) {
  
 .avec-col-droite .layout-content {
    width: 100%;
     margin-right: -258px;
  }
  
  .avec-col-droite .layout-content > div {
    margin-right: 302px;
  }
  
  .avec-col-droite .layout-sidebar-right {
    width: 258px;
  }
  
  .cont-un-tem-autres-pages {
    width: auto;
  }
  
}





@media screen and (max-width: 890px) {
  
  h1 {
    font-size: 40px;
    margin-bottom: 32px;
  }
  
}




@media screen and (max-width: 800px) {
  
  #main.avec-col-droite {
    padding-top: 43px;
  }
  
  .avec-col-droite .layout-content {
    width: auto;
    margin-right: 0;
    float: none;
  }
  
  .avec-col-droite .layout-content > div {
    margin-right: 0;
  }
  
  .avec-col-droite .layout-sidebar-right {
    width: auto;
    float: none;
  }
  
  #opener-partage,
  .container-bt-partage {
    top: 21vw;
  }
  
}




@media screen and (max-width: 740px) {
  
  .cont-bloker-resp-un {
    padding: 0 42px;
  }
  
}






@media screen and (max-width: 555px) {
  
  .cont-bloker-resp-un {
      padding: 0 30px;
  }
  
 .texte-riche ul.liste-fleche li:before {
    left: -37px;
  }
  
  #opener-partage {
    left: -25px;
  }
  
  .container-bt-partage {
    left: 5px;
  }
  
  .texte-riche blockquote {
    margin-left: 0;
  }
  
  #un-tem-autres-pages .col-un {
      padding-top: 0;
      float: none;
      margin: 0 auto 20px;
      width: 121px;
  }
  
  #un-tem-autres-pages .container-image {
      width: auto;
  }
  
  #un-tem-autres-pages .col-deux {
      width: auto;
      float: none;
      margin-left: 0;
  }
  
  #un-tem-autres-pages .col-deux > div {
      margin-left: 0;
  }
  
  body.page-node-type-jpa-services #un-tem-autres-pages .col-deux:before {
      transform: rotate(90deg) translateY(6px) !important;
      left: 50% !important;
      top: -17px;
  }
  
}





@media screen and (max-width: 450px) {
  
  .texte-riche blockquote {
    padding-left: 27px;
  }
  
}