/*
Theme Name: Web
Author: Web
Version: 1.0
*/

html,body
{
	color:#000;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:16px;
	line-height:1.4;
	font-weight:400
}


body,img,p,h1,h2,h3,h4,h5,ul,ol,li,form,blockquote
{
	margin:0;
	padding:0;
}

.logomonumok {
	height:70px!important;
	width:auto!important;
	padding-left:10px!important;
	padding-bottom:10px!important;
	float:left;
	
}

.legende a {
	text-decoration:none;
}

.legende a:hover li, .legende a:hover {
	background:#87a8c1;
	cursor:pointer;
		text-decoration:none;
}

.legende a:hover li.etap2, .legende a:hover {
	background:#065474;
	cursor:pointer;
	text-decoration:none;
}

.google-acfmap, .google-acfmap2 {
    height: 350px;
	    margin-bottom: 10px;
}

.legende {
	position:absolute;
	top:0;
	right:0;
	height:300px;
}



.legende ul {
	padding:0;
}
.legende li {
	text-align:center;
	padding:20px;
	font-size:1.2em;
	color:white;
	text-transform:uppercase;
}

.legende li img {
width:70px;
height:auto;
display:block;
margin:0 auto 5px auto;
}

.legende li.etap0 {
	background: #88b3d5;
    padding: 10px;
    font-size: 1.5em;	
}

.legende li.etap0 span {
	text-align:center;
	display:block;
	line-height:1;
	font-weight:normal
	
}

.legende li.etap1 {
	background:#88b3d5;
	
}

.legende li.etap2 {
	background:#046d99;
	font-weight:bold
	
}
.legende li.etap2 img {
	padding-top:10px
	
}

.legende li.etap2 span {
	text-align:center;
	display:block;
	line-height:1;
	font-weight:normal
	
}

.strong a {
	font-weight:bold!important;
	cursor:default;
	font-size:1em!important;
}
.strong a:hover {
	background:transparent!important;
	
}

.menu-item-268 {
	padding-top:22px;
}

.marketape {
    width: 250px;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
	
}


.marketape img {
	max-width:100%!important;
}


.marketape h2 {
    font-size: 2em;
    font-weight: 400;
    padding: 10px 0;
	line-height:1
	
}
.marketape h2 a {
    text-decoration:none;
	
}
.marketape a.badge {
	    text-decoration:none;
    background:#008fd3;
	margin:10px 0;
	
}
.marketape a.badge:hover {
    background:#046d99;
	
}

.sliacc  {
	height:500px;
	overflow:hidden;
}


.markpart {
    width: 200px;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
	
}


.markpart img {
	max-width:100%!important;
}


.markpart h2 {
    font-size: 1.3em;
    font-weight: 400;
    padding: 10px 0;
	line-height:1
	
}
.markpart h2 a {
    text-decoration:none;
	
}
.markpart a.badge {
	    text-decoration:none;
    background:#008fd3;
	margin:10px 0;
	
}
.markpart a.badge:hover {
    background:#046d99;
	
}

.rsgen {
    right: 0px;
    top: 120px;
    background-color: transparent;
    line-height: 32px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    animation: a2aFadeIn .2s ease-in;
    padding: 4px;
    background-color: transparent;
    border-radius: 6px 0 0 6px;
    position: fixed;
    z-index: 9999995;
}

.rsgen a {
    clear: left;
    display: block;
    overflow: hidden;
    padding: 4px;
    text-decoration: none;
    cursor: pointer;
}


.rssvg {
    background-color: rgb(136, 179, 213);
    border-radius: 4px;
    background-repeat: repeat;
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.rssvg svg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: auto;
    height: auto;
}

.rssvglabel {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    clip-path: polygon(0 0,0 0,0 0);
    -webkit-clip-path: polygon(0 0,0 0,0 0);
    overflow: hidden;
    height: 1px;
    width: 1px;
}



#collapsecarte .google-acfmap {
    height: 800px;
}
#collapsecarte .googlem {
    height: 800px;
	position:relative;
}

.contdeg1 {
background: #004192;
background: -moz-linear-gradient(left, #004192 0%, #009ee0 25%, #009ee0 51%, #009ee0 79%, #004192 100%);
background: -webkit-linear-gradient(left, #004192 0%,#009ee0 25%,#009ee0 51%,#009ee0 79%,#004192 100%);
background: linear-gradient(to right, #004192 0%,#009ee0 25%,#009ee0 51%,#009ee0 79%,#004192 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004192', endColorstr='#004192',GradientType=1 );
}
.contdeg1 {
background: #88b3d5;

}



.etapesdef .pre h2 {
	font-size:3.5em;
	font-weight:400;
	color:white;
	padding:5px 10px;
}

.etapesdef .apr a {
	font-size:2em;
	font-weight:400;
	color:white;
	padding:5px 10px;
	text-decoration:none;
	display:inline-block;
}

.etapesdef .apr a span {
font-size: 1.6em;
    border: 1px solid white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: 300;
    color: white;
    padding: 0;
    line-height: 0.7;
    margin-left: 20px;
    text-decoration: none;
    position: absolute;
	    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.etapesdef .apr a[aria-expanded="true"] span {
transform:rotate(90deg);
}


.galeriesphoto {
	background:#b2a38e;
}

.galeriesphoto h2 {
	font-size:3.2em;
	font-weight:300;
	color:white;
	padding:0 10px;
	letter-spacing:-1px;
	
}



ul,ol
{
	list-style:none;
	padding:10px 0;
}

.post p
{
	padding:6px 0;
	margin:0!important;
}



h1,h2,h3,h4,h5,h6
{
	color:#88b3d5;
	line-height:1.2;
}


ul,ol
{
	list-style:none;
	padding:10px 0;
}

small
{
	font-size:11px;
}


a {
  color: #88b3d5;
  text-decoration: underline;
}


a:hover {
  color: #0e71b8;
  text-decoration: underline;
}

a img
{
	border:none;
}


.aligncenter
{
	display:block;
	margin:10px auto 20px;
}

.alignleft
{
	float:left;
	margin:3px 10px 10px 0;
}

.alignright
{
	float:right;
	margin:3px 0 10px 10px;
}

#wrap
{
	width:100%;
}

.navbar-toggle
{

}

#contenu
{
	width:100%;
	z-index:99;
}

.bgimag{
	background-repeat:no-repeat;
	background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.imgbg{
	background-repeat:no-repeat;
	background-position:top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fixed{
	background-attachment:fixed;
}

#slider1 .bx-wrapper {
	background-color:transparent;
	padding: 10px 0;
}
#slider2 .bx-wrapper {
	background-color:transparent;
	padding: 0;
}

.bx-wrapper ul {
	padding:0;
}



.bleu {
	color:#008fd4;
}


.blanc {
	color:#fff;
}

.breadcrumbs {
	
	font-size:18px;
}


.bg-bleu {
	background-color:#008fd4
}

.bg-blanc {
	background-color:#fff;
}

.lienag {
	display:inline-block;
	margin:5px 0;
}


#top 
{
	width:100%;
}



}


#topmenu2
{
width:100%;
margin-top:0px;
background:white;
display:none;
position:fixed;
top:0;
z-index:999999;
}

#topmenu2 nav ul
{
	padding-top:22px;

}

#topmenu
{
width:100%;
background-color:black ;
z-index:1000;
position:relative;
}


#topmenu nav ul
{
}

#topmenu .menuabs
{
position:absolute;
top:0;
width:100%;
height:22px;
}





#topmenu .navbar-toggle .icon-bar {
	background-color:#ccc;
}

#topmenu .navbar-toggle {
}








.navbar {
  height:80px;
}

.pic {
    position: relative;
    overflow: hidden;
    display: inline-block;
    animation: anima 2s;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.pic a {
    text-decoration:none;
	color:white;
	display: block;
}





.pic img , .pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pic img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pic:hover .pic-caption {
    opacity:1
}
.pic:hover img {
        -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.pic-title {
    font-size: 1.5em;	
	color:white;
}

.pic p {
    line-height: 1.2;
	padding-top:10px;
	font-size:16px;
	color:white;
}

.pic-caption {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
	top:0;
	color:white;
    background: rgba(65, 87, 105, 0.5);
    padding: 20px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pic a.plus {
    background: white;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
    padding: 4px 10px;
    font-size: 0.9em;
    color: rgba(51, 122, 183, 1);
    border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	
}

.pic a.plus:hover {
        -webkit-transform: scale(1.1);
    transform: scale(1.1);

}

.white {
	
	padding:40px;
}

.borderok {
	
	color: #88b3d5;
	border:1px solid #88b3d5;
	margin:20px;
	text-align:center;
	min-height: 180px;
}


.tarifsok2 {
	position:relative;
}
.tarifsok {    
	width: 400px;
    position: absolute;
    bottom: -30px;
    right: 0;
}

.contt {
	text-align:center;
	background:white;	
	color:  #7293ad;
}
.contt h3, .contt h2 {	
	color:  #7293ad!important;
}
.contt h3.type {	
	font-size:25px;	
	padding-top:20px;
	padding-bottom:0;
}

.contt h3.tarif {	
	font-size:60px;
	font-weight:normal;
	line-height:1;
	padding-top:0;
}

.pluf .contdeg1 {
    background: #7293ad;
}


.borderok .dates {
	font-size:1.4em;
	font-style:italic;
	
}
.borderok h3 {
    padding: 10px 0 5px 0;;
}

.borderok .resa {
	background:#88b3d5;
	
	color:white;
	text-transform:uppercase;
	padding:10px 20px;
	font-size:1.2em;
	display:inline-block;
	text-decoration:none;
	
}
.borderok .resa:hover {
	background:#7293ad;
	
}

.blue h1 {
	font-size: 4em;
	color:white;
    text-transform: none;
    padding: 0;
    letter-spacing: -1px;
    font-weight: 300;
}
.conte, .post {
	font-size:1.2em;
}

.blue {
	padding: 20px 0 40px 0;
	background-color: #88b3d5;
	color:white;
	font-weight:normal;
	font-size:1.1em;
    line-height: 1.2;
}


.padding-xs:after, .padding-s:after, .padding-m:after, .padding-l:after, .padding-xl:after, .padding-xxl:after{
    content: '';
    display: block;
    clear: both;
}


#incontournables {
	background:#e9e8df
	
}
#incontournables h2 {
	text-align:center;
	font-size:4em;
	font-weight:400;
	color:#89b2d5;
	padding:20px 0px;
}

#incontournables h3 {
	text-align:center;
	font-size:4em;
	font-weight:400;
	color:#fff;
	line-height:1;
	padding:10px 30px;
}

#incontournables .txt {
	text-align:center;
	line-height:1;
	font-size:1.6em;
}

