/*style*/
/* Import other css */
@import '../css/font-awesome.css';
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic);
@import url(//fonts.googleapis.com/css?family=Economica);*/


.navigation {
z-index:999;
position:relative;
padding:0;
font-family:Economica,sans-serif;
font-weight:600
}
.navigation .sf-menu {
z-index:990;
text-align:center;
position:relative
}
.navigation nav {
position:relative;
padding:0
}
.select-menu {
display:none!important
}
.sf-menu ul {
position:absolute;
top:-999px;
display:none
}
.sf-menu>li>ul>li {
float:none;
position:static
}
.sf-menu>li {
float:left;
font-weight:300;
position:relative;
/**font-size:24px;**/
font-size:26px;
line-height:50px
}
.sf-menu>li+li {
margin-left:45px
}
.sf-menu>li+li:after {
content:'';
background-color:#818080;/** gris **/
height:5px;/**  **/
width:1px;
height:36px;
position:absolute;
left:-25px;
top:7px
}
.sf-menu>li>a {
position:relative;
color:#000; /** noir **/
text-align:center
}
.sf-menu>li>a.sf-with-ul:after {
content:'';
position:absolute;
width:5px;
bottom:15px;
left:50%;
bottom:-5px;
pointer-events:none;
z-index:999;
width:0;
height:0;
border-style:solid;
border-width:3px 3px 0;
border-color:#fff transparent transparent
}
.sf-menu>li.sfHover>a,.sf-menu>li.current>a,.sf-menu>li>a:hover {
	/**menu**/
color:#ff0000 /*rouge red */
}
html {
width:100%
}
a[href^="tel:"] {
color:inherit;
text-decoration:none
}
sss * {
-webkit-text-size-adjust:none
}
body {
position:relative;
background: #fdfcfc;
color:#636262; /** gris taupe  **/
	/**font: 300 18px/24px 'Open Sans',sans-serif;**/
font: 500 16px/22px 'Open Sans',sans-serif;
}
.ic {
border:0;
float:right;
background:#fff;
color:#f0000; /**rouge-red **/
width:50%;
line-height:10px;
font-size:10px;
margin:-220% 0 0 0;
overflow:hidden;
padding:0
}
strong {
font-weight:600
}
address {
font-style:normal
}
p {
margin-bottom:24px
}
input,textarea {
border-radius:0!important;
outline:0!important;
-webkit-appearance:none
}
img {
max-width:100%
}
h1,h2,h3,h4,h5,h6 {
	
color:#ff0000; /*rouge red */
font-family:Economica,sans-serif
}
h2 {
font-size:60px;
line-height:60px;
margin-bottom:40px
}
h2.inset__1 {
margin-bottom:38px
}
h3 {
font-size:48px;
line-height:42px
}
h3.offset__1 {
margin-bottom:31px
}
h3.offset__2 {
margin-bottom:46px
}
h4 {
font-size:36px;
line-height:42px
}
h4.inset__1 {
padding-top:15px;
margin-bottom:30px
}
ul {
padding:0;
margin:0;
list-style:none
}
article section:first-letter {
float: left;
margin: 10px 5px 0 0;
padding: 0 10px 0 0;
line-height: 52px;	
font-size: 78px;	
color:#2e6c80; /*verte d'eau*/
	/**color:#ff0000; **//*rouge red */
}
.chapo {
margin-top: 15px;
font-size: 18px;
font-style:italic;
}
.list-1.inset__1 {
	padding-top:35px
}
.list-1 li {
	padding-left:25px;
	position:relative
}
.list-1 li:before {
content:'';
position:absolute;
left:0;
top:2px;
font:14px/24px FontAwesome;
color:#2e6c80;  /*vert bouteille*/
	/**color:#ff0000; **//*rouge red */
}
.list-1 li+li {
margin-top:6px
}
a {
text-decoration:none;
color:inherit;
outline:0;
-webkit-transition:.5s ease;
transition:.5s ease
}
a:hover {
	
color:#ff0000; /*rouge red */

}
.link-1 {
font:24px/32px Economica,sans-serif;	
color:#2e6c80;  /*vert bouteille*/
display:inline-block;
/**margin-top:24px**/
}
.link-1:hover {
color:#000 /**noir**/
}
.mb0 {
margin-bottom:0!important
}
.m0 {
margin:0!important
}
.pad0 {
padding:0!important
}
.pad01{
padding-left: 110px;
}
.pad02{
padding-right: 110px;
}
.pad03{
padding-right: 10px;
}
.img_inner {
max-width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:39px;
margin-top:16px;
border-radius:0!important
}
.fleft {
	float:left;
	margin-right:28px;
	position:relative;
	top:-7px
}
.oh {
	overflow:hidden
}
.fwn {
	font-weight:400
}
.fright {
	float:right!important
}
.upp {
	text-transform:uppercase
}
.alright {
	text-align:right
}
.ta__center {
	text-align:center
}
.ta__left {
	text-align:left
}
.td__underline {
	text-decoration:underline
}
.ta__right {
	text-align:right
}
.fw_med {
	font-weight:500
}
.wrapper,.extra_wrapper {
	overflow:hidden
}
.clear {
	float:none!important;
	clear:both
}
.oh {
	overflow:hidden
}
.nowrap {
	white-space:nowrap
}
.rel {
	position:relative
}
.main {
	background-color:#fdfcfc /** blanc**/
}
header {
	display:block;
	position:relative;
	z-index:999;
	padding:20px 0 10px
}
header .rel {
	z-index:999
}
h1 {
	text-align:center;
	position:relative;
	text-transform:uppercase;
	color:#000;
	z-index:999;
	float:left;
	text-align:left;
	font:150 90px/22px 'Open Sans',sans-serif;
	margin-bottom:24px;
	padding:20px 0 0;
	letter-spacing:normal;
	letter-spacing:-3px;
	text-indent:-10px
}
h1 a {
	-webkit-transition:0s ease;
	transition:0s ease;
	color:#000
}
h1 span {
	text-indent:0;
	padding-top:43px;
	text-transform:none;
	display:block;
	letter-spacing:-.5px;
	font-size:14px
}
#content {
	padding-top:39px;
	padding-bottom:128px
}
#content.inset__1 {
	padding-top:118px;
	padding-bottom:100px
}
.page1 header {
	padding-bottom:30px
}
.page1 #content {
	padding-top:30px;
	padding-bottom:88px
}
.banner {
	border:2px solid #686868; /** gris souris**/
	text-align:center;
	padding:42px 31px 43px; /**modif 53px 41px 53px**/
	margin:127px 0 136px
}
.banner h4 {
	border-bottom:2px solid #989797; /* gris**/
	padding-bottom:48px
}
.banner .link-1 {
	margin-top:51px
}
.block-1 {
	margin-bottom:41px;
	padding-top:74px
}
.block-1 h4 {
	margin-bottom:24px
}
.bq-1 {
	background-color:#af9aae;/** gris taupe**/
	/**background-color:#686868;**/ /** gris souris**/
	/**background-color::#1e73be; /*bleu*/**/
	margin-top:-4px;
	padding:36px 52px 34px
}
.bq-1 h4 {
	color:#fff;
	margin-bottom:28px
}
.bq-1 .ta__right {
	padding-top:38px;
	color:#2e6c80;  /*vet bouteille*/
	/**color:#ff0000; **//*rouge red */
	font:24px/30px Economica,sans-serif
}
.block-2 {
	overflow:hidden;
	margin-bottom:36px
}
.block-2 img {
	float:left;
	margin-right:30px;
	margin-top:6px
}
.block-2 h4 {
	margin-bottom:16px;
	margin-top: 0px;
}
#table-1 {
	margin-top:35px;
	width:100%;
	border:1px solid #6d6c6c;
	color:#000;
	font-size:18px;
	line-height:47px
}
#table-1 tr:nth-child(even) {
	background-color:#c5c4c4; /** gris clair**/
}
#table-1 td {
	padding:0 0 0 37px;
}
.gall_item {
	margin-top:-2px;
	background-color:#2e6c80; /*vert bouteille*/
	/**background-color::#1e73be;**/ /*bleu*/
	display:block;
	color:#534b52
}
.gall_item:hover {
	background-color:#000
}
.gall_item .gall_bot {
	padding:32px 32px 16px
}
.gall_item .gall_bot .fa {
	font-size:48px;
	line-height:60px
}
.sep-1 {
	border-top:1px solid #848383; /**gris**/
	padding-bottom:34px
}
.sep-1.offset__1 {
	margin-top:30px;
	padding-bottom:40px
}
.color1 {
	/**color:#7e4a7c**/ /** violet**/
	/**color:#1e73be; **//*bleu*/
	/**color:#003cf2;**/  /*bleu roi*/
	color:#ff0000; /*rouge red */
	/**color:#ff8d03;**/ /** orange**/ 
}
.color1 a:hover,a.color1:hover {
	color:#000
}
.color2 {
	color:#000
}
.white {
	color:#fff
}
.black {
	color:#000
}
.map {
	overflow:hidden;
	padding-top:7px
}
.map figure {
	position:relative;
	display:block;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:45px
}
.map figure iframe {
	width:100%;
	height:399px;
	max-width:100%
}
.footer-top {
	color:#363535;/**black**/
	
	font-size:14px;
	line-height:24px;
	padding-bottom:33px
}
.footer-top .fa {
	position:absolute;
	top:-4px;
	left:0;
	font-size:30px;
	line-height:40px;
	color:#6d6c6c /**grey**/
}
.footer-top .fa.fa-envelope {
	font-size:24px;
	top:-7px
}
.address-1 {
	position:relative;
	padding-left:70px
}
.mail-1 {
	position:relative;
	padding-left:66px;
	display:inline-block;
	margin-left:40px
}
.socials {
	text-align:right
}
.socials a {
	position:relative;
	/**display:inline-block**/
}
.socials a+a {
	margin-left:55px
}
.socials a+a:before {
	width:1px;
	height:36px;
	/**background-color:#818080;**/
	background-color:#ff0000; /** rouge**/
	/**background-color:#1e73be; **//*bleu*/
	/**background-color:#003cf2;**/  /*bleu roi*/
	position:absolute;
	left:-15px;
	top:-5px;
	content:''
}
#footer {
	/**background:#ff8d03;**/ /** orange vif **/
	background:#c5c4c4; /** gris clair**/
	/**color:#f5e4d5; **//**rose   **/
	color:#ffffff;  
	font-size:14px;
	line-height:16px;
	font-weight:400;
	padding:18px 0
}
/**  bouton css retour vers le haut**/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:130px;
	left:51%;
	margin-left:640px;
	border-radius:500px;
	overflow:hidden;
	border:0;
	color:#534b52;/** black **/
	width:76px;
	height:76px;
	font-size:48px;
	line-height:70px;
	text-align:center;
	z-index:20;
	-webkit-transition:background .5s ease;
	transition:background .5s ease;
	background-color:#c5c4c4; /** gris clair**/
}
#toTop:hover {
	outline:0;
	background-color:#ff0000; /** rouge**/
}
/** fin bouton haut**/
/** responsive menu- menu css multi niveaux**/
#dropdown-nav ul li div {
	/**color: #eee;**/
	/**padding: .425rem .7rem;**/
}
#dropdown-nav ul li {
	position:relative;
}
#dropdown-nav ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#f6f6f6;
	border: 1px solid #efefef;
	padding:0;
	z-index: 9999;
}
#dropdown-nav ul ul a {
	color: #444;
}
#dropdown-nav ul ul li {
	float:none;
	width:200px;
}
#dropdown-nav ul ul li.active a {
	background:transparent;
}
#dropdown-nav ul ul li:hover {
	background:#ccc;
}
#dropdown-nav ul li:hover > ul {
	display:block;
}

@media (max-width: 768px) {
	#dropdown-nav ul {
		background:#f6f6f6;
	}
	#dropdown-nav ul li.active {
		background-color: #258fd6;
		width: 100%;
	}
	#dropdown-nav ul li.active a {
		color: #fff;
	}
	#dropdown-nav ul li:hover  {	
		background:#ccc !important;
		width: 100%;
	}
	#dropdown-nav ul li li:hover a {
		color: #fff;
	}
	#dropdown-nav ul ul {
		width: 100%;
		border: none;
	}
	#dropdown-nav ul li div {
		color: #444;
	}
	#dropdown-nav ul li a {
		color: #444;
	}
}
/** article sur deux colonnes**/
article section  {
	/* nombre de colonnes = 2 */
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

	/* espace entre les colonnes: 30px */
	-webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
	
	/* barre de séparation entre les colonnes */
	-moz-column-rule-color: #ccc;
	-moz-column-rule-style: solid;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-color: #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width: 1px;
	
	/* espace en haut et en bas de l'article */
	margin-top: 15px;
	margin-bottom: 15px;
}