@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700|Open+Sans:400,700);
/*
	font-family: 'Open Sans', sans-serif;
	font-family: 'Nunito', sans-serif;
*/

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> header top */
/* >>> logo header */
/* >>> header / rassurance */
/* >>> menu principal */
/* >>> menu > pièces détachées */
/* >>> header panier / compte */
/* >>> header compte authentification */
/* >>> header fixe */
/* >>> Menu Hamburger */


/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */


/* > CONTENT GLOBALS
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> boutons */
/* >>> thumbnails */


/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> headings pages ----------------------------------------------- */
/* >>> heading > marques ---------------------------------------------- */
/* >>> pagination ----------------------------------------------------- */
/* >>> formulaires ---------------------------------------------------- */

/* > ACCUEIL -------------------------------------------------------- */
/* >>> accueil > heading  */
/* >>> accueil > moteur de recherche */
/* >>> accueil > encarts */
/* >>> accueil > présentation */
/* >>> contact / FAQ */

/* > ARTICLES & BOUTIQUE 
------------------------------------------------------------------------------------------------------- */
/* >>> hash hack width offset --------------- */
/* >>> categories commons ------------------- */
/* >>> catégories pages --------------------- */
/* >>> sous-catégories pages ---------------- */
/* >>> sous-sous-catégories pages ---------------- */
/* >>> marques ------------------------------ */
/* >>> articles commons --------------------- */
/* >>> articles > slider -------------------- */
/* >>> article fiche -------------------------- */
/* >>> articles fiche > content */
/* >>> article fiche > caracteristique */
/* >>> article-fiche enfants ------------------------------ */

/* > FANCYS
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> common */
/* >>> fancy conseils */
/* >>> Fancy > ajout panier */
/* >>> Fancy > devis */

/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> Aside compte */
/* >>> encart compte */
/* >>> Newsletter */
/* >>> chat widget */
/* >>> footer infos */
/* >>> menu footer */

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */
* {
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
form *:focus { outline:none }

body {
    font-family: 'Nunito', sans-serif;
	background-color:#fff;
	line-height:1.4em;
	font-size: 14px;
	color:#000;
}
h1 {
	font-family: 'Nunito', sans-serif;
	font-weight:700;
	font-size:32px;
	color:#1ca9e3;
	margin:0 0 30px;
}
h1 em {
	display:block;
	font-style:normal;
	font-weight:normal;
	font-size:0.6em;
	color:#005999;
}
h2 {
	font-family: 'Nunito', sans-serif;
	line-height:1.2em;
	font-weight:700;
	font-size:24px;
	color:#1ca9e3;
	margin:0 0 30px 0;
}

h3 {
	font-family: 'Nunito', sans-serif;
	position:relative; font-size:16px;
	color:#1ca9e3; margin:0 0 20px 0;
	line-height:1.2em;
	font-weight:700;
}

h4 { }

p {
	margin:0 0 20px 0;
	line-height:1.2em;
	font-size:14px;
}

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	background-color:#fff;
	width:100%; z-index:100;
	-webkit-box-shadow: #000 0 0 10px;
	-ms-box-shadow: #000 0 0 10px;
	box-shadow: #000 0 0 10px;
}
.header-log { 
	background-color: #1ca9e3; 
	color:#fff; 
}
.header-log .content_row {
	margin: 0 auto;
	padding: 5px 20px;
	max-width: 1240px;
	line-height: 15px;
	font-size: 12px;
}
.header-log .text-left { font-weight:700 }
.header-log .text-right strong { font-size:1.1em; }
.header-log .dispo-user {
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-size:11px;
}
.dispo-user [class^="ico-dispo"] {
	display:inline-block;
	vertical-align:middle;
	width:10px; height:10px;
	border-radius:50%;
	margin-right:5px;
}
.dispo-user .ico-dispo-1 { background-color:#86d551 }
.dispo-user .ico-dispo-2 { background-color:#fc1843 }

/* >>> header top */
#header-top {
	background: #1ca9e3;
	font-size: 13px;
	color: #fff;
}
.header-top_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	margin: 0 auto;
	max-width: 1440px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.cartouche-tel {
	display: inline-block;
	text-align:center;
	background-color:#e2001a;
	border-radius: 30px;
	line-height:14px;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 12px;
	color :#fff;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-transition:background-color .3s ease-out, color .3s ease-out;
	-o-transition:background-color .3s ease-out, color .3s ease-out;
	transition:background-color .3s ease-out, color .3s ease-out;
}
.cartouche-tel:hover { background-color:#005999 }
.cartouche-tel strong,
.cartouche-tel span { display:block; }
.cartouche-tel strong {
	margin:0;
	font-size:1.4em;
	font-weight:700;
}
#header-top .cartouche-tel { 
	display: none;
	border-radius: 0;
	height: 50px;
}
.header-top_content__left {
	font-size: 16px;
	font-weight: 700;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding-left: 20px;
}
.header-top_content__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.header-top_content__right li {
	text-align: center;
	padding-left: 10px;
	margin-left: 5px;
	background: 0 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4px' height='4px'%3E%3Cpath fill-rule='evenodd' fill='rgb(147, 203, 67)' d='M2.000,-0.000 C3.105,-0.000 4.000,0.895 4.000,2.000 C4.000,3.105 3.105,4.000 2.000,4.000 C0.895,4.000 -0.000,3.105 -0.000,2.000 C-0.000,0.895 0.895,-0.000 2.000,-0.000 Z'/%3E%3C/svg%3E");
}
.header-top_content__right li:first-child {
	background: none;
	padding: 0;
	margin: 0;
}
.header-top_content__right > span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.header-middle {
	position:relative;
	padding: 10px 10px;
	background:url(../images/decoration/menu_shadow.gif) center bottom repeat-x; 
	height: 220px;
	z-index: 2;
}
.connected .header-middle { height: 180px; }
.header-middle_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 1440px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20% 0 0;
}
.header-middle_title {
    padding: 0 5%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.header-middle_title img {
	max-width: 200px;
	width: 90%;
}
/*
.header-middle_title h1,
.header-middle_title div {
	max-width: 180px;
	text-transform: uppercase;
	font-family: 'Nunito', sans-serif;
	line-height: 1.2em;
    font-weight: 700;
    font-size: 22px;
    color: #005999;
	margin: 0;
}
*/
	
/* >>> logo header */
#logo-header { 
	margin: 0;
	max-width: 20%;
	padding: 0 15px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
#logo-header img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: -0.7em auto 0;
}
a#logo-header { 
	display: block;
}
a#logo-header span,
a#logo-header img {
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
a#logo-header:hover img {
	-webkit-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9);
}

/* >>> header / rassurance */
#header-rassurance {
	padding: 0 30px;
	max-width: 390px;
	max-height: 140px;
	background-size:auto 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
    height:100%;
}
.header-rassurance_item {
	border-radius: 20px;
	background-color: #e3f3ff;
	text-align: center;
	max-width: 150px;
	margin: 0 10px;
	padding: 20px 10px 12%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 50%;
	-webkit-box-flex: 33%;
	    -ms-flex: 33%;
	        flex: 33%;
}
.header-rassurance_item.it1 { background-image: url(../../images/header_1.png); }
.header-rassurance_item.it2 { background-image: url(../../images/header_2.png); }
.header-rassurance_item.it3 { 
	background-image: url(../../images/header_3.png);
	display: none;
}
.connected .header-rassurance_item.it3 { display: block; }
.connected #header-rassurance { max-width: 560px }
.header-rassurance_item span {
	display: block;
	font-weight: 700;
	line-height: 1.1em;
	font-size: 14px;
	color: #005999
}
.header-rassurance_item strong {
	font-weight: 700;
	line-height: 1.4em;
	font-size: 15px;
	color: #005999
}
.header-rassurance_item strong a {
	font-size: 16px;
	color: #e2001a;
}

/* >>> menu principal */
#menu {
	z-index: 1;
	display: block;
	position: relative;
	width:100%;
}
#menu > ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*max-width: 1440px;*/
	margin: 0 auto;
}
#menu > ul > li {
	height: 70px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	border-radius: 20px 20px 0 0;
	-webkit-box-shadow: rgba(0,0,0,.15) 4px 0 6px;
	        box-shadow: rgba(0,0,0,.15) 4px 0 6px;
	-webkit-transition:background-color .2s linear, color .2s linear;
	-o-transition:background-color .2s linear, color .2s linear;
	transition:background-color .2s linear, color .2s linear;
}
#menu > ul > li.hidden-connected { display: none; }
#menu > ul > li.visible-connected { color: #f93e0d; }
#menu > ul > li:last-child {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#menu > ul > li:first-child { border-top-left-radius: 0; }
#menu > ul > li:last-child { border-top-right-radius: 0; }
#menu > ul > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	font-size: .875em;
	font-weight: 700;
	text-align: center;
}
#menu > ul > li.active { color: #e2001a }
#menu > ul > li:hover,
#menu > ul > li:hover.active { 
	/*background-color:#1ca9e3; */
	color: #1ca9e3;
}
#menu > ul > li > a span {
	position: relative;
	display: inline-block; 
	vertical-align: middle;
	max-width: 200px;
	/*max-width: 120px;*/
	line-height: 1.2em; 
} 
#menu > ul > li:nth-child(2),
#menu > ul > li:first-child { background-image: none; }

/* >>> sous menu */
#menu .sous-menu {
	background:url(../images/decoration/shadow_bottom.png) left top repeat-x;
	background-size:100% 5px;
	display:none; color:#fff;
	background-color:#fff;
	left:0; width:100%;
	position:absolute;
	padding:0 20px;
}
#menu .sous-menu:after {
	content:"";
	z-index:1;
	position:absolute;
	left:0; bottom:-60px;
	height:60px; width:100%;
	background:url(../images/decoration/shadow_bottom.png) left top repeat-x;
}
#menu .sous-menu .content_row {
	max-width:1160px;
	padding:30px 0;
	margin:0 auto;
}
#menu .sous-menu .sous-menu-list {
	padding:20px 20px 20px 0;
	position:relative;
	text-align:left;
	float:left;
	width:75%;
}
#menu .sous-menu-list > ul {  }
#menu .sous-menu-list > ul { 
	width:33.33333%; float:left;
	margin-bottom:15px;
	padding-left:20px;
}
#menu .sous-menu-list li {
	position:relative;
	margin-bottom:5px;
	line-height:16px;
	font-size:14px;
	color:#073175; 
}
#menu .sous-menu-list li.active,
#menu .sous-menu-list li:hover { color:#1ca9e3; }
#menu .sous-menu-list li:before {
	left:0; top:0;
	position:absolute;
	font-family: 'icomoon';
	content: "\e907";
	color:#1ca9e3;
}
#menu .sous-menu-list li a { display:block; padding:2px 0 2px 20px; }
#menu .sous-menu-list li a:hover { color:#1ca9e3; text-decoration:underline; }
/*li#menu-2 .sous-menu-list li:before,
li#menu-2 .sous-menu-list li a:hover { color:#005999 }*/
li#menu-4 .sous-menu-list li:before,
li#menu-4 .sous-menu-list li a:hover { color:#e2001a }
#menu .sous-menu .menu-fig {
	float:right; width:25%;
	background:url(../../images/common/nopic_category_330x330.gif);
	background-size:100% auto;
	max-width:330px;
}
#menu .sous-menu .menu-fig img { display:block; width:100%; }
#menu .sous-menu-marques {
	border-top: #c4c4c4 1px solid;
	background: #fff;
	margin: 0 -20px;
	padding: 20px;
}
#menu .sous-menu-marques ul {
	max-width: 1200px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#menu .sous-menu-marques ul li {
	max-width: 10%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#menu .sous-menu-marques ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 5px 10px;
	height: 100%;
	border: #fff 1px solid;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
}
#menu .sous-menu-marques ul li a img {
	max-width: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
#menu .sous-menu-marques ul li a:hover {
	border-color: #c4c4c4;
}
#menu .sous-menu-marques ul li a:hover img {
	-webkit-transform: scale(.9);
	    -ms-transform: scale(.9);
	        transform: scale(.9);
}

/* >>> menu > pièces détachées */
#menu > ul > li#menu-4 { background: #e2001a; color: #fff; }
#menu li#menu-4 .sous-menu {
	background-color: #e2001a;
	color: #fff;
}
#menu li#menu-4 .sous-menu .menu-fig {
	background:url(../../images/common/nopic_category_330x330_pieces.gif);
	background-size:100% auto;
}
#menu li#menu-4 .sous-menu-list li,
#menu li#menu-4 .sous-menu-list li:before { color:#fff; }
#menu li#menu-4 .sous-menu-list li a:hover,
#menu li#menu-4 .sous-menu-list li.active a { color: #000; }
#menu li#menu-4 .sous-menu .menu-fig img { visibility:hidden; }

@media screen and (min-width: 1600px) {	
	/*#menu > ul {
		max-width: 1440px;
		margin: 0 auto;
	}
	#menu > ul > li:first-child { border-top-left-radius: 20px; }
	#menu > ul > li:last-child { border-top-right-radius: 20px; }*/
}

/* >>> header panier / compte */
#head-link-shop {
	position: absolute;
	top: 0; right: 0;
	padding: 40px 0;
	height: 100%;
	width: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.head-link-shop {
	position: relative;
	width: 100%;
	height: 52px;
	margin: 0 0 10px;
}
.head-link_bouton {
	border-radius: 30px 0 0 30px;
	padding: 10px 10px;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
.head-link_bouton svg {
	width: 40px;
	height: 40px;
	display: block;
	vertical-align: middle;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.head-link_bouton__text { 
	font-weight: 700;
	margin-left: 5px;
	display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.head-link_content {
	display: none;
	position: absolute;
	top: -10px; left: 50%;
	margin-left: -120px;
	border-radius: 20px;
	text-align: center;
	width: 240px;
}
.head-link_content__close {
	width: 10px;
	height: 18px;
	position: absolute;
	top: 15px;
	left: 15px;
}
.head-link_content__close svg {
	display: block;
	width: 10px;
	height: 18px;
	fill: #005a9a
}
/*
.head-link_content::before {
	content:"";
	width:40px; height:20px;
	position:absolute; top:-20px;
	left:50%; margin-left:-20px;
	background:url(../images/decoration/aside_nav_arrow.png);
}
.head-link-shop:hover .head-link_content,
.head-link-shop.active .head-link_content { display:block }
*/

/* >>> header compte */
#head-link-compte { z-index: 1 }
#head-link-panier { z-index: 0 }
#head-link-compte .head-link_bouton {
	background-color: #e2001a;
	position: relative;
	color: #fff;
}
#head-link-compte svg { fill: #fff }
/* >>> header compte > non-loggé */
#head-link-compte .head-link_bouton svg,
#head-link-compte .head-link_bouton__actions {
	position: relative;
	z-index: 1;
}
#head-link-compte a.head-link_bouton:hover {
	background-color: #1ca9e3;
}
#head-link-compte .head-link_bouton__name { 
	font-weight: 700; 
	line-height: 20px;
	margin: 0 0 12px 5px;
	display: block;
}
#head-link-compte .head-link_bouton__text {
	text-transform: uppercase;
	font-size: 1.25em;
}
#head-link-compte .head-link-compte_btn__create {
	display: block;
	margin: -3px 0 0 5px;
	text-decoration: underline;
	font-size: 11px;
	color: #fff;
}
#head-link-compte .head-link-compte_btn__create:hover { color: #005a9a }
#compte-nav-content { 
	background: #e2001a;
	padding: 60px 15px 0;
}
#quick-connect .error_output {
	background-color: #fff;
	padding: 7px 15px;
	color: #eb2629
}
#quick-connect .error_output p { 
	color: #eb2629;
	font-size: 12px;
}
#quick-connect input {
	display: block;
	width: 100%;
	font-size: 14px;
	margin: 0 0 10px;
}
#quick-connect input.submit {
	background-color: #005999;
    border-color: #005999;
	color: #fff;
}
#quick-connect input.submit:hover {
	background-color: #1ca9e3;
    border-color: #1ca9e3;
	color: #fff;
}
#compte-nav-content .underline { font-size: 13px; }
#compte-nav-content .underline:hover { color: #005999 }
#head-link-compte 		{ z-index: 1; }
#head-link-compte:hover { z-index: 2; }
#head-link-compte:hover #compte-nav-content { display: block; }

/* >>> header compte > loggé */
#head-link-compte .head-link_bouton.connected .head-link_bouton__text { margin-top: -12px; }
#head-link-compte .head-link-compte_btn__disconnect {
	position: absolute;
	bottom: 6px;
	left: 56px;
	text-decoration: underline;
	font-size: 11px;
	color: #fff;
}
#head-link-compte .head-link_bouton__alt { 
	display: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 700;
    font-size: 9px;
    color: #005999;
}
/*#head-link-compte:hover .head-link_bouton { background-color: #1ca9e3 }*/
#head-link-compte .head-link-compte_btn__disconnect:hover { color: #005a9a }

/* >>> panier content */
#head-link-panier .head-link_bouton { position: relative; }
#head-link-panier .head-link_bouton svg { fill: #1ca9e3 }
#head-link-panier .head-link_bouton svg,
#head-link-panier .head-link_bouton__actions {
	position: relative;
	z-index: 1;
}
#head-link-panier .head-link_bouton__text {
	text-transform: uppercase;
	font-size: 1.25em;
	color: #1ca9e3;
}
#head-link-panier:hover .head-link_bouton { background-color: #1ca9e3 }
#head-link-panier:hover .head-link_bouton svg { fill: #fff }
#head-link-panier:hover .head-link_bouton__text { color: #fff; }
#head-link-panier .panier-count {
	display: none;
	color: #fff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	background-color: #e2001a;
	font-size: 0.85em;
	font-weight: 700;
	position: absolute;
	top: -2px; left: 37px;
}
#head-link-panier.active .panier-count { display:block; }
#cart-nav-content { 
	background: #1ca9e3;
	padding: 60px 20px 20px;
}
#cart-nav-content li.empty-content { 
	font-size: 13px; 
	padding: 30px 10px; 
}
#cart-nav-content ul { 
	overflow: auto; 
	max-height: 300px; 
}
#cart-nav-content ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center;
	padding: 10px 0;
	border-top: rgba(255,255,255,.3) 1px solid;
	-webkit-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
#cart-nav-content ul li:first-child a { border:none }
#cart-nav-content ul li a .thumbnails-article { 
	width: 25%;
	margin: 0; 
	height: auto;
}
#cart-nav-content ul li a .thumbnails-article img {
	display: block;
	max-height: inherit;
	max-width: inherit;
	width: 100%;
}
#cart-nav-content ul li a .article-content {
	width: 75%;
	padding-left: 10px;
	line-height: 1.2em;
	text-align: left;
	font-size: 13px;
}
#cart-nav-content ul li a strong {
	display: block;
	color: #005999;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#cart-nav-content ul li a:hover strong { color:#fff }
#cart-nav-content ul li a span {
	display: block; 
	font-style:italic;
	color:#636363;
}
#cart-nav-content .goto-cart { 
	display: block; 
	text-align: center;
	border-radius:10px;
	padding: 5px 10px;
	margin: 10px 0 0;
	background-color: #005999;
    border-color: #005999;
    color: #fff;
}
#cart-nav-content .goto-cart:hover { 
	background-color: #e2001a;
	border-color: #e2001a; 
}
#nav-shop > ul > li:hover { background-color:#f2f2f2; }

#head-link-panier.active { background-color:#005999; }
#head-link-panier:hover { z-index: 2; }
#head-link-panier:hover #cart-nav-content { display: block; }

