*{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#signature span{width:80%;}
#goToContacts:hover{
	text-decoration:underline;
}

sup{vertical-align:super;font-size: 0.7em;line-height:.7em;}
#banner{
	margin: 15px 0;
	margin-bottom: 0;
}
#banner #txtArea .lien .marques{
	background-color: #000;
}
.flickity-prev-next-button{
	padding: 0;
}
.col1,
.col2,
.col3{
	float:left;
}
.col1,
.col2{
	width: 357px;
	margin-right:5px;
}
.col3{
	width: 237px;
}

.centre{
	padding-top:20px;
}
.centre .col{
	width:31.5%;
	margin-left:1.5%;
}
.col-centre-gauche{
	float:left;
	width:32.5%;
	margin-left:1.5%;
	padding-top:25px;
}
.col-centre-droite{
	float:left;
	width:64.5%;
	margin-left:1.5%;
	padding-top:25px;
}
.centre .col-centre-droite{
	padding-top:0px;
}
.content h3{
	font-size:15px;
	margin-bottom:15px;
	text-transform:uppercase;
}
.content h4{
	font-size:13px;
	margin-bottom:15px;
	text-transform: uppercase;
	font-weight: normal;
}
body.page .content h3{font-weight: bold; margin-bottom: 45px;}
body.page .content .contentbar p,
body.page .content .contentbar ul li{
	color: #818181;
}
body.page .content .sidebar ul li{font-weight: bold;}
body.page .content .sidebar p b{font-size: 16px; line-height: 1.8rem;}

