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



html { 
  
}

body{
	height:auto;
	width:auto;
	margin:0;
  padding:0;
	font-family:Helvetica, Verdana, "Nexa Light", Arial;
	font-size:13px;
	color:#666;
}

/*---------------------------------------------------------------------------------------------Slider*/
#slideshow {
    position:relative;
    height:0px;
    z-index:-1;
	
}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}
 
#slideshow img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
 
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
 
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}
 
@media screen and (max-width: 1024px){
    img.bg {
    left: 50%;
    margin-left: -512px;
}
}


.active{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_home.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}

.body2{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_projects.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}
.body3{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_about.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}

.body4{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_news.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}

.body5{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_contact.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}


/*---------------------------------------------------------------------------------------------Slider*/

#body1{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_home.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
	
}

#body2{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_projects.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}
#body3{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_about.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}

#body4{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_news.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}

#body5{
	position:absolute;
	z-index:-999;
	height:auto;
	width:auto;
	margin:0;
  padding:0;
  background: url(img/bg_contact.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}*/

p{
	color:#666;
}

h1,h2,h3,h4,h5,h6{
	color:666;
	text-decoration:;
	font-weight:bolder;
	}

#warpper {

	 background: url(img/bg.jpg);
margin-left: auto;
margin-right: auto;
width: 1024px;
height: auto;
background-repeat: no-repeat;
-moz-box-shadow: 1px -8px 19px #2e2e2e;
-webkit-box-shadow: 1px -8px 19px #2e2e2e;
box-shadow: 1px -8px 19px #2e2e2e;
background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8);
	 
}




#header
{
	
	width:1024px;
	height:250px;
    display: inline-block;
    margin:0 auto 20px auto;
	z-index:0;
	position:relative;
	background-repeat:no-repeat;
	
	-moz-box-shadow: 0px 3px 7px -2px #9D0000;
-webkit-box-shadow: 0px 3px 7px -2px #9D0000;
-o-box-shadow: 0px 3px 7px -2px #9D0000;
box-shadow: 0px 3px 7px -2px #9D0000;


background-color: rgba(255, 0, 0, 0.5);
background: rgba(255, 0, 0, 0.5);
color: rgba(255, 0, 0, 0.5);
	/*background-color:#999999;*/
	/*
	color:#666;
	font-size:10px; */
	
}




#diapo {
	position:absolute;
	margin: 94px auto 0 353px;
	z-index:1;
	}

a { /* Les liens qui ne sont pas sous le curseur. */
	color:#fff; 
	text-decoration:none; 
}
a:hover { /* Les liens lorsque le curseur est dessus. */
	color:#f00; /*//ta couleur*/
	text-decoration:none; /* pas de soulignement */
}
/*a:visited { /* Les liens visités. */
/*	color: #666; 
	text-decoration:none; 
}*/


.logo{
	width:268px;
	height:341px;
	margin-left:27px;
	margin-top:76px;
	display:inline-block;
	z-index: 99999;
	position: relative;
	}

/*-----------------------------------------------------------------------------------*/


	.menu_social {
	position: relative;
	margin: -312px 0 0 624px;
	z-index:1;
	font-size:20px;
	}
	
	.facebook_social {
	
	margin: 0 0 0 25px;
	width:42px;
	height:42px;
	}
	
	.twitter_social {
	
	margin: 0 0 0 25px;
	width:42px;
	height:42px;
	}
	
	.pinterest_social {
	
	margin: 0 0 0 25px;
	width:42px;
	height:42px;
	}
	
	.vimeo_social {
	
	margin: 0 0 0 25px;
	width:42px;
	height:42px;
	}
	
	.tumblr_social {
	
	margin: 0 0 0 25px;
	width:42px;
	height:42px;
	}

/*-----------------------------------------------------------------------------------*/

/*.menu, .home, .points_menu, .projects, .about, .News, .contact{
	text-shadow:3px 3px 5px #242424;
	}
	*/
	
