#dxpr-theme-main-menu,
  #dxpr-theme-main-menu .menu__breadcrumbs,
  #dxpr-theme-main-menu .menu__level {
    text-align: right;
  }
  #dxpr-theme-main-menu .menu__link  {
    padding: 10px 70px 10px 20px;
  }
.dxpr-theme-header--side .dxpr-theme-main-menu {
  width: 300px;
}
.dxpr-theme-header--side .menu__level {
  width: 300px;
}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(255,255,255,1);
  opacity: 1;
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(255,255,255,1);
  opacity: 1;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .block-dxpr-theme-helper {
  height: 80px;
  line-height: 80px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .dxpr-theme-main-menu {
  height: 80px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .navbar-header .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .block-dxpr-theme-helper  {
  height: 55px;
  line-height: 55px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .dxpr-theme-main-menu {
  height: 55px;
}
.body--dxpr-theme-nav-desktop .nav-child-fixed-width {
  top: 80px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav-child-fixed-width {
  top: 55;
}
.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay { padding-top: 80px !important }

  html.js .body--dxpr-theme-nav-desktop.toolbar-fixed.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay { padding-top: 119px !important }

  html.js .body--dxpr-theme-nav-desktop.toolbar-fixed.toolbar-horizontal.toolbar-tray-open.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-not-overlay { padding-top: 160px !important }

.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-header .wrap-branding,
.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-toggle {
  height: 60px;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .block-dxpr-theme-helper {
  height: 60px;
  line-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  min-height: 80px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  min-height: 55px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header {
  min-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header.affix {
  min-height: 60px;
}
.dropdown-menu, .dropdown-menu li {
  min-width: 160px;
}
#navbar.dxpr-theme-header--top .menu, #navbar.dxpr-theme-header--top .menu a { color: #79001c }

#navbar.dxpr-theme-header--top .dropdown-menu { background-color: #79001c }

#navbar.dxpr-theme-header--top .dropdown, #navbar.dxpr-theme-header--top .dropdown-menu a { color: white }

#navbar.dxpr-theme-header--top .dropdown-menu a:hover,#navbar.dxpr-theme-header--top .dropdown-menu a:focus { background-color: #ea992e }

.page-title-full-width-container .breadcrumb { left: 0; right: 0;width:100%;text-align:center; } 

#page-title { text-align:  center } 

#page-title .page-title { height:  245px } 

.page-title-full-width-container:after { opacity:  1 } 

.page-title-full-width-container:after { background-position: center center; }

.page-title-full-width-container:after { background-image: url('/sites/default/files/dxpr_theme/images/chien.png'); }

/*************NAVIGATION MOBILE************************/
.dxpr-theme-main-menu--to-left a.menu__link {    border: 1px solid black;}



.wrap-branding.remove{ max-height: 100px}
.region.region-navigation {    position: absolute;  width: 220px; }
#logo, .wrap-branding {    max-height: 150px !important;}
#navbar.affix #logo{ max-height: 100px !important;}
.field--name-field-infos {background:white; padding:30px 20px; margin: 30px 0 30px 0; box-shadow: 0 0 10px 0 #D4D4D4;}
.block-book-navigation{background:white; margin-bottom:30px; box-shadow: 0 0 10px 0 #D4D4D4;margin:0 30px;}
.block-book-navigation a{  background: #EFB870;  color: #79001c;    margin-bottom: 15px;  display: block; font-size:1.1em; padding:5px 10px;}
.block-book-navigation ul{padding:0;}
.block-book-navigation li{list-style:none;}
blockquote{background:white; border-left:5px solid #ea992e;}
article .content nav {display:none;}

/**************************
 The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 350px;margin:auto;
  height: 600px;  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-card-2 {
  background-color: transparent;
  width: 320px;
  height: 320px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-card img{margin:auto; display:block; margin-top:20px;}
/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner , .flip-card-2:hover .flip-card-inner{
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: white;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #ea992e;
  color: white;
  transform: rotateY(180deg);
}

.infoeduc{padding:5px 10px; text-align:center;}
.infoeduc2{font-size:16px;padding:5px 10px; line-height: 22px;}

@media only screen and (max-width:580px){
	 #views_slideshow_cycle_teaser_section_homepage-block_1 .event-texte{width:100% !important;}
 }
/*********************************/

.leaflet-zoom-animated path {  stroke: #79001c; fill:none;}
.path-documentation .view-id-documentation .view-content li {
  border: 1px solid #ea992e;
}
.path-documentation .view-id-documentation .view-content li .views-field-title {
  height: 60px;
  line-height: 18px;
  background: #ea992e;
  margin-bottom: 10px;
  font-weight: bold;
}
.path-documentation .view-id-documentation .view-content {  font-size: 12px;  text-align: center; color:white;}
.field.field--name-thumbnail.field--type-image img {  margin: auto;}
/***************accueil*******************/

.path-frontpage section.pas-section{display:none;}
.path-frontpage section.block{padding: 30px 0;}

.path-frontpage .infoblocs .flip-card-2{text-align:center; margin:auto;
font-size: 1.3em;  font-family: "Fredoka One", cursive;  text-align: center;  color: #79001c;}
.path-frontpage  .infoblocs #titreinfo {  font-family: "Fredoka One", cursive;  font-size: 2.5em;  color: #EFB870;  text-align: center;
}
.path-frontpage   .infoblocs #titreinfo span {color:#79001c;}
.infoblocs .view-content{max-width:1200px; margin:auto;display:flex; flex-direction: row;flex-wrap: wrap;justify-content:space-between;}
.infoblocs .view-content	.views-row .flip-card-2 {margin:30px;-webkit-box-shadow: 0 0 10px 0 #D4D4D4; 	box-shadow: 0 0 10px 0 #D4D4D4;}
.infoblocs	.view-content	.views-row .flip-card-2 	.flip-card-front img,
.infoblocs	 .view-content	.views-row .flip-card-2 	.flip-card-back img{margin:auto; margin-top:20px ;  }
.infoblocs	.view-content	.views-row .flip-card-2 	.flip-card-back{color:black ;text-align:center; }
.infoblocs	.view-content	.views-row .flip-card-2 	.flip-card-back a{color:black; padding:10px 20px; border:1px solid black;}
.infoblocs	.view-content	.views-row .flip-card-2 	.flip-card-back	a:hover{text-decoration:none;border:2px;}
.infoblocs	.view-header span{color: #79001c;}


.educateurs{position:relative;}
.educateurs	.view-footer{background:url(chien.png) no-repeat #79001c;  font-family: "Fredoka One", cursive;background-position:bottom center; background-size: contain; color:white; text-align:center;padding:200px 10px 150px;position:relative; z-index:0;margin-top:-200px;}
.educateurs	.view-footer h3{color:white !important; font-size:2.8em; text-align:center; font-family: "Fredoka One", cursive;margin:30px 10px;}		
.educateurs	.view-content{position:relative;z-index:5; text-align:center; color:white !important;}
.educateurs	.view-content	img{border-radius:200px;margin:auto;}


.elementor-shape-fill {   fill: #f7f7f7;  transform-origin: center;  transform: rotateY(0deg);
}
.path-frontpage .field--name-body {background:#ea992e; padding-bottom:250px; color:white; font-size:1.2em;}
.path-frontpage .field--name-body  h2{ font-family: "Fredoka One"; font-size:3em;color:white !important;}
.path-frontpage .field--name-body  a{ font-family: "Fredoka One"; font-size:1.5em;color:#79001c !important;}
		
.path-frontpage .block-field-blocknodeaccueilfield-image-accueil{ margin-top:-270px;}
.path-frontpage .block-field-blocknodeaccueilfield-image-accueil img{margin:auto;}

.field--name-field-galerie{display:flex; flex-wrap:wrap; text-align:center;}
.field--name-field-galerie .field--item{margin:5px;}

.path-frontpage .event {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: 1200px;
}
.path-frontpage .event-texte {
  font-family: "Fredoka One", cursive;
  font-size: 1.2em;
 width: 50%;
  padding: 20px;
}
#views_slideshow_cycle_teaser_section_homepage-block_1 {  margin: auto;}

.path-frontpage  .event-titre {
  font-family: "Fredoka One", cursive;
  font-size: 2.1em;
  color: #EFB870 !important;
  margin-bottom: 30px;
  line-height: 1em;
}


#block-footer .field--name-body{padding-bottom:0;background:#2a2a2a;}
#footerbea{display:flex; flex-direction:row; flex-wrap:  wrap; justify-content:space-around;align-items:center;font-size:0.8em;align-items:center;}
#footerbea > div{width:400px;}
.dxpr-theme-footer {  background-color: white !important;}
#footerbea a {color:white !important; text-decoration:none; font-size:0.9em;}
#footerbea .news{height:240px; overflow:hidden;margin-bottom:10px;}

#edit-advanced{display:none;}
#navbar{border-bottom:2px solid #79001c;}


@media screen and (max-width: 768px){
	h1, .html #page-title .page-title {
		font-size: 30px !important;
		line-height: 30px;
		padding-bottom: 30px;
	}
	.region-content .block{padding:12px !important;}

	#footerbea  div.logo{width:120px !important ;}
   #footerbea  div.adresse{width:280px !important ;}
 #footerbea div.menu li {  display: inline list-item;  padding: 10px; font-size:14px;}
#footerbea ul{padding:0;}
.wrap-branding, #logo {    max-height: 60px !important;}
} 
body, .toooltip {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: "Fredoka One", "Fredoka One";
  font-weight: 400;
  font-style: normal;
}

nav,nav ul li,nav a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

.site-name, .navbar-brand {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

blockquote, blockquote p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

.container {
  max-width: 1420px;
  padding-left: 0px;
  padding-right: 0px;
}
.navbar-container.dxpr-theme-fluid,
.page-title-container.dxpr-theme-fluid,
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}
.dxpr-theme-boxed-container {
  max-width: 4100px;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
}
.region-sidebar-first .block,
.region-sidebar-second .block,
.dxpr-theme-util-gutter-bottom {
  margin-bottom: 50px;
}
.page-title-full-width-container {
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .container {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
  .navbar-container.dxpr-theme-fluid,
  .page-title-container.dxpr-theme-fluid,
  .container-fluid {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
  .row {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
}
body { background-position: center center; }

body { background-attachment: fixed; }

body, p, .lead { line-height:  1.4 } 
body { font-size:  20px } 
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  20px } 
h1,h2,h3,h4,h5,h6 { line-height:  1.4; } 
h1, .html #page-title .page-title { font-size:  49px; } 
h2 { font-size:  39px; } 
h3 { font-size:  31px; } 
h4 { font-size:  25px; } 
blockquote, .blockquote p { font-size:  25px } 
hr { border-top-width:  4px; } 
hr { margin-left: 0;margin-right: auto; }
@media screen and (max-width: 768px) { 
  body, p { font-size:  14px; } 
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  14px } 
  h1, .html #page-title .page-title { font-size:  49px; } 
  h2 { font-size:  39px; } 
  h3 { font-size:  31px; } 
  h4 { font-size:  25px; } 
  blockquote, .blockquote p { font-size:  25px; } 
} 

.region-content .block, .blocks-preview .block {
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
  padding:  30px; 
} 

.region-content .block-title, .blocks-preview .block-title {
  font-size: 39px;
  text-align: left;
  border-width: 0px;
  border-style: none;
  border-radius: 0px;
  display: block;
} 

@media screen and (max-width: 768px) { 
  .region-content .block-title, .blocks-preview .block-title { font-size: 39px; } 
}