@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;}

html, body{
	width:100%;
	height:100%;
	min-height:100%;
	
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
	
	}

@media only screen and (min-width: 470px){
html, body, p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:28px;
	color:#000;
	font-weight:400;}
}

@media only screen and (max-width: 470px){
html, body, p{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	line-height:24px;
	color:#000;
	font-weight:400;}
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

PARTIE TEXTE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 960px){
#content{
	width:50%;
	height:100%;
	min-height:100%;
	float:left;
}
	
main,
.conteneur-nav{
	max-width:720px;
	width:100%;
	height:100%;
	min-height:100%;
	display:table;
	margin:auto;
	}
}

@media only screen and (max-width: 960px){
#content{
	width:100%;
	height:auto;
	float:left;
}
	
main,
.conteneur-nav{
	max-width:720px;
	width:100%;
	height:auto;
	position:relative;
	margin:auto;
	padding-right:40px;
	}
}
	

header{
	width:100%;
	position:relative;
	}
	
@media only screen and (min-width: 1180px){
.logo{
	margin-left:25%;
	width:400px;
	height:120px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1180px){
.logo{
	margin-left:12.5%;
	width:400px;
	height:120px;
	}
}

@media only screen and (max-width: 960px){
.logo{
	margin-left:0%;
	max-width:400px;
	width:80%;
	margin-left:60px;
	}
}


@media only screen and (min-width: 460px) and (max-width: 960px){
.logo{
		height:120px;
}
}

@media only screen and (max-width: 460px){
.logo{
		height:85px;
}
}
	
a h1, a h2{
	text-decoration:none;
	color:#000;}	
	
.blomster-logo{
	float:left;}

/*.blomster-logo,
h1, h2{
	display:inline-block;
	vertical-align:top;}*/
	
h2{
	float:left;
}		
	
h1,
h2{
	font-family: 'Fondamento', cursive;
	font-weight:400;
	float:right;
	line-height:36px;
}


@media only screen and (min-width: 560px){
header{
	padding-top:100px;
	padding-bottom:80px;}	
	
}



@media only screen and (min-width: 400px) and (max-width: 560px){
header{
	padding-top:40px;
	padding-bottom:40px;}	
	
}

@media only screen and (max-width: 400px){
header{
	padding-top:10px;
	padding-bottom:10px;}	
	
}


@media only screen and (min-width: 520px){
h1{
	font-size:70px;
	margin-top:32px;
	}

h2{
	font-size:14px;
	font-style:italic;
}
}

@media only screen and (min-width: 470px) and (max-width: 520px){
.blomster-logo{
	max-width:112px;
	width:100%;}	
	
.blomster-logo img{
	width:100%;
	height:100%;
	}
		
h1{
	font-size:60px;
		margin-top:22px;
	}

h2{
	font-size:12px;
	font-style:italic;
}
}

@media only screen and (max-width: 470px){
.blomster-logo{
	width:30%;
	height:auto;}

.blomster-logo img{
	width:100%;
	height:100%;
	float:left;}
	
	
h1{
	font-size:35px;
		margin-top:4px;
	}

h2{
	font-size:7px;
	font-style:italic;
}
}



@media only screen and (min-width: 1180px){
.contenu{
	margin-left:25%;
		margin-bottom:40px;}
}

@media only screen and (min-width: 960px) and (max-width: 1180px){
.contenu{
	margin-left:12.5%;
		margin-bottom:40px;}
}

@media only screen and (max-width: 960px){
.contenu{
	margin-left:0%;
		margin-bottom:40px;}
}


h3, h4, h5, h6{
	font-family: 'Fondamento', cursive;
	font-weight:400;
		}

@media only screen and (min-width: 470px){
h3, h4, h5, h6{
	font-size:30px;
			margin-bottom:20px;}	
}

@media only screen and (max-width: 470px){
h3, h4, h5, h6{
	font-size:16px;
			margin-bottom:14px;}	
}



.contenu a{
	color:#000;
	text-decoration:underline;
}

.contenu a:hover{
	text-decoration:line-through;
	color:#000;
}
		
	

@media only screen and (min-width: 960px){
h3, h4, h5, h6, .contenu p{
				margin-left:125px;
}	
}

@media only screen and (max-width: 960px){
h3, h4, h5, h6, .contenu p{
				margin-left:60px;
}
}
	
.livraison p{
	font-size:13px/*12px*/;
	font-weight:700;
	line-height:18px;
	}	
	
	
@media only screen and (min-width: 960px){	
ul.choix-sous-cat{
	margin-left:125px;}
}
@media only screen and (max-width: 960px){	
ul.choix-sous-cat{
	margin-left:60px;}
}
	
ul.choix-sous-cat li{
	display:block;}
	
/*ul.choix-sous-cat li a{
	text-decoration:none;
	display:block;
	color:#000;
	line-height:36px;
	font-size:18px;}*/
	

	
.deco-actif-btn-commande:before{
	content:'';
  position: absolute;
  width: 100%;
  height: 16px;
  background:#a7d5af;
  top:24px;
  z-index:-1;}	
	
	
@media only screen and (min-width: 960px){	
a.hover-btn-commande{
	margin-left:125px;}
}

@media only screen and (max-width: 960px){	
a.hover-btn-commande{
	margin-left:60px;}
}
	
a.hover-btn-commande{
	font-family: 'Fondamento', cursive;
	font-weight:400;
	}	


@media only screen and (min-width: 470px){	
a.hover-btn-commande{
	font-size:30px;
	margin-top:80px;
	margin-bottom:40px;}
	
ul.choix-sous-cat li a{
	font-size:18px;}	
}


@media only screen and (max-width: 470px){	
a.hover-btn-commande{
	font-size:16px;
	margin-top:20px;
	margin-bottom:30px;}
	
ul.choix-sous-cat li a{
	font-size:14px;}	
}



ul.choix-sous-cat li a,
a.hover-btn-commande{
  text-decoration:none;
  /*margin:0 15px;*/
  letter-spacing:1px;
  position:relative;
  display:inline-block;
  z-index:10;
  line-height:36px;
	line-height:36px;
	color:#000;
}

ul.choix-sous-cat li a:before,
a.hover-btn-commande:before{
  content:'';
  position: absolute;
  width: 100%;
  height: 18px;
  background:#a7d5af;
  top:6px;
  z-index:-1;
/*  animation:out 0.5s cubic-bezier(1, 0, 0.58, 0.97) 1 both;*/
  
  /*animation: out 0.5s cubic-bezier( 0.74, 0.31, 0.37, 0.8) 1 both;*/
animation: out 0.4s cubic-bezier(0.420, 0.000, 1.000, 1.000) 1 both; /* ease-in */
}

ul.choix-sous-cat li a:hover:before,
a.hover-btn-commande:hover:before{
	z-index:-1;
		cursor:pointer;
  /*animation:in 0.5s cubic-bezier(1, 0, 0.58, 0.97) 1 both;*/
 animation: in 0.2s cubic-bezier(0.420, 0.000, 1.000, 1.000) 1 both; /* ease-in */
}

ul.choix-sous-cat li a:visited{
	color:#595959;}

ul.choix-sous-cat li a:hover{
		font-weight:600;
}

ul.choix-sous-cat li a:hover,
a.hover-btn-commande:hover{
	cursor:pointer;
	color:#000;}

ul.choix-sous-cat li a:hover:after{
	margin-left:20px;
	font-size:16px;
	font-weight:600;
	font-style:italic;
	color:#595959;}	

@media only screen and (min-width: 470px){
ul.choix-sous-cat li a:hover:after{
	content:'découvrir…';
}
}

@media only screen and (max-width: 470px){
	ul.choix-sous-cat li a:hover:after{
	content:'';
}
}
	
	
li .deco-choix-sous-cat:before{
	content:'';
  position: absolute;
  width: 100%;
  height: 16px;
  background:#a7d5af;
  top:18px;
  z-index:-1;}	
	
	
.autres-produits{
	position:relative;
}	
	
@media only screen and (min-width: 960px){	
.autres-produits{
	margin-left:125px;}
}
@media only screen and (max-width: 960px){	
.autres-produits{
	margin-left:60px;}
}
	
@media only screen and (min-width: 960px){	
.autres-produits a{
	font-size:16px;}
}
@media only screen and (max-width: 960px){	
.autres-produits a{
	font-size:12px;}
}
	
.autres-produits a{
	color:#000;
	text-decoration:underline;}
	
.autres-produits a:hover{
	text-decoration:line-through;}
	
	
@media only screen and (min-width: 960px){
.big-deco{
	width:420px;
	height:420px;
	background-image:url(images/big-deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	bottom:-210px;
	left:-210px;
	}	

.medium-deco{
	width:240px;
	height:240px;
	background-image:url(images/medium-deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	top:-120px;
	left:-120px;
	}	

.small-deco{
	width:120px;
	height:120px;
	background-image:url(images/small-deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	top:-60px;
	right:43.5%;
	margin-right:-60px;
	}	
}


@media only screen and (min-width: 560px) and (max-width: 960px){
.big-deco{
	display:none;}	

.medium-deco{
	width:240px;
	height:240px;
	background-image:url(images/medium-deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	top:-120px;
	right:-120px;
	}	

.small-deco{
	width:120px;
	height:120px;
	background-image:url(images/small-deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:fixed;
	top:-60px;
	left:-60px;
	margin-right:-60px;
	}
}


@media only screen and (max-width: 560px){
.big-deco,
.medium-deco,
.small-deco{
	display:none;}	
}


.form-choix-commande{
	width:100%;
	margin:20px 0;
	padding-left:23%;
	box-sizing:content-box;
	}

.form-choix-commande img,
.form-choix-commande input{
	border:none;

}

.typo-form{font-family: 'Lato', sans-serif;}	
	
.longueur-form{
	max-width:172px;}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MENU

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.navbar-header p{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#000;
	position:absolute;
	top:-30px;
	left:-4px;
	font-weight:700;}

.toggle-button {
    position: fixed;
    top: 50%;
	margin-top:-8px;
    left: 5%;
    height: 16px;
    width: 32px;
    cursor: pointer;
    z-index: 1001;
}

.bar-menu {
    background-color: #000;
    display: block;
    width: 100%;
    height: 4px;
	border-radius:2px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.bottom{
	position:absolute;
	bottom:0px;}

.toggle-button:hover {
    opacity: 1;
}
.toggle-active .bar-menu {
    background-color: #000;
}
.toggle-active .top {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}

.toggle-active .bottom {
    -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
}

.overlay {
    position: fixed;
	background-color:#FFF;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
	z-index:1000;
	overflow:scroll;
}


.nav-active {
    opacity: 1;
    visibility: visible;
    height: 100%;
/*    max-height: 340px;*/
}
.overlay ul {
    display: block;
    position: relative;
    top: 0;
    left: 0;
	font-family: 'Fondamento', cursive;
	font-weight:400;
    text-align: left;
    list-style: none;
    padding: 0;
}

@media only screen and (min-width: 1180px){
.overlay ul {margin-left:25%;}
}

@media only screen and (min-width: 960px) and (max-width: 1180px){
.overlay ul {margin-left:12.5%;}
}

@media only screen and (max-width: 960px){
.overlay ul {margin-left:0%;}
}

@media only screen and (min-width: 960px){
.overlay ul li {
    display: block;
		margin-left:125px;
}
}

@media only screen and (max-width: 960px){
.overlay ul li {
    display: block;
		margin-left:60px;
}
}

.overlay ul li a {
    color: #000;
    text-decoration: none;
}


/*nav ul li a:hover{
	color:red;}*/
@media only screen and (min-width: 960px){
nav{
	width:50%;
	height:100%;
	min-height:100%;
	float:left;
	}
}

@media only screen and (max-width: 960px){
nav{
	width:100%;
	height:auto;
	float:left;
	}
}


@media only screen and (min-width: 470px){
.overlay ul{
	font-size:30px;
	line-height:60px;
	}	
nav li.coords-menu{
	margin-top:60px;
		font-size:14px;
	line-height:24px;
}
.jarte{
	display:none;}
}


@media only screen and (max-width: 470px){
	.overlay ul{
	font-size:21px;
	line-height:42px;
	}	
	
nav li.coords-menu{
	padding-top:30px;
		font-size:12px;
	line-height:20px;}
	
.jarte{
	display:block;}	
}


nav ul,
nav .coords-menu{
	max-width:720px;
	width:auto;
	height:auto;
	display:table;
	margin:auto;
	z-index:10002;}
	
nav li.coords-menu{
	margin-bottom:6px;
	font-family: 'Lato', sans-serif;
	text-align:left;
	}	

/*nav{
  width: 100%;
  position: fixed;
  top:50px;
  text-align:center;
}*/
nav li a{
  text-decoration:none;
  margin:0 15px;
  letter-spacing:1px;
  position:relative;
  display:inline-block;
}
nav li a:before{
  content:'';
  position: absolute;
  width: 100%;
  height: 16px;
  background:#a7d5af;
  top:24px;
  z-index:-1;
/*  animation:out 0.5s cubic-bezier(1, 0, 0.58, 0.97) 1 both;*/
  
  /*animation: out 0.5s cubic-bezier( 0.74, 0.31, 0.37, 0.8) 1 both;*/
animation: out 0.4s cubic-bezier(0.420, 0.000, 1.000, 1.000) 1 both; /* ease-in */


  
}
nav li a:hover:before{
	z-index:-1;
		cursor:pointer;
  /*animation:in 0.5s cubic-bezier(1, 0, 0.58, 0.97) 1 both;*/
 animation: in 0.2s cubic-bezier(0.420, 0.000, 1.000, 1.000) 1 both; /* ease-in */
}

nav li a:hover{
	cursor:pointer;}

li .deco-actif:before{
	content:'';
  position: absolute;
  width: 100%;
  height: 16px;
  background:#a7d5af;
  top:24px;
  z-index:-1;}

@keyframes in{
  0%{
    width: 0;
    left:0;
    right:auto;
  }
  100%{
    left:0;
    right:auto;
    width: 100%;
  }
}
@keyframes out{
  0%{
    width:100%;
    left: auto;
    right: 0;
  }
  100%{
    width: 0;
    left: auto;
    right: 0;
  }
}
@keyframes show{
  0%{
    opacity:0;
    transform:translateY(-10px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}



@media only screen and (min-width: 960px){
.motif{
	width:50%;
	height:100%;
	min-height:100%;
	position:fixed;
	right:0px;
	bottom:0px;
	background-color:#FFF;
	background-image: url(images/blomster-fleur-motif.svg);
	background-repeat: repeat;
	background-position: center center;
	}
}


@media only screen and (max-width: 960px){
.motif{
	width:100%;
	float:left;
	height:100%;
	min-height:100%;
	right:0px;
	top:0px;
	background-color:#FFF;
	background-image: url(images/blomster-fleur-motif.svg);
	background-repeat: repeat;
	background-position: center center;
	}
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

SLIDE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media only screen and (min-width: 960px){
#picture{
	/*max-width:720px;*/
	width:50%;
	height:100%;
	min-height:100%;
	position:fixed;
	right:0px;
	top:0px;
	}
	
.slider { 
float:left;
box-sizing:content-box;
	padding-left:12.5%;
}
}

@media only screen and (max-width: 960px){
#picture{
	/*max-width:720px;*/
	width:100%;
	/*height:100%;
	min-height:100%;*/
	height:auto;
	top:0px;
	float:left;
	}
	
.slider { }
}


/*slider*/

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

/*.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../images/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../images/next.png') no-repeat
}
*/

@media only screen and (min-width: 960px){
.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 50%;
  text-align: left;
  bottom: 6px;
}
}

@media only screen and (max-width: 960px){
.slider .jquery-reslider .slider-dots {
	display:none;
}
}

.slider .jquery-reslider .slider-dots li {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
  margin-bottom:0px;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li:hover{
	cursor:pointer;}

.slider .jquery-reslider .slider-dots li.active { border: 1px solid #a7d5af; }
@media screen and (max-width: 768px) {

.slider .jquery-reslider .slider-direction { zoom: .8; }

.slider .jquery-reslider .slider-dots { position: absolute; }
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FOOTER SLIDE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media only screen and (min-width: 960px){
#picture .ml,
.motif .ml{
	text-align:right;
	position:absolute;
	bottom:6px;
	width:auto;
	right:0px;
	z-index:100;}
	
.ml a{
	color:#FFF;}	
}


@media only screen and (max-width: 960px){
#picture .ml,
.motif .ml{
	text-align:center;
	position:relative;
	bottom:-20px;
	width:auto;
	right:0px;
	z-index:100;
	/*transform: rotate(-90deg);*/
	/*text-align:right;
	position:fixed;
	transform: rotate(-90deg);
	bottom:300px;
	width:auto;
	right:-160px;
	background-color:lightblue;
	z-index:100;*/}
	
.ml a{
	color:#000;}
}
	
.ml a{
	margin:0 10px;
	text-decoration:none;}
	
.ml a:hover{
	text-decoration:line-through;}


.motif .ml a{
	color:#000;}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FORM

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/*
////////////////////////////////////////////////////////////////////////////////////////////////////

FORM GENERAL

////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.cfg-clear{}

/*FORM*/

@media screen and (min-width: 960px) {
	.cfg-contactform{
	width:75%;
	float:right;
	position:relative;
	margin-bottom:60px;
	}
}
	
	
@media screen and (max-width: 960px) {
	.cfg-contactform{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-left:60px;
	position:relative;
}
}	


/*SECONDE BOX FORM EN CAS DE COUILLE PLACEMENT*/
.cfg-contactform-content{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	width:100%;
	position:relative;
	margin-top:40px;
	margin-bottom:40px;
	padding-bottom:120px;
	position:relative;
}

/*GROSSES PARTIES EN MODE BLOC [NOM / OBJET / MESSAGE …]*/
.cfg-element-container{
	width:100%;
}

/*INTITULE DES GROSSES PARTIES LES LABELS*/
.cfg-label{
	font-weight:100;
	font-style:normal;
	font-size:14px;
	color:#000;
	display:block;
}

/*DIV DANS LAQUELLE J AURAI L INPUT*/
.cfg-element-set{
	margin-bottom:6px;
}


/*PLACEHOLDER*/
/*::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
	   color: #000;
	   opacity:1;
}*/



.cfg-option-content input[type=radio],
.cfg-option-content input[type=checkbox]{
	margin-right:2px;
}


.cfg-element-content select{
	width: 100%;
	height: 30px;
	position: relative;
	
	
}

input[type="date"] {
	font-family: 'Lato', sans-serif;
	font-size:14px;
  position: relative;
	box-sizing: border-box;
 padding-left: 50px;
}




/*
#cfg-element-69-153-label{
	color: transparent;
}*/

.whiteText {
    background-color:#FFF;
	z-index: 9999;
	position: absolute;
}
/*
option:not(:checked) { background: red; }

option:checked { 
    background:#Ff0000; 
    color : #ffffff;
}*/

/*.cfg-element-content input[type="text"],
.cfg-element-content textarea,
.cfg-element-content select,
.cfg-option-content{
	font-weight:600;
	font-style:normal;
	font-size:16px;
	line-height:26px;
	color:#000;
		text-transform:inherit;
}


.cfg-element-content input[type="text"],
.cfg-element-content textarea{
	width:244px;
border:none;
	padding-right:0;
	padding-top:6px;
	margin-top:10px;
	padding-left:2%;
	padding-bottom:6px;
	border:solid 2px #FFF8B3;
	box-sizing:border-box;
	background-color:#FFF;
	float:right;
	height:30px;
	  font-family: 'Dosis', sans-serif;
	  font-size:16px;
	  
}


.cfg-element-content textarea{
	height:100px;
	margin-top:1px;
	resize:none;
	margin-top:10px;
	}*/




.cfg-option-set::after{ /* restore margin bottom when elements are floating */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cfg-paragraph{
	margin-bottom:1px; /* IE (for paragraphs above <select>) */
}
.captcha_container{
	margin-top:2px;
}

.cfg-captcha-input{}


.cfg-contactform input{}

.ui-datepicker{
	font-size:9pt !important;
}
	

.cfg-submit{
	cursor:pointer;
	padding:8px 4px;
}

.cfg-required{/*champ requit*/
	color:#e62b65;
}

.cfg-uploadsuccess-container{
	margin-top:10px;

}
.cfg-deleteupload{
	color:#a7d5af;
	margin-left:10px;
	cursor:pointer;
}
.cfg-deleteupload:hover{
	text-decoration:underline;
}

.cfg-loading{
	display:none;
	background:url('../img/loading.gif') no-repeat 0 1px;
	padding-left:20px;
	font-size:14px;
}

.cfg-errormessage, .cfg-validationmessage{
font-size:14px;
}

.cfg-errormessage{
	display:none;
	margin:0;
	width:95%;
	float:left;
	color:red;
}

.cfg-validationmessage{
	width:100%;
	margin-bottom:16px;
	padding-bottom:10px;
	background-color:#a7d5af;
	z-index:100;
	color:#000;
	text-align:center;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

16 = NOM ET PRENOM

////////////////////////////////////////////////////////////////////////////////////////////////////
*/





/*
////////////////////////////////////////////////////////////////////////////////////////////////////

12 = EMAIL

////////////////////////////////////////////////////////////////////////////////////////////////////
*/




/*
////////////////////////////////////////////////////////////////////////////////////////////////////

15 = OBJET

////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

13 = MESSAGE

////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

14 = BTN ENVOIE

////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.cfg-element-container-envoyer{
	width:100%;}


.cfg-element-content #cfg-element-67-14, .cfg-element-set #cfg-element-67-14,
.cfg-element-content #cfg-element-69-14, .cfg-element-set #cfg-element-69-14{
position:relative;
float:left;
width:100%;
height:40px;
font-weight:600;
font-size:14px;
color:#000;
border:none;
background-color:#a7d5af;
padding-top:3px;
padding-bottom:3px;
margin-top:20px;
}

#cfg-element-67-14,
#cfg-element-69-14{	}

#cfg-element-67-14:hover,
#cfg-element-69-14:hover{
color:#FFF;
background-color:#000;

}



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

21 = Captcha

////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*.cfg-element-container .captcha{
	width:120%;
	left:10%;
	background-color:pink;
	position:relative;
	float:left;
	display:none;
}*/


hr.jump{
	width:100%;
	height:1px;
	border:none;
	position:relative;
	float:left;
	/*float:left;*/
	}

.captcha{
	/*float:left;*/
	}


/*MOT CAPTCHA ET IMG*/
#cfg-element-67-21-label,
#cfg-element-69-21-label{
	width:90%;
	text-align:center;
	color:#000;
	
	font-size:14px;
/*text-align:center;
width:30%;
float:left;
margin-top:8px;*/
}	

.cfg-captcha-refresh{
	/*position:relative;
	margin-top:0px;
	left:-30px;
	cursor:pointer;*/
}

#cfg-element-67-21-label, #cfg-element-67-21-label img,
#cfg-element-69-21-label, #cfg-element-69-21-label img{
	/*width:auto;
	display:inline-block;
	
	left:10px;*/}

.cfg-label-value{
	/*position:relative;
	top:-4px;*/}
	
	
	
/*IMG DE VALIDATION ET INPUT*/
#cfg-element-67-21-set{
	
}

#cfg-element-67-21{
	/*width:60%;
	float:left;*/
}



/*#cfg-element-67-21-label, 
#cfg-element-67-21:nth-child(1),
#cfg-element-67-21:nth-child(2){
	width:10%;
	float:left;
	display:inline-block;}*/

#cfg-element-67-21:nth-child(1),
#cfg-element-69-21:nth-child(1){
margin-top:10px;
width:30%;
float:left;
left:-10px;
}

#cfg-element-67-21:nth-child(2),
#cfg-element-69-21:nth-child(2){
	width:30%;
	float:right;
	position:relative;
	top:-5px;
	text-align:center;
}

input#cfg-element-67-21,
input#cfg-element-69-21{
height:20px;
padding:0;
margin-top:14px;
border:solid 1px #BFBFBF;
background-color:#FFF;
width:60%;


}


.cfg-captcha-img{
	border:none;
	background-color:#FFF;
	width:100px;
	height:20px;
	display:inline;
	margin-left:13px;
	top:-2px; 
	position:relative;

		float:left;
	border:solid 1px #BFBFBF;
	 -webkit-filter: grayscale(1);
  filter: grayscale(1);	
}

.cfg-captcha-img img{
	
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
		filter: grayscale(1);}




/*
////////////////////////////////////////////////////////////////////////////////////////////////////

16 = NOM ET PRENOM
15 = OBJET
12 = EMAIL
13 = MESSAGE
21 = Captcha
14 = BTN ENVOIE


////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
#cfg-element-67-16-set, 
#cfg-element-67-12-set, 
#cfg-element-67-15-set, 
#cfg-element-67-13-set{
width:100%;
float:left;
display:inline-block;
clear:left;
color:#F00;
}



#cfg-element-67-16-label,
#cfg-element-67-12-label,
#cfg-element-67-15-label,
#cfg-element-67-13-label{
	font-size:14px;
	color:#000;
	width:20%;
	float:left;
	text-align:left;
}
*/



/* form starting stylings ------------------------------- */
.group 			  { 
  position:relative; 
  margin-bottom:30px;
}
input,
textarea 				{
  font-size:12px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:1px solid #BFBFBF;/*#F2F2F2*/
  box-sizing:border-box;
}

textarea{
	resize:none;}

input:focus,
textarea:focus 		{ 
outline:none; 
 border:2px solid #a7d5af;/*#F2F2F2*/
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;}

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:12px;
  top:6px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


.captcha label{
/*		 position:inherit;
		  left:0px;
  top:6px;
  position:relative;*/
  position:relative;
  width:100%;
  height:30px;
  float:left;
}


/* active state */
input:focus ~ label, input:valid ~ label,
textarea:focus ~ label, textarea:valid ~ label 		{
  top:-20px;									/*top:-20px;*/
  left:2px;
  font-size:14px;
  color:#595959;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:#a7d5af; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after,
input:focus ~ .bar:before, input:focus ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {

  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight,
textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter,
@-webkit-keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter,
@-moz-keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter,
@keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}






/*RGPD*/		
	
/*.rgpd{
	position:relative;
	float:left;
	z-index:9999;
	margin-top:20px;}
	
	
.rgpd label{
	 pointer-events:inherit;}	


.rgpd #cfg-element-67-166-label{
	position:relative;
	width:90%;
	margin-left:5%;
	height:auto;
	min-height:50px;
	margin-bottom:30px;}
	

.rgpd #cfg-element-67-166-label a{
	text-decoration:underline;
	color:#000;
	}
	
.rgpd #cfg-element-67-166-label a:hover{
	text-decoration:none;
	color:#000;}

.rgpd #cfg-element-67-166-set{
	position:absolute;
	top:10px;
	left:0px;
	width:100%;}	*/
	
/*RGPD*/		
	
.rgpd{
	position:relative;
	float:left;
	/*z-index:9999;*/
	margin-top:20px;}
	
	
.rgpd label{
	 pointer-events:inherit;}	

.rgpd #cfg-element-67-166-label, 
.rgpd #cfg-element-67-166-set,
.rgpd #cfg-element-69-166-label, 
.rgpd #cfg-element-69-166-set{
	display:inline-block;}

.rgpd #cfg-element-67-166-label,
.rgpd #cfg-element-69-166-label{
	position:relative;
	width:90%;
	margin-left:5%;
	height:auto;
	min-height:50px;
	margin-bottom:30px;
	clear:right;}
	

.rgpd #cfg-element-67-166-label a,
.rgpd #cfg-element-69-166-label a{
	text-decoration:underline;
	color:#000;
	}
	
.rgpd #cfg-element-67-166-label a:hover,
.rgpd #cfg-element-69-166-label a:hover{
	text-decoration:none;
	color:#000;}

.rgpd #cfg-element-67-166-set,
.rgpd #cfg-element-69-166-set{
	/*position:relative;
	width:14%;
	margin-top:1px;*/
	position:absolute;
	clear:left;
	top:20px;
	left:0px;
	width:20px;
	height:20px;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MAP

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media only screen and (min-width: 960px){
#map_canvas{
	width:100%;
	height:100%;
	min-height:100%;
	position:fixed;
	float:right;
	box-sizing:border-box;
	/*right:-200px;*/
	right:-12.5%;

}
}


@media only screen and (max-width: 960px){
#map_canvas{
	/*max-width:720px;*/
	width:100%;
	/*height:100%;
	min-height:100%;*/
	min-height:300px;
	top:0px;
	float:left;
	}
}





footer{
	position:fixed;
	bottom:50px;
	left: 5%;
	z-index:9999;
	}
	
footer svg{
width:32px;
height:32px;
fill:#000;
	}	


footer svg:hover{
	cursor:pointer;
	fill:#a7d5af;}




main *{
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;}



main *:hover{
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;}