/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&family=Raleway:wght@100;200;400&display=swap');*/



body {
    display: flex;
    flex-direction: column;
    padding: 0px;
    font-family: 'Montserrat',arial,verdana, sans-serif;
    text-align: left;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    font-style: normal;
    font-weight: 100;
    margin-top: 0px;
    
	}	

img{
    max-width: 100%;
    
}

nav{
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1000;
    order: -4;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(153,153,153,1);
    margin-top: 0px;
}
nav > ul{
	display: flex;
	justify-content: space-around;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
ul a.decosalon-hiden { 
	display: block;
    }
nav > ul::after{
    content: "";
    display: block;
    clear: both;
}
nav li{
    list-style-type: none;
}
nav > ul > li{
    float: left;
    position: relative;
	transition-property: background-color;
    transition-duration: 0.6s;
}
nav > ul > li a:focus {
	outline: none;
}
nav > ul > li a:after {
	content: "";
	position: absolute;
	bottom: 15px;
	right: 20px;
	left: 20px;
	height: 2px;
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
	transform: translateY(20px);
	transition: all .7s;
	transition-timing-function: ease; 
}
nav > ul > li.logo a:after {
	content: "";
	position: absolute;
	bottom: 15px;
	right: 20px;
	left: 20px;
	height: 2px;
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
	transform: translateY(2,
	0px);
	transition: all 2s;
	transition-timing-function: ease; 
}
nav > ul > li > a:hover:after,
nav > ul > li a:focus:after {
	opacity: .6;
	transform: translateY(0px); /* On déplace l'objet */
}
nav > ul > li.logo > a:hover:after,
nav > ul > li.logo a:focus:after {
	opacity: 1;
	transform: translateY(0px); /* On déplace l'objet */
}
nav a{
	display: inline-block;
	text-decoration: none;	
}
nav > ul > li > a{
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 1.2em;
    font-weight: 400;
	transition-property: color;
	transition-duration: .6s;
}
nav > ul > li.logo > a{
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	transition-property: none;
	transition-duration: 0s;
}
nav > ul > li > a:hover{
	color: rgba(255,255,255,1);
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
nav > ul > li:hover a{
	height: 2em;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
nav > ul > li.logo:hover a{
	height: 4em;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
nav > ul > li > a:visited{
	color: rgba(255,255,255,1);
}
ul.submenu{
	position: absolute;
	top: 100%;   /*display: none; */
	max-height:0em;	
	overflow: hidden;
	transition: .8s max-height 0.3s;
}
nav li.submenu{
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 0px;
    z-index: 100000;
}
nav li:hover ul.submenu{
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 0px;
    z-index: 100000;
	opacity: 1;
	max-height: 40em;
}
.submenu li{
	border-bottom : 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	transition-duration: 0.8s;
}
.submenu li a{
	font-size: 1.2em;
	color: #FFF;
	width: 270px;
	/*transition-property: color;
	transition-duration: .6s;*/
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.submenu li a:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.submenu li a:visited {
	color: #FFF;
}
ul.submenu li a.mail{
	color: #000000;	
}
img.nav{
	width: 100%;
	height: auto;
	display: block;
}
.menu-html-css:hover{
	border-top: 5px solid #e44d26;
	background-color: RGBa(228, 77, 38, 0.15);
}
.menu-js:hover{
	border-top: 5px solid #f1dc4f;
	background-color: RGBa(255,153,0,1);
}
.menu-php-mysql:hover{
	background-color: #576C9E;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #A6CAFF;
}
.menu-prestashop:hover{
    border-top: 5px solid #df0067;
    background-color: RGBa(226, 0, 97, 0.15);
}
.menu-wordpress:hover{
	border-top: 5px solid #BBB;
	background-color: rgba(0,51,153,0.7);
}
.menu-seo:hover{
	border-top: 5px solid #0B3;
	background-color: rgba(153,204,51,0.7);
}
.menu-hebergement:hover{
    border-top: 5px solid #aa131b;
    background-color: RGBa(220, 120, 40, 0.15);
}
.menu-contact:hover{
    border-top: 5px solid #BBB;
    background-color: RGBa(220, 220, 220, 0.15);
}
.menu-don:hover{
	border-top: 5px solid #BBB;
	background-color: #666666;
}
.menu-don .submenu{
	background-color: rgba(204,204,204,1);
}
.menu-don .submenu li:hover{
	background-color: rgba(255,38,2,1);
}

.menu-html-css .submenu{
    background-color: RGB(230, 100, 40);
}
.menu-html-css .submenu li:hover{
    background-color: RGB(210, 77, 60);
}
.menu-js .submenu{
	background-color: rgba(153,153,153,1);
}
.menu-js .submenu li:hover{
	background-color:rgba(255,153,0,1);
}
.menu-php-mysql .submenu{
    background-color: RGB(95, 120, 170);
}
.menu-php-mysql .submenu li:hover{
    background-color: RGB(80, 100, 145);
}
.menu-prestashop .submenu{
    background-color: RGB(240, 15, 105);
}
.menu-prestashop .submenu li:hover{
    background-color: RGB(180, 10, 80);
}
.menu-wordpress .submenu{
	background-color: rgba(102,153,255,1);
}
.menu-wordpress .submenu li:hover{
	background-color: rgba(0,51,102,1);
}

.menu-seo .submenu{
	background-color: rgba(153,204,51,1);
}
.menu-seo .submenu li:hover{
    background-color: RGB(0, 140, 35);
}
.menu-hebergement .submenu{
    background-color: RGB(220, 30, 45);
}
.menu-hebergement .submenu li:hover{
    background-color: RGB(180, 25, 40);
}
/*******************styles menu mobile****************/

div.flex-mobile{
	display: none;
}
.menu-mobile{
	display: none;
}
nav input[type=checkbox]{
    display: none;
}
nav input[type=checkbox]:checked ~ ul{
    display: block;
}

img.lazy{
	display: block;
	border: 0;
	background-color: #FFCCFF;
}

a.boutton  {
    display: block;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(255,255,255,1.00);
    color: rgba(62,61,61,1.00);
    text-decoration: none;
    border-radius: 10px;
    font-size: 1.5em;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid rgba(196,57,16,1.00);
    font-weight: bold;
}

a:hover.boutton  {
    background-color: rgba(251,198,87,1.00);
    color: rgba(59,58,58,1.00);
}
/*************************full hauteur********************/
div.gauche.intro  {
	order: -1;
	width: 100%;
	max-width: none;
	background-color: #373B44;
	margin-top: 70px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-size: cover;
  }
.intro {
	display:none;
	order: -1;
	justify-content: center;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
} 
.intro p {
	top: 10em;
	left: 10em;
	font-size: 4em;
	color: rgba(255,102,0,1);
	position: absolute;
}
.content {
  display: table-cell;
  vertical-align: middle;
}
.content a {
  font-weight: 700;
  color: #373B44;
  position: relative;
  }
.content a:hover{ 
    opacity: 0.8;
  }
/*************limitation largeur scroll
  div#scroll {
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
}	************/
 div.scroll {
	position: absolute;
} 
.fond-noir {
    background-color: rgba(205,203,202,1.00);
}


.conteneur-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-around;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(241,207,198,1);
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 5px;
	padding-left: 1%;
	border: 1px solid rgba(255,255,255,1);
}
.contenant{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(209,175,148,1);
	padding: 10px;
	width: 30%;
	min-width: 300px;
	margin-right: 20px;
	border: 1px solid rgba(255,255,255,1);
	margin-bottom: 20px;
}
.contenant div{
	margin-right: auto;
	margin-left: auto;
}
.contenant h4{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.contenant p{
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	margin-bottom: 10px;
}
.contenant a{
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	color: rgba(92,113,72,1);
	font-size: 1.4em;
}
.contenant a:hover{
	color: rgba(51,153,255,1);
}
/*°°°°°°°°°°°°fin nav et début main°°°°°°°°°°°°°°*/
div#gallery{
    display: flex;
    justify-content: space-around;
   /* max-width: 1340px;*/
	width: 98%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgba(204,204,204,1);
    border-left-color: rgba(204,204,204,1);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(204,204,204,1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(204,204,204,1);
    margin-top: 70px;
    margin-bottom: 70px;
    background-color: rgba(240,240,240,1.00);	
    }
div#gallery-xl{
    display: flex;
    justify-content: space-around;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgba(204,204,204,1);
    border-left-color: rgba(204,204,204,1);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(204,204,204,1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(204,204,204,1);
    margin-top: 20px;
    margin-bottom: 70px;
    background-color: rgba(249,246,247,1.00);
    background-image: none;
    background-repeat: repeat;
    }
.gallery-xl{
    display: flex;
    justify-content: space-around;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgba(204,204,204,1);
    border-left-color: rgba(204,204,204,1);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(204,204,204,1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(204,204,204,1);
    margin-top: 20px;
    margin-bottom: 70px;
    background-color: rgba(249,246,247,1.00);
    background-image: none;
    background-repeat: repeat;
    }
div#gallery-produit{
	display: flex;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
	background-color: rgba(0,0,0,0.1);
	padding-top: 30px;
	padding-right: 1%;
	padding-bottom: 20px;
	padding-left: 1%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: rgba(204,204,204,1);
	border-left-color: rgba(204,204,204,1);
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
    }
/*******************scroll css*******************/
/*****************************/
/*******************/
.conteneur-flex-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /*align-content: center;*/
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1.00);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    border: 1px solid rgba(255,255,255,1);
    padding-right: 5px;
    padding-left: 5px;
}
.contenant-2{
    background-color: rgba(250,250,250,1.00);
    width: 30%;
    border: 1px solid rgba(230,230,230,1.00);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-right: 3%;
    padding-bottom: 20px;
    padding-left: 3%;
    border-radius: 10px;
}
div.contenant-2 h2 {
    text-align: center;
    font-size: 3em;
    color: #000;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-weight: 100;
}
div.contenant-2 ul {
	text-align: left;
	padding-left: 10px;
	margin-left: 20px;
}
.contenant-2 h3,.contenant-3 h3{
	font-size: 2em;
	color: #4E4D4C;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: normal;
}
.contenant-2 p,.contenant-3 p {
	font-size: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
.contenant-2 div,.contenant-3 div{
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hautcata {
    text-align: center;
    height: 68;
    width: auto;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    }

.cont {
	margin-right: auto;
	margin-left: auto;
	color: rgba(1,70,143,1.00);
	font-size: 0.8em;
	text-align: center;
	display: block;
}
.cont a:hover{
	color: rgba(1,151,248,1.00);
	transition-property: color;
	transition-duration: 0.8s;
}
/******* div.gauche  ********/		
div.gauche {
    order: 2;
    width: 42%;
    margin-right: auto;
    padding-top: 25px;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-left: 5%;
    border-radius: 10px;
    border: thin solid rgba(204,204,204,1);
    background-color: rgba(255,255,254,0.4);
    }
div.gauche h1{
	font-size: 1.8em;
	color: #393d3f;
	text-align: center;
    }			
/******* aside ********/	
aside {
    order: 3;
    /*background-color: rgba(232,208,199,0.50);*/
    width: 42%;
    border: 1px solid rgba(204,204,204,1);
    padding-top: 25px;
    padding-right: 5%;
    padding-bottom: 10px;
    padding-left: 5%;
    color: rgba(0,0,0,1);
    border-radius: 10px;
    background-color: rgba(255,255,255,0.5);
    }	
aside ul,div.gauche ul {
    margin-left: 0px;
    margin-bottom: 70px;
    text-align: left;
    }
footer {
    width: 100%;
    display: flex;
    padding-top: 20px;
    justify-content: center;
    background-color: rgba(174,171,169,1.00);
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    }	
div.gauche  h3 a{
	font-size: 1.3em;
	color: rgba(0,0,0,1);
    }		
div.promobox-aside h3 a{
	color: rgba(0,0,0,1);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 1.5em;
    }				
h1#adresse {
    color: rgba(0,0,0,1);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 2em;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    }		
h1.titre-noir {
	color: rgba(0,0,0,1);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: auto;
	text-align: left;
    }		
h1.titre-blanc {
	color: rgba(255,255,255,1);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: auto;
	text-align: center;
    }	
h1 a{
	color: rgba(51,51,51,1);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 100%;
	text-decoration: none;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,102,0,1);
    }		
h1,h2,h3, a	 {
	text-decoration: none;
    }
	Div.promobox  p {
    color: rgba(0,0,0,1.00);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    padding-top: 0px;
    text-align: center;
    font-weight: normal;
    max-width: 420px;
    }
p.pcentre {
    padding-left: 0%;
    padding-right: 0%;
    color: #030303;
    font-size: 1.5em;
    text-align: left;
}
.pcentre {
    padding-left: 0%;
    padding-right: 0%;
    color: #030303;
    font-size: 1.5em;
    text-align: left;
}

.pgauche {
    padding-left: 0%;
    padding-right: 0%;
    color: #030303;
    font-size: 1.5em;
    text-align: left;
}
.pmobile{
    padding-left: 3%;
    padding-right: 3%;
    color: #030303;
    font-weight: lighter;
    font-size: 2em;
    text-align: center;
}
.lienpromo{
    color: rgba(0,0,0,1.00);
    font-size: 1.5em;
    text-decoration: none;
    padding-left: 5px;
    background-image: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.promobox-flex {
	background-color: rgba(255,255,255,1);
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid rgba(204,204,204,1);
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 30px;
	padding-left: 2%;
	width: 100%;
	color: rgba(0,0,0,1);
	display: flex;
    flex-wrap: wrap;
}
div.promobox-flex h1{
	font-size: 2em;
	color: rgba(51,51,51,1);
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
}
div.promobox-flex h2{
	font-size: 1.4em;
	color: rgba(51,51,51,1);
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}
div.promobox-flex h3{
	font-size: 1.1em;
	color: rgba(0,0,0,1);
	width: 20%;
	margin-left: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
}
div.promobox-flex p{
	font-size: 1.1;
	margin-left: 2%;
	padding: 0px;
	margin-top: 0px;
	width: 60%;
}
div.promobox-flex p.sous-image{
	font-size: 1.3em;
	margin-left: auto;
	padding: 0px;
	margin-top: 10px;
	width: 80%;
	margin-right: auto;
	margin-bottom: 10px;
}			
/*div#gallery div.gauche  h2 {
    color: rgba(0,0,0,1);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    border-bottom-style: none;
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    width: 100%;
    text-align: center;
    }*/
div#gallery div.gauche  h1 {
	color: rgba(0,0,0,1);
	margin-top: 0px;
	margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
    font-size: 2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff3f00;
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 80%;
    }			
li {
	list-style: square;
	padding-right: 5px;
	padding-left: 5px;
    }		
p.description-produit {
    color: rgba(51,51,51,1);
    text-align: left;
    font-weight: normal;
    font-size: 1.2em;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    }	
p.financement {
    padding: 5px;
    font-size: 0.7em;
    font-weight: lighter;
    color: rgba(60,60,60,1.00);
    }		
p.alerte {
	padding: 5px;
	font-size: 0.8em;
	font-weight: lighter;
	color: rgba(0,0,0,1);
	text-transform: uppercase;
    }		
p.sur-titre {
    color: rgba(0,0,0,1.00);
    width: 100%;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 1.3em;
    margin-left: 0px;
    }	
.adress
{
    font-size: 2em;
    margin-left: 0px;
    font-weight: bolder;
    text-align: center;
    margin-top: 20px;
    }	
#pied
{
	width: auto;
	height: auto;
	padding-right: 0px;
	padding-left: 5%;
	padding-top: 20px;
	color: rgba(255,255,255,1);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: rgba(204,204,204,1);
	border-bottom-color: rgba(204,204,204,1);
	border-left-color: rgba(204,204,204,1);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
	background-color: rgba(255,255,255,0.8);
	}
#navigation_pied{
	list-style: none;
	height: 350px;
	width: 230px;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: 10px;
	float: left;
	font-size: 0.9em;
	padding-right: 20px;
				}
			#navigation_pied li {
    margin-bottom: 10px;
    padding: 0px;
    max-width: 180px;
    margin-right: auto;
    margin-left: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(153,153,153,1);
    list-style-type: none;
				}
			#navigation_pied li a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding-top: 2px;
	height: 30px;
	padding-bottom: 2px;
	color: rgba(0,0,0,1);
	font-size: 1.2em;
	font-weight: lighter;
	padding-left: 10px;
	transition: all 0.3s ease;			
				}		

			#navigation_pied li a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.3);
	}