#incontournables .ptxt {
	position:absolute;
	padding:30px;
	color:#fff;
	width:100%;
	height:100%;
}
#incontournables .bastxt  {
	position:absolute;
	padding:100px 30px;
	width:100%;
	color:#fff;
	bottom:0;
}

#incontournables .txtbas {
	text-align:center;
	line-height:1;
	font-size:1.6em;
}

#incontournables .boutonfl {
    display: inline-block;
    border-radius: 50%;
    border: 2px white solid;
    padding: 10px;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 50%;
	left: calc(50% - 25px);
    font-size: 2.4em;
    text-decoration: none;
    color: white;
    text-align: center;
    font-weight: 300;
    line-height: 0.7;
	transition: all 0.2s ease-in;
}

#incontournables .boutonfl:hover {
	background:rgba(255,255,255,0.6)
}

#incontournables .cadree {
	position:relative;
	min-height:450px;
}



#larjc {
background: rgb(59,113,173);
background: -moz-linear-gradient(left, rgba(59,113,173,1) 0%, rgba(88,141,191,1) 20%, rgba(113,166,206,1) 50%, rgba(88,141,191,1) 79%, rgba(88,141,191,1) 79%, rgba(59,113,173,1) 100%);
background: -webkit-linear-gradient(left, rgba(59,113,173,1) 0%,rgba(88,141,191,1) 20%,rgba(113,166,206,1) 50%,rgba(88,141,191,1) 79%,rgba(88,141,191,1) 79%,rgba(59,113,173,1) 100%);
background: linear-gradient(to right, rgba(59,113,173,1) 0%,rgba(88,141,191,1) 20%,rgba(113,166,206,1) 50%,rgba(88,141,191,1) 79%,rgba(88,141,191,1) 79%,rgba(59,113,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b71ad', endColorstr='#3b71ad',GradientType=1 );
	
}
#larjc h2 {
	text-align:center;
	font-size:4em;
	font-weight:400;
	color:#fff;
	padding:20px 0px;
}


#larjc h3 {
	text-align:center;
	font-size:1.4em;
	font-weight:400;
	color:#fff;
	padding:20px 0px;
}


#larjc img {
	margin:0 auto;
	max-width:180px;
}

#larjc .txt {
	padding:30px;
	text-align:center;
	line-height:1.4;
	font-size:1.2em;
	color:white;
}
#larjc .txt a {
	color:white;
	text-decoration:none;
	font-size:120%;
}


#larjc .cadree {
	
	position:relative;
}


#jacquescoeur {
	
}

#jacquescoeur h2 {
	text-align:center;
	font-size:4em;
	font-weight:400;
	color:#fff;
	padding:20px 0px;
}


#jacquescoeur .txt h3 {
	text-align:center;
	font-size:5em;
	font-weight:300;
	color:#89b2d5;
	text-transform:uppercase;
	padding:0px;
	line-height: 1;
}


#jacquescoeur .txt, #jacquescoeur .txty {
	width:100%;
	height:100%;
	position:absolute;
	padding:30px;
}

#jacquescoeur .txt2 {
	padding:30px;
	text-align:right;
	line-height:1.2;
	font-size:1.2em;
	color:#89b2d5;
}


#jacquescoeur .txty h3 {
	text-align:left;
	font-size:3em;
	font-weight:400;
	color:#fff;
	padding:20px;
	line-height: 1;
}
#jacquescoeur .txty h3 span {
	display:block;
	font-style:italic;

}


#jacquescoeur .txty2 {
	padding: 10px 30px;
    text-align: left;
    line-height: 1.2;
    font-size: 1.2em;
    color: #fff;
}



#jacquescoeur .cadree {
	min-height:400px;
	position:relative;
	border:5px white solid;
	overflow:hidden;
}


.ensavoirplus {
	padding:5px 90px 5px 50px;
	background:#89b2d5;
	border-radius:30px;
	position:absolute;
	z-index:3;
	bottom:20px;
	left:40%;
	color:white;
	font-size:1.1em;
	text-transform:uppercase;
	text-decoration:none;
	transition: all 0.2s ease-in;
	display:inline-block;
	
}

.ensavoirplus:after {
    margin-top: -6px;
    margin-left: 10px;
    content: ">";
    display: inline-block;
    border-radius: 50%;
    border: 2px white solid;
    padding: 7px;
    width: 36px;
    height: 36px;
    position: absolute;
    font-size: 32px;
    text-decoration: none;
    color: white;
    text-align: center;
    font-weight: 400;
    line-height: 0.5;
    transition: all 0.2s ease-in;
}



.ensavoirplus:hover {
	background:#5897c8;
	text-decoration:none;
	color:white;
	transform:scale(1.05)
}
.ensavoirplus:hover:after {
	background:#fff;
	color:#5897c8;

}


#sejours {
	min-height:650px
}


