                                                                        @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Serif);

body {
	font: 14px/19px  'PT Serif', serif;
	font-weight:400;
	margin: 0;
	padding: 0;
	line-height:19px;
	color:#797979;
	background:#ffffff;
	

}
strong{
	font-weight:700; 
	}


#bg{
width:100%;
height:auto;
position:relative;
float:left;
}

header#header {
	position: relative;
	width: 100%;
	z-index: 50;
height: 278px;
	background:url(../images/bg-header.png) repeat-x top center;
	margin:0 auto;
	z-index:50;
	float:left;
}
#container-header{
	position: relative;
	width:1000px;
	margin: 0 auto;
	height:auto;
	z-index:50;
	margin-top:0px;
}
#logo{
position: relative;
	width: 388px;
	z-index: 50;
	height:88px;
	margin:0 auto;
	margin-top:24px;
	margin-left:307px;
	float:left;

}


#logo2{
position: relative;
	width: 388px;
	z-index: 50;
	height:88px;
	margin:0 auto;
	margin-top:24px;
	margin-left: 376px;
	float:left;

}

#logo3{
position: relative;
	width: 253px;
	z-index: 50;
	height:95px;
	margin:0 auto;
	margin-top:24px;
	margin-left: 376px;
	float:left;

}
 #main-nav {
	position:relative;
	width:1000px;
	height:50px;
	z-index:6;
	float:left;
	margin-top:0px;
	border-bottom:1px solid rgba(179,179,179,0.26);
	border-top:1px solid rgba(179,179,179,0.26);
}


 #main-nav3 {
	position:relative;
	width:608px;
	height:50px;
	z-index:6;
	float:left;
	margin-top:0px;
	border-bottom:1px solid rgba(179,179,179,0.26);
	border-top:1px solid rgba(179,179,179,0.26);
	padding-left:392px;
}
#container-slideshow{
width:100%;
height:auto;
position:relative;
}
#slideshow {
    float: left;
    height: 583px;
    margin-top:0px;
    position: relative;
	width: 100%;
    z-index: 2;
	margin-top: -278px;
	
}
#container-slideshow2{
width:100%;
height:auto;
position:relative;
}
#slideshow2 {
    float: left;
    height: 350px;
    margin-top:0px;
    position: relative;
	width: 100%;
    z-index: 2;
	margin-top: -278px;
	background:url(../images/bg-interne.png) top center repeat-x;
	
}
#container-slideshow22{
width:100%;
height:auto;
position:relative;
}
#slideshow22 {
    float: left;
    height: 350px;
    margin-top:0px;
    position: relative;
	width: 100%;
    z-index: 2;
	margin-top: -278px;
	background:url(../images/bg-internet.png) top center repeat-x;
	
}
#container-slideshow33{
width:100%;
height:auto;
position:relative;
}
#slideshow33 {
    float: left;
    height: 350px;
    margin-top:0px;
    position: relative;
	width: 100%;
    z-index: 2;
	margin-top: -278px;
	background:url(../images/bg-interne3.png) top center repeat-x;
	
}
#container-zoom{
width:100%;
height:auto;
position:relative;
height:77px;
background:#181818;
margin-top: 583px;
position:relative;
	z-index:6;
	}

.zoom{
	position:relative;
	z-index:6;
	width:1000px;
	height:77px;
	margin: 0 auto;
	margin-top:0px;
 }

/*media all*/
fieldset {
    border: 0 none;
}
.fieldset {
    border: 0 none;
}


#content-call{
	position: relative;
	width:1000px;
	margin: 0 auto;
	height:auto;

	margin-top:0px;
}
.call{
width:253px;
height:66px;
z-index:50;
position:relative;
margin-top:0px;
float:right;
margin-top: -246px;

background:url(../images/bg-tel.png) top center no-repeat;
}
.call p{
font-family:'PT Serif', serif;
font-weight:700;
color:#ffffff;
position:relative;
margin-top:25px;
margin-left:66px;
font-size: 25px;
}

#container-contenu{
    float:left;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	z-index:50;
	margin-top:0px;
	background: #ffffff;
	
	}
#content-wrapper {
	width:1000px;
	margin:0 auto;
    height:auto;
	text-align:left;

	position:relative;
	z-index:50;
	padding-top:0px;
	text-align:left;
	 margin-top:15px;
	

	
}

