#top, #top1
{
	background: #fcd400;
	/* background: linear-gradient(37deg, rgba(255,212,0,1) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 54%, rgba(255,212,0,1) 100%); */
	border-bottom: 0;
}

#top
{
	height: 410px;
	padding-bottom: 20px;
}

#bottom
{
	background: transparent;
	/* background: rgb(203,203,203);
	background: linear-gradient(37deg, rgba(203,203,203,1) 0%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 54%, rgba(171,171,171,1) 100%); */
}

#bottom .fi
{
	background: transparent;
	max-width: 100%;
}

#bottom .catalogue
{
	padding: 5px 0px ! important;
}

.bannerh .slick-slider
{
	margin-bottom: 0 ! important;
}

#foot
{
  padding:20px 0;
}

#top .formsch
{
	margin-top: 30px;
}

#top .formsch h4, #top .formsch form
{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#top .formsch h4
{
	background-color: transparent;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 10px;
}

#top .formsch h4 span
{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px 20px;
	background-color: #0078A0;
}

#top .formsch form label
{
	margin-bottom: 5px;
}

#top .imgcov
{
	display: block;
	margin: 4px auto 0;
	width: 200px;
	height: auto;
}

#top .formsch form input.subm
{
	margin-top: 25px;
}

#bottom .prods
{
	padding-bottom: 20px;
}

#bottom .small-block-grid-2 p
{
	padding-top: 5px;
}

#bottom .prods p
{
	color: #000 ! important;
}

#bottom ul li
{
	font-size: 0.9em;
}

#top1
{
	height: 45px;
}

#socialModal1 input, #socialModal1 textarea
{
	color: #222;
}

.fi h1
{
	font-size: 1.2em;
}

#bottom .fi h1, .fi h1, #bottom h1.comme
{
	margin-top: 20px;
	font-size: 1.5em;
	margin-bottom: 0;
	padding: 5px;
	padding-left: 12px;
	background: url("/img/puce.png") 0 50% no-repeat;
	line-height: 25px;
}

#bottom h1.comme
{
	font-size: 1.6em;
}

#bottom .comme1 h2
{
	font-size: 16px;
	text-align: center;
	color: #444;
	border: 0;
	background-color: transparent;
	padding-top:10px;
	border-top: 1px solid #DDD;
}

#bottom .comme1 h2 a
{
	color: #444;
	transition: color 0.5s ease;
}

#bottom .comme1 h2 a:hover
{
	color: #007095;
	
}

#bottom .comme1 > div > div
{
	overflow:hidden;
	height:152px;
}

#bottom .comme1 > div
{
	height: 100%;
	border: 1px solid #999;
	background-color: #EEE;
	transition: border 0.5s ease;
	margin: 10px;
}

#bottom .comme1 > div:hover
{
	border: 1px solid #007095;
}

#bottom .comme1
{
	text-align: center;
	margin-bottom: 10px;
}

.fi h4
{
	font-size: 1.1em;
	margin: 10px 0;
	font-weight: bold;
}

#bottom .fi p
{
	line-height: 1.3em;
}

h5.titreslick
{
  font-size: 1rem;
  margin-top: 20px;
  color: #666;
}

#bottom .slick img
{
  border-radius: 0;
  border: 0;
}

.slick-prev::before, .slick-next::before
{
	color: #666;
	font-size: 26px;
}

.slickprod button
{
	background-color: transparent;
}

.slick-prev:hover::before, .slick-next:hover::before
{
	color: #007095;
}

.slick-prev, .slick-next
{
	height: 26px;
	width: 26px;
	margin-top: -13px;
	background-color: transparent;
	transition: background-color,opacity 1s;
}

.slick-prev:hover, .slick-next:hover
{
	background-color: transparent;
	transition: background-color,opacity 1s;
}

.slick-disabled, .slick-disabled:hover, .slick-disabled:hover::before
{
	background-color: transparent;
	cursor: pointer;
}

.imgsl .slick-dots
{
  bottom: -20px;
}

.toutform select.memSelect
{
	height: 2.1rem;
}

#bottom .vid {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
#bottom .vid iframe, #bottom .vid object, #bottom .vid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#bottom .autrinf
{
	padding: 10px;
	background-color: #EEE;
	margin-bottom: 10px;
}

#bottom .autrinf p
{
	margin-bottom: 10px;
}

#bottom ul.activi li
{
	margin-bottom: 10px;
}

@media screen and (min-width: 780px) {
	#top .top-bar-section > ul > li
	{
		width: 16.58%;
	}
	
}

@media screen and (max-width: 640px) {
  #top .imgcov {
    max-width:90%;
		margin-bottom: 20px;
  }
	
	#top
	{
		height: auto;
		max-width: 100%;
		padding-bottom: 20px;
	}
	
	#top .top-bar-section > ul > li a
	{
		padding: 5px;
	}
	
	#top .formsch h4
	{
		font-size: 1.1em;
		line-height: 1.1;
		margin-bottom: 12px;
	}
	
}

.gg-edit-unmask,
.gg-edit-unmask::after {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 22px;
    vertical-align: top;
}

.gg-edit-unmask {
    position: relative;
    --ggs: 0.6;
    transform: scale(var(--ggs,1));
    width: 15px;
    height: 10px;
    border: 2px solid transparent
}

.gg-edit-unmask::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: currentColor;
    top: 6px;
    left: 6px;
    box-shadow:
        0 7px 0 1px,
        0 -7px 0 1px,
        -7px 0 0 1px,
        7px 0 0 1px
}

.gg-shape-circle {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    --ggs: 0.6;
    transform: scale(var(--ggs,1));
    width: 25px;
    height: 16px;
    border: 3px solid;
    border-radius: 100px;
    vertical-align: top;
}