.menu {
	margin: -304px 0 0 109px;
	position:absolute;
	z-index:1;
	font-size:20px;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	color: white;
	z-index: 0;
	
	}

	.menu a {
		padding: 15px 27px;
		transition:.5s;
	}

	.menu .active2{
		color: red;
	  text-shadow: none;
	  font-size: 22px;
	  background: #FFF;
	}

		.menu a:hover{
			color: red;
		  text-shadow: none;
		  font-size: 22px;
		  background: #FFF;
		}

	.home {
	margin: 0 0 0 460px;
	z-index:1;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}
	
	.points_menu {
		visibility: hidden;
	margin: 0 15px 0 15px;
	display: none;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}

	.projects {
	margin: 0 0 0 0;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}
	
	.about {
	margin: 0 0 0 0;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}
	
	.News {
	margin: 0 0 0 0;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}
	
	.contact {
	margin: 0 0 0 0;
	!important font-family:"Nexa Light", Helvetica, Verdana, Arial;
	position: relative;
	z-index: 50;
	}


.bg_onglet{
margin:-50px 0 0 125px;
position:absolute;
display:inline-block;
z-index:0;
display: none;
	}

/*-----------------------------------------------------------------------------------*/

	
#zoomboxaccueil{
	z-index:0;
	}



	.img_portfolio1 {
		margin: 0 auto;
		/*background:url(img/img_portfolio1.png);*/
		width:204px;
		height:174px;
		display: inline-block;
	}
	
	.img_portfolio2 {
		margin: 0 auto;
		/*background:url(img/img_portfolio2.png);*/
		width:204px;
		height:174px;
		display: inline-block;
		
	}
	
	.img_portfolio3 {
		margin: 0 auto;
		/*background:url(img/img_portfolio3.png);*/
		width:204px;
		height:174px;
		display: inline-block;
	}
	
	.img_portfolio4 {
		margin: 0 auto;
		/*background:url(img/img_portfolio4.png);*/
		width:204px;
		height:174px;
		display: inline-block;
	}
	
	.img_portfolio5 {
		margin: 0 auto;
		/*background:url(img/img_portfolio5.png);*/
		width:204px;
		height:174px;
		display: inline-block;
		
	}
	
	.img_portfolio6 {
		margin: 0 auto;
		/*background:url(img/img_portfolio6.png);*/
		width:204px;
		height:174px;
		display: inline-block;
	}






li {
	margin: 0 0 0 30px;
	display: inline-block;
}

.liste-service{
	padding:0;
	}

.liste-service li {
	list-style-type:square !important;
	margin:0 !important;
	padding:5px 5px 5px 10px; 	
}

.liste-service h3{
	color:#F90;	
}

.liste-service h4{
	color:#F90;	
}




.titreintro
{
	color:#666;
	padding-top:30px;
	padding-left:50px;	
}

.titrequalif
{
	color:#666;
	padding-top:30px;
	padding-left:0;
	font-size:25px;
}



.txtintro
{
	font-size:13px;
	color:#ccc;
	margin: -10px auto 0 auto;
	padding-bottom:50px;
	width: 700px;
	text-align: justify;
}


/*----------------------------------------------------------------------------------------------Content accueil*/
#content {
	background:url(img/bg_content.png);
 	margin-top: 0px;
  	margin-left: 30px;
  	margin-right: 30px;
  	width: 1024px;
  	height: auto; /* largeur obligatoire pour être centré */
	padding-bottom:35px;
	font-family:"Nexa Light";
}





#titre_content {
	background-image:url(img/titre_content.png);
	width:974px;
	height:115px;
	margin:0px auto 0 auto;
	}

#titre_projects {
	background-image:url(img/titre_projects.png);
	width:1024px;
	height:211px;
	margin:80px auto 0 auto;
	}
	
	#titre_about {
	background-image:url(img/titre_about.png);
	width:1024px;
	height:172px;
	margin:80px auto 0 auto;
	}
	
	#titre_news {
	background-image:url(img/titre_news.png);
	width:956px;
	height:176px;
	margin:90px auto 50px auto;
	}
	
	#titre_contact {
	background-image: url(img/titre_contact.png);
	width: 958px;
	height: 96px;
	margin: 370px auto 0 auto;
	}


