body{ margin:0; padding:0;}
div, td{ margin:0; padding:0; font-size:14px; font-family:Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;}
img{ border:none;}
a{ text-decoration:none; color:#1b9bff;}
.clear{ clear:both;}
.center{ text-align:center;}
.wrap{ width:1170px; margin:0 auto; max-width:100%;}
#smartnav{ display:none;}

@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.eot?#iefix') format('embedded-opentype'),  url('OpenSans.woff') format('woff'), url('OpenSans.ttf')  format('truetype'), url('OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wicon';
  src: url('wicon.eot?#iefix') format('embedded-opentype'),  url('wicon.woff') format('woff'), url('wicon.ttf')  format('truetype'), url('wicon.svg#wicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('OpenSans-Bold.woff') format('woff'), url('OpenSans-Bold.ttf')  format('truetype'), url('OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Default **/
body{ margin:0; padding:0; background:#fff; }
div, td{ margin:0; padding:0; font-family:'OpenSans', Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#0f2d53;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s  ease-in-out;-o-transition: all 0.5s  ease-in-out;-ms-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out}
a{ color:#284fbe; text-decoration:none; border:none; -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s  ease-in-out;-o-transition: all 0.5s  ease-in-out;-ms-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out }
img{ border:none;}
.clear{ clear:both;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal;}
#pageweb{ position:relative;}
.wrapper{ max-width:960px; width:98%; margin:0 auto; box-sizing:border-box; padding:0 10px; position:relative;}
#fla{ width:100%; height:500px;  position: relative; z-index:10;  overflow:hidden;  }
#flash{ width:1920px; margin-left:-960px; left:50%; position:relative; z-index:2; }
/** header  **/
#cont-logo{ position:relative; padding-top:33px; padding-bottom:33px;}
.cord1{ float:left;}
.cord2{ float:right;}
.adr{ background: url(../images/fd_adr.png) left center no-repeat; padding-left:40px; text-transform: uppercase; line-height:20px;}
.tel{ background: url(../images/fd_tel.png) left center no-repeat; font-size:24px; line-height:30px; padding-left:40px;}
.tel a{  color:#0f2d53;}
#logo{ position:absolute; z-index:100; top:0; left:230px;}
#mn{ position:absolute; z-index:100; text-align:center; left:0; right:0; bottom:66px;}
#mn ul{ font-size:0; padding:0; margin:0; line-height:0;}
#mn ul li{ display: inline-block; margin:0 5px 0 0; padding:0; width:150px; position:relative;}
#mn ul li::before{ content:""; display: block; border-bottom: 50px solid #fff;    border-left: 20px solid transparent;    border-right: 20px solid transparent;}
#mn ul li a{ display: block; height:75px; line-height:75px; background:#284fbe; color:#fff; font-size:18px; text-align:center; text-transform:uppercase;}
#mn ul li a span{ line-height:20px; display: inline-block; vertical-align: middle;}
#mn ul li a:hover{background:#fff; color:#284fbe;}
#mn ul li:hover::before{ border-bottom: 50px solid #284fbe; }
#mn ul li::after{ content:""; background: url(../images/mn1.png) center no-repeat; width:100%; height:34px; display: block; position:absolute; top:8px;}
#mn ul li:nth-child(2)::after{background: url(../images/mn2.png) center no-repeat;}
#mn ul li:nth-child(3)::after{background: url(../images/mn3.png) center no-repeat;}
#mn ul li:nth-child(4)::after{background: url(../images/mn4.png) center no-repeat;}
#mn ul li:nth-child(5)::after{background: url(../images/mn5.png) center no-repeat;}
#mn ul li:last-child::after{background: url(../images/mn6.png) center no-repeat;}
#mn ul li:hover::after{background: url(../images/mn1r.png) center no-repeat;}
#mn ul li:nth-child(2):hover::after{background: url(../images/mn2r.png) center no-repeat;}
#mn ul li:nth-child(3):hover::after{background: url(../images/mn3r.png) center no-repeat;}
#mn ul li:nth-child(4):hover::after{background: url(../images/mn4r.png) center no-repeat;}
#mn ul li:nth-child(5):hover::after{background: url(../images/mn5r.png) center no-repeat;}
#mn ul li:last-child:hover::after{background: url(../images/mn6r.png) center no-repeat;}
/** central  **/
#central{ padding-top:64px;}
#ttl{ position:relative;}
h1{ background: url(../images/fd_ttl.png) right no-repeat #284fbe; color: #fff; line-height:50px; padding-left:240px; font-size:24px; text-transform: uppercase;}
.deco{ position:absolute; left:0; top:-21px;}
.cont-top{ padding:50px 0 ;}
.ph { width:320px; float:left;}
.cont-center{ background:#dbdde2;}
.cont-center .wrapper{ line-height:296px; height:296px;}
.cont-center .txt{ width:55%; display: inline-block; vertical-align: middle; line-height:22px;}
.ambu{ position:absolute; top:-30px; right:-110px;}
.cont-bot{ padding:50px 0; background:#35373d;}
.photos ul{ margin:0; padding:0; line-height:0; font-size:0;}
.photos ul li{ display: inline-block; margin:0 30px 0 0; padding:0; list-style:none;}
.photos ul li:last-child{ margin:0;}
.photos ul li a{ display: block;}
/*** footer ***/
footer{ padding:50px 0; background:#284fbe;}
.link { text-align:center;}
.link ul{ margin:0; padding:0; list-style:none; font-size:0; line-height:0;}
.link ul li{ display: inline-block; padding:0; margin:0; position:relative;}
.link ul li::after{ width:1px; height:24px; display: block; content:""; background:#fff; position:absolute; top:0; right:-1px;}
.link ul li:last-child::after{ display: none;}
.link ul li a{ font-size:16px; text-transform: uppercase; line-height:24px; padding:0 15px; color:#fff;}
.com{ text-align:center; padding:30px 0 0 0;}

/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background: #0f2d53; border-color: #0f2d53; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:100%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}
iframe { border: none;}
/*REALISATIONS*/
#diapo-container{}
p.titre-diapo{ text-transform:uppercase; font-weight:bold;}
#diapo-container ul, #diapo-container ul li{ margin:0; padding:0; list-style:none;}
#diapo-container .nav-diapo ul li { border-bottom:1px solid #eee;}
#diapo-container .nav-diapo ul li:first-child{ border-top:1px solid #eee;}
#diapo-container .nav-diapo ul li a{ display:block; padding:10px 0 10px 5px; text-transform:uppercase;}
#diapo-container .nav-diapo ul li.link-play a, #diapo-container .nav-diapo ul li a:hover{ background:#1b9bff; color:#fff;}
#diapo-container .nav-diapo ul li a:hover{ opacity:0.8;}
#diapo-container .nav-diapo ul{ padding-left:5px;}
.nav-diapo{ width:28%; float:left;}
#diapo-inner{ width:70%; float:right;}
.nav-diapo .link-disable{ cursor:not-allowed; opacity:0.4;}

	
@media only screen and (max-width: 1150px){
	.ambu{ right:-10px;}
	.cont-center .txt{ width:45%;}
}

@media only screen and (max-width: 1023px){
	
}
@media only screen and (max-width: 979px){
	#logo{left: 250px;}
	#logo img{max-width: 75%; height: auto;}	
	#mn ul li{ width:140px;}
	.photos ul li{ margin:0; width:25%;}
}
@media only screen and (max-width: 899px){
	#mn, .link, .deco, .ambu{ display: none;}
	#smartnav{ display:block;}
	#fla{ height:350px;}
	.wrapper{ padding:0;}
	#cont-logo{ width:70%; padding-top: 0;}
	#logo { position: inherit; top: 0; left: 0; text-align: center;}
	#logo img{max-width: 100%;}
	#central {    padding-top: 10px;}
	h1{ background:#284fbe; padding: 15px 10px; line-height: 24px;}
	.cont-center .wrapper {    line-height: inherit;    height: auto;}
	.cont-center .txt{ padding:10px 0; display: block; width:100%;}
	.photos ul li img{ width:94%; height:auto;}
	footer{ padding:0;}
	.com, .cont-top, .cont-bot{ padding:10px 0;}

}
@media only screen and (max-width: 799px){
	
	}
@media only screen and (max-width: 760px){
	#cont-logo{ width:80%;}
	}
@media only screen and (max-width: 719px){
	
	}
@media only screen and (max-width: 639px){
	#cont-logo {    width: 90%;}
	h1{ font-size:20px; line-height:22px; padding:10px 0 10px 10px;}
	}
@media only screen and (max-width: 599px){
	.cord1,.cord2{ float:none; margin:0 auto; width:50%;}
	.tel{ margin:10px 0;}
	}
@media only screen and (max-width: 532px){ 
	#fla {    height: 230px;}
	.ph{ float:none; margin:0 auto; text-align:center; width:100%;}
	.nav-diapo, #diapo-inner {    width: 100%;    float: none;}
}
@media only screen and (max-width: 479px){ 
 .photos ul li {    margin: 0;    width: 50%;    text-align: center;    padding-bottom: 3%;}
 #cont-logo,.cord1, .cord2 {  width: 90%;}
 
}
@media only screen and (max-width: 359px){ 
	.cord1,.cord2{ width:96%;}
}