body {
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #2f2f2f;
	background-color: #FFF;
}

#document {
	width:100%;
	height:100%;
	margin : 0;
	padding : 0;
	position: absolute;
}

a { -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	font-weight: 300; }
			
a:link          { color: #2f2f2f; text-decoration: none }
a:visited         { color:#2f2f2f; text-decoration: none }
a:hover       { color: #2f2f2f; text-decoration: underline }

.animation { visibility:hidden; }
.animation.animated { visibility:unset; }

#backTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: rgb(255, 255, 255);
    padding: 15px 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 1010;
    display: none;
}

#backBottom {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: rgb(255, 255, 255);
    padding: 15px 20px;
    line-height: 20px;
    cursor: pointer;
    z-index: 1010;
    display: inline;
}
    
img { border: 0; vertical-align: middle }

input, select, textarea { color: #2f2f2f; font-size: 18px; font-weight: 300; font-family: 'Abel', sans-serif; background-color: #FFF; margin: 2px; padding: 3px; border: solid 1px #2f2f2f }

#logo { text-align:center; }
#slider { background:#000; }

table, tr, td { border:none; }	
.zone_info_bis { display: none }

.section { float:left; position:relative; width:100%; }
.centre { width:100%; margin:0 auto; }
.centre.inner { width:1200px; }
.contenu { width:100%; }

.section.article { padding:20px 0;}
.section.article .centre { width:1200px; margin:0 auto; }
.centre.fullpage { height:calc(100vh - 150px); display:table;  }
.centre.fullpage .contenu { height:100%; display:table-cell; vertical-align:middle; }

.contenu h1 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 260%; line-height: 34px;	font-style: italic;
}

.contenu h2 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 200%; line-height: 32px;	font-style: italic;
}

.contenu h3 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 150%; line-height: 28px;font-style: italic;
}

.contenu h4 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 130%; line-height: 24px;font-style: italic;
}

.contenu h5 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 115%; line-height: 18px;font-style: italic;
}


.contenu p {
	clear:both;
	font-size: 100%;
	line-height: 15px;
	text-align: left;
}

.contenu li {
	font-size: 100%;
	line-height: 15px;
}

.zone-texte p, .zone-texte li { font-size: 125%; line-height: 24px }