#titre_content_fr {
	background-image:url(img/titre_content_fr.png);
	width:974px;
	height:115px;
	margin:100px auto 0 auto;
	}

#titre_projects_fr {
	background-image:url(img/titre_projects_fr.png);
	width:997px;
	height:145px;
	margin:80px auto 0 auto;
	}
	
	#titre_about_fr {
	background-image:url(img/titre_about_fr.png);
	width:1024px;
	height:172px;
	margin:80px auto 0 auto;
	}
	
	#titre_news_fr {
	background-image:url(img/titre_news_fr.png);
	width:956px;
	height:176px;
	margin:90px auto 50px auto;
	}
	
	#titre_contact_fr {
	background-image: url(img/titre_contact_fr.png);
	width: 956px;
	height: 120px;
	margin: 370px auto 0 auto;
	}



#txt_accueil{
	display:inline-block;
	margin-top:50px;	
	margin-bottom: 49px;

	
	}


.titre_content {
	padding-bottom:-50px;
	margin:0 0 0 0;
	padding-left:30px;
	font-size:40px;
	color:#666;
	width:400px;
	}
.intro_content {
	padding-left:30px;
	padding-bottom:50px;
	font-size:20px;
	width:400px;
	color:#666;
	}

.txt_content {
	padding-top:40px;
	padding-left:30px;
	font-size:18px;
	width:350px;
	color:#666;
	}

#ligne_content_accueil{
	background: url(img/ligne_content_accueil.png);
	height:166px;
	width:10px;
	position:absolute;
	margin:-213px 0 0 35px;
	
	}
	
/*#img_accueil{
	background: url(img/img_accueil.png);
	height:455px;
	width:455px;
	margin:0 0 0 70px;
	display:inline-block;
	/* debut ombre portée sur l'image accueil 
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	/* finombre portée sur l'image accueil 
}*/

/*----------------------------------------------------------------------------------------------fin Content accueil*/



/*----------------------------------------------------------------------------------------------Content produit*/



/*-----------------------------------------------------------css pr img défilement*/
<!-- mise en forme de l'affichage, adapter les dimensions du slideshow à celles des images largeur+32 sur hauteur+32 -->
.slideshow { 
	margin:0 0 0 70px;
	display:inline;
	width: 500px;
	height: 500px;
	float:left;
	overflow: hidden;
	display:inline;
	
	
	}
	
.slideshow img { 
	padding: 2px;
	border: 1px solid #666;
	background-color: #f00; 
	/* debut ombre portée sur l'image accueil 
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	finombre portée sur l'image accueil */
	}
/*-----------------------------------------------------------fin css pr img défilement*/

#photo-projet{
	margin:70px auto 0 30px;
	width:1024px;
	height:auto;
	}
	
.texte_portfolio{
	margin: 40px 0 auto 135px;
	width:750px;
	height:auto;
	color:#333333;
	font-size:16px;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;

	}


#txt_produit{
	float:right;
	width:auto;
	height:auto;
	margin: 0 0 0 0;
	padding: 0 44px 0 0;
	
	}

.titre_content2 {
	margin-top:0px;
	width:400px;
	font-size:40px;
	color:#666;
	text-align:right;
	}
.intro_content2 {
	font-size:20px;
	width:400px;
	color:#666;
	text-align:right;
	}

.intro_content3 {
	font-size:20px;
	width:400px;
	color:#666;
	text-align:right;
	}
	
	#services{
		width:231px;
		height:40px;
		background-color:#c82537;
		color:#666666;
		font-family:Nexa Light;
		text-align:center;
		padding-top:auto;
		font-size:20px;
		margin-left:168px;
		}
		
	.services
{	
	margin: 10px 0 0 0;
	padding:0 0 0 30px;
	position:relative;
	z-index:1;
	font-size:20px;
	color:#666;
}
	.services2
{	
	margin: 10px 0 0 0;
	position:relative;
	z-index:1;
	font-size:20px;
	color:#666;
}


.img_portfolio1 {
	background-image:url(img/img_portfolio1_small.jpg);
	}
	
	.img_portfolio1:hover {
	background-image:url(img/img_portfolio1_small_nb.jpg);
	}