.boutonsej {
	margin-top:40px;
	background:#89b2d5;
	border-radius:30px;
	padding:15px 5px;
	width: 30%;
    margin-left: 33%;
	text-align:center;
	
}
.boutonsej h3 {
	font-size:5.8em;
	color:white;
	text-transform:uppercase;
	font-weight:300;
	line-height:0.8
	
}

.boutonsej h3 span {
	font-weight:400;
	display:block;
	text-transform:none;
	font-size:1em;
	
}



#sejours  {
	position:relative;
	
	
}

#sejours .ensavoirplus {
	z-index:3;
	bottom:50px;
	
}





.photoabs {
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	height:auto;
}


.etape {
	font-size:1.2em;
}.etape p, .etape .adresse {	font-size:1.1em;}




.etape .adresse {
	color:#88b3d5;
	font-weight:bold;
}




.etape h1 {
	font-size: 4em;
    text-transform: none;
    padding: 0;
    letter-spacing: -1px;
    font-weight: normal;
	
}




.etape h2 {
	font-size:2.2em;
	padding:10px 0;
	font-weight:400;
	
}


.etape h3 {
	font-size:1.7em;
	padding:8px 0;
	font-weight:normal;
	
}
.etape h4 {
	font-size:1.4em;
	padding:5px 0;
	font-weight:normal;
	
}

.addtoany_header {
	font-style:italic;
		font-size:1.4em;
	padding:0;
	margin:0;
	font-weight:normal;
	color:#88b3d5;
		font-family: 'Alegreya Sans', sans-serif;
}

.etape .rs2,.evenement .rs2{
	padding:0;
	padding-right:20px;
	
}
.logomonum {
	height:60px;
}

.logomonum img {
	max-height:100%;
	float:left;
	padding-left:10px;
}

.evmt {
	position:relative;
	background:#88b3d5;
	color:#fff;
	font-size:1.1em;
}

.evmt  h2 {
	font-size:2.5em;
	color:#fff;
	padding:10px 0;
	font-weight:400;
	
}

.evmt  h3 {
	font-size:1.3em;
	padding:8px 0;
	font-weight:normal;
	color:#fff;
}
	


.evenement .monument {
	font-size:1.6em;
	padding:8px 0;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase
}

.evenement .date {
	font-size:1.8em;
	color:#000;
	font-style:italic;
	padding:0;
	font-weight:normal;
	text-decoration:none;
}


.evenement {
	font-size:1.2em;
}


.blue h1,.blue h2,.blue h3,.blue h4  { color:#fff;  }

.entete .pageok h1 {
	font-size: 3em;
    text-transform: none;
    padding: 0;
    letter-spacing: -1px;
    font-weight: normal;
	
}

.entete .pageok h2 {
	font-size:2.5em;
	padding:10px 0;
	font-weight:400;
	
}


.entete .pageok h3 {
	font-size:1.7em;
	font-weight:normal;
	    text-transform: uppercase;
    padding: 0 0 8px 0;
    margin: 20px 0 8px 0;
    border-bottom: 1px solid #B2B2B2;
	
}
.entete .pageok h4 {
	font-size:1.6em;
	color:black;
	padding:5px 0;
	font-weight:normal;
}

blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    font-size: 1em;
    line-height: 1.4;
    color: #000;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    overflow: hidden
}

blockquote::before {
    content: "\201C";
    font-size: 60px;
    font-weight: bold;
    color: #88b3d5;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2;
}

.entete .pageok  ul {  
    margin: 0.75em 2em;  
    padding: 0 0.6em;  
    list-style: none;  
}

.entete .pageok  ul li {  
    line-height:1  ;
	list-style-position: none;
    list-style-type: none;
}    
.entete .pageok  li:before {   
    content: "";  
    border-color: transparent #88b3d5;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 0.9em;  
    position: relative;  
} 



.evenement h1 {
	font-size: 3em;
    text-transform: none;
    padding: 0;
    letter-spacing: -1px;
    font-weight: normal;
	
}

.evenement h2 {
	font-size:2.5em;
	padding:10px 0;
	font-weight:400;
	
}


.evenement h3 {
	font-size:1.7em;
	padding:8px 0;
	font-weight:normal;
	
}
.evenement h4 {
	font-size:1.4em;
	padding:5px 0;
	font-weight:normal;
	
}

.even1 {
		font-size:0.9em;
		color:#b8e5ff;
}


.even1 .date {
		font-size:0.8em;
		font-style:italic;
		color:#fff;
		display:inline-block;
}



.even1 h3 {
	font-size:1.4em;
	line-height:1;
	color:white;
	padding:2px 0;
	font-weight:normal;
}
.even1 h3 a{
	text-decoration:none;
	color:white;
}

.even1 h3 a{
	text-decoration:none;
	color:white;
}


.even2 {
    font-size: 1em;
    min-height: 370px;
}

.even2 p {
		font-size:1.2em;
}


.even2 .date {
		font-size:1.8em;
		color:#000;
}

.even2 .upperc {
		font-size:1.3em;
		color:#000;
		text-transform:uppercase;
}


.even2 h3 {
	font-size:2.6em;
	line-height:1;
	color:#88b3d5;
	padding:2px 0;
	font-weight:normal;
	font-style:italic;
}
.even2 h3 a{
	text-decoration:none;
	color:#88b3d5;
}

.mesevt hr{
	height:3px;
	background-color:#88b3d5;
	margin:0px 10px 10px 10px
}


.badge.petit {
	
	color:#88b3d5;
	background-color:#fff;
	text-decoration:none;
	margin-bottom:15px;
	padding:4px 10px
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.badge.petit:hover {
	
	color:#88b3d5;
	padding-left:20px;
	background-color:#FFF;
}

.mesevt {
	padding-top:3%;
	min-height:250px;
}

.evmt .abso {
	position: absolute;
    width: 35%;
    height: 150px;
    right: -11%;
    top: -10%;
    padding: 0;
}


.even1 {
background-color:#88b3d5;
	
}

.laboutique{
}

.laboutique .ContenuDetailBillet #EnteteResultat #NbResulat {
	font-size:1.6em;
	
}
.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet {
	padding:20px;
     min-height: 200px;
	 
     margin-bottom: 20px;
	
}

.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images img {
    border: 0;
 /*   width: 250px; */
    width: 100%;
    margin: 0;
}

.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images a {
	display: block;
    margin: 5px;
  /*  height: 150px; */
    height: auto;
    overflow: hidden;
}


.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images {
    background-color: #fff;
    border: solid 1px #ccc;
    left: 0;
    overflow: hidden;
    position: static;
    top: 0;
    width: 100%;
}

.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit  .Intitule {
  /*  font-size:2.5em; */
    font-size: 1.8em;
	color: #88b3d5;
  padding-left: 0px;
  padding-top: 0.3em;   /* modif */
}

.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Intitule a{
	color: #88b3d5;
}



.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType {
	float: left;
    width: 100%;
     padding-left: 0px;
}

.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType .Type {
    /*font-size:2em; */
    font-size: 1.5em;
	color: #000;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase
}


.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType  .DateInfo {
/*	font-size:2em; */
font-size: 1.5em;
	color: #000;
	display: block;
}


.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Description {
    min-height: 50px;
	font-size:1.5em;
    overflow: hidden;
    padding: 10px 10px 10px 0px;
    text-overflow: ellipsis;
    clear: left;
}


.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .Tarifs {
    color: #000;
    float: left;
    font-size: 2em;
    font-weight: normal;
    margin: 5px 0;
    padding: 10px 0;
    text-align: center;
    width: 19%;
    border-radius: 0;
    background-color: transparent;
}

.laboutique .OsProduit.api .ContenuDetailBillet .BtnReserver a {
    background-color: #88b3d5;
    color: #000;
    display: block;
    padding: 0 30px;
    line-height: 2;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px;
}

