/*  ---------------------------------------styles.css---------------------------------------------- */
/*  ----------------------------------------------------------------------------------------------- */


* { 
	padding: 0;
	margin: 0;
	text-align: center;
	
	font-family: 'Oswald', arial, sans-serif;
	color: black;}

img {
	outline: none;
	border: none;}

body {
	overflow-x: hidden;
	font-size: 100%;}

/*  ----------------------------------------------------------------Fenêtre------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------- */



#fenetre {
	width: 100%;}

	
	
/*  ----------------------------------------------------------------Zone 1 (header)------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */



#zone1.headerFixe {
	position: fixed;  z-index: 100;  width: 100%;  height: 235px;  background: url('images/decors/bg/fondgris.jpg') repeat-x;  transition: height 1s ease -600ms;}	
	
#zone1.headerFixe #z1b1 {
	position: relative;  display: block;  margin: 0 auto 0 auto;  padding: 30px 2% 0 2%;  max-width: 1580px;  width: 96%;  transition: padding-top 1s linear;}	
	
#zone1.headerFixe #z1b1 .b1g {
	display: inline-block;  max-width: 640px;  width: 41%;  text-align: left;}

#zone1.headerFixe #z1b1 .b1g .logo {
	display: inline-block;  margin: 0 2% 0 0;  width: 49%;}

#zone1.headerFixe #z1b1 .b1g .logo img {
	max-width: 340px;  width: 100%;}

#zone1.headerFixe #z1b1 .b1g .blocktitre {
	display: inline-block;  width: 49%;  vertical-align: top;}

#zone1.headerFixe #z1b1 .b1g .blocktitre .titre1 {
	margin: 0 0 10px 0;  text-align: left;  font-size: 1.8em;  font-weight: bold;}

#zone1.headerFixe #z1b1 .b1g .blocktitre .comment1 {  
	font-family: arial, sans-serif;  text-align: left;  font-weight: bold;  color: rgb(80,80,80);}
	

#zone1.headerFixe #z1b1 .b1d {
	position: relative;  z-index: 101;  display: inline-block;  max-width: 940px;  width: 59%;  height: 200px;  background: url('images/decors/bg/fiesta.png') left bottom no-repeat;  vertical-align: top;}

#zone1.headerFixe #z1b1 .b1d .quicklinks {
	margin: 5px 20px 20px 55%;  background: url('images/decors/bg/fondgris2.png') repeat;}

#zone1.headerFixe #z1b1 .b1d .quicklinks p {
	margin: 0 0 5px 0;  text-align: left;  font-size: 1.1em;  font-weight: bold;}
	
#zone1.headerFixe #z1b1 .b1d .quicklinks img {
	margin: 0 20px 0 0;  width: 50px;  height: 50px;  vertical-align: middle;}
	

#zone1.headerFixe #z1b1 .b1b {
	position: absolute;  top: 225px;  left: 0;  z-index: 103;  display: block;  padding: 0 0 0 20px;  text-align: left;  transition: top 1s ease -600ms, left 1s ease;}

#zone1.headerFixe #z1b1 .b1b .el_menu {
	display: inline-block;  padding: 0 20px 0 0;}
	
#zone1.headerFixe #z1b1 .b1b .el_menu .menug {
	display: inline-block;  width: 8px;  height: 30px;  vertical-align: middle;}
	
