/* ------ BASE ------ */

button.Li_no:active, button.Li_no:focus, a.Li_no:active, a.Li_no:focus { outline: none; }
body {
	padding-top: 80px;
	background: #ffffff;
	font-family: 'Roboto', Arial, sans-serif;
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	/*font-family: 'Lato', Arial, sans-serif;*/
	/*font-family: 'Ysabeau SC', sans-serif;*/
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	/*font-family: 'Source Sans Pro', Arial, sans-serif;*/
	/*font-family: 'Ubuntu', Arial, sans-serif;*/
	/*font-family: 'Oxygen', Arial, sans-serif;*/
	/*font-family: 'Bangers', cursive;*/
	/*font-family: 'Luckiest Guy', cursive;*/
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: Arial, sans-serif;*/
	/*background: #ffffff url('images/site/logo_blaf.png') repeat-y top right;*/
	}
a:link, a:visited { text-decoration: underline; color: #000000; }
a:hover {  }
a.li_base:link, a.li_base:visited { font-weight: 600; text-decoration: none; color: #00A19A; border-bottom: solid 1px #FCCA46; transition: all 500ms ease; }
a.li_base:hover { color: #FE7F2D; border-bottom: solid 1px #FCCA46; }
a.li_bas:link, a.li_bas:visited { font-weight: 600; text-decoration: none; color: #FCCA46; border-bottom: solid 1px #233D4D; transition: all 500ms ease; }
a.li_bas:hover { color: #FE7F2D; border-bottom: solid 1px #EEF4ED; padding-left: 5px; }
a.li_bas2:link, a.li_bas2:visited {  }
a.li_bas2:hover { padding-left: 0; }
.Bas_Imp { font-size: 18px; }
blockquote { border-color: #00A19A; }


a.Bt_BasCTA:link, a.Bt_BasCTA:visited { display: inline-block; padding: 3px 3px 3px 10px; font-weight: 600; text-decoration: none; background: #FCCA46; color: #000000; border: solid 2px #233D4D; height: 38px; line-height: 34px; vertical-align: center; transition: all 500ms ease; border-radius: 20px; }
a.Bt_BasCTA img { display: block; float: left; height: 23px; margin-top: 3px; margin-right: 5px; }
a.Bt_BasCTA span.BCTAT { display: block; float: right; line-height: 28px; font-size: 20px; font-weight: 700; background: #EEF4ED; height: 28px; padding: 0 10px; /*margin-top: 3px;*/ border-radius: 14px; }
a.Bt_BasCTA:hover { background: #FE7F2D; border: solid 2px #FCCA46; }


a.li_sns:link, a.li_sns:visited { display: block; float: left; height: 70px; width: 70px; margin: 0; padding: 6px; transition: all 500ms ease; }
a.li_sns:hover { background-color: #FCCA46; }
a.li_snsb:link, a.li_snsb:visited { display: block; float: left; height: 70px; width: 70px; margin: 0; padding: 6px; background-color: #233D4D; transition: all 500ms ease; }
a.li_snsbp:link, a.li_snsbp:visited { height: 46px; width: 46px; padding: 4px; border-radius: 3px; }
a.li_snsb:hover { background-color: #FE7F2D; }

/* BT_Top */
#top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view */ bottom: -82px; right: 10px; }
#top-link-block.affix { position: fixed; /* keeps it on the bottom once in view */ bottom: 18px; right: 10px; }
#top-link-block button.BT_Top { border: solid 1px #233D4D; padding: 9px 12px 7px 12px; background: #FCCA46; color: #233D4D; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; transition: all 1000ms ease; }
#top-link-block button.BT_Top:hover { border: solid 1px #FE7F2D; background: #FCCA46; color: #000000; }

/* Log */
#top-link-log.affix-top { position: absolute; /* allows it to "slide" up into view */ top: 138px; right: 0; }
#top-link-log.affix { position: fixed; /* keeps it on the bottom once in view */ top: 128px; right: 0; }
#top-link-log { z-index: 200; }
.CS_Log { /*float: right;*/ /*margin-top: 70px;*/ /*padding: 10px;*/ /*background: red;*/ text-align: right; }
.CS_LogI { background: #f7f7f7; border: solid 1px #cfcfcf; border-right: none; padding: 10px 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 3px 3px 3px #cfcfcf; -webkit-box-shadow: 3px 3px 3px #cfcfcf; box-shadow: 3px 3px 3px #cfcfcf; }

.Txt300 { font-weight: 300; } .Txt400 { font-weight: 400; } .Txt700 { font-weight: 700; } .Txt900 { font-weight: 900; }
.ClearB { clear: both; } /* AKA .clearfix */
/*.TotalB { position: relative; }*/ /* Pour Menu spé défile */
.img-recen { margin: 0 auto; }
.DNone { display: none; }

/*
Drone & prise de vue aérienne

Un nouveau regard sur votre chantier
Au dessus de votre chantier
Une entreprise agrée
Tournage et montage des prises de vues

Base : #00A19A (0, 161, 154) #233D4D (35, 61, 77) #FE7F2D (254, 127, 45) #FCCA46 (252, 202, 70) #EEF4ED (238, 244, 237) #76B143 ()

Declin :  #10abb5 #00c6b0
Plaquette + : #233D4D >> #415663 | #EEF4ED >> #f1f4ec | #00A19A + #233D4D >> #256a6e | #e8ebec
*/

/* ------ MENU ------ */
.navbar-fixed-top { border-width: 0; }
.navbar_act { background: #233D4D; }
a.navbar_logo:link, a.navbar_logo:visited { height: 80px; line-height: 80px; padding: 0; margin: 0; text-decoration: none; /*text-transform: uppercase;*/ font-weight: 500; color: #ffffff; font-family: 'Cormorant Garamond', serif; font-size: 32px; text-shadow: none; transition: all 500ms ease; }
a.navbar_logo:hover { color: #efedff; }
a.navbar_logo img { height: 50px; margin: 15px 0; color: #ffffff; }
a.navbar_logo img:hover { color: #efedff; }
.navbar-default .navbar-brand:hover { color: #efedff; }

.navbar_nav { margin: 14px 0 0 0; }
.navbar_act ul.nav { /*height: 60px;*/ width: 500px; text-align: right; }
.navbar_act ul.nav li a { padding: 5px 10px; /*margin-left: 5px;*/ line-height: 20px; font-size: 15px; color: #ffffff; text-decoration: none; text-shadow: none; text-transform: uppercase; /*letter-spacing: -1px;*/ transition: all 500ms ease; font-weight: 700; position: relative; overflow: hidden; }
.navbar_act ul.nav li a:hover { color: #FE7F2D;/* transition-delay: .5s;*/ }
.navbar_act ul.nav li.active a { /*color: #000000;*/ }
.navbar_act ul.nav li.active a, .navbar_act ul.nav li.active a:hover, .navbar_act ul.nav li.active a:focus { background: #00A19A; -webkit-box-shadow: none; box-shadow: none; color: #000000; color: #ffffff; /*font-weight: bold;*/ }

.navbar-default .navbar-toggle { border-color: #ffffff; background-color: #00A19A; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border-color: #efedff; background-color: #00c6b0; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #00A19A; }
.navbar-toggle { margin-top: 22px; }

.navbar_act ul.nav li:not(.active) a::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(252, 202, 70, 0.5); border-radius: 100%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1; opacity: 0; transition: opacity 0.3s ease-in-out; }
.navbar_act ul.nav li:not(.active) a:hover::before { width: 200px; height: 200px; animation: kf_01 1s ease-out 1; opacity: 0; }
@keyframes kf_01 { 0% { width: 0; height: 0; opacity: 1; } 100% { width: 200px; height: 200px; opacity: 0; } }



ul.socnet { display: flex; padding: 0; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
ul.socnet li { list-style: none; }
ul.socnet li a { width: 60px; height: 60px; background-color: #fff; text-align: center; line-height: 56px; font-size: 26px; margin: 0 7px; display: block; border-radius: 50%; position: relative; overflow: hidden; border: 2px solid #fff; z-index: 1; }

ul.socnet li a .icon { position: relative; color: #262626; transition: .5s; z-index: 3; }
ul.socnet li a img.icon { filter: brightness(0%); margin-top: -6px; }
ul.socnet li a:hover .icon { color: #fff; transform: rotateY(360deg); }
ul.socnet li a:hover img.icon { filter: brightness(0%) invert(100%); }
ul.socnet li a:before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #f00; transition: .5s; z-index: 2; }

ul.socnet li a:hover:before { top: 0; }
ul.socnet li:nth-child(1) a:before{ background: #0077b5; }
ul.socnet li:nth-child(2) a:before{ background: #3b5999; }
ul.socnet li:nth-child(3) a:before { background: linear-gradient(-45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5); }
ul.socnet li:nth-child(4) a:before { background: #000000; }