.laboutique .ContenuDetailBillet .Pagination .Suivante a {
    padding: 10px 30px 10px 15px;
    text-decoration: none;
    font-size: 1.6em;
    border: none!important;
    line-height: 0.6;
	margin:15px 0;
}


.laboutique .ContenuDetailBillet .Pagination .Precedente a {
    padding: 10px 15px 10px 30px;
    text-decoration: none;
    font-size: 1.6em;
    border: none!important;
    line-height: 0.6;
	margin:15px 0;
}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 20px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #e9e8df;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    box-shadow: none
}




@media screen and (min-width: 500px) {
    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images {
        position: static;
        width: 50%;
        float: left;
		margin-right: 20px;
    }

    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType {
        width: 50%;
    }
}


@media screen and (min-width: 630px) {

    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Description {
        clear: none;
    }
	.laboutique .OsProduit.api .ContenuDetailBillet .BtnReserver a {
    padding: 0 10px;
    font-size: 1.6em;
    margin: 0 5px;
}
}

@media screen and (min-width: 800px) {
		.BlocType .Clear {
		clear:none;
	}
	    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Description {
        clear: none;
    }
	
.laboutique .OsProduit.api .ContenuDetailBillet .BtnReserver a {
    padding: 0 10px;
    font-size: 1.6em;
    margin: 0 5px;
}
    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images {
        position: static;
        width: 40%;
        float: left;
		margin-right: 20px;
    }

    
.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType {
    width: 100%;
	float:none;
}
}

@media screen and (min-width: 1300px) {
	.BlocType .Clear {
		clear:none;
	}

    .laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .Images {
        position: static;
        width: 30%;
        float: left;
		margin-right: 20px;
    }


.laboutique .OsProduit.api .ContenuDetailBillet .BlocDescriptionDetail .Billet .BlocProduit .BlocType {
    width: 100%;
	float:none;
}
	
}


	
nav
{

}



nav ul#primary-menu
{
	position:relative;
	z-index:9999;
	list-style:none; 
	margin:0; 
	padding:0; 
	font-weight: normal;
	padding-left:0px;
	float:left!important;

}

nav ul#primary-menu > li:first-child
{
	margin-left:50px;

}
nav ul#primary-menu > li 
{
	float:left;
	position:relative;
	padding:10px 10px;
	border-right:1px solid #aaa;
	width:120px;

}

nav  ul#primary-menu > li:last-child > a
{
	border-right: none;
}


nav ul#primary-menu > li > a 
{
	display:inline-block;
	text-decoration:none;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	padding:0 !important;
    height: 60px;
    line-height: 1.2;
}


nav ul#primary-menu > li li a 
{
	display:inline-block;
	text-decoration:none;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#000;
}


nav > ul > li:hover{

}

nav .current_page_item ,nav .current_page_ancestor, nav .current_page_item:hover{


}


.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    background-position: 0 -1px!important;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: -43px -1px!important;
}


nav .current_page_item > a ,nav .current_page_ancestor > a{
	color: #fff!important;
    padding-bottom: 6px;
    border-bottom: #368caa 4px solid!important;
}


.nav > li > a:hover{
	    color: #368caa!important;
	
}


 nav .current_page_item  > a:hover{
	color:#fff!important;
}



.logoabs {
	position:absolute;
	width:300px;
	top:0;
	background: #b2a38e;
	left:6%;
}

.titreabs {
	position:absolute;
	width:300px;
	top:162px;
	background:rgba(122, 164, 197, 0.8 );
	left:6%;
	color:white;
}

.titreabs h2 {
	color:white;
	font-size:40px;
	font-weight:normal;
	padding:5px 0 0 0;
}

.titreabs h2 span {
	color:white;
	display:block;
	font-size:60px;
	font-weight:100;
	line-height: 0.85;
	letter-spacing:-2px
	
}

.titreabsetape {
	position:absolute;
	width:300px;
	top: 275px;
	background:rgba(122, 164, 197, 0.8 );
	left:6%;
	color:white;
}



.titreabsetape h2 {
    color: white;
    font-size: 1.8em;
    display: block;
    font-weight: 100;
}

.titreabsetape h2 span {
    font-weight: bold;
    color: white;
    font-style: italic;
    display: block;
    font-size: 1.9em;
    line-height: 0.85;
    letter-spacing: 0px;
}

.titreabsetape .savoir {
	color:white;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:50px;
	text-decoration:none;
	display:inline-block;
	
}

.titreabsetape .savoir span {
margin-left: 10px;
    padding-left: 5px;
    font-style: italic;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 20px;
    display: inline-block;
    height: 20px;
    font-size: 1em;

	
}


.img-responsive2 {
  display: block;
  width: 100%;
  height: auto;
}


.titrers {
	font-size:28px;
	color:#008fd4;
	text-decoration:none;
	padding-bottom:10px;
	font-style:italic
	
}


.rs img {
	float:left;
	margin-right:10px;
}


.filariane {
	padding:25px;
	background:#fff;
	box-shadow: 0 15px 15px #EEE;
	position: relative;
	z-index:2;
	
}


.contenu {
	padding:80px 30px;
	font-size:18px;
	
}



	
.title h2
{
	color: #7e7f81;
	text-transform:uppercase;
	font-size:24px;
	font-weight:normal;
	padding-left:10px;
}
	
	


.thumbnail {
    background-color: rgba(255,255,255,.6);
    border: 0 none;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	margin:20px;
}

.thumbnail .caption {
    color: inherit;
}



.cadre100 {
	min-height:100px;
}

.cadre200 {
	min-height:200px;
}

.cadre300 {
	min-height:300px;
}

.cadre400 {
	min-height:400px;
}

.cadre500 {
	min-height:500px;
}



h1
{
	font-size:45px;
	font-weight:bold;
	text-transform:uppercase;
}


h2
{
	font-size:32px;
	font-weight:bold;
	padding:15px 0;
}

h3
{
	font-size:22px;
	font-weight:bold;
	padding:10px 0;
}

h4
{
	font-size:20px;
	font-weight:normal;
	padding:5px 0;
}

h5
{
	font-size:16px;
	font-weight:normal
}




#contentw 
{
	width:100%;
}

#contentw .container
{
background:url() repeat top left;

}


.content
{

}


.post
{
}




.post ul
{
	padding-left:15px;

}


.post ul li
{
	list-style-position: outside;
	list-style-type: square; 
}


form
{
	margin:0;
	margin-top:10px;
}


form p
{
	margin:0;
	padding:5px 0;
}

 form label
{
  padding-top:3px;
}



div.wpcf7-response-output {
    clear: both;
	}

form label input
{
	width:220px;
	font-size:14px;
	background:#fff;
	color:#000;
	padding:6px 4px;

}

form textarea
{
	margin-bottom:10px;
	display:block;
	font-size:14px;
	color:#000;
	padding:3px;
	height: 100px;
	border: 1px solid #7e7f81;
	width:100%;
	margin:5px;
	
}

form input
{

	border: 1px solid #7e7f81;
	padding:3px;
	margin:5px;
	width:100%;

}


form#searchform{
    margin-top: 30px;
}

form#searchform input {
	border: 1px solid #7e7f81;
	padding:3px;
	margin:5px;
	max-width:200px;
	float:left;	
}

.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    padding: 3%;
    border: 1px solid #7e7f81;
}


input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
	border: 2px solid #7e7f81;
	background : #fff;
	color : #7e7f81;
	padding:10px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
    width:150px;
	margin-right:30px;
}





.bx-wrapper .bx-viewport {
	left: 0px!important; 
}


#slider22 .bx-wrapper {
	min-height:370px!important;
	background:transparent!important;
	
}

#slider22 .bx-wrapper .bx-pager {
    position:absolute;
	bottom:0;
}