#navigation_pied li.titre{
    color: #000000;
    background-repeat: repeat;
    background-position: bottom;
    font-size: 1.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px none rgba(255,255,255,1);
    text-align: left;
    display: block;
    font-weight: lighter;
    padding-left: 10px;
	}	
	div#logo2{
	width: 100%;
	background-color: rgba(0,255,51,1);
	}
/***********************syles promobox**********************/	


/*SEPIA*/

 /*div.zoom  img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
	 
	 }
 div.zoom :hover img {
	 
	 -webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
*/


/*OPACITE*/
div.zoom  img  {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.zoom :hover img {
	opacity: .7;
}

div.promobox {
    background-color: rgba(255,255,255,1.00);
    margin-top: 0px;
    margin-bottom: 30px;
    border: 1px solid rgba(95,92,92,1.00);
    padding-top: 20px;
    padding-right: 2%;
    padding-bottom: 20px;
    padding-left: 2%;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px rgba(50,49,48,1.00);
    box-shadow: 0px 0px rgba(50,49,48,1.00);
 }
div.promobox-avantages {
    background-color: rgba(106,57,55,1.00);
    margin-top: 0px;
    margin-bottom: 30px;
    border: 1px solid rgba(95,92,92,1.00);
    padding-top: 20px;
    padding-right: 2%;
    padding-bottom: 20px;
    padding-left: 2%;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px rgba(50,49,48,1.00);
    box-shadow: 0px 0px rgba(50,49,48,1.00);
 }
div.promobox-avantages h2{
    text-align: center;
    color: rgba(255,255,255,1.00);
 }

div.promobox-avantages p{
    font-size: 1.2em;
    color: rgba(255,255,255,1.00);
}
.titre-prod{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5em;
    text-align: left;
    max-width: 430px;
    margin-right: auto;
    margin-left: auto;
}
.p-prod{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4em;
    text-align: left;
    max-width: 430px;
    margin-right: auto;
    margin-left: auto;
}
div.promobox h2, div.promobox-aside h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.8em;
    text-align: center;
    font-weight: normal;
    color: #000000;
}
div.presentabox {
    background-color: rgba(255,255,255,1);
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid rgba(204,204,204,1);
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 1%;
    width: auto;
    color: rgba(0,0,0,1);
    text-align: left;
    border-radius: 10px;
}
.presentabox-promo {
	order:-2;
    background-color: rgba(255,255,255,1);
    margin-top: 0px;
    margin-bottom: 20px;
    border: 1px solid rgba(204,204,204,1);
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 1%;
    width: auto;
    color: rgba(0,0,0,1);
    text-align: left;
    border-radius: 10px;
}

