/*
* Réalisation : web-eau.net 
* Tutoriel : Effet Parallaxe
* Fichier : css/style.css
* Licence : GNU/GPL V.200p
* Corypight 2014 - www.web-eau.net
* Contact : daniel@web-eau.net


/* Slide 2 
	background: url(http://www.web-eau.net/demo/parallaxe/img/slide-2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/


/* HTML5 */


html{ color:#222;background:#FFF;  }

li{ list-style:none;  }

caption{ text-align:left; }

h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

img { max-width:100% }


H1 { font-family: 'CaviarDreams';  border-bottom:solid 1px #aaaaaa ; margin-top:30px }

.h1,
h1 {
 font-size:2.5rem
}

nav {
  margin-top: 20px;
  box-shadow: 5px 4px 5px #000;
  margin:auto;
  width:90% ;
}

#wrap {
	
	max-width:100% ; 
}

.logo_centre { margin: 0 auto;
  max-width: 600px; padding-top:50px   ; text-align:center }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color:#FFF;
  opacity: 0.1;
  z-index: 1;
}


.bloc_page  {
	
width:80% ; margin:auto ; 
background:#FFF ; 	
padding:1em ; 
}


.titre_page { 

	font-family: 'CaviarDreams';
	font-size:2em ; 

}


@font-face {
font-family: 'CaviarDreams';
src: url('font/CaviarDreams.ttf'); 

font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'AlexBrush';
src: url('font/AlexBrush-Regular.ttf'); 
}




#calque { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background:rgba(0,0,0,0.5);
  color:white;
  padding:2rem;
  width:90%; 
  margin:auto;
  margin-top:20px;
  font-size:1.2em;
  min-height: 50vh;
  border-radius:10px ;
  font-family: 'century-gothic', sans-serif;
  position:relative;
  z-index:1;
}



@charset "utf-8";
/* CSS styles */

@font-face {
    font-family: Calibri;
    font-weight: normal;
    font-style: normal;

}
html,body{
	font-family: Calibri;
	width:100%;
	height:100%;
	color:#000000;
	background:#FFFFFF;
	margin:0;
	padding:0;
}

.navigation{
	position:fixed;
	z-index:1;
	top:20px;
}
.navigation li{
	color:#333333;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:1px solid black;
	text-align:left;
	width:53px;
}
.navigation li:hover,.active{
	font-size:1em;
	cursor:pointer;
	width:100px!important;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}

.wrapper{
	width:100%;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../img/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	background:#FFFFFF;
	height:100%;
}

/*
#slide1 img:first-child{
	position:absolute;
	top: 700px;
	left: 300px;
}
*/
#slide1 img:nth-child(2){
	position:absolute;
	top:100px;
	left:200px;
}
#slide1 img:nth-child(3){
	position:absolute;
	top:150px;
	left:400px;
}
#slide1 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide1 img:nth-child(5){
	position:absolute;
	top:200px;
	right:650px;
}
#slide1 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}

#slide1 .parallaxbg{
	/*position:absolute;
	right: 50px;
	top:265px;
	font-size:65px;
	font-weight: bold;
	background-color:rgba(51,51,51,0.3);
	padding: 15px;*/
	color:#AEDBFA;
}

/******************************
 SLIDE 2 
*******************************/
#slide2{
	background:#FFF;
	height:180%;

}

#slide2 .parallaxbg{
	/*position:absolute;
	left:150px;
	top:100px;
	font-size:45px;
	font-weight: bold;*/
	color:#ffffff;
}

/******************************
 SLIDE 3 
*******************************/
#slide3{

	background:url("images/photo-aerienne3.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
#slide3 img:first-child{
	position:absolute;
top: 350px;
left: 100px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:150px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:950px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:1200px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	left:1000px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
	
	background:#FFFFFF ; 
	height:100%;
	
	/*
	background-image:url("images/slide-001.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
#slide4 .parallaxbg{
	background:#FFFFFF ; 
}




H1 { color:#005500 }
p { font-size:1.1em }
ol { font-size:1.2em}



table { 

background:#eeeeee ;
border-spacing : 1px;
/*border-collapse : collapse;*/
}