.bx-wrapper {
	margin: 0 auto!important; 
}


.bxslider {
	padding: 0 !important; 
}


.bxslider,.bxslider2,.bxsans{
    margin: 0!important; 
    padding: 0!important; 
}

.bxslider li,.bxslider2 li,.bxsans li {
    margin: 0!important; 
    padding: 0!important; 
	list-style-position: none!important; 
	list-style-type: none!important; 
}


.bxsans img {
    max-width: 100%;
    display: block;
}



#sidebar
{

}



#sidebar h1
{
	font-size:30px;
	font-weight:bold;
	color:#982868;
	line-height:1.2;
	text-transform:uppercase;
}


#sidebar h2
{
	font-size:22px;
	font-weight:bold;
	color:#7c7d7f;
	line-height:1.2;
}


#cadreimages
{
	float:left;
}



footer {
    background-color: #000;
    padding-bottom: 2em;
}

.logojcnoir {
    width: 60%;
height: auto;
}

.imglogo {
    width: 2em;
    margin: 0 0.2em 0 0.2em;
}

.imglogo:hover {
    opacity: 0.6;
}

.berryprovince {
    max-width: 100px;
    margin-top: 2em;
}



.liens a {
    display: block;
    transition: all 0.2s ease-in;
}
.liens a:hover {
    text-decoration: none;
    color:#fff;
}

.liens a:before {
    content:"";
    transition: all 0.2s ease-in;
}


.liens a:hover:before {
    content:"> "
}

.lienslarge {
    padding-bottom:30px;
}

.textfooter {
	text-align: center;
}



#footer
{
	width:100%;
}


#footer .container
{
padding:30px;

}


#footer h3
{
color:white;
font-size:22px;
}

#footer a
{
color:#fff;
text-decoration:none;
}
#footer a:hover
{
color:#d3a2be;
text-decoration:none;
}



.footer {
padding:40px 40px;
color:white;
font-size:18px;
}

.footer a
{
	text-decoration:underline;
	color:white;
	font-size:18px;

}


.footer h3 {
font-weight:bold;
color:white;
text-transform:uppercase;
font-size:34px;
padding-bottom:5px
}

.footer h3:after {
content:"";
display:block;
width:30px;
height:5px;
background-color:white;
margin-bottom:10px
}


.footer ul
{
	list-style:none; 
	margin:0; 
	padding:0; 
	font-weight: normal;

}

.footer ul li 
{
	float:none;
	position:relative;
	padding:3px 0;
	border:none;
	color:white;
	font-size:18px;

}

.footer ul li a
{
	text-decoration:none;
	color:white;
	font-size:18px;

}




.coll1 {

}

.coll2 {

}

.coll3 {


}


/*  MEGA MENU  */



.navbar-megamenu{}.navbar-megamenu .navbar-brand{color:#fff;font-weight:800}.navbar-megamenu .navbar-nav>li>a{color:#fff}.navbar-megamenu .navbar-nav>li>a:hover,.navbar-megamenu .navbar-nav>li>a:focus{color:#fff}.navbar-megamenu .navbar-nav>li.active>a,.navbar-megamenu .navbar-nav>li.active>a:hover,.navbar-megamenu .navbar-nav>li.active>a:focus,.navbar-megamenu .navbar-nav>li.open>a,.navbar-megamenu .navbar-nav>li.open>a:hover,.navbar-megamenu .navbar-nav>li.open>a:focus{}.navbar-megamenu .navbar-nav>li.megamenu{position:static}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu{min-width:900px}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column{width:220px;display:block;float:left}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .divider{margin:16px 20px 10px;max-width:60px}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column ul{padding:0;margin:0;list-style:none}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a{font-size:13px;padding:3px 20px;display:block;color:#333}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:hover,.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column a:focus{background-color:#f5f5f5;color:#333}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column span.sub{font-size:11px;line-height:1.6em;margin-top:-4px;padding:2px 20px;display:block}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a{font-size:14px;color:#2E7DD9;font-weight:600}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .featured-image a img{padding:5px 0}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description{padding:3px 0}.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column .description a{display:none}aside{position:relative}footer{position:relative}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: none;
}


/*  FIN MEGA MENU  */




.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.margin-xs {
   margin: 5px !important;
}
.margin-s {
   margin: 10px !important;
}
.margin-m {
   margin: 15px !important;
}
.margin-l {
   margin: 20px !important;
}
.margin-xl {
   margin: 30px !important;
}
.margin-xxl {
   margin: 50px !important;
}
.margin-left {
margin-right:0!important;
margin-top:0!important;
margin-bottom:0!important;
}
.margin-right {
margin-left:0!important;
margin-top:0!important;
margin-bottom:0!important;
}
.margin-top {
margin-left:0!important;
margin-bottom:0!important;
margin-right:0!important;
}
.margin-bottom {
margin-left:0!important;
margin-top:0!important;
margin-right:0!important;
}


.padding-xs:after , .padding-s:after , .padding-m:after , .padding-l:after , .padding-xl:after , .padding-xl:after  {
   clear:both
}

.padding-xs {
   padding: 5px !important;
}
.padding-s {
   padding: 10px !important;
}
.padding-m {
   padding: 15px !important;
}
.padding-l {
   padding: 20px !important;
}
.padding-xl {
   padding: 30px !important;
}
.padding-xxl {
   padding: 50px !important;
}
.padding-left {
padding-right:0!important;
padding-top:0!important;
padding-bottom:0!important;
}
.padding-right {
padding-left:0!important;
padding-top:0!important;
padding-bottom:0!important;
}
.padding-top {
padding-left:0!important;
padding-bottom:0!important;
padding-right:0!important;
}
.padding-bottom {
padding-left:0!important;
padding-top:0!important;
padding-right:0!important;
}

.padding-topbottom {
padding-left:0!important;
padding-right:0!important;
}

.padding-leftright {
padding-top:0!important;
padding-bottom:0!important;
}


.post img {
    display: block;
    max-width: 100%;
    height: auto;
}


.galeriee img {
	
	max-height:130px;
	max-width:130px;
	height:auto;
	width:auto;
	margin:10px auto;
}

.galeriee {
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
	margin:10px;
	padding:10px;
	text-align:center;
	min-height:330px
}


.btndoc {
	 
font-size: 0.9em!important;
    background: #0e71b8;
    padding: 2px 10px!important;
    margin-top: 10px!important;
    color: white!important; 
}

	
	
.archbt {
	    color: #88b3d5;
    background-color: white;
    text-decoration: none;
	float: right;
}

.galeriee span{
    display:block;
	text-align:center
}


.galeriee .caption a{
    text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	color:#0e71b8;
}
.galeriee .caption a:hover{
	color:#000;
}




.navbar-toggle {
  border: none;
  background: transparent !important;
}

.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
.navbar-toggle .middle-bar {
    opacity: 0;
  }
.navbar-toggle  .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }


.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
  }
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
  }
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
  }


 .reduc {
	     background: #88b3d5;
		  color: #fff;
		  padding: 5px 10px;
		  border-radius:20px;
		  display:inline-block;
		  font-size:1.5em;
 } 
	
/* ############# footer ############ */
footer {
    background-color: #000;
    padding-bottom: 2em;
}

.logojcnoir {
    width: 60%;
height: auto;
margin: 0 auto;
}

.imglogo {
    width: 2em;
    margin: 0 0.2em 0 0.2em;
}

.imglogo:hover {
    opacity: 0.6;
}

.berryprovince {
    max-width: 100px;
    margin-top: 2em;
}

.bordureblanche {
	margin:20px; padding:20px; border-right:1px solid white
}

footer a {
    text-decoration: none;
color: #fff;
}

.footeradresse {
    color: #3b8fce;
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
font-size: 0.8em;
}

.rowadresse {
    border-top: 2px solid #3b8fce;
border-bottom: 2px solid #3b8fce;
font-size: 1.5em;
background: #000;
}

