/*
Kate style
*/

/******************/
/*******VAR********/
/******************/
:root{
--jaune: #FFB44F;
--orange: #DA7051;
--bordeau: #533E3E;
--ocre: #C25D49;
--beige: #FEF1E0;
--wh: #ffffff;
--blk: #000;
--kate: #0016b7;
--rad90: 90px;
}


/******************/
/*******LIENS******/
/******************/
a:link {
color: var(--blk);
}
a:visited {
color: var(--blk);
}
a:active,
a:hover {
color: var(--kate);
}

/******************/
/******POLICES*****/
/******************/
/* font-face archivo */
@font-face {
  font-family: 'archivo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Archivo-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Archivo-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Archivo-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Archivo-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Archivo-Light.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Archivo-Light.svg#Lato') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'archivo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Archivo-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Archivo-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Archivo-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Archivo-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Archivo-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Archivo-Bold.svg#Lato') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'playwrite';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PlaywriteAUNSW-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/PlaywriteAUNSW-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/PlaywriteAUNSW-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/PlaywriteAUNSW-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/PlaywriteAUNSW-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PlaywriteAUNSW-Regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/*global*/
body{
font-family: 'archivo';
font-weight: 300;
font-size: 17px;
color: var(--bordeau);
}
h1, h2, h3, h4, h5, h6{
display: block;
}
strong{
	font-weight:700;
}

/******************/
/****STRUCTURE*****/
/******************/
.widzmain{
max-width: 1228px;
margin-right: auto;
margin-left: auto;
}
.flex_bloc{
  display: flex;
  flex-wrap: wrap;
}
.background_cover{
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover;
}
.flex1{
  flex: 1;
}
/******************/
/******HEADER******/
/******************/
#logo{
  display: flex;
  align-items:center;
  padding-top:34px;
  padding-bottom:23px;
}
#logo a{
  height: 100%;
  font-family:'playwrite';
  font-weight:400;
  font-size:18px;
  text-decoration:none;
  transition:color 0.4s;
}
#logo a:hover{
  color: var(--jaune);
  transition:color 0.4s;
}
#header > .flex_bloc{
  column-gap:57px;
  align-items:center;
  background: url(../img/header_picto.svg)no-repeat top left;
}
#header_nav{
  flex: 1;
}
#header_nav ul{
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  column-gap:30px;
}
#header_nav ul li{
  transition:all 0.4s;
}
#header_nav ul li:nth-of-type(1),
#header_nav ul li:nth-of-type(6){
  background:url(../img/menu_picto_hover_ocre.svg)no-repeat center top/100% 0;
}
#header_nav ul li:nth-of-type(1):hover,
#header_nav ul li:nth-of-type(6):hover{
  background:url(../img/menu_picto_hover_ocre.svg)no-repeat center top/100% 40px;
  transition:all 0.4s;
}
#header_nav ul li:nth-of-type(2){
  background:url(../img/menu_picto_hover_jaune.svg)no-repeat center top/100% 0;
}
#header_nav ul li:nth-of-type(2):hover{
  background:url(../img/menu_picto_hover_jaune.svg)no-repeat center top/100% 40px;
  transition:all 0.4s;
}
#header_nav ul li:nth-of-type(3){
  background:url(../img/menu_picto_hover_ocre_rouge.svg)no-repeat center top/100% 0;
}
#header_nav ul li:nth-of-type(3):hover{
  background:url(../img/menu_picto_hover_ocre_rouge.svg)no-repeat center top/100% 40px;
  transition:all 0.4s;
}
#header_nav ul li:nth-of-type(4){
  background:url(../img/menu_picto_hover_vert.svg)no-repeat center top/100% 0;
}
#header_nav ul li:nth-of-type(4):hover{
  background:url(../img/menu_picto_hover_vert.svg)no-repeat center top/100% 40px;
  transition:all 0.4s;
}
#header_nav ul li:nth-of-type(5){
  background:url(../img/menu_picto_hover_vert_fonce.svg)no-repeat center top/100% 0;
}
#header_nav ul li:nth-of-type(5):hover{
  background:url(../img/menu_picto_hover_vert_fonce.svg)no-repeat center top/100% 40px;
  transition:all 0.4s;
}
#header_nav ul li a{
  display: block;
  padding-top:34px;
  padding-bottom:23px;
  font-size: 16px;
  text-decoration:none;
  color: var(--blk);
}
#header_nav ul li.logo a{
  font-family:'playwrite';
  font-weight:400;
  font-size: 18px;
}