div.presentabox h2{
	text-align: center;
	font-size: 2em;
}
div.presentabox h4{
	font-size: 1.3em;	
}
aside h3,  aside h3 span a:hover{
	font-size: 1.2em;
	transition-property: color;
    transition-duration: .5s;	
} 
aside h3:hover, aside h3 span a:hover{
	color: #39F;	
} 
div.promobox-aside {
    background-color: rgba(200,198,198,1.00);
    padding-bottom: 30px;
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: 20px;
    padding-top: 10px;
    border: 1px solid rgba(0,0,0,1.00);
    color: rgba(0,0,0,1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
div.promobox-contact {
	padding-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(200,198,198,1.00);
	margin-bottom: 20px;
	padding-top: 10px;
	border: 1px solid rgba(204,204,204,1);
	color: rgba(0,0,0,1);
}
div.espace{
	color: rgba(0,0,0,1);	
}
div.espace-mail{
    display: flex;
    justify-content: space-around;
    height: auto;
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
div.espace-mail > div {
    flex: auto;
    width: 33%;
    background-color: rgba(255,255,255,0.5);
    margin-top: 20px;
}
ul.submenu li div.espace-mail a{
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #FC6;
}
div.gauche.contain h2 a, div.promobox h2 a, div.promobox-aside h2 a{
    text-decoration: none;
    color: rgba(51,51,51,1);
    font-weight: 100;
    font-size: 1.3em;
    }
div.gauche.contain h2 a:hover, div.promobox h2 a:hover, div.promobox-aside h2 a:hover{
    text-decoration: none;
    color: rgba(121,121,121,1.00);
    }	
	
div.promobox a.ombre{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    color: #FFF;
    padding-bottom: 20px;
    background-image: none;
    margin-top: 10px;
    /*float seulement ombre*/
	/*float: left;*/
    margin-bottom: 0px;
    max-width: 430px;
}
	.netoyage {
	clear: both;
}
div.etiquette{
	width: 100%;
	text-align: center;
	margin-top: 0px;
}
div.etiquette img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.netoyage-cache {
	clear: both;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.date {
    justify-content: center;
    /*margin-top: 40px;*/
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    /*margin-bottom: 40px;*/
    width: 95%;
    padding-top: 0px;
    margin-top: 30px;
    font-size: 0,9em;
}
.textscroll {
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto; 
    width: 95%;
    padding-top: 0px;
    margin-top: 30px;
    font-size: 1,2em;
}
.prix-promo {
	max-width: 100%;
	justify-content: center;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	height: 65px;
	margin-top: 10px;
}
.prix-promo-480 {
	display: none;
}
p.pfinancement {
    font-size: 0.5em;
}	
.livraison{
    font-size: 1.2 em;
    color: #F50307;    
}	
/*---------------------------ITINERAIRES-----------------------------------*/
#centrage {
	width: 100%;
	background-color: rgba(255,255,255,1);
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
}
div#addresse {
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	text-align: center;
	width: 100%;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	height: auto;
	margin-top: 10px;
	padding-top: 10px;
}
div#addresse address{
    width: 95%;
    padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 1.9em;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(204,204,204,1);
}
.space{
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	background-color: rgba(255,255,255,1);
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mentions2{
	font-size: 0.8em;
}
div.itidescri {
	min-height: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	font-size: 1.2em;
	color: rgba(0,0,0,1);
	text-align: left;
	}	
div#addresse h2{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.2em;
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.pres_horaires{
	font-size: 1.5em;
	color: #000;
	max-width: 90%;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: center;
	margin-bottom: 30px;
	border: 1px solid rgba(0,0,0,1);
}
.pres_horaires a{
	color: rgba(255,255,153,1);	
}	
.pres_adresse{
    font-size: 1.7em;
    color: rgba(250,250,250,1.00);
    background-color: #4155F2;
    margin-right: 20px;
    margin-left: 20px;
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
    border: 4px solid rgba(255,254,254,1.00);
    width: 80%;
    text-decoration: none;
    display: block;
    font-weight: bold;
}
.fermeture{
	color: #CC3300;
}	
#fb-root {
	color: #FFFFFF;
	background-color: rgba(255,255,255,1);
	display: block;
}	
div.promobox a img {
	min-height: 0;
	min-width: 0;
}	 
hr.netoyage-bleu {
	clear: both;
	color: rgba(153,204,255,1);
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}  
 h2 a.doigt {
    background-image: url(../image/icones/finger_icon.png);
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    padding-left: 50px;
    text-align: left;
    transition-property: color;
    transition-duration: .5s;
    color: #333;
    margin-left: 0px;
	}
h2 a.face {
	background-image: url(../image/icones/facebook-60.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	padding-left: 65px;
	text-align: left;
	transition-property: background-image;
	transition-duration: .5s;
	padding-top: 65px;
	line-height: 3em;
	}	
h2 a.face:hover {
	background-image: url(../image/icones/facebook-hover-60.png);	
	}	
h2 a.doigt:hover {
	background-image: url(../image/icones/finger_icon-hover.png);
	color: rgba(255,0,0,1);
	}
strong{
    font-weight: bolder;
	}
/**************************Menu Vertical*************************/
.menu-vertical {
	width: 80%; /* optionnel, c'est pour la démo */
	list-style: none; /* supprime les puces de liste */
	padding: 4px; /* on annule les marges */
    /*background: #f3f1ee;*/
	background: #ffa400;
	font-size: 1.4em;
	text-align: center;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* styles des liens et éléments de liste */
.mv-item,
.mv-item a {
	display: block;
	line-height: 2.5em;	
}
/* styles des liens */
.mv-item a {
  margin: 1px 0; /* espace les liens d'1 px */
  padding: 8px 20px; /* marges internes pour aérer */ 
  color: #666;
  background: #FFF;
  text-decoration: none; /* on vire le soulignement */
  min-height: 3em;
  /* on définit la transition pour les navigateurs */
  -webkit-transition: all .5s; /* Chrome/Safari */
  -moz-transition: all .5s; /* Firefox (plus trop nécessaire) */
  transition: all .5s; /* syntaxe officielle */
}
/* styles changeants au survol et focus */
.mv-item a:hover,
.mv-item a:focus { 
  background: #ffa400;
  color: #FFF;
  padding-left: 40px; /* décalage du contenu de 10px vers la droite (30-20 = 10) */
}
div.mv{
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
	}
 div.mv h2{
	font-size: 1.4em;
	text-align: center;
	}
a.retour-haut {
	position: fixed;
	bottom: 10px;
	z-index: 9999999;
	right: 10px;
    height: 50px;
	width: 50px;
}


a.retour-deco {
	position: fixed;
	bottom: 10px;
	z-index: 9999999;
	right: 5px;
    height: 85px;
	width: 250px;
}	
a.retour-haut-eco {
	position: fixed;
	bottom: 85px;
	z-index: 9999999;
	right: 5px;
	/*height: 50px;
	width: 50px;*/	
    height: 50px;
	width: 50px;
}	
div.fb-like {
	position: fixed;
	bottom: 10px;
	z-index: 9999999;
	left: 20px;	
}	
div.presentabox p {
    color: #000000;
    font-size: 1.2em;
}
div.presentabox p a{
    color: #F50B0F;
    font-size: 1.2em;
    text-decoration: none;
}	

div.presentabox p a:hover{
    color: #0B63F5;
    font-size: 1.2em;
    text-decoration: none;
}	
.titre-exemple{
    order: -100000000;
    margin-bottom: 0px;
    font-size: 1.7em;
    text-align: left;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    color: rgba(47,48,48,1.00);
}	
.col1 {
	order: -1;
	max-width: 48%;
	background-color: rgba(0,0,0,0.8);
	border-style: none;
	margin-left: 2%;
	padding-top: 10px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;
    }
		
	.col2 {
    order: -1;
   /* min-width: 33%;*/
    padding-top: 20px;
    width: 90%;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-style: none;
    background-color: rgba(255,255,255,1.00);
    }
	

div.header-catalogue {
	height: auto;
	margin-top: 80px;
	margin-bottom: 0px;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,1);	
}	

.col3 {
	order: 1;
	width: 40%;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	border: 1px;
	border-style: solid;
	border-color: rgba(153,153,153,1);
	margin-left: 3%;
	background-color: rgba(0,0,0,0.3);
    }
.col4 {
	order: 1;
	width: 40%;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
	border: 1px;
	border-style: solid;
	border-color: rgba(153,153,153,1);
	margin-left: 15%;
	background-color: rgba(0,0,0,0.3);
    }			
h1.catalogue {
    color: #000000;
    text-align: center;
    font-size: 2.5em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}	

h2.catalogue {
    order: -2;
    font-size: 1.3em;
    color: rgba(0,0,0,1);
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-weight: normal;
    	}

p.catalogue {
	margin-top: 15px;
	text-align: left;
	margin-bottom: 0px;
    padding-bottom: 0px;
	font-size: 1.4em;
	color: rgba(0,0,0,1);
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	order: -2;
}
.best {
	order: -2;
	margin-top: 30px;
	font-size: 1.8em;
	color: rgba(255,0,0,1);
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
	word-spacing: 2em;
}

.little {
	font-size: 0.8em;
}





.invisible {
	display: none;
}	
.intro1 {
    display: none;  
}  	 
.intro2 {
    display: none;  
}  	
	
.rien{
	display: none;
}		
	






/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px)	
{
.invisible {
	display: block;
}
.blind {
	display: none;
}
body {
	font-size: 1em;
	/*font-weight: bold;*/
	background-color: rgba(51,51,51,1);
	background-image: none;
	}
div#scroll { 
  display:none;
}	
.famille {
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}		
.titremobile {
    font-size: 1.6em;
    text-align: center;
    font-weight: normal;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}			
.intro1 {
    display: block;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    order: -100;
    
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}  	 	
	
	
.intro {
    order: -110;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ECE3E1;
    width: 100%;
    padding-left: 5px;
    border-radius: 5px;
    padding-right: 5px;
     border-style: none;
   /* border: 1px solid rgba(0,0,0,0.5);*/
}  
.intro2 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    width: 100%;
    padding-left: 5px;
    border-radius: 5px;
    padding-right: 5px;
     border-style: none;
  /* border: 1px solid rgba(0,0,0,0.5);*/
    text-align: center;
    order: -99;
    padding-top: 5px;
    padding-bottom: 5px;
}  

