.s { display:inline-block;font-size:9px; }
.mh { margin-top:5px; }
.tc { text-align:center; }
.l { float:left;text-align:left; }
.lr { float:left;text-align:right; }
.r { float:right;text-align:right; }
.rl { float:right;text-align:left; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
h5 {
  font-size:20px; 
}
.content.giant, .content.g {
  font-size:3.65vw; 
}
.content.big, .content.b {
  font-size:1.5vw; 
}
.content.medium, .content.m {
  font-size:1vw; 
}
.content.small, .content.s {
  font-size:0.8vw; 
}
.encart {
  clear:both;
  padding-top:15px;
}
.sommaire {
  border:3px orange groove; 
  padding:5px 5px 25px;
  border-radius:30px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.16), 0 4px 6px rgba(0,0,0,0.45); 
}
.sommaire .a1 {
  font-size:1vw; 
  margin-left:0;
}
.sommaire .a2 {
  font-size:0.8vw; 
  margin-left:1vw;
}
.sommaire .a3 {
  font-size:0.75vw; 
  margin-left:1.8vw;
}
.sommaire .a4 {
  font-size:0.7vw; 
  margin-left:2.8vw;
}
.sommaire .a5 {
  font-size:0.65vw; 
  margin-left:3.8vw;
}
.sommaire .a6 {
  font-size:0.6vw; 
  margin-left:4.8vw;
}
.sommaire h5{
  padding:0;margin:0;
}
* {
  padding:0;
}
@font-face { 
  font-family: 'LogoFont';
  src: local('Segoe script'), url(/fonts/segoesc.ttf); 
}
@font-face {
  font-family: 'TitleFont';
  src: url(/fonts/gilmer-light.otf);
}
@font-face {
  font-family: 'TextFont';
  src: url(/fonts/gilmer-light.otf);
}
@font-face {
  font-family: 'MenuFont';
  src: url(/fonts/gilmer-light.otf);
}
h1 {
  font-size:1.8vw; 
  color:#000; 
  margin:0;
}
.oblig {
  width:450px;
  margin:auto;
}
body  {
  -webkit-text-size-adjust: 100%;
  background-color:#000;
  text-align:center;
  font-size:12px;
  color:#000000;
  margin:0 0 15px 0; 
  padding:0 1%; 
  background-image:url(images/fond.gif);
  background-color:#2d3f5e; 
  text-align:center;
  font-size:14px;
  color:#3F77AF;
  font-size:12px;
  color:#3F77AF;
  height:90%;
  font-family:TextFont, comic sans ms,arial,helvetica;
}
@media only screen and (max-width: 1420px) { 
  body {
    padding:0 1%;
  }
}
a:hover { text-decoration:none; }
h1, h2, h3, h4, h5, h6 {
  font-family:TitleFont;
}
.doc  {
  margin:auto;
  border:1px #a79135 solid; 
  border-bottom:none;
  border-top:none;
  box-shadow: 3px 5px 5px #a39141;
}
.doc:last-of-type { 
  border-radius: 0 0 25px 25px;
  border-bottom:1px #a79135 solid;
  width:100%; 
}
.doc:first-of-type { 
  border-radius: 25px 25px 0 0;
  border-top:1px #a79135 solid;
  border-bottom:none;
}
.top  {
  text-align:left;
  border-radius:25px 25px 0 0; 
  padding: 25px 0 0 45px; 
}
.bottom {
  position: relative; 
  height:20px;
}
.bottom > div:first-child {
  float:left;padding-left:3px;z-index:0;
}
.bottom > div:nth-of-type(2) {
  float:left;z-index:0;padding-left:11vw;
}
.bottom > div:nth-of-type(3) {
  float:left;z-index:0;padding: 0 0 0 10vw;
	font-size: 0.7vw;
	font-weight: normal;
}
.bottom > div:nth-of-type(4) {
  z-index:0;
}
.left_col  {
  display:table-cell;
  vertical-align:top;
  width:21%;
  padding:0;
  margin:0;
  text-align:center; 
  font-size: 1.7vw;
  padding-left:15px; 
}
.right_col  {
  display:none;
  vertical-align:top;
  width:1px;
  padding:5px;
  border:1px solid #fff;
  border-left:none;
  border-bottom:none;
  background-color:#CDBFFF;
  color:#FFFFFF;
  font-size:12px;
  text-align:center;
}
.content  {
  display: table-cell;
  color:#000;
  text-align:left;
  padding:0 1vw; 
  font-size: 1vw;
  font-family:TextFont, comic sans ms,arial,helvetica;
  border:none; 
}
.ta_l {
  text-align:left;
}
.ta_r {
  text-align:right;
}
.ta_c {
  text-align:center;
}
.ta_s {
  text-align:start;
}
.ta_e {
  text-align:end;
}
.ta_j {
  text-align:justify;
}
.ta_a {
  text-align:justify-all;
}
.table {
  display:table;
  margin:auto;
  width:100%;
  height:100%;
  position:relative;
}
.table, .top { 
  background-size:contains;
  background-color:#fcfbf0; 
  background-repeat:no-repeat;
  background-position:top center;
  background-attachment: fixed;
}
.bando-haut-cont {
  display:none; 
}
.bando-haut {
height:1vw;
padding:0.5vw;
border-radius: 0px 0px 0px 16px;
-moz-border-radius: 0px 0px 0px 16px;
-webkit-border-radius: 0px 0px 0px 16px;
border: 0px solid #000000;
background: #ffa84c;
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
}
.content a:active, .content a:link, .content a:visited {
  color:#000; 
  font-weight:normal;
  text-decoration:underline;
}
.content a:hover  {
  color:#000; 
  text-decoration:none;
}
.content img {
  border-radius:15px;
  vertical-align: top; 
}
.content img.center {
  margin:auto;
  display:block;
}
.content img.left {
 width:20vw;
 float:left;
 margin-right:1.5vw;
 border-radius:15px;
}
.content img.giant, .content img.g {
  width:50vw;
}
.content img.big, .content img.b {
  width:30vw;
  mask-image:linear-gradient(180deg, transparent 0%, black 50%, transparent 100%);
  mask-image:linear-gradient(180deg, transparent 0%, black 30%, black 60%, transparent 100%),
linear-gradient(90deg, transparent 0%, black 30%, black 90%, transparent 100%)
  ;
  mask-composite:intersect;
}
.content img.medium, .content img.m {
  width:10vw;
}
.content img.small, .content img.s {
  width:5vw;
}
.content img.right, .content img.r {
 float:right;
 margin-left:1.5vw;
}
.cent_p, .cent_m, .cent_g { 
  width:100%;height:200px;background-size:cover;border-radius: 25px;
}
.cent_p {
  height:200px;
}
.cent_m {
  height:350px;
}
.cent_g {
  height:500px;
}
.link_menu { 
background-repeat: repeat-y;
background-position: left -5vw;
background-size: 100% 950px;
background-image: linear-gradient(to bottom, rgba(200,200,200, 0), rgba(11,11,11, 0.83)), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-adrien-olichon-1257089-2387793.jpg'); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
opacity:1;border-radius:0 0 51px 51px;padding:0;margin:0;
}
.link_menu .on, .link_menu .on:visited, .link_menu .on:link, .link_menu .on:active, .link_menu .level1on, .link_menu .level1on:visited, .link_menu .level1on:link, .link_menu .level1on:active,
.link_menu .on a, .link_menu .on a:visited, .link_menu .on a:link, .link_menu .on a:active, .link_menu .level1on a, .link_menu .level1on a:visited, .link_menu .level1on a:link, .link_menu .level1on a:active
 {
  font-weight:bold;
  color:red;
}
.zap {
  display:block;
  position:relative;
}
.zap:after
{
    content: "";
    position: absolute;
	top:0; 
    width: 60%; 
    height: 100%;
background-size: cover;  
background-repeat: no-repeat;
background: linear-gradient(-45deg, #f79d2c 75%, transparent 77%),  linear-gradient(45deg, transparent 23%, #f79d2c 25%);
}
.link_menu p { 
}
.link_menu a {
  font-family:MenuFont, comic sans ms,arial,helvetica;
  color:#fff;
  display: block;
  text-decoration:none;
  padding:0.5vw;
  border-bottom:1px #949494 solid;
	text-transform: uppercase;
	background-position: none;
	background: linear-gradient(-90deg, rgba(253, 142, 41, 0), #8a8a8a, rgba(253, 142, 41, 0)) bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
	border: none;
	cursor: pointer;
text-transform: lowercase;
}
.newsletter > p:first-of-type, .bouton-visite:hover button::first-letter, .link_menu a::first-letter, h2::first-letter, .sommaire h5::first-letter {
  font-weight: bold;
  color: #e5b223;
  text-transform: uppercase;
text-shadow:
  1px 1px 2px #a48811,
  0 0 1em grey,
  0 0 0.2em grey;
  background: radial-gradient(ellipse at center, #443501 0%,#000000 100%);
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
  font-family: 'Playfair Display', serif;
    position: relative;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
}
.newsletter {
}
.newsletter > p::first-letter {
  font-size:2vw;
}
.newsletter > p:first-of-type {
    padding:15px 15px 0 15px;
  text-align:justify;
  text-shadow:
    1px 1px 2px #a48811,
    0 0 1em #000,
    0 0 0.2em #000;
}
.newsletter > p:first-of-type::after, .bouton-visite:hover button::first-letter::after, .link_menu a::first-letter::after, h2::first-letter::after, .sommaire h5::first-letter::after{
    background: none;
    content: attr(data-heading) / "";
    left: 0;
  top: 0;
    z-index: -1;
    position: absolute;
    text-shadow:
    -1px 0 1px #c6bb9f,
    0 1px 1px #c6bb9f,
    5px 5px 10px rgba(0, 0, 0, 0.4),
    -5px -5px 10px rgba(0, 0, 0, 0.4);
}
.link_menu li:last-child a {
	border-bottom: none;
}
.link_menu .level1 {
  color:#1865ce;
  padding-left:2em;
}
.link_menu a:hover  {
  background-color:grey;
  color:gold; 
  background-position:-200px 0;
}
.link_infos {
  background:url(images/liens/liens_infos.gif);
}
.titre {
  margin:0;
  height:22px;
  background-repeat:no-repeat;
}
.bottom  {
border-radius: 0px 0px 16px 16px;
border: 0px solid #000000;
background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
                background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 15%, #5d4a1f 62.5%, #5d4a1f 100%);
text-align:center;
padding:0.5vw;
font-size:0.9vw;
font-weight:bold;
color:#d1ba56;
}
.bottom a:link, .bottom a:visited {
  text-decoration:none;
  color:#dec55b;
}
.bottom a:hover  {
  text-decoration:underline;
  color:#FFF;
}
.mentions-legales{
}
.copyright {
  text-align:right;padding-right:3px;
}
h3 {
  font-size:1.5vw;
}
h2, .sommaire h5  { 
  font-size:1.7vw;
  color:#000;
  margin:0;
  padding:0;
  border-bottom:1px #000 solid;
  background: #FFEFBA;
  background-size: contains, contains, contains;
  border-radius:21px;
  background: linear-gradient(to bottom,  rgba(249, 198, 103, 1) 0%,rgba(247, 150, 33, 1) 100%), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-adrien-olichon-1257089-2387793.jpg');
background-image: linear-gradient(to bottom, rgba(200,200,200, 0.1), rgba(11,11,11, 0.83)), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-slendyalex-3648850.jpg'); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
opacity: 0.9;
background-attachment: fixed;
	text-align: center;
	color: #fff; 
	text-shadow: 1px 1px 1px #000; 
  padding-bottom:1.5vh;
}
h2::first-letter, .sommaire h5::first-letter {
  font-size:2vw;
  font-weight: bold;
}
img  {
  border:none;
}
.link_menu .news {
  background-color:red;
  color:#ffffff;
}
.contact div {
  clear: both;
}
.contact p {
  padding:3px;
  width: 20%;
  float:left;
  text-align:right;
}
.contact i {
  display:block;
  float:left;
}
.contact textarea {
  width:320px;
  height:200px;
}
#mobile-cont, #mobile-footer-cont {
  clear:both;
  position:relative;
}
#mobile-footer {
  background-color: #fcfbf0;
}
.bouton-visite {
    position:fixed;
    cursor:pointer;
    white-space: nowrap;
    font-size:1.5vw;
    right:5.45vw;
    top:0.3vw;
    z-index:2;
}
#mobile-footer .bouton {
  display:block;
  width: 100px;
  height:35px;
  position:absolute;
  left: 0;
  top: -20px;
  padding:0;
}
#mobile-footer .btnimg {
  border:none;
  width:100px;
}
#mobile-footer a:not(.button-71, .bouton-suiv) {
  text-decoration:none;
  background-color: orange;
  color:#ffffff;
  padding:5px;
}
#mobile-footer .bouton-suiv {
  background-color: orange;
}
#mobile {
  height:46px; 
  display:none;
}
#mobile form {
  margin:0;
  padding:0;
}
#mobile p {
  padding:9px 0 0 13px;
  float: left;
  text-align:center;
  margin:auto;
}
#mobile .l, #mobile .r {
  margin:5px 5px;
  padding:0;
  width:40px;
  height:36px;
}
#mobile .r {
  float: right;
  position:relative;
}
#mobile .bouton {
  display:block;
  width: 70px;
  height:35px;
  position:absolute;
  left: -120px;
  top: -20px;
}
#mobile .btnimg {
  border:none;
  width:100px;
}
#mobile_prev, #mobile_next {
  display:none;
  border:none;
  background:none;
  height:36px;
  width:40px;
}
#mobile_prev {
  background-image:url(images/fleche_gauche.png);
}
#mobile_next {
  background-image:url(images/fleche_droite.png);
}
.sticky, .sticky-footer, .sticky-arrow {
  position: fixed;
  width: 100%
}
.sticky-arrow {
  font-size:10vw;
  display:block;
  right:0;
  bottom:30%;
}
.sticky {
  top: 0;
}
.sticky-footer {
  bottom: 0;
}
#mobile-footer {
  display:none;
}
.flags {
  display:none;
  clear:both;
  height:40px;
  background-color:#fff;
  padding-top:5px;
}
.flags-cont {
  width:350px;margin:auto;
}
.flags-cont p {
  float:left;font-size:9px;margin:0 5px;
}
.flagsheader {
  float:right;
}
.flagsheader a{
  display:block;
  float:left;
  width:2.5vw;
  height:1.5vw;
  margin-left:5px;
  background-size:cover;
}
.flm{ 
  margin-top:5px;
}
.us{
  background:url('https://www.montmartre-site.com/test/english-version.jpg');
}
.uk{
  background:url('https://www.montmartre-site.com/test/la-version-anglaise.jpg');
}
.cn{
  background:url('https://www.montmartre-site.com/test/chinese-flag.jpg');
}
.tw{
  background:url('https://www.montmartre-site.com/test/taiwan-flag.jpg');
}
.es{
  background:url('https://www.montmartre-site.com/test/drapeau-espagne.jpg');
}
.it{
  background:url('https://www.montmartre-site.com/test/bandiera-italiana.jpg');
}
.de{
  background:url('https://www.montmartre-site.com/test/drapeau-allemand.jpg');
}
.nl{
  background:url('https://www.montmartre-site.com/test/drapeau-neerlandais.jpg');
}
.slidecont {
  position:relative;
  clear:both;
  height:30vw;
}
.slideshow {
  opacity:0.5;
  position:absolute;
  width:100%;
  height:30vw;
  background:
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg" class="cent_g" style="background-image:url('https://www.jbax.fr/users/webmaster2025/images_site/21884/dolphin-2687078_1280.jpg") no-repeat,
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg" class="cent_g" style="background-image:url('https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg") no-repeat,
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg" class="cent_g" style="background-image:url('https://www.jbax.fr/users/webmaster2025/images_site/21884/wallet-3200395_1280.jpg") no-repeat
  ;
  background-size:
    contain, cover,
    contain, cover,
    contain, cover
  ;
  background-position:
	  50%, 0 40%,
      50% calc(50% + 30vw), 0 200%,
	  50% calc(50% + 60vw), 0 300%
  ;
}
.slideshow-730 {
  background: url("https://www.montmartre-site.com/test/photo4.jpg") no-repeat;
  background-size:cover;
  background-position:0 40%;
}
.slideshow.slideshow0 {
    background-position:
	  50%, 0 40%,
      50% calc(50% + 30vw), 0 200%,
	  50% calc(50% + 60vw), 0 300%
	  !important
	;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.slideshow.slideshow1 {
    background-position:
      50% calc(50% + 60vw), 0 500%,
	  50%, 0 20%,
	  50% calc(50% + 60vw), 0 200%
	  !important
	;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.slideshow.slideshow2 {
    background-position:
      50% calc(50% + 60vw), 0 500%, 
	  50% calc(50% + 60vw), 0 300%,
	  50%, 0 60%
	  !important
	;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.slidepix {
  z-index:5;
  left:0;
  top:0;
  width:100%;
  height:30vw;
  background-size: contain;
  background-position: 50%;
  opacity:0;
}
.slidepix::before {
  content: "";
  font-size:1.5vw;
  background-color: #ffffff
  color: #000000;
  font-weight: bold;
  border-radius:3vw;
  position: absolute;
  display: block;
  top: 85%;
  left:50%;
 -webkit-transform: translate(-50%);
 -moz-transform: translate(-50%);
 -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);
}
.slidepix.slidepix0::before {
  content: "Visite insolite de Montmartre";
}
.slidepix.slidepix1::before {
  content: "Visite scolaire de Montmartre";
}
.slidepix.slidepix2::before {
  content: "Guides specialistes de Montmartre";
}
.slidepix.slidepix0, .slidepix.slidepix1, .slidepix.slidepix2 {
  opacity:1;
  transition:5s;
}
.slidepix.slidepixb0, .slidepix.slidepixb1, .slidepix.slidepixb2 {
  opacity:0;
  transition:1s;
}
.slidepix.slidepix0 {
  background: url("https://www.montmartre-site.com/test/visite-guidee-Montmartre-devant-le-Passe-Muraille-avec-les-masques.jpg") no-repeat;
  background-size: contain;
  background-position: 50%;
}
.slidepix.slidepix1 {
  background: url("https://www.montmartre-site.com/test/dorothee-guide-montmartre-devant-cabaret-du-lapin-agile.jpg") no-repeat;
  background-size: contain;
  background-position: 50%;
}
.slidepix.slidepix2 {
  background: url("https://www.montmartre-site.com/test/robert-en-visite-a-montmartre.jpg") no-repeat;
  background-size: contain;
  background-position: 50%;
}
.circle {
  position:absolute;
  left:50%;
  top:95%;
  background-color:#ffffff;
  margin:0;padding:0;
  border-radius:5vw;
  padding:0.5vw 0.5vw 0.5vw 0;
 -webkit-transform: translate(-50%);
 -moz-transform: translate(-50%);
 -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);
}
.circle p {
  cursor:pointer;
  float:left;
  width:1vw;
  height:1vw;
  border-radius:5vw;
  background-color:grey;
  margin:0 0 0 0.5vw;
}
.circle p:hover, .circle p.on {
  background-color:#000000;
}
.slideshow2025 {
  background:
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/dolphin-2687078_1280.jpg") no-repeat,
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg") no-repeat,
    url("https://www.jbax.fr/users/webmaster2025/images_site/21884/wallet-3200395_1280.jpg") no-repeat
  ;
  background-size:
    cover,
    cover,
    cover
  ;
  animation: slide-boucle 12s ease infinite 0s;
}
@keyframes slide-boucle {
  0%, 16.67% {
    transform: translate(0,0,0,0,0,0);
  }
  25%, 41.67% {
    transform: translate(0,-100%,0,0,0,0);
  }
  50%, 66.67% {
    transform: translate(0,-200%,0,-100%,0,0);
  }
  75%, 91.67% {
    transform: translate(0,-300%);
  }
  100% {
    transform: translate(0,-400%);
  }
}
.slideshow2026 {
  border: 5px solid gray;
  animation: slide-boucle2 12s ease infinite 0s;
}
@keyframes slide-boucle2 {
  0% {
    background-image: url("https://www.jbax.fr/users/webmaster2025/images_site/21884/dolphin-2687078_1280.jpg");
  }
  80% {
    background-image: url("https://www.jbax.fr/users/webmaster2025/images_site/21884/lille-1381284_1280.jpg");
  }
  85% {
    background-image: url("https://www.jbax.fr/users/webmaster2025/images_site/21884/wallet-3200395_1280.jpg");
  }
  100% {
    background-image: url("https://www.jbax.fr/users/webmaster2025/images_site/21884/wallet-3200395_1280.jpg");
  }
}
.logo {
  background-size:contains;
  background-repeat:no-repeat;
  background-position:center;
  margin:0;
  opacity:0.8;
  width:100%;
  height:5vw; 
  display:block;
}
.logotitre.header {
  display:none;
}
.logotitre {
  text-align: center;
  font-family: LogoFont, comic sans ms,arial,helvetica;
  padding:0;
  background: #f9c667;
  background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%);
  background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%);
  background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%);
  background-repeat: repeat-y;
  background-size: 100% 950px;
  background-image: linear-gradient(to bottom, rgba(200,200,200, 0), rgba(11,11,11, 0)), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-adrien-olichon-1257089-2387793.jpg'); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  opacity: 1;
  border-radius:51px 51px 0 0;
  border:none;
}
.logo-anim {
  animation: runlogo 1.5s linear forwards;
}
.logotitre.sticky span { 
  display:inline-block;
  margin-top:1vw;
}
@keyframes runlogo {
    0% { font-size:2vw; top: -20%;}
    100%{ font-size:2vw; top : 0;}
}
.logotitre a, .logotitre a:active, .logotitre a:link, .logotitre a:visited{
  text-decoration:none;
  font-family: LogoFont, comic sans ms,arial,helvetica;
  display:block;
  clear:both;
  font-size:1.8vw; 
  color:#f79f2e; 
  text-shadow: 0.5px 0.5px 1px #023b96; 
  text-shadow: 2px 2px 4px #4ca0de;
  text-shadow: 1px 1px 2px #4ca0de;
  width:100%;
  height:100%;
  opacity:1;
}
.logotitre a::first-letter{
  color:#OOO;
}
.logo {
  position:relative;
}
.logo::after {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background-color: #000;
  left:0;
  top:0;
  z-index:0;
	background-repeat: repeat-y;
	background-size: 100% 950px;
	background-image: linear-gradient(to bottom, rgba(200,200,200, 0), rgba(11,11,11, 0)), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-adrien-olichon-1257089-2387793.jpg');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
	opacity: 1;
  border-radius: 51px 51px 0 0;
	border: none;
}
.logo a {
  background-color: #000;
  background:url('https://www.jbax.fr/users/webmaster2025/images_site/21884/logo_jbax_2.svg');
  background-size: 150px 100px;
  background-position: top -550px;
  background-repeat: no-repeat;
  position:relative;
  z-index:2;
  animation: 2s ease 0s 1 normal forwards running myAnim, blink2 2s ease 2s 1 normal forwards, 3s ease-in 5s infinite alternate forwards hide;
  animation-duration: 2s, 2s, 0.3s;
  animation-delay: 0s, 2s, 4s; 
}
.logotitre a::after, .logotitre a:visited::after, .logotitre a:link::after, .logotitre a:active::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('https://www.jbax.fr/users/webmaster2025/images_site/21884/logo_jbax_1.svg');
  background-size: 150px 100px;
  background-position: top 550px;
  background-repeat: no-repeat;
  z-index:1;
  animation: 2s ease 0s 1 normal forwards running myAnim2, blink 2s ease 2s 1 normal forwards, 9s ease-in 5s infinite alternate forwards slidein;
}
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}
	100% {
		opacity: 1;
		transform: translateX(130px);
	}
}
@keyframes myAnim2 {
	0% {
		opacity: 0.1;
		transform: translateX(1250px);
	}
  90% {
		opacity: 0.7;
		transform: translateX(0px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes blink { 
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
@keyframes blink2 { 
	0%,
	100% {
		opacity: 1;
	}
}
@keyframes hide {
	0%,
	100% {
		background: url('');
	}
}
@keyframes tremble {
	0% {
    background-position: 0 550px;
	}
	10% {
    background-position: -10px 500px;
	}
	20% {
    background-position: 10px 500px;
	}
	30% {
    background-position: -10px 600px;
	}
	40% {
    background-position: 10px 600px;
	}
	50% {
    background-position: -10px 500px;
	}
	60% {
    background-position: 10px 500px;
	}
	70% {
    background-position: -10px 600px;
	}
	80% {
    background-position: -10px 500px;
	}
	90% {
    background-position: 10px 500px;
	}
	100% {
    background-position: 10px 550px;
	}
}
@keyframes bouge {
  from { transform: translateX(130px); }
  to   { transform: translateX(-300px); }
}
@keyframes bouge2 {
  from { transform: translateX(0px); }
  to   { transform: translateX(800px); }
}
@keyframes slidein {
  0% {
    left:0;
	}
  100% {
    left:-230px;transform: rotateY(150deg);
	}
}
@keyframes slidein {
  0% {
    left:0;
	}
  50% {
    left:-210px;transform: rotateY(180deg);
	}
  100% {
    left:-210px;transform: rotateY(180deg);
	}
}
@keyframes slidein {
  0% {
    left:0;
  }
  25% {
    left:-210px;transform: rotateY(90deg);
  }
  50% {
    left:-150px;transform: rotateY(180deg);
  }
  75% {
    left:-50px;transform: rotateY(0deg);
  }
}
@keyframes slidein {
  0% {
    left:0;
  }
  25% {
    left:-150px;transform: rotateY(90deg);
  }
  50% {
    left:-200px;transform: rotateY(180deg);
  }
  75% {
    left:0px;transform: rotateY(0deg);
  }
  100% {
    left:-200px;transform: rotateY(180deg); 
  }
}
.img-vign { 
  cursor:pointer; 
}
.bouton-anim {
  animation: runbouton 1.5s linear forwards;
}
@keyframes runbouton {
    0% { top: -20%;}
    100%{ top : 0;}
}
@keyframes change {
  0%   {background-position: 0 50%;}
  50%  {background-position: 100% 50%;	}
  100% {background-position: 0 50%;}
}
.fleche-haut {
  cursor: pointer;
  font-size:0.1vw;
  position:fixed;
  right:-20%;
  top:70%;
  z-index:1;
  background-color:grey;
  opacity: 0.5;
  width:3vw;
  height:3vw;
  border-radius:0.5vw;
}
.fleche-haut p {
  margin:1.3vw 1.1vw;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); 
}
.fleche-haut-anim {
  animation: runflechehaut 1.5s linear forwards;
}
@keyframes runflechehaut {
  0% { right: -20%;}
  100%{ right : 1%;}
}
.arrow {
  border: solid white;
  border-width: 0 30px 30px 0;
  display: inline-block;
  padding: 30px;
  position:absolute;
  cursor:pointer;
}
.left {
  left:0;
  top:50%;
  z-index:2;
}
.cross{
visibility:hidden;
position:absolute;
right:30px;
top:0;
z-index:2;
width:15px;
    cursor:pointer;
    color: #fff;
    border: 2px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}
.cross:before {
	position:absolute;
	left:0px;
	top:8px;
    content: "�";
}
.social {
  float:right;
}
.social-anim {
  position:absolute;
}
@keyframes runsocial {
    0% { position:fixed;top:55vw;}
    100%{ position:fixed;top:49vw;}
}
.social a {
  width:4vw;
  height:4vw;
  display:block;
  float:left;
  margin-left:5px;
  background-size: cover;
  opacity: 1;
  border-radius:25px;
  border:1px #000000 dashed;
}
.social2 {
  position:absolute;
  right:0;
  bottom:0.3vw;
  height:1.5vw;
  padding-right:1vw;
}
.social2 a {
  width:1.5vw;
  height:1.5vw;
  display:block;
  float:right;
  margin-left:5px;
  background-size: cover;
  opacity: 1;
  border-radius:25px;
  border:1px #000000 dashed;
}
.tube{
  background-image:url("/images/rs/youtube2.svg");
  background-position:40% center !important;
}
.book{
  background-image:url("/images/rs/facebook.svg");
}
.gram{
  background-image:url("/images/rs/instagram.svg");
}
.twitter{
  background-image:url("/images/rs/x.svg");
}
.tiktok{
  background-image:url("/images/rs/tiktok.svg");
}
.pint{
  background-image:url("/images/rs/pinterest.svg");
}
.linked{
  background-image:url("/images/rs/LinkedIn-Icon-Logo.wine.svg");
  background-position:30% center !important;
  background-size: 170% 170% !important;
  background-repeat:no-repeat;
}
.menu {
  margin:0 0 1.1vw 1.1vw;
  padding:0;
}
.menu-anim {
	animation: run 2s linear forwards; 
}
@keyframes run { 
    0% { left: 0;}
    100%{ left : 15%; top:2%; }
}
ul.link_menu li {
  list-style-type: none;
}
.menu li {
  list-style-type: none; 
  float:left;
  font-size:1.5vw;
  font-weight:bold;
  margin:0 15px;
  position:relative;
  z-index:3;
  opacity:1;
}
.menu a, .menu a:active {
  text-decoration:none;
  color:#33336c;
}
.sub-menu {
  margin:0;
  padding:0;
  position:absolute;
  z-index:1;
  display:none;
  background-color:#FFFFFF;
  border:1px #000000 solid;
}
.sub-menu li {
  margin:0;
  padding:0 1vw;
  float:none;
  white-space: nowrap;
}
nav > ul li:hover {
  background-color: #33336c;
  color:#ffffff;
}
nav > ul li a:hover {
  color:#ffffff;
}
nav > ul li:hover .sub-menu {  
  display:block
}
@keyframes run {
    0% { left: 0;}
    100%{ left : 15%; top:2%; }
}
.alert {
  border:1px #fff dashed;
  border-radius:5px;
  background-color:red;
  color:#fff;
  padding:3px;
}
.alert a{
  color:#fff;
}
#alerteDiv {
  position:fixed;
  left:45%;
  top:35%;
  z-index:111;
}
#alerteDiv p {
  margin:15px;
  font-size:0.5em !important;
}
#alerteDiv > div:first-child {
  text-align:center;
  font-family:impact;
  font-size:19px;
}
#alerteDiv span {
  position:absolute;
  right:3px;
  top:3px;
}
#alerteDiv > div.contenttt {
  border-radius:0;
  padding-bottom:15px;
}
#alerteDiv div.clearfix {
  width:70px;
  font-size:14px;
  margin:auto;
}
.eeentete > div:first-child, div[class^="mmmembre"] > div:first-child, .covercont { 
  position:absolute;
  left:0.3em;
  top:0.3em;
  width:3.4em;
  height:3.4em;
  z-index:1;
  display:var(--entete_cover_display); 
}
.cover, .eeentete > div:nth-child(1) > p, div[class^="mmmembre"] > div:nth-child(1) > p  { 
  border-radius:5px;
  background-color:#6F6F6F;
  border-top:1px #7f9faf solid;
  border-bottom:1px #7f9faf solid;
  border-left:1px #7f9faf solid;
  border-right:1px #7f9faf solid;
}
.eeentete > div:nth-child(1) > p, div[class^="mmmembre"] > div:nth-child(1) > p, .cover {
  width:3.4em;
  height:3.4em; 
}
.cover {
  width:99%;
  height:99%;
}
.cover > a > img {
  border:5px #000000 solid;
}
.fadeout {
  animation-name: fadeout;
  animation-duration: 0.5s;
}
@keyframes fadeout {
  0%   {opacity:1;}
  100% {opacity:0;}
}
.fadein {
  animation-name: fadein;
  animation-duration: 0.5s;
}
@keyframes fadein {
  0%   {opacity:0;}
  100% {opacity:1;}
}
.margeurliste {
  margin:var(--content_liste_margin);
}
.c-h4 { background-color:#7f9db9; }
.c-b4 { background-color:#ffffff;border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
.c-c4b { border-left:1px #7f9db9 solid;border-right:1px #7f9db9 solid; }
.c-cont4, .c-cont4c { border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid; }
.c-cont4b { border-left: 1px #ffffff solid;border-right: 1px #d8d2bd solid;border-top: 1px #ffffff solid;border-bottom: 1px #d8d2bd solid; }
.c-cont4d { border-left: 1px #ffffff solid;border-right: 1px #d8d2bd solid;border-bottom: 1px #d8d2bd solid; }
.c-cont4, .c-cont4b, .c-cont4c, .c-cont4d { background-color:#fff0ff;color:#996666; }
.c-cont4 .t2, .c-cont4b .t2 { color:#000; }
.c-t4 a, .c-t4 a:link, .c-t4 a:active, .c-t4 a:visited,
.c-t4c a, .c-t4c a:link, .c-t4c a:active, .c-t4c a:visited,
.c-cont4 a, .c-cont4b a, .c-cont4c a, .c-cont4d a,
.c-cont4 a:link, .c-cont4 a:active, .c-cont4 a:visited,
.c-cont4b a:link, .c-cont4b a:active, .c-cont4b a:visited,
.c-cont4c a:link, .c-cont4c a:active, .c-cont4c a:visited,
.c-cont4d a:link, .c-cont4d a:active, .c-cont4d a:visited { color:#000; }
.nextprev { 
  font-size:10px;
}
.nextprev a, .nextprev a:active, .nextprev a:visited, .nextprev a:link {
  color:#000;
}
.pagination {
  font-size:1.35em;
  margin-top:0.4em;
}
.content.giant div.pagination {
  font-size:2vw;
}
.content.big div.pagination {
  font-size:1.5vw;
}
.content.medium div.pagination {
  font-size:1vw;
}
.content.small div.pagination {
  font-size:1vw;
}
.pagination.membre_site {
  font-size:var(--pagination_size);
}
.pagination.big {
  font-size:1.5em;
}
.pagination.small {
  font-size:0.7em;
}
.pagination > div:first-child, .pagination > div:nth-child(2) {
  width:35%;
  float:left;
  text-align:left;
  padding:0.5em 0.3em 0 0;
}
.pagination > div:nth-child(2) {
  text-align:right;
  width:64%;
  padding:0;
}
.pagination > div:nth-child(2) a, .pagination > div:nth-child(2) a:active, .pagination > div:nth-child(2) a:visited, .pagination > div:nth-child(2) a:link, .pagination b.s  {
  display:inline-block;
  width:2.5em;
  height:2em;
  background-color:#f0f0ff;
  margin-right:0.1em;
  color:#000;
  text-decoration:none;
  border-radius:5px;
  text-align:center;
  padding-top:0.5em;
}
.pagination > div:nth-child(2) a.off {
  visibility:hidden; 
}
.pagination a.pagi-fl-l, .pagination a.pagi-fl-l:active, .pagination a.pagi-fl-l:visited, .pagination a.pagi-fl-l:link,
.pagination a.pagi-fl-r, .pagination a.pagi-fl-r:active, .pagination a.pagi-fl-r:visited, .pagination a.pagi-fl-r:link,
.pagi-fl-dble-l, .pagi-fl-dble-l:active, .pagi-fl-dble-l:visited, .pagi-fl-dble-l:link,
.pagi-fl-dble-r, .pagi-fl-dble-r:active, .pagi-fl-dble-r:visited, .pagi-fl-dble-r:link  {
  position:relative;
  margin:0;
  padding:0;
}
.pagination a.pagi-fl-l:before, .pagination a.pagi-fl-l:active:before, .pagination a.pagi-fl-l:link:before, .pagination a.pagi-fl-l:visited:before,
.pagi-fl-r:before, .pagi-fl-dble-l:before, .pagi-fl-dble-r:before {
  content:"\2039"; 
}
.pagi-fl-dble-l:before {
  content:"\00AB";
}
.pagi-fl-r:before {
  content:"\203A"; 
}
.pagi-fl-dble-r:before {
  content:"\00BB";
}
#aide {
  position:relative;
  overflow:hidden;
clear:both;border:1px green dashed;border-radius:25px;padding:5px;
display:none;
margin-top:5px;
}
#aide::before, #aide_close {
  content: "Aide";
  z-index:111; 
  padding: 5px 15px;
  position:absolute;
  display: block;
  right:0;
  background-color:green;
  color:#fff;
  width:auto;
  border-radius: 0 25px 0 25px;
  text-decoration:none;
}
#aide::before {
  top:0;
}
#aide_close {
  bottom:0px;
  border-radius: 25px 0 25px 0;
}
[class^="btn"], a[class^="btn"]:active, a[class^="btn"]:visited, a[class^="btn"]:link,
.but-nouveau, a.but-nouveau:active, a.but-nouveau:visited, a.but-nouveau:link,
.but-nouveau-r, a.but-nouveau-r:active, a.but-nouveau-r:visited, a.but-nouveau-r:link { 
  text-decoration:none;
  color:#fff;
}
a[class^="btn"]:active, a.but-nouveau:active, a.but-nouveau-r:active {
  transform: translateY(1px);
}
.bouton-visite button, .bouton-suiv, .content a.button-71, .content a.button-71:active, .content a.button-71:link, .content a.button-71:visited {
  color: #fff;
  text-decoration: none;
}
.bouton-visite button, .bouton-suiv, .button-71, .btn-nouveau, .btn-nouveau-r, .but-nouveau, .but-nouveau-r {
  background-color: #2d3f5e;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-weight: 600;
  font-size: 1.3em;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.bouton-visite button:before, .bouton-suiv:before, .button-71:before, .btn-nouveau:before, .btn-nouveau-r:before, .but-nouveau:before, .but-nouveau-r:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}
.bouton-visite:hover button::first-letter {
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
}
.button-71.bg {
  background-color: green;
}
.cancel {
  background-color: orange;
  opacity:0.2;
}
.but-nouveau, .but-nouveau-r {
  visibility: 'hidden'; 
}
.button-71.small {
  font-size:15px;
  font-weight:normal;
}
.content a.retour {
  padding-right:15px;
  opacity:0.2;
}
.retour::before {
  top:-5px;
  font-size: 2.5em;
  content: "\0025C4";
}
.bouton-visite button:hover, .bouton-suiv:hover, .button-71:hover, .btn-nouveau:hover, .btn-nouveau-r:hover, .but-nouveau:hover, .but-nouveau-r:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
}
.but-enr {
  margin: 0 auto;
  display: block;
  font-weight: bold;
  font-size: 1.3em;
}
@media (min-width: 768px) {
  .button-71, .btn-nouveau, .btn-nouveau-r, .but-nouveau, .but-nouveau-r {
    padding: 16px 48px;
  }
}
.btn-nouveau, .btn-nouveau-r, .but-nouveau, .but-nouveau-r {
  display:inline-block;
  margin:5px auto;
  text-decoration:none;
  color:#fff;
  float:right;
}
.btn-nouveau, .but-nouveau {
  float:left;
}
.btnpage {
font-size:15px;float:right;margin-left:5px;
}
[class^="btn"], a[class^="btn"]:active, a[class^="btn"]:visited, a[class^="btn"]:link { 
  font-size:2.7vw; 
  z-index:5;
  display:block;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(#4e6fa6, #3c8eff 20%, #6699ff 75%, #3c8eff 100%);
  border-top: 1px #4e6fa6 solid;
  border-bottom: 1px #3c8eff solid;
  padding:0.15em;
  border-radius:15px;
  margin:auto;
  cursor:pointer;
  display:inline-block;
}
a[class^="btn"]:active {
  transform: translateY(1px);
}
a.btn-s, a.btn-s:active, a.btn-s:visited, a.btn-s:link  { 
  font-size:10px;
  display:inline-block;
}
.misajour {
position:absolute;right:0;display:inline-block;border-radius:11px;margin-top:5px;padding:5px;background-color:red;color:#fff;font-weight:bold;animation: 5s dissolve 1s forwards;
z-index:9999999999999;top:45px;
}
.misajour_album {
position:absolute;right:10px;bottom:-5px;display:inline-block;border-radius:11px;margin-top:5px;padding:5px;background-color:red;color:#fff;font-weight:bold;animation: 5s dissolve 1s forwards;
}
@keyframes dissolve { 
  0% {
    opacity: 1;
  }
  100% {
    filter: blur(50px);
    opacity: 0;
    display:none;
  }
}
select {
}
select::-ms-expand {
  display: none;
}
.select {
  position: relative;
  width: 20em;
  height: 3em;
  border-radius: .25em;
  overflow: hidden;
}
.select::after {
font-size:10px;
  content: '\25BC';
  position: absolute;
  top: 0em;
  right: 1.1em;
  padding: 1.3em;
  background-color: #34495e;
  transition: .25s all ease;
  pointer-events: none;
}
.select:hover::after {
  color: #f39c12;
}
.select:active::after { 
  transform: rotate(180deg);
}
input[type=password],
input[type=text],
input[type=number] {
}
.form-container {
  width:49%;
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size:1vw;
}
.profiladmin_photo {
  position:absolute;
  right:1.8em;
  top:1.7em;
  display:block;
  width:26%;
  text-align:center;
}
.profiladmin_photo img {
  border:5px black solid;
  display:none;
}
.formh {
  font-size:1rem;
  padding-top:1em;
}
.formh p {
  min-height:2.5em;
  float:left;
}
.formh p:nth-child(3n+1) {
  clear:both;
  width:30%;
  text-align:right;
  padding:0.6em 0.8em 0 0;
}
.formh p:nth-child(3n+2) {
  width:40%;
}
.formh p:nth-child(3n+3) { 
  width:15%;
  text-align:center;
}
.formv {
  font-size:1rem;
  padding:1em;
}
.formv p {
  min-height:2.35em;
}
.formv p:nth-child(3n+1) {
  text-align:left;
  padding:0.6em 0.8em 0 0;
  min-height:1.5em;
}
.formv p:nth-child(3n+3) {
  display:none;
}
.formv input[type=text], select {
  width:60%;
}
input[type=text], textarea, select, .c-i{
  width:95%;
  height:calc(1.5em + .75rem + 2px);
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
  input[type=text], textarea, select, .c-i{transition:none}
}
input[type=text]::-ms-expand, .c-i::-ms-expand{background-color:rgba(0,0,0,0);border:0}
input[type=text]:-moz-focusring, .c-i:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}
input[type=text]:focus, textarea:focus, .c-i:focus, .select:focus {
  color:#495057;
  background-color:#fff;
  border-color:#80bdff;
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.c-i:invalid+span:after{content:"?";padding-left:.3em}
.c-i:valid+span:after{content:"?";padding-left:.3em}
.c-i+span {
  margin-left:3px;
}
.i-speed {  
  margin:0;
  padding:0;
  width:20px;
  height:20px;
  width:17px;
  height:17px;
  font-size:10px;
}
textarea, .texta, .texta2 {
  font-size:1rem;
  height:206px;
  min-height:206px;
  resize: vertical; 
  scrollbar-width: thin; 
}
@media all and (min-width: 0px){
  .texta-profil { width:284px;height:106px; }
}
textarea::-webkit-scrollbar, .texta::-webkit-scrollbar, .texta2::-webkit-scrollbar {
  width: 8px;               
}
textarea::-webkit-scrollbar-track, .texta::-webkit-scrollbar-track, .texta2::-webkit-scrollbar-track {
  background: orange;        
}
textarea::-webkit-scrollbar-thumb, .texta::-webkit-scrollbar-thumb, .texta2::-webkit-scrollbar-thumb {
  background-color: blue;    
  border-radius: 20px;       
  border: 3px solid orange;  
}
.form-radio {
  float:left;
  margin:1px 0;
  padding:1px;width:280px;height:22px;
  voice-family: "\"}\"";voice-family:inherit;width:276px;height:18px;
}
html>body .form-radio { width:276px;height:18px; }
.form-check {
  margin-top:3px;
}
.naissance {
  width:32%;
}
input[type=text], textarea, select, .c-i{
  width:95%;
  height:calc(1.5em + .75rem + 2px);
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce){
  input[type=text], textarea, select, .c-i{transition:none}
}
input[type=text]::-ms-expand, .c-i::-ms-expand{background-color:rgba(0,0,0,0);border:0}
input[type=text]:-moz-focusring, .c-i:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}
input[type=text]:focus, textarea:focus, .c-i:focus, .select:focus {
  color:#495057;
  background-color:#fff;
  border-color:#80bdff;
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.select-inv {
}
.select-inv:hover {
  background-color:grey;
  color:#fff;
  appearance: auto; 
}
.accenc-cont {
border-radius:25px;display:inline-block;margin-top:3px;border:1px #7f9db9 solid;
}
.accenc-cont > p {
border-radius:25px;padding:15px;border-left:1px #ffffff solid;border-right: 1px #d8d2bd solid;background-color:#fff0ff;color:#996666;
}
.siteconfig {
border-radius:25px;
margin-bottom:5px; 
}
.container {
display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.siteconfig p:nth-child(even) {
float:left;width:59%;height:40px;text-align:right;
padding-top:6px;
}
.siteconfig p:nth-child(odd) {
float:left;width:39%;height:40px;padding:8px 0 0 8px;
}
.sitesel{
padding-top:5px;
}
.sitesel2{
padding:0 0 0 8px;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.orc-h { margin:0 2px;height:1px; }
.orc-b { margin:0 1px;height:1px; }
.c-h3 { background-color:#73b2de; }
.c-hb3 { background-color:#a5cfef;border-left:1px #73b2de solid;border-right:1px #73b2de solid; }
.c-c3 { border-left:1px #73b2de solid;border-right:1px #73b2de solid;border-bottom:1px #73b2de solid; }
.c-t3d { border-left:1px #73b2de solid;border-right: none; }
.c-bord3 { background-color:#a5cfef; }
.c-t3d { color:#fff; }
.e1 { background:url(/images/default/check_block.gif); }
.ct1 { background:url(/images/default/checked2.gif); }
.e2, .e3, .e4, .e5, .e6, .ct4, .ct4s { text-align:center; }
.e1, .e2, .e3, .e4, .e5, .e6, .ct1, .ct2, .ct3, .ct4, .ct4s { float:left; }
.e1 { padding:3px 0; }
.e2, .e3, .e4, .e5, .e6 { padding:3px; }
.ct1 { padding:0; } 
.ct2, .ct3 { padding:5px 3px 0 3px; }
.ct4, .ct4s { padding:4px 3px 0 3px; }
.ct2, .ct3, .ct5, .ct6, .ct7, .ct8 { overflow:hidden; }
.e1, .ct1 { width:2%;}
.e2, .ct2 { width:30%; }
.e3, .ct3 { width:21%; }
.e4, .ct4 { width:25%; }
.ct4s { width:195px; }
.e5, .ct5, .ct7 { width:195px; }
.e6, .ct6, .ct8 { width:193px; }
.e { height:22px; }
.ct1 { height:26px; }
.ct2, .ct3, .ct7, .ct8 { height:26px; }
.ct4, .ct4s { height:22px; }
.ct5, .ct6 { height:30px; }
.ct4 a, .ct4 a:active, .ct4 a:visited,
.ct4s a, .ct4s a:active, .ct4s a:visited {
  color:#000;font-size:10px;text-align:center;width:50px;font-weight:bold;
}
.i-ct {
  border:1px #7f9db9 solid;width:184px;height:20px;
}
.close {
  visibility:hidden;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.fleche_left, .fleche_left:active, .fleche_left:link, .fleche_left:visited,
.fleche_right, .fleche_right:active, .fleche_right:link, .fleche_right:visited {
  visibility:hidden;
  cursor: pointer;
  z-index:111;
  display: inline-block !important;
  position: absolute !important;
  right: 3% !important;
  top: 50% !important;
  opacity:0.3;
  width:7vw !important;
  height:7vw !important;
  background-color:grey !important;
  border-radius:25px !important; 
}
.fleche_left:hover, .fleche_right:hover {
  opacity: 0.5;
}
.fleche_left, .fleche_left:active, .fleche_left:link, .fleche_left:visited {
  left:3% !important;
}
.fleche_left span, .fleche_left:active span, .fleche_left:link span, .fleche_left:visited span,
.fleche_right span, .fleche_right:active span, .fleche_right:link span, .fleche_right:visited span {
  border: solid #fff !important;
  border-width: 0 3px 3px 0 !important;
  display: inline-block !important;
  padding: 3px !important;
  width:50%;
  height:50%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin:20% 0 0 30%;
}
.fleche_right span, .fleche_right:active span, .fleche_right:link span, .fleche_right:visited span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin:20% 30% 0 0;
}
table.messages tr {
  border: 1px black solid;
  border-right: 1px black solid;
}
table.messages td {
  padding:5px;
}
tr.line {
height:1px;
}
tr.line td {
padding:0;
background-color:grey;
}
.msg_deja_repondu {
  margin-top:5px;
  padding:5px;
  border:1px black solid;
  font-size:14px;
}
.repondu {
  background-color:yellow;
}
table.messages tr:first-child td { 
    border:1px black solid;
    vertical-align: top;
}
.newww {
  width:25px;
  height:12px;
}
.loading, .image_absente, .image_absente_diapo {
position:absolute;
top:0;
left:0;
width:100%;
height:95%;
background-image:url(/images/default/loading.svg);
background-position:50% 42%;
background-repeat:no-repeat;
background-size:10%;
}
.image_absente, .image_absente_diapo {
  z-index:-1;
}
.loading {
  z-index:99999999999999999;
}
.cover .image_absente, .cover .image_absente_diapo, #coverDiv .image_absente { 
  z-index:1;
}
.image_absente, .image_absente_diapo {
  top:10%;
  left:15%;
  width:70%;
  height:70%;
  background-image:url(/images/svg/image_absente.svg);
  background-position:center center;
  background-size:contain;
  opacity:0.2;
}
.image_absente_diapo {
  top:0%;
  left:0%;
}
.image_absente_diapo.cover { 
  width:100%;
  height:100%;
}
.image_absente::after, .image_absente_diapo::after { 
  content: "";
  display:block;
  height:100%;
  width:100%;
  background-position: center center;
  background-size: 70% 70%;
  background-image: url('/images/svg/interdit.svg');
  background-repeat: no-repeat;
  opacity:0.5;
}
.loading { 
  background-color:#fffff0;
  border-radius:15px;
}
.cover.loading { 
  z-index:0;
}
.menu-ongletsh, .menu-ongletsh ul, .menu-ongletsh li, .site_bread h5, .page_bread h5, .site_bread p, .page_bread div {
  margin:0;
  padding:0;
}
a.catalog, a.catalog:hover, a.catalog:link, a.catalog:active {
float:left;
margin:0 15px 15px 0;
display:block;
width:45%;
text-decoration:none;
}
a.catalog > h3 {
  font-size:1.47vw; 
}
a.catalog > p:first-child {
  height:400px;
  opacity:0.65;
}
a.catalog:hover > p:first-child {
  opacity:1;
}
ul.puce_point {list-style-type: circle;}
ul.puce_tiret {list-style-type: square;}
ul.puce_tiret li {
} 
ul.puce_etoile, ul.puce_tiret, ul.puce_point, ol.puce_dieze {
  margin:0;
  padding:0 0 0 20px;
}
ul.puce_etoile li, ul.puce_tiret li, ul.puce_point li, ol.puce_dieze li {
  margin-bottom:15px;
}
ul.puce_tiret, ul.puce_etoile, ul.puce_point { 
list-style-type: none;
padding: 0;
margin: 0;
}
ul.puce_tiret li, ul.puce_etoile li, ul.puce_point li, .toto a.puce_tiret { 
background: url('/images/svg/archive-minimalistic-svgrepo-com.svg') no-repeat left 6px;
background-size: 20px;
vertical-align: baseline;
min-height: 20px;
padding: 3px 0 7px 25px;
}
ul.puce_etoile li, .toto a.puce_etoile {
background: url('/images/svg/thin-chevron-round-right-icon.svg') no-repeat left 6px;
background-size: 20px;
}
ul.puce_point li, .toto a.puce_point {
background: url('/images/svg/pointing-right-finger-svgrepo-com.svg') no-repeat left 6px;
background-size: 20px;
}
.newsletter {
  font-size:1vw;
  text-align:justify;
  background-color:orange;
  margin-top:15px;
  padding: 15px;
  border-radius:25px;
  display:inline-block; 
  color:#fff;
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 1%, #9f7928 5%, #8A6E2F 10%, transparent 20%),
  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 1%, #D1B464 4%, #5d4a1f 30%, #5d4a1f 100%);
}
.newsletter.col {
  padding: 5px;
  position:sticky;
  top:20px;
}
.newsletter.col form {
  text-align:center;
}
.newsletter p { 
  margin-top:0;
}
.newsletter p:last-child {
  margin-top:8px;
}
.newsletter p:first-child {
  font-size:1.2vw;
  font-weight:bold;
}
.newsletter input[type=text] {
  width:300px;
}
nav.menu-ongletsv.cpmainnav {
  width:85%;font-size:28px;margin:10px auto;position:sticky;
}
nav.menu-ongletsv.cpmainnav > ul {
  border-top:none;margin:0 0 15px;
}
.encadre_1 {
}
.encadre_2, .encadre_3, .encadre_4, .encadre_5 { 
  width:auto !important; 
  box-sizing: border-box !important;
  border-radius:5px !important;
  padding: 23px 20px;
  background: #fcf6e1 !important; 
	border: 2px solid #de9d3f !important; 
}
.encadre_3 {
  background: #e2ffee !important;
	border: 2px solid #37ad4b !important;
}
.encadre_4 {
  background: #e2f2ff !important;
	border: 2px solid #4c87fc !important;
}
.encadre_5 {
	border: 2px solid #ad3737 !important;
  padding-left:80px !important;
  background: #ffe2e2 url('/images/svg/exclamation.svg') no-repeat 25px 15px !important;
  filter: invert(37%) sepia(30%) saturate(0%) hue-rotate(314deg) brightness(115%) contrast(110%);
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(200deg) brightness(115%) contrast(110%);
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(350deg) brightness(115%) contrast(110%);
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(320deg) brightness(115%) contrast(110%); 
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(320deg) brightness(50%) contrast(120%);
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(320deg) brightness(90%) contrast(120%); 
  filter: invert(37%) sepia(30%) saturate(1000%) hue-rotate(327deg) brightness(87%) contrast(130%); 
  filter: invert(35%) sepia(40%) saturate(700%) hue-rotate(327deg) brightness(87%) contrast(130%); 
  filter: invert(30%) sepia(40%) saturate(700%) hue-rotate(327deg) brightness(87%) contrast(130%);
  filter: invert(30%) sepia(30%) saturate(900%) hue-rotate(927deg) brightness(87%) contrast(130%); 
  filter: invert(30%) sepia(30%) saturate(900%) hue-rotate(327deg) brightness(100%) contrast(130%) !important;
  background-size: 50px !important;
}
.encadre_5::before {
  content: "";
  display:block;
  background-image: url('/images/svg/interdit.svg');
  background-repeat: no-repeat;
}
.eeencadre-coin {
  float:left;
  background: linear-gradient(#4e6fa6, #354b70 20%, #2d3f5e 75%, #354b70 100%);
  color:#ccc;
  font-weight:bold;
  border-radius:0.5em 0 0 0;
  padding:0.45em;
  position:relative;
}
.eeencadre-coin::after, .eeencadre-coin:after {
  content:"";
  position:absolute;
  right:-2em;
  top:0em;
  width:2em;
  height:2.1em;
  background: linear-gradient(45deg, #354b70, #2d3f5e 10%, #354b70 38%, #4e6fa6 50%, #fff 50%, #fff 100%);
}
.eeencadre-coin.cpmoderation {
  background: linear-gradient(#ff0000, #ff3d3d 20%, red 75%, #ff3d3d 100%);
}
.eeencadre-coin.cpmoderation::after, .eeencadre-coin.cpmoderation:after {
  background: linear-gradient(45deg, #ff3d3d, red 10%, #ff3d3d 38%, #ff0000 50%, #fff 50%, #fff 100%);
}
.c-clist {
border:1px #354b70 solid;
  border-radius:0 5px 5px 5px;
}
.adminlogo {
  display:block;
  text-decoration:none;
  font-size:1em; 
  margin:15px 0 15px 0;
  font-family:LogoFont;
}
.eeecrire {
  padding:5px 5px 25px;
  border-radius:0 5px 5px 5px;
}
.eeecrire p {
  margin:0;
  padding:0 0 5px 0;
}
.eeecrire > p:nth-child(odd), .eeecrire > div > p  { 
  padding:15px 0 5px 0;
}
.eeecrire input[type=text] {
}
.eeecrire textarea {
  overflow:auto;font-size:12px;font-family:verdana,arial,helvetica;
}
@media only screen and (max-width: 959px) {
.logo {
	height: 100px;
}
.logo::after {
  border-radius: 51px;
}
.logotitre {
	border-radius: 51px;
}
  .logotitre.header {
    display:block;
  }
.doc  {
width:100%;
}
a.catalog > p:first-child { 
	height: 300px;
}
#mobile-footer {
display:block;
}
.content, .table {
}
.left_col, .right_col {
display:none;
}
.flags, .mobile-footer-cont {
display:block;
}
#mobile {
display:block;
}
a.catalog, a.catalog:hover, a.catalog:link, a.catalog:active {
width:95%;
}
.table, .top {
  background-position:30% center;
  background-size: 85%;
}
.eeencadre-coin::after, .eeencadre-coin::after {
	content: "";
	position: absolute;
	right: -8.0em;
	top: -0em;
	width: 8em;
	height: 5.8em;
	background: linear-gradient(45deg, #354b70, #2d3f5e 10%, #354b70 38%, #4e6fa6 50%, #fff 50%, #fff 100%);
}
.top {
	padding: 20px;
}
.logotitre {
	padding: 0;
}
}
@media only screen and (max-width: 959px) and (orientation: landscape) {
  *:not(a.catalog > h3, .bouton-suiv, .bottom, .formh p, select) {
    font-size-adjust: 1.2;
  }
  #mobile p:nth-child(odd) {
    padding-top:1.2vh;
  }
  #mobile-footer {
    display:none;
  }
  .bottom {
  	height: unset;
  }
  .bottom > div:first-child {
    width: 100%;
    text-align: center;
  }
  .bottom > div:nth-of-type(3) {
  	float:unset;
  	padding-right:unset;
  	width: fit-content;
  	margin: auto;
    padding:0;
  }
  .social2 {
  	position: unset;
  	right: unset;
  	bottom: unset;
  	height: unset;
  	padding-right: 1vw;
  }
  .social2 a {
  	width: 3vw;
  	height: 3vw;
  }
}
@media only screen and (max-width: 959px) and (orientation: portrait) {
  *:not(a.catalog > h3, .bouton-suiv, .bottom, .formh p, .p-pseudo) {
    font-size-adjust: 2;
  }
  .bottom a, .bottom a:active, .bottom a:link, .bottom a:visited, .bottom a:hover {
    font-size: 1.2em;
    float:right;
    clear:both;
  }
  .content {
    font-size:1.3vw;
  }
  .cent_g {
    margin-top:5vw;
    height: 50vw;
    background-position:center;
  }
  .logotitre a, .logotitre a:active, .logotitre a:link, .logotitre a:visited {
    font-size: 2vw !important;
    margin-left:-7vw;
  }
  h1 {
  	font-size: 1.4vw;
  	color: #000;
  	margin: 0;
  }
  h4 {
    font-size:1vw;
    margin: 3vw 0;
  }
  .catalog > h3 {
    text-align:center;
  }
  .dropzone {
    font-size: 10vw;
  }
.content img.b {
   width: 90vw;
}
.content img.medium, .content img.m {
	width: 40vw;
	border-radius: 25px;
}
  p {text-align:justify}
  .fleche-haut {
  	font-size: 1vw;
  	width: 9vw;
  	height: 9vw;
  	border-radius: 2vw;
  }
  .fleche-haut p {
    margin:3.2vw 2.6vw;
    border-width: 0 0.8vw 0.8vw 0;
    padding: 1.5vw;
  }
  #mobile p:nth-child(odd) { 
    display:none;
  }
  .formcontainer {
    width:unset;
  }
  h2, .sommaire h5  { 
    padding:4vh 0.3vh 4vh 0.3vh;
    font-size:0.75vh;
  }
  h2, .sommaire h5  { 
    font-size:1.7vw;
    color:#000;
    margin:0;
    padding:0;
    border-bottom:1px #000 solid;
    background: #FFEFBA;
    background-size: contains, contains, contains;
    border-radius:21px;
    background: linear-gradient(to bottom,  rgba(249, 198, 103, 1) 0%,rgba(247, 150, 33, 1) 100%), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-adrien-olichon-1257089-2387793.jpg');
  background-image: linear-gradient(to bottom, rgba(200,200,200, 0.1), rgba(11,11,11, 0.83)), url('https://www.jbax.fr/users/webmaster2025/images_site/21884/pexels-slendyalex-3648850.jpg'); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  opacity: 0.9;
  background-attachment: fixed;
  	text-align: center;
  	color: #fff; 
  	text-shadow: 1px 1px 1px #000; 
    padding-bottom:0.5vh;
    clear:both;
  }
  .bottom {
    padding:2vw;
    height:10vw;
    font-size: 1.5vw;
  }
  .bottom > div, .bottom > div:first-child, .bottom > div:nth-of-type(2), .bottom > div:nth-of-type(3), .bottom > div:nth-of-type(4) {
    clear:both;
    float:unset;
    float:unset;
    text-align:center;
    width:100%;
    padding:unset;
    z-index:unset;
  }
  .bottom > div:nth-of-type(1)::after {
    display:block;
    content:var(--copyright);
    font-size:1em; 
    font-weight:normal;
    padding-top:0.5vw;
    clear:both;
  }
  .bottom > div:nth-of-type(3) {
    display:none;
    float:unset;
    padding:0.9vw 0 0 0;
    padding:0;
  }
  .bottom > div:nth-of-type(3) > span:nth-of-type(2){
    font-size: 0.4vw;
    font-weight:normal;
  }
  .bottom > div:nth-of-type(2){
    width:fit-content;
    float:unset;
    text-align:center;
    font-size: 0.4vw;
    font-weight:normal;
    margin:auto;
    padding:2.5vw 0 1.5vw 0;
  }
  .bottom, .bottom > div:nth-of-type(4) {
    height: fit-content;
    block-size: fit-content;
  }
  .content a.button-71, .content a.button-71:active, .content a.button-71:link, .content a.button-71:visited {
    margin: auto;
  }
  .social2 a {
    width:10vw;
    height:10vw;
    margin-left:2vw;
  }
  .social2 {
    text-align:center;
    clear:both;
    position:unset;
    right:unset;
    bottom:unset;
    height:fit-content;
    block-size: fit-content;
  }
  input[type="text"], textarea, select { 
  	width: 95%;
  	height: calc(10em + .75rem + 2px);
  	padding: .375rem .75rem;
  	font-size: 0.3rem;
  	font-weight: 400;
  	line-height: 10;
  	color: #495057;
  	background-color: #fff;
  	background-clip: padding-box;
  	border: 1px solid #ced4da;
  	border-radius: .25rem;
  	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .content img.b {
    width:50vw;
  }
  .bouton-visite {
    top:7.5vw;
  }
  #mobile-footer > p { 
  	font-size: 1.5vw;
    text-align:center;
    margin-bottom:0;
    font-weight:bold;
  }
  .formh p:nth-child(3n+1), .formh p:nth-child(3n+2), .formh p:nth-child(3n+3) {
    float:left;
    text-align:left;
    font-size:0.5vh;
    width:100%;
  }
  .formh p:nth-child(3n+1) {
    padding-top:2vh;
  }
  .formh p:nth-child(3n+1):after {
    content:":";
  }
  .formh p:nth-child(3n+2) {
    float:left;
    width: 90%;
  }
  .formh p:nth-child(3n+3) {
    float:right;
	  width: 5%;
    color:orange;
  }
  .eeencadre-coin::after, .eeencadre-coin::after {
  	right: -6.0em;
  	top: -0.3em;
  	width: 6em;
  	height: 6.0em;
  }
}
.bouton-visite > button, .bouton-suiv {
  font-size:2vw;
}
#mobile p {
padding:9px 0 0 0;
}
#mobile p {
width:100%;
}
.bouton-visite {
  position:sticky;
  top:60px;
  text-align:center;
  padding:0 0 15px 0;
  clear:both;
  margin:auto;
}
}
@media only screen and (max-width: 959px) {
.content, .table {
font-size:1vw; 
}
.content img {
	width: 10vh; 
}
#main_nav {
visibility:hidden;
}
.flagsheader a{
width:6vw;
height:4vw;
}
.logo {
width:10vw;
height:10vw;
}
.fleche-haut {
font-size:4vw;
width:5vw;
height:5vw;
border-radius:1vw;
}
.fleche-haut p {
margin:1.8vw 1.1vw;
}
.bottom {
	height: fit-content;
  padding:7px;
}
.bottom > div {
  width:100%;
  float:unset;
  text-align:center;
}
.bottom > div:first-child {
}
.bottom > div:nth-of-type(3) {
  padding-bottom:15px;
}
.social2 {
  clear:both;
position:unset;
right:unset;
bottom:unset;
margin:auto;
height: fit-content;
width: fit-content; 
block-size: fit-content;
}
.social2 a {
  display:inline-block;
  float:unset;
width:7vw;
height:7vw;
border-radius:5px;
margin-left:3vw;
}
.flagsheader {
float:right;
width:10vw;
}
.flagsheader p{
float:left;
}
.flagsheader a{
display:inline-block;
float:left;
width:2.5vw;
height:1.5vw;
margin-left:5px;
background-size:cover;
}
.bando-haut {
border-radius: 0px 0px 16px 16px;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 0px 0px 16px 16px;
}
.bouton-visite {
  top:5.3vw;
}
.content img {
width:5vw;
margin-top:1vw;
border-radius:15px;
}
.content img.small, .content img.s {
width:15vw;
}
.content img.right, .content img.r {
margin-left:5vw;
}
}
.flags {
display:block;
}
.sticky-footer {
z-index:111;
}
#mobile-footer a:not(.button-71, .bouton-suiv) { 
font-family:verdana;
font-size:4vw;
font-weight:bold;
border-radius:3vw;
}
@media only screen and (max-width: 959px) and (orientation: landscape) {
.cent_g {
  height: 30vw;
  background-position:center;
}
#mobile select {
vertical-align: middle;
}
#mobile p {
width:50%;
}
#mobile .l, #mobile .r {
margin:5px 5px;
padding:0;
width:20%;
height:36px;
}
}
[class^="menu-onglets"] ul {
	list-style: none;
}
.menu-ongletsh > ul > li {
	padding: 0.4em 0.15em 0 0.15em;
	border-radius: 0.4em 0.4em 0 0;
	width: auto;
	margin-left: 0.2em;
	height: 1.05em;
}
[class^="menu-onglets"] li {
	position: relative;
}
.menu-ongletsh li {
	font-size: 1em;
}
.menu-ongletsh li {
	float: left;
}
.cpadminhoriz.menu-ongletsh > ul > li > a, .cpadminhoriz.menu-ongletsh > ul > li > a:visited, .cpadminhoriz.menu-ongletsh > ul > li > a:link, .cpadminhoriz.menu-ongletsh > ul > li > a:active {
	height: 1.9em;
	padding: 0;
}
[class^="menu-onglets"] a, [class^="menu-onglets"] a:visited, [class^="menu-onglets"] a:link, [class^="menu-onglets"] a:active {
	display: block;
	overflow: hidden;
}
.bande.cpbleu, .eeentete.cpbleu > div:nth-child(2), .eeentete2.cpbleu > div:nth-child(1), div[class^="mmmembre"].cpbleu > div:nth-child(2), .ppprofil.cpbleu > div:nth-child(1), .annuaire_entete.cpbleu > div.titrecont {
background: linear-gradient(#4e6fa6, #354b70 20%, #2d3f5e 90%, #4e6fa6 90%, #4e6fa6 100%);
border:var(--entete_border) #354b70 solid;
color:#fff;
}
.eeentete.cpbleu,
.eeentete2.cpbleu,
div[class^="mmmembre2"].cpbleu > div:nth-child(2) span:nth-of-type(2n):after,
.mmmembre.cpbleu,
.mmmembre-v.cpbleu,
.mmmembre-v-r.cpbleu,
.ppprofil.cpbleu,
.annuaire_entete.cpbleu {
border:1px #354b70 solid; 
}
.bande.cpbleu, .eeentete.cpbleu > div:nth-child(2), .eeentete2.cpbleu > div:nth-child(1), div[class^="mmmembre"].cpbleu > div:nth-child(2), .ppprofil.cpbleu > div:nth-child(1), .annuaire_entete.cpbleu > div.titrecont {
  background: linear-gradient(#4e6fa6, #354b70 20%, #2d3f5e 90%, #4e6fa6 90%, #4e6fa6 100%);
  border:var(--entete_border) #354b70 solid;
  color:#fff;
}
.eeentete.cpbleu,
.eeentete2.cpbleu,
div[class^="mmmembre2"].cpbleu > div:nth-child(2) span:nth-of-type(2n):after,
.mmmembre.cpbleu,
.mmmembre-v.cpbleu,
.mmmembre-v-r.cpbleu,
.ppprofil.cpbleu,
.annuaire_entete.cpbleu {
  border:1px #354b70 solid; 
}
.abracadab.cpbleu > div:nth-child(1) {
  background: linear-gradient(#4e6fa6, #354b70 20%, #2d3f5e 90%, #4e6fa6 90%, #4e6fa6 100%);
  border:var(--entete_border) #354b70 solid;
  color:#fff;
  font-family: TextFont, comic sans ms,arial,helvetica;
  letter-spacing: .1rem; 
  text-shadow: 2px 2px #000;
}
.abracadab.cpbleu {
  border:1px #354b70 solid; 
}
[class^="btn"], a[class^="btn"]:active, a[class^="btn"]:visited, a[class^="btn"]:link { 
  font-size:0.7vw;
  z-index:14;
  display:inline-block;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(#4e6fa6, #3c8eff 20%, #6699ff 75%, #3c8eff 100%);
  border-top: 1px #4e6fa6 solid;
  border-bottom: 1px #3c8eff solid;
  padding:0.15em;
  border-radius:15px;
  margin:auto;
  cursor:pointer;
}