/* Theme For FRANCEPAL 
Author:sO GrAfisan
Author URI:http://www.grafisan.fr/
Version:1.2.0
Created:Maj 2018
 */

/* Typography
----------------------------------------------------------------------------- */
body {
	font-family: 'Roboto', sans-serif;
}
html,
body {
	height: 100%;
}
body {
	font-size: 15px;
	line-height: 1.50;
	color: #333;
	background-color: #fff;
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
}
h1 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 50px;
}
.box {
	margin: 0;
}
h2 {
	font-size: 32px;
	font-weight: 100;
	margin-bottom: 15px;
	color: #3a8f7c;
}
h3 {
	font-size: 22px;
	font-weight: 100;
}
.PRES h3 {
	margin-top: 30px;
}
h4 {
	font-size: 18px;
	font-weight: 300;
}
h5 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
h1 span,
h2 span,
h3 span,
h4 span {
	color: #339BEB;
}
.text-colored {
	color: #3a8f7c;
}
a {
	color: #3a8f7c;
}
a:hover,
a:focus,
a:active {
	color: #008874;
}
a:focus,
a:active {
	outline: none;
}
.small {
  font-size: 13px;
}
.large {
	font-size: 18px;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.media-right {
	float: right;
	margin: 25px 30px 30px;
}
.list-unstyled li {
	padding: 5px 0;
	color: #3a8f7c;
}
.list-horizontal {
	padding: 15px 0;
}
.list-horizontal-item img {
	display: block;
	margin: 0 auto;
}
.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 18px;
}
.list-icons li {
	padding: 0 0 15px 0;
}
blockquote {
	border-left: none;
	padding-left: 0;
	padding-right: 0;
}
.title {
	margin-top: 0;
}
.box h1 {
	margin-bottom: 10px;
	margin-top: 25px;
	font-weight: 100;
	font-size: 23px;
	float: left;
}
.box-fixed-top .media {
    float: right;
}
.box small  {
	font-weight: 300;
	font-size: 70%;
	color: #fff;
}
.ENTRY p {
	font-size: 13px;
}
.subfooter.two p {
	font-size: 12px;
}
.subfooter.two a, .subfooter.two a:hover{
	color: #333;
}
p.panel-body {
	margin-bottom: 0;
}
/* Layout
----------------------------------------------------------------------------- */
.header {
	color: #333;
	background-color: #fff;
	padding: 10px 0;
	margin: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.banner {
	width: 100%;
	height: 70px;
	min-height: 70px;
	position: relative;
	color: #fff;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	
}
.banner-image {
	vertical-align: middle;
	min-height: 100%;
	width: 100%;
}
.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
}
.banner-caption {
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 2;
}

.section {
	background-color: #fff;
	padding: 50px 0; /*80*/
}
.ENTRY {
	background-color: #ebf2f1;
}
.PRES.section.clearfix {
    padding-top: 35px;
}
.PRES .media-right {
	margin-bottom: 0;
    margin-top: -15px;}
.box {
    box-shadow: 0 7px 7px 0 rgb(45, 45, 45) inset;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
@media (min-width: 768px) {
.PRES.section.clearfix {
    padding-top: 130px;}
 .box-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
	top: 100px;}
.fixed-header-on .box {
    top: 0;}
}
.TABS {
	background-color: #fff;}
.TABS .col-md-6 {
    max-height: 330px;
    overflow: hidden;}
#bois .col-md-6 {
    max-height: 1000px;	}
.subfooter {
	background-color: #595959;
	padding: 40px 0 0;}
.subfooter.box {
	padding: 50px 0 120px;}
.subfooter.two {
	padding: 0;}