.intro2 p {
    color: rgba(0,0,0,1.00);
    position: relative;
    font-size: 1.3em;
    text-align: center;
}	
.titre-exemple{
    order: -1000000000;
    font-size: 1.5em;
    text-align: center;
    width: 90%;
    margin-right: auto;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 0px;
   
    padding-bottom: 10px;
}	

div#gallery {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left:0px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: rgba(204,204,204,1);
    border-left-color: rgba(204,204,204,1);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(204,204,204,1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(204,204,204,1);
    background-color: rgba(213,187,177,0.4);
    margin-top: 30px;
    margin-bottom: 0px;
    position: relative;	/*top: 100vh;*/
    }
div#gallery-xl {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-top: 0px;
    border-style: none;
    background-color: rgba(255,255,255,1);
    background-image: none;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    }
div.presentabox h2{
	text-align: center;
	font-size: 1.2em;
}
div.contenant-2 h2 {
    font-size: 1.5em;
    font-weight: bolder;
    text-decoration: none;
}
.conteneur-flex-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-style: none;
}
 
    
.lien-noir	{
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    color: rgba(135,132,133,1.00);
}
.contenant-2 p,.contenant-3 p {
	font-size: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}	
	
div.presentabox {
    background-color: #d7d1d1;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    width: auto;
    color: rgba(0,0,0,1);
    text-align: left;
    order: 1;
    border-style: none;
}	
	
