html {
--text-color: #000;
--entete-color: #74FEDB;
--section-color: #E6FFF8;
--field-color: #75ffd9;
--pied-color : #ADD1FF;
--menutexte-color: #FFDDA6;
--titre_rub_color:#0b2686;
--background-bouton: linear-gradient(to bottom, #57b, #148);
box-sizing: border-box;
color: var(--text-color);
}
body{
	width:98%;
	margin : auto;
	background : var(--section-color);
}
header{
	background :var(--pied-color);
	border-radius:1em 1em 0 0;
}
nav{
	background : var(--pied-color);
	border-radius:0 0 1em 1em;
}
footer{
	background : var(--pied-color) ;
	padding:1em;
	border-radius:1em;
	text-align:center;
	margin-bottom: 4em;
}
section{
	background : var(--section-color);
	margin:0 0 1em 0;
}
a{
	text-decoration : none;
	color : var(--text-color);
}
header{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-gap: .5em;
	align-items: center;	
	justify-content: center;
	padding:0 2em 0 2em;
}
/*bandeau superieur*/
.titre1{grid-column:1;}
.entete_droite{
	display:flex;
	flex-direction:column;
	grid-column:2;
	text-align:center;
}
.titre1 img{
	max-width:40em;
	width:60%;
	margin: 1em 20% 1em 20%
}
.titre1 img.snd-kayak-shop{width:100%;}
img.im_caddy,img.im_mail{
	width:4em;
	margin: 0 1em 0 1em;
}
/*menu*/

nav{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
}


.cl_rubrique{display:none;}
/*ul#id_6{display:block;position:absolute;z-index:2;background-image : var(--background-bouton);}
.affiche_gamme ul{display:none};

.affiche_gamme ul li{list-style: none;}*/
.affiche_gamme,.choix_rub{
	border:0;
	border-radius :5px;
	font-size:1.5rem;
	background-image : var(--background-bouton);
	margin:0 .5rem .1rem .5rem;
	box-shadow:.1rem .1rem .5rem 0 #124;
    padding:.1em .2em .4em .2em;
}
.affiche_rubrique{margin-top:.8rem}
.affiche_gamme a{
	color:var(--menutexte-color);
	margin: 0 .2em 0 .2em;
}
.affiche_gamme img{
	width:1.5em;
	position:relative;
	top:.4em;
}
img.liste_gamme{cursor:grab;}

button.lien_sous_rub{display:block;text-align:center;margin:.1rem;margin-left:2em;padding:.2rem}
button.lien_sous_rub a{
	color : var(--text-color);
}



*/
/*****************************************
.niv0{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center
}

.niv0 > *{
	margin-left:.5em;
	}
ul.cl_rubrique{
	display:none;
	padding-left:1em;
}
.niv1{
	border: 0;
	font-size: 1rem;
	border-radius: 5px;
	background-image:var(--background-bouton );
	box-shadow: 0.1em 0.1em 0.5em #124;
	padding : 0 .4em .7em .4em;
}
.niv1 a{color:var(--menutexte-color);}

img.liste_gamme{position:relative;top:.5em;left:.2em;width:2em;cursor:grabbing;}
.niv3{
	border: 0;
	font-size: 1rem;
	border-radius: 5px;
	background-image:var(--background-bouton );
	box-shadow: 0.1em 0.1em 0.5em #124;
	padding : 0 .4em .7em .4em;
}
.niv3 li{list-style: none}

*/

.affiche_article_titre_loc{
	/*width:15rem;
	float:left;
	display:block;*/
text-align:center;
  outline: 4px double rgba(28,110,164,0.37);
	/*outline-offset: 0px;	
	padding:.2rem;
	margin-left:4em;*/
	}
.affiche_article_titre_vente{
	width:15rem;
	float:left;
	display:block;
text-align:center;
  outline: 4px double rgba(28,110,164,0.37);
	outline-offset: 0px;	
	padding:.2rem;
	margin-left:4em;
	}	
.image_article1{text-align:center}
.texte_art{
	height:15rem;
	overflow-y: scroll;
	text-align: justify;
	padding:.4em;
	background:#222;color:#fff;
}
.petite_img h3,figcaption{
	height:4.5rem;
	background:var(--pied-color);
	border-radius:.2rem;
	display: grid;
	align-items: center;
	justify-content: center;
	text-align:center;
}

.barre{text-decoration:line-through;}
/*******************************************/
/*footer
.logo_marques{display:flex;flex-direction:row; flex-wrap: vrap;
	justify-content: center;height:3em;align-items:center}
.nom_marque{border:1px solid #aaa;margin:.1rem;padding:.5rem;height:2rem;border-radius:.3rem;width:3rem}

.img_marque img{height:3rem;width:3rem;margin:.1rem}
.container_footer
{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}
.container_footer > div,.plan_site
{
	border: 0;
	font-size: 1rem;
	border-radius: 0.5em;
	background-image:var(--background-bouton );
	box-shadow: 0.1em 0.1em 0.5em #124;
	padding:.4em;
	margin:.2em;
}
.liste_sites >*,.plan_site>*{color : var(--menutexte-color);}
.plan_site{width : 10em;margin:auto;}*/
.clear{
	clear:both;
}
.barre{text-decoration:line-through;}
@media only screen and (max-width: 60em) {
	/*header{grid-template-columns: 2fr 1fr;}*/
}	
@media only screen and (max-width: 50em) {
	.logo{width:100%;}
	#grande_img{width: 90vmin;margin:auto;}
	.img_page1{flex-direction: column}
	.article_page1{width:90%;margin:auto}
}
@media only screen and (max-width: 40em) {
	/*header{grid-template-columns: 3fr 1fr;}*/
}
@media only screen and (max-width: 30em) {
}