/* >>> header compte authentification */
#auth-confirmation {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999; 
	left: 0; top: 0;
	display: none;
}
.auth-confirmation_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: rgba(0,0,0,.8);
	width: 100%; height: 100%;
	padding: 20px;
}
.auth-confirmation_inner {
	padding: 3% 6%;
	border-radius: 30px;
	background-color: #005a9a;
	position: relative;
	text-align: center;
	color: #fff;
}
.auth-confirmation_titre {
	padding: 80px 0 0;
	background: url(../images/authentification-validation.png) center 0 no-repeat;
	background-size: 50px 60px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 30px;
	margin: 0 0 20px;
}
.auth-confirmation_inner p { font-size: 16px; }
.auth-confirmation_inner .bouton_1 { margin: 30px 0 0; }
.auth-confirmation_inner .bouton_1:hover {
	background-color: #1ca9e3;
	border-color: #1ca9e3;
}
.auth-confirmation_close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px; right: 20px;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.999,14.392 L14.392,15.998 L8.000,9.607 L1.608,15.998 L0.001,14.392 L6.393,8.000 L0.001,1.608 L1.608,0.001 L8.000,6.393 L14.392,0.001 L15.999,1.608 L9.607,8.000 L15.999,14.392 Z'/%3E%3C/svg%3E");
	background-size: 16px 16px;
}

/* >>> header fixe */
body.fixed_head #header { position:fixed; }
body.fixed_head .header-middle { height: 80px; }
body.fixed_head #header-rassurance { 
	padding: 0 10px;
	height: 100%;
}
body.fixed_head #logo-header { height: 100%; }
body.fixed_head #logo-header img { margin: 0; }
body.fixed_head .header-middle_title h1,
body.fixed_head .header-middle_title div { font-size: 1em; }
body.fixed_head .header-rassurance_item { 
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
body.fixed_head .header-rassurance_item.it1,
body.fixed_head .header-rassurance_item.it2,
body.fixed_head .header-rassurance_item.it3 {
	background-image: none;
}
body.fixed_head .header-rassurance_item.it3 { display: none; }
body.fixed_head .connected .header-rassurance_item.it3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
body.fixed_head #head-link-shop {
	padding: 10px 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
body.fixed_head .head-link-shop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border-radius: 0;
	margin: 0;
	width: 60px;
	height: 60px;
}
body.fixed_head .head-link-shop:hover .head-link_content,
body.fixed_head .head-link-shop.active .head-link_content { display: none }
body.fixed_head .head-link_bouton {
	padding: 0;
	border-radius: 50%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
body.fixed_head .head-link_bouton__text,
body.fixed_head #head-link-compte .head-link_bouton__name,
body.fixed_head #head-link-compte .head-link-compte_btn__disconnect { display: none }
body.fixed_head #head-link-compte:hover #compte-nav-content,
body.fixed_head #head-link-panier:hover #cart-nav-content { display: none; }

/* >>> creation de compte focus */
body.fixed_head #head-link-compte .head-link_bouton__actions {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
body.fixed_head #head-link-compte .head-link-compte_btn__create {
	display: block;
	margin: 0;
	width: 100%; 
	height: 100%;
	overflow: hidden;
	text-indent: 999px;
	padding: 100% 0 0;
}
body.fixed_head #head-link-compte div.head-link_bouton:hover { background-color: #1ca9e3; }

body.fixed_head .header-log,
body.fixed_head #header-top { display: none }
body.fixed_head #menu > ul > li > a { line-height: 60px; }

/* >>> Menu Hamburger */
#menu-overlay {
	display:none;
	position:fixed; z-index:1;
	top:0; left:0; right:0; bottom:0;
	background:rgba(255,255,255,.75);
}
#menu-alt {
	margin: 0;
	width: 60px;
	height: 60px;
	display: none;
	cursor: pointer;
	position: relative;
	margin: 3px 0 -3px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#menu-alt .menu-icon {
	padding: 5px 0;
	width: 30px;
	height: 40px;
	margin: 0 auto;
}
#menu-alt .menu-icon__bar {
	background-color: #005999;
    margin: 5px 0;
	border-radius: 4px;
    height: 4px;
	width: 28px;
}
#menu-alt .menu-icon__bar.bar-top,
#menu-alt .menu-icon__bar.bar-bottom {
	-webkit-transition:margin .3s, -webkit-transform .3s;
	transition:margin .3s, -webkit-transform .3s;
	-o-transition:transform .3s, margin .3s;
	transition:transform .3s, margin .3s;
	transition:transform .3s, margin .3s, -webkit-transform .3s;
}
#menu-alt .menu-icon-bar.bar-middle {
	-webkit-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}
#menu-alt .menu-text {
	position: absolute;
	bottom: 0; left: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 9px;
	line-height: 20px;
	width: 100%;
	color: #005999;
}
#menu-alt .menu-text__open { display: block }
#menu-alt .menu-text__close { display: none }
body.menu-opened #menu-alt .menu-icon__bar.bar-top { 
	-webkit-transform: rotate(45deg); 
	    -ms-transform: rotate(45deg); 
	        transform: rotate(45deg);
	margin: 12px auto 0;
}
body.menu-opened #menu-alt .menu-icon__bar.bar-bottom {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	margin: -18px auto 0;
}
body.menu-opened #menu-alt .menu-icon__bar.bar-middle { opacity:0; background-color:#fff; }
body.menu-opened #menu-alt .menu-text__open { display: none; }
body.menu-opened #menu-alt .menu-text__close { display: block; }
/* --- */
#alt-nav-links {
	display: none;
	background-color: #005a9a;
	position: absolute;
	left: 0; top: 0;
	height: 40px;
	width: 100%;
}
#alt-nav-links > a {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #fff; height: 40px;
	line-height: normal;
	-webkit-transition: background-color .3s ease-out, border-color .3s ease-out;
	-o-transition: background-color .3s ease-out, border-color .3s ease-out;
	transition: background-color .3s ease-out, border-color .3s ease-out;
}
#alt-nav-links .close-menu { width: 40px; border-left: rgba(255,255,255,.3) 1px solid; }
#alt-nav-links .home-menu { width: 40px; border-right: rgba(255,255,255,.3) 1px solid; }
#alt-nav-links .tel-menu { font-weight: 700; }
#alt-nav-links .tel-menu .icon-telephone { 
	font-size: 1.1em;
	vertical-align: middle;
	margin-right: 5px; 
}
#alt-nav-links > a:hover { background-color:#005999; border-color:#005999 }
#menu .alt-category-link {
	display:none;
	width:100%;
	text-align:left;
	position:absolute;
	top:40px; left:0;
	line-height:40px;
	padding:0 30px 0 20px;
	background-color:#1ca9e3; color:#fff;
	-webkit-transition:background-color .3s ease-out, color .3s ease-out;
	-o-transition:background-color .3s ease-out, color .3s ease-out;
	transition:background-color .3s ease-out, color .3s ease-out;
}
#menu .alt-category-link span { display:inline-block; line-height:normal; vertical-align:middle }
#menu .alt-category-link:after {
	position:absolute; color:#fff;
	font-family: 'icomoon';
	content:"\e907"; font-size:12px;
	bottom:50%; height:12px;
	left:auto; right:10px;
	margin-bottom:-6px;
	text-align:center;
	line-height:12px;
	-webkit-transition:color .3s ease-out;
	-o-transition:color .3s ease-out;
	transition:color .3s ease-out;
}
#menu .alt-category-link:hover { background-color:#f2f2f2; color:#1ca9e3 }
#menu .alt-category-link:hover:after { color:#1ca9e3 }
li#menu-2 .alt-category-link { background-color:#005999; }
li#menu-2 .alt-category-link:hover { background-color:#f2f2f2; color:#005999 }
li#menu-2 .alt-category-link:hover:after { color:#005999 }
li#menu-3 .alt-category-link { background-color:#e2001a; }
li#menu-3 .alt-category-link:hover { background-color:#f2f2f2; color:#e2001a }
li#menu-3 .alt-category-link:hover:after { color:#e2001a }
#menu .close-sous-menu {
	display:none;
	text-align: center;
	width:40px; height:40px;
	line-height:43px;
	font-size:14px;
	position:absolute;
	top:0; right:0;
	color:#005999;
	border-left:#e3e3e3 1px solid;
	-webkit-transition:background-color .3s ease-out, color .3s ease-out;
	-o-transition:background-color .3s ease-out, color .3s ease-out;
	transition:background-color .3s ease-out, color .3s ease-out;
}
#menu .close-sous-menu:hover { background-color:#005999; color:#fff }

@media screen and (min-width: 1440px) {	
	.header-middle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.header-middle_content { 
		padding: 0;
		margin: 0;
		width: 75%;
		max-width: 1280px;
	}
	.header-middle_title h1 {
		font-size: 1.33vw;
		max-width: 13vw;
	}
	#head-link-shop { 
		position: relative;
		max-width: 640px;
		width: 25%;
	}
	#head-link-compte .head-link-compte_btn__disconnect {
		left: 50%;
		margin-left: -45px;
	}
	.head-link_bouton { 
		border-radius: 30px;
		max-width: 200px;
		margin: 0 auto;
	}
}
/*@media screen and (max-width: 1280px) {	.header-middle_content { padding-right: 200px } }*/
@media screen and (max-width: 1280px) {
	.header-middle { height: 170px; }
	#logo-header { max-width: 25%; }
	.header-top_content__left { font-size: 1em; }
	.header-log-tel span { display: none; }
	.header-middle_content { padding-right: 180px; }
	.header-middle_title { padding: 0 10px; }
	.header-middle_title h1,
	.header-middle_title div { 
		font-size: 1.25em;
		max-width: 140px;
	}
	.header-rassurance_item strong a { font-size: 1em; }
	#header-rassurance { 
		height: auto;
		padding: 0;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.header-rassurance_item {
		padding: 3% 2% 12%;
		background-size: auto 40%;
	}
	#head-link-shop { width: 180px; }
	#head-link-panier .head-link_bouton__text { font-size: 1.125em; }
	
	#menu > ul > li#menu-4 { border-radius: 0 10px 0 0 }
	#menu > ul > li { height: 60px; }
	#menu > ul > li > a { font-size: .75em; }
	
	body.fixed_head ._page { padding-top: 230px; }	
}

@media screen and (max-width: 980px) {	

	#logo-header { 
		max-width: 40%;
		height: 100%;
	}
	#logo-header img { margin: 0 }
	.header-middle { 
		height: 120px;
		background: #fff;
	}
	.connected .header-middle { height: 100px; }
	#header-rassurance { display: none }
	#head-link-shop {
		width: 240px;
		padding: 10px 0;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.head-link-shop,
	body.fixed_head .head-link-shop { margin: 0; }
	.head-link-shop,
	body.fixed_head .head-link-shop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 80px;
		height: 80px;
	}
	#menu-alt { 
		width: 80px;
		height: 80px;
		padding: 10px 0;
	}
	#menu-alt .menu-text { bottom: 10px; }
	.head-link-shop:hover .head-link_content,
	.head-link-shop.active .head-link_content { display: none }
	.head-link_bouton,
	body.fixed_head .head-link_bouton {
		padding: 10px 0;
		border-radius: 0;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: block;
	}
	.head-link_bouton__text {
		height: 20px;
		padding: 0 5px;
		overflow: visible;
		white-space: normal;
	}
	#head-link-panier .panier-count { left: 50px; top: 5px; }
	#head-link-panier .head-link_bouton__text,
	#head-link-compte .head-link_bouton__text,
	#head-link-compte .head-link_bouton.connected .head-link_bouton__text {
		margin: 0;
		display: block;
		text-align: center;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: 700;
		font-size: 9px;
		color: #005999;
	}
	.head-link_bouton svg { margin: 0 auto 3px; }
/*	.head-link_bouton__text,
	body.fixed_head .head-link_bouton__text { display: block; }
*/	
	#head-link-compte .head-link_bouton__alt { display: block; }
	#head-link-compte .head-link_bouton__text,
	#head-link-compte .head-link_bouton__name,
	#head-link-compte .head-link-compte_btn__disconnect { display: none }
	body.fixed_head #head-link-compte .head-link_bouton__alt { display: none; }
	
	/* >>> creation de compte focus */
	#head-link-compte .head-link_bouton__actions {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
	}
	#head-link-compte .head-link-compte_btn__create {
		display: block;
		margin: 0;
		width: 100%; 
		height: 100%;
		overflow: hidden;
		text-indent: 999px;
		padding: 100% 0 0;
	}
	#head-link-compte div.head-link_bouton:hover { background-color: #1ca9e3; }
	
	#head-link-compte .head-link_bouton { background-color: transparent; }
	#head-link-compte svg { fill: #e2001a }
	#head-link-compte:hover svg { fill: #fff }
	
	#head-link-panier:hover #cart-nav-content,
	#head-link-compte:hover #compte-nav-content { display: none; }
	
	body.fixed_head ._page { padding-top: 220px; }
	
	#head-link-shop > #menu-alt { display: block }
	#alt-nav-links { display:table; }
	body.menu-opened #menu-overlay { display:block; }
	#menu {
		position:fixed;
		z-index:2;
		top: 0; 
		left: -280px;
		padding: 40px 0 0;
		background-color:#fff;
		width: 260px; height:100%;
		overflow:hidden;
		-webkit-box-shadow:#000 0 0 15px;
		-ms-box-shadow:#000 0 0 15px;
		box-shadow:#000 0 0 15px;
		-webkit-transition:left .3s ease-in-out;
		-o-transition:left .3s ease-in-out;
		transition:left .3s ease-in-out;
	}
	body.menu-opened #menu { left:0; }
	#menu > ul {
		border-top: #e3e3e3 1px solid;
		display: block;
		overflow: auto;
		height: 100%;
	}
	#menu > ul > li { 
		height: auto;
		border-radius: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	#menu > ul > li > a {
		border-bottom: #e3e3e3 1px solid;
		display: block;
		text-align: left;
		padding: 0;
	}
	#menu > ul > li > a span {
		display: block;
		max-width: inherit;
		padding: 15px 30px 13px 20px;
	}
	li.first-item > a > span:after {
		position:absolute;
		text-align:center;
		margin-left: -10px;
		color: #ccc;
		font-family: 'icomoon' !important;
		content:"\e907"; 
		font-size: 12px;
		line-height: 20px;
		bottom: 50%; 
		height: 20px;
		right: 10px;
		margin-bottom: -10px;
		-webkit-transition:color .3s linear;
		-o-transition:color .3s linear;
		transition:color .3s linear;
	}
	li#menu-4 > a > span:after {
		color: #fff;
	}
	/*
	#menu > ul > li.first-item:hover > a > span:after,
	#menu > ul > li.first-item.active > a > span:after { color:#fff; }
	*/
	#menu .alt-category-link,
	#menu .close-sous-menu { display:block; }
	#menu .sous-menu {
		padding:40px 0 0;
		position:fixed;
		left: -260px; top:0;
		bottom: 0; width: 240px;
		background-color:#fff;
		display:block !important;
		overflow:hidden; z-index:10;
		-webkit-box-shadow:#000 0 0 15px;
		-ms-box-shadow:#000 0 0 15px;
		-o-box-shadow:#000 0 0 15px;
		box-shadow:#000 0 0 15px;
		-webkit-transition:left .3s ease-in-out;
		-o-transition:left .3s ease-in-out;
		transition:left .3s ease-in-out;
	}
	#menu li.ss-menu-opened .sous-menu { left:0; }
	#menu .sous-menu .content_row {
		position:absolute;
		width:100%; top:80px;
		left:0; bottom:0;
		overflow:auto;
		padding:0;
	}
	#menu .sous-menu .sous-menu-list,
	#menu .sous-menu .sous-menu-list ul { 
		width:100%; float:none; 
		padding:0; margin:0
	}
	#menu .sous-menu-list li { position:relative; margin:0; }
	#menu .sous-menu-list li:before {
		font-size:12px;
		top:50%; height:12px;
		left:auto; right:10px;
		margin-top:-8px;
	}
	#menu .sous-menu-list li a {
		border-bottom:#e3e3e3 1px solid;
		padding:10px 30px 10px 20px;
		line-height:normal;
		text-align:left;
	}
	#menu .sous-menu .menu-fig { display:none }
	#menu .sous-menu-list li a:hover {
		background-color:#f2f2f2;
		text-decoration:none;
		color:#1ca9e3;
	}
	#menu li#menu-4 .sous-menu .content_row { background-color: #e2001a; }
	body.fixed_head .header-middle_title { display: none; }
	body.fixed_head #menu-alt .menu-icon { margin: 6px auto }
	body.fixed_head .head-link_bouton svg { margin: 9px auto }
	body.fixed_head #menu-alt .menu-text,
	body.fixed_head #head-link-panier .head-link_bouton__text, 
	body.fixed_head #head-link-compte .head-link_bouton__text, 
	body.fixed_head #head-link-compte .head-link_bouton.connected .head-link_bouton__text { display: none }
}

@media screen and (max-width: 850px) {
	#header-log-infos,
	#header .header-log,
	.header-top_content__middle { display:none }
}
@media screen and (max-width: 740px) { 
	#logo-header { max-width: 50%; }
	
	.header-middle_title h1, 
	.header-middle_title div { font-size: 1em; }
}
@media screen and (max-width: 540px) {
	#header-top,
	.header-top_content,
	#header-top .cartouche-tel,
	.header-top_content__right {
		height: 30px;
	}
	#head-link-compte .head-link_bouton__alt,
	#head-link-shop .head-link-content .head-link-text,
	#header-top .cartouche-tel span { display: none }
	.header-middle,
	.header-middle > .header-middle_content {
		height: 80px;
		padding: 0;
	}
	#head-link-shop,
	body.fixed_head #head-link-shop { 
		width: 180px;
		padding: 0;
	}
	#menu-alt,
	.head-link-shop,
	body.fixed_head .head-link-shop {
		width: 60px;
		height: 60px;
	}
	#head-link-shop > #menu-alt,
	body.fixed_head #menu-alt {
		padding: 0;
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.head-link_bouton, 
	body.fixed_head .head-link_bouton { 
		padding: 0;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#menu-alt .menu-text,
	#head-link-panier .head-link_bouton__text, 
	#head-link-compte .head-link_bouton__text, 
	#head-link-compte .head-link_bouton.connected .head-link_bouton__text { display: none; }
	#logo-header { max-width: initial }
	#logo-header img { height: 60px; }
	
	._page { padding-top: 60px }
	
	.header-middle_title {
		position: absolute;
		top: 90px; padding: 10px;
		left: 0; width: 100%;
		text-align: center;
		font-size: .875em;
	}
	#header.connected .header-middle_title { top: 110px; }
	.header-middle_title h1, 
	.header-middle_title div { max-width: 100%; }
}

/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */

#breadcrumb { padding:20px; }
#breadcrumb ul { max-width: 1240px; }
#breadcrumb li { color:#9a9b9b; }
#breadcrumb li a { text-decoration:underline; font-weight:700; }
#breadcrumb li:before { display:inline-block; margin:-2px 5px; vertical-align:middle; }
#breadcrumb li a:hover { color: #e2001a; }


/* > CONTENT GLOBALS
-------------------------------------------------------------------------------------------------------------------------------- */

#content { padding: 40px 0; }