.titre {
    font-size: 1.8em;
    color: #000000;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 10px;
}	
p.pfin {
    font-size: 1.2em;
    color: #696B6B;
}
p.pfinancement {
    font-size: 0.6em;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-bottom: 10px;
}	
.contenant-2{
    background-color: rgba(230,230,230,1.00);
    width: 98%;
    border: 1px solid rgba(220,220,220,1.00);
    text-align: center;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}
	
.contenant-2 div,.contenant-3 div{
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}	
div.promobox-aside {
    width: 98%;
    background-color: rgba(254,254,254,1.00);
    
    border: thin solid rgba(3,3,3,1.00);
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    color: rgba(0,0,0 ,1);
    border-radius: 10px;
}

div.promobox a.ombre{
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    text-decoration: none;
    color: #FFF;
    font-size: 1.1em;
    padding-bottom: 0px;
    background-image: none;
    background-color: rgba(51,51,51,0.5);
   
    float: left;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
	
div.espace-mail{
    width: 100%;
}	
div.promobox-aside h3 a{
    font-size: 1.2em;
    font-weight: bolder;
    }			
.conteneur-flex{
	width: 95%;
	margin-top: 10px;
	flex-direction: column;
	flex-basis: auto;
	background-color: rgba(255,255,255,1);
	padding: 10px;	
	}	

label{
	margin: 0px;
	padding: 0px;
}
nav{
  /*   position: relative;*/
   position: fixed;
    font-size: 1em;
    width: 100%;
    z-index: 110000;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
header.header{
	display:none;
	margin-top: 0px;
}
header.header img {
	display: none;
}
nav ul a.logo {
	display: none;
}

.menu-mobile {
	display: block;
	text-align: right;
	width: 40%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0;	
    }	

    nav ul{
    display: none;
    margin-top: 0px;
    margin-bottom: 20px;
    border-bottom-style: none;
    background-color: #383737;
    }

nav ul li {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	/*background-color: #000000;*/
	margin-top: 0px;
	margin-bottom: 0em;
	font-weight: normal;
	border-bottom-style: none;
    }	
nav ul li a{
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    width: 100%;
    height: 3.5em;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    color: #FFFFFF;
    font-size: 1.1em;
    }	

    nav li:hover ul.submenu{
	position: static;
	width: 100%;
	max-height:50em;
    }

.submenu li a{
	width: 100%;
	color: rgba(255,255,255,1);
	font-size: 1.1em;
	transition-property: none;
	transition-duration: 0s;
	/*height: 4em;*/
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom-style: none;
}	
.submenu li a:visited {
	color: #FFF;
}	
 
.submenu li{
    transition-duration: 0s;
    border-bottom: thin solid #FFFFFF;
    padding-top: 10px;    
    padding-bottom: 10px;  
}

nav > ul > li a:after {
	transform: translateY(0px);
	transition: all 0s;
}
nav > ul > li > a:hover:after,
nav > ul > li a:focus:after {
	opacity: 1;
	transform: translateY(0px); /* On déplace l'objet */
	}

	
.date {
	background-image: url(../image/horaires/calendrier-360.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 15px;
	width: 100%;
	margin-bottom:5px;
}
div.gauche {
    width: 100%;
   background-color: rgba(255,255,255,1);
    margin-right: 0px;
    border: none;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    }	
	
	
div.gauche h1{
	font-size: 1em;
	color: #393d3f;
	text-align: center;
    }		
	
.titre-prod{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.5em;
    color: rgba(5,0,0,1.00);
   width: 95%;
    margin-right: auto;
    margin-left: auto;
    font-weight: bolder;
    text-align: center;
}	
		
aside {	
	background-color: #d7d1d1;
	width: 100%;
	border: none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: rgba(0,0,0 ,1);
    }			
/*footer {
	display: none;
}	
*/
div.col2 h2  {
    font-size: 1.2em;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    color: rgba(52,51,51,1.00);
    }	

    
div.flex-mobile {
    display: flex;
    background-color: rgba(41,40,50,0.6);
    justify-content: space-between;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-left: none;
    border-right: none;
    border-bottom: thin solid rgba(4,4,4,0.5);
    border-top: none;
    }	
div.promobox {
    width: 98%;
    background-color: rgba(241,240,240,1.00);
    border: 1px solid rgba(64,64,64,1.00);
    border-radius: 10px;
    padding-top: 15px;
    padding-right: 5px;
    padding-bottom: 25px;
    padding-left: 5px;
    color: rgba(0,0,0 ,1);
    margin-top: 20px;
}

Div.promobox p {
    font-size: 1.2em;
    color: #2C2C2C;
    margin-left: 5px;
    margin-right: 5px;	
	width: auto;
    }

	.adress {
    font-size: 2.4em;
    margin-left: 0px;
    color: rgba(2,2,2,1.00);
    font-weight: bolder;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 10px;
    }	
h2 a.doigt {
    background-image: none;
    background-repeat: no-repeat;
    padding-left: 0px;
    transition-property: none;
    font-size: 1em;
    margin-left: 0px;
	}
    
	h2 a.doigt:hover {
	background-image: none;
	}
p.description-produit {
	color: rgba(0,0,0,1);
	font-weight: normal;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
    }	
div.etiquette{
	width: 100%;
	text-align: center;
	/*margin-top: -20px;*/
}	
p.financement {
	display: block;
}

div.promobox-flex p{	
	width: 100%;
}	
div.header-catalogue {
	margin-top: 10px;
	width: 100%;
}	

	
/*footer {
	display: none;
}	*/
div#pied {
	display: none;
}

div.fb-post{
	height: auto;
	max-width: 200px;
}

/**************itinéraires*****************/	
h1#adresse {
    color: rgba(0,0,0,1);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 2em;
    font-weight: bolder;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    }			
	
div#addresse {
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	text-align: center;
	width: 100%;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-right: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	height: auto;
	margin-top: 0px;
	padding-top: 10px;
}	
	.pres_horaires {
    font-size: 1.5em;
    color: #000;
    max-width: 100%;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    border: thin solid rgba(0,0,0,1.00);
}
	