#zone1.headerFixe #z1b1 .b1b .el_menu .menuc {
	display: inline-block;  padding: 5px 10px 0 10px;  min-width: 8px;  height: 25px;  background: none;  font-size: 0.9em;  color: rgb(40,40,40);  text-align: center;  text-decoration: none;  vertical-align: middle;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menuc:hover {
	color: rgb(100,77,6);  background: url('images/decors/headerdividersel.png') 0 2px repeat-x;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menuc:focus {
	color: rgb(106,42,0);  background: url('images/decors/headerdividersel.png') 0 2px repeat-x;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menud {
	display: inline-block;  width: 8px;  height: 30px;  vertical-align: middle;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menuselg {
	display: inline-block;  width: 8px;  height: 30px;  background: url('images/decors/bg/menubg.png') no-repeat;  vertical-align: middle;}
	
#zone1.headerFixe #z1b1 .b1b .el_menu .menuselc {
	display: inline-block;  padding: 5px 10px 0 10px;  min-width: 8px;  height: 25px;  background: url('images/decors/bg/menubg.png') repeat-x;  background-position: 0 -60px;  font-size: 0.9em;  color: rgb(230,230,230);  text-align: center;  font-weight: bold;  vertical-align: middle;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menuseld {
	display: inline-block;  width: 8px;  height: 30px;  background: url('images/decors/bg/menubg.png') no-repeat;  background-position: 0 -30px;  vertical-align: middle;}
	
	

#zone1.headerFloat {
	position: fixed;  z-index: 100;  width: 100%;  height: 60px;  background: url('images/decors/bg/fondgris.jpg') repeat-x;  transition: height 1s ease -600ms;}
	
#zone1.headerFloat #z1b1 {
	position: relative;  display: block;  margin: 0 auto 0 auto;  padding: 0 2% 0 2%;  max-width: 1580px;  width: 96%;  text-align: left;}

#zone1.headerFloat #z1b1 .b1g {
	display: inline-block;  max-width: 250px;  width: 41%;  height: 100%;  text-align: left;}

#zone1.headerFloat #z1b1 .b1g .logo {
	display: none;}

#zone1.headerFloat #z1b1 .b1g .blocktitre {
	display: inline-block;  vertical-align: top;}

#zone1.headerFloat #z1b1 .b1g .blocktitre .titre1 {
	margin: 5px 0 0 0;  text-align: left;  font-size: 1.8em;  font-weight: bold;}

#zone1.headerFloat #z1b1 .b1g .blocktitre .comment1 {  
	display: none;}


#zone1.headerFloat #z1b1 .b1d {
	position: relative;  display: inline-block;  max-width: 1180px;  height: 100%;  background: none;  vertical-align: top;}

#zone1.headerFloat #z1b1 .b1d .quicklinks {
	margin: 12px 0 0 10px;  background: transparent;}

#zone1.headerFloat #z1b1 .b1d .quicklinks p {
	display: inline-block;  margin: 0 10px 0 10px;  text-align: left;  font-size: 1.1em;  font-weight: bold;}
	
#zone1.headerFloat #z1b1 .b1d .quicklinks img {
	margin: 0;  width: 30px;  height: 30px;  vertical-align: middle;}

#zone1.headerFloat #z1b1 .b1d .quicklinks span {
	display: none;}


#zone1.headerFloat #z1b1 .b1b {
	position: absolute;  top: 50px;  left: 60%;  z-index: 103;  display: block;  text-align: left;  transition: top 1s ease -600ms, left 1s ease;}

#zone1.headerFloat #z1b1 .b1b .el_menu {
	display: inline-block;  padding: 0 20px 0 0;}
	
#zone1.headerFloat #z1b1 .b1b .el_menu .menug {
	display: inline-block;  width: 8px;  height: 30px;  vertical-align: middle;}
	
#zone1.headerFloat #z1b1 .b1b .el_menu .menuc {
	display: inline-block;  padding: 5px 10px 0 10px;  min-width: 8px;  height: 25px;  background: none;  font-size: 0.9em;  color: rgb(40,40,40);  text-align: center;  text-decoration: none;  vertical-align: middle;}

#zone1.headerFloat #z1b1 .b1b .el_menu .menuc:hover {
	color: rgb(100,77,6);  background: url('images/decors/headerdividersel.png') 0 2px repeat-x;}

#zone1.headerFixe #z1b1 .b1b .el_menu .menuc:focus {
	color: rgb(106,42,0);  background: url('images/decors/headerdividersel.png') 0 2px repeat-x;}