._page { background-color:#fff; }
body.fixed_head ._page { padding-top: 290px; }

._page.shadow_top {
	/*padding-top: 270px;*/
	position:relative;
}
._page.shadow_top:before {
	content:"";
	position:absolute;
	top:0; left:0;
	width:100%; height:10px;
	background:url(../images/decoration/shadow_top.gif) 0 0 repeat-x;
}

.container { padding: 5% 0; }
.container-title {
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 3%;
}
.container-title h2 { margin: 0 }
.container .row { 
	padding: 20px;
	max-width: 1360px;
	margin: 0 auto;
}
.container .row .wp50 { padding: 20px; }


.content-main {
	margin:0 auto;
	max-width:1240px;
	padding:20px;
}
/*.content_block.edit_content { color:#9a9b9b }*/
.edit_content h2 { font-size: 20px; }
.edit_content h3 {
    text-transform: none;
    font-size: 16px;
    color: #1ca9e3;
}

.bg-noir   { background-color:#005999; }
.bg-gris   { background-color:#e3f3ff; }
.bg-color1 { background-color:#005999; }
.bg-color2 { background-color:#1ca9e3; }
.bg-color3 { background-color:#e2001a; }
.bg-color4 { background-color:#8ec2e8; }
.bg-color1,
.bg-color2,
.bg-color3,
.bg-color1 h1,
.bg-color2 h1,
.bg-color3 h1,
.bg-color1 h2,
.bg-color2 h2,
.bg-color3 h2,
.bg-color1 h3,
.bg-color2 h3,
.bg-color3 h3 { color:#fff; }

.content_block.edit_content { padding:20px 0; }
.content_block.edit_content .content_row { padding:0 20px; max-width: 1280px; }
.content_block.edit_content ul,
.content_block.edit_content ol { margin-left:20px; }
.content_block.edit_content ul li { 
	background: 0 6px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='%231ca9e3' d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3C/svg%3E");
	padding-left: 15px;
	font-size: 14px;
}
.content_block.edit_content ul ul,
.content_block.edit_content ul ol,
.content_block.edit_content ol ul,
.content_block.edit_content ol ol { margin:10px 0 20px 10px; }
.content_block.edit_content ul li li { 
	background: 0 6px no-repeat; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='%231ca9e3' d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3C/svg%3E");
	padding-left: 12px; 
	margin:5px 0;
}
.content_block.edit_content ol { counter-reset: item; }
.content_block.edit_content ol li { 
	display: block;  
	margin: 5px 0; 
}
.content_block.edit_content ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: #4cbdc7;
}
.content_block.edit_content p a,
.content_block.edit_content li a { color:#005999; text-decoration:underline; }
.content_block.edit_content p a:hover, 
.content_block li a:hover { color:#1ca9e3; }
.content_block.edit_content p sup,
.content_block.edit_content li sup {
	display:inline-block;
	font-size:0.75em;
	margin-top:-5px;
}
.content_block.edit_content table { max-width: none; }
.content_block.edit_content table tr th, 
.content_block.edit_content table tr td { text-align: center; }
.content_block.edit_content table th {
    text-transform: uppercase;
    background-color: #39afdb;
    color: #fff;
}
.content_block.edit_content table tr:nth-child(2n) td { background-color:#e0f3fa; }
.content_block.edit_content iframe {
    max-width: 100%;
    /*width: auto !important;
    height: auto !important;*/
    margin: 0 auto;
}
.video-container,
.content_block.edit_content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; 
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.content_block.edit_content .video-container iframe,
.content_block.edit_content .video-container object,
.content_block.edit_content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.edit_content.small_content .wp25,
.edit_content.small_content p,
p.intro {
	font-weight:700;
	font-size:16px; 
	color:#005999; 
}

/* --- */

ul.checklist { }
ul.checklist li { 
	padding: 4px 0 4px 30px;
	background: url(../images/checklist.png) 0 0 no-repeat;
	background-size: 20px 25px;
	margin: 0 0 5px;
}

ul.list-check li {
	background: 0 5px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath style='fill:%23e2001a;' d='M10.6,0.4c-0.5-0.5-1.5-0.5-2.1,0.1L4,4.9L2.4,3.4C1.8,2.9,0.9,2.8,0.4,3.3c-0.5,0.5-0.5,1.4,0.1,2l2.3,2.2C3.1,7.8,3.5,8,3.9,8c0,0,0,0,0,0C4,8,4,8,4,8c0.4,0,0.8-0.2,1.1-0.5l5.4-5.2C11.1,1.8,11.2,0.9,10.6,0.4z'/%3E%3C/svg%3E");
	padding-left: 20px;
	margin: 0 0 5px;
}
/* --- */

/* >>> boutons */
.bouton_dwl {
	padding-left:35px;
	background-image:url(../images/icones/bt_dwnl.png);
	background-repeat:no-repeat;
	background-position:10px center;	
}

.bouton_1,
.bouton_2,
.bouton_3,
.link-panier {
	display:inline-block;
	border-style:solid;
	border-width: 1px;
	border-radius: 20px;
	font-size: 14px; 
	font-weight:700;
	line-height: 20px;
	padding: 10px 20px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.bouton_1 {
	background-color:#e2001a;
	border-color:#e2001a;
	color:#fff;
}
.bouton_2 {
	background-color:#1ca9e3;
	border-color:#1ca9e3;
	color:#fff;
}
.bouton_3 {
	background-color:#fff;
	border-color:#fff;
	color:#005999;
}
.link-panier {
    /*max-width: 170px;*/
    text-align: center;
    padding: 10px 10px;
    background-color:#e2001a;
	border-color:#e2001a;
	font-size:12px;
	color:#fff;
}
.link-panier:hover { background-color:#005999; border-color:#005999; }
.link-panier.ico-panier:before {
	display:inline-block;
	font-family: 'icomoon'; font-size:16px;
	vertical-align:middle; margin:-2px 5px 0 0;
	content: "\e900";
}
.bouton_1:hover,
.bouton_2:hover,
.bouton_3:hover {
	background-color:#005999;
	border-color:#005999;
    color: #fff;
}
.bouton_1_alt,
.bouton_2_alt,
.bouton_3_alt,
.link-devis {
	display:inline-block;
	border-style:solid;
	border-width:1px;
	border-radius: 20px;
	background-color:transparent;
	font-size: 14px; 
	font-weight: 700;
	line-height: 20px;
	padding: 10px 20px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.bouton_1_alt {
	border-color:#005999;
	color:#005999;
}
.bouton_2_alt {
	border-color:#005999;
	color:#005999;
}
.bouton_3_alt {
	border-color:#fff;
	color:#fff;
}
.link-devis {
    max-width: 170px;
    padding: 7px 10px;
	text-align:center;
    background-color:transparent;
	border-color:#1ca9e3;
	line-height:11px;
	font-size:12px;
	color:#1ca9e3;
}
.link-devis span {
	display:block;
	font-weight:400;
	text-transform:none; 
	font-size:11px;
	color:#005999;
	-webkit-transition:color .3s linear;
	-o-transition:color .3s linear;
	transition:color .3s linear;
}
.link-devis.ico-devis:before {
	display:block;
	text-align:left;
	font-family: 'icomoon'; font-size:16px;
	vertical-align:middle; margin:5px 5px 5px 0;
	content: "\e910";
	float:left;
}
.link-devis:hover {
	background-color:#005999;
	border-color:#005999;
    color: #fff;
}
.link-devis:hover span { color:#fff; }
.bouton_1_alt:hover {
	background-color:#005999;
	color:#fff;
}
.bouton_2_alt:hover {
	background-color:#005999;
	color:#fff;
}
.bouton_3_alt:hover {
	background-color:#fff;
	color:#005999;
}

/* smaller boutons */
.submit.smaller, 
.button.smaller,
.bouton_1.smaller,
.bouton_2.smaller {
	border-width:2px;
	padding:3px 5px;
	font-size:12px;
}

/* >>> thumbnails */
.thumbnails {
	display:block;
	overflow:hidden;
	background:#1ca9e3;
}
.thumbnails.th-zoom { position:relative; }
.thumbnails.th-zoom:after {
	content:"";
	position:absolute;
	top:50%; left:50%;
	width:30px; height:30px;
	background:url(../images/common/ico_th_zoom.png);
	margin:-15px;
	-webkit-transition:opacity .4s ease, transform .4s ease;
	-o-transition:opacity .4s ease, transform .4s ease;
	-webkit-transition:opacity .4s ease, -webkit-transform .4s ease;
	transition:opacity .4s ease, -webkit-transform .4s ease;
	transition:opacity .4s ease, transform .4s ease;
	transition:opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	opacity:0;
}
.thumbnails.th-zoom:hover:after,
a:hover .thumbnails.th-zoom:after {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
}



/* > BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */

/* >>> headings pages ----------------------------------------------- */

.heading_page {
	padding:40px 0;
	background:url(../images/decoration/bg_heading_page.gif) center no-repeat;
	background-size:cover;
	color:#fff;
}
.heading_page .content_row {
	text-align:center;
	max-width:730px;
	padding:20px;
}
.heading_page #breadcrumb { padding:0 0 30px }
.heading_page #breadcrumb li,
.heading_page #breadcrumb li a { color:#fff; }
.heading_page #breadcrumb li a:hover { color:#c7f387; }
.heading_page h1 { 
	font-size: 36px;
	margin-bottom:20px;
	line-height:1em;
	color: #fff;
}
.heading_page p { 
	font-size:24px; color:#fff;
	margin-bottom:0;
	line-height:30px;
}

.heading-boutique {
	padding:20px 0;
	background:url(../images/decoration/bg_heading_article.gif) center no-repeat;
	background-size:cover;
	color:#fff;
}
/*#heading-categorie-2,
#heading-scategorie-2 { background-image:url(../images/decoration/bg_heading_article_2.gif); }*/
#heading-categorie-3,
#heading-scategorie-3 { background-image:url(../images/decoration/bg_heading_article_2.gif); }
.heading-boutique h1 { 
	font-size:36px; color:#fff;
	margin-bottom:20px;
	line-height:1em;
}
.heading-boutique p,
.heading-boutique h2,
.heading-boutique h3 { color:#fff; }
.heading-boutique #breadcrumb { padding:0 0 30px }
.heading-boutique #breadcrumb li,
.heading-boutique #breadcrumb li a { color:#fff; }
.heading-boutique #breadcrumb li a:hover { color:#c7f387; }
.heading-boutique.text-center #breadcrumb { text-align:center }
.heading-boutique .content_table {
	width:100%;
	padding:0;
	margin:0 auto;
	max-width:960px;
}
.heading-boutique.text-center .content_row { padding:60px 20px 30px; }
.heading-boutique.text-center .content_table,
.heading-boutique.text-center .content_row { max-width:880px; }
.heading-boutique .content_table .wp25 img,
.heading-boutique .content_table .wp33 img {
	display:block;
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.heading-boutique .content_table .wp25 img { max-width:200px; }
.heading-boutique .content_table .wp25,
.heading-boutique .content_table .wp33 { padding-right:5%; vertical-align:middle; }
.heading-boutique .content_table .wp25 { width:33.3333%; }
.heading-boutique .content_table .wp66 { vertical-align:middle;  }

/* >>> heading > marques ---------------------------------------------- */
#heading-marque { }
#heading-marque .wp33 { 
	height: 330px;
	padding: 5% 6% 5% 8%;
	background: url(../images/bgn_marque.png) center no-repeat;
	background-size: 100% auto;
}
#heading-marque .wp33 img {
	max-width: 100%;
	margin: 0 auto;
}
/*#heading-marque .fig-marque {
	display: flex;
	align-items: center;
	justify-content: center;
}*/

/* >>> pagination ----------------------------------------------------- */
.pagination a { color:#005999; }
.pagination li.active a { background-color:#005999; border-color:#005999; color: #fff; }
.pagination li:hover a { border-color:#005999 }
.pagination .pag-prev a,
.pagination .pag-next a { width: 38px; color:#005999 } 
.pagination .pag-prev a:before,
.pagination .pag-next a:after {
	display:inline-block;
	font-family:'icomoon';
	vertical-align:middle;
}
.pagination .pag-prev:hover a,
.pagination .pag-next:hover a { color:#005999; border-color:#fff; }
.pagination .pag-prev.disabled,
.pagination .pag-next.disabled { visibility: visible; }
.pagination .pag-prev.disabled a,
.pagination .pag-next.disabled a { color:#bdbdbd }
.pagination .pag-prev a:before { content: "\e906"; }
.pagination .pag-next a:after  { content: "\e907"; }

/* >>> formulaires ---------------------------------------------------- */

form { padding: 15px; }

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
textarea, select {
	height: 40px;
	color: #000000;
	padding: 10px 15px;
	border-radius: 20px;
}
fieldset.fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -5px;
	padding: 0;
}
fieldset.fieldset legend {
	width: 100%;
	padding: 5px;
}
fieldset.fieldset + fieldset.fieldset { margin: 20px 0 0; }
fieldset.fieldset label {
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;
}
fieldset.fieldset label.wp50 { 
	-webkit-box-flex: 50%; 
	    -ms-flex: 50%; 
	        flex: 50%;
	padding: 5px;
}
label.checkbox {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
label.checkbox input[type="radio"],
label.checkbox input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	border: #e3e3e3 1px solid;
	-webkit-transition:color .3s, background-color .3s, border-color .3s, box-shadow .3s;
	     -o-transition:color .3s, background-color .3s, border-color .3s, box-shadow .3s;
			-webkit-transition:color .3s, background-color .3s, border-color .3s, -webkit-box-shadow .3s;
			transition:color .3s, background-color .3s, border-color .3s, -webkit-box-shadow .3s;
			transition:color .3s, background-color .3s, border-color .3s, box-shadow .3s;
			transition:color .3s, background-color .3s, border-color .3s, box-shadow .3s, -webkit-box-shadow .3s;
}
label.checkbox input[type="checkbox"]:checked {	
	ackground: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='12'%3E%3Cpath fill-rule='evenodd' fill='%231ca9e3' d='M-0.000,-0.000 L12.000,-0.000 L12.000,12.000 L-0.000,12.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 10px 10px;
}
/* --- */
label.checkbox input[type="radio"] {
	border-radius: 50%;
}
label.checkbox input[type="radio"]:checked {
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='12'%3E%3Cpath fill-rule='evenodd' fill='%231ca9e3' d='M6.000,-0.000 C9.314,-0.000 12.000,2.686 12.000,6.000 C12.000,9.314 9.314,12.000 6.000,12.000 C2.686,12.000 -0.000,9.314 -0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 10px 10px;
}
/* --- */
.submit, .button {
	display:inline-block;
	border-radius: 20px;
	border-style:solid;
	border-width: 1px;
	font-size: 13px; 
	font-weight: 700;
	line-height: 16px;
	padding: 12px 20px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
.submit { background-color:#e2001a; border-color:#e2001a; color:#fff; }
.button { background-color:#1ca9e3; border-color:#1ca9e3; color:#fff; }
.submit:hover,
.button:hover {
	background-color: #005999;
    border-color: #005999;
    color: #fff;
}
input.submit-button {
	border-style:solid;
	border-width:3px;
	background-color: #e2001a;
	border-color: #e2001a;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:13px;
	line-height:14px;
	padding:8px 10px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}
input.submit-button:hover {
	background-color:#fff;
	border-color:#1ca9e3;
	color:#1ca9e3;
}
/* --- themes --- */
form.formulaire-2 { 
	background-color: #005a9b;
	color: #fff;
}
form.formulaire-2 h2 { color: #e2001a; }
.formulaire-2 .button {
	min-width: 120px;
	text-align: center;
	background-color: transparent;
    border-color: #e2001a;
	color: #e2001a;
}
.formulaire-2 .submit {
	min-width: 120px;
	text-align: center;
	background-color: #e2001a;
    border-color: #e2001a;
	color: #fff;
}
.formulaire-2 .button:hover,
.formulaire-2 .submit:hover { 
	background-color:#1ca9e3; 
	border-color:#1ca9e3; 
	color:#fff; 
}

.formulaire-2 .submit, .button {
	display:inline-block;
	border-radius: 20px;
	border-style:solid;
	border-width: 1px;
	font-size: 13px; 
	font-weight: 700;
	line-height: 16px;
	padding: 12px 20px;
	-webkit-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	-o-transition:border-color .3s linear, background-color .3s linear, color .3s linear;
	transition:border-color .3s linear, background-color .3s linear, color .3s linear;
}


/* > ACCUEIL -------------------------------------------------------- */

/* >>> accueil > heading  */
#hp-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.hp-heading_left {
	width: 66%;
	position: relative;
}
.hp-heading_left__fig img,
.hp-heading_left__layer1 img,
.hp-heading_left__layer2 img {
	display: block;
	width: 100%;
}
.hp-heading_left__layer1,
.hp-heading_left__layer2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
}
.hp-heading_left__layer1 {
	left: 5%;
	bottom: 5%;
	width: 40%;
	height: 35%;
}
.hp-heading_left__layer1 img { max-width: 300px; }
.hp-heading_left__layer2 {
	top: 5%;
	right: 10%;
	width: 50%;
	height: 90%;
}
.hp-heading_left__layer2 img { max-width: 430px; }
.hp-heading_right {
	width: 34%;
	padding-right: 8%;
	background: url(../../images/index/pieces-detachees-piscines-professionnels.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/* >>> accueil > moteur de recherche */
#searchengine {
	max-width: 480px;
	padding: 70px 15px 0;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.searchengine_title h2 {
	color: #fff;
	text-align: center;
	margin: 0 0 10px;
}
.searchengine-nails {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.searchengine-nails_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	border-radius: 30px;
	border: #fff 1px solid;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	margin: 5px;
	padding: 10px;
	color: #fff;
	z-index: 0;
	-webkit-box-flex: 50%;
	    -ms-flex: 50%;
	        flex: 50%;
	-webkit-transition: background-color .3s, border-color .3s, color .3s;
	-o-transition: background-color .3s, border-color .3s, color .3s;
	transition: background-color .3s, border-color .3s, color .3s;
}
.searchengine-nails_item:hover { 
	border-color: #005999; 
	color: #005999
}
.searchengine-nails_item.active {
	background-color: #e2001a; 
	border-color: #e2001a; 
	color: #fff
}
.searchengine-form {
	display: none;
	position: relative;
	padding: 10px 5px;
	color: #fff;
	z-index: 2;
}
.searchengine-forms_title {
	position: absolute;
	top: -130px; left: 0;
	width: 100%;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.searchengine-forms_title h2 {
	text-align: center;
	color: #fff;
	margin: 0;
}
.searchengine-form.active { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.searchengine-form h3 { 
	display: none;
	color: #fff;
	width: 100%;
	margin: 0 0 20px;
}
.searchengine-form input,
.searchengine-form select {
	border-color: #fff;
	border-radius: 20px;
	color: #005999;
	margin: 5px 0;
	height: 40px;
}
.searchengine-form_filres {
	width: 60%;
	max-width: 350px;
}
.searchengine-form_filres input,
.searchengine-form_filres select {
	margin: 0 0 10px;
}
.searchengine-form select {
	background-repeat: no-repeat;
	background-position: 95% center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 44.2 24.7' fill='%23005999'%3E%3Cpath d='M0,2.6c0-0.7,0.3-1.3,0.8-1.8c1-1,2.7-1,3.7,0l17.6,17.7L39.7,0.8c1-1,2.7-1,3.7,0c1,1,1,2.7,0,3.7L23.9,24c-0.5,0.5-1.2,0.8-1.8,0.8c-0.7,0-1.4-0.3-1.8-0.8L0.8,4.5C0.3,3.9,0,3.3,0,2.6z'/%3E%3C/svg%3E");
	background-size: 14px auto;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.searchengine-form_action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	width: 100%;
	padding: 5px;
}
.searchengine-form_action .searchengine-form_submit {
	border-radius: 50%;
	border: none;
	width: 55px;
	height: 55px;
	padding-top: 50px;
	background: #e2001a center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' viewBox='0 0 20 20'%3E%3Cpath d='M13,2.2c-3-3-7.8-3-10.8,0c-3,3-3,7.8,0,10.8S10,16,13,13C15.9,10.1,15.9,5.2,13,2.2z M3.4,11.9C1,9.5,1,5.7,3.4,3.4C5.7,1,9.5,1,11.8,3.4s2.3,6.2,0,8.5C9.5,14.2,5.7,14.2,3.4,11.9z'/%3E%3Cpath d='M19.8,18.1l-5.3-5.4l-0.3,0.3c-0.3,0.4-0.7,0.8-1.1,1.1l-0.3,0.3l5.3,5.4c0.3,0.3,1,0.2,1.5-0.2C20,19.1,20.1,18.4,19.8,18.1z'/%3E%3C/svg%3E");
	background-size: 30px 30px;
	font-weight: 700;
	text-align: center;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.searchengine-form_action .searchengine-form_submit:hover { background-color: #005999; }
@media screen and (min-width: 1920px) {
	.hp-heading_left__layer2 img { max-width: 645px; }
	.hp-heading_left__layer1 img { max-width: 400px; }
	#searchengine { max-width: 640px; }
}
@media screen and (max-width: 1280px) {
	.hp-heading_left { overflow: hidden }
	.hp-heading_left__fig img {
		width: 120%;
		margin-left: -20%;
	}
	.hp-heading_left__layer1 { 
		left: 2%; 
		bottom: 0; 
	}
	.hp-heading_right { 
		padding-right: 0;
		background-size: 140% 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#searchengine { max-width: 360px; }
}
@media screen and (max-width: 1024px) {
	.hp-heading_right,
	.hp-heading_left { width: 50%; }
	.hp-heading_left__fig img {
		width: 200%;
		margin-left: -100%;
	}
	.hp-heading_left__layer1 { display: none }
	.hp-heading_left__layer2 { width: 80%; }
}
@media screen and (max-width: 860px) { 
	#hp-heading { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.hp-heading_right,
	.hp-heading_left { width: 100%; }
	.hp-heading_left__fig img {
		width: 100%;
		margin-left: 0;
	}
	.hp-heading_left__layer1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.hp-heading_left__layer2 { width: 50%; }
	.hp-heading_right {
		background: #005999;
	}
}
@media screen and (max-width: 480px) { 
	.hp-heading_left__fig img {
		width: 200%;
		margin: -15% 0 0 -100%;
	}
	.hp-heading_left__layer1 { display: none }
	.hp-heading_left__layer2 { width: 80%; }
}


/* >>> ---- */
.content_block.edit_content .wp33 figure { margin: 0 0 20px }
/*.content_block.edit_content .wp33 h2 	 { margin: 0 0 20px }*/

/* >>> accueil > encarts */
#encarts-hp { 
	max-width: 1440px;
	margin: 0 auto;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#encarts-hp h2 {
	font-weight: 700;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#encarts-hp p {
	margin: 0;
	font-weight: 700;
	font-size: 1.125em;
	max-width: 120px;
	font-family: 'Nunito', sans-serif;
}
#encarts-hp ul li { 
	background: 0 6px no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6'%3E%3Cpath fill='%23005999' d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3C/svg%3E");
	padding-left: 15px;
}
.encart-hp_col {
	width: 33.33%;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.encart-hp {
	position:relative;
	vertical-align:middle;
	background: #e3f3ff center no-repeat;
	background-size: 100% 100%;
	border-radius: 20px;
	overflow: hidden;
	padding: 10%;
	-webkit-box-flex: 50%;
	    -ms-flex: 50%;
	        flex: 50%;
	height: 50%;
	width: 100%;
	margin: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.encart-hp_content { 
	width: 60%;
	max-width: 160px;
}
.encart-hp img {
	display: block;
	max-width: 170px;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	width: 50%;
}

/* > encart 1 (stock) */
#encart-hp-1 { padding-right: 0 }
#encart-hp-1 img {
	margin: 0 -5% 0 0;
}

/* > encart 2 (livraison) */
#encart-hp-2 {
	color: #fff;
	padding-right: 0;
	background-image: url(../images/index_bgn_encart_2.gif);
}
#encart-hp-2 h2 { color: #fff; }

/* > encart 3 (hotline) */
#encart-hp-3 {
	color: #fff;
	padding-bottom: 0;
	background-image: url(../images/index_bgn_encart_1.gif);
}
#encart-hp-3 h2 { color: #fff }
#encart-hp-3 img {
	margin-left: -10%;
	-ms-flex-item-align: end;
	    align-self: flex-end;
}

/* > encart 4 (condition) */
#encart-hp-4 { }
#encart-hp-4 img {
	margin: 0 -5%;
}

/* > encart 5 (animation) */
#searchengine-slides {
	position: relative;
	margin: 10px;
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
}
#searchengine-slides h2 {
	font-size: 1.75em;
	text-transform: none;
	position: absolute;
	padding: 0 10%;
	width: 100%;
	z-index: 1;
	top: 10%;
	left: 0;
	color: #fff;
}
#searchengine-slides .swiper-container { 
	width: 100%;
	height: 100%;
	z-index: 0;
}
#searchengine-slides .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background-color: #1ca9e3;
	background-repeat: no-repeat;
	background-image: url(../images/index_bgn_encart_3.gif);
	background-position: 0 100%;
	background-size: 100% auto;
	padding: 40% 10% 10%;
	border-radius: 20px;
	height: auto;
	width: 100%;
}
#searchengine-slides .swiper-slide img {
	width: 80%;
	display: block;
	max-width: 220px;
}
#searchengine-slides .num {
	border-radius: 50%;
	text-align: center;
	background-color: #e2001a;
	line-height: 40px;
	margin: 5% auto;
	width: 40px;
	color: #fff;
	font-weight: 700;
	font-size: 1.5em;
	font-family: 'Nunito', sans-serif;
}
#searchengine-slides p { max-width: 100%; }

#encarts-hp .bouton_1 {
	margin: 1em 0 0;
	font-size: .875em;
	line-height: 1em;
	text-transform: uppercase;
}

@media screen and (min-width: 1280px) {	
	.encart-hp_content { max-width: 240px; }
	#encarts-hp h2 { font-size: 2.25em; }
	#encarts-hp p {
		max-width: 200px;
		font-size: 1.75em;
	}
	#encart-hp-4 p { font-size: 1.25em; }
	#encarts-hp .bouton_1 { 
		margin: 2em 0 0;
		font-size: 1.125em;
	}
}
@media screen and (max-width: 980px) {	
	#searchengine-slides h2 { font-size: 1.5em; }
}
@media screen and (max-width: 860px) {
	.encart-hp_col { width: 50%; }
	.encart-hp_col.col1 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		padding: 0;
		width: 100%;
		margin-bottom: -10px;
	}
	.encart-hp_col.col1 .encart-hp { 
		height: auto;
		padding: 5%;
		width: 50%;
	}
}
@media screen and (max-width: 640px) {
	.encart-hp_col,
	.encart-hp_col.col1 {
		display: block;
		padding: 0 10px;
		width: 100%;
		margin: 0;
	}
	.encart-hp,
	.encart-hp_col.col1 .encart-hp { 
		height: auto;
		padding: 5%;
		width: 100%;
		margin: 0 0 20px;
	}
	#searchengine-slides { margin: 0 }
	#searchengine-slides .swiper-slide { padding-top: 30%; }
}

/* >>> accueil > présentation */
#about-hp {
	margin: 5% 0 0;
	background: url(../images/index_techniques_piscines.jpg) center no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.about-hp_left {
	color: #fff;
	width: 40%;
	height: 33vw;
	background: url(../images/decoration/index_about_1.png) 0 0 no-repeat;
	background-size: 100% auto;
	padding: 1% 7% 12% 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.about-hp_left .about-hp_inner {
	max-width: 320px;
	padding: 5% 0;
}
.about-hp_left h2 {
	text-transform: none;
	color: #fff;
}
.about-hp_left .intro { color: #fff }
/* --- */
.about-hp_right {
	width: 36%;
	height: 33vw;
	background: url(../images/decoration/index_about_2.png) 0 100% no-repeat;
	background-size: 100% auto;
	padding: 15% 2% 1% 2%;
	text-align: center;
	margin: 0 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.about-hp_right .intro { 
	color: #1ca9e3;
	width: 60%;
	margin: 0 20%;
}
.about-hp_right .about-hp_inner {
	max-width: 440px;
	padding: 5% 0;
}
.about-hp_right ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}
.about-hp_right ul li { padding: 0 10px; }
.about-hp_right ul li img {
	display: block;
	max-width: 80%;
	margin: 0 auto;
}
.about-hp_right ul li strong { font-family: 'Nunito', sans-serif; }
@media screen and (min-width: 1920px) {
	#about-hp {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.about-hp_left {
		height: 25vw;
		width: 30%;
		min-width: 680px;
		padding-bottom: 10%;
	}
	.about-hp_right {
		height: 25vw;
		width: 24%;
		min-width: 520px;
		padding: 12% 2% 1% 2%;
	}
}
@media screen and (max-width: 1280px) {
	#about-hp {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.about-hp_left {
		width: 50%;
		height: 40vw;
		padding: 1% 10% 14% 8%;
	}
	.about-hp_right {
		width: 46%;
		height: 40vw;
		max-width: 480px;
		padding-top: 18%;
		margin: 0 3%;
	}
}
@media screen and (max-width: 980px) {
	#about-hp { position: relative; }
	.about-hp_left {
		width: 100%;
		max-width: 560px;
		height: 560px;
		padding: 20px 20px 280px;
	}
	.about-hp_right {
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 520px;
		height: 280px;
		margin: 0 auto;
		padding: 40px 20px 20px;
		background-position: center 0;
	}
}
@media screen and (max-width: 540px) {
	#about-hp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		height: auto;
	}
	#about-hp::after {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		content: "";
		display: block;
		height: 44vw;
		width: 100%;
		background: url(../images/index_techniques_piscines.jpg) center no-repeat;
		background-size: cover;
	}
	.about-hp_left {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		width: 100%;
		height: auto;
		padding: 10px 30px 0;
		max-width: 100%;
		background: #e2001a;
		background: -o-linear-gradient(top,  #e2001a 1%,#ef4054 100%);
		background: -webkit-gradient(linear,  left top, left bottom,  color-stop(1%, #e2001a),to(#ef4054));
		background: linear-gradient(to bottom,  #e2001a 1%,#ef4054 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#ef4054',GradientType=0 );
	}
	.about-hp_right {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		margin: 0;
		width: 100%;
		height: auto;
		padding: 10px;
		max-width: 100%;
		position: static;
		background: #e3f3ff;

	}
}
@media screen and (max-width: 380px) {
	.about-hp_right ul { display: block; } 
}

/* >>> contact / FAQ */
#informations-hp { padding: 5% 20px;  }
#informations-hp .informations-hp_content { 
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#form-demande { 
	padding:0 8%;
	width: 66.66%;
	vertical-align:top;
	text-align:center; 
}
#form-demande label.wp33 { padding:0 5px; }
#form-demande.valid_area {
	vertical-align:middle;
	padding:20px;
}
#form-demande h2 { text-transform: uppercase; }
#form-demande label.check-content img {
	display:block;
	max-width:80%;
	margin:0 auto 10px;
}
#form-demande #privacy_checkbox { margin: 0 0 20px }
#form-demande label.check-content strong { 
	display:block;
	line-height: 1.2em;
	height: 30px;
}
#form-demande #message { margin-bottom:20px; min-height:120px; }
#form-demande .submit {
	min-width: 160px;
	margin: 10px 0 0;
	background-color:#e2001a;
	border-color:#e2001a;
	color: #fff;
}
#form-demande .submit:hover {
	background-color: #1ca9e3;
	border-color: #1ca9e3;
}
#form-demande .privacy_disclaimer {
	font-style: normal;
	color: #5a5e6b;
}
#bloc-faq h2 { text-transform: uppercase; }
#bloc-faq .bloc-faq_inner {
	padding-left: 5%;
	margin-bottom: 40px;
	border-left: #e3e3e3 1px solid;
}
#bloc-faq ul { margin-bottom: 0; }
#bloc-faq li { margin-bottom:10px; }
#bloc-faq li a:hover { 
	text-decoration: underline; 
	color: #005999;
}
#bloc-faq .bouton_1:hover { 
	background-color: #005999; 
	border-color: #005999; 
}
@media screen and (min-width: 1440px) {
	#informations-hp .informations-hp_content { 
		max-width: 1440px;
	}
	#form-demande {
		width: auto;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		padding: 0;
	}
	#bloc-faq {
		width: 480px;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		padding-left: 5%;
	}
	#bloc-faq .bloc-faq_inner { padding-left: 10%; }
	#bloc-faq li { font-size: 18px; }
}
@media screen and (max-width: 900px) {
	#form-demande { padding:0 20px 0 0; width:60%; }
	#bloc-faq { width:40%; }
}
@media screen and (max-width: 740px) { 
	#informations-hp { padding: 0 }
	#informations-hp .informations-hp_content {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 0;
	}
	#form-demande {
		width: 100%;
		padding: 25px;
		max-width: 540px;
	}
	#form-demande label.block-label.wp33 { display:block; width:100%; } 
	#bloc-faq { 
		width: 100%;
		background: #e3f3ff;
		padding: 30px;
		text-align: center;
	}
	#bloc-faq .bloc-faq_inner { border: none; padding: 0 }
}