.thumbnail .caption {}
.liens .list-unstyled li {
	color: #333;}
/* Backgrounds
----------------------------------------------------------------------------- */

.default-bg {
	background-color: #595959;
	color: #fff}
.default-bg.vert {
	background-color: #3a8f7c;}
.translucent-bg {
	color: #fff;}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.translucent-bg h1,
.translucent-bg h2,
.translucent-bg h3,
.translucent-bg h4,
.translucent-bg h5,
.translucent-bg h6 {
	color: #fff;}
.default-bg blockquote footer,
.translucent-bg blockquote footer {
	color: #cccccc;}
.default-bg a,
.translucent-bg a {
	color: #fff;
	text-decoration: underline;}
.default-bg a:hover,
.translucent-bg a:hover {
	text-decoration: none;}
.translucent-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;}
.translucent-bg .translucent-bg {
	margin-top: 80px;
	z-index: 3;}
.translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);}
.translucent-bg.blue:after {
	background-color: rgba(85, 172, 238, 0.7);}
.translucent-bg .container {
	z-index: 3;
	position: relative;}

/* Misc
----------------------------------------------------------------------------- */
.object-non-visible {
	opacity: 0;
	filter: alpha(opacity=0);}
.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;	}
}
.space {
	padding: 0 10px;}
.pr-10 {
	padding-right: 10px;}
.pl-10 {
	padding-left: 10px;}
.pt-40 {
	padding-top: 40px;
	padding-bottom: 5px;}
.pt-1 {
	padding-top: 1px;}
.pb-clear {
	padding-bottom: 0;}

/* Sections
----------------------------------------------------------------------------- */
.banner-caption h1,
.banner-caption h2,
.banner-caption h3,
.banner-caption h4,
.banner-caption h5,
.banner-caption h6 {
	color: #fff;}
.banner-caption h1 {
	font-size: 60px;}
.subfooter p {
	margin-bottom: 0;}
.tab-content {
	padding-top: 10px;}
/* Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
	border: none ;
	background: none;}
.btn-default {
	color: #fff;
	border: none ;
	background: none;}
.btn-default:hover {
	color: #000;
	border: none ;
	background: none;}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	margin-bottom: 20px;}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: 2px solid #b6d1cc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
	background-color: #fff;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 2px solid #b6d1cc;
	border-top: none;
	background-color: #fff;}
.panel-default {
	border: 2px solid #b6d1cc;
	background-color: #fff;}
.panel-heading a {
	font-weight: 300;
	font-size: 22px;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #fff;
	color: #000;
	position: relative;
	text-decoration: none;}
.panel-heading a.collapsed {
	color: #000;
	background-color: #fff;}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;}
.panel-heading a.collapsed:after {
	content: "\f196";}
.panel-heading a:hover {
	text-decoration: none;
	background-color: #eff3f2;
	color: #000;}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;}

/* Pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color: #55acee;
	border-color: #55acee;
	color: #fff;}
.nav-pills > li > a {
	border-radius: 0;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;}

/* Forms
---------------------------------- */
.form-control {
	background-color: #006152;
	border-radius: 15px;
	border: none;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	height: 60px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-right: 12px;
    padding-top: 10px;}
.form-control-feedback {
	color: #fff;}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 15px;}
textarea {
	resize: vertical;}
textarea.form-control {
    padding-top: 20px;}
.form-control:focus {
    border: none;
    box-shadow: none;}
.form-control::-moz-placeholder {
    color: #fff;}
#footer-form { 
	padding-top: 0;}
@media (min-width: 768px) {
#contact {}
#footer-form {
	padding-top: 20px;}
}
.form-group {
	padding: 0;}
.group1 {
	padding-right: 15px;}
.group2 {
	padding-left: 15px;}
.contacts, iframe {padding-top:30px;}
.fram {padding-top: ;}
#map-canvas {
	height:288px; 
	width:450px;}
.gm-inset {
    display: none !important;}
/* Modals
---------------------------------- */
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
.modal-header {
	background-color: #55acee;
	color: #fff;}
.modal-header h4 {
	color: #fff;}
.modal-header .close {
	font-weight: 300;
	color: #fff;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;	}
}

/* Media
---------------------------------- */
.media .fa {
	font-size: 24px;
	width: 40px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	text-align: center;}

/* Navigations
----------------------------------------------------------------------------- */
.navbar-fixed-top {
    top: 30px;}
.header .navbar {
	margin-bottom: 0;}
.main-navigation .navbar-default {
	background-color: transparent;
	border: none;}
.main-navigation .navbar-default .navbar-nav > li > a {
	color: #000;
	padding-top: 20px;
	font-size: 18px;
	font-weight: 300;}
.main-navigation .navbar-default .navbar-nav > li.active > a {
	background-color: transparent;
	color: #008874;}
.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: #008874;}
@media (min-width:768px) {
	.main-navigation .navbar-default .navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 0px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	}
}
@media (min-width:768px) and (max-width:991px) {
	.main-navigation .container-fluid {
		padding-left: 0;
		padding-right: 0;	}
	.navbar-nav {
		float: left !important;	}
}
@media (max-width:767px) {
	.header.navbar-fixed-top {
		position: absolute;	}
}
.caret {
    margin-left: 10px;
    margin-right: 5px;	}
/* Nav FOOTER ------------------------------ */

.nav > li > a {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  color: #fff;}
.nav.en > li > a {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  color: #fff;}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
  text-decoration: none;
  background: none;
  color: #3a8f7c;}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none;
    color: #555;
}
.nav .col-sm-3 {	width:;}
.nav-tabs {    border-bottom: 0px solid #fff;}

/* Fixed Header
----------------------------------------------------------------------------- */
.fixed-header-on .header {
}
.fixed-header-on .logo {
}
@media (min-width:768px) {
	.fixed-header-on .navbar-default .navbar-nav > li > a {
	}
}
@media (max-width:991px) {
	.fixed-header-on .logo,
	.fixed-header-on .site-name,
	.fixed-header-on .site-slogan {
		/*display: none;*/
	}
}

/* Blocks/Widgets
----------------------------------------------------------------------------- */

/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(85, 172, 238, 0.9);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {
	text-decoration: none;
}
.overlay span {
	position: absolute;
	display: block;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
}
.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	margin-top: -8px;
	margin-left: -8px;
	text-align: center;
}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* FRANCEPAL *************************************************** */

.ENTRY ul li > a,
.ENTRY ul li.active > a,
.ENTRY ul li.active > a:hover,
.ENTRY ul li.active > a:focus {
    background: none;
    border: 1px solid #ebf2f1 !important;
	border-color: ;
}
.thumbnail {
    background: none;
    border: 0px solid ;
    border-radius: none;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
	text-align: center;
}
.thumbnail p {
    font-size: 13px;
}
.avatar {
	box-shadow: 0 0 0 3px #6c6c6c;
    border-radius: 50%;
    height: 78px;
    width: 78px;
    margin: 0 auto 15px;
    overflow: hidden;
	vertical-align: middle;
	transition: all 0.2s ease 0s;	
}
.avatar:hover {   box-shadow: 0 0 0 8px #006152;}

#TopBox {
    background-color: #303030;
    height: 25px;
}
#TopBoxNav {
    font-family: 'Roboto', sans-serif;
	font-style: italic;
    font-weight: 400;
    font-size: 13px;
    padding-top: 7px;
}
#TopBoxNav a {
    color: #d2d2d2;
	text-decoration:none;
}
#TopBoxNav a {
    color: #d2d2d2;
}
#SubTopBox {
    background-color: #008874;
    height: 5px;
}
#TopBoxNav .dropdown-menu {
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    font-size: 13px;
	text-align: center;
    min-width: 85px;
    padding: 2px 0;
}
#TopBoxNav .dropdown-menu a {
	color: #333;
}
#TopBoxNav .dropdown-menu a:hover {
	color: #3a8f7c;
}
/* FRANCEPAL NAVBAR  *************************************************** */

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 0;
  margin-right: 0;
  padding: 20px 0px;
  z-index: 3000;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 0 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.05;
  color: #333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: underline;
  color: #008874;
  background: ;
}
.dropdown-menu-large .dropdown-header a {
  padding: 0;
}
.dropdown-menu-large .dropdown-header,
.dropdown-menu-large .dropdown-header a  {
  color: #008874;
  font-size: 16px;
  line-height: 1.05;
}
.dropdown-header {
    white-space: normal;
	padding: 3px 20px 15px 0;
}
.dropdown-menu .divider {
    background: none;
    height: auto;
}
@media (max-width: 768px) {
	  .dropdown-menu-large {	padding: 0 ; }
	  .dropdown-menu-large > li > ul > li {display: block;	padding: 5px 15px 5px 25px;  }
	  .dropdown-menu-large li.first, .dropdown-menu-large .pt-40 {padding-top: 25px;  }
	  .dropdown-menu-large > li:last-child {	margin-bottom: 0;  }
	  .dropdown-header {	white-space: nowrap;}
	  .dropdown-menu-large > li > ul > li > a {
		  font-size: 16px;}
}

.navbar-brand {
  height: auto;
  padding: 0;
  padding-top: 15px; 
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {   margin-left: 0;  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}
.box-fixed-top .media-body.bottom {
    vertical-align: bottom;
	font-weight: 300;
}
.box-fixed-top .media-body.bottom a {	text-decoration: none;}
.box-fixed-top .media-body.bottom a:hover, .box-fixed-top .media-body.bottom a:focus, .box-fixed-top .media-body.bottom a:active {
 color: #3a8f7c;}