/******************/
/******FOOTER******/
/******************/
#footer{
  column-gap:114px;
  position: relative;
  z-index:1;
  width: 96%;
  padding:51px 92px 60px 105px;
  margin-top:140px;
  margin-bottom:70px;
  margin-left: auto;
  border-radius:23px;
  background-color: var(--orange);
  color: var(--wh);
  box-sizing:border-box;
}
.footer_picto{
  position: absolute;
  z-index:1;
  top:28px;
  left:-52px;
  width:147px;
  height:136px;
  background:url(../img/footer_picto_bg.svg)no-repeat center;
}
#footer h2{
  max-width:309px;
  margin-bottom:0;
  line-height: 54px;
}
#footer .contact_list{
  justify-content:space-between;
}
#footer .contact_list .name{
  margin-bottom:18px;
}
#footer .contact_list .email a{
  display: block;
  padding-left:38px;
  margin-bottom:17px;
  background:url(../img/footer_picto_email.svg)no-repeat center left;
  line-height: 24px;
  color: var(--wh);
  text-decoration:none;
  transition: background 0.4s;
}
#footer .contact_list .email a:hover{
  background:url(../img/footer_picto_email.svg)no-repeat center left 5px;
  transition: background 0.4s;
}
#footer .contact_list .tel a{
  display: block;
  padding-left:38px;
  margin-bottom:17px;
  background:url(../img/footer_picto_tel.svg)no-repeat center left;
  line-height: 24px;
  color: var(--wh);
  text-decoration:none;
}
#footer .contact_list .tel a:hover{
  background:url(../img/footer_picto_tel.svg)no-repeat center left 5px;
  transition: background 0.4s;
}


/******************/
/*******PAGES******/
/******************/
.page_baner{
  justify-content:center;
  align-content:center;
  height:350px;
}
/*breadcrumb*/
#breadcrumb_content{
display: block;
line-height: 19px;
padding: 9px 0;
font-size: 0;
}
.breadcrumb_item{
display: inline-block;
font-size: 16px;
color: var(--blk);
}
.breadcrumb_item.actual{
  color: var(--orange);
}
.breadcrumb_item:not(:last-of-type):after{
content: '';
display: inline-block;
height : 0;
width : 0;
border-top : 4px solid transparent;
border-bottom : 4px solid transparent;
border-left : 5px solid var(--blk);
margin: auto 12px;
}
.breadcrumb_item a{
color: var(--blk);
text-decoration: none;
}
.breadcrumb_item a:hover{
text-decoration: underline;
}
/*Hentry*/
.page_title{
display: block;
line-height: 53px;
margin-bottom: 22px;
font-size: 48px;
}
.page_title_chapo_sub{
display: block;
line-height: 28px;
font-size: 25px;
font-family: /**/;
}
.post_content{
padding: 44px 0 76px;
}
.page_hentry h2{
  margin-bottom: 20px;
  font-family:'playwrite';
  font-size: 36px;
  line-height: normal;
}
.page_hentry h3{
  margin-bottom: 20px;
  font-weight:500;
  font-size: 21px;
  line-height: 27px;
}
.page_hentry p{
line-height: 27px;
margin-bottom: 27px;
}
.page_hentry ul{
padding: 0 0 0 15px;
margin: 0 0 27px;
}
.page_hentry ul li{
line-height: 27px;
padding: 0 0 0 30px;
margin: 0;
position: relative;
  background:url(../img/menu_picto_hover_ocre.svg)no-repeat center left/20px;
}
.page_hentry iframe{
  max-width: 100%;
}
.page_hentry img{
width: auto;
max-width: 100%;
height: auto;
  border-radius: 30px;
}
.page_hentry_btn a{
  display: inline-block;
  padding:15px 43px;
  background-color: var(--ocre);
  border-radius:31px;
  border: 1px solid var(--ocre);
  font-size: 15px;
  color: var(--wh);
  text-decoration:none;
  transition: all 0.4s;
}
.page_hentry_btn a:hover{
  background-color: var(--wh);
  color: var(--ocre);
  transition: all 0.4s;
}
.inscription_content .content{
  padding-left:47px;
}
.inscription_content .content p{
  line-height: 20px;
}
/*404*/
#page_404{
display: flex;
flex-wrap: wrap;
padding: 94px 0 94px;
}
#page_404_ill_block{
width: 36.5%;
margin: 0 9.8% 0 0;
}
#page_404_ill_block object{
width: 100%;
max-width: 511px;
height: auto;
margin: auto;
}
#page_404_ill_main{
flex: 1;
padding-top: 53px;
}

/******************/
/*****REPETEUR*****/
/******************/
.page_hentry_wiz_repeat{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 40px 3%;
}
.page_hentry_repeat_block_type1{
width: 100%;
}
.page_hentry_repeat_block_type2{
width: 48.5%;
}
.page_hentry_repeat_block_type3{
width: 31.33%;
}
.page_hentry_repeat_block_type4{
width: 22.75%;
}