/* POLITIQUE DE CONFIDENTIALITE > contact.php ------------------------------------------------------------------------------------------------ */
#privacy{}
#privacy h2,
#privacy h3,
#privacy h4,
#privacy h5 {
	margin: 1.5em 0 1em 0;
}
#privacy h4, 
#privacy h5 {
    font-weight: bold;
}
#privacy h4 {
	color: #1ca9e3;
}
#privacy ul li {
}
#privacy a {
	text-decoration: underline;
}
#privacy a:hover {
}
#privacy td { }
#privacy th { }
.privacy_checkbox a,
#privacy_checkbox a { text-decoration: underline; }
.privacy_disclaimer,
#privacy_disclaimer { 
	font-size: 0.8em; 
	font-style: italic; 
}
.privacy_checkbox,
.privacy_disclaimer,
#privacy_disclaimer,
#privacy_checkbox { 
	text-align: justify; 
	line-height: 1.3em;
	margin-top: 5%; 
}
#page_panier-creation .privacy_disclaimer { 
	text-align: center; 
	margin-top: 25px; 
}
#privacy_checkbox_newsletter {
	width: 75%;
    margin: auto;
	text-align: center;
}
#privacy_checkbox_newsletter label {
	line-height: 1.4em;
	font-size: 11px;
	color: #fff;
}