.titre_tarif { font-size:2em; background:#003300 ; color:#FFFFFF ; text-align:center }
.sous-titre_tarif { font-size:1.2em; background:#003300 ; color:#FFFFFF ; text-align:center }

td  { background:#FFF ; color:#003300 }

.titre_article_actu { background:#B45F04  ; width:100% ; color:#FFF ; font-size:2em ; padding:10px}


.titre_page { font-family:'CaviarDreams', 'sans-serif' ; font-size:2.5em ; margin-top:20px ; margin-bottom:10px; width:100%  ; border-bottom:solid 1px #005500}

th { background:#6ec148 }

.sous-menu2 a 			{ color:#FFF;  text-transform: uppercase; float:left; padding-right:20px ; padding-left:20px ;  padding-top:10px ; padding-bottom:10px ;  margin:3px ; background:#DF7401; list-style: none; font-size:1em }
.sous-menu2.actif a 	{box-shadow:0px 10px 10px rgba(0,0,0,0.3);  color:#FFF;  text-transform: uppercase; float:left; padding-left:20px ; padding-right:20px ;  padding-top:10px ; padding-bottom:10px ; margin:3px ; background:#FACC2E; list-style: none; font-size:1.2em }

.sous-menu2 a:hover 			{ box-shadow:0px 10px 10px rgba(0,0,0,0.3);  color:#333;  text-transform: uppercase; float:left; padding-right:20px ; padding-left:20px ;  padding-top:10px ; padding-bottom:10px ;  margin:3px ; background:#DF7401; list-style: none; font-size:1em }
.sous-menu2.actif a:hover 	{ box-shadow:0px 10px 10px rgba(0,0,0,0.3); color:#333;  text-transform: uppercase; float:left; padding-left:20px ; padding-right:20px ;  padding-top:10px ; padding-bottom:10px ; margin:3px ; background:#FACC2E; list-style: none; font-size:1.2em }

a.dropdown-item { font-size:1.2em}
a.nav-link { font-size:1.2em}

.texte_accueil {
   max-width:50%; 
   margin:auto; 
   float:left; 
   padding:20px;
    font-size:1em;
  }
  .video_accueil {
   max-width:50%; 
   margin:auto; 
  
   padding:20px;
   
  }

.video_accueil2 {
   max-width:50%; 
   margin:auto; 
  
   padding:20px;
   
  }

.bienvenue { font-family:AlexBrush ; font-size:60px ; color:#007700; text-align:center ; margin-top:100px;  }


.titre_accueil {
	color:#007700 ; text-align:center ; margin-top:0px ;  color:#B45F04   ; font-size:1.5em;
}

@media screen and (max-width:1010px) {
  
  .texte_accueil {
   max-width:100%; 
   margin:auto; 
   float:left; 
   padding:10px;
   font-size:0.9em;
  }
  

  
  .titre_accueil { 	color:#007700 ; text-align:center ; margin-top:0px ;  color:#B45F04   ;
	 font-size:1.2em;  
	  
  }
}


blockquote {

  margin:10px;
  font-size: 1.25rem;
  font-style:italic;
  font-family:'times new roman', times, serif;
  border-left:solid 10px #bf680c; 
  padding:2em ; 
  background:#fafafa; 
}


.flash-info { font-size:1em ; border-radius:10px ; 
 border:solid 5px #00FF00 ; margin:auto ; margin-top:5px ; padding:10px ; width:90% ; background:#FAFAFA ; box-shadow:8px 8px 10px #f8f9f9;
}



.texte-flash-info { font-size:2em; margin:0px ; font-family: 'CaviarDreams';  border-bottom:solid 1px #aaaaaa ;
} 

.bouton {
	background:rgba(255,255,255,0.5); text-align:center; marging:20px ; padding:20px ; width:300px ; height:70px ; border:solid 1px #FFFFFF
}

@media screen and (max-width:750px) {
  
 .texte_accueil {
   max-width:100%; 
   margin:auto; 
   float:left; 
   padding:5px;
   font-size:0.7em;
  }
  .titre_accueil { 	
  color:#007700 ; text-align:center ; margin-top:0px ;  color:#B45F04   ;
  font-size:1em; 
  } 
	
 .bienvenue { font-family:AlexBrush ; font-size:2em ; color:#007700; text-align:center ; margin-top:10px ;  }
 
 
 .menu_comparatif {
	 display:none;
 }
 
 
.video_accueil2 { display:none  }
 
.video_accueil3 { display:none  }
 
 
 .titre_accueil {
	color:#007700 ; text-align:center ; margin-top:0px ;  color:#B45F04   ; font-size:1em;
}
 
 
 .titre_page { font-family:'CaviarDreams', 'sans-serif' ; font-size:1.5em ; margin-top:20px ; margin-bottom:10px; width:100%  ; border-bottom:solid 1px #005500}

 #slide2{
	background:#FFF;
	height:100%;

}
 


.texte-flash-info { font-size:1em; margin:0px ; font-family: 'CaviarDreams';  border-bottom:solid 1px #aaaaaa ; } 

.button { display:none ; }
 
.bouton { width:90% ; font-size:1em  ; white-space: nowrap;} 
 
 
}



@media screen and (max-width: 750px) {

.bloc_page  {	
width:100% ; margin:auto ; 
background:#FFF ; 	
padding:1em ; 
}


img { margin:5px }

}