/*
╭━━━━━━━━━━━━╯ Karimba.net ╰━━━━━━━━━━━━╮
	Feuille de styles principale
 __________________________________________________________ 
	© 2019 https://www.karimba.net
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700&display=swap');
body {
	background: #FFF;
	color: #3E3C3C;
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

a {color:#3E3C3C;}
a:hover, a:active, a:focus {color:#AF1917;}
a:focus {outline: none;}

.maxwidth {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width : 1200px) {
	.KResp {font-size: 32px;}
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #AF1917;
	overflow: hidden;
	z-index: 5;
	border-bottom: 1px solid #FFF;
}
header .maxwidth {
	transition: max-width 0.3s ease, padding 0.3s ease;
}
header h1 {
	position: absolute;
	top: 0;
	left:0;
}
header h1 a {
	display: block;
	width: 1.8em;
	height: 1.8em;
	overflow: hidden;
	transition: all 0.3s ease;
}
header h1 a img {
	display: block;
	position: relative;
	background: #000;
	width: 1.8em;
	height: 1.8em;
	transition: all 0.3s ease;
}
header h1 a:hover img,
header h1 a:focus img {
	filter: saturate(1.5);
	transform: scale(1.05);
}
header .mobtel {display: none;}
header nav {
	line-height: 3.5em;
    margin: 0 0 0 auto;
	transition: line-height 0.3s ease,max-width 0.3s ease;
}
header nav ul {
	display: table;
    width: 100%;
    padding-left: 4em;
    transition: padding 0.5s ease;
}
header nav ul li {
	display: table-cell;
	font-size: 0.55em;
	font-weight: 600;
	text-align: center;
}
header nav ul li a,
header nav ul li a:visited {
	position: relative;
	color: #FFF;
	padding: 3em 0.5em;
	vertical-align: middle;
	white-space: nowrap;
}
header nav ul li.menu a,
header nav ul li.menu a:visited {
	 -webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		  -o-transition: background 0.3s ease;
			 transition: background 0.3s ease;
}
header nav ul li.menu a:hover,
header nav ul li.menu a:focus {
	background: rgba(0,0,0,0.2);
	color: #FFF;
	text-shadow: 0 0 0.05em #FFF, 0 0 0.05em #FFF, 0 0 0.4em rgba(0,0,0,0.5);
}
header nav ul li.selected a:before {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	bottom:2.5em;
	width:0;
	height:0;
	margin-left: -0.5em;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-top: 0.4em solid #FFF;
}
header nav ul li.selected a:hover,
header nav ul li.selected a:focus {
	background: transparent;
	text-shadow: none;
	cursor: default;
}

header nav ul li.tel a,
header nav ul li.tel a:visited {
	font-size: 1.6em;
	font-weight: 700;
}
header nav ul li.tel a:before,
header .mobtel:before,
header nav ul li.connect a span:before {
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
header nav ul li.tel a:before,
header .mobtel:before {
	width: 0.6em;
	height: 0.8em;
	top:-0.05em;
	margin-right: 0.1em;
	background: transparent url(../img/picto-telephone.png) no-repeat center;
	background-size: contain;
	filter: drop-shadow(0 0 0.3px #FFF) drop-shadow(0 0 0.3px #FFF);
}
header nav ul li.tel a:hover,
header nav ul li.tel a:focus {
	color: #FFF;
	cursor: default;
}
header nav ul li.connect {text-align: right;}
header nav ul li.connect a,
header nav ul li.connect a:visited {
	font-size: 1.1em;
	padding-right: 0;
}
header nav ul li.connect a span {
	padding: 0.5em 0.8em 0.5em 0.6em;
	border: 1px solid #FFF;
}
header nav ul li.connect a span:before {
	width: 1.2em;
	height: 1.2em;
	top:-0.1em;
	margin-right: 0.5em;
	background: transparent url(../img/picto-connexion.png) no-repeat center;
	background-size: contain;
}
header nav ul li.connect a:hover span,
header nav ul li.connect a:focus span {
	background: rgba(0,0,0,0.2);
	color: #FFF;
}
header nav ul li.espaceclient a {
	font-size: 0.9em;
	color: #FFF;
}
header nav ul li.espaceclient a.accueil {
	position: relative;
	padding-right: 1em;
}
header nav ul li.espaceclient a.accueil:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 1em;
	right: 0;
	top: 50%;
	margin-top:-0.5em;
	border-right: 1px solid #FFF;
}
header nav ul li.espaceclient a:hover,
header nav ul li.espaceclient a:focus {
	text-decoration: underline;
}
header nav ul li.espaceclient.selected a.deconnection:before {display: none;}


@media (min-width : 801px) {
	.scrolled-top-1 header .maxwidth {max-width: 100%;padding: 0;}
	.scrolled-top-1 header nav {
		line-height: 0.95em;
		max-width: 45em;
	}
	.scrolled-top-1 header nav ul {padding-left: 6em;}
	.scrolled-top-1 header h1 a {
		height: 0.55em;
		width: 2.51em;
		border: 0.05em solid #000;
		border-left-width: 0.1em;
		border-right-width: 0.1em;
	}
	.scrolled-top-1 header h1 a img {
		width: 2.8em;
		height: 2.8em;
		top: -1.225em;
		left: -0.25em;
	}
	.scrolled-top-1 header nav ul li a,
	.scrolled-top-1 header nav ul li a:visited {padding: 1em 0.5em;}
	.scrolled-top-1 header nav ul li.selected a:before {
		bottom: 0.8em;
		margin-left: -0.4em;
		border-left: 0.4em solid transparent;
		border-right: 0.4em solid transparent;
		border-top: 0.25em solid #FFF;
	}
	.scrolled-top-1 header nav ul li.tel a,
	.scrolled-top-1 header nav ul li.tel a:visited {top: -0.05em;}
	.scrolled-top-1 header nav ul li.tel a:before {top: -0.1em;}
	.scrolled-top-1 header nav ul li.connect a {font-size: 1em;padding-right: 0;}
	.scrolled-top-1 header nav ul li.connect a span,
	.scrolled-top-1 header nav ul li.connect a:hover span,
	.scrolled-top-1 header nav ul li.connect a:focus span {border: 0;}
}

#main {
	margin-top: 3.5em;
}
p.photocontrat {
	position: fixed;
	bottom: 0;
	left:15px;
	font-size: 9px;
	color: #000;
	opacity: 0.7;
	padding: 2px 5px;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	-webkit-transform-origin: left bottom;
	   -moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
			transform-origin: left bottom;
	z-index: 11;
}
footer {
	z-index: 5;
	background: #000000;
	color: #FFF;
	padding: 2% 0 0;
}
footer .maxwidth {
	font-size: 0.6em;
}

footer ul.cols {
	display: table;
	width: 100%;
}
footer ul.cols li.col {
	display: table-cell;
	vertical-align: top;
	width: 20%;
	padding-right: 8%;
}
footer ul.cols li.col.services,
footer ul.cols li.col.propos {
}
footer ul.cols li.col.contact {
	padding-right: 0;
}

footer ul.cols li.col h4 {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0.6em 0;
}
footer ul.cols li.col li a,
footer ul.cols li.col li a:visited {
    display: block;
	padding: 0.4em 0;
	font-size: 0.8em;
	font-weight: 400;
	color: #C6C6C6;
	 -webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		  -o-transition: all 0.5s ease;
			 transition: all 0.5s ease;
}
footer ul.cols li.col li a:hover,
footer ul.cols li.col li a:focus {
	color: #FFF;
}
footer ul.cols li.col.logo img {
	width: 100%;
	position: relative;
}
footer ul.cols li.col.contact ul {
	padding: 1em 0 0;
}
footer ul.cols li.col.contact li a {
	font-size: 1.2em;
	font-weight: 700;
	padding: 0.6em 0;
}
footer ul.cols li.col.contact li a:before {
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-right: 0.7em;
}
footer ul.cols li.col.contact li.tel a:before {
	width: 0.8em;
	height: 1em;
	top:-0.05em;
	background: transparent url(../img/picto-telephone.png) no-repeat center;
	background-size: contain;
}
footer ul.cols li.col.contact li.mail a:before {
	width: 0.8em;
	height: 0.6em;
	top:-0.05em;
	background: transparent url(../img/picto-email.png) no-repeat center;
	background-size: contain;
}

footer p.copyright {
	margin-top: 2%;
	text-align: center;
	font-size: 0.7em;
	padding: 1em;
	color: #C6C6C6;
}


#main h2 {display: none;}
#main h3 {
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
	margin: 0 auto 1em;
	color: #AF1917;
}
#main h3 em {
	font-weight: 400;
	font-style: normal;
}
#main h3 small {
	display: block;
	font-weight: 200;
	color:#3E3C3C;
}

@media (max-width : 800px) {
	#main h3 {font-size: 1.3em;}
}
@media (max-width : 600px) {
	#main h3 {font-size: 1.5em;}
}

.savoirplus,
.savoirplus:visited {
	position: relative;
	display: inline-block;
	padding: 0.5em 4em;
	border: 1px solid #AF1917;
	font-weight: 700;
	overflow: hidden;
	z-index: 0;
	color: #AF1917;
}
.savoirplus,
.savoirplus:after {
	 -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
			 transition: all 0.3s ease;	
}
.savoirplus:after {
	content: "";
	display: block;
	position:absolute;
	z-index: -1;
	right:110%;
	top:50%;
	margin-top: -800px;
	width:0;
	height:0;
	border-top: 800px solid transparent;
	border-bottom: 800px solid transparent;
	border-left: 800px solid #AF1917;
}
.savoirplus:hover,
.savoirplus:focus {
	color: #FFF;
}
.savoirplus:hover:after,
.savoirplus:focus:after {right: -30%;}

.ptable {
	width: 100%;
	font-size: 0.45em;
	border: 1px solid #3E3C3C;
	background: #FFF;
	box-shadow: 0 0.1em 0.8em rgba(0,0,0,0.2);
}
.ptable th,
.ptable td,
.ptable td.bouton a {
	padding: 0.2em 0.4em;
}
.ptable th,
.ptable td {
	border: 1px solid #CCC;
}
.ptable th {
	background: #AF1917;
	color: #FFF;
	font-weight: 600;
	border-color: #7F0000;
}
.ptable td.bouton {padding: 0;}
.ptable td.bouton a,
.ptable td.bouton a:visited {
	display: block;
	width: 100%;
	text-align: center;
	color: #AF1917;
	 -webkit-transition: background-color 0.2s ease;
		-moz-transition: background-color 0.2s ease;
		  -o-transition: background-color 0.2s ease;
			 transition: background-color 0.2s ease;
}
.ptable td.bouton a:hover,
.ptable td.bouton a:focus {
	background-color: #62AD23;
	color: #FFF;
}
.ptable tr.nodata td {
	padding: 1em;
	font-style: italic;
	color: #888;
}

.panel {
	background: #FDF1E4;
	margin-bottom: 0.5em;
}
.panel .content {
	padding: 0.5em;
}
.panel .title {
	position: relative;
	background: #BFE59E;
	padding: 0 10em 0;
	line-height: 2em;
	height:2em;
	color: #3A7C00;
}
.panel .title:hover,
.panel.opened .title {
	background: #62AD23;
	color: #FFF;
}
.panel .title .opener {
	display: block;
	position: absolute;
	top: 0.4em;
	left: 1.6em;
	width: 1.2em;
	height: 1.2em;
	background: transparent url(../img/fleche-2-bas.png) no-repeat center;
	background-size: contain;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.panel.opened .title .opener {
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
			transform: rotate(0deg);
}
.panel .title:hover .opener,
.panel.opened .title .opener {
	filter: brightness(2);
}
.panel .title h4 {
	font-size: 1.2em;
	font-weight: 400;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.panel.opened .title h4 {font-weight: 600;}
.panel .title h4 strong {font-weight: 700;}
.panel .title a.modif {
	position:absolute;
	display: block;
	top: 0;
	right: 0;
	color: #3A7C00;
	font-size: 0.8em;
	padding: 0 1.6em;
}
.panel .title:hover a.modif {
	color: #FFF;
}
.panel .title a.modif:hover,
.panel .title a.modif:focus {
	color: #000;
	text-decoration: underline;
}
.panel.opened .title a.modif {
	display: none;
}


.KFormsBloc .KFormLabel {
	display: block;
	font-size: 0.9em;
	font-weight: 600;
}
.KFormsBloc .KFormInput input,
.KFormsBloc .KFormInput textarea {
	display: block;
	width: 100%;
	margin: 0.2em 0 0.5em;
	padding: 0.3em 0.5em;
	border: 1px solid transparent;
}
.KFormsBloc .KFormInput textarea {min-height: 4em;}
.KFormsBloc .KFormInput input:focus,
.KFormsBloc .KFormInput textarea:focus {
	outline: none;
	border: 1px solid #AF1917;
}
.KFormsBloc .kbout1 {
	position: relative;
    display: inline-block;
    padding: 0.5em 4em;
    border: 1px solid #AF1917;
    font-weight: 700;
    overflow: hidden;
    z-index: 0;
    color: #AF1917;
	background: transparent;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.KFormsBloc .kbout1:hover,
.KFormsBloc .kbout1:focus {
	background: #AF1917;
	color: #FFF;
	outline: none;
}
.KFormOption {margin-right: 2em;}
.KFormOption input {visibility: hidden;margin-right: 0.5em;}
.KFormElemCheckbox input {display:none;}
.KFormOption label {
	color: #AF1917;
	font-weight: 600;
}
.KFormFancyBox {
	top: 0.15em;
	border: 1px solid #AF1917;
	background-color: #FFF;
	background-size: 0% 100%;
	 -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
			 transition: all 0.3s ease;
}
.KFormChecked .KFormFancyBox {
	background-image: url(../img/checkbox.png);
	background-size: 100% 100%;
}

.KFormEdited .KFormFancyBox {border-color: #62AD23;}
.KFormError .KFormFancyBox {border-color: #AF1917;}


span.KFormErrorInfo {
	background: #AF1917;
	color: #FFF;
	margin-bottom: 0.5em;
}
span.KFormErrorInfo a.KFormErrorClose {
	top: 0.4em;
	filter: brightness(10);
}

section.cta-inscription {
	background: #AF1917;
	color: #FFF;
	padding: 3% 0;
}
section.cta-inscription .maxwidth {
	display: table;
	font-size: 0.7em;
}
section.cta-inscription .col {
	display: table-cell;
	vertical-align: middle;
	width: 42%;
}
section.cta-inscription .col.texte {
	text-align: right;
}
section.cta-inscription .col.fleche {
	width: 16%;
	padding: 0 4%;
	text-align: center;
}
section.cta-inscription .col.fleche ul {white-space: nowrap;}
section.cta-inscription .col.fleche ul li {
	display: inline-block;
	position: relative;
}
section.cta-inscription .col.fleche ul img {
	width: 1em;
}
section.cta-inscription .col.fleche ul li.fl1 {opacity: 0.3;}
section.cta-inscription .col.fleche ul li.fl2 {opacity: 0.6;}

@keyframes fleche1-1 {
	0% {opacity: 1;left:0;}
   60% {opacity: 1;left:0;}
   70% {opacity: 0;left:0.3em;}
  100% {opacity: 1;left:0;}
}
@keyframes fleche1-2 {
	0% {opacity: 1;left:0;}
   30% {opacity: 1;left:0;}
   40% {opacity: 0;left:0.3em;}
   70% {opacity: 1;left:0;}
  100% {opacity: 1;left:0;}
}
@keyframes fleche1-3 {
	0% {opacity: 1;left:0;}
   10% {opacity: 0;left:0.3em;}
   40% {opacity: 1;left:0;}
  100% {opacity: 1;left:0;}
}

section.cta-inscription:hover .col.fleche ul li.fl1 {animation: fleche1-1 0.5s ease infinite;}
section.cta-inscription:hover .col.fleche ul li.fl2 {animation: fleche1-2 0.5s ease infinite;}
section.cta-inscription:hover .col.fleche ul li.fl3 {animation: fleche1-3 0.5s ease infinite;}


section.cta-inscription .col.bouton a,
section.cta-inscription .col.bouton a:visited {
	display: inline-block;
	padding: 0.4em 3em;
	font-weight: 600;
	color: #FFF;
	border: 1px solid #FFF;
}
section.cta-inscription .col.bouton a:hover,
section.cta-inscription .col.bouton a:focus {
	background: rgba(0,0,0,0.2);
	color: #FFF;
}

section.plus {
	background: #FDF1E4;
	padding: 2% 0;
}
section.plus .maxwidth ul {
	display: table;
	width: 100%;
}
section.plus .maxwidth li {
	display: table-cell;
	vertical-align: top;
	width: 20%;
	padding: 0 2.5%;
	text-align: center;
}
section.plus .maxwidth li img {
	display: block;
	width: 35%;
	margin: 0 auto 0.1em;
}

@keyframes pluspicto-0 {
	0% {transform: scale(0) rotate(-90deg);}
   50% {transform: scale(1) rotate(0);}
}
@keyframes pluspicto-1 {
	0% {transform: scale(0) rotate(-90deg);}
   10% {transform: scale(0) rotate(-90deg);}
   60% {transform: scale(1) rotate(0);}
}
@keyframes pluspicto-2 {
	0% {transform: scale(0) rotate(-90deg);}
   20% {transform: scale(0) rotate(-90deg);}
   70% {transform: scale(1) rotate(0);}
}
@keyframes pluspicto-3 {
	0% {transform: scale(0) rotate(-90deg);}
   30% {transform: scale(0) rotate(-90deg);}
   80% {transform: scale(1) rotate(0);}
}
@keyframes pluspicto-4 {
	0% {transform: scale(0) rotate(-90deg);}
   40% {transform: scale(0) rotate(-90deg);}
   90% {transform: scale(1) rotate(0);}
}

section.plus .maxwidth li img.kViewHide {
	transform: scale(0) rotate(-90deg);
}
section.plus .maxwidth li img.kViewPartial {
	animation: pluspicto 1s cubic-bezier(.16,.1,.29,1.28);
	transform: scale(1) rotate(0);
}
section.plus .maxwidth li.rennes     img.kViewPartial {animation-name:pluspicto-0;}
section.plus .maxwidth li.commande   img.kViewPartial {animation-name:pluspicto-1;}
section.plus .maxwidth li.livraison  img.kViewPartial {animation-name:pluspicto-2;}
section.plus .maxwidth li.urgence    img.kViewPartial {animation-name:pluspicto-3;}
section.plus .maxwidth li.recyclable img.kViewPartial {animation-name:pluspicto-4;}

section.plus .maxwidth li h6 {
	font-size: 0.5em;
	line-height: 1.1em;
	margin-bottom: 0.2em;
}
section.plus .maxwidth li p {
	font-size: 0.4em;
	line-height: 1.2em;
}


@keyframes menuopen {
	0% {opacity: 0;height: 0em;}
  100% {opacity: 1;height: 2.5em;}
}

@media (max-width : 1000px) {
	section.plus .maxwidth li {padding: 0 1%;}
	section.plus .maxwidth li h6 {font-size: 0.6em;}
	section.plus .maxwidth li p  {font-size: 0.5em;}
	footer ul.cols li.col {padding-right: 2%;}
	footer ul.cols li.col.logo img {width: 80%;}
	footer ul.cols li.col li a,
	footer ul.cols li.col li a:visited {font-size: 1em;}
	.KFormsBloc {font-size: 1.2em;}
}
@media (max-width : 800px) {
	#main {margin-top: 0;}
	header {min-height: 70px;position: relative;font-size: 15px;}
	header h1 a,header h1 a img {width: 70px;height: 70px;}
	header a.burger {
		display: block;
		position: absolute;
		width: 70px;
		height: 70px;
		top: 0;
		right: 0;
		z-index: 20;
	}
	header a.burger .line {
		display: block;
		position: absolute;
		right:21px;
		width: 36px;
		height: 6px;
		background: #FFF;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		 -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			  -o-transition: all 0.5s ease;
				 transition: all 0.5s ease;
	}
	header a.burger .line1 {top:21px;}
	header a.burger .line2 {top:32px;}
	header a.burger .line3 {top:43px;}
	
	header nav {display: none;position: relative;}
	header nav ul {
		padding: 0 0 20px;
		display: block;
	}
	header nav ul li {
		display: block;
		font-size: 22px;
		text-align: center;
	}
	header nav ul li.tel {display: none;}
	header nav ul li a,
	header nav ul li a:visited,
	header nav ul li.espaceclient a.accueil,
	header nav ul li.espaceclient a.accueil:visited {
		display: block;
		padding: 0;
	}
	header nav ul li.selected a:before {display: none;}
	header nav ul li.connect a {font-size: 1em;margin-top:10px;}
	header nav ul li.connect a span {
		display: block;
		padding: 0;
		width: 14em;
		text-align: center;
		margin: 0 auto;
	}

	header.opened {overflow: visible;}
	header.opened .maxwidth {padding: 0;}
	header .mobtel {
		display: block;
		color: #FFF;
		text-align: center;
		font-weight: 700;
		line-height: 70px;
		font-size: 1.8em;
	    margin: 0 50px;
	}

	header.opened a.burger .line1,
	header.opened a.burger .line3 {
		top:32px;
	}
	header.opened a.burger .line2 {
		width: 6px;
		right: 36px;
	}
	header.opened a.burger .line1 {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	header.opened a.burger .line3 {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	header.opened nav {
		display: block;
	}
	header.opened nav ul li a {
		animation: menuopen 0.5s ease;
	}
	section.plus .maxwidth li img {width: 50%;}
	section.plus .maxwidth li h6 {font-size: 0.8em;}
	section.plus .maxwidth li p  {font-size: 0.7em;}
	footer ul.cols li.col.logo,
	footer ul.cols li.col.services {width: 15%;}
	footer ul.cols li.col.logo img {width: 100%;}
	footer ul.cols li.col li a,
	footer ul.cols li.col li a:visited {font-size: 1.2em;padding: 0.2em 0;}
	footer ul.cols li.col.contact li a {font-size: 1.8em;padding: 0.3em 0;white-space: nowrap;}
	footer p.copyright {font-size: 10px;}
	.KFormsBloc {font-size: 1.4em;}
	.panel .title .opener {left:0.6em;}
	.panel .title a.modif {font-size: 0.9em;padding: 0 0.5em;}

}
@media (max-width : 600px) {
	.carre1,.carre2,.carre3,.carre4,.carre5 {display: none;}
	section.plus .maxwidth li {
		display: table;
		width: 100%;
		padding: 1% 0;
	}
	section.plus .maxwidth li img {
		display: table-cell;
		width: 50px;
		margin: 0 20px 0 0;
	}
	section.plus .maxwidth li div.texte {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		width: 100%;
	}
	section.plus .maxwidth li h6 {font-size: 15px;}
	section.plus .maxwidth li p  {font-size: 12px;}
	footer ul.cols {display: block;}
	footer ul.cols li.col.logo {display: none;}
	footer ul.cols li.col.services {display: inline-block;width: 50%;}
	footer ul.cols li.col.propos {display: inline-block;width: 48%;}
	footer ul.cols li.col.contact {
		display: block;
		width: 100%;
		margin-top: 25px;
	}
	footer ul.cols li.col h4 {
		font-size: 16px;
		margin: 0 0 13px;
	}
	footer ul.cols li.col li a, footer ul.cols li.col li a:visited {
		font-size: 14px;
		padding: 0.6em 0;
	}
	footer ul.cols li.col.contact ul {padding: 0;display: table;width: 100%;}
	footer ul.cols li.col.contact li {display: table-cell;width: 50%;}
	footer ul.cols li.col.contact li a {font-size: 20px;}
	.KFormsBloc {font-size: 26px;}
	.panel .title {
		padding: 0 10em 0 2.5em;
		text-align: left;
	    line-height: 3em;
		height: 3em;
	}
	.panel .title .opener {top:1em;}
}
@media (max-width : 400px) {
	header .mobtel {font-size: 22px;}
	header.opened nav ul li.connect a span {width: 100%;border: none;}
	section.cta-inscription .maxwidth {display: block;font-size: 13px;}
	section.cta-inscription .col {display: block;text-align: center;width: 100%;}
	section.cta-inscription .col.texte {text-align: center;padding-bottom: 3%;}
	section.cta-inscription .col.fleche {display: none;}
	footer {padding: 5% 0 2%;}
	footer ul.cols li.col.services {width: 40%;}
	footer ul.cols li.col.propos {width: 58%;}
	footer ul.cols li.col.contact h4 {display: none;}
	footer ul.cols li.col li a,
	footer ul.cols li.col li a:visited {font-size: 13px;}
	footer ul.cols li.col.contact li {display: block;width: 100%;text-align: center;}
	.KFormsBloc .kbout1 {padding: 0.5em;}
	.panel .title {
		padding: 0.5em 5em 0.5em 2em;
		line-height: 1.3em;
		height: auto;
		min-height: 30px;
	}
	.panel .title .opener {top: 8px;left: 4px;}
	.panel .title h4 {overflow: visible;text-overflow: inherit; white-space: normal;}
	.panel .title h4 strong {display: block;font-size: 12px;line-height: 1em;}
}


/* ╰━━┅┉┈  © KARIMBA.NET - www.karimba.net  ┈┉┅━━╯ */