body {
font-family: arial;
font-weight: normal;
font-style: normal;
font-size: 14px;
color:#000;
text-align: left;
background: #fff;
}

h1{
color:#d31213;     
font-family: 'europaextendednormal';}

h2{
color:#d31213;
font-family: 'europaextendednormal';
font-weight: normal;    font-size: 18px;
}


h3{
color:#d31213; 
font-family: 'europaextendednormal';
font-weight: normal;    font-size:17px;
}
h4{font-weight: normal; 
font-family: 'europaextendednormal';
color:#d31213;     font-size: 15px;}


#pie_0{  
	right: 2% !important;
    top: 10% !important;}

#swm{ float:right; margin-top: -7px; }

.container {
margin:auto;
width: 970px;
}


.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    background: none repeat scroll 0 0 #d31213 !important;}
.cc-cookies {z-index:0!important;}

/***************************************************************************/	

header{margin:auto; position:relative;
min-height: 162px; width:970px;
padding-top:13px; z-index:400;
}
#header-bg{ 
background:url(../images/bg-header.jpg) repeat-x top center;
  border-bottom: 1px solid #f2f2f2;}

#slid-bg{ 
background:url(../images/bg-slid.png) no-repeat center bottom transparent;
position:relative; z-index:10;
margin: auto;
width:100%;
height:448px;  
margin: 0 0 -448px 0;
}
#slid{ width:100%;
height:448px; 
position:absolute;left:0; top:110px;
}

/***************************************************************************/
#header-intro{ 
background:url(../images/bg-header.jpg) repeat-x top center;
  border-bottom: 1px solid #f2f2f2; min-height:558px; width:100%; }

/***************************************************************************/
.logo {     
margin:auto auto 16px;
z-index:600; 
width:279px; height: 59px;  } 

/***************************************************************************/	
nav {
width:100%;
height:90px;
z-index:500;
}

/***************************************************************************/

.banner{margin:auto; 
height: 443px; 
position: relative;
width: 970px;
z-index: 60;
border-bottom:5px solid #1e7bb5;
}
.slogan a{ 
background:url(../images/bg-tel.png) no-repeat top center;
color: #fff;
font-family: 'open_sanssemibold';
font-size: 23px;
display:block; text-decoration:none;
line-height: 29px;
min-height: 40px;
left: 34%;

margin:auto;
text-transform: uppercase;
font-weight: bold;
width:300px;
height:75px;  padding-top:30px;
padding-left:24px;
position:absolute; bottom:0;
text-align:center;
}
.slogan a span{  font-family: 'open_sansbold';     
font-weight: normal;
letter-spacing:3px;
font-size: 30px;}
.slogan a p{ line-height:29px;}

/*************************************************************************/


/*************************************************************************/
.cl{ clear:both;}

/*************************************/
#content { 
margin: auto;
min-height: 70px; 
padding:30px 0 30px;
width:970px;
 font-family: 'open_sanslight';
color:#5f635c; font-size:17px;
position: relative;
font-weight: normal; text-align: left; 
}

#content h1{   
background:url(../images/h1-content.png) no-repeat  center bottom;
padding-bottom:7px;
color: #484745;
font-family: 'europaextendednormal';
font-size: 20px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin-bottom:20px;
height: 43px;
} 
/*******************************************************************************/
#footer1-bg{ background:#b00a0b url(../images/bg-footer1.png) repeat-x top center;
padding:40px 0 30px;
min-height:80px;
overflow: hidden;
width: 100%;
}

#footer1{ 
min-height:202px; 
width:970px;
margin:auto;
}

#contact{
color:#fff; 
font-weight: normal;
text-align: left;
font-family: 'open_sanslight';
font-size:16px;
position:relative;
width: 611px;
float:left; }

#contact h3{ font-family: 'open_sanslight';
	font-size:16px;font-weight: normal;
  color: #ffffff;
    float: left;}

#contact h2{   