.img_portfolio2 {
	background-image:url(img/img_portfolio2_small.jpg);
	}
	
	.img_portfolio2:hover {
	background-image:url(img/img_portfolio2_small_nb.jpg);
	}

.img_portfolio3 {
	background-image:url(img/img_portfolio3_small.jpg);
	}
	
	.img_portfolio3:hover {
	background-image:url(img/img_portfolio3_small_nb.jpg);
	}

.img_portfolio4 {
	background-image:url(img/img_portfolio4_small.jpg);
	}
	
	.img_portfolio4:hover {
	background-image:url(img/img_portfolio4_small_nb.jpg);
	}

.img_portfolio5 {
	background-image:url(img/img_portfolio5_small.jpg);
	}
	
	.img_portfolio5:hover {
	background-image:url(img/img_portfolio5_small_nb.jpg);
	}
.img_portfolio6 {
	background-image:url(img/img_portfolio6_small.jpg);
	}
	
	.img_portfolio6:hover {
	background-image:url(img/img_portfolio6_small_nb.jpg);
	}

.img_portfolio7 {
	background-image:url(img/img_portfolio7_small.jpg);
	}
	
	.img_portfolio7:hover {
	background-image:url(img/img_portfolio7_small_nb.jpg);
	}
.img_portfolio8 {
	background-image:url(img/img_portfolio8_small.jpg);
	width:191px;
	height:191px;
	}
	
	.img_portfolio8:hover {
	background-image:url(img/img_portfolio8_small_nb.jpg);
	}

.img_portfolio9 {
	background-image:url(img/img_portfolio9_small.jpg);
	}
	
	.img_portfolio9:hover {
	background-image:url(img/img_portfolio9_small_nb.jpg);
	}

.img_portfolio10 {
	background-image:url(img/img_portfolio10_small.jpg);
	}
	
	.img_portfolio10:hover {
	background-image:url(img/img_portfolio10_small_nb.jpg);
	}




#txt_plage2{
	width:950px;
	height:auto;
	margin: 0 0 0 0;
	padding: 80px 44px 0 0;
	
	}
	
	
	
#titre_bache{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_bache{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}
		
	
	
#titre_ficelles{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_ficelles{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}	
	
	
#titre_filets{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_filets{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}	
	
	
#titre_autres{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_autres{
	padding-left: 30px;
padding-bottom: 0;
font-size: 20px;
color: #666;
	}
	



/*----------------------------------------------------------------------------------------------fin Content produit*/




/*----------------------------------------------------------------------------------------------debut Content about*/


#txt_about{
	background-image:url(img/block_about.png);
	width:964px;
	height:933px;
	margin: 60px auto 0 auto;
	text-align:justify;
	font-size:1.18em;
	}

.txt_about {
	padding-top:80px;
	padding-left:60px;
	/*font-size:18px;*/
	font-size:1.18em;
	width:850px;
	color:#727375;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;
	}
	
	
	
		
	
	
#titre_combustible{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_combustible{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}
		
	
	
#titre_bois_chauf{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_bois_chauf{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}	
	
	
#titre_pellet{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 500px;
}

.txt_pellet{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}	
	
	
#titre_bois_allum{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 700px;
}

.txt_bois_allum{
	padding-left: 30px;
padding-bottom: 0;
font-size: 20px;
color: #666;
	}


/*----------------------------------------------------------------------------------------------fin Content about*/



/*----------------------------------------------------------------------------------------------début Content equipe*/

#photo_groupe{
	background:url(img/photo_groupe.jpg);
	width:450px;
	height:301px;
	margin:30px 0 0 60px;
	}

.titre_content_equipe {
	padding-left:45px;
	font-size:26px;
	width:400px;
	color:#f00;
	}
	
.texte_content_equipe {
	padding-left:250px;
	font-size:23px;
	width:800px;
	color:#727375;
	padding-bottom:110px;
	}
	