.content p, .content ul,h5{
	color: #3d3d3d;
	font-size:15px;
	line-height:1.7em;
	margin-bottom:15px;
}
.content ul li{
	margin-bottom: 0;
}
.content .wrapper{
	margin-bottom: 45px;
	position: relative;
}
.content .title-inline-wrapper img + .title-inline{
	position: absolute;
	left: 0;
	bottom: -15px;
}
.content .title-inline{
	text-align: left;
}
.content .title-inline span, .content .title-inline small{
	background-color: #c8c8c8;
	display: table;
	padding: 10px 25px;
}
.content .title-inline span{
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	background-color: #105ea6;
}
.content .title-inline.col-1 span{background-color: #105ea6;}

.content .title-inline small{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #7e7774;
}
body.page.page-col-2 .content .title-inline span{background-color: #80b71b;}
body.page.page-col-2 .content .col-txt{color: #80b71b;}
body.page.page-col-2 #footer .content{border-color: #80b71b;}
body.page.page-col-2 #footer .catalogue h4, body.page.page-col-2 #footer .carte-mini h4{background-color: #91ba46;}
body.page.page-col-2 #footer .catalogue:hover, body.page.page-col-2 #footer .carte-mini:hover{border-color: #80b71b !important;}


body.page.page-col-1 .content .title-inline span{background-color: #105ea6;}
body.page.page-col-1 .content .col-txt{color: #089bd5;}
body.page.page-col-1 #footer .content{border-color: #089bd5;}
body.page.page-col-1 #footer .catalogue h4, body.page.page-col-1 #footer .carte-mini h4{background-color: #467bac;}
body.page.page-col-1 #footer .catalogue:hover, body.page.page-col-1 #footer .carte-mini:hover{border-color: #089bd5 !important;}

body.page #content img{
	max-width: 100%;
	height: auto;
}


#header .retour img{padding-top: 16px;}
.bloc.main-bloc{
	height:120px;
	background-color:#D6D6D6;
	position:relative;

}
.bloc{
	border:1px solid #c4c0c0;
	width:auto;
	float:none;
	padding:0;
	margin-bottom:6px;
	overflow:visible;
	display:block;
	height:120px;
	position:relative;
	background-size: cover !important;
}
.bloc h4{
	margin: 8px 9px 30px 9px;
	line-height:1.4em;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
}
.bloc.main-bloc h4{
	line-height:1em;
	font-size:16px;
	font-weight:700;
	background-color:#fff;
	position:absolute;
	bottom:-1px;
	left:-1px;
	margin:0;
	padding:10px 10px 7px 10px;
}
.savoirPlus,
.bloc ul li a{
	background-color: #D6D6D6;
	padding: 8px 28px 8px 9px;
	display:block;
	background-image:none;
	position:relative;
	width:175px;
	font-size:11px;
	line-height: 12px;
	color:#434343;
	border:1px solid #fff;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.col2 .bloc ul li a{
	width:230px;
}
.savoirPlus:hover,
.bloc ul li a:hover{text-decoration:none;}
.savoirPlus span,
.bloc ul li a span{
	position:absolute;
	top:0;
	right:0;
	width:28px;
	height:100%;
	display:block;
	background-color: #8C8C8C;
	background-image: url(images/fleche-puce.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.bloc ul li{pagging:0;margin-bottom:3px;}
.bloc ul{margin: 0 0 2px 5px; position:absolute; left:0;bottom:0; }
.catalogue h4,
.carte-mini h4{
	display:block;
	padding:15px;
	text-align:center;
	background-color: #467bac;
	margin:0;
	color:#fff;
	margin-top: 73px;
	font-size: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.invitation{
	height: 124px;
}
.invitation h4{
	padding: 7px 0 4px;
	margin-top: 77px;
}
.borderLeft{padding:0 15px;border-left:1px dashed #D9DCDE;border-right:1px dashed #D9DCDE;}
.borderLeft img{margin-left: 41px; display:block; height:182px; width:auto;}
/*.carte-mini h4{margin-top:0;}*/
.carte-mini{width:100%;}
.carte-mini img{display:block;
	margin: 0 auto;
	width: auto;
	height:73px;
}
.intro{height:138px;}

#banner #txtArea h1.logo{
	width:366px;
	height:78px;
	background: #fff url( images/logo.png ) no-repeat center center;
	opacity: .95;
	padding-bottom:6px;
	margin-bottom:0;
	border:1px solid #c1c8d0;
}
.page #banner #txtArea .lien{display:none;}
.page #banner #txtArea p{width:auto;}
#banner #txtArea{
	padding:0;
	top:12px;
	left:12px;
}
#banner #txtArea p{
	color: #1e1c24;
	font-size:26px;
	width:650px;
}
#banner #txtArea > a{display: block;}
#banner #txtArea .lien a{background-color:#089bd5;
	-webkit-transition: all 250ms ;
			-moz-transition: all 250ms ;
	        -ms-transition: all 250ms ;
	        -o-transition: all 250ms ;
			transition: all 250ms ;
}
#banner #txtArea .lien a:hover{margin-right:-10px;
	background-color: black;}
#banner #puceArea{display:none;}

/*POPIN*/
.popin{
	clear:both;
	/*border:1px solid gray;*/
	display:none;
	width:720px;
	padding-right:15px;
}
.popin .gauche{
	width: 66%;
	float:left;
	margin-top:175px;
}
.popin .gauche2{
	width: 66%;
	float:left;
	margin-top:15px;
}

.popin .droite{
	width:34%;
	float:left;
	margin-top:85px;
}
.popin .droite2{
	width:67%;
	float:left;
	margin-top:15px;
}
.popin .droite3{
	width:34%;
	float:left;
	margin-top:15px;
}
.popin .title{
}
.popin .title h2{
	color: #fff;
	font-size:50px;
	line-height:60px;
	text-transform: none;
}
.popin .title h2,
.popin .title h3,
.popin .title p{
	background-color: #a6a6a6;
	padding: 0 15px;
	display: inline;
	float:left;
	clear: both;
	margin:0;
}
.popin .line.title h2{
	margin-bottom:25px;
}
.popin .title h2.color-light,
.popin .title h3.color-light,
.popin .title p.color-light{
	background-color: #cdcdcd;
	padding: 0 15px;
	display: inline;
	float:left;
	clear: both;
	margin:0;
}
.popin .title h3{
	color: #000000;
	font-size:26px;
	line-height:38px;
}
.popin .title p{
	background-color: #7e7774;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	line-height:24px;
}
.popin .col{
	float:left;
	padding: 25px 0 0;
}
.popin .centre .col{
	padding: 0px 0px 0px 0px;
}
.popin .droite .col
{
	margin-left: 4.504504504%;
	width:95.495495496%;
}
.popin .droite2 .col
{
	margin-left: 4.504504504%;
	width:95.495495496%;
}
.popin .droite3 .col
{
	margin-left: 4.504504504%;
	width:95.495495496%;
}
.popin .gauche .col
{
	margin-left: 2.325581395%;
	width:47.674418605%;
}

.popin .gauche .col2
{
	margin-left: 2.325581395%;
	width:97.674418605%;
}
.popin .gauche2 .col
{
	margin-left: 2.325581395%;
	width:47.674418605%;
}
.popin .margeTop1
{
	margin-top: 10px;
}
.popin .gauche3 .col
{
	margin-left: 2.325581395%;
	width:66%;
}
.popin .col h3,.popin .col2 h3,.para1 h3{
	font-size:16px;
	margin-bottom: 15px;
	text-transform:uppercase;
}
.popin .line-title h3{
	font-size: 16px;
	margin-bottom:15px;
	margin-top:12px;
	margin-left:1.5%;
	text-transform:uppercase;
}
.para1 .col a{display:block;}
.popin .intro, .para1 .col .intro{
	color: #000;
	font-size: 16px;
	margin: 0;
	height:auto;
	margin-bottom: 18px;
	line-height:1.2em;
}
.popin li, .para1  li,.para1 p{
	font-size:12px;
	line-height:1.3em;
	color: #626262;
	list-style: disc inside none;
}
.popin ul, .main-list{margin-bottom: 30px;}
.popin ul.no-margin-bot{margin-bottom: 0px;}
.main-list li, .main-list, .para1 p.main-list{
	font-size:14px;line-height: 1.3em;
}
.popin .margeTop{margin-top:292px;}
.para1{
	margin-top:20px;clear:both;
	border-top: 1px solid #9C9E9F;
	padding-top: 20px;
	width:960px;
}
.para1 .col{
	width:31.2925170073%;
	margin-right:2.040816326%;
	float:left;
}
.para1 .col2{
	width:66.66666666666666%;
	margin-right:0%;
	float:left;
}
.para1 .col2 .col{
	width:46.937212864%;
	margin-right:3.062787136%;
}

.noMarge{margin:0;width:33.3333333333333% !important;}

.savoirPlus{width:auto;margin-bottom: 30px;}
#signature img{padding-top:4px;}
.carte{float:left;margin-right:10px;margin-top:20px;}
.coord{
	width:100%;
	margin-right:10px;
	border-top:1px solid #9c9e9f;
	float:left;
	padding-top: 10px;
	margin-bottom: 20px;
	position:relative;
}
.coord.responsable{width:970px;}
.coord .coord{
	margin-bottom:0;
	margin-top: 20px;
	clear:both;
	padding-left:0;
	width:100%;
}
.coord .color{
	display:block;
	background-color:#b6b6b6;
	height:100%;
	width:100%;
}
.coord .color .txt{
	background-color:#fff;
	margin-left:15px;
	padding-left:10px;
}
.coord h3{
	color:#58585a;
	font-size: 18px;
	margin:0;
	text-transform:uppercase;
}
.coord a,.coord span{
	display:block;
	color:#58585a;
	font-size:12px;
	line-height:1.2em;
}
.fancybox-opened .fancybox-skin{
	background-color:#646464;
	background-color: rgba(100,100,100,.7);
}
.baseline{
	font-size:15px;
	line-height:1.2em;
	font-weight:bold;
}
.bloc-lien{
	display: block;
	position: absolute;
	top: 20px;
	right: 15px;
	width: 33%;
}
.bloc-lien span{
	display: block;
	padding: 50px 8px 8px 8px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: -60px;
	line-height: 1.2em;
	z-index: 1;
	position: relative;
}
.bloc-lien img{
	z-index: 2;
	position: relative;
	margin: 0 auto;
	display: block;
}
#infolegal-content{display:none; width:750px;background-color:#fff;min-height:250px;padding:30px; font-size:11px;}

#infolegal-content h3{ font-weight: bold; font-size: 14px; padding: 20px 0 10px;font-size:14;text-transform:uppercase;color:black;}

#infolegal-content h2{clear:both;margin:0;font-size:20px;color:black;font-weight:400;width:66%;}
#infolegal-content p{ color:#333;line-height:1.2em;}
#infolegal-content b{ color:black;}
/*COULEURS*/
.col-txt1,.coord a:hover{color:#089bd5;}
.col-txt2{color:#004e86;}
.col-txt3{color:#80b71b;}

.col-gamme1, .col-gamme1 a{background-color:#cde6f8 !important;}
.col-gamme1 span, .col-gamme1 .title h2, .col-gamme1 .title h3, .col-gamme1 .title .bg-color{background-color:#105EA6 !important;}
.col-gamme1 .main-list li, .col-gamme1 .main-list{color:#004e86 !important;}
a.col-gamme1:hover,.col-gamme1 a.savoirPlus:hover{border-color:#004e86 !important;background-color:#fff !important;}


.col-gamme2, .col-gamme2 a{background-color:#dcecbe !important;}
.col-gamme2 span, .col-gamme2 .title h2, .col-gamme2 .title h3, .col-gamme2 .title .bg-color{background-color:#80b71b !important;}
.col-gamme2 .main-list li,.col-gamme2 .main-list{color:#80b71b !important;}
a.col-gamme2:hover,.col-gamme2 a.savoirPlus:hover{border-color:#80b71b !important;background-color:#fff !important;}

.col-gamme1 span.new, .col-gamme1 .title h2.new, .col-gamme1 .title h3.new,
.col-gamme2 span.new, .col-gamme2 .title h2.new, .col-gamme2 .title h3.new{
	background-color:#ec7e5b !important;
	color:#FFFFFF;}
.col-gamme2 .line-title .new{
	padding: 3px 4px;
}
.col-gamme3,.invitation h4{
	background-color: #ec7e5b !important;
}

.catalogue:hover,.carte-mini:hover{border-color:#467BAC !important;}
.invitation:hover{border-color:#cb5631 !important;}

.popin, .para1, .para1 .col a{background-color: #fff !important;}
#signature span a{
    color: black;
}
#signature span a:hover{color:#004E86;text-decoration:underline}
.fancybox-inner a{background-color: #fff !important; }
/*
 *	Popin des marques
 */
#marques{display: none; }


.show-marques-content {
  background: url(images/show-marques-content-bg.png) no-repeat 0 0;
  padding: 10px 60px 17px 5px;
}
.show-marques-content.hover {
  background-position: 0 -43px;
}
.show-marques-content.ouvert,
.show-marques-content.hover.ouvert {
  background-position: 0px -89px;
}
.home #user {
  width: auto !important;
}
/*header #nav #accessNav, header #nav #favorisNav{z-index: -1; }*/
header #nav #accessNav,
header #nav #favorisNav {
  left: 0;
}
#marques {
  color: #000;
  display: none;
  background-color: white;
  width: 965px;
}
#show-marques {
  font-size: 12px;
}
.marques-content {
  padding: 12px 8px 73px 17px;
  height: 275px;
}
.show-marques-content .pictoBefore:before,
.show-marques-content .pictoBefore .before {
  margin-top: -3px;
}
.marques-content .marques-main {
  background-color: #f2f3f4;
  float: left;
  margin: 20px 12px 24px 11px;
}
.marques-content .marques-main .marque {
  margin-bottom: 0;
}
.marques-content .marques-main .marque.first,
.marques-content .marques-main .marque.first .txt {
  padding-left: 0;
}
.marques-content .marques-main .marque.last,
.marques-content .marques-main .marque.last .txt {
  padding-right: 0;
}
.marques-content .bloc-intro {
  width: 330px;
  padding-left: 11px;
  padding-top: 13px;
  padding-right: 40px;
  float: left;
}
.marques-content img {
  height: auto;
  display: block;
}
.marques-content img:hover {
  cursor: pointer;
}
.marques-content .txt {
  display: block;
  position: absolute;
  height: 65px;
  top: 65px;
  left: 0;
  background-color: #fff;
  color:black;
  padding: 0 8px;
  -webkit-transition: top .3s ease;
  -o-transition: top .3s ease;
  transition: top .3s ease;
}
.marques-content .txt.show {
  top: 0;
}
.marques-content h2 {
  font-size: 27px;
  margin-bottom: 20px;
  line-height: 1.2em;
  font-weight: normal;
}
.marques-content h2 span {
  color: #00b2e7;
  font-weight: normal;
}
.marques-content p {
  font-size: 12px;
  line-height: 1.3em;
}
.marques-content p b {
  background: none;
  display: inline;
  padding: 0;
}
.marques-content .marque {
  position: relative;
  float: left;
  width: 120px;
  padding: 0 8px 0 8px;
  height: 65px;
  /*border-left: 1px solid #616161;*/

  margin-bottom: 18px;
  overflow: hidden;
}
.marques-content .marques-close {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 65px;
  z-index: 500000;
}
.marque h3 {
  /*margin-top: 10px ;*/

  font-weight: bold;
  font-size: 9px;
  display: block;
  line-height: 1.3em;
}
.marque ul a {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  color: #00b2e7 !important;
  line-height: 1.3em;
}
.marque ul a:hover {
  color: black !important;
  text-decoration: underline;
}

/*****************************************************************************
								FORMULAIRE
*****************************************************************************/
form{
	/*text-align: center;*/
	width: 100%;
	margin: 0 auto;
}
form label{
	padding-top: 10px;
	padding-bottom: 2px;
	display: block;
	text-transform: uppercase;
	color: #494848;
}
form input:focus, form textarea:focus{
	background-color: #C4C0C0;
}
input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea,
form input, form textarea{
	display: block;
	width: 100%;
	border: 1px solid #C4C0C0;
	padding: 5px;
	color: #939393;
	font-style: italic;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form #submit{
	width: auto;
	cursor: pointer;
	margin-top: 10px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
form #submit:hover{
	background-color: #089BD5;
	color: #fff;
}
form h1{
	text-transform: uppercase;
	font-size: 14px;
	width: 100%;
	text-align: center;
    margin: 25px 0 15px;
    color: #089BD5;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 992px){

    body #footer .catalogue ,
    body #footer .carte-mini{
  	  margin-bottom: 20px;
    }
}
@media only screen and (max-width: 600px) {

	#header #banner{
		height: auto;
		margin: 0;
	}
	#banner #txtArea{
		position: initial;
	}
	#banner #txtArea .lien{
		width: 100%;
	}
	#banner .slide,
	#banner #degrader,
	#banner #txtArea > a,
	#banner #txtArea p{display: none !important;}
	#banner #txtArea .lien .marques{
		margin: 0;
		text-align: left;
		padding-left: 10px;
	}
	.marques-content .bloc-intro,
	#marques{
		width: 100%;
	}
	.marques-content{
		padding: 10px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}
	
	.marques-content .bloc-intro{
		padding: 0;
		margin-bottom: 20px;
	}
	.marques-content h2{
		font-size: 16px;
	}
	.marques-content .marques-main{
		margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	}
	.marques-content .marque{
		margin-bottom: 0;
    flex-grow: 1;
    flex-basis: 50%;
    width: 50%;
		padding: 0;
		background-color: #f2f3f4;
	}
	.marques-content .marque img{
		margin: 0 auto;
	}
	.marques-content .txt{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	}
	

  .content .wrapper img + .title-inline{
	  /* position: relative; */
	  bottom: 0;
	  margin: 0px;
  }
  .content .title-inline span{
	  font-size: 30px;
	  padding: 5px 25px;
  }
  .content .title-inline small{
	  font-size: 10px;
  }
  .content .title-inline-wrapper{
	  overflow: hidden;
	  margin-top: 15px;
  }
  .content .title-inline-wrapper img{
	  /* position: absolute;
	  bottom: 0;
	  left: 0; */
	  width: auto;
	  height: 100%;
  }
  #signature{
	  text-align: center;
  }
  #signature span{
	  float: none;
	  width: 100%;
  }
  #signature #signatureLogo{
	  float: none;
	  margin-top: 5px;
  }
  #header .tagline{
	  font-size: 13px;
	  line-height: 1.3em;
	  color: #a4a4a4;
  }
  #header .retour img{padding: 8px 8px 0 0;}
}