background:url(../images/h1-contact.png) no-repeat bottom center;
padding-bottom:7px;
color: #fff;
font-family: 'europaextendednormal';
font-size: 20px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin-bottom:30px; 
height: 40px;  } 


.contact1{
float:left;
padding-left:58px;
margin-right:30px;
position:relative;line-height: 21px; }

.contact1 img{
position:absolute; left:0; top:4px;
}
.contact1 a{ text-decoration: underline; color:#fe9d35;}
.contact1 a:hover{text-decoration: none;}
.espace-bottom{margin-bottom:40px;}

#map1{ width:30%}
#map2{width:41%}




#networks {
    float: left;
    margin-left: -3px;
    padding-left: 0;
}


#faceb {
    background: none repeat scroll 0 0 #871616;
    font-size: 21px;
    font-weight: bold;
    line-height: 43px;
    padding: 0;
    text-align: center;
    width: 48%;
}



#telphone {
    line-height: 51px;
    margin-top: -47px;
}


/*******************************************************/
#box2 p{ line-height:25px;}


#box2{
color:#fff; 
font-weight: normal;
text-align: left;
font-family: 'open_sanslight';
font-size:17px;
position:relative;
width:310px;
float:right;
padding-left: 38px;
background:url(../images/sep-box2.png) no-repeat left top;
}

#box2 h2{   

display:table;
margin:auto;
background:url(../images/h1-contact.png) no-repeat bottom center;
padding-bottom:7px;
color: #fff;
font-family: 'europaextendednormal';
font-size: 20px;
height: 43px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
margin-bottom:40px;   } 




#box2 a {
bottom: 0;
font: 0px/0 a;
left: 0;
position: absolute;
right: 0;
top: 0;
}
/*************************************/

#galerie-bg{ background:#2e2d2b;
padding:30px 0 30px;
min-height:80px;
overflow: hidden;
width: 100%;
}

#galerie { 
margin:auto;
width:970px;
overflow: hidden;
min-height:100px;
}
/*******************************************/

.view img{ width: 100%!important; 
}
.view {float:left;

width:228px; height:auto;
opacity: 1;
cursor: default;
margin:auto;
overflow: hidden;
position: relative;
text-align: center;
}
.view .mask, .view .content {

left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;    height: auto;
margin:0;

}
.mask a img{
margin:0px 0 0 0px;
}
/*--*/
.view-eighth .mask {
/* background-color: rgba(0, 255, 255, 0.3); */
opacity: 0;
top: -200px;
transition: all 0.3s ease-out 0.5s;
}
.view:hover  .mask {
animation: 0.9s linear 0s normal none 1 bounceY;
opacity: 1;
top: 0;
transition-delay: 0s;
} 
.espace{ margin-right:19px;}

#shadow{ margin:auto;
background:url(../images/shadow1.png)  no-repeat top center;
width:1000px;
height:39px; }

#barre1{ border-bottom:1px solid #333231;}

/***************************************************************************/
footer { 
margin: auto;
min-height: 70px; 
padding:20px 0; color: red;
position: relative;
}

/*******************************************************************************/

.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
    background:url(../images/fb.png) no-repeat top center!important;
    display: block;
    height: 45px !important;
    line-height: 32px !important;
    overflow: hidden;
    width: 45px !important;
}



.at300bs {
    background: url(../images/fb.png) no-repeat top center!important;
    display: block;
    height: 45px!important;
    overflow: hidden;
    line-height: 16px !important;
    width: 45px!important;
}


        
        
  /*------------------------camera_prevThumbs----------------------*/	

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: none repeat scroll 0 0 #fff!important;
}

         
        /* Navigation Gallery */
.holder {
         margin-bottom: 8px !important;
    margin-left: -8px !important;
}
.holder.bottom {
	display: none!important;
}

.holder a, .holder a.jp-current, .holder a.jp-current:hover, .holder a.jp-disabled, .holder a.jp-disabled:hover, .holder a.jp-previous {
	float: left!important;
	border: 0!important;
	display: inline-block !important;	
	width: 27px!important;
	line-height: 27px!important;
	height: 27px!important;
	font-weight: normal;
	font-family: Arial!important;
	font-size: 14px!important;
}