.contenu{
	margin-left:0px;
	float:left;
	width:656px;
padding-top: 0px;
text-align:left;
z-index:50;
margin-top: -70px;

}
#img-contenu{
width: 305px;
height: 401px;
background: url(../images/img-contenu1.png) top center no-repeat;
margin-top: -15px;
position: relative;
float: left;
margin-left: 39px;

}
#img-contenu2{
width: 305px;
height: 401px;
background:url(../images/img-contenu2.png) top center no-repeat;
margin-top: -16px;
position: relative;
float: left;
margin-left: 39px;

}
#img-contenu3{
width: 305px;

height: 401px;
background:url(../images/img-contenu3.png) top center no-repeat;
margin-top: -16px;
position: relative;
float: left;
margin-left: 39px;

}
#content-wrapper h1 {
    text-align:left;
     font-family: 'PT Sans', sans-serif; 
	font-weight:400;
	font-size:28px;
	color:#ffffff;
	padding: 0px 0px 15px 0px;
margin-bottom: 30px;
	width:656px;
	height:auto;
	margin-top:0px;
	line-height:40px;
	text-transform:uppercase;
	
	
	}
	
#content-wrapper h2{
	 font-family: 'PT Sans', sans-serif; 
	font-size:25px;
	color:#9e0604;
	 font-weight: 400;
	color:#c39222!important;
	text-align:left!important;
	padding-top:0px!important;
}

#content-wrapper  p {
	padding: 0px 0px 15px;
	text-align:left;
	
}


#content-wrapper a{
	text-decoration:none;
	color:#c39222;
}
#content-wrapper a:hover{
	text-decoration:underline;
	color:#797979;
}

#container-open{
 float: left;
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 999;
	background:url(../images/bg-open.png) top center repeat-x;
	height:188px;
}


#box-open {
	position:relative;
	height:auto;
	list-style:none;
	width:1000px;
	margin:0 auto;
	height:188px;
	overflow:hidden;
	margin-top:0px;
	   z-index: 999;
	   font-family: 'PT Serif', serif;
	  
}
#box-open h2 {
text-align: center;
font-family: 'PT Sans', sans-serif;
font-size: 28px;
font-weight: 400;
color: #ffffff!important;
padding: 0px 0px 33px;
width: 1000px;
height: 26px;
margin-top: 30px;
margin-bottom: 15px;
background: url(../images/sep-open.png) center bottom no-repeat;
line-height: 39px;
text-transform: uppercase;
font-weight: 400;}
#box-open p {
text-align:center;
width:1000px;
color:#ffffff;
margin-top:0px;
line-height: 25px;
}
/************************************************************/


#container-open2{
 float: left;
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 999;
	background:url(../images/bg-interne2.png) top center repeat-x;
	height:280px;
}


#box-open2 {
	position:relative;
	height:auto;
	list-style:none;
	width:1000px;
	margin:0 auto;
	height:280px;
	overflow:hidden;
	margin-top:0px;
	   z-index: 999;
	   font-family: 'PT Serif', serif;
	  
}
#box-open2 h2 {
text-align: center;
font-family: 'PT Sans', sans-serif;
font-size: 28px;
font-weight: 400;
color: #ffffff!important;
padding: 0px 0px 33px;
width: 1000px;
height: 26px;
margin-top: 30px;
margin-bottom: 15px;
background: url(../images/sep-open.png) center bottom no-repeat;
line-height: 39px;
text-transform: uppercase;
font-weight: 400;
float: left;
}
#box-open2 p {
text-align:center;
width:1000px;
color:#ffffff;
margin-top:0px;
line-height: 25px;
float: left;
}



#box-open2 .lessmeer {
position:relative;
width:123px;
height:39px;
line-height:39px;
text-align:center;
font-family:'PT Serif', serif;
font-weight:400;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
margin-top:25px;
margin-left:439px;
border:1px solid #dedede;
float: left;
color: #ffffff;
}
#box-open2 .lessmeer:hover {
color:#c39222;
border:1px solid #c39222;
}


/************************boxwapper2************************/
#container-box2 {
    float: left;
    height: auto;
    margin-top:0px;
    position: relative;
    width: 100%;
    z-index: 999;
	background: #ffffff;

}
#box-wrapper2 {
	position: relative;
