/* CSS Document */

@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: 'HelveticaNeueLTPro-Cn';
  src: url('HelveticaNeueLTPro-Cn.eot?#iefix') format('embedded-opentype'),  url('HelveticaNeueLTPro-Cn.otf')  format('opentype'),
	     url('HelveticaNeueLTPro-Cn.woff') format('woff'), url('HelveticaNeueLTPro-Cn.ttf')  format('truetype'), url('HelveticaNeueLTPro-Cn.svg#HelveticaNeueLTPro-Cn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@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: '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;
}

body {
	margin:0; 
	padding:0;
	width:100%;
	background: url(../images/bg_pageweb.jpg) fixed no-repeat;
	}

div, td { 
	font-family: Helvetica, Arial," sans-serif";
	margin:0;
	padding:0;
	line-height:19px;
	font-size:16px;
	color:#282828;
	}

a { 
	font-family: Helvetica, Arial," sans-serif";
	color:#790000;
	font-size:16px;
	text-decoration: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.7s ease-in-out;
	}

a:hover {
	color:#282828;
	}

.clear { 
	clear:both;
	height:0;
	}
	
.img {
	 border:none;
	 }
	 
h1, h2, h3, h4 {
	font-family: 'OpenSans-Bold';
	margin:0;
    padding:0;
	}

h1 {
	color:#790000;
	font-size:26px;
	line-height: 32px;
	text-transform: uppercase;
	}

h2 {
	font-size:16px;
	color:#282828;
	}

li { list-style:none;}

.center{ text-align:center;}

#pageweb { width:100%;}
.wrapper { width: 1200px; margin: 0 auto;}