.holder a {
	color: #FFF!important;
	background: #e61616!important;
}

.holder a.jp-current,
.holder a:hover:not(.jp-disabled) {
	color: #FFF!important;
	background: #000!important;
}

.holder a.jp-disabled, .holder a.jp-disabled:hover {
	color: #fff!important;
}

/* Breadcrumbs */

.breadcrumb {
	position: relative;
	float: right;
	background: #111;
	border: none;
	height: 27px;
	line-height: 27px;
	font-weight: normal;
	font-family: Arial;
	font-size: 14px;
	padding: 0 10px;
}

.breadcrumb a {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: color 0.6s;
    transition: color 0.6s;
}

.breadcrumb a:hover {
	color: #e61616 !important;	
	text-decoration: none !important;	
}.holder a.jp-disabled, a.jp-disabled:hover {
    color: #ffffff !important;
}


/* Thumbs */

.highslide-gallery {
	position: relative;
	text-align: center;
	margin: 0;
	display: block;
}

.highslide-gallery .highslideContainer {
	float: left;
	position: relative;
}

.highslide-gallery .highslideContainer a.highslide img {
	border: 0;
	display:block;
	cursor: pointer !important;	
	-webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.highslide-gallery .highslideContainer a.highslide {
	background: #000;
}

.highslide-gallery .highslideContainer a.highslide:hover img {
	opacity: 0.2;
	-ms-transform: rotate(7deg) scale(1.2);
    -webkit-transform: rotate(7deg) scale(1.2);
    transform: rotate(7deg) scale(1.2);
}

a.highslide {
	display: block;
	overflow: hidden;
}

a.highslide::after {
	content: "+";
	position: absolute;
	top: 50%;
	margin-top:-23px;
	left: 50%;
	margin-left: -23px;
	width: 46px;
	height: 46px;	
	border: 2px solid #CCC;
	box-sizing: border-box;
	color: #CCC;
	font-family: Arial;
	line-height: 42px;
	font-size:24px;
	border-radius: 50%;
	-ms-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

a.highslide:hover::after {
	-ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/* Pop Up */

.highslide-container .highslide-caption{
	font-size:14px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	background: #111;
}

.highslide-container .highslide-caption strong{
	font-size:24px;
	line-height:30px;
	font-weight: bold;
}

.highslide-container .highslide-dimming{
	background: rgba(35,31,32,.8);
	opacity: 1 !important;
}

.highslide-wrapper, .highslide-outline,
.highslide-container table, .highslide-container td{
	background: none !important;
}

.highslide-container img.highslide-image,
.highslide-container .highslide-image{
	border: 0px !important;
	box-shadow: 0px 0px 20px #000;
}

/* Sub Galleries */

.highslide-gallery .highslideContainer.subgallery a.highslide:hover {
	background: #000;
}

.highslide-gallery .highslideContainer.subgallery a.highslide:hover img {
	opacity: 0.1;
}

.subgallery .folderBackground span {
	padding: 10px;
	font-family: Arial;
	font-size: 16px;
}

.highslide-gallery .highslideContainer.subgallery a.highslide span {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.highslide-gallery .highslideContainer.subgallery a.highslide:hover span {
	background: none;
	-ms-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
	-webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}

.highslide-gallery .highslideContainer.subgallery a.highslide::after {
	display: none;
}
   
   .highslideContainer {   
    margin-left:-8px!important;
    margin-top:  -8px!important;
}
             
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        .ppcontrols ul {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	text-align: center !important;
	display: block !important;
}
.ppcontrols ul li {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	left: 0 !important;
}
.ppcontrols ul li::before {
	content: '' !important;
}
.video {
	float: left;
	margin: 0 0 20px 20px; 
	max-width: 480px;
	width: 100%;
	height: 270px;
}
/*Responsive*/
@media only screen and (max-width : 320px) {
	.video {

		height:164px;

	}
}