height: auto;
list-style: none;
width: 1000px;
margin: 0 auto;
margin-top: 45px;
z-index: 999;
padding-bottom: 20px;
}
/*************/
#box-wrapper2 h2{
  font-family: 'PT Sans', sans-serif;
   font-weight:400;
	font-size:21px;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:306px;
	height:auto;
	padding-bottom:15px;
	color:#ffffff;
	opacity:1;
	line-height:20px;
	text-transform:uppercase;
	margin-top:-37px;
	z-index:15;
padding-bottom: 25px;
float:left;
} 
#box-wrapper2  .box1:hover h2,#box-wrapper2  .box22:hover h2, #box-wrapper2  .box33:hover h2, #box-wrapper2  .box44:hover h2, #box-wrapper2  .box55:hover h2, #box-wrapper2  .box66:hover h2{
margin-top:-129px;


 }


.mask{
text-decoration:none;
position:absolute;
top:146px;
left:0px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}


.mask2{
text-decoration:none;
position:absolute;
top:145px;
left:345px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}
.mask3{
text-decoration:none;
position:absolute;
top:145px;
left:690px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}

.mask4{
text-decoration:none;
position:absolute;
top:392px;
left:0px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}


.mask5{
text-decoration:none;
position:absolute;
top:392px;
left: 346px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}
.mask6{
text-decoration:none;
position:absolute;
top: 392px;
left: 695px;
width: 306px;
height: 56px;
background:url(../images/mask3.png) top center no-repeat;
opacity: 1;
z-index:14;
transition: all 0.0s ease 0s;

}



.mask1{
text-decoration:none;
position:absolute;
top:0px;
left:0px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;

}


.mask22{
text-decoration:none;
position:absolute;
top:0px;
left: 345px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;

}



.mask33{
text-decoration:none;
position:absolute;
top:0px;
left: 691px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;

}
.mask44{
text-decoration:none;
position:absolute;
top: 246px;
left:0px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;

}


.mask55{
text-decoration:none;
position:absolute;
top: 246px;
left: 346px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;
transition: all 0.0s ease 0s;
}



.mask66{
text-decoration:none;
position:absolute;
top:246px;
left: 695px;
width: 306px;
height: 202px;
background:url(../images/mask2.png) top center repeat;
opacity: 0;
z-index:14;
transition: all 0.0s ease 0s;
}
/*box1*/
#box-wrapper2  .box1{
padding: 0px 0px 20px 0px;
width: 306px;
float: left;
line-height: 24px;
height: auto;
margin-left: 0px;
margin-top:0px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box1 .img2{

	
	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
	background:url(../images/box1.png) top center no-repeat;
} 
#box-wrapper2  .box1:hover .mask{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box1:hover .mask1{
opacity:1;
		transition: all 0.4s ease 0s;
}







/*******************BOX2*************************/
#box-wrapper2  .box22{
padding: 0px 0px 20px 0px;
width: 306px;
float: left;
line-height: 24px;
height: auto;
margin-left: 39px;
margin-top:0px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box22 .img2{


	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
	background:url(../images/box2.png) top center no-repeat;
} 
#box-wrapper2  .box22:hover .mask2{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box22:hover .mask22{
opacity:1;
		transition: all 0.4s ease 0s;
}


/*******************BOX3*************************/
#box-wrapper2  .box33{
padding: 0px 0px 20px 0px;
width: 306px;
float: left;
line-height: 24px;
height: auto;
margin-left: 39px;
margin-top:0px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box33 .img2{

	background:url(../images/box3.png) top center no-repeat;
	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
} 
#box-wrapper2  .box33:hover .mask3{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box33:hover .mask33{
opacity:1;
		transition: all 0.4s ease 0s;
}


#box-wrapper2  .box33:hover .box44{
margin-left: 0px;
margin-top:20px;
		transition: all 0.4s ease 0s;
}
/*box4*/
#box-wrapper2  .box44{
padding: 246px 0px 20px 0px;
width: 306px;
line-height: 24px;
height: auto;
margin-left: 0px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box44 .img2{
background:url(../images/box4.png) top center no-repeat;
	
	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
} 
#box-wrapper2  .box44:hover .mask4{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box44:hover .mask44{
opacity:1;
		transition: all 0.4s ease 0s;
}