#photo_profil {
	background:url(img/profil_1.jpg);
	width:170px;
	height:170px;
	position:absolute;
	margin: -210px 0 0 40px;
	/* debut ombre portée sur l'image accueil */
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	/* finombre portée sur l'image accueil */
	
	}
	
	#photo_profil2 {
	background:url(img/profil_2.jpg);
	width:170px;
	height:170px;
	position:absolute;
	margin: -210px 0 0 40px;
	/* debut ombre portée sur l'image accueil */
	-moz-box-shadow: 4px 4px 4px 0px #656565;
	-webkit-box-shadow: 4px 4px 4px 0px #656565;
	-o-box-shadow: 4px 4px 4px 0px #656565;
	box-shadow: 4px 4px 4px 0px #656565;
	/* finombre portée sur l'image accueil */
	
	}


	.twitter-timeline{
		margin: 115px 110px 0 0;
		
		}
		
		
		#titre_animalerie{
margin: 0 0 0 0;
padding-left: 30px;
font-size: 40px;
color: #f00;
width: 400px;
}

.txt_animalerie{
	padding-left: 30px;
padding-bottom: 50px;
font-size: 20px;
color: #666;
	}


/*----------------------------------------------------------------------------------------------fin Content equipe*/


/*---------------------------------------------------------------------------------------------- Content contact*/

#txt_contact{
	display:inline-block;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;
	
	}

.titre_content_contact {
	padding-top:20px;
	margin-top:0px;
	padding-left:0px;
	width:400px;
	font-size:45px;
	color:#666;
	margin-bottom: 20px;
	padding-bottom: 0px;
	}
.intro_content_contact {
	padding-left:0px;
	font-size:35px;
	width:400px;
	color:#f00;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	}

.intro_content_contact2 {
	padding-left:40px;
	line-height:1.7;
	font-size:20px;
	width:400px;
	color:#666;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;
	}

.txt_formulaire {
	font-size:20px;
	width:auto;
	color:#666;
	}
	
	input, textarea, select, option {
 	/*background-color:#f7f7f7;*/
	background-color:#fff;
	color:#666;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;
	border-radius:2px;

 }

/*---------------------------------------------------------------------------------------------- fin Content contact*/




#contact
{
	background:url(img/bg_intro.png);
  	width: 800px; /* largeur obligatoire pour être centré */
 	height: 262px;
	margin: -18px auto 0 auto;

}




.titrecontact
{
	color:#F90;
	padding-top:40px;
	padding-left:73px;	
}



.txtcontact
{
	font-size:15px;
	color:#CCC;
	margin: 30px auto 0 auto;
	width: 650px;
	text-align: justify;
}


#formulaire_mail {
	margin: 5px 0 0 26px;
	color:#CCC;
	display:inline-block;
	margin-left:140px;
	position:absolute;
	font-family:"Helvetica", Verdana, Nexa Light, Arial;
	
}


.color_bold{
	color:#f00;
	
	}


#footer
{
	margin:25px 0 0 0;
	padding-top:15px;
	width: 1024px; /* largeur obligatoire pour être centré */
 	height: 40px;
	color:#f00;
	
	-moz-box-shadow: 0px -2px 8px -2px #9D0000;
-webkit-box-shadow: 0px -2px 8px -2px #9D0000;
-o-box-shadow: 0px -2px 8px -2px #9D0000;
box-shadow: 0px -2px 8px -2px #9D0000;


background-color: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);

	
	
}

.copyright
{
font-size:14px;
display: inline;
  margin-left: 371px;
text-shadow:0px 0px 3px #666666;
}



#zoomboxaccueil{
	z-index:0;
	}



	.img_portfolio1 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio1.png);*/
		width:191px;
		height:191px;
		display: inline-block;
	}
	
	.img_portfolio2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}
	
	.img_portfolio3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}
		
	
	.img_portfolio4 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}
	
	.img_portfolio5 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
		
	}
	
	.img_portfolio6 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}
	
	.img_portfolio7 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}
.img_portfolio8 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}

.img_portfolio9 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}

.img_portfolio10 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*background:url(img/img_portfolio2.png);*/
		width:191px;
		height:191px;
		display: inline-block;
		
	}


.animalerie{
	margin:20px 0 0 55px;
	}