.contenu p a:link, .contenu p a:visited  { color: #2f2f2f; text-decoration: none; }
.contenu p a:hover { text-decoration: underline; color: #2f2f2f; }


.contenu a.lien_cta:link, .contenu a.lien_cta:visited { font-family: 'Abel', sans-serif; font-size: 135%; border:2px solid #2F2F2F; padding:1% 3%; color:#2F2F2F; background:#FFF;  transition:all 1s;}
.contenu a.lien_cta:hover { text-decoration: none; background: #2F2F2F; color:#FFF; border-color:#2f2f2f; }

.contenu a.lien_cta2:link, .contenu a.lien_cta2:visited { font-family: 'Abel', sans-serif; border:2px solid #2f2f2f; padding:1% 3%; color:#2f2f2f;  transition:all 1s;}
.contenu a.lien_cta2:hover { text-decoration: none; background: #2f2f2f; color:#FFF; border-color:#FFF; }

.contenu a.lien_cta3:link, .contenu a.lien_cta3:visited { font-family: 'Abel', sans-serif; font-size: 150%; border:2px solid #FFF; padding:1% 3%; color:#FFF; background:transparent;  transition:all 1s;}
.contenu a.lien_cta3:hover { text-decoration: none; background: #FFF; color:#2F2F2F; border-color:#FFF; }

.contenu a.lien_cta4:link, .contenu a.lien_cta4:visited { font-family: 'Abel', sans-serif; font-size: 160%; border:2px solid #FFF; padding:1% 3%; color:#FFF; background:rgba(0,0,0,0.7);  transition:all 1s;}
.contenu a.lien_cta4:hover { text-decoration: none; background: #FFF; color:#2F2F2F; border-color:#FFF; }

.contenu a.lien_cta_blanc:link, .contenu a.lien_cta_blanc:visited { font-family: 'Abel', sans-serif; border:2px solid #fff; padding:1% 3%; color:#fff;  transition:all 1s;}
.contenu a.lien_cta_blanc:hover { text-decoration: none; background: #fff; color:#2f2f2f; border-color:#2f2f2f; }

.contenu a.lien_cta_noir:link, .contenu a.lien_cta_noir:visited { font-family: 'Abel', sans-serif; border:2px solid #2f2f2f; padding:1% 3%; color:#2f2f2f;  transition:all 1s;}
.contenu a.lien_cta_noir:hover { text-decoration: none; background: #2f2f2f; color:#FFF; border-color:#FFF; }

.contenu #galerie .fancy_picture { float:left; position:relative; width:200px; height:200px; margin:5px; overflow:hidden; }
.contenu #galerie .fancy_picture .caption { position:absolute; bottom:0; left:0; width:90%; padding:5%; color:#FFF; transition:all 0.3s; display:none; }

.contenu #galerie .fancy_picture:before {position: absolute; content: ""; height: 100%;left: 0; width: 100%;transition:all 0.3s; }
.contenu #galerie .fancy_picture:hover:before { top: 0; background: rgba(0,0,0,0.8); }
.contenu #galerie .fancy_picture:hover .caption { bottom:0; display:block; }


.hamburger { float:right; margin-left:20px; padding:12px 15px; outline:none; }

#zone_info { padding: 10px }
#zone_info p { text-align: center; font-size: 145%; line-height: 22px; margin: 0 }

#zone_ico { float:left; height:50px; line-height:50px; margin-left:10px; }
#zone_ico ul { list-style-type:none; margin:0; padding:0; }
#zone_ico ul li { float:left; border:1px solid #2f2f2f; padding:5px; margin:5px; }

#zone_adresse { float:left; height:50px; line-height:50px; margin-left:40px; }
#zone_adresse p { margin:0; padding:0; line-height:50px; }

#haut { position:fixed; top:0; left:0; width:100%; height:50px; background-color: #95b243; z-index:3000; }
#haut0 { margin-top:50px; background:#2f2f2f; color:#FFF; font-family:'Abel', sans-serif; }

#cache { height:100%; }

#encarts2 { display:none; }
#encarts .contenu, #encarts2 .contenu { display:flex; flex-direction: row; justify-content:center; align-items:center; }
#encarts .encart , #encarts2 .encart{ width:150px; margin:20px; text-align:center; }
#encarts .encart img, #encarts2 .encart img { width:100px; height:auto; margin-bottom: 15px }
#encarts .encart p, #encarts2 .encart p { font-family:'Abel', sans-serif; font-size:18px; line-height:20px; }

#encarts_couleur .contenu {display:flex; flex-direction: row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; }
#encarts_couleur .encart_couleur { width:50%; padding: 15px 2% 5px 2%; box-sizing:border-box; text-align: center }
#encarts_couleur .encart_couleur img { width:75%; height:auto; margin-bottom: 5px }
#encarts_couleur .encart_couleur .spanh1 {
    font-family:'Handlee', sans-serif; font-weight: normal;
    font-size: 160%;
    line-height: 16px;
    padding: 10px 0;
}
#encarts_couleur .encart_couleur p { font-family:'Abel', sans-serif; font-size:14px; line-height:16px; text-align: center }

 a.lien_encart:hover { text-decoration: none; display: block }
.encart:hover { 
        -webkit-transform:scale(1.10); /* Safari and Chrome */
        -moz-transform:scale(1.10); /* Firefox */
        -ms-transform:scale(1.10); /* IE 9 */
        -o-transform:scale(1.10); /* Opera */
         transform:scale(1.10);
        transition-duration: 0.5s }


.thematique { display: flex; flex-direction: row; align-items: center; justify-content: center; }
ul.list { list-style-type:none; margin:0; padding:0; }
ul.list li { text-align:center; }

#balades {}
#balades h3 { color:#000; }
#trieur_inner { display: flex; flex-direction: row; align-items: flex-start;background:#e7e7e7; box-sizing:border-box; padding:2%; }

#trieur_inner .Famille { float: left;width: 90%; height: 50px; margin: 0px 20px; display: flex;align-content: center; align-items: center; }
#trieur_inner .title_trieur { width: auto; font-size:20px; margin:0 20px 0 0; font-family:'Abel', sans-serif; }

#trieur_inner select { border: 1px solid #FFF; width: 180px }

#segways {
    float:left;
}
#segways span { float:right; position:relative; }
#segways span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
#segways span label {
    display:inline-block;
	content:'';
   	background:url('../interface/segways_noir.png') center center /contain no-repeat;
	width:30px;
	height:30px;
    text-align:center;
    margin-right:2px;
}
#segways span:hover ~ span label,
#segways span:hover label,
#segways span.checked label,
#segways span.checked ~ span label {
    background-image:url('../interface/segways.png');
}

#products {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: stretch;
	align-content: center;
	flex-wrap:wrap;
}
#products .product {
	position:relative;
	width:47%;
	margin:1.5%;
	padding:0.5%;
	box-sizing:border-box;
	background:#FFF;
	border-bottom:2px solid #cecece;
}
#products .product .caption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:2%;
	background:rgba(0,0,0,0.6);
	color:#FFF;
	transition:all 0.2s;
	z-index:3000;
	align-items:center;
	align-content:end;
	display:none;
}
#products .product .caption p {
	text-align: center;
    color: #FFF;
    width: 100%;
    font-size: 50px;
}
#products .product .caption p a { 
	color:#FFF;
}
#products .product:hover .caption { 
	display:flex;
}

#products .product .img, #products .product .text { float:left; position:relative; width:45%; }
#products .product .text { margin-left: 5% }

#products .product .img img.photo { width:95%; margin:2.5%; }
#products .product .img .segways { position:absolute; top:15px; left:15px; }
#products .product .img img.segway { float:left; width:30px; height:auto; }
#products .product .theme { font-family:'Handlee', sans-serif; color:#2f2f2f; font-size:16px; font-style:italic; text-transform:uppercase; }
#products .product .departement, #products .product .ville { font-family:'Abel', sans-serif; color:#41a9a2; font-size:18px; font-weight:bold; text-transform:uppercase; }
#products .product .desc p { margin:0; padding:0 5px 0 0; }

.balade .centre { display:flex; flex-direction:row; justify-content:space-between; align-items: center; align-content:center;}
.balade #photo_banner { float:left; position:relative; width:50%; height:calc(100vh - 240px);  box-sizing:border-box; }
.balade .centre .contenu { width:50%; padding:10px 20px; box-sizing:border-box;  }
.balade .centre .contenu .zone-texte { margin:0 auto; width:70%; max-width: 400px; min-width: 200px; }

.balade #photo_banner img.photo_principale { width:100%; height:auto; }
.balade #photo_banner .segways { position:absolute; top:10px; left:10px; }
.balade #photo_banner .segways img.segway { width:60px; height:auto; }

.balade .header { text-align:center; color:#2f2f2f; }
.balade .header .blue_header{ font-family:'Abel', sans-serif; color:#41a9a2; font-size:35px; font-weight:bold; text-transform:uppercase; }
.balade .header .domaine { font-family:'Abel', sans-serif; font-size:25px; font-weight:bold; }
.balade .onglets {
	margin:20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    align-items: baseline;
	text-align:center;
}
.balade .onglets .onglet{
	font-weight:bold;
	font-size:30px;
    width: 33%; 
}
#links {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.link {
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 5%;
}
.backGreen { background:#378e00; }
.backGrey { background:#2f2f2f; }


#bas { background:#2f2f2f; color:#FFF; font-size:11px;padding: 20px 0; }
#bas .centre { width: 100%; }
#bas a, #bas a:link, #bas a:visited, #bas a:hover { font-weight: 300; color: #FFF; text-decoration: none; }
#bas a:hover { text-decoration: underline; }

#bas a.cta_bas, #bas a.cta_bas:link, #bas a.cta_bas:visited, #bas a.cta_bas:hover { padding: 5px 10px; margin-bottom: 10px; border: 2px solid #fff; font-size: 135%; font-weight: 300; color: #FFF; text-decoration: none; display: inline-block; }
#bas a.cta_bas:hover { text-decoration: underline; }

#bas p { color:#FFF; font-size:14px; }

#bas2 { background:#FFF; font-size:11px; }
#bas2 a, #bas2 a:link, #bas2 a:visited, #bas2 a:hover { font-weight: 300; color: #2f2f2f; text-decoration: none; }
#bas2 a:hover { text-decoration: underline; font-size:11px; }

#bas2 p { font-size:11px; }


.toggle { float:left; width:100%; }
.title_toggle { float:left; cursor:pointer; border:2px solid #378e00; color:#378e00 }
.content_toggle { float:left; clear:left; display:none; }


/* CONTACT */


form {
	margin : 0;
	padding : 0;
	border: none;
}

#contact legend {
	color : #ed9406;
	font-weight : normal;
	font-size : 100%;
	margin : 0 0 0 50px;
	padding : 0 10px 0 10px;
	width : auto;
}
#contact input[type=text],
#contact input[type=number],
#contact input[type=date], textarea {
	border: 1px solid #555;
	background: #FFF;
	padding: 3% 5%;
	font-size: 115%;
	width: 50%;
	line-height: 20px;
}
#contact select {
	border: 1px solid #555;
	background: #FFF;
	padding: 1% 2%;
	font-size: 115%;
	width: 50%;
	line-height: 20px;
}
#contact form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

#contact p label {
	float: left;
	width: 130px;
	margin-bottom : 8px;
	padding-top: 15px;
	text-align: right;
	color : #4c4c4c;
	font-weight : normal;
	margin-right: 10px;
}

#contact input[type=submit] { 
	cursor: pointer;
	border:none;
	background-color: #4c4c4c;
	color: #fff;
	font-family: 'Abel', sans-serif;
	padding: 3% 5%; font-size: 150%;
    text-transform: uppercase;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5) inset; 
	font-weight: 700;
}



/* MODAL */
#modal { position:fixed; bottom:20px; right:20px; max-width:400px; z-index:9999; }
#modal_container { float:left; position:relative; padding:20px; background:#FFF; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
#modal_container .modal-close { position:absolute; top:0; right:0; padding:3px; color:#CECECE; cursor:pointer; }
#modal_container .modal-close:hover { color:#000; background:#CECECE; }
#modal_container .modal-content { float:left; position:relative; width:100%; color:#000; }

#modal_container .modalh1 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 260%; line-height: 34px;	font-style: italic;
}

#modal_container .modalh2 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 200%; line-height: 32px;	font-style: italic;
}

#modal_container .modalh3 {
	font-family: 'Handlee', sans-serif; color: #95b243; font-size: 150%; line-height: 28px;font-style: italic;
}