/*******************BOX2*************************/
#box-wrapper2  .box55{
padding: 26px 0px 20px 0px;
width: 306px;

line-height: 24px;
height: auto;
margin-left: 346px;
margin-top:-249px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box55 .img2{

background:url(../images/box5.png) top center no-repeat;
	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
} 
#box-wrapper2  .box55:hover .mask5{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box55:hover .mask55{
opacity:1;
		transition: all 0.4s ease 0s;
}


/*******************BOX3*************************/
#box-wrapper2  .box66{
padding: 26px 0px 30px 0px;
width: 306px;

line-height: 24px;
height: auto;
margin-left: 696px;
margin-top:-249px;
text-decoration: none;
transition: all 0s ease 0s;

z-index:999;


}
#box-wrapper2 .box66 .img2{

background:url(../images/box6.png) top center no-repeat;
	width:306px;
	height:202px;
z-index:999;
	margin-left:0px;
	margin-top:0px;
} 
#box-wrapper2  .box66:hover .mask6{
opacity:0;
		transition: all 0.4s ease 0s;
}
#box-wrapper2  .box66:hover .mask66{
opacity:1;
		transition: all 0.4s ease 0s;
}

.box1 .lessmeer2,.box22 .lessmeer2, .box33 .lessmeer2, .box44 .lessmeer2, .box55 .lessmeer2, .box66 .lessmeer2
{
position:relative;
width:123px;
height:39px;
line-height:39px;
text-align:center;
font-family:'PT Serif', serif;
font-weight:400;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
margin-top: -99px;
margin-left:90px;
border:1px solid #ffffff;
float: left;
color: #ffffff;
opacity:0;
z-index: 9999!important;

}  
.box1:hover .lessmeer2,.box22:hover .lessmeer2, .box33:hover .lessmeer2, .box44:hover .lessmeer2, .box55:hover .lessmeer2, .box66:hover .lessmeer2{
opacity:1;
	transition: all 0.4s ease 0s;}

/**********************fin contenu*************************/
#container-box {
    float: left;
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 999;
	background:#f5f5f5;
	border-top:1px solid #e3e3e3;

}
#box-wrapper {
	position:relative;
	height:auto;
	list-style:none;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	margin-top:0px;
	   z-index: 999;
	  padding-top: 40px;
padding-bottom: 40px;
	   margin-left: 0px;
	   margin:0 auto;
}



#box-wrapper  .img{
	position:relative;
	float:left;
	height:202px;
	 width: 306px;
	 z-index:10;
	/* border-bottom:5px solid #181818;*/
} 
#box-wrapper table td a {

    position: relative;
	height:202px;
	 width: 306px;
	float:left;
	transition: all 0.0s ease 0s;

	z-index:12;
}
#box-wrapper  table td  a:after {
background:url(../images/mask.png) no-repeat top center;
    content: "";
  	height:202px;
	 width: 306px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
	transition: all 0.4s ease 0s;
	z-index:12;
}
#box-wrapper table td a:hover:after {
    opacity:1;
	transition: all 0.4s ease 0s;
}

#box-wrapper  table td  .img{
	position:relative;
	float:left;
height:202px;
	 width: 306px;
	 z-index:10;
	border-bottom:5px solid #181818;
} 
#box-wrapper  table td  a:hover .img{
border-bottom:5px solid #a7a7a7;
}




	/******************************************************/
.footer1 {
	float:left;
	position:relative;
	margin-bottom:0px;
	min-height:384px;
	padding:0px 0px;
	width:100%;
	z-index:1;
	overflow:hidden;
	margin-top:0px;
	background:#181818;
}
.container-footer 
	{
	position: relative;
width:1000px;

	margin: 0 auto;
	overflow:hidden;
	margin-top:0px;
	color:#ffffff;
	height:auto;
	padding-top:30px;


	
	}
	
	.footer1-intro{
	float:left;
	position:relative;
	margin-bottom:0px;
	min-height: 261px;
	padding:0px 0px;
	width:100%;
	z-index:1;
	overflow:hidden;
	margin-top:0px;
	background:#181818;
	margin-top: 30px;
}
.container-footer-intro
	{
	position: relative;
width:1000px;

	margin: 0 auto;
	overflow:hidden;
	margin-top:0px;
	color:#ffffff!important;
	height:auto;
	padding-top:30px;
	height:auto;

	
	}