/* > FICHES CONSEILS ----------------------------------------------------------------------------------------------------------- */
#blog-list h1 { margin-bottom:40px; }
/* >>> fiche conseils liste --------- */
.blog_els { 
	width:33.333%;
	float:left; padding:10px;
}
.blog_els a { 
	display:block;
	border:#d2d2d2 1px solid;
	-webkit-transition:border-color .2s;
	-o-transition:border-color .2s;
	transition:border-color .2s;
}
.blog_els .thumbnails { margin-bottom:0; }
.blog_els .blog-content {
	padding:10px 0;
	display:table; width:100%;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
}
.blog_els .blog-text {
	display:table-cell;
	vertical-align:middle;
	height:160px;
	padding:0 20px;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.blog_els h2,
.blog_els h3 {
    margin: 0 0 10px;
	font-size:18px;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.blog_els p { margin:0; color:#999 }
.blog_els a:hover { border-color:#1ca9e3 }
.blog_els a:hover .blog-content { background-color:#f2f2f2; }
.blog_els a:hover .blog-content h2 { color:#1ca9e3 }

@media screen and (max-width: 990px) { .blog_els { width:50%; } }
@media screen and (max-width: 640px) { 
	
	.blog_els { width:100%; float:none } 
	#page_blog-fiche #content { padding:30px 0; }
	#page_blog-fiche .content_block.edit_content { padding:0; }
	#page_blog-fiche .content_block.edit_content .content_row { padding:0 10px; }
	#page_blog-fiche .content_block .content_row > .wp50,
	#page_blog-fiche .content_block .content_row > .wp60,
	#page_blog-fiche .content_block .content_row > .wp40,
	#page_blog-fiche .content_block .content_row > .wp25 { padding:10px; }
	#page_blog-fiche .divide { margin:0 auto 20px; }
}

/* >>> fiche conseils > fiche ---- */
#heading-blog { 
    background: url(../images/decoration/bg_heading_article.gif) center no-repeat;
    background-size: cover;
    color: #fff;
}
#heading-blog .content_row {
	text-align:center;
	max-width: 910px;
	padding:30px;
}
#heading-blog h1 {
	padding:0;
	margin:0 auto;
	line-height:1.2em;
	max-width:580px;
	color:#fff;
}
#heading-blog #breadcrumb { padding-bottom:0 }
#heading-blog #breadcrumb li,
#heading-blog #breadcrumb li a { color:#fff; }
#heading-blog #breadcrumb li a:hover { color:#1b488c }
/* --- */
.link_external, .link_pdf,
.content_block.edit_content .link_external,
.content_block.edit_content .link_pdf {
	background-repeat:no-repeat;
	background-position:5px center;
	padding:10px 15px 10px 50px;
	font-size:14px; font-weight:700;
	border-radius:10px;
	display:inline-block;
	min-height:40px;
	color:#4d4a47;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
.content_block.edit_content p .link_external,
.content_block.edit_content p .link_pdf { text-decoration:none }
.link_external .fc-gris, .link_pdf .fc-gris,
.content_block.edit_content .link_external .fc-gris,
.content_block.edit_content .link_pdf .fc-gris {
	font-size:12px;
	display:block;
	color:#969696;
}
.content_block.edit_content p .link_external:hover,
.content_block.edit_content .link_external:hover,
.content_block.edit_content p .link_pdf:hover,
.content_block.edit_content .link_pdf:hover { background-color:#f2f2f2 }
.content_block.edit_content .link_pdf { background-image:url(../images/icones/ico_document_dwnl.png); }
.content_block.edit_content .link_external { background-image:url(../images/icones/ico_external_link.png); }
#page_blog-fiche .content_block.edit_content { padding:0 20px; }
#page_blog-fiche .content_block.edit_content .content_row figure { margin-bottom:0 }
#page_blog-fiche .content_block.edit_content figure img { width:100%; }
#page_blog-fiche .divide {
	max-width:1160px;
	margin:0 auto 30px;
}
/* --- */
#footer-blog { padding:40px 0; }
#footer-blog .content_row {
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	min-height:70px;
	padding:20px 150px;
	max-width: 1160px;
}
#footer-blog .content_row p {
	text-align:center;
	font-size:14px;
	margin:5px 0;
}
#footer-blog .btn-prec,
#footer-blog .btn-suiv {
	position:absolute;
	top:10px;
	display:block;
	padding:10px 5px;
	border-radius:10px;
	background-color:#d7d7d7;
	text-align:center;
	font-size:14px;
	width:150px;
	-webkit-transition:color .2s linear, background-color .2s linear;
	-o-transition:color .2s linear, background-color .2s linear;
	transition:color .2s linear, background-color .2s linear;
}
#footer-blog .btn-prec { left:5px; }
#footer-blog .btn-suiv { right:5px; }
#footer-blog .btn-prec span,
#footer-blog .btn-suiv span { display:inline-block; vertical-align:middle; }
#footer-blog .btn-prec .icon-arrows_left { margin:0 5px 0 0; }
#footer-blog .btn-suiv .icon-arrows_right { margin:0 0 0 5px; }
#footer-blog .btn-prec:hover,
#footer-blog .btn-suiv:hover { color:#fff; background-color:#005a9a }
#footer-blog .rs-sharing {
	margin:0 auto;
	max-width:1160px;
	padding:20px 0;
	text-align:center;
	border-bottom:#ccc 1px solid;
}
.rs-sharing li { display:inline; }
.rs-sharing li.rs-sharing-title {
	display:inline-block; 
	margin-right:20px;
	color:#005a9a;
}
.rs-sharing li a {
	display:inline-block;
	width:30px; height:30px;
	text-align:center;
	border-radius:50%;
	line-height:26px;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
.rs-sharing li a img { margin:2px; vertical-align:middle; }
.rs-sharing li a:hover { background-color:#d7d7d7 }


/* > ARTICLES & BOUTIQUE 
------------------------------------------------------------------------------------------------------- */

#page_boutique .content_block.edit_content .content_row {
	padding:40px;
	border: #e3e3e3 1px solid;
	max-width:1200px  
}

/* >>> hash hack width offset --------------- */
.padding-offset {
	margin-top:-150px !important;
	padding-top:150px !important;
}

/* >>> categories commons ------------------- */
#categorie-list-content { padding:40px 10px; }
.category_list { 
	max-width: 1220px; 
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.category_list .category {
	padding:10px;
	width: 25%;
}
.category {  }
.category a {
    padding: 10px; 
	display: block;
	min-height: 100%;
	border:#cbcbcb 1px solid;
	-webkit-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.category a:hover {
	-webkit-box-shadow:#444 0 0 20px;
	-ms-box-shadow:#444 0 0 20px;
	box-shadow:#444 0 0 20px;
}
.category .article-content { padding:10px 10px 20px; text-align:center; }
.category .article-content h2 {
	line-height: 1.2em;
	font-size: 18px;	
	margin: 0 0 10px;
	-webkit-transition:color .3s ease-out;
	-o-transition:color .3s ease-out;
	transition:color .3s ease-out;
}
.category a:hover .article-content h2 { color: #005999 }
.category .article-content p { color:#acacac; margin:0 }
.category .article-thumb { }
.category .article-thumb img {
	display:block; width:100%;
	-webkit-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.category_filters_list .category .category-thumb img { width:160px; margin-top: -80px; }
.category > a:hover img {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
}

@media screen and (max-width: 860px) {
	
	.category_list .category { width:33.333%; }
	.category .thumbnails-article { height: 30vw; }
}
@media screen and (max-width: 640px) {
	.category_list .category { width: 50%; }
	.category .thumbnails-article { height: 40vw; }
	.article-piece-detachees-liste li.article .thumbnails-article { width:30%; }
	.article-piece-detachees-liste li.article .article-content { width:70%; }
}
@media screen and (max-width: 480px) {
	.category_list .category { width:100%; }
	.category .thumbnails-article { height: 80vw; }
}

/* >>> catégories pages --------------------- */
#categorie-content {
	padding:40px 20px;
	max-width:1240px; 
	margin:0 auto 
}
#categorie-description { padding-bottom:30px; }
#nav-category { padding:30px 30px 0 0; }
#nav-category .nav-category { margin-bottom:20px; }

#nav-category h3 { margin:0 }
#nav-category .nav-category-active h3,
#nav-category h3 a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 14px;
	background-color:#1ca9e3;
	border:transparent 1px solid;
    -webkit-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
#nav-category h3 a:hover { background-color: #005999 }
#nav-category h3 a { border-radius:10px; }
#nav-category .nav-category-active h3 { border-radius:10px 10px 0 0; }
#nav-category ul { border-radius:0 0 10px 10px; }

#nav-category ul {
    border:#cacaca 1px solid;
    padding:10px 0;
    color: #005999 
}
#nav-category ul li a { 
    display: block; padding:10px 10px 10px 30px; 
    font-size:12px; font-weight: bold
}
#nav-category ul li a.icon-arrows_right:before { top:10px; left:10px; }
#nav-category ul li.active { background-color: #e3e3e3 }
#nav-category ul li a:hover { text-decoration: underline; color: #005999 }
#nav-category ul li span { 
    display: inline-block; 
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 400;
    color:#005999
}
#category-1.nav-category-active h3, 
#category-1 h3 a { background-color:#1ca9e3 }
#category-1 h3 a:hover { border-color:#1ca9e3; background-color:#fff; color:#1ca9e3 }
#category-2.nav-category-active h3, 
#category-2 h3 a { background-color:#005999 }
#category-2 h3 a:hover { border-color:#005999; background-color:#fff; color:#005999 }
#category-3.nav-category-active h3,
#category-3 h3 a { background-color:#e2001a }
#category-3 h3 a:hover { border-color:#e2001a; background-color:#fff; color:#e2001a }

.category_filters_list {
	max-width:1280px;
	margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex; 
    padding:50px 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.category_filters_list .category {
    padding-bottom: 20px;
    width:25%;
	padding:10px;
    line-height: 1em;
    -webkit-transition:border-color .3s ease-out;
	-o-transition:border-color .3s ease-out;
	transition:border-color .3s ease-out;
}
.category_filters_list ul,
.category_filters_list div.empty-content {
	border:#c8d2e1 1px solid;
	height: 280px;
	height: calc(100% - 200px);
}

.category_filters_list .category:hover { border-color: #005999 }
.category_filters_list ul { padding:20px 10px; color: #005999 }
.category_filters_list ul li a { 
    display: block; padding: 5px 5px 5px 20px; 
    font-size: 12px; font-weight: bold
}
.category_filters_list ul li a:hover { text-decoration: underline; color: #005999 }
.category_filters_list ul li a.empty-content {
	min-height: inherit;
	background:none;
}

ul li a.icon-arrows_right {
	position:relative;
	font-family: 'Open Sans', sans-serif !important;
	padding-left:20px; 
}
ul li a.icon-arrows_right:before {
	font-family: 'icomoon' !important;
	position:absolute;
	top:6px; left:0;
	display: inline-block; 
	font-weight: 400;
    color:#005999
}

.article_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
}
.category_list { max-width:1240px; }
.category_list li.article .article-content { padding-bottom: 10px; }

/* >>> sous-catégories pages ---------------- */

#scategorie-description { padding-bottom:30px; }
.scategory_list { max-width:1240px; }
.scategory_list .slider-article {
    overflow: hidden;
	position:relative; 
	padding:0 30px;
    width: 70%
}
.scategory_list .slider-article li.article { width:50%; }
.scategory_list .slider-nav {
    background-color:#fff;
	position:absolute; z-index:3;
	top:0; width:30px; height:100%;
	text-align:center;
	color:#1ca9e3;
	font-size:20px;
	-webkit-transition:color .2s;
	-o-transition:color .2s;
	transition:color .2s;
}
.scategory_list .slider-nav:hover { color:#005999; }
.scategory_list .slider-nav-prev { left:0; }
.scategory_list .slider-nav-next { right:0; }
.scategory_list .slider-nav:before {
	position:absolute;
	top:50%; left:50%;
	margin:-10px;
	display:none;
}
.scategory_list:hover .slider-nav:before { display:block; }

@media screen and (max-width: 990px) {	
	
    .scategory_list .scategory > a h2 { font-size: 14px; }	
}

@media screen and (max-width: 850px) {
			
    .scategory_list .scategory { display: block; }
    .scategory_list .scategory > a,
    .scategory_list .slider-article { 
        display: block; 
		width: 100%; height:auto;
		line-height:normal;
        padding: 20px 30px; 
    }
	.scategory_list .slider-article li.article { width:50%; }
	.scategory_list .scategory > a h2 { font-size: 18px; }
}

/* >>> sous-sous-catégories pages ---------------- */
/* >    filtres */
.filter-container { padding-top: 30px }
.filter-container h3,
.filter-container .bt_filter { 
    margin: 0;
    padding: 10px;
    background-color: #005999;
    color: #fff;
    font-size: 14px;
}
.filter-container .bt_filter { display: none }
.filter-container .bt_filter .icon-arrows_down { float: right }
.filter-container fieldset {
    border-left:#c8d2e1 1px solid;
    border-right:#c8d2e1 1px solid;
    border-bottom:#c8d2e1 1px solid;
    padding:10px; 
    color: #005999 
}
.filter-container h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #005999;
}
.filter-container li label { 
    display: block; padding: 5px; 
    font-size: 12px; font-weight: bold;
    -webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	transition:background-color .2s;
}
.filter-container li.active,
.filter-container ul li label:hover { background-color: #e3e3e3 }
.filter-container ul li input { 
    display: inline-block; 
    vertical-align: middle;
    margin:-2px 5px 0 0;
    
}

/* >    order */
.order-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
#order-search-top { border-bottom: #cacaca 1px solid; padding: 20px 0 10px;  }
#order-search-bottom { border-top: #cacaca 1px solid; padding: 10px 0 20px; }
.order-search .order {
	padding:10px 0;
	width: 60%; height: 50px;
	font-size:0;
}
.order-search .order label.left,
.order-search .order p.left {
	font-weight:700;
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
	color:#1ca9e3;
	float:none
}
.order-search .order label.left {  max-width: 40%; padding: 0 10px 0 0; }
.order-search .order label select { font-size:11px; margin-top:0 }
.order-search .order p.left { max-width: 40%; margin:0 }
.order-search .pagination { 
    float: right;
    width: auto;
	margin:5px auto;
    padding: 5px 0;
    max-width: 40%;
}
.order-search .pagination .pag-prev,
.order-search .pagination .pag-next { float: none; }
.order-search .pagination li a,
.order-search .pagination .pag-prev a,
.order-search .pagination .pag-next a {
    width: 28px; height: 28px;
    line-height: 25px;
    font-size: 11px;
}

/* >    liste */
.sscategory_list { padding-left: 30px; }
.sscategory_list .article_list li.article { width:33.33333%; }

@media screen and (max-width: 900px) {
	
	#nav-category { width:30%; }
	.scategory_list.wp75 { width:70% }
	.scategory_list .article_list .article { width: 25%; }
	
	.scategory_list.wp75 .article_list .article { width: 33.333%; }
	.scategory_list.wp75 .article_list .thumbnails-article { height: 30vw }
}

@media screen and (max-width: 740px) {
	
	.thumbnails-article { height: 30vw }
	.article_list .article { width: 33.33%; }
	.article_list .thumbnails-article { height: 30vw }
}

@media screen and (max-width: 640px) {
	
	#nav-category { display:none }
	.scategory_list.wp75 {
		padding:0; width:auto; 
		float:none;
	}
	.scategory_list  .article_list .article,
	.scategory_list.wp75  .article_list .article { width: 50% }
	.article_list .thumbnails-article,
	.scategory_list.wp75 .article_list .thumbnails-article { height: 40vw }
}

@media screen and (max-width: 540px) {
	
   	.scategory_list  .article_list .article,
	.scategory_list.wp75  .article_list .article { width: 50% }
	
	.article_list .article { width:50%; }
	.article_list .thumbnails-article { height: 40vw }
}

@media screen and (max-width: 480px) {
			   
    .category_filters_list .category { width:100%; }
	
	.order-search .order { width: 100%;  }
	.order-search .order p.left { float:right; }
	.order-search .pagination { width: 100% }
}

@media screen and (max-width: 360px) {
	
	.scategory_list .article_list .article, 
	.scategory_list.wp75 .article_list .article { width:100%; }
	
	.article_list .thumbnails-article,
	.scategory_list.wp75 .article_list .thumbnails-article { height: 80vw }
	
	.scategory_list.wp75 .article .article-content,
	.scategory_list.wp75 .article .article-titre,
	.scategory_list .article .article-content,
	.scategory_list .article .article-titre,
	.scategory_list.wp75 .article h3,
	.scategory_list .article h3 { min-height:inherit; height:auto; }

	.article_list .article { width:100%; }
	.filter-options .option-filter { width:100%; float:none; }
	.filter-options .option-group label { padding:0 }
	.filter-options .option-filter .option-group { border-left:none; }
	
	#encart-produits .wp20 { width:30%; }
	#encart-produits .wp50 h3 { width:50%; }
	#encart-produits .wp50 h3 span { display:none }
}

/* >>> marques ------------------------------ */
#heading-marques .fig_marque {
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
	overflow:hidden;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    padding: 0 20px;
}
#heading-marques .fig_marque img {
    display: inline-block;
    vertical-align: middle;
    max-width: 95%;
}
#marques-content .sscategory_list { padding-left: 0; }
#marques-content .sscategory_list .article_list li.article { width:25%; }

/* >>> articles commons --------------------- */
.article { }
.article > a { 
	display: block;
	min-height: 100%;
	max-width: 320px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.thumbnails-article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: #fff;
	height: 20vw;
	max-width: 180px;
	max-height: 180px;
	margin: 0 auto 20px;
    text-align:center;
}
.thumbnails-article.th_loading { 
	background: #fff url(../images/common/th_preloader_2.gif) center no-repeat;
	background-size: auto;
}
.thumbnails-article img {
	display:block;
    margin: 0 auto;
    max-width: 100%;
	width: auto;
	-webkit-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.article:hover .thumbnails-article img {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:.4 
}
.article .article-content {
	position:relative;
	padding-bottom: 60px;
}
.article .article-content .article-stock {
	position:absolute;
	bottom: 15px; 
	width: 100%;
	left: 0;
	text-align:center;
}
.article h3,
.article .article-titre {
	text-transform: none;
	line-height: 20px;
	font-size: 16px;
	font-weight:700;
	color: #000;
	margin: 0;
}
.article h3 em {
	display: block;
	margin-top: 5px;
	font-size:12px;
	line-height: 17px;
	font-weight:400;
	color:#949494;
}
.article .article-soustitre
.article h4 {
	line-height:15px; text-transform:none;
	font-size:14px; color:#555; margin:0 0 5px;
}
.article-prix { 
	font-size:18px;
	font-family: 'Nunito', sans-serif;
	font-weight:700; margin:0;
	color:#000000;
}
.article-prix em {
	display:block;
	font-weight:700;
	font-style:normal;
	font-size:13px;
	color:#8d8d8d;
}
.article-prix .prix-barre { 
	text-decoration: line-through; 
	font-size:13px; color:#8d8d8d;
	font-weight:normal;
}
.article .article-stock {
	margin:0;
	font-size:11px;
	color:#8a8a8a;
}
.article .article-prix { margin-bottom:0; }
.article .article-stock strong { color:#1ca9e3; }
.article .article-promotions {
	position:absolute;
	top: 0; right: 20px;
	width:60%;
}
img.article-label {
	position:absolute;
	top:20px; left:20px;
	display:block;
	max-width:30%;
}
.article-promotions { }
.article-promotions .promo,
.article-promotions .nouveau {
	display:block;
	border-radius:50%;
	text-transform:uppercase;
	color:#fff; font-size:9px;
	line-height:56px; font-weight:700;
	width:56px; height:56px; float:right;
	text-align:center;
	margin:2px;
}
.article-promotions .promo { background-color: #e2001a; }
.article-promotions .nouveau { background-color: #1ca9e3; }
/* --- */
.article-button {
	display: inline-block;
	background-color: #e2001a;
	border-radius: 15px;
	color: #fff;
	width: 100px;
	padding: 8px;
	line-height: 14px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.article-button:hover { background-color: #005a9a; }
.article .article-button {
	position: absolute;
	left: 50%; margin-left: -50px;
	bottom: 20px;
}

/* >>> articles > slider -------------------- */
.article-slider,
.container .article-slider {
	padding: 0 80px;
	position: relative;
}
.article-slider_left,
.article-slider_right {
	position: absolute;
	top: 50%; 
	width: 32px;
	height: 32px;
	margin-top: -16px;
	cursor: pointer;
}
.article-slider_left svg,
.article-slider_right svg {
	display: block;
	width: 16px;
	height: 28px;
	margin: 2px 8px;
	fill: #005a9a;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.article-slider_left:hover svg,
.article-slider_right:hover svg {
	fill: #e2001a
}
.article-slider_left { left: 10px }
.article-slider_right { right: 10px }
.article-slider .article {
	width: 25%;
	height: auto;
}
@media screen and (max-width: 980px) {
	.article-slider,
	.container .article-slider { padding: 0 60px; }
	.article-slider .article { width: 33.33% }
	.article-slider .thumbnails-article { height: 30vw }
}
@media screen and (max-width: 640px) { 
	.article-slider .article { width: 50% } 
	.article-slider .thumbnails-article { height: 40vw }
}
@media screen and (max-width: 440px) { 
	.article-slider .article { width: 100% } 
	.article-slider .thumbnails-article { height: 80vw }
}
@media screen and (max-width: 360px) {
	.article .article-promotions { padding:2px 5px; }
}

/* >>> article fiche -------------------------- */
#article-fiche { padding:0 }
body.fixed_head #article-fiche { padding-top: 290px; }
#article-fiche-content {
	position:relative;
	padding-top: 10px; 
	padding-bottom: 50px;
}
#heading-fiche {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-height: 320px;
	max-width: 1280px;
	padding: 0 20px;
}
#article-fiche #breadcrumb {
	/*position:absolute;
	top:0; left:0;
	width:100%;*/
	padding:0 20px 20px;
}
#article-fiche #breadcrumb ul {
	text-align:left;
	padding: 10px 0;
}

/* >>> articles fiche > viewer */
#heading-fiche .wp50.left { padding: 0 0 20px; width: 35%; }
#heading-fiche .wp50.left .nopic img {
	display:block;
	width:100%;
}
#viewer-produit {
	padding:0 0 20px;
	position:relative;
	max-width:340px; 
    margin:0;
}
/*#viewer-produit .article-marque {
	position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: 2;
    max-width: 120px;
}
*/
#heading-fiche .article-marque { 
	margin: -15px 0 10px;
	max-width: 120px;
	width: 50%;
}
#heading-fiche .article-marque a { 
	display: block;
	border: transparent 1px solid;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
}
#heading-fiche .article-marque a img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
#heading-fiche .article-marque a:hover { border-color: #c4c4c4 }
#heading-fiche .article-marque a:hover img {
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
}

#viewer-produit.slider-photo { padding:0 0 20px 60px; }
#viewer-produit .article-promotions { position: absolute; z-index:5; right:0; }
#viewer-produit.loading {
	background:#fff url(../images/common/th_preloader_2.gif) center no-repeat;
	min-height:300px; overflow-y:hidden;
}
#viewer-produit.loading .slides { display:none; }
#viewer-produit .flex-viewport { position:relative; z-index:0; }
#viewer-produit ul li { float:left; width:100%; }
#viewer-produit ul li img { display:block; max-width:100%; margin:0 auto }
#viewer-produit .flex-control-nav { position:absolute; left:0; top:0; }
#viewer-produit .flex-control-nav li {
	margin:5px 0;
	max-width:50px;
	text-indent:99999;
	list-style:none;
}
#viewer-produit .flex-control-nav li img { 
	display:block; width:100%; 
	border:#ccc 1px solid;
	 margin:-1px 0 0 -2px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#viewer-produit .flex-control-nav li img.flex-active,
#viewer-produit .flex-control-nav li img:hover { border-color:#1ca9e3; }

/* >>> articles fiche > content */
#heading-fiche .wp50.edit_content.left { 
	max-width: none; 
	width: 45%;
	color: #7b7b7b;
	padding: 0 30px 20px 30px;
}
#heading-fiche h1 { 
	font-size:24px;
	line-height:1em;
	margin-bottom:20px; 
}
#article-infos { display:table; margin-bottom:20px; }
#article-infos li {
	background-position:0 center;
	background-repeat:no-repeat;
	vertical-align:middle;
	padding:0 20px 0 30px;
	display:table-cell;
	font-weight:700;
}
#article-infos li[class^="stock-"] { }
#article-infos .article-livraison { background-image:url(../images/common/article-livraison.png) }
#article-infos .article-garantie { background-image:url(../images/common/article-garantie.png) }
#heading-fiche .edit_content h3 { text-transform:lowercase; color:#1ca9e3; }
#heading-fiche .article-prix { font-size:24px; }

/* >>> article fiche > commande */
#heading-fiche #article-achat { position:relative; }
#cart-options { padding:10px 0 0; }
#cart-options .quantite {
	display:inline-block;
	max-width: 100px;
	vertical-align: middle;
}
#cart-options fieldset:first-child { padding-left: 0 }
#cart-options .link-panier { 
	vertical-align:middle;
	min-width: 180px;
}
/*#article-achat.article-commandable { }
#article-achat.article-commandable .article-prix { width: 30%; }
#article-achat.article-commandable #cart-options { width: 70%; }
*/
#options-group {
	border-radius: 10px;
	background: #e3f3ff;
	margin: 20px auto 10px;
	padding: 10px;
	width: 100%;
}
label.list-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
label .list-options_label {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	margin: 0 10px 0 0;
	color: #000000;
	font-weight: 700;
}
label.list-options select { 
	-webkit-box-flex: 50%; 
	    -ms-flex: 50%; 
	        flex: 50%;
	margin: 0;
}