#zone1.headerFloat #z1b1 .b1b .el_menu .menud {
	display: inline-block;  width: 8px;  height: 30px;  vertical-align: middle;}

#zone1.headerFloat #z1b1 .b1b .el_menu .menuselg {
	display: inline-block;  width: 8px;  height: 30px;  background: url('images/decors/bg/menubg.png') no-repeat;  vertical-align: middle;}
	
#zone1.headerFloat #z1b1 .b1b .el_menu .menuselc {
	display: inline-block;  padding: 5px 10px 0 10px;  min-width: 8px;  height: 25px;  background: url('images/decors/bg/menubg.png') repeat-x;  background-position: 0 -60px;  font-size: 0.9em;  color: rgb(230,230,230);  text-align: center;  font-weight: bold;  vertical-align: middle;}

#zone1.headerFloat #z1b1 .b1b .el_menu .menuseld {
	display: inline-block;  width: 8px;  height: 30px;  background: url('images/decors/bg/menubg.png') no-repeat;  background-position: 0 -30px;  vertical-align: middle;}



.divider1 {
	position: absolute;  bottom: -18px;  z-index: 102;  width: 100%;  height: 25px;  background: url('images/decors/headerdivider.png') repeat-x;}
	

/*adaptative design pour la version header scroll haut*/	
@media screen and (max-width: 1080px) {
    #zone1.headerFixe {
		height: 260px;  transition: height 1s;}
	
	#zone1.headerFixe #z1b1 {
		padding: 10px 2% 0 2%;  max-width: 1580px;  width: 96%;  transition: padding-top 1s linear;}
	
	#zone1.headerFixe #z1b1 .b1g {
		padding: 0;  width: 30%;  height: 215px;}
	
	#zone1.headerFixe #z1b1 .b1g .logo {
		display: block;  width: 100%;}
	
	#zone1.headerFixe #z1b1 .b1g .logo img {
		max-width: 340px;  width: 90%;}
	
	#zone1.headerFixe #z1b1 .b1g .blocktitre {
		display: block;  margin: 0;  width: 100%;}
	
	#zone1.headerFixe #z1b1 .b1g .blocktitre .titre1 {
		margin: 0 0 10px 0;  text-align: center;}

	#zone1.headerFixe #z1b1 .b1g .blocktitre .comment1 {
		text-align: center;}
		
	#zone1.headerFixe #z1b1 .b1d {
		width: 67%;  height: 100%;  background-position: 30px 30px;}
		
	#zone1.headerFixe #z1b1 .b1d .quicklinks {
		margin: 10px 10px 10px 80%;  background: transparent;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks p {
		margin: 0 0 10px 0;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks img {
		margin: 0;  width: 70px;  height: 70px;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks span {
		display: none;}
	
	#zone1.headerFixe #z1b1 .b1b {
		top: 250px;  transition: top 1s;}}

@media screen and (max-width: 730px) {
	#zone1.headerFixe {
		height: 350px;}
	
	#zone1.headerFixe #z1b1 .b1g {
		padding: 0;  width: auto;  height: 270px;}
	
	#zone1.headerFixe #z1b1 .b1g .logo {
		display: block;  width: 100%;}
	
	#zone1.headerFixe #z1b1 .b1g .logo img {
		max-width: 340px;  width: 90%;}
	
	#zone1.headerFixe #z1b1 .b1g .blocktitre {
		display: inline-block;  margin: 0;  width: 100%;}
	
	#zone1.headerFixe #z1b1 .b1g .blocktitre .titre1 {
		margin: 10px 0 10px 0;  text-align: center;}

	#zone1.headerFixe #z1b1 .b1g .blocktitre .comment1 {
		text-align: center;}
		
	#zone1.headerFixe #z1b1 .b1d {
		top: 0;  width: 100%;  height: 50px;  background: transparent;}
		
	#zone1.headerFixe #z1b1 .b1d .quicklinks {
		margin: 0;  background: transparent;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks p {
		display: inline-block;  margin: 0 15px 0 15px;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks img {
		margin: 0;  width: 50px;  height: 50px;}
	
	#zone1.headerFixe #z1b1 .b1d .quicklinks span {
		display: none;}
	
	#zone1.headerFixe #z1b1 .b1b {
		display:none;}}
	