footer h6 {
    margin-bottom: 0.5em;
    margin-top: 0;
    font-size: 1.4em;
    font-style: italic;
    font-weight: normal;
    border-bottom: 1px solid #footer a {
    text-decoration: none;
color: #fff;
}

.footeradresse {
    color: #3b8fce;
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
}

.rowadresse {
    border-top: 2px solid #3b8fce;
border-bottom: 2px solid #3b8fce;
font-size: 1.5em;
background: #000;
}

footer h6 {
    margin-bottom: 0.5em;
    margin-top: 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight: normal;
    color: #88b3d5;
    border-bottom: 1px solid #88b3d5;
    display: inline-block;
}

    display: inline-block;
}

.liens a {
    display: block;
    transition: all 0.2s ease-in;
}
.liens a:hover {
    text-decoration: none;
    color:#fff;
}

.liens a:before {
    content:"";
    transition: all 0.2s ease-in;
}


.liens a:hover:before {
    content:"> "
}

.lienslarge {
    padding-bottom:30px;
}

.textfooter {
	text-align: center;
}




/* ############# footer ############ */


.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
	    font-size: 1.2em;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}

a.page-numbers:hover {
	    color: #f39c12;
    text-decoration: none;
}


.pagination {
    margin: 30px 0 50px 0;
}


#more-29 {
	content:"lire la suite ...";
	padding:10px;
	color:blue;
	display:block;
	height:30px;
	
}


   
   /* ############# select ############ */



/* Reset Select */
.menuevt select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #88b3d5;
  background-image: none;
}
/* Custom Select */
.selectnews {
    margin-top: 30px;
    position: relative;
    display: block;
    width: 200px;
    height: 3em;
    line-height: 3;
    background: #88b3d5!important;
    overflow: hidden;
    border-radius: .25em;
    float: left;
    margin-right: 10px;
}
.selectnews input {
    color:#fff;
	margin: 0;
	padding: 0 0 0 1em;
	color: #fff;
	border: none;
	font-size: 1.2em;
    background: #88b3d5!important;
}
input.boutonag {
	color:white;
	margin-top:30px;
	padding:0 0 0 0;
	font-size: 1.2em;
    position: relative;
    display: block;
    width: 80px;
    height: 2.6em;
line-height: 2;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em;
    float: left;
    margin-right: 10px;
}
.menuevt select {
  width: 100%;
  height: 100%;
  margin: 0;
	padding: 0 0 0 1em;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1;
}

.menuevt option {
    margin: 4px 8px;
}
.menuevt select::-ms-expand {
  display: none;
}
/* Arrow */
.selectnews::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #5784a7;
  color: white;
  pointer-events: none;
}
/* Transition */
.selectnews:hover::after {
  color: #f39c12;
}
.selectnews::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}



.accueilfond {
    min-height:450px; 
}

   
   /* select */
   
   
   
.lieu {
    color: white;
    background: #88b3d5;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 1em;
    display: inline-block;
}


   
.widget {
    color: white;
    background: #449c1e;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 1em;
    display: inline-block;
}
   
.widget2 {
    color: white;
    background: #449c1e;
    border-radius: 15px;
    padding: 2px 5px;
    font-size: 0.8em;
    display: inline-block;
}



.bx-wrapper .bx-controls-direction a {
    top: 30%!important;
}
	
	

.cb 
{ 
	clear:both 
}


@media (min-width: 1460px) {
    .container {
        width: 1400px;
    }
	
		#jacquescoeur .cadree {
    min-height: 300px;
}
	
}


@media (min-width: 1700px) {
    .container {
       width: 1660px;
    }
	

	

}


@media only screen and (min-width: 1460px) and (max-width: 1699px) {
	
	#incontournables .cadree {
    min-height: 380px;
}

#incontournables h3 {
    font-size: 3.5em;
}

	
.evmt .abso {
    width: 40%;
    right: -13%;
    top: -8%;
}	
		
	

}
@media only screen and (min-width: 1201px) and (max-width: 1459px) {
	

	
.evmt .abso {
    width: 42%;
    right: -16%;
    top: -8%;
}	
		
	
	
nav ul#primary-menu > li:first-child
{
	margin-left:0px;

}

.logoabs {
    width: 240px;
    left: 2%;
}

.titreabs {
    width: 240px;
    left: 2%;
}


.titreabs {
	top:113px;
}
.titreabs h2 {
    font-size: 40px;
    line-height: 1.05;
}

nav ul#primary-menu > li {
    width: 108px;
	padding: 10px 7px;
}

#jacquescoeur .cadree {
    min-height: 300px;
}
#jacquescoeur .cadree  .img-responsive {
    display: block;
	max-width:600px;
	height:auto;
    width: auto;
    max-height: 100%;
}

#jacquescoeur .txt h3 {
    font-size: 3em;
}

#jacquescoeur .txt2 {
    padding: 15px 30px 15px 150px;
    line-height: 1.1;
    font-size: 1.1em;
}

.boutonsej {
    border-radius: 20px;
    width: 35%;
    margin-left: 33%;
}



.padding-l {
   padding: 18px !important;
}
.padding-xl {
   padding: 26px !important;
}
.padding-xxl {
   padding: 40px !important;
}


.dropdown-menu {
    left: -144px;
}

#incontournables .padding-xl {
    padding: 10px !important;
}


#incontournables .cadree {
    position: relative;
    min-height: initial;
}


#incontournables .photoabs {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}

#incontournables .ptxt {
    position: absolute;
    padding: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
}

#incontournables .bastxt {
    position: absolute;
    padding: 10px 10px 0 0;
    width: 100%;
    color: #fff;
    bottom: 80px;
}

#incontournables h3 {
    text-align: center;
    font-size: 3em;
}


}




@media only screen and (min-width: 992px) and (max-width: 1200px) {
body {
		font-size:15px;
}


.logojcnoir {
    width: 80%;
height: auto;
}


.evenement h1 {
	font-size: 3em;
	
}

.accueilfond {
    min-height:380px; 
}

	
.etape h1, .blue h1 {
    font-size: 3.5em;
}

.evmt h2 {
    font-size: 2em;
}

.etape h2 {
    font-size: 2em;
}

.etape p, .etape .adresse {
    font-size: 1em;
}

.evmt .abso {
    width: 46%;
    right: -47px;
    top: -44px;
}
	
	
nav ul#primary-menu > li:first-child
{
	margin-left:70px;

}

.logoabs {
    width: 220px;
    left: 0;
}

.titreabs {
    width: 220px;
    left: 0;
}


.titreabs {
	top:98px;
}
.titreabs h2 {
    font-size: 40px;
    line-height: 1.05;
}


nav ul#primary-menu > li {
    width: 100px;
	padding: 10px 5px;
}

nav ul#primary-menu > li.menu-item-251 {
	    width: 82px;
}

nav ul#primary-menu > li.menu-item-252 {
	    width: 72px;
}


nav ul#primary-menu > li.menu-item-254 {
	    width: 72px;
}

nav ul#primary-menu > li.menu-item-247 {
	    width: 82px;
}







#larjc h2, #incontournables h2, .etapesdef .pre h2 {
    font-size: 3em;
}


#incontournables h3 {
	
}

#jacquescoeur .cadree {
    min-height: 350px;
}
#jacquescoeur .cadree .ensavoirplus {
	left:20%
}
#jacquescoeur .cadree  .img-responsive {
    display: block;
	max-width:600px;
	height:auto;
    width: auto;
    max-height: 100%;
}


#jacquescoeur .txt h3 {
    font-size: 3em;
    font-weight: 400;
}

#jacquescoeur .txt, #jacquescoeur .txty {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 20px;
}

