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

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
    src: url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.eot");
    src: url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.eot?#iefix") format("embedded-opentype"),
    url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.woff2") format("woff2"),
    url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.woff") format("woff"),
    url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.ttf") format("truetype"),
    url("http://db.onlinewebfonts.com/t/2c4bf70f16d2411866bed1cba470490b.svg#DenseW01-Regular") format("svg");



@import url(http://db.onlinewebfonts.com/c/2c4bf70f16d2411866bed1cba470490b?family=DenseW01-Regular);

@font-face {font-family: "DenseW01-Regular";}
body, html { 
	  margin:0;
    padding:0;
	overflow-x:hidden;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size:14px;
	  background-image:url("../images/background_avide_jardin.jpg");
  background-color: #cccccc;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.a{
	font-size:30px;
	color: #ffffff;
	text-transform: none;
	font-family: "DenseW01-Regular";
}

.b{
	font-size:14px;
	color: #ffffff;
	text-transform: none;
	font-style:italic;
}

.c{
	font-size:30px;
	color: #111111;
	text-transform: none;
	font-family: "DenseW01-Regular";
}
#infos_conteneur{
	position:absolute;
	width:100%;
	height:auto;
	margin-top:70vh;
	background-color: #F9F9F9;

}

#infos1{
	position:absolute;
	width:33.33%;
	min-height:40px;
	background-color: #e6007e;
	padding:20px;
	margin-top:-76px;
	font-size:30px;
	color: #fff;
	text-transform: UPPERCASE;
	font-family: "DenseW01-Regular";
	z-index:1;
}


#infos2{
	opacity: 1;
	position:absolute;
	width:33.33%;
	height:auto;
	min-height:350px;
	margin-left:66.66%;
	margin-top:0px;
	padding-top:110px;
	background: url("../images/fond_telecharger_programme.jpg") top no-repeat;
	text-align:center;
	color:#e6007e;
	z-index:0;
}

#infos2:hover{
	background: url("../images/fond_telecharger_programme2.jpg") top no-repeat;
}



#infos3{
	position:absolute;
	width:33.33%;
	height:auto;
	min-height:350px;
	margin-left:33.33%;
	background: url(../images/benevoles.jpg) no-repeat top center #111111;

}


#infos4{
	position:absolute; 
	width:33.33%;
	height:auto;
	height:350px;
	margin-left:0%;
	margin-top:0px;
	padding-top:30px;
	padding-left:15px;
	padding-right:20px;
	padding-bottom:20px;
	color:#ffffff;
	background-color:#111111;


}

#infos4 a{
	color:#e6007e;
	font-size:14px;
}

#infos4 a:hover{
	color:#ffffff;
	font-size:14px;
}

.a{
	color: #e6007e;
	text-transform: none;
}

/*#infos5{
	position:absolute;
	width:33.33%;
	height:auto;
	min-height:350px;
	padding-top:138px;
	margin-top:350px;
	margin-left:0%;
	background-color: #169da3;

}

#typo_infos5{
	position:absolute;
	width:220px;
	height:143px;
	left:50%;
	top:50%;
	margin-top:-71px;
	margin-left:-110px;
}

#infos6{
	position:absolute;
	width:66.66%;
	height:auto;
	margin-left:33.33%;
	min-height:350px;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	margin-top:700px;
	background-color: #169da3;
	text-align:center center;
	color:#FFFFFF;
	font-size:24px;
	font-style:italic;

}*/

.c{
	font-size:30px;
	color: white;
	line-height:30px;
	text-transform:uppercase;
	font-family: "DenseW01-Regular";
}	

.parallax {
  /* Votre image */
  background-image: url("../images/equipe_azimutt.jpg");
	

  /* Une hauteur spécifique */
  height: 1100px;

  /* L'effet de parallax */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#footer{
	position:absolute;
	width:100%;
	height:40px;
	padding:10px;
	margin-top:1870px;
	background-color: #111111;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;

}

#footer a{
	color:#e6007e;
	font-size:12px;

}

#footer a:hover{
	color:#FFFFFF;
	font-size:12px;

}
@media only screen and (min-width: 700px) and (max-width: 1000px)  {
	



	}	
	
@media only screen and (max-width: 700px)  {
	
body, html { 
	  margin:0;
    padding:0;
	overflow-x:hidden;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size:14px;
	  background-image:url("../images/background_avide_jardin_petit.jpg");
  background-color: #cccccc;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.a{
	font-size:30px;
	color: #ffffff;
	text-transform: none;
	font-family: "DenseW01-Regular";
}

.b{
	font-size:14px;
	color: #ffffff;
	text-transform: none;
	font-style:italic;
}

.c{
	font-size:30px;
	color: #ffffff;
	text-transform: none;
	font-family: "DenseW01-Regular";
}
#infos_conteneur{
	position:absolute;
	width:100%;
	height:auto;
	margin-top:70vh;
	background-color: #F9F9F9;

}

#infos1{
	position:absolute;
	width:80%;
	min-height:40px;
	background-color: #e6007e;
	padding:20px;
	margin-top:-71px;
	font-size:30px;
	color: #fff;
	text-transform: UPPERCASE;
	font-family: "DenseW01-Regular";
	z-index:1;
}

#infos2{
	opacity: 1;
	position:absolute;
	width:100%;
	height:auto;
	min-height:350px;
	margin-left:0%;
	margin-top:700px;
	padding-top:110px;
	background: url("../images/fond_telecharger_programme.jpg") top no-repeat;
	text-align:center;
	color:#e6007e;
	z-index:0;
}

#infos2:hover{
	background: url("../images/fond_telecharger_programme2.jpg") top no-repeat;
}
	
	
	.parallax {
  /* Votre image */
  background-image: url("../images/equipe_azimutt.jpg");

  /* Une hauteur spécifique */
  height: 0px;

  /* L'effet de parallax */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*#infos2{
	position:absolute;
	width:100%;
	height:auto;
	height:350px;
	margin-left:0%;
	margin-top:350px;
	padding-top:30px;
	padding-left:15px;
	padding-right:20px;
	padding-bottom:20px;
	color:#111111;
	background-color:#ffffff;


}*/

#infos3{
	position:absolute;
	width:100%;
	height:auto;
	min-height:350px;
	margin-left:0%;
	background: url(../images/equipe_azimutt.jpg) no-repeat center center #111111;

}


#infos4{
	position:absolute;
	width:100%;
	height:auto;
	height:350px;
	margin-left:0%;
	margin-top:350px;
	padding-top:30px;
	padding-left:15px;
	padding-right:20px;
	padding-bottom:20px;
	color:#ffffff;
	background-color:#111111;


}

/*#infos5{
	position:absolute;
	width:33.33%;
	height:auto;
	min-height:350px;
	padding-top:138px;
	margin-top:350px;
	margin-left:0%;
	background-color: #169da3;
	opacity:0;

}

#typo_infos5{
	position:absolute;
	width:220px;
	height:143px;
	left:50%;
	top:50%;
	margin-top:-71px;
	margin-left:-110px;
}

#infos6{
	position:absolute;
	width:50%;
	height:auto;
	margin-left:50%;
	min-height:350px;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	margin-top:700px;
	background-color: #169da3;
	text-align:center center;
	color:#FFFFFF;
	font-size:14px;
	font-style:italic;

}*/

#footer{
	position:absolute;
	width:100%;
	height:40px;
	padding:10px;
	margin-top:1655px;
	background-color: #111111;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;

}

#footer a{
	color:#e6007e;
	font-size:12px;

}

#footer a:hover{
	color:#FFFFFF;
	font-size:12px;

}

}