.contact-intro{
	position:relative;
	margin: 0 auto;
	height:auto;
	width:1000px;
	z-index:8;
	float:left;
	color:#cfcfcf;
	line-height:23px;
	margin-top:0px;
	padding-bottom:25px;
	margin-left:9px;
	background:url(../images/sep-contact.png) bottom center no-repeat;
	
}
	.footer1-intro a{
	color:#d6a123!important;
}
	.footer1-intro a:hover{
	color:#ffffff!important;
}
.contact-intro a{
	color:#d6a123!important;
	text-decoration:none;
}
.contact-intro a:hover{
	color:#ffffff;
	text-decoration:none;
}
.contact{
	position:relative;
	margin: 0 auto;
	height:auto;
	width:1000px;
	z-index:8;
	float:left;
	color:#ffffff!important;
	line-height:23px;
	margin-top:0px;
	padding-bottom:25px;
	margin-left:9px;
	background:url(../images/sep-contact.png) bottom center no-repeat;
	
}


.contact h2{
text-align: center;
 font-family: 'PT Sans', sans-serif; 
font-size: 28px;
font-weight: 400;
color: #ffffff!important;
padding: 10px 0px 30px;
width: 1000px;
height: 26px;
margin-top: 0px;
margin-bottom: 29px;
background:url(../images/sep-h-contact.png) center bottom no-repeat;
line-height: 39px;
text-transform:uppercase;}
.contact a{
	color:#d6a123!important;
	text-decoration:none;
}
.contact a:hover{
	color:#ffffff;
	text-decoration:none;
}
.facebook{
float:left;
position:relative;
width:44px;
height:44px;
margin-top:45px;
}


#ContainerBlockSocial.addthis_toolbox .at300b {
    background-image: url(../images/facebook.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: none .4s;
    -moz-transition: none .4s;
    -o-transition: none .4s;
    transition: none .4s;
}
#ContainerBlockSocial.addthis_toolbox .at300b > span{
    display: none;
}
.prox{
float:right;
position:relative;
width:79px;
height:13px;
margin-top:65px;
margin-right: 0px;
background:url(../images/prox.png) top center no-repeat;
}




.back-to-top{
    position: fixed;
    right: 19px;
    bottom: 30px;
    width: 25px;
    height: 25px;
    display: none;
    opacity: .6;
    padding: 14px;
    background:url(../images/icon-top.png) no-repeat center rgba(196,148,36,1);
    text-indent: -9999px;
    z-index: 9999;
	border-radius: 90px;
}



/**********************content wapper2***************************/
#container-contenu2{
    float:left;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	overflow:hidden;
margin-top: 0px;
background:#ffffff;

border-top:1px solid #181818;

    }
#content-wrapper2 {
	width:1000px;
	margin:0 auto;
    min-height:350px;
	text-align:left;
	overflow:hidden;
	position:relative;

	z-index:5;
	padding-top: 40px;
	
	
}

#content-wrapper2 h1 {
  text-align: left;
 font-family: 'PT Sans', sans-serif; 
font-weight: 400;
font-size:30px;
color: #181818;
padding: 0px 0px 15px 0px;
height: auto;
width: 1000px;
margin-top: -30px;
margin-bottom: 17px;
line-height: 42px;
text-transform: uppercase;

border-bottom:1px solid #a2a2a2;

	}
#content-wrapper2 h2 {
	padding: 0px 0px 0px 0px;
	color:#c49424;
	padding-bottom: 10px;
	  font-family: 'PT Sans', sans-serif; 
   font-weight:400;
}
#content-wrapper2 h3 {
	padding: 0px 0px 0px 0px;
	color:#181818;
	padding-bottom: 10px;

	  font-family: 'PT Sans', sans-serif; 
   font-weight:400;
}
#content-wrapper2 h4 {
	padding-bottom: 10px;

	  font-family: 'PT Sans', sans-serif; 
   font-weight:400;
   color:#c49424;
}
#content-wrapper2 h5 {
	padding-bottom: 10px;

	  font-family: 'PT Sans', sans-serif; 
   font-weight:400;
   color:#181818;
}
#content-wrapper2 h6 {
	padding-bottom: 10px;
	
	  font-family: 'PT Sans', sans-serif; 
   font-weight:400;
   	color:#c49424;
}
#content-wrapper2  p {
	padding: 0px 0px 15px;
	text-align:left;
	text-align:justify;
}
#content-wrapper2 a{
	text-decoration:none;
	color:#c49424;
	font-weight:700;
}
#content-wrapper2 a:hover{
	color:#797979;
	text-decoration:underline;
}
.contenu2{
	margin-left:0px;
	float:left;
	padding-top:15px;
width:1000px;
padding-bottom: 15px;
	
}