#head-top { background: #444444; width: 100%;}
.coord { padding: 10px 0; margin-left: 15px; float: left;}
.adr, .tel, .tel a { font-family: 'HelveticaNeueLTPro-Cn'; color: #fff; line-height: 22px;}
.adr, .tel { float: left; position: relative; padding-left: 60px;}
.adr { font-size: 18px;}
.tel { margin-left: 45px;}
.tel a { font-size: 24px;}
.tel a:hover { color: #c92524;}
.tel span a { font-size: 18px;}
.adr:before, .tel:before { font-family: 'wicon'; height: 40px; left: 0; width: 45px; position: absolute; color: #fff; font-size: 48px; z-index: 1;}
.adr:before { content: '\e010'; top:10px;}
.tel:before { content: '\e082'; top:14px;}
.mn { float: right;}
.mn ul { padding:0; margin:0;}
.mn li { position: relative; float: left; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color;transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.mn li a { font-family: 'OpenSans'; color:#fff; font-size:18px; text-transform:uppercase; display:block; padding:24px 15px; padding-left:55px;}
.mn li a:before { font-family: 'wicon'; z-index: 1; height:15px; left:15px; width:18px; position: absolute; color: #fff; font-size: 18px;}
.mn li:first-child a:before { content: '\e010';}
.mn li:nth-child(2) a:before { content: '\e019';}
.mn li:last-child a:before { content: '\e00d';}
.mn li a:after { content:''; transform-origin:100%; background:#0a6161; transition:all 0.3s ease; position: absolute; top:0; bottom:0; right:0; left:0; transform:scaleY(0); z-index:-1;}
.mn li a:hover::after { transform:scaleY(1);}
#fla-logo { background: #fff; position: relative;}
#logo { float: left; position: absolute; z-index: 99;}
.mn-link { float: right; text-align: center; height: 75px;}
.mn-link ul { margin: 0; padding: 0; letter-spacing: -.64em;}
.mn-link li { display: inline-block; vertical-align: middle; letter-spacing: normal; position: relative; height: 75px; line-height: 75px;}
.mn-link a { font-family: 'OpenSans'; display: inline-block; vertical-align: middle; color: #010000; text-transform: uppercase; line-height: 22px; padding:16px 15px;}
.mn-link li a:before { content:''; transform-origin:50%; border-bottom:3px #c72421 solid; transition:all 0.3s ease; position: absolute;bottom:0; right:10px; left:10px; transform:scaleX(0); z-index:1;}
.mn-link li a:hover::before { transform:scaleX(1);}
.fla {}

#central {}
#reseau { background: #c72823; padding: 15px 0;}
.breadcrumb { float: left; padding-top: 10px; font-weight: bold; color: #fff; font-size: 14px;}
.breadcrumb a { font-weight: normal; color: #fff !important; font-size: 14px;}
.social { float: right;}
#corps { background: #fff; padding:30px 15px;}
.ttl { background: url(../images/bg_h1.jpg) 0 22px repeat-x; position: relative;}
.ttl:after { content: ''; background: url(../images/bg_ttl.jpg) no-repeat; position: absolute; z-index: 1; right: 0; width: 59px; height:38px;}
h1 { background: #fff; display: inline-block; vertical-align: middle; padding-right: 30px;}
.cont-link { padding-top: 30px;}
.txt li { display: inline-block; vertical-align: top; width: 30%; background: url(../images/picto_liste.png) 0 7px no-repeat; padding-left: 15px;}
.txt p:first-child { margin: 0; padding: 0;}
.photo { float: right; margin:0 0 20px 35px; width: 570px; height: 360px; position:relative; cursor:pointer; overflow:hidden;}
.photo::before, .photo::after { content:''; position:absolute; top:0; bottom:0; width:150%; background:rgba(0,0,0,0.3); transition:all 0.2s ease-in-out 0s;}
.photo::before { transform:rotate(45deg) translateY(612px);}
.photo::after { transform:rotate(45deg) translateY(-412px);}
.photo:hover::before { transform:rotate(45deg) translateY(-412px); transition-duration:0.5s;}
.photo:hover::after { transform:rotate(45deg) translateY(612px); transition-duration:0.5s; left:-150px;}
#galerie { padding-top: 35px;}
.galerie { background: url(../images/bg_h1.jpg) 0 60% repeat-x; position: relative;}
.galerie:after { content:''; background: url(../images/bg_gal.jpg) no-repeat; position: absolute; z-index: 1; right: 0; height: 26px; width: 37px;}
.gal { font-family: 'OpenSans'; color: #790000; display: inline-block; font-size: 30px; background: #fff; width:245px;}
.ph { text-align: center; padding-top: 20px;}
.ph ul { margin:0; padding:0; letter-spacing: -.64em; line-height: 0;}
.ph ul li { display:inline-block; width:270px; height:180px; line-height:0; position:relative; cursor:pointer; overflow:hidden; margin:0 20px;}
.ph ul li:first-child { margin: 0 18px 0 0;}
.ph ul li:last-child { margin: 0 0 0 18px;}
.ph ul li::before,.ph ul li::after { content:''; position:absolute; top:0; bottom:0; width:150%; background:rgba(0,0,0,0.3); transition:all 0.2s ease-in-out 0s;}
.ph ul li::before { transform:rotate(45deg) translateY(280px);}
.ph ul li::after { transform:rotate(45deg) translateY(-280px);}
.ph ul li:hover::before { transform:rotate(45deg) translateY(-280px); transition-duration:0.5s;}
.ph ul li:hover::after { transform:rotate(45deg) translateY(280px); transition-duration:0.5s; left:-150px;}

#footer { background: #303030; padding-bottom: 50px;}
#foot-top { padding: 50px 0;}
.mn-foot { display: inline-block; vertical-align: top; width:590px; position: relative;}
.mn-foot:before { content: ''; background: url(../images/bg_mn_foot.jpg) no-repeat; position: absolute; z-index: 1; top: 0; width: 1px; height: 50px; left: 280px;}
.mn-foot ul { margin: 0; padding: 0; letter-spacing: -.64em;}
.mn-foot li { letter-spacing: normal; display: inline-block; width:50%; vertical-align: top;}
.mn-foot a { font-family: 'OpenSans'; display: inline-block; color:#999999; font-size: 14px; text-transform: uppercase; line-height: 20px;}
.mn-foot a:hover { color:#fff;}
.dessinateur, .horaire { font-family: 'OpenSans'; display: inline-block; text-transform: uppercase; color: #fff; font-size: 14px; line-height: 20px; background: url(../images/bg_mn_foot.jpg) left top no-repeat; padding-left: 15px;}
.dessinateur { padding-right: 120px;}
.dessinateur span, .horaire span, .lien a { color:#999999; text-transform: initial;}
#foot-bottom { background: #444444;}
.lien { font-family: 'OpenSans'; float: left; text-transform: uppercase; color: #fff; font-size: 14px; line-height: 20px; padding:10px 0;}
.lien a:hover { color: #fff; padding-left: 20px; position: relative;}
.lien a:hover:before { content: ''; position: absolute; left: 0; top: 4px; z-index: 1; width: 20px; height:10px; background: url(../images/bg_lien.png) left no-repeat;}
.com { float: right; line-height: 0;}

/*RT 2012*/
.RT-txt li { display: inline-block; vertical-align: top; background: url(../images/picto_liste.png) 0 7px no-repeat; padding-left: 15px;}
.RT-2012 { padding-top: 30px; text-align: center;}
.RT-2012 ul { margin: 0; padding: 0; letter-spacing: -.64em;}
.RT-2012 li { display: inline-block; vertical-align: middle; padding: 0 15px; width: 300px; height: 200px;}
.RT-2012 img { border: 1px #444444 solid;}

/*REALISATION*/
div#diapo-inner, .nav-diapo { display: inline-block; vertical-align: top;} 
div#diapo-inner { width: 60%;}
div#diapo-inner ul { padding: 0; margin: 0;}
.nav-diapo { width: 30%;}
.nav-diapo li { border-bottom: 1px #444 solid; padding: 10px 0; width: 75%;}
.nav-diapo li:last-child { border-bottom: none;}
.nav-diapo li a:hover { padding-left: 10px;}

/*UI TABS*/
.ui-tabs .ui-tabs-panel { text-align: center; padding: 0 !important;}
.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel { display: inline-block; vertical-align: top;}
.ui-tabs .ui-tabs-nav { width: 32% !important;}
li.ui-state-default.ui-corner-top { width: 100% !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { width: 90% !important;}
.ui-tabs .ui-tabs-panel { width: 65% !important;}
.ui-widget-header, .ui-widget-content { border: none !important; background:none !important;}
.ps-current ul { margin: 0; padding: 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:#444444; border-color: #0073aa; -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:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}
@media screen and (max-width: 767px){
	#nav{ display:none;}
	}
#smartnav{ display:none;}