.top-bar-section li:not(.has-form) a:hover:not(.button)
{
	background:#09632e;
	color:#e87806;
}
.ancre p
{
	text-align:center;
}
.top-bar-section li:not(.has-form) a:not(.button)
{
	padding:0 0.5rem;
}
.top-bar-section .has-form
{
	background:transparent;
}

.top-bar-section .has-form input
{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.top-bar-section .has-form .alert
{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background-color:#666 !important;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.contain-to-grid
{
	height:auto;
	background:#09632e;
	padding-top:10px;
}
.top-bar
{
	background:#09632e none repeat scroll 0 0;
}
.top-bar-section ul li > a
{
	color: white;
	font-size:15px;
	
}
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li
{
	background:#09632e none repeat scroll 0 0;
}
.postfix
{
	height:28px;
	margin-top:9px;
}
.center
{
	text-align: center;
}

.center a.button
{
	padding: 5px 20px;
}

button.alert, .button.alert
{
	background-color:#09632e !important;
}
div.border img
{
	 border-radius: 20px !important;
}
.position div
{
	padding-top:50px;
	padding-left:50px;
	text-align:center;
}
#test {
    width: 100%;
    min-height: 260px;
    background: url(../img/1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 40px;
}

    #test h6:before {
        content: '- ';
    }

    #testli div {
        width: 70%;
        margin: auto;
    }
.hauteur
{height:100px;}
body {
    font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300;
    color: #000;
}

.line-border {
    border-top: 1px solid #e1e1e1;
    width: 100%;
}

.color-pink {
    color: #000;
}

.color-white {
    color: #fff;
}

.blue-btn {
    background-color: #6cceec;
}
	
 .survole a h4:hover
{
	color: #e87806;
}
.blue-btn:hover {
	background-color: #e87806;
}
	
.text {
  
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.text:hover{
    color:#fff;
    background:#e87806;
}

.survole
{
	position:relative;
	overflow: hidden;
	cursor: pointer;
	background: #FFF;
	transition: background .4s ease-in;
}

.survole:hover
{
	background: #EEE;
}

.survole h4
{
	top: 80px;
	position: absolute;
	left: 50%;
	transition: top .6s ease-in;
}

.survole h4 b
{
	position: relative;
	left: -50%;
}
.survole span {
    color:black;
	position:absolute;
	top: 300px;
	left: 10px;
	transition: top .8s ease-in;
} 
.survole:hover  span {
	top: 70px;
}
.survole:hover  h4 {
	top: 5px;  
}
.survole img
{
	position: absolute;
	top: 10px;
	left: 40%;
	opacity:1;
}

.survole:hover img
{
	opacity: 0.1;
	top: 40px;
	transition: opacity,top .4s;	
}
.form img
{
	width:20px;
}

div .premier
{
	text-align:center;
	
}
.formulaire
{
	width:60%;

}
.formulaire1
{
	
	margin-right:-200px;
}

.contact-clic
{
	display: block !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea
{
	
	border-color:#09632e  !important;
}
button:hover, button:focus, .button:hover, .button:focus
{
	background:#e87806;
}
button1
{	
	padding:0.5 rem 0.5rem 0.0625rem;
	margin-bottom:90px;
}
button, .button
{
	background-color:#09632e;
	border-radius:10px;
}
.contacte1 .button 
 {
	padding:0.4rem 3rem 0.2625rem;

}
.contact div a
{
		margin-left:150px;
}

.image span {
   position: absolute;
   left: -999px;
}
.image:hover span {
   left:auto;
}
button, .button {
    margin: 0px;
}

.headings {
    margin-bottom: 50px;
}

#why {
    padding: 50px;
}

.why-item {
   
    min-height: 190px;
    padding: 20px;
    text-align: center;
}

    .why-item div {
        font-size: 13px;
    }

    .why-item h4 {
        color: #28304f;
    }

    .why-item .glyph-icon {
        color: #28304f;
    }

.border-right {
    border-right: 1px solid #09632e;
	
}

#ancre5 blockquote {
  line-height:1.1;
  margin-bottom:10px;
  font-size:80%;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em){
.why-item {
		border: 1px solid #09632e;
		margin:10px;}
}
@media screen and (max-width: 39.9375em) {
  .why-item {
		border: 1px solid #09632e;
		margin:10px;
  }

  #ancre5 blockquote {
    line-height:1.3;
    font-size:100%;
  }
}
		
.border-bottom {
    border-bottom: 1px solid #09632e;
}
.bor .slick-slide
{
	height:600px;
	text-align: center;
}
.title
{
	text-align: center;
}

.title h3
{
	font-size:16px;
	text-align:center;

    font-weight: bold;
}