/*********************fin content wapper2****************************/

h1{
	 font-family: 'PT Sans', sans-serif; 
	font-size:28px;
	color:#181818;
	 font-weight: 400;
	line-height: 25px;
	text-transform:uppercase;
	text-align:left;
	width:auto;
	

}
h2{
	 font-family: 'PT Sans', sans-serif; 
	font-size:25px;
	color:#c49424;
	 font-weight: 400;
	line-height: 32px;
text-transform:uppercase;
	text-align:left;
	width:auto;
	padding-bottom: 10px;

	
}
h3{
	 font-family: 'PT Sans', sans-serif; 
	font-size:22px;
	color:#181818;
	 font-weight: 400;
	line-height:26px;
	padding-bottom: 10px;

	text-transform:uppercase;
}
h4{
	 font-family: 'PT Sans', sans-serif; 
	font-size: 19px;
	color:#c49424;
	padding-bottom: 10px;
	text-transform:uppercase;
	font-weight:400;
}
h5{	 font-family: 'PT Sans', sans-serif; 
	font-size: 16px;
	color:#181818;
	padding-bottom: 10px;

	text-transform:uppercase;
	font-weight:400;
}
h6{	 font-family: 'PT Sans', sans-serif; 
	font-size: 13px;
	color:#c49424;

	padding-bottom: 10px;

	text-transform:uppercase;
	font-weight:400;
}
    
   
        
    .image-right {
    border: 6px solid #ffffff;
    box-shadow: 0 0 1px #000000 !important;
    float: right;
   margin-left:15px;
	margin-bottom:15px;
	margin-right:1px;
	margin-top: 5px;
}
 .image-left {
    border: 6px solid #ffffff;
    box-shadow: 0 0 1px #000000 !important;
    float: left;
   margin-right:15px;
   margin-left:1px;
	margin-bottom:15px;
	margin-top: 5px;
}
 #content-wrapper2 ul,content-wrapper2 ol{
	padding: 0px 0px 15px 15px;

}
#content-wrapper2 ul ul,content-wrapper2 ol ol,
#content-wrapper2 ul ol,content-wrapper2 ol ul{
	padding: 5px 0px 0px 15px;
}
#content-wrapper2 ul li{
	padding: 0px 0px 5px 25px;
}
#content-wrapper2 ul > li{
	background: url(../images/puce.png) no-repeat 0px 3px;
	list-style:none;
}
#content-wrapper2 ul ul > li{
	background: url(../images/puce.png) no-repeat 0px 3px;
	list-style:none;
}
#content-wrapper2 ol li{
	list-style-type: decimal;
	padding: 0px 0px 5px 5px;
	margin-left: 20px;
}
#content-wrapper2 .break{
	clear: both;
	margin: 20px 0px;
	margin-bottom:46px;
}
#content-wrapper2 .dark-text{
	color: #333;
}
#content-wrapper2 .title{
	position: relative;
	color: #181818;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
#content-wrapper2 .title::after{
	content: '';
	position: absolute;
	width: 100px;

	left: 50%;
	margin-left: -50px;
	bottom: 0px;
	border-top: 1px solid #ccc;
}
#content-wrapper2 table.table-style{
	position: relative;
}
 table.table-style thead th{
	background: #181818;
	font-weight: bold;
	text-align: center;
	color:#ffffff!important;
}
#content-wrapper2 table.table-style thead th,
#content-wrapper2 table.table-style tbody td{
	padding: 5px 20px;
	border: 1px solid #181818;
}     
#content-wrapper2 p{
	padding: 0px 0px 15px;
	text-align:justify;
} 
#content-wrapper2 em{
font-style:italic;
}
#content-wrapper2 table.table-style thead th{color:#ffffff!important;}
              
        
#content-wrapper2 table.table-style thead th h2{color:#ffffff!important;}        
        