/* >>> article fiche > connexion */
#encart-connect-fiche {
	border-radius: 20px;
	background: url(../images/decoration/bg_fiche_connexion.gif) center no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	margin: 20px 0 50px;
	width: 100%;
}
#encart-connect-fiche img {
	display: block;
	-ms-flex-item-align: end;
	    align-self: flex-end;
	max-width: 120px;
}
#encart-connect-fiche h3 {
	color: #fff;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width: 340px;
	font-size: 20px;
	margin: 0 10px;
}
#encart-connect-fiche p {
	font-family: 'Nunito', sans-serif;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	font-weight: 700;
	max-width: 440px;
	font-size: 20px;
	margin: 0 10px;
	color: #fff
}
#encart-connect-fiche p a { 
	color: #000; 
	-webkit-transition: color .3s; 
	-o-transition: color .3s; 
	transition: color .3s;
}
#encart-connect-fiche p a.arrow-link::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='20' viewBox='0 0 11 20'%3E%3Cpath style='fill:%23ffffff;' d='M1.2,20c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.7l7.9-8L0.3,2c-0.5-0.5-0.5-1.2,0-1.7c0.5-0.5,1.2-0.5,1.6,0l8.7,8.8C10.9,9.4,11,9.7,11,10c0,0.3-0.1,0.6-0.3,0.8L2,19.7C1.8,19.9,1.5,20,1.2,20z'/%3E%3C/svg%3E");
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	height: 20px;
	width: 11px;
}
#encart-connect-fiche p a:hover { color: #fff; }

/* >>> article fiche > caracteristique */
#article-services {
	width: 20%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	color: #747474;
}
#article-services .encart-pd {
	display:block;
	margin: 30px auto 20px;
	max-width: 330px;
	padding: 20px 20px 20px 60px;
	background:#005999 url(../images/decoration/bg_encart_pd.jpg) center no-repeat;
	background-size:cover;
	line-height:1.2em;
	border-radius:10px;
	font-weight:700;
	color:#fff;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
#article-services .encart-pd:hover {
	background-size:200% auto;
	-webkit-box-shadow:#93f7ff 0 0 100px inset;
	-ms-box-shadow:#93f7ff 0 0 100px inset;
	-o-box-shadow:#93f7ff 0 0 100px inset;
	box-shadow:#93f7ff 0 0 100px inset;
}
#article-services .article-label > a {
	display:block;
	max-width:150px;
	border:#fff 2px solid;
	margin:-40px 0 20px;
	-webkit-transition:border-color .3s linear;
	-o-transition:border-color .3s linear;
	transition:border-color .3s linear;
}
#article-services .article-label img {
	display:block;
	margin:0 auto; max-width:100%;
	-webkit-transition:transform .3s;
	-o-transition:transform .3s;
	-webkit-transition:-webkit-transform .3s;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s, -webkit-transform .3s;
}
#article-services .article-label > a:hover { border-color:#005999; }
#article-services .article-label > a:hover img {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
}
#article-services ul.list-check {
	border-left:#d6d6d6 1px solid;
	margin-bottom:30px;
	padding-left:20px;
}

@media screen and (max-width: 1024px) {	
	#article-services ul.list-check {
		border-left: none;
		padding-left: 0;
	}
	#article-services .encart-pd { 
		padding: 20px;
		text-align: center;
	}
}

@media screen and (max-width: 980px) {	
	
	#heading-fiche .wp50.left { width:45%; }
	#heading-fiche .wp50.edit_content.left { 
		width: 55%; 
		padding: 0 0 30px 30px;
	}
	#encart-connect-fiche {
		position: relative;
		padding: 15px 5% 15px 25%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#encart-connect-fiche img {
		position: absolute;
		left: 5%; width: 15%;
		bottom: 0;
	}
	#encart-connect-fiche h3,
	#encart-connect-fiche p {
		text-align: center;
		margin: 10px 0;
	}
	/* --- */
	#article-services {
		width: 100%; 
		padding: 30px 20px;
		border-top: #d6d6d6 1px solid;
	}
	#article-services .encart-pd { padding: 20px 50px; }
	#article-services .article-label > a { margin:0 auto; }
	#article-services ul {
		border-left:none; padding-left:0;
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	#article-services.brand-display .article-label { width:33.333%; float:left; }
	#article-services.brand-display ul {
		/*width:66.666%; float:left;*/
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media screen and (max-width: 640px) {
	#heading-fiche .wp50.left {
		width: 100%;
		padding: 0 10px; 

		margin: 0 auto 30px;
	}
	#viewer-produit { 
		width: 100%;
		margin: 0 auto;
	}
	#viewer-produit.slider-photo { padding: 0 0 50px; }
	#viewer-produit .flex-control-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		bottom: 0; top: auto;
		width: 100%;
	}
	#viewer-produit .flex-control-nav li { margin: 0 5px; }
	#heading-fiche .wp50.edit_content.left {
		width: 100%;
		padding: 0 10px 20px;
	}
	#article-services ul {
		-webkit-column-count:2;
    	-moz-column-count:2;
	    column-count:2;
	}
	#article-services.brand-display .article-label { width:50% }
	#article-services.brand-display ul {
		width:50%;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	#articles-associes .content_row { padding:30px 30px 0; }
	
	/* >>> article fiche > blocs */
	#page_boutique .content_block.edit_content,
	#article-fiche .content_block.edit_content  { padding:0; }
	#page_boutique .content_block.edit_content .content_row,
	#article-fiche .content_block.edit_content .content_row { border:none;  border-top:#e3e3e3 1px solid; }
	#article-fiche .edit_content .content_row,
	#article-fiche .edit_content .content_row .wp25, 
	#article-fiche .edit_content .content_row .wp33, 
	#article-fiche .edit_content .content_row .wp40, 
	#article-fiche .edit_content .content_row .wp50, 
	#article-fiche .edit_content .content_row .wp60, 
	#article-fiche .edit_content .content_row .wp66, 
	#article-fiche .edit_content .content_row .wp75, 
	#article-fiche .edit_content .content_row .wp100 { padding:10px; }
}

@media screen and (max-width: 540px) {
	#article-fiche-content { padding-top: 50px; }
	#article-services { padding: 20px 10px 0 }
	#encart-connect-fiche { padding: 5%; }
	#encart-connect-fiche img { display: none }
	#encart-connect-fiche h3, 
	#encart-connect-fiche p {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
	
	#article-services ul {
		-webkit-column-count:1;
    	-moz-column-count:1;
	    column-count:1;
	}
	#article-services.brand-display .article-label,
	#article-services.brand-display ul { width:auto; float:none }
	#article-services.brand-display .article-label { margin:0 auto 20px }
	#article-services.brand-display ul { border:none; padding-left:0 }
	#articles-associes .article_list .article { width:100%; }	
	#article-achat.article-commandable .article-prix,
	#article-achat.article-commandable #cart-options { 
		float:none; width:auto;
		text-align:center;
	}
}

/* >>> stock */
.stock-0, 
.stock-1 { background: url(../images/common/stock-3.png) no-repeat left center; }
.stock-2 { background: url(../images/common/stock-2.png) no-repeat left center; }
.stock-3,
.stock-4 { background: url(../images/common/stock-1.png) no-repeat left center; }
span.stock-label-disable { font-weight: 700; color:#ab0d04 }
span[class^="stock-"] {
	height:13px;
	display:inline-block;
	padding-left: 24px;
}

/* > liste de documents */
#encart-documentation {
	background:url(../images/decoration/bg_documentation.gif) #005999 center no-repeat;
	background-size: cover;
	color:#fff;
}
#encart-documentation .content_row { 
	max-width: 1280px; 
	padding: 30px 30px; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#encart-documentation h2 {
	background: 0 0 no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48' height='48' viewBox='0 0 48 48' style='fill:%23fff;'%3E%3Cpath d='M32.5,38.9V1.7c0-1-0.8-1.7-1.8-1.7H7.9L7.6,0.3c0,0,0,0,0,0l-7.2,7c0,0,0,0,0,0L0,7.6v31.3c0,1,0.8,1.7,1.8,1.7h28.9C31.7,40.6,32.5,39.9,32.5,38.9z M26.5,19.5H6c-0.6,0-1-0.4-1-1c0-0.5,0.4-1,1-1h20.6c0.6,0,1,0.4,1,1C27.5,19,27.1,19.5,26.5,19.5z M27.5,23.9c0,0.5-0.4,1-1,1H6c-0.6,0-1-0.4-1-1c0-0.5,0.4-1,1-1h20.6C27.1,22.9,27.5,23.3,27.5,23.9z M6,28.3h20.6c0.6,0,1,0.4,1,1c0,0.5-0.4,1-1,1H6c-0.6,0-1-0.4-1-1C5,28.7,5.4,28.3,6,28.3z M26.5,14.1H6c-0.6,0-1-0.4-1-1c0-0.5,0.4-1,1-1h20.6c0.6,0,1,0.4,1,1C27.5,13.7,27.1,14.1,26.5,14.1z M7.2,3.9v3H4.1L7.2,3.9z'/%3E%3Cpath class='st0' d='M46.7,8.7L34.8,5.6c0,0,0.1,34.4,0.1,35.6s0,1.6-1.5,1.6c-1.5,0-8.2,0-8.2,0h-9.3l19.8,5.1c1,0.2,1.9-0.3,2.2-1.2l10-35.9C48.2,9.9,47.6,8.9,46.7,8.7z'/%3E%3C/svg%3E");
	text-transform:uppercase;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width:280px;
	height: 50px;
	padding: 5px 0 5px 60px;
	margin: 0 5% 0 0;
	font-size: 18px;
	color: #fff;
}
#encart-documentation ul { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#encart-documentation ul li a {
	display: block;
	min-height: 50px;
	padding: 10px;
}
#encart-documentation ul li a strong { 
	display: block;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
#encart-documentation ul li a:hover strong { color: #e2001a }

@media screen and (max-width: 980px) {
	#encart-documentation .content_row { 
		-ms-flex-wrap: wrap; 
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#encart-documentation h2 { margin-bottom: 20px; }
	#encart-documentation ul {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

/* >	Tableaux enfants */
.table_gamme {
	display:table;
	width:100%;
	padding:0;
}
.table_gamme .table-row, 
.table_gamme .table-legend { display:table-row; }
.table_gamme .table-legend { text-transform:uppercase; }
.table_gamme .table-cell { display:table-cell; }
.table_gamme .table-row:nth-child(2n+1) { background-color:#cff0fe }
.table_gamme .table-legend .table-cell {
	background:#cff0fe;
	text-align:center;
	color:#000000;
	font-size:11px;
	line-height:11px;
	padding:10px;
}
.table_gamme .table-row .table-cell { 
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.table_gamme .article-thumb { max-width: 100px; }
.table_gamme .article-thumb img { /*max-width:90%;*/ width:90%; }
.table_gamme .article-thumb a.thumbnails { width: 90%; }
.table_gamme .article-thumb a.thumbnails img { width: 100%; }
.table_gamme .table-cell.article-title,
.table_gamme .table-legend .legend-title { padding-left:20px; text-align:left; }
.table_gamme .article-title h3 {
	font:700 12px 'Open Sans', sans-serif;
	color: #000000; margin:0;
	text-transform:none;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.table_gamme .label-table { display:none }
.table_gamme a.article-title:hover h3 { color:#005999 }
.table_gamme .article-prix { 
	text-align:center; width:12%;
	min-width:120px; 
}
.table_gamme .article-prix .prix-barre { display:block; }
.table_gamme .quantite { text-align:center; width:80px; }
.table_gamme .quantite label { 
	display:inline-block; 
	vertical-align:middle;
	width:60px;
	margin:0 
}
.table_gamme .quantite .label-text { display:none }
.table_gamme .icon-cell { width:25px; }
.table_gamme .table-row .article-commande { 
	width: 180px;
	text-align:center;
	padding: 10px 0;
 }
.table_gamme .link-panier,
.table_gamme .link-devis { display:block; width:150px; margin:0 auto }
.table_gamme .legend-num,
.table_gamme .article-num { width:80px; }
.table_gamme .article-num {
	color:#005999;
	font-weight:700;
}
.table_gamme__legend {
	color: #fff;
	border-radius: 20px 20px 0 0;
	background: #005999;
	padding: 0 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: -20px;
}
.table_gamme__legend .table-cell {
	padding: 10px
}
.table_gamme__legend .table-cell.article-thumb { 
	width: 220px;
	text-align: left;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.table_gamme__legend .table-cell.article-title {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.table_gamme__legend .table-cell.article-prix {
	text-align: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 160px;
}
.table_gamme__legend .article-prix strong {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}
.table_gamme__legend .table-cell.article-quantite {
	width: 240px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	text-align: left;
}

#table-gamme-short .link-panier,
#table-gamme-short .link-devis { width:40px; }
#table-gamme-short .table-row .article-commande { width:60px; }

#article-fiche #produit-gamme { 
	max-width: 1240px; 
	padding: 40px 20px; 
}
#article-fiche .content_block.edit_content .content_row { max-width: 1280px; }
#article-fiche .content_block.edit_content,
#article-fiche .content_block.edit_content p,
#article-fiche .content_block.edit_content li { color: #7b7b7b }
#article-fiche .content_block.edit_content h2 { 
	text-transform: none;
	color: #1ca9e3 
}
#article-fiche .content_block.edit_content h3 { color: #e2001a }

@media screen and (max-width: 980px) {
	
	#article-fiche #produit-gamme { padding:0; }
	.table_gamme .article-thumb { display: none }
	.table_gamme .table-row .article-commande { width: 140px; }
	#table-gamme .link-panier:before,
	#table-gamme .link-devis:before { display:none }
	#table-gamme .link-panier,
	#table-gamme .link-devis {
		text-align:center;
		font-size:11px;
		width:120px; 
	}
	#table-gamme .table-cell.article-prix { width:90px; min-width:inherit; }
	#table-gamme .table-row .table-cell { font-size:12px; }
}

@media screen and (max-width: 740px) {
	#article-fiche #produit-gamme { padding: 0 0 30px; }
	#table-gamme { display:block; }
	#table-gamme .table-legend { display:table; width:100%; }
	#table-gamme .table-legend .table-cell { padding:20px 10px; }
	#table-gamme .table-legend .legend-quantite,
	#table-gamme .table-legend .legend-commande,
	#table-gamme .table-legend .legend-prix { display:none }
	#table-gamme .table-row {
		width:100%;
		display:table;
		position:relative;
		padding-bottom:60px;
	}
	#table-gamme .table-cell { width:20%; }
	#table-gamme .table-row .table-cell { height:70px; }
	#table-gamme .table-cell.article-title, 
	#table-gamme .table-legend .legend-title { width:40%; }
	#table-gamme .table-cell.quantite,
	#table-gamme .table-cell.article-commande,
	#table-gamme .table-cell.article-prix { 
		display:block;
		padding:5px 10px;
		position:absolute;
		bottom:0; height:60px;
		line-height:50px;
	}
	#table-gamme .table-cell.quantite { 
		width: 80px; 
		left: 10px; 
		bottom: 10px;
	}
	#table-gamme .table-cell.article-prix { left:80px; width:90px; }
	.table_gamme .article-prix .prix-barre { line-height:1em; margin-top:-18px; }
	#table-gamme .table-cell.article-commande { 
		left:170px; width:auto; 
		width: calc(100% - 170px);  
		text-align:right;
	}
	#table-gamme .link-panier, 
	#table-gamme .link-devis,
	.table-cell.article-commande em { display:inline-block; vertical-align:middle; margin-right:5px }
}

@media screen and (max-width: 480px) {
	
	#article-fiche #produit-gamme { padding: 0 }
	.table-cell.article-commande em { display:none }
	#table-gamme .table-row { display:block; padding-bottom:70px; }
	#table-gamme .table-legend { display:none }
	#table-gamme .table-row .table-cell {
		text-align:left; padding:0 20px;
		border:none; display:block;
		width:auto; height: auto;
	}
	.table_gamme .label-table { display:inline; font-size:0.85em; }
	#table-gamme .table-row .article-thumb { display: none }
	#table-gamme .table-cell.article-title {
		border-top:#e9e6e5 1px solid;
		padding:20px 20px 10px;
	}
	#table-gamme .table-cell.quantite, 
	#table-gamme .table-cell.article-commande, 
	#table-gamme .table-cell.article-prix { padding:10px; }
	#table-gamme .table-cell.article-commande {
		right:0;
		text-align:right;
	}
	#table-gamme .link-panier, 
	#table-gamme .link-devis { padding:5px 0; width:110px }

}

@media screen and (max-width: 380px) {
	label.list-options { 
		display: block;
		text-align: left;
	}
	label.list-options select { margin: 5px 0 0; }
}

/* > articles associes */
#articles-associes { border-top:#dadada 1px solid; padding:0; }
#articles-associes .content_row { padding:40px; }
#articles-associes .article { padding:10px }
.article_slider_nav {
	display:block;
	width:30px; height:50px;
	text-align:center;
	line-height:55px;
	color:#1ca9e3;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.article_slider_nav span { font-size:24px; }
.article_slider_nav:hover { color:#005999 }
.article_slider_nav.swiper-button-disabled { display:none }
#articles-associes .article_slider_nav {
	position:absolute;
	top:50%; margin-top:-15px;
}
#articles-associes .nav_prev { left: 10px; }
#articles-associes .nav_next { right: 10px; }

@media screen and (max-width: 980px) {
	#articles-associes { padding: 0; }
	#articles-associes .content_row { padding: 30px 40px; }
	#articles-associes .article_list .article { width: 33.33%; }
}
@media screen and (max-width: 780px) { #articles-associes .article_list .article { width: 50%; } }
@media screen and (max-width: 640px) { #articles-associes .article_list .article { width: 50%; } }
@media screen and (max-width: 480px) { #articles-associes .article_list .article { width: 100%; } }

/* >>> article-fiche enfants ------------------------------ */
#article-fiche #heading-fiche.fiche_details { padding:20px; }
#heading-fiche.fiche_details .wp50 { width:50%; padding:20px; }
#heading-fiche .bouton_retour {
	display:inline-block;
	border-radius:10px;
	line-height:50px;
	color:#005999;
	padding:0 10px;
	font-weight:700;
	-webkit-transition:background-color .2s, color .2s;
	-o-transition:background-color .2s, color .2s;
	transition:background-color .2s, color .2s;
}
#heading-fiche .bouton_retour .bouton_1 {
	vertical-align:middle;
	margin-right:10px;
}
#heading-fiche .bouton_retour .bouton_text {
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	font-size:11px;
}
#heading-fiche .bouton_retour .bouton_text strong { 
	text-transform:uppercase; 
	color:#005999; display:block;
	-webkit-transition:color .2s;
	-o-transition:color .2s;
	transition:color .2s;
}
#heading-fiche .bouton_retour .bouton_1:hover { background-color:#005999; border-color:#005999; color:#fff }
#heading-fiche .bouton_retour:hover { background-color:#005999; color:#fff }
#heading-fiche .bouton_retour:hover .bouton_text strong { color:#fff }
#heading-fiche .photo-article {
	text-align:center;
	line-height:300px;
	height:300px;
}
#heading-fiche .photo-article img {
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
}

#article-commande .article-prix,
#article-commande .article-panier,
#article-commande .quantite {
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 0; 
	margin:0;
}
#article-commande .quantite label { max-width:80px; }
#heading-fiche.fiche_details #article-infos {
	border: #d7dce6 1px solid;
	position:static; display:table;
	width:100%;
}
#heading-fiche.fiche_details #article-infos .article_cell { border:none; border-left:#d7dce6 1px solid; }
#heading-fiche.fiche_details #article-infos .article_cell:first-child { border:none }
/* > tableaux */
#heading-fiche table { 
	max-width: none;
	width:100%;
}
#heading-fiche table tr th, 
#heading-fiche table tr td {
	padding:10px;
	width:50%;
	text-align:left; 
	color:#005999;
}
#heading-fiche table th {
    text-transform: uppercase;
	font-weight:700;
}
#heading-fiche tr:nth-child(2n-1) td,
#heading-fiche tr:nth-child(2n-1) th { background-color:#e0f3fa; }