/*adaptative design pour la version header scroll bas*/
@media screen and (max-width: 1110px) {
	#zone1.headerFloat #z1b1 .b1b {
		left: 55%;}}

@media screen and (max-width: 990px) {
	#zone1.headerFloat #z1b1 .b1b {
		left: 45%;}
	
	#zone1.headerFloat #z1b1 .b1b .el_menu .menug, #zone1.headerFloat #z1b1 .b1b .el_menu .menud {
		width: 0px;}}

@media screen and (max-width: 730px) {
	#zone1.headerFloat #z1b1 .b1g {
		width: 70%;}
	
	#zone1.headerFloat #z1b1 .b1b {
		left: 10px;}}
	
@media screen and (max-width: 510px) {
	#zone1.headerFloat #z1b1 .b1b .el_menu {
		padding: 0 5px 0 0;}}

@media screen and (max-width: 445px) {
	#zone1.headerFloat {
		height: 80px;}
	
	#zone1.headerFloat #z1b1 .b1g {
		width: 40%;}
	
	#zone1.headerFloat #z1b1 .b1g .blocktitre .titre1 {
		font-size: 1.3em;}
	
	#zone1.headerFloat #z1b1 .b1d .quicklinks {
		margin: 22px 0 0 10px;}
		
	#zone1.headerFloat #z1b1 .b1b {
		top: 70px;}
	
	#zone1.headerFloat #z1b1 .b1b .el_menu .menuc {
		padding: 8px 10px 0 10px;  height: 22px;  font-size: 0.7em;}}

	
	
/*  ----------------------------------------------------------------Zone 2 (presentation)------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	
	
#zone2 {
	position: relative;  padding: 250px 0 50px 0;  width: 100%;  background: url('images/decors/bg/fondnoir2.png') repeat;}



#z2b1 {
	position: relative;  display: block;  margin: 0 auto 0 auto;  padding: 50px 2% 0 2%;  max-width: 1580px;  width: 96%;}

#z2b1 .b2gg {
	display: none;  width: 51%;}
	
#z2b1 .b2g {
	display: inline-block;  margin: 0 4% 0 0;  width: 45%;  vertical-align: top;}

#z2b1 .b2d {
	display: inline-block;  padding: 20px 0 0 0;  width: 51%;  vertical-align: top;}

#z2b1 .presentation .p_banniere {
	text-align: left;}
	
#z2b1 .presentation .p_banniere .p_icon {
	display: inline-block;  margin: 0 2% 0 0;  max-width: 115px;  min-width: 80px;  width: 14%;  vertical-align: middle;}

#z2b1 .presentation .p_banniere .p_icon p img{
	width: 100%;}
	
#z2b1 .presentation .p_banniere .p_titre {
	display: inline-block;  vertical-align: middle;}

#z2b1 .presentation .p_banniere .p_titre p {
	font-size: 2.4em;  line-height: 1em;  color: rgb(215,215,215);  text-align: left;}

#z2b1 .presentation .p_res hr {
	margin: 30px 0 30px 0;  width: 100%;  border-top: 2px solid rgb(113,109,91);}
	
#z2b1 .presentation .p_res p {
	font-size: 1.5em;  color: rgb(113,109,91);  text-align: left;}

#z2b1 .presentation .p_des p {
	font-family: arial, sans-serif;  font-size: 1em;  color: rgb(200,200,200);  text-align: left;}




@media screen and (max-width: 1080px) {
	#zone2 {
		padding-top: 280px;}
	
	#z2b1 .b2d .presentation .p_banniere .p_titre p {
		font-size: 2em;}
	
	#z2b1 .b2d .presentation .p_res p {
		font-size: 1.2em;  color: rgb(113,109,91);  text-align: left;}

	#z2b1 .b2d .presentation .p_des p {
		font-family: arial, sans-serif;  font-size: 1em;  color: rgb(200,200,200);  text-align: left;}
}

@media screen and (max-width: 900px) {
	#z2b1 .b2gg {
		display: block;  padding: 0 0 30px 0;  width: 100%;  vertical-align: top;}
	
	#z2b1 .b2g {
		display: block;  margin: 0;  width: 100%;  vertical-align: top;}
	
	#z2b1 .b2d {
		display: none;}	
}	
	
@media screen and (max-width: 730px) {	
	#zone2 {
		padding-top: 370px;}
	
	#z2b1 {
		padding-top: 30px;}
}


	
/*  ----------------------------------------------------------------Zone 3 (services)------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */



.divider2 {
	position: absolute;  top: -10px;  z-index: 1;  width: 100%;  height: 20px;  background: url('images/decors/divider.png') repeat-x;  background-position: 0 -40px;}
	
	
	
#zone3 {
	position: relative;  padding-bottom: 50px;  width: 100%;  background: url('images/decors/bg/fondjaune2.jpg') repeat;}



#zone3 #z3b1 {
	margin: 0 auto 0 auto;  padding: 40px 0 0 0;  width: 100%;  max-width: 1580px;}

#zone3 #z3b1 .titre1 {
	font-size: 2.4em;  color: rgb(35,35,35);  text-align: center;  font-weight: bold;}



#zone3 #z3b2 {
	margin: 0 auto 0 auto;  padding: 40px 0 0 0;  width: 100%;  max-width: 1580px;}

#zone3 #z3b2 .BS_container1, #zone3 #z3b2 .BS_container2 {
	display: inline-block;}

#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3, #zone3 #z3b2 #BlockService4 {
	display: inline-block;  width: 250px;}

#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3 {
	margin: 0 100px 0 0;}

#zone3 #z3b2 .BS_pastille p img {
	width: 100%;}

#zone3 #z3b2 .BS_titre p {
	padding: 45px 0 25px 0;  width: 100%;  font-size: 1.6em;  color: rgb(35,35,35);  border-bottom: 2px solid rgb(180,0,0);}

#zone3 #z3b2 #BlockService2 .BS_titre p {
	border-bottom: 2px solid rgb(0,180,0);}

#zone3 #z3b2 #BlockService3 .BS_titre p {
	border-bottom: 2px solid rgb(0,0,180);}

#zone3 #z3b2 #BlockService4 .BS_titre p {
	border-bottom: 2px solid rgb(180,0,180);}

#zone3 #z3b2 .BS_description p {
	padding: 25px 0 0 0;  width: 100%;  font-family: arial, sans-serif;  font-size: 0.9em;  color: rgb(80,80,80);}



@media screen and (max-width: 1320px) {	
	#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3 {
		margin: 0 50px 0 0;}}
	
@media screen and (max-width: 1220px) {
	#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3, #zone3 #z3b2 #BlockService4 {
		display: inline-block;  width: 200px;}}

@media screen and (max-width: 975px) {
	#zone3 #z3b2 .BS_container1, #zone3 #z3b2 .BS_container2 {
		display: block;}
	
	#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3, #zone3 #z3b2 #BlockService4 {
		margin-bottom: 50px;}
	
	#zone3 #z3b2 #BlockService2 {
		margin: 0;}
}

@media screen and (max-width: 470px) {
	#zone3 #z3b2 #BlockService1, #zone3 #z3b2 #BlockService2, #zone3 #z3b2 #BlockService3, #zone3 #z3b2 #BlockService4 {
		display: block;  margin: 0 auto 50px auto;  width: 160px;}
	
	#zone3 #z3b2 #BlockService4 {
		margin-bottom: 0;}
	
	#zone3 #z3b2 .BS_titre p {
	padding: 35px 0 20px 0;  font-size: 1.4em;}
}