#content-wrapper2 table td{
padding-top:10px;
padding-bottom:20px;
padding-left:5px;
padding-right:5px;
}        
        
 #content-wrapper table td{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
}        
#bgintro{width:100%;
height:auto;
position:relative;
float:left;
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,0.92) 18%, rgba(229,229,229,0.85) 35%, rgba(229,229,229,0.61) 67%, rgba(229,229,229,0.3) 85%, rgba(229,229,229,0.2) 90%, rgba(229,229,229,0) 100%);
 /* FF3.6+ */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(18%,rgba(229,229,229,0.92)), color-stop(35%,rgba(229,229,229,0.85)), color-stop(67%,rgba(229,229,229,0.61)), color-stop(85%,rgba(229,229,229,0.3)), color-stop(90%,rgba(229,229,229,0.2)), color-stop(100%,rgba(229,229,229,0)));
 /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(229,229,229,0.92) 18%,rgba(229,229,229,0.85) 35%,rgba(229,229,229,0.61) 67%,rgba(229,229,229,0.3) 85%,rgba(229,229,229,0.2) 90%,rgba(229,229,229,0) 100%);
 /* Chrome10+,Safari5.1+ */
background:url(../images/motif2.png), -o-linear-gradient(top, r
gba(229,229,229,1) 0%,rgba(229,229,229,0.92) 18%,rgba(229,229,229,0.85) 35%,rgba(229,229,229,0.61) 67%,rgba(229,229,229,0.3) 85%,rgba(229,229,229,0.2) 90%,rgba(229,229,229,0) 100%);
 /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(229,229,229,0.92) 18%,rgba(229,229,229,0.85) 35%,rgba(229,229,229,0.61) 67%,rgba(229,229,229,0.3) 85%,rgba(229,229,229,0.2) 90%,rgba(229,229,229,0) 100%);
 /* IE10+ */
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(229,229,229,0.92) 18%,rgba(229,229,229,0.85) 35%,rgba(229,229,229,0.61) 67%,rgba(229,229,229,0.3) 85%,rgba(229,229,229,0.2) 90%,rgba(229,229,229,0) 100%); 
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
border-top:11px solid #181818;
} 
#intro{
	position: relative;
	width:1000px;
	margin: 0 auto;
	height:auto;
	z-index:50;
	margin-top:0px;
	padding-top: 111px;
	background:url(../images/bg-container-intro.png) bottom center no-repeat;
	min-height: 402px;
} 
.box1-intro{
width:332px;
height:334px;
position:relative;
float:left;
z-index:1;
background:url(../images/box1-intro.png) top center no-repeat;
z-index:1;
margin-left: 1px;
}        
#logo1-intro{
width:319px;
height:77px;
background:url(../images/logo1-intro.png) #27221e;
z-index:100;
z-index: 100;
margin-top: 245px;
margin-left: 6px;

} 
#logo1-intro:hover{

background:url(../images/logo1-intro.png) #d09f2b;


}      
.box2-intro{
width:332px;
height:334px;
position:relative;
float:left;
background:url(../images/box2-intro.png) top center no-repeat;
margin-left: 1px;
}        
#logo2-intro{
width:319px;
height:77px;
background:url(../images/logo-2-intro.png) top center no-repeat #27221e;
margin-top: 245px;
margin-left: 6px;

}


#logo2-intro:hover{

background:url(../images/logo-2-intro.png) top center no-repeat #d09f2b;


}       
.box3-intro{
width:332px;
height:334px;
position:relative;
float:left;
background:url(../images/box-3-intro.png) top center no-repeat;
margin-left: 1px;
}        
#logo3-intro{
width:319px;
height:77px;
background:url(../images/logo3-intro.png) top center no-repeat #27221e;
margin-top: 245px;
margin-left: 6px;

}         
 #logo3-intro:hover{

background:url(../images/logo3-intro.png) top center no-repeat #d09f2b;


}       
   .tableintro{
   color:#ffffff!important;
   }     
        
        
        
        
        
        
        
        
        
        
        
        
        
        