.title h3 a
    {
        	color:#09632e;
    }
 .title span
{
    color:#09632e;
    font-size:16px;
	text-align:center;
    font-weight: bold;
    text-align:center;
  
}
.slick img
{
   padding: 5px;
}
.bor figure
{
	height:100px;
}

.cropimg
{
	height: 400px;
	overflow: hidden;
	padding: 20px;
}

.cropimg img
{

	width: 100%;
	width: auto;

}

#testimonial {
    width: 100%;
    min-height: 260px;
    background: url(../img/bandeau2.jpg) no-repeat center center fixed;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 40px;
}



#intro {
   height:510px;
   background: url("../images/123.jpg") no-repeat top center;
   background-size: cover;
}

.featured-item {
    background-color: #fff;
    width: 100%;
    min-height: 160px;
    padding: 30px;
    margin-bottom: 10px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-align:center;
	  border-radius:50%;
	  width:170px;
	  height:170px;
	  border:2px solid #679403; 
}

    .featured-item div {
        font-size: 13px;
        text-align: center;
    }

    .featured-item h6 {
        font-weight: bold;
    }

#available {
    padding: 40px;
}


.pricing-item {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
}

.pricing-title {
    border-radius: 50%;
    margin: auto;
    width: 150px;
    height: 120px;
    background: #09632e;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.pricing-table {
    border: solid 1px #09632e;
    margin-top: -69px;
    margin-bottom: 3.25rem;
	width:100%;
}

#additional-info {
    padding-top: 40px;
    background-color: #09632e;
    color: #fff;
	margin-bottom:40px;
}

    #additional-info h5 {
        font-weight: bold;
    }

#sign-up {
    padding: 17px 30px 30px 30px;
    background-color: rgb(255,255,255);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    #sign-up button {
        width: 100%;
    }

.pricing-table .cta-button {
    background-color: transparent;
    text-align: center;
    padding: 0px;
    top: 14px;
    position: relative;
}

.cta-button .button {
    background: #e87806;
		padding: 0.4rem 1rem;
}
.blue-btn
{ background: #09632e;}
footer {
    
	height:150px;
}
/*-------------------------------------------------------*/
 .infographie p, .siteweb p, .referencement p, .hebergement p, .hebregement li
{
	 font-family: 'Open Sans', sans-serif !important;
    font-weight: 200;
    color: #000;
}
.infographie h1, .hebergement h1, .referencement h1, .siteweb h1, .contact h1{
	color:#09632e;
	text-align:center;
     border-bottom: 1px solid #09632e;
	line-height:0;
	 margin:60px 0;
	 font-size:36px;	
}
@media screen and (max-width: 39.9375em) 
{
	.infographie h1, .hebergement h1, .referencement h1, .siteweb h1, .contact h1
		{line-height:2;}
		
	#intro
	{
		background: url("../images/123.jpg") no-repeat top center;
		background-size: contain;
		height: 200px;
    }
    
    #ancre5 small
    {
        font-size: 14px;
        line-height: 1.5;
    }
}

button, .button
{
	padding:0.4rem 1rem;
}

h2 span , h1 span
{
	background:white;
	padding:10px;
}
.contacte a
{
	color:#09632e;
	text-align:center;
}

 
 .bor a, .form a
 {
	color:#09632e;
 }
.contacte a em:hover, .bor a em:hover, figure  a em:hover, .contacte a:hover, .form a:hover {
color:#e87806 !important;
text-decoration:underline;
}
.flex-video iframe
{
	height:300px;
}
.centrer > div
{
	text-align:center;
	margin-top:50px;
	margin-bottom: 20px;
}
.centrer .button
{
	margin-top:20px;
	margin-bottom:20px;
	padding: 5px 20px;
}
	
	
/* ------------------------------------------------------------------ */
/* d. Location Section
/* ------------------------------------------------------------------ */

#location .contacts {
	background: #1F1F1F;   
	padding-top: 48px;
   padding-bottom: 18px;   
}
#location .contact-details {
	max-width: 900px;	
	text-align: center;
}
#location .contacts .row .columns {	width: 33.33333%; }
#location .contacts .row .end { float: left; }
#location .contacts h3 {
   font: 14px/24px 'montserrat-bold', sans-serif;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1.5px;   
   margin-bottom: 6px;
}
#location .contacts p {	
   line-height: 30px;
   font-family: 'montserrat-regular', sans-serif;
   font-size: 14px;
   color: #6C6C6C;
}
#location .contacts h3 i {	margin-right: 8px; }

.flex-video
{
    padding-bottom: 20px;
}
#map
{
    height: 320px;
}

.noir
{
	background:black;
	height:10px;
	margin:20px;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.cal2018 h4
{
	font-weight: bold;
	color: #09632E;
	border-bottom: 1px solid #09632E;
	margin-bottom: 20px;
	padding-bottom: 10px;
}