#jacquescoeur .txt2 {
    padding: 15px 30px 15px 180px;
    line-height: 1.1;
    font-size: 1.1em;
}

.boutonsej {
    border-radius: 20px;
	width: 40%;
    margin-left: 30%;
}

#larjc img {
    margin: 0 auto;
    max-width: 120px;
}

#larjc .txt {
    padding: 20px;
}

#incontournables h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    padding: 10px 10px;
}

.boutonsej h3 {
    font-size: 5em;
}


#incontournables .padding-xl {
    padding: 10px !important;
}


#incontournables .cadree {
    position: relative;
    min-height: initial;
}


#incontournables .photoabs {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}

#incontournables .ptxt {
    position: absolute;
    padding: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
}

#incontournables .bastxt {
    position: absolute;
    padding: 10px 10px 0 0;
    width: 100%;
    color: #fff;
    bottom: 80px;
}

#incontournables .txt {
    text-align: center;
    line-height: 1;
    font-size: 1.2em;
}


#sejours {
    min-height: 500px;
}


.ensavoirplus {
    padding: 5px 90px 5px 50px;
    background: #89b2d5;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 37%;
    color: white;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in;
    display: inline-block;
}




.padding-l {
   padding: 15px !important;
}
.padding-xl {
   padding: 20px !important;
}
.padding-xxl {
   padding: 40px !important;
}	


.dropdown-menu {
    left: -96px;
}



.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu {
    min-width: 750px;
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column {
    width: 180px;
    display: block;
    float: left;
}


.sliacc  {
	height:430px;
}




}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.logojcnoir {
    width: 100%;
height: auto;
}


.sliacc  {
	height:350px;
}


    .accueilfond {
        min-height:280px; 
    }
    
    .evenement h1 {
        font-size: 3em;
        
    }

    .even2 h3 {
        font-size: 2.4em;
    }
    

body {
		font-size:15px;
}
	
.etape h1, .blue h1 {
    font-size: 3.5em;
}

.evmt h2 {
    font-size: 2em;
}

.etape h2 {
    font-size: 2em;
}

.etape p, .etape .adresse {
    font-size: 1em;
}

.evmt .abso {
    width: 39%;
    right: -15%;
    top: -7%;
}

.padding-xs {
   padding: 4px !important;
}
.padding-s {
   padding: 8px !important;
}
.padding-m {
   padding: 12px !important;
}
.padding-l {
   padding: 15px !important;
}
.padding-xl {
   padding: 20px !important;
}
.padding-xxl {
   padding: 30px !important;
}


.navbar-toggle {
    display: block;
}

#topmenu .container   {
     width: 100%;
}


nav ul#primary-menu {
 background:#000;
	
  }
  
  nav ul#primary-menu > li {
  padding:8px!important;
    float: none!important;
    position: relative;
    border: none;
	text-align:right;
	width:100%;
	margin:0!important
	
  }
  
  
  .navbar-collapse.collapse {
    display: none!important;
}


.collapse.in {
    display: block!important;
}

  
  nav ul#primary-menu > li > a {
    font-size: 16px;
    color: #fff;
    padding: 0 !important;
    height: auto;
}


.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column {
    width: 100%;
    display: block;
    float: none;
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu {
	margin : 30px 0;
    min-width: 90%;
    width: 90%;
    float: right!important;
    position:static;
}

.dropdown-menu {
    left: -50px;
}


#incontournables .padding-xl {
    padding: 5px !important;
}


#incontournables .cadree {
    position: relative;
    min-height: initial;
}


#incontournables .photoabs {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}

#incontournables .ptxt {
    position: absolute;
    padding: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
}

#incontournables .bastxt {
    position: absolute;
    padding: 10px 10px 0 0;
    width: 100%;
    color: #fff;
    bottom: 70px;
    font-size: 0.8em;
}

#incontournables .txt {
    text-align: center;
    line-height: 1;
    font-size: 1.2em;
}


#incontournables h2 {
    font-size: 2.5em;
}


#larjc h2 {
    font-size: 2.5em;
}


.etapesdef .pre h2 {
    font-size: 2.5em;
}


nav ul#primary-menu > li li a {
    display: inline-block;
    text-decoration: none;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #fff;
}


  
  .navbar-collapse {
    padding:0;
    overflow: hidden;
    box-shadow: none
}

.navbar-header {
    float: none;
}


.logoabs {
    width: 30%;
    left: 0;
    z-index: 9999;
    max-width: 180px;
}

  
  nav ul li a {
	border:none;
	
  }
  
  
  nav ul {
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
    float: none !important;
	width:100%;
}

nav ul#primary-menu > li li a {
    display: inline-block;
    text-decoration: none;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #000;
}

#larjc img {
    margin: 0 auto;
    max-width: 120px;
}

.titreabs {
    width: 400px;
    top: 100px;
}


.boutonsej {
    width: 50%;
    margin-left: 25%;
    font-size: 0.9em;
}


#larjc .padding-l, #larjc .padding-xl {
    padding:8px!important
}

#jacquescoeur .cadree .img-responsive {
    display: block;
    max-width: 800px;
    height: auto;
    width: auto;
    max-height: 100%;
}

#jacquescoeur .txt2 {
    padding: 10px;
    text-align: center;
    line-height: 1.2;
    font-size: 1.2em;
    color: #89b2d5;
    background:rgba(255,255,255,0.7)
}

.cadree .ensavoirplus {
    padding: 5px 60px 5px 20px;
    background: #89b2d5;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 15%;
    color: white;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in;
    display: inline-block;
}

.cadree  .ensavoirplus:after {
    margin-top: -6px;
    margin-left: 10px;
    content: ">";
    display: inline-block;
    border-radius: 50%;
    border: 2px white solid;
    padding: 7px;
    width: 30px;
    height: 30px;
    position: absolute;
    font-size: 24px;
    text-decoration: none;
    color: white;
    text-align: center;
    font-weight: 400;
    line-height: 0.5;
    transition: all 0.2s ease-in;
}

#jacquescoeur .txt h3 {
    font-size: 2.5em;
    font-weight:400;
}
    
#jacquescoeur .txty h3 {
    font-size: 2.5em;
    padding: 10px;
}


#incontournables h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    padding: 5px;
}

}

@media only screen and (max-width: 767px) {
    
    .sliacc  {
	height:auto;
}

.tarifsok {
    width: 65%;
    bottom: -10px;
}

.contt h3.type {
    font-size: 19px;
    padding-top: 10px;
}
.contt h3.tarif {
    font-size: 39px;
}

    #jacquescoeur .cadree .img-responsive {
        display: block;
        width: 800px!important;
        height: auto;
        width: auto;
        max-height: inherit;
        max-width: 622px;
    }
    
    #jacquescoeur .txt2 {
        padding: 10px;
        text-align: center;
        line-height: 1.2;
        font-size: 1.2em;
        color: #89b2d5;
        background:rgba(255,255,255,0.7)
    }
    
    .cadree .ensavoirplus {
        padding: 5px 60px 5px 20px;
        background: #89b2d5;
        border-radius: 30px;
        position: absolute;
        z-index: 3;
        bottom: 20px;
        left: 15%;
        color: white;
        font-size: 0.9em;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.2s ease-in;
        display: inline-block;
    }
    
    .cadree  .ensavoirplus:after {
        margin-top: -6px;
        margin-left: 10px;
        content: ">";
        display: inline-block;
        border-radius: 50%;
        border: 2px white solid;
        padding: 7px;
        width: 30px;
        height: 30px;
        position: absolute;
        font-size: 24px;
        text-decoration: none;
        color: white;
        text-align: center;
        font-weight: 400;
        line-height: 0.5;
        transition: all 0.2s ease-in;
    }
    
    #jacquescoeur .txt h3 {
        font-size: 2em;
        font-weight:400;
    }
        
    #jacquescoeur .txty h3 {
        font-size: 2em;
        padding: 10px;
    }
    


    .pic-title {
        font-size: 0.9em;
        line-height:1.1;
        color: white;
    }

    .pic a.plus {
        font-size:0.8em;
        margin-top: 5px;
        padding: 2px 5px;
        border-radius: 4px;
    }

    .accueilfond {
        min-height:200px; 
    }
    

    .even2 h3 {
        font-size: 2.2em;
    }

    .even2 .date {
        font-size: 1.4em;
    }
    

    .even2 {
        min-height: initial;
    }