#centrage {
	width: 95%;
	background-color: rgba(255,255,255,1);
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}	
    
.col3,.col4 {
	width: 100%;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	height: auto;
    border-style: none;
}
  
p.catalogue {
	margin-top: 15px;
	text-align: left;
	margin-bottom: 0px;
	font-size: 1.2em;
	color: rgba(102,102,102,1);
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 400;
}

h1.catalogue {
    margin-top: 20px;
    color: rgba(0,0,0,1);
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
    
h2.catalogue {
    color: #333;
    font-size: 1.2em;
    margin-left:10px;
    margin-right:10px;
}

div.col1 {
	order:-1 ;
	 width: auto;
    border-style: none;
	}	

div.header-catalogue {
	height: auto;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
    width: 95%;
}		
.col2 {
    order: -1;
    width: 100%;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
   background-color: rgba(255,255,255,1);
    border-style: none;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    }    
    
  .avantages {
    
   background-color: #efb255;
    
    }    
      
    
    
    
    
}

/* iPads (portrait and landscape) -----------
--------------------------------------------
--------------------------------------------------------------------------------------------------------------*/


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.invisible {
	display: block;
}	
   
p.sur-titre {
    color: rgba(0,0,0,1.00);
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 1.4em;
    margin-left: 0px;
    }	    
    
    