/* >>> PIECES DETACHEES ----------------------------------------------------------------------------------------------- */
/* >>> pièce détachées liste */
#heading-pieces_detachees {
	padding:40px 0;
    background: url(../images/decoration/bg_heading_article_4.gif) center no-repeat;
    background-size: cover;
    color: #1b488c;
}
#heading-pieces_detachees h1 { line-height: 1.2em; }
/*#heading-pieces_detachees #breadcrumb li, 
#heading-pieces_detachees  #breadcrumb li a { color:#1b488c }*/
#heading-pieces_detachees  #breadcrumb li a:hover { color:#1b488c }
/* --- */
#encart-pieces-detachees {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	max-width: 1220px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background: url(../images/decoration/bg_documentation.gif) center no-repeat;
	background-size: cover;
	border-radius: 20px;
	color: #fff;
}
#content > #encart-pieces-detachees,
#produit-pieces #encart-pieces-detachees { margin-bottom: 20px; }
#encart-pieces-detachees .encart-pd_titre {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 3%;
	min-height: 90px;
	max-width: 20%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-size: 100% 100%;
	line-height: 1.2em;
	font-size: 20px;
}
#encart-pieces-detachees .encart-pd_etape {
	padding: 10px 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#encart-pieces-detachees .encart-pd_etape span {
	padding-left: 10px;
	font-weight: 700;
	max-width: 220px;
}
@media screen and (max-width: 1280px) {
	#encart-pieces-detachees { margin: 0 30px; }
}
@media screen and (max-width: 1080px) {
	#encart-pieces-detachees {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding: 20px;
	}
	#encart-pieces-detachees .encart-pd_titre {
		margin: 0;
		width: 100%;
		min-height: inherit;
		padding: 10px;
		max-width: inherit;
		text-align: center;
		font-size: 24px;
	}
	#encart-pieces-detachees .encart-pd_etape {
		padding: 10px;
		max-width: 33%;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	#encart-pieces-detachees .encart-pd_etape span {
		padding-top: 10px;
		padding-left: 10px;
		font-weight: 700;
		max-width: 220px;
	}
}
@media screen and (max-width: 740px) {
	#encart-pieces-detachees {
		max-width: 320px;
		margin: 0 auto;
	}
	#encart-pieces-detachees .encart-pd_titre {
		text-align: center;
	}
	#encart-pieces-detachees .encart-pd_etape {
		padding: 10px 20px;
		max-width: inherit;
		width: 100%;
	}
	#encart-pieces-detachees .encart-pd_etape br { display: none }
	#encart-pieces-detachees .encart-pd_etape span { max-width: inherit; }
}
@media screen and (max-width: 640px) {	
	#encart-piece-fiche { padding:20px; }
	#encart-piece-fiche .fig-article-pd { width:20%; margin:0 5% 0 0; max-width:120px }
	#encart-piece-fiche h3 { width:75%; padding-left:0 }
	#encart-piece-fiche .bouton_2 { float:none; clear:left; margin:20px 0 0 25%; }
	#produit-pieces .table_gamme {
		min-height: 30vw;
		position:relative 
	}
	#produit-pieces .table_gamme {
		position: relative;
		padding-left: 40%;
	}
	#produit-pieces .table_gamme .article-thumb {
		position: absolute;
		top: 0; left: 0;
		width: 30%;
	}
	#produit-pieces .table_gamme .article-thumb a.thumbnails { margin: 5%; }
	#produit-pieces .table_gamme .article-num {
		position: absolute;
		width: 10%;
		top: 20px; 
		left: 30%;
		text-align: center;
	}
	#produit-pieces  .table_gamme .quantite {
		margin: 10px 0 0;
		display: block;
		float: left;
	}
	#produit-pieces .table_gamme .article-commande {
		margin: 12px 0 0;
		display: block;
		float: left;
	}
	#produit-pieces .table_gamme h3.article-title,
	#produit-pieces .table_gamme .article-prix {
		display: block;
		text-align: left;
		width: 100%;
		padding: 5px 10px;
	}
	.table_gamme__legend .table-cell.article-thumb { width: 30% }
	.table_gamme__legend .table-cell.article-quantite { display: none }
}


/* --- */
.article-piece-detachees-liste li.article { border-top:#cacaca 1px solid; }
.article-piece-detachees-liste li.article:first-child { border:none }
.article-piece-detachees-liste li.article > a {
	position:relative;
    max-width:inherit;
	padding-right:50px;
	display:table; width:100%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.article-piece-detachees-liste li.article > a:after {
	content: "\e907";
    top:50%; right:10px;
	position:absolute;
	font-family: 'icomoon';
    display: inline-block;
	line-height:40px;
    font-weight: 400;
	margin-top:-20px;
    color: #005999;
}
.article-piece-detachees-liste li.article .thumbnails-article {
	display:table-cell;
    line-height:normal;
    margin-bottom:0;
    height:auto;
	width:20%;
}
.article-piece-detachees-liste li.article .article-content {
	display:table-cell;
	padding:0 0 0 20px;
	text-align: left;
    height:auto; width:70%;
	vertical-align:middle;
}
.article-piece-detachees-liste li.article h2 { font-size:16px; margin:0 }
.article-piece-detachees-liste li.article h3 { color:#005999 }
.article-piece-detachees-liste li.article .article-promotions { 
	left: 0; width: auto;
	right: auto; 	
}
#sous-categorie-content {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px;
}

@media screen and (max-width: 640px) {
	
	.article-piece-detachees-liste li.article .thumbnails-article { width:30%; }
	.article-piece-detachees-liste li.article .article-content { width:70%; }
}

@media screen and (max-width: 480px) {
	
	.article-piece-detachees-liste li.article > a { padding-right:0 }
	.article-piece-detachees-liste li.article > a:after { display:none }
	.article-piece-detachees-liste li.article .thumbnails-article { width:40%; }
	.article-piece-detachees-liste li.article .article-content { width:60%; }
}

@media screen and (max-width: 360px) {
	
	.article-piece-detachees-liste li.article > a { padding:10px; display:block }
	.article-piece-detachees-liste li.article .thumbnails-article {
		display:block;
		width:auto; max-width:60%;
		float:none; margin:0 auto 10px;
	}
	.article-piece-detachees-liste li.article .article-content {
		display:block;
		width:auto; float:none;

		padding:0 0 20px; 
	}
}

/* >>> pièces détachées fiche  */
#heading-pd-fiche {
	background:url(../images/decoration/bg_pieces_detachees.gif) center no-repeat;
	background-size:cover;
	padding:3% 20px;
}
#heading-pd-fiche .content_row {
	position:static;
	border-radius: 20px;
	background-color: #fff;
	max-width: 1200px;
	padding: 30px;
}
#heading-pd-fiche h1 { margin-bottom:10px; line-height:1.2em; }
#heading-pd-fiche h1.left { max-width:70%; }
#heading-pd-fiche .bouton_1 { 
	float:right;
	padding:6px 10px;
	margin-bottom:10px;
	border-color:#1ca9e3;
	background-color:#1ca9e3;
}
#heading-pd-fiche .bouton_1 img { vertical-align:middle }
#heading-pd-fiche .bouton_1:hover { background-color:#e2001a; border-color:#e2001a }
#heading-pd-fiche #breadcrumb { padding:0 0 10px; }
#pd-image-zoom { margin:20px 0; }	
#pd-zoom {
	display:block;
	max-width:100%;
	max-height:50vh;
	margin:0 auto;
}
#produit-pieces { padding:40px 20px; }
#produit-pieces .table_gamme { 
	border:#cacaca 1px solid;
	padding:10px 2%; margin:20px 0;
}
.table-cell.article-num span {
	border-radius:50%;
	text-align:center;
	display:inline-block;
	background-color:#005999;
	height:44px; width:44px;
	line-height:44px;
	color:#fff;
}
#produit-pieces .table_gamme h3.article-title { margin:0; }
#produit-pieces .table_gamme .article-commande a.link-panier { padding:10px 5px; width:150px }
#table-gamme-short .article-commande .link-panier:before {
    display: inline-block;
    font-family: 'icomoon';
    font-size: 16px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    content: "\e900";
}
#produit-pieces .table_gamme .table-cell { vertical-align:middle; }
#produit-pieces .table_gamme .article-thumb { /*width:80px;*/ width:160px; }
#produit-pieces .table_gamme .article-thumb a.thumbnails { width: 90%; }
#produit-pieces .table_gamme .article-thumb a.thumbnails img { width: 100%; }
#produit-pieces .table_gamme .article-thumb img { /*max-width:90%;*/ width:90%; }
#produit-pieces .table_gamme .article-num { width:60px; }
#produit-pieces .table_gamme .article-prix,
#produit-pieces .table_gamme .article-commande { width:160px; }
#encart-piece-fiche {
	display:block;
	position:relative;
	background:#1ca9e3 url(../images/decoration/bg_article_pd.gif) center no-repeat;
	background-size:cover;
	margin:20px auto;
	padding:10px 2%;
}
#encart-piece-fiche:before {
	content:"";
	position:absolute;
	top:0; left:0; width:100%; height:100%;
	background-color:#e2001a;
	opacity:0; z-index:0;
	-webkit-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}
#encart-piece-fiche:hover:before { opacity:1 }
#encart-piece-fiche .fig-article-pd,
#encart-piece-fiche .bouton_2,
#encart-piece-fiche h3 {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:1.3em;
	z-index:1;
}
#encart-piece-fiche .fig-article-pd {
	width:10%;
	padding:10px;
	max-width:80px;
	margin:0 3% 0 0;
	background-color:#fff;
	border-radius:50%;
	overflow:hidden;
}
#encart-piece-fiche .fig-article-pd img { display:block; width:100%; }
#encart-piece-fiche h3 {
	color:#fff; margin:0;
	padding-left:5%;
	max-width:60%;
}
#encart-piece-fiche .bouton_2 { 
	margin:1.7% 16px 1.7% 0;
	font-size:0.75em;
	float:right 
}
#encart-piece-fiche .bouton_2:hover { 
	background-color: #fff; 
	border-color: #fff;
	color: #e2001a;
}

@media screen and (min-width: 1440px) {
	#heading-pd-fiche .content_row { max-width: 1560px; }
	#produit-pieces { max-width: 1600px; }
	/* --- */
	#encart-piece-fiche::after { display: none; }
	#encart-piece-fiche h3 { padding-left: 0; }
	#produit-pieces .table_gamme .article-prix, 
	#produit-pieces .table_gamme .article-commande { width: 230px; }
	#produit-pieces .table_gamme .article-commande a.link-panier { width: 220px; }
}

@media screen and (max-width: 360px) {
	#encart-piece-fiche  { text-align:center }
	#encart-piece-fiche .fig-article-pd { width:70%; margin:0 0 20px; float:none }
	#encart-piece-fiche h3 { 
		width:auto; float:none; 
		max-width:inherit; text-align:left
	}
	#encart-piece-fiche .bouton_2 { margin:20px 0 0; }
	.table_gamme__legend { display: none }
}
.hidden { display:none }

/* >>> COMPTE -------------------------------------------------------------- */
#blog-compte {
	border:#c7c7c7 1px solid;
	border-radius: 20px;
	margin-top: 20px;
}
#blog-compte h2 {
	margin:20px 0;
	text-transform:uppercase;
	font-weight:700;
	font-size:15px;
	color:#1ca9e3;
}
#blog-compte h3 {
	font-weight:400;
	font-size:14px;
	margin:0 0 20px;
	color:#005999;
	-webkit-transition:color .2s;
	-o-transition:color .2s;
	transition:color .2s;
}
#blog-compte p { font-size:12px }
#blog-compte:hover h3 { color:#1ca9e3; }
#blog-compte .blog-more { font-size:12px; color:#1ca9e3; }
#blog-compte .blog-more span { vertical-align:middle; }
#blog-compte .blog-more:hover { color:#005999 }
#blog-compte > a { display:block; padding:20px; }

@media screen and (max-width: 780px) {
	
	#blog-compte { display:none }
}

/* >>> FAQ ----------------------------------------------------------------- */
#faq-content {
	padding:0 0 50px 0;
	max-width:1240px;
	overflow:hidden;
	margin:0 auto;
}
#faq-content .content_table {
	position:relative;
	margin:0 auto;
	width:100%;
}
.collapsible { padding:0 0 20px 0; }
.collapsible-content { position:relative; display:none; }
.collapsible.start-open .collapsible-content { display:block }
.tooltip-helper {
	display:inline-block;
	width:20px; height:20px;
	background-color:#cecece;
	border-radius:50%;
	text-align:center;
	line-height:20px;
	font-weight:700;
	font-size:16px;
	color:#fff;
}
.tooltip_content { display:none }
.collapsible-button { 
	position:relative; cursor:pointer;
	-webkit-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.collapsible-button:after {
	content:"+";
	text-align:center;
	display:block;
	margin-top:-15px;
	height:30px; width:30px;
	position:absolute; top:50%; 
	right:10px; line-height:30px;
	font-family:Verdana, sans-serif;
	font-weight:900;
	font-size:20px;
	color:#1ca9e3;
}
.collapsible.collapsible-open .collapsible-button:after/*,
.collapsible.start-open .collapsible-button:after*/ { content:"-"; font-size:24px; }

/* >	menu ------ */
#menu-questions { 
	padding:30px 0 60px;
	border-radius:20px;
	background-color: #1ca9e3;
    background-repeat: no-repeat;
    background-image: url(../images/index_bgn_encart_3.gif);
    background-position: 0 100%;
    background-size: 100% auto;
}
#menu-questions h1 {
	padding:0 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height:1.2em;
	font-size:28px;
	color:#fff;
}
#menu-questions ul li {
	font-size: 18px;
	margin-top: -1px;
	padding: 0 20px; color:#fff;
	-webkit-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
#menu-questions ul li a {
	display:block; padding:10px;
	border-bottom:#b1ecef 1px solid;
	-webkit-transition:color .2s linear, border-color .2s linear;
	-o-transition:color .2s linear, border-color .2s linear;
	transition:color .2s linear, border-color .2s linear;
}
#menu-questions ul li:hover { color:#000000; }
#menu-questions ul li.active { background-color:#e2001a; color:#fff; }
#menu-questions ul li.active a { border-color:#e2001a }

/* > liste des questions */
#list-questions {
	vertical-align:top;
	padding:40px 20px;
}
#list-questions .collapsible-button {
	margin:0; padding:10px 50px 10px 20px; 
	font-size:18px; color:#1ca9e3;
	-webkit-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
#list-questions .collapsible-button:hover { color:#e2001a }
#list-questions .collapsible-content { 
	padding:20px; font-size:16px;
	line-height:1.2em; color:#000000
}
#list-questions .collapsible-content a { text-decoration:underline; color:#1ca9e3 }
#list-questions .collapsible-content a:hover { color:#e2001a }
#list-questions .collapsible-content p,
#list-questions .collapsible-content ul { font-size:16px; color:#000000 }
#list-questions .collapsible-content ul li {
	margin:5px 0 5px 20px;
	list-style:disc;
}
#list-questions .collapsible-content ol li {
	list-style:decimal;
	padding-bottom: 0.6em;
	margin-left: 1.6em;
}
#list-questions .collapsible-content ol li:first-child {
	padding-top: 0.6em;
}

/* >>> PAGES DYNAMIQUES ------------------------------------------------------------------------------------------------ */
#page_realisations #content .content_block.edit_content .content_row,
#page_atelier #content .content_block.edit_content .content_row {
	max-width:1010px;
}
#page_atelier #content .divide { max-width:930px; margin:0 auto }

p.border-text {
	padding:20px;
	border: #1ca9e3 2px solid;
	color: #1ca9e3;
}
p.border-text strong {
	display:block;
	text-transform:uppercase;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	color: #005999;
}

#block-20 h2 { margin:20px 0; }
#block-20 p { min-height:110px; margin:0 }
#block-20 p.border-text { min-height:130px; margin:0 0 20px }

#page_realisations #content #gallery-list { padding-top:0; }

/* >>> CONTACT --------------------------------------------------------------------------------------------------------- */
#form-contact,
#confirm-contact {
	padding:40px;
	background-color:#fff;
	max-width:780px;
	margin:0 auto;
}
#form-contact textarea { height:200px; }
#confirm-contact { text-align:center; }
#confirm-contact h3 { font-size:20px; color:#1ca9e3 }

/* >>> Mentions légales ------------------------------------------------------------------------------------------------ */
#page_mentions h2 { margin:20px 0; }
#page_mentions p,
#page_mentions h3 { margin-bottom:10px; }
#page_mentions h3 span { color:#005999; }

/* >>> 404 ------------------------------------------------------------------------------------------------------------- */
#page_404 { background:#cff0fe; }
#page_404 .content-main { padding:8% 20px; }
#content-404 {
	background-color:#fff;
	padding:20px 20px 40px;
}
#content-404 h1 { color:#005999; }
#content-404 #breadcrumb { padding:0; }
#content-404 h3 { color:#39afdb }


/* > FANCYS
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> common */
.fancybox-slide--iframe .fancybox-content {
	width:100%;
	max-width:900px;
	/*max-height:100%;
	overflow:auto;*/
	margin: 0;
}

._fancy { background-color:#fff; }
.fancy-wrapper { padding:20px; }
.fancy-wrapper .content_row {
	padding:0 10px;
	max-width:900px;
	margin:0 auto;
}
.fancy-wrapper .wp33,
.fancy-wrapper .wp50,
.fancy-wrapper .wp66,
.fancy-wrapper .wp100 {
	padding:20px;
}

.inline-content-fancy { display:none }

/* >>> fancy conseils */
.table_conseil { width:100%; }
.table_conseil tr th, 
.table_conseil tr td {
	padding:7px 10px;
	text-align: center;
	line-height:14px;
	font-size:13px;
}
.table_conseil tr td { border-bottom:#e3e3e3 1px solid }
.table_conseil tr td:first-child,
.table_conseil tr th:first-child { text-align:left; }
.table_conseil th {
    background-color:#39afdb;
	font-weight:700;
    color: #fff;
}
.table_conseil td.text-left { font-weight:700; color:#005999; }
.table_conseil tr:nth-child(2n+0) td { background-color:#e0f3fa; }
.fancy-wrapper .fig-durete img { display:block; max-width:100%; }
#content-durete li { font-size:12px; margin-bottom:5px }
.legend-color-1,
.legend-color-2,
.legend-color-3,
.legend-color-4 {
	display:inline-block;
	width:25px; height:13px;
	vertical-align:middle;
	margin:-3px 10px 0 0;
}
.legend-color-1 { background-color:#bbeaff; }
.legend-color-2 { background-color:#3ca7dd; }
.legend-color-3 { background-color:#ffb57d; }
.legend-color-4 { background-color:#fa7804; }

/* >>> Fancy > ajout panier */
#fancy-ajout-panier .wrapper { padding:40px; }
#fancy-ajout-panier h1 {
	text-transform:none;
	font-size:18px;
}
#fancy-detail-produits {
	border-top: #d7dce6 1px solid;
	border-bottom: #d7dce6 1px solid;
	margin-bottom:30px;
	padding:20px 0;
}
#fancy-detail-produits > a {
	display:table;
	width:100%;
}
#fancy-detail-produits .thumbnails-article {
	display:table-cell;
	vertical-align:top;
	line-height:normal;
	height:auto;
	width:20%;
}
#fancy-detail-produits .thumbnails-article img {
	display:block;
	width:100%;
	max-width:100px;
	margin:0 auto
}
#fancy-detail-produits .article-content {
	display:table-cell;
	vertical-align:top;
	padding:0 20px;
}
#fancy-detail-produits .article-content h3 {
	margin-bottom: 0;
	color: #000;
}
#fancy-detail-produits .article-content span.fc-gris { display:block; }
#fancy-detail-produits .article-content p.article-stock { padding-left:25px; margin:10px 0 }
#fancy-detail-produits .article-quantite,
#fancy-detail-produits .article-prix {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:20%;
}