body {
		font-size:14.5px;
}


.evenement h1 {
    font-size: 2.5em;
    
}

.etape h1, .blue h1 {
    font-size: 2.6em;
	line-height:1.1
}

.evmt h2 {
    font-size: 1.8em;
}

.etape h2 {
    font-size: 1.8em;
}

.etape p, .etape .adresse {
    font-size: 1em;
}

.evmt .abso {
    width: 39%;
    right: -15%;
    top: -7%;
}


#sejours {
    min-height: 550px;
}
	
	
	
	.nav-tabs > li {
    float: none;
    margin-bottom: 0;
}
.padding-xs {
   padding: 3px !important;
}
.padding-s {
   padding: 5px !important;
}
.padding-m {
   padding: 10px !important;
}
.padding-l {
   padding: 15px !important;
}
.padding-xl {
   padding: 20px !important;
}
.padding-xxl {
   padding: 25px !important;
}

#larjc img {
    margin: 0 auto;
    max-width: 120px;
}

#jacquescoeur .cadree {
    min-height: 280px;
}

#jacquescoeur .txt2 {
    padding: 10px;
    text-align: center;
    line-height: 1.2;
    font-size: 1em;
    color: #89b2d5;
}



.boutonsej {
    margin-top: 40px;
    margin-left:auto;
    background: #89b2d5;
    border-radius: 20px;
    padding: 20px;
    width: auto;
    text-align: center;
    font-size: 0.8em;
    display:inline-block;
}



#sejours {
    min-height: 450px;
}



.ensavoirplus {
    padding: 5px 90px 5px 50px;
    position: absolute;
    left: 20%;
}


#sejours .ensavoirplus {
    position:static;
    display:inline-block;
    margin-top: 80px;
}


#larjc h2, #incontournables h2, .etapesdef .pre h2 {
    font-size: 2.2em;
}

.etapesdef .apr a {
	    font-size: 1.5em;
}

.etapesdef .apr a span {
	font-size: 1.4em;
    border: 1px solid white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-weight: 300;
    padding: 0;
    line-height: 0.8;
    margin-left: 10px;
}

#incontournables h2 {
    padding: 10px 0px;
}

#incontournables h3 {
    font-size: 2.5em;
}

#incontournables .cadree {
    position: relative;
    height: auto;
	min-height:280px;
}

.accueil1 .bx-viewport {
	min-height:440px
}

.titreabs {
    position: static;
    width: 100%;
    display: block;
	    background: #a5c8e3;
}


.accueil1 .bx-wrapper {
background: #a5c8e3;
}

#incontournables .photoabs {
    position: relative;
}

#incontournables .ptxt{
    top:0
}

#incontournables .bastxt {
    padding: 0;
    bottom: 80px;
}

#incontournables .txtbas {
    text-align: center;
    line-height: 1;
    font-size: 1.6em;
}


.logoabs {
    width: 30%;
    left: 0;
	z-index:9999;
	max-width:180px;
}

.logoabs .padding-m {
    padding: 3px!important;
} 

.navbar-toggle .icon-bar {
    width: 34px!important;
    height: 3px!important;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px!important;
}


.menu-item-268 {
    padding-top: 0px;
}

.navbar-toggle {
    margin-bottom: 0px!important;
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu {
    min-width: 100%;
}


.navbar {
    /* height: 104px; */
    height: 54px;
}

.nav-header {
}


	   
	   
.legende {
	position:absolute;
	bottom:0!important;
	top:initial;
	right:0;
	height:auto;
	    background: #88b3d5;
}

.legende li {
	padding:10px;
	font-size:0.8em;
	float:left;
	width:25%;
	line-height:1.1;
}

.legende li img {
width:35px;
margin:0 auto 5px auto;
}

.legende li.etap0 {
    padding: 10px;
    font-size: 1em;	
}

.legende li.etap2 {
    font-size: 0.65em;
}




nav ul#primary-menu {
 background:#000;
 margin-top: 0px;
	
  }
  
  nav ul#primary-menu > li {
  padding:10px!important;
    float: none!important;
    position: relative;
    /* border-top: 1px solid #2b2b2b; */
	text-align:right;
	width:100%;
	margin:0!important;
	padding-right:50px!important;
	padding-left:50px!important;
	
  }

  
  nav ul#primary-menu > li > a {
    font-size: 16px;
    color: #fff;
    padding: 0 !important;
    height: auto;
}

.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu {
	margin:30px 0;
}


.navbar-megamenu .navbar-nav>li.megamenu>.dropdown-menu .megamenu-column {
    width: 100%;
    display: block;
    float: none;
}

#topmenu nav ul {
    margin-right: -50px;
}


.dropdown-menu {
    background-color: #e9e8df!important;
}




nav ul#primary-menu > li li a {
    display: inline-block;
    text-decoration: none;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: #000;
}


  
  .navbar-collapse {
    padding:0;
    overflow: hidden;
    box-shadow: none
}

  
  nav ul li a {
	border:none;
	
  }
  
  
  nav ul {
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
    float: none !important;
	width:100%;
}


	
   .textfooter h6 {
		   margin-top:1em;
	   }
	   
	   .bordureblanche {
		   border: none;
		   margin-bottom: 0px;
   padding-bottom: 0;
	   }
   
	   .textfooter {
		   padding-top:0 !important;
       }
       

       #sejours {
        text-align:center;
    }
	   


	   
   
}
   
   
   @media only screen and (min-width: 426px) and (max-width: 767px) {
	   .logojcnoir {
		   width: 50%;
	   }
	   
   }
	   
    
   







@media only screen and (max-width: 400px){
	   
    #incontournables .boutonfl {
        bottom: 70px;
    }
    #incontournables .ptxt {
       color:#fff; 
    }
    #incontournables .bastxt {
       display: none;
    }
    #incontournables .txt {
     display: none;
  }
    #incontournables .textbas {
       color:#fff; 
    }
    #incontournables h3 {
     padding: 0px;
    }
    
    .ensavoirplus {
     font-size: 0.8em!important;
    }
    
    #incontournables h3  {
        color:#fff; 
    }
    
    #jacquescoeur .txt h3 {
        font-size: 1.5em;
    }
    #jacquescoeur .txt2 {
        padding: 10px 10px!important;
    }

    .boutonsej h3 {
        font-size: 5em;
    }

    #jacquescoeur .txt {
    padding: 20px;
    }

    #jacquescoeur .txty2 {
        padding: 5px 20px;
    }
}

@media only screen and (max-width: 320px){
    #incontournables .boutonfl {
        bottom: 117px;
    }

    #incontournables h3 {
        font-size: 2em;
    }

   .ensavoirplus {
     left: 2%!important;
    }
}


@media only screen and (max-width: 289px){
.ensavoirplus:after {
    margin-top: -15px!important;
    margin-left: 62px!important;
}

#jacquescoeur .txt {
    padding: 10px;
}
#jacquescoeur .txty {
    padding: 15px;
}

}

















#jacquescoeur .txt2 {
    padding: 10px;
}

.cadree .ensavoirplus {
    padding: 5px 60px 5px 20px;
}

.cadree .ensavoirplus:after {
    margin-top: -6px;

}
   
	   
   }
@media screen and (min-width: 769px) {
	.footeradresse {
	   font-size: 1em;
	}
   }