.intro1 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    background-color: #FFFFFF;
	order:-100;
}  	 		
	.intro2 {
 	   display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #FFFFFF;
	order:-99;
}  
    
 .intro2 p {
    color: rgba(0,0,0,1.00);
    position: relative;
    font-size: 1.3em;
    text-align: center;
     margin-top: 20px;
}	   
 .titre-prod{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 1.5em;
    color: rgba(5,0,0,1.00);
   width: 95%;
    margin-right: auto;
    margin-left: auto;
    font-weight: bolder;
    text-align: center;
}	   
    
div#scroll { 
  display:none;
}	
body {
	background-color: rgba(255,255,255,1);
	background-image: none;
	}	
nav{
    background-color: rgba(41,40,50,1.8);
    width: 100%;
    position: relative;
    top: 10 px;
    z-index: 1000;
    order: -4;
    margin-bottom: 0px;
    min-height: 60px;
     
}
nav > ul > li > a{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-size: 1.2em;
	transition-property: color;
	transition-duration: .6s;
   
}
nav > ul > li > a:hover{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-size: 1.2em;
	transition-property: color;
	transition-duration: .6s;
}
nav > ul > li.logo > a{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	transition-property: none;
	transition-duration: 0s;
}
nav > ul > li.logo > a:hover{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	transition-property: none;
	transition-duration: 0s;
}		
header.header {
	display: none;
	margin-top: 0px;
}
.date {
	background-image: url(../image/horaires/calendrier-360.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 15px;
	width: 100%;
	margin-bottom: 5px;
}
.submenu li a{
	padding: 15px 30px;
	font-size: 1.4em;
	color:#333;
	width: 220px;
	transition-property: color;
    transition-duration: .6s;
}
.prix-promo {
	display: none ;
}
.prix-promo-480 {
	display: block;
	max-width: 100%;
	justify-content: center;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	height: 65px;
	margin-top: 10px;	
}
div#addresse address{
	background-color: rgba(204,204,204,1);
	font-size: 1,2em;
	font-weight: bold;
	text-align: center;
}
div#gallery-xl{
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-right: 1%;
    padding-bottom: 20px;
    padding-left: 1%;
    border-style: none;
    margin-top: 20px;
    margin-bottom: 70px;
    background-color: rgba(253,251,251,1.00);
    }    
main,div#gallery{
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	flex-direction: column;
	flex-basis: auto;
	align-items: center;
	/*background-color: rgba(204,0,0,1);*/
	background-color: rgba(255,255,255,1);
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	 }	
div.intro a {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
div.gauche{
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 0%;
    background-color: rgba(213,187,177,0.4);
    margin-bottom: 30px;
    margin-top: 20px;
}

.contenant-2{
	margin-bottom: 20px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
} 
.conteneur-flex-2 {
	display: flex;
	align-items: center;
	max-width: 100%;
	 background-color: rgba(213,187,177,0.4);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 1%;
	padding-bottom: 0px;
	padding-left: 1%;
	border: 1px solid rgba(255,255,255,1);
	flex-direction: column;
}      
 .titre {
    font-size: 1.8em;
    color: #000000;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 10px;
}	     
div.promobox {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
   background-color: rgba(241,240,240,1.00);
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px;
    padding-top: 10px;
}
/*div.promobox a.ombre{
	display: block;
	margin-left: 20%;
	text-decoration: none;
	color: #FFF;
	font-size: 1.1em;
	padding-bottom: 0px;
	background-image: none;
	background-color: rgba(51,51,51,0.5);
	border-top-style: none;
	margin-top: 10px;
	float: left;
	margin-bottom: 5px;
}*/
div.promobox-aside {
	padding-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(241,240,240,1.00);
	margin-bottom: 20px;
	padding-top: 10px;
	text-align: center;
	border: 1px solid rgba(204,204,204,1);
	color: rgba(0,0,0,1);
	width: 100%;
}
p.description-produit {
	padding: 5px;
	color: rgba(0,0,0,1);
	font-weight: normal;
    }
div.gauche h1{
	font-size: 2em;
	color: #FFFFFF;
	text-align: center;
    }	
aside{
	width: 100%;
	height: auto;
}

div.promobox-flex p{	
	width: 100%;
}	
div.promobox h3{
	font-size: 1em;	
}	
/*------------ITINERAIRES----------------------*/	
.pres_horaires{
	width: 100%;
	height: auto;
}	
#navi{
	width: 100%;
	height: auto;
}	
#centrage {
	width: 100%;
	height: auto;
}
.blind {
	display: none;
}	