/* >>> Fancy > devis */
.fancy-devis .fancybox-slide--iframe .fancybox-content {
	width:100%;
	max-width: 580px;
	background-color: #005a9a;
	border-radius: 40px;
	/*max-height:100%;
	overflow:auto;*/
	margin: 0;
}
.fancy-devis .fancybox-close-small {
	top: 10px;
	right: 10px;
}
.fancy-devis .fancybox-close-small:after { 
	content: "";
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.999,14.392 L14.392,15.998 L8.000,9.606 L1.608,15.998 L0.001,14.392 L6.393,8.000 L0.001,1.608 L1.608,0.001 L8.000,6.393 L14.392,0.001 L15.999,1.608 L9.607,8.000 L15.999,14.392 Z'/%3E%3C/svg%3E");
	background-size: 20px 20px;
}
.fancy-devis .fancybox-close-small:hover:after { 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='%23e2001a' d='M15.999,14.392 L14.392,15.998 L8.000,9.606 L1.608,15.998 L0.001,14.392 L6.393,8.000 L0.001,1.608 L1.608,0.001 L8.000,6.393 L14.392,0.001 L15.999,1.608 L9.607,8.000 L15.999,14.392 Z'/%3E%3C/svg%3E");
}
#fancy-devis { background-color:#005a9a; }
#fancy-devis .wrapper { padding: 8%; }
#fancy-devis h1 {
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin: 0 0 20px;
	padding: 0 15px;
}
#fancy-devis .text-center {
	padding: 0 15px;
}
#fancy-devis #submit {
	background-color: #e2001a;
	border-color: #e2001a;
	min-width: 140px;
	color: #fff;
}
#fancy-devis #submit:hover {
	background-color: #1ca9e3;
	border-color: #1ca9e3;
	color: #fff;
}
#fancy-devis .text-center p {
	color: #fff;
	margin: 20px 0 0;
}

/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> Aside compte */
#aside-dashboard {
	position:fixed;
	right:-600px; top:10%;
	width:600px;
	z-index:1002;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
#aside-dashboard:hover { 
	right:-590px;
	-webkit-box-shadow:#000 0 0 30px;
	-ms-box-shadow:#000 0 0 30px;
	-o-box-shadow:#000 0 0 30px;
	box-shadow:#000 0 0 30px;
}
#aside-dashboard.opened,
#aside-dashboard.opened:hover { 
	right:0;
	-webkit-box-shadow:#000 0 0 30px;
	-ms-box-shadow:#000 0 0 30px;
	-o-box-shadow:#000 0 0 30px;
	box-shadow:#000 0 0 30px;
}
#dashboard-button {
	z-index:0;
	display:block;
	left:-40px; top:0;
	position:absolute;
	width:40px; height:150px;
	border-radius:10px 0 0 10px;
	background: #1ca9e3 url(../../theme/images/dashboard_bouton.png) 0 0 no-repeat;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	-webkit-box-shadow:#000 0 0 15px;
	-ms-box-shadow:#000 0 0 15px;
	-o-box-shadow:#000 0 0 15px;
	box-shadow:#000 0 0 15px;
}
#dashboard-button:hover { background-color: #005999; }
#dashboard-content {
	position:relative; z-index:1;
	background-color:#fff;
	padding:20px;
}
#dashboard-content h3 { color:#fff; }
#dashboard-content .compte-row { 
	display:table;
	border-spacing:10px 5px;
	width:100%; 
}
#dashboard-content .dsb-cell { 
	display:table-cell;
	vertical-align:top;
	padding:15px; 
	color:#fff
}
#dashboard-content .bouton_2,
#dashboard-content .bouton_3 {
	margin-top:20px;
	padding:6px 8px; 
	font-size:12px;
}
#dashboard-content p { margin:0 }
#dashboard-content #dashboard-welcome { 
	background-color: #e2001a; 
	width:33.333%; color: #fff;
	border-radius: 20px;
}
#dashboard-content #dashboard-welcome .bouton_2 {
	background-color: #005999;
    border-color: #005999;
    color: #fff;
}
#dashboard-content #dashboard-welcome .bouton_2:hover {
    background-color: #1ca9e3;
    border-color: #1ca9e3;
    color: #fff;
}
#dashboard-content #dashboard-welcome strong {
	display:block;
	margin-bottom:10px;
	font-size:1.2em;
}
#dashboard-welcome {
	background-color: #005999;
    border-color: #005999;
    color: #fff;
}
#dashboard-content #dashboard-team { 
	background-color: #1ca9e3;
	width:66.666%; color:#fff;
	border-radius: 20px;
}
#dashboard-content #dashboard-team h3 { width:66.666%; }
#dashboard-content #dashboard-team .dispo-user {
	font-size:12px;
	display:block;
	width:33.333%;
	float:right;
}
#dashboard-content #dashboard-team .info-user {
	clear:both;
	width:66.666%;
	float:left;
}
#dashboard-content #dashboard-team .horaire-user {
	width: 33.333%; 
	float: left; 
}
#dashboard-content .info-user .thumb-user {
	border-radius:50%;
	vertical-align:middle;
	margin-right:20px;
	overflow:hidden;
	max-width:100px;
	margin:0 auto;
	float:left;
	width:25%;
}
#dashboard-content .info-user .thumb-user img { display:block; width:100%; }
#dashboard-content .info-user p {
	padding:10px 15px;
	font-size:16px;
	float:left;
	width:75%;
	margin:0;
}
#dashboard-content .info-user p a { text-decoration:underline; font-size:12px; }
#dashboard-content .info-user p a:hover { color:#e2001a }
/* --- */
#dashboard-content #dashboard-commande { 
	background-color: #1ca9e3;
	border-radius: 20px;
}
#dashboard-content #dashboard-commande .bouton_2,
#dashboard-content #dashboard-commande .bouton_3 {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
}
#dashboard-content #dashboard-commande .bouton_2 {
	background-color: #005999;
	border-color: #005999;
	color: #fff;
}
#dashboard-content #dashboard-commande .bouton_3 {
   	background-color: #e2001a;
	border-color: #e2001a;
	color: #fff;
}
#dashboard-content #dashboard-commande .bouton_2:hover,
#dashboard-content #dashboard-commande .bouton_3:hover {
	background-color: #005999;
	border-color: #005999;
	color: #fff;
}
#dashboard-content #dashboard-commande 
#dashboard-content #dashboard-commande a.right { font-size:12px; }
#dashboard-content #dashboard-commande a.right:hover { color:#005999 }
#dashboard-content #dashboard-commande .cell-icons a:hover { background-color:#e2001a; color:#fff }
#dashboard-content .compte-row .table-compte {
	display:table;
	width:100%;
	border-spacing:0;
}
#dashboard-content .compte-row .table-row { display:table-row }
#dashboard-content .compte-row .table-cell { display:table-cell; padding:5px; }
#dashboard-content .table-row .table-cell:nth-child(1) { padding-left:10px; }
#dashboard-content .compte-row .table-cell a { margin:5px 0 }
/* --- */
#dashboard-content #dashboard-doc { 
	background-color: #005999;
	border-radius: 20px;
}
#dashboard-content #dashboard-doc a.right { font-size:12px; }
#dashboard-content #dashboard-doc a.right:hover { color: #e2001a }
#dashboard-content #dashboard-doc ul { clear:both }
#dashboard-content #dashboard-doc ul li { text-align:left; }
#dashboard-content #dashboard-doc ul li a {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:5px center;
	min-height:50px; margin:0 5px;
	padding:15px 40px 15px 50px;
	border-bottom: rgba(255,255,255,.3) 1px solid;
	line-height:16px;
	font-size:11px;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
}
#dashboard-content #dashboard-doc ul li a:after {
	content:"";
	right:10px; top:50%;
	position:absolute;
	margin-top:-10px;
	height:20px; width:20px;
	background:url(../../compte/icons/icon_dwnl.png);
	-webkit-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}
#dashboard-content #dashboard-doc ul li a:hover { color:#e2001a; }
#dashboard-content #dashboard-doc ul li a strong { font-size:12px; }
#dashboard-content #dashboard-doc ul li a.ico-doc  { background-image: url(../../compte/icons/icon-doc.png);   }
#dashboard-content #dashboard-doc ul li a.ico-img  { background-image: url(../../compte/icons/icon-image.png); }
#dashboard-content #dashboard-doc ul li a.ico-vid  { background-image: url(../../compte/icons/icon-video.png); }
#dashboard-content #dashboard-doc ul li a.ico-file { background-image: url(../../compte/icons/icon-file.png);  }

@media screen and (max-width: 980px) {
	#aside-dashboard { top: 150px; }
}

/* >>> encart compte */
#encart-connexion {
	position: fixed;
	bottom: 0; right: 0;
	text-align: center;
	z-index: 4;
	color: #fff;
	width: 260px;
	padding: 30px 40px;
	border-radius: 20px 0 0 0;
	/*
	background: #e2001a;
	background: -o-linear-gradient(top,  #e2001a 1%,#ef4054 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  color-stop(1%, #e2001a),to(#ef4054));
	background: linear-gradient(to bottom,  #e2001a 1%,#ef4054 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#ef4054',GradientType=0 );
	*/
	background: #e2001a;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 0 10px;
	        box-shadow: rgba(0,0,0,.3) 0 0 10px;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
}
.encart-connexion_close {
	display: block;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
}
.encart-connexion_close::before {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23005a9a' viewBox='0 0 10 18'%3E%3Cpath d='M1.1,18c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1.1,0-1.5L7.5,9L0.3,1.8c-0.4-0.4-0.4-1.1,0-1.5c0.4-0.4,1.1-0.4,1.5,0l7.9,7.9C9.9,8.5,10,8.7,10,9c0,0.3-0.1,0.6-0.3,0.8l-7.9,7.9C1.6,17.9,1.3,18,1.1,18z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 10px 18px;
	width: 100%;
	height: 20px;
	position: absolute;
	top: 15px; left: 0;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
#encart-connexion.hidden {
	display: block;
	right: -230px;
}
#encart-connexion.hidden .encart-connexion_close { width: 30px; }
#encart-connexion.hidden .encart-connexion_close::before {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}
#encart-connexion h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}
#encart-connexion .bouton_2 {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' viewBox='0 0 40 40'%3E%3Cpath d='M29.5,16.9L29.5,16.9l-0.1-3.3c0-5.3-4.2-9.6-9.4-9.6s-9.4,4.3-9.4,9.6v3.3h-0.2c-1.4,0-2.5,1.1-2.5,2.6v14c0,1.4,1.1,2.6,2.5,2.6h19c1.4,0,2.5-1.1,2.5-2.6v-14C31.9,18,30.8,16.9,29.5,16.9z M21.4,27c-0.2,0.2-0.3,0.3-0.3,0.5c0,1,0,2,0,3.1l0,0c0,0.4-0.2,0.8-0.6,1c-0.9,0.5-1.7-0.2-1.7-1l0,0c0-1,0-2,0-3.1c0-0.2-0.1-0.4-0.2-0.5c-0.9-0.7-1.2-1.9-0.8-2.9c0.5-1,1.5-1.6,2.5-1.4c1.1,0.2,1.9,1.1,1.9,2.3C22.3,25.9,22,26.6,21.4,27z M25.3,16.9H14.8v-3.3c0-3,2.3-5.4,5.3-5.4c2.9,0,5.3,2.4,5.3,5.4L25.3,16.9L25.3,16.9z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 24px 24px;
	margin: 0 0 20px;
}
#encart-connexion p { margin: 0 }
#encart-connexion p .underline:hover { color: #005a9a }

@media screen and (max-width: 980px) {
	#encart-connexion {
		padding: 20px 30px;
		width: 220px;
	}
	.encart-connexion_close { width: 30px; }
	#encart-connexion h3 { 
		font-size: 16px;
		margin: 0;
	}
	#encart-connexion .bouton_2 {
		padding-left: 28px;
		padding-right: 15px;
		background-position: 10px center;
		background-size: 16px 16px;
		margin: 10px 0;
	}
	#encart-connexion.hidden { right: -190px; }
}
@media screen and (max-width: 740px) {
	#encart-connexion {
		position: relative;
		z-index: 0;
		width: auto;
		border-radius: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#encart-connexion h3 { text-align: left }
	#encart-connexion .bouton_2 { margin: 10px 20px }
	#encart-connexion.hidden { right: 0 }
	.encart-connexion_close { display: none }
}
@media screen and (max-width: 480px) {
	#encart-connexion h3 { 
		text-align: center;
		width: 100%;
	}
}

/* >>> Newsletter */
#aside-newsletter {
	background: #1ca9e3;
	padding: 40px 20px;
	color: #fff;
}
#aside-newsletter .content_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1280px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
#aside-newsletter h2 { 
	-webkit-box-flex: 0; 
	    -ms-flex: 0 0 auto; 
	        flex: 0 0 auto;
	text-transform: uppercase;
	width: 240px;
	color: #fff;
	margin: 0;
}
#aside-newsletter form {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 5%;
	padding: 0;
}
#aside-newsletter-text {
	border-radius: 20px;
	background-color: #fff;
	padding: 0 20px;
	height: 40px;
	color: #005999; 
	-webkit-box-flex: 1; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;
	-webkit-transition:background-color .3s, color .3s;
	-o-transition:background-color .3s, color .3s;
	transition:background-color .3s, color .3s;
}
#aside-newsletter-text:focus {
	border-color: #005999;
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	color: #005999;
}
#aside-newsletter-submit {
	z-index: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	text-align: center;
	width: 130px; 
	height: 40px;
	background-color: #e2001a;
	border-radius: 20px;
	margin: 0 0 0 10px;
	color: #fff;
	font-weight:700;
	border: none;
	-webkit-transition:background-color .3s, color .3s;
	-o-transition:background-color .3s, color .3s;
	-webkit-transition:background-color .3s, color .3s;
	transition:background-color .3s, color .3s;
}
#aside-newsletter-submit:hover { background-color: #005999; }
#aside-newsletter-succes,
#aside-newsletter-erreur {
	display:none;
	text-align:center;
	position:absolute;
	bottom:-30px; left:0;
	font-weight:700;
	font-size:13px;
	width:100%;
}
#aside-newsletter-succes { color:#005999 }
#aside-newsletter-erreur { color:#a10000 }
#privacy_checkbox_newsletter {
	font-size: 10px;
	width: 33.33%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	text-align: left;
	line-height: 1.3em;
	position: relative;
	padding-left: 30px;
}
#privacy_checkbox_newsletter input {
	top: 8px; left: 5px;
	position: absolute;
}
@media screen and (max-width: 1280px) {
	#aside-newsletter form { margin: 0 20px; }
}
@media screen and (max-width: 980px) {
	#aside-newsletter { padding: 10px; }
	#aside-newsletter .content_row {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#privacy_checkbox_newsletter {
		width: 100%;
		margin: 25px 0 0;
	}
}
@media screen and (max-width: 700px) {
	#aside-newsletter .content_row { max-width: 580px; }
	#aside-newsletter h2 {
		text-align: center;
		margin: 0;
		width: 100%;
	}
	#aside-newsletter form { 
		margin: 20px 0;
		padding: 0
	}
	#privacy_checkbox_newsletter { margin: 0 }
}
@media screen and (max-width: 380px) {
	#aside-newsletter { padding: 0 }
	#aside-newsletter form { margin: 10px 0 }
}

/* >>> chat widget */
iframe#launcher,
iframe#webWidget {
	right: auto !important;
	left: 0;
}
.wrapper-2L6Ge { }


/* >>> footer infos */
.footer-info {
	max-width: 1320px;
	margin: 0 auto;
	padding: 40px 40px 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: url(../images/decoration/up_shadow.gif) center 100% no-repeat;
}
.footer-logo {
	width: 20%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.footer-logo img {
	display: block;
	max-width: 100%;
}
.footer-info_baseline { 
	font-family: 'Nunito', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2em;
	max-width: 200px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.footer-info_baseline img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.footer-info_contact {
	margin: 0;
	line-height: 1.4em;
}
.footer-info_contact strong { 
	display: block;
	font-size: 16px;
	margin: 0 0 5px;
}
.footer-info_boutons {
	text-align: center;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 200px;
}
.footer-info_boutons a {
	display: block;
	margin: 10px 0;
	text-align: center;
	border-radius: 20px;
	font-weight: 700;
	padding: 10px;
	color: #fff;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.footer-info_boutons a.footer-mail {
	background-color: #e2001a;
	margin-bottom: 20px;
	font-size: 14px;
}
.footer-info_boutons a.footer-tel {
	background-color: #005a9a;
	font-size: 17px;
}
.footer-info_boutons a:hover {
	background-color: #1ca9e3;
}
@media screen and (max-width: 860px) {
	.footer-info {
		padding: 30px 30px 10%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-size: 100% auto;
	}
	.footer-logo {
		width: auto;
		max-width: 50%;
		margin: 0 0 1em;
	}
	.footer-info_baseline {
		width: 50%;
		max-width: 50%;
		text-align: center;
		margin: 0 0 1em;
		padding: 20px 0;
	}
	.footer-info_contact { padding-right: 15px; }
	.footer-info_boutons { padding-left: 15px; }
	.footer-info_boutons a.footer-tel,
	.footer-info_boutons a.footer-mail { 
		margin: 5px;
		padding: 7px 10px;
	}
}
@media screen and (max-width: 480px) {
	.footer-info_contact,
	.footer-info_boutons {
		width: 100%;
		text-align: center;
		max-width: 220px;
		padding: 10px 0;
	}
}

/* >>> menu footer */
#footer-nav-content { max-width: 1300px; }
#footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width:100%;
}
#footer-nav .nav-col { 
	padding: 0 10px; 
}
#footer-nav h4 {
	margin: 12px 0 8px;
	font-weight:700;
	font-size: 16px;
	color: #1ca9e3;
}
#footer-nav h4 a { color: #000 }
#footer-nav h4 a:hover,
#footer-nav a:hover h4 { color:#1ca9e3 }
#footer-nav p { 
	line-height:1.5em;
	font-size: 14px;
	color: #000000;
}
#footer-nav li {
	font-size: 14px;
	margin:0 0 5px;
	color: #000000;
}
#footer-nav p a:hover,
#footer-nav li a:hover {
	text-decoration:underline;
	color:#1ca9e3;
}
#footer-nav .nav-col-2 ul {
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
#footer-nav .footer-menu-categorie { max-width: 35%; }
#footer-nav .footer-menu-categorie h4 {
	background: url(../../images/fleche.png) 0 2px no-repeat;
	font-weight: 400;
	padding-left: 15px;
}
.mention-footer {
	text-align: center;
	width: 100%;
	padding: 0 20px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.mention-footer em {
	font-size: 11px;
	color: #818181;
	font-style: normal;
	padding: 3px 10px;
}
@media screen and (max-width: 860px) {
	#footer-nav-content { padding: 0 15px 15px; }
	#footer-nav {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#footer-nav .nav-col { padding: 15px; }
	#footer-nav .footer-menu-categorie { 
		max-width: 50%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#footer-nav #menu-pratique {
		text-align: center;
		width: 100%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
}
@media screen and (max-width: 780px) {
	#footer-nav .footer-menu-categorie { display: none }
}

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc   { color:#ffffff; }
.fc-gris    { color:#949494; }
.fc-noir    { color:#1d1d1b; }
.fc-red     { color:#eb2629 !important; }
.fc-color1  { color:#005999; }
.fc-color2  { color:#1ca9e3; }
.fc-color3  { color:#005999; }
.fc-color4  { color:#8ec2e8; }

/* > fonts family ----------------------------------------------- */
.font-default { font-family: 'Open Sans', sans-serif; }
.font-title-1 { font-family: 'Nunito', sans-serif; }
.font-title-2 { font-family: 'Nunito', sans-serif; }

.link-color-1 { color:#525252 }
.link-color-1:hover { color:#005999; }
.link-color-2 { color:#1b1b1b }
.link-color-2:hover { color:#3bb3c2; }

/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */
/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -o-linear-gradient(top, white, black);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}