/******************/
/*****HOMEPAGE*****/
/******************/
.home_baner{
  justify-content:center;
  align-items:flex-end;
  color: var(--wh);
  height:90vh;
  max-height:700px;
  padding-bottom:30vh;
  box-sizing:border-box;
}
.home_baner .top_title{
  text-align:center;
  font-size: 42px;
  text-transform:uppercase;
  line-height: normal;
}
.home_baner .bottom_title{
  text-align:center;
  font-family:'playwrite';
  font-size: 68px;
  line-height: normal;
}
.home_baner .count_down{
  margin-top:18px;
  text-align:center;
}
.home_baner .count_down span{
  padding:5px 21px;
  background-color: var(--jaune);
  border-radius:30px;
  font-size: 33px;
}
.bloc_infos_pratique{
  column-gap: 90px;
  padding-top:104px;
  padding-bottom:90px;
}
.bloc_infos_pratique .infos_content{
  height:fit-content;
  padding:33px 46px 35px;
  margin-top:-203px;
  background-color: var(--orange);
  color: var(--wh);
  box-sizing:border-box;
}
.bloc_infos_pratique .infos_content .title{
  padding-bottom:18px;
  margin-bottom:37px;
  font-family:'playwrite';
  font-size: 25px;
  line-height: normal;
  text-align:center;
  background:url(../img/bloc_infos_pratiques_title_line.svg)no-repeat center bottom;
}
.bloc_infos_pratique .infos_content .description{
  padding-left:45px;
  margin-bottom:22px;
  line-height: 25px;
}
.bloc_infos_pratique .infos_content .description ul{
  padding-top:5px;
  padding-left:16px;
  list-style-type:disc;
}
.bloc_infos_pratique .infos_content .adress{
  background:url(../img/bloc_infos_pratiques_adress.svg)no-repeat top left;
}
.bloc_infos_pratique .infos_content .date{
  background:url(../img/bloc_infos_pratiques_date.svg)no-repeat top left;
}
.bloc_infos_pratique .infos_content .bed{
  padding-top:3px;
  background:url(../img/bloc_infos_pratiques_bed.svg)no-repeat top left;
}
.bloc_infos_pratique .infos_content .others{
  padding-top:6px;
  background:url(../img/bloc_infos_pratiques_others.svg)no-repeat top left;
}
.bloc_infos_pratique .infos_content .page_hentry_btn a{
  display: block;
  text-align:center;
  margin-top:37px;
}
.bloc_preparations{
  padding:70px 83px;
  background-color: var(--beige);
  border-radius: 0px 137px 0px 0px;
}
.bloc_preparations .top_title{
  font-size: 16px;
  line-height: 20px;
  text-align:center;
  text-transform:uppercase;
}
.bloc_preparations h2{
  margin-bottom:53px;
  text-align:center;
}
.bloc_preparations .content{
  align-items:center;
  column-gap:83px;
  margin-bottom:65px;
}
.bloc_preparations .content .thumb{
  width:312px;
  height:312px;
  border-radius:7px;
}
.bloc_faq{
  margin-top:97px;
}
.bloc_faq > .page_hentry{
  margin-bottom:97px;
  text-align:center;
}
.bloc_faq .bloc_faq_list{
  gap:31px 39px;
}
.bloc_faq .bloc_faq_list .single{
  width: calc(50% - 21px);
  padding-bottom:34px;
  box-sizing:border-box;
  border-bottom:1px solid var(--orange);
}
.bloc_faq .bloc_faq_list .single .title{
  background:url(../img/page_home_open_faq_picto.svg)no-repeat center right;
  font-weight:500;
  font-size: 17px;
  line-height: 22px;
  text-transform:uppercase;
  list-style: none;
  cursor:pointer;
}
.bloc_faq .bloc_faq_list .single[open] .title{
  background:url(../img/page_home_close_faq_picto.svg)no-repeat center right;
}
.bloc_faq .bloc_faq_list .single > p{
  margin-top:21px;
  line-height: 22px;
}
.bloc_programme{
  column-gap:114px;
  margin-top:140px;
}
.bloc_programme .thumb{
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: baseline;
  border-radius:7px;
  width:500px;
  height:606px;
  background-repeat:no-repeat;
  background-size: auto, cover;
  background-position: top left, center;
}
.bloc_programme .thumb .thumb_title{
  position: relative;
  z-index:1;
  display: block;
  margin-top:80px;
  margin-right:-71px;
  font-family:'playwrite';
  font-size: 45px;
  line-height: normal;
  color: var(--jaune);
}
.bloc_programme .thumb .thumb_title:before{
  content:'';
  position: absolute;
  z-index:1;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
  background-image: url(../img/page_home_thumb_title_picto_haut.svg), url(../img/page_home_thumb_title_picto_bas.svg);
  background-repeat:no-repeat;
  background-position: center bottom 6px, center bottom;
}
.bloc_programme #tabs_programme{
  display: flex;
  flex-wrap: wrap;
  column-gap:10px;
  margin-top:38px;
  margin-bottom:58px;
}
.bloc_programme #tabs_programme a{
  display: inline-block;
  padding:4px 16px;
  border: 1px solid var(--orange);
  border-radius:40px;
  font-weight:500;
  line-height: 20px;
  text-decoration:none;
  color: var(--orange);
  transition: all 0.4s;
}
.bloc_programme #tabs_programme a.selected{
  background-color: var(--orange);
  color: var(--wh);
}
.bloc_programme #tabs_programme a:hover{
  background-color: var(--orange);
  color: var(--wh);
  transition: all 0.4s;
}
.bloc_programme .tabs_content{
  line-height: 22px;
}
.bloc_programme .tabs_content strong{
  font-weight:700;
}
.bloc_programme .tabs_content > p:nth-of-type(even){
  margin-bottom:30px;
}