div.intro {
    display: block;
    flex-direction: column;
    justify-content: center;
	text-align: center;
    align-items: center;
    margin-bottom: 30px;
    background-color: #D4D4D4;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}  	
.menu-vertical {
	width: 95%;
	background: #ff3f00;
	 /* optionnel, c'est pour la démo */
}	
footer {
	width: 100%;
	margin-right: 10px;
	margin-left: 10px;
    }	
	#pied
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	}
    
    
    
}

/********************************fin tablettes************************************/





/*******************scroll*********************/

.titre {
    color: rgba(0,0,0,1.00);
    font-size: 1.5em;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}


section { 
  height: 100vh; 
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; 
  flex-direction: column;
  padding: 1vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*font-size: 5vw; */
}

section.haute { 
  height: auto; 
	padding: 0px;
}
section.haute img { 
  height: 100%; 
	width: 100%;
}
section:first-of-type { 
  text-transform: uppercase;
}
section.pop { 
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.4); 
}
section.pop p{
	font-size: 2vw;
	margin-top: 50px;
}
section:nth-of-type(even) {
	background: #fff;
}
section:nth-of-type(even) p {
	font-size: 2vw;
	color: rgba(0,0,0,1);
	margin-top: 40px;
}
section:nth-of-type(even) h1{
    font-size: 2vw;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 50px;
}



section:nth-of-type(even) h3{
	font-size: 4vw;
	color: #F49230;
}
section:nth-of-type(1) {
    background-image: url(../image/acceuil/famille-1900.jpg);
    /*******première image************/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: cover;
    padding-bottom: 3%;
    background-repeat: no-repeat;
}
section:nth-of-type(1).tables {
    /*******première image************/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: cover;
    padding-bottom: 3%;
    background-repeat: no-repeat;
    background-image: url(../image/2025/scroll/journees-irresistibles-margaux.jpg);
}

section:nth-of-type(1) a{
	text-shadow: 0 0 0px;
	color: rgba(51,204,255,1);
	font-size: 3vw;
	transition-property: color;
	transition-duration: .6s;
	margin-top: 200px;
}
section:nth-of-type(3) a:hover{
	color: rgba(255,51,0,1);
}
/*******troisième image************/
section:nth-of-type(3) {
    background-image: url(../image/NOUVEAU/SCROLL/VERONE.jpg);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-size: cover;
    padding-bottom: 3%;
    background-repeat: no-repeat;
 }
section:nth-of-type(3) a{
	text-shadow: 0 0 0px;
	color: rgba(51,204,255,1);
	font-size: 3vw;
	transition-property: color;
	transition-duration: .6s;
	margin-top: 200px;
}
section:nth-of-type(3) a:hover{
	color: rgba(255,51,0,1);
}




/*******cinquième image************/
section:nth-of-type(5) {
    background-image: url(../image/NOUVEAU/SCROLL/VELUTO.jpg);
    /*******troisième image************/
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: rgba(255,255,255,1);
    font-size: 1vw;
    background-size: cover;
}
section:nth-of-type(5) a{
    color: rgba(51,204,255,1);
    font-size: 1vw;
    background-size: auto auto;
}
section:nth-of-type(5) h2{
    font-size: 1vw;
    color: #FCAF17;
    margin-top: 450px;
    margin-bottom: 10px;
}
section:nth-of-type(7) {
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: rgba(255,255,255,1);
    font-size: 1vw;
    background-size: cover;
    background-image: url(../image/NOUVEAU/SCROLL/Dream-1.jpg);
}
section:nth-of-type(9) {
    background-image: url(../image/NOUVEAU/SCROLL/bjorn-femme.jpg);
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: rgba(255,255,255,1);
    font-size: 1vw;
    background-size: cover;
}

section:nth-of-type(11) {
    background-image: url(../image/NOUVEAU/SCROLL/jean.jpg);
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: rgba(255,255,255,1);
    font-size: 1vw;
    background-size: cover;
}

/*FIN SCROLL*/

/*Bandeau principal*/
#tarteaucitronAlertBig {
	background-color: #FF6600;
}



 /************************************/
      table.iti {
	background-color: #FFFFFF;
	font-size: 11px;
	margin: 4px;
	color: #000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
      table.directions th {
	background-color:#EEEEEE;
	font-size: 15px;
	color: #666666;
}
      table.directions td { font-size: 11px;}
      img { color: #000000; }
      #map_canvas { max-width: 566px; height: 500px; border: 1px solid #333333 ; margin: 0px;}
      #directions {
	width: 366px;
	height: 500px;
	border: 1px solid #333333;
	margin: 2px;
	overflow: auto;
	/*width: auto;*/
	text-align: left;
	font-size: 9px;
	color: #000000;
}
    









/****************knacs***************/
/***************************/
/*********************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  font-size: 62.5%;
  font-size: calc(1em * 0.625);
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
    margin: 0;
    font-size: 1.4rem;
    background-color: #fff;
    color: #212529;
    line-height: 1.5;
    text-align: left;
    height: auto;
    border-bottom-right-radius: 0px;
}

[tabindex="-1"]:focus {
  outline: none !important;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}


/* ----------------------------- */
/* ==Base (basic styles)         */
/* ----------------------------- */
/* switching to border-box model for all elements */
/* Vertical rythm */
h1,
h2,
h3,
h4,
h5,
h6,
dd {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p,
address,
ol,
ul,
dl,
blockquote,
pre {
  margin-top: 0;
  
}
/* Avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol,
ol ol,
ul ul {
  margin-top: 0;
  margin-bottom: 0;
}
/* Max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%;
}
img {
  height: auto;
}
/* Styling elements */
ul,
ol {
  padding-left: 2em;
}
img {
	vertical-align: middle;
	color: rgba(39,38,38,1.00);
}