html, body, div, span,h1, h2, h3, p,a, em, img, strong, center, ol, ul, 
fieldset, form, label, table, caption, tbody,  article, aside,
canvas,footer, header, menu, nav, section, 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
.sf-menu ol, .sf-menu ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{box-sizing: border-box;}
/*@font-face {
font-family: Ben;
	src: url('../fonts/Bentham.otf');		
}*/
/*----------------------------general--------------width:1024px;margin:auto;---*/
body{font-size:100%;color:#4e3805;text-align:center;font-family: Verdana, Cambria, Candara; background-image:linear-gradient(to right,#fffefc, #c2bdb2 );}/*Open Sans Condensed Light 300'*/
section, nav, header, footer {width:100%;padding:.5%;background:#ffebb3;border-right:2px solid #4e3805;box-shadow: 10px 10px 5px #a0a0a0;display: block;}
/*#B2D7F1*/
img{
	width:100%;
}

a{color:#4e3805;text-decoration:none;}
/*-------------------------footer--------------------------*/
.marques{display: inline-block;width:60px;text-align: center;}
 a.img_marque{text-decoration: none;font-size:60%;padding: 2px;color:#4e3805;} 
.img_marque img{border:1px outset #745919;margin:auto; width:98%;}
.img_marque img:hover{border:1px inset #9b7b36;}

/*-----------------------entete----------------------------*/
.table_header{display:table-row;width:100%;}
.table_header p.cell2{display:table-cell;width:2.5%}
.table_header p.cell1{
	height:auto;
	display: table-cell;
	width:25%;
	vertical-align:top;

background: #f9c667; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #fffefc 0%,#DDCBA6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#logo_mail img{width:10%;}
.im1{width:80%;}
#google_translate_element{
}

/*-----------------------entete----------------------------*/
#logo_snd{
	width:80%;
	max-width:800px;
	margin:auto
}
#logo_g_m{
	width:90%;	
	margin:auto;
}
.caddy img{min-width: 30px;}
.caddy{
	width:4%;float:right;background:#fffefc;padding:.5em;border-radius:5px;
}
#logo_mail img{
	width:4%;float:right;min-width: 2em;margin-left:2em;
}

/*.caddy{
	float:right;position:relative;right:4.3%;background:#fffefc;padding:.5em;border-radius:5px;
}*/
#google_translate_element{
	float:left;
	margin-left:5%;
}

/*
#logo_snd{
	width:80%;
	max-width:800px;
	margin:auto
}
#logo_g_m{
	width:90%;	
	margin:auto;
}
.caddy img{min-width: 30px;}
.caddy{
	width:4%;float:right;background:#fffefc;padding:.5em;border-radius:5px;
}
#logo_mail img{
	width:4%;float:right;min-width: 2em;margin-left:2em;
}
*/
/*.caddy{
	float:right;position:relative;right:4.3%;background:#fffefc;padding:.5em;border-radius:5px;
}*/


/**********************************menu********************************/
.fleche{display:none;}
.sf-menu{position:relative;left:5%;}
.sf-menu * {font-weight: 500;}
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;position:relative;color:#755910;}

.sf-menu li {position: relative;margin-right:2px;}
.sf-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display: block;position: relative;}
.sf-menu ul ul {top: 0;left: 100%;}
.sf-menu {float: left;margin-bottom: 1em;}
.sf-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 12em; *width: 12em;}
.sf-menu .href{box-shadow: 2px 2px 6px rgba(0,0,0,.2);padding: .1em 1em;background:#ffffff ;border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);}
.sf-menu a {padding: .1em 0.2em;text-decoration: none;border-bottom: 1px solid #755910;}
.sf-menu li a{background: #ffffff;white-space: nowrap;*white-space: normal; -webkit-transition: background 1s;transition: background 1s;}
.sf-menu li a {background:#ffffff ;border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);}
li a:hover,.sf-menu ul li:hover,.sf-menu ul ul li:hover{background:#8c7341 ;color:#ece9e3;border:1px solid #755910;border-radius: 4px;}


/*--------------adherent-------------------*/
.deja_inscrit{
	width:50%;
	margin:auto;
}
.deja_inscrit label,.deja_inscrit input{
	display: inline-table;
}
#saisie_adherent{
	width:60%;
	margin:auto;
	text-align:left;
	max-width:30em;
}
#saisie_adherent label {
	display:inline-block;
	padding:.5em;
	width:40%;	
}
#saisie_adherent input,#saisie_adherent select{float:right;}
#saisie_adherent input[type="submit"]{float:left;color:red;text-align:center;}

/*---------------------article page 1---------------------------*/

.prod_sem{display:flex;flex-direction : row;width:80%;margin:auto;flex-wrap: wrap;margin-bottom:2em;}
.prod_sem div{margin:20px;width:28%;}
.prod_sem img{width:100%;min-width: 150px;border-radius:2em;box-shadow:  6px 6px 22px 8px #4e3805; }
.prod_sem div:nth-child(1){margin-left:3%;border-radius:2em;transform: rotate(-5deg);}
.prod_sem div:nth-child(3){margin-right:3%;border-radius:2em;transform: rotate(5deg);}
.prod_sem div:nth-child(4){margin-left:3%;border-radius:2em;transform: rotate(5deg);}
.prod_sem div:nth-child(6){margin-right:3%;border-radius:2em;transform: rotate(-5deg);}
.prod_sem div:nth-child(2){position:relative;top:-15px}
.prod_sem div:nth-child(5){position:relative;top:15px}


.table_sommaire{
	width:98%;
	margin:auto;
}

.ct img{
	width:5%;
	vertical-align:middle;
	min-width: 32px;
}

.unecolonne{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
.deuxcolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.troiscolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.quatrecolonnes{
	text-align:justify;
	margin:auto;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;	
}
.col_1,.col_2,.col_3{margin-top:5px;}
.col_1 img,.col_2 img,.col_3 img{padding:10px;}
.col_1 p,.col_2 p,.col_3 p{text-align: justify;}
.col_1 div, .col_2 div, .col_3 div{margin:auto;}
.col_1 p,.col_2 p,.col_3 p {width:100%;clear:both;}
.col_1 {
  	width: 96%;
  	float: left;
	text-align: center;
	margin: 1%;
	padding: 1%;

}
.col_2 {
  	width: 46%;
  	float: left;
	text-align: center;
	margin: 1%;
	padding: 1%;	
}

.col_3 {
  	width: 31%x;
  	float: left;
	text-align: center;
	margin-left: .5%;
	padding: .5%;
	
}

.clearboth{
	height:10px;
	clear:both;
	width:100%;
}
.reduc_sur_tout {
  //*animation: blinker 6s linear infinite;
	color:#ff0000;*/
	border-radius:1em;
	background:#ffffff;
	text-align:center;
	font-size:200%;		
	width:80%;
	padding:.5em;
	margin:auto;
	/*border:1px solid red;
	margin-top:-4em;
	margin-bottom:0em;
	transform:rotate(-10deg);
	position:relative; 
	top:7em;*/
}


.chapo {
  animation: blinker 1s linear infinite;
	color:#ff0000;
	background:#ffffff;
	text-align:center;
	font-size:110%;
	border:1px solid red;
	border-radius:4px;
	width:40%;
	margin:auto;
	margin-top:.1em;
	margin-bottom:.1em;
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}
/*----------------------------soldes---------------------------*/
/*.solde_equ{background:#fff9ed;width:30em;display:inline-table;height:230px;margin:.1em;}*/
.solde_equ{background:#fff9ed;width:30%;min-width:20em;display:inline-table;height:230px;margin:.1em;}
.solde_equ img{max-width:160px;float:left;margin:0.2em;}
/*.solde_bat{background:#fff9ed;width:30em;display:inline-table;height:230px;margin:.1em;}*/
.solde_bat{background:#fff9ed;width:30%;min-width:20em;display:inline-table;height:230px;margin:.1em;}
.solde_bat img{max-width:300px;float:left;margin:0.2em;}
/* img {
	width:50%;
	margin:auto;
	margin-bottom:1em;
}*/
.solde_equ h2,.solde_bat h2{font-size:100%}
/*titre_solde{width:80%;margin:auto;padding-top:1em;padding-bottom:1em;margin-bottom:1em;}*/
.titre_solde .titre{
	font-size:700%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	border-top:1px solid red;
	border-bottom:1px solid red;
	width:70%;
	margin:auto;	
}
.profite{
	font-size:2em;
	color:white;
	background:red;
	width:25%;
	margin:auto;
	margin-top:1em
}

/*---------------------------rubrique--------------------------*/
#util{position: relative;font-size:;width:100%;}
ul.utilisation li{display: table-cell;padding: 5px 5px 5px 5px; background:#ffffff;border: 2px outset #755910;border-radius: 4px;}
ul.utilisation li:hover{border: 2px inset #755910;}
ul.utilisation{
    display: table;
    width: 100%;
    margin: 10px auto;
    padding: 0;
	  box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
}
.titre_equipement h1,.titre_bateau h1, .bateau h2 ,.bateau h3,.equipement h1,.equipement h2,.equipement h3,.plan-site h1{font-family:FeF;font-weight:900;
 	width:80%;padding:.5em;border:2px solid #4e3805;margin:auto;margin-top:.5em;margin-bottom:1.5em;border-radius:10px;box-shadow: 1px 10px 5px #888888;text-align:center;}
.titre_equipement h1,.titre_bateau h1{background:#e6ffea;font-size:2em;}

.bateau h2 ,.bateau h3,.equipement h1,.equipement h2,.equipement h3,.plan-site h2{font-weight:800;width:80%;padding:.3em;border:1px solid #4e3805;box-shadow: 5px 5px 3px #888888;}
.bateau a,.equipement a,.plan-site a{text-decoration: none;color:#4e3805;font-size:75%;} 
.bateau h2,.equipement h2,.plan-site h2{font-size:110%;}
.bateau h3,.equipement h3{font-size:90%;}
.bateau,.equipement{font-size:1.5em;border-top:3px solid #8c7341;border-right:1px solid #8c7341;padding:.2em;margin:.2em;border-top-right-radius:20px;border-bottom-left-radius:20px;text-align:left;/*background: #d2cdc1;*/min-height:18em;
   -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;	
}
.bateau:hover,.bateau a:hover,.equipement:hover,.equipement a:hover{
   background:#8c7341;
	color:#ece9e3;border-radius:20px;
	transform: scale(1.02,1.02);
	-ms-transform: scale(1.02,1.02); /* IE 9 */
	-webkit-transform: scale(1.02,1.02); /* Safari and Chrome */
}


.equipement .htitre{height:9em;}

.equipement.boitebas{border:2px solid blue;}
.bateau img,.equipement img{width:98%;	margin:auto;}
.equipement{max-width:250px !important;height:27em !important;display:inline-table;}
.equipement img{display:block;max-width: 200px;}
.bateau img{display:block;max-width: 320px;}
.bateau{max-width:320px !important;height:16em !important;display:inline-table;}
.bouton{border:2px outset #745919;width:6em;margin:auto;border-radius:5px;}

.bouton:hover{border:4px outset #745919;width:6em;margin:auto;border-radius:5px;}


/*--------------------------footer-------------------*/
.texte_fin{margin:auto;width:96%;}
.partenaire{display:inline}
/*--------------------------page info--------------------*/
.condition_ventes{
	text-align:justify;
	width:100%;
	margin:auto;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
}
#map_clem{
	width:45%;
	display:inline-block;
	margin-right:1em;
	margin-top:1em;
}
#photo_clem{
	width:45%;
	display:inline-block;
	margin-left:1em;
}
#contact{
	width:450px;
	display:inline-block;
	margin-left:1em;
	margin-top:1em;
}
.meteo{
	width:450px;
	display:inline-block;
	margin-right:1em;
	margin-top:1em;
}
.cartemeteo{margin:auto;}
li.contact:nth-child(even) {background: #fef9ed}
li.contact:nth-child(odd) {background: #cfc784}
/*--------------------aide au choix-------------------------*/
#aide_choix{
	width:90%;
	margin:auto;
}
.plan-site{font-size:1.0em;color:#4e3805;}
.plan-site .sous_titre1{border:1px outset #4e3805;display:inline-block;background:#fffefc;padding:.3em;margin:.2em;}
.plan-site .sous_titre2{border:1px outset #fff2fc;display:inline-block;background:#877651;padding:.3em;margin:.2em;color:#fff2fc}
.plan-site .sous_titre1:hover{border:1px inset #4e3805;zoom:110%;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari and Chrome */ }
.plan-site .sous_titre2:hover{border:1px inset #fff2fc;zoom:110%;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05); /* IE 9 */-webkit-transform: scale(1.05,1.05); /* Safari and Chrome */ }
/*------------------divers-------------------*/
.envert{color:green;}
.enbleu{color:blue;}
.enrouge{color:red;}
.engras{font-weight:bold;}
.souligne{text-decoration:underline;}
.barre{text-decoration:line-through;}
.font07{font-size:0.7em;}
.font08{font-size:0.8em;}
.font09{font-size:0.9em;}
/*---------------------petit_ecran------------------------------*/
.petit_ecran{display:none;}

h2#id3505,h2#id3506,h2#id3507,h2#id3508,h2#id3509{border:5px solid #4e3805;}

/*modif juillet 2023*/
section .mi_page{	
	background-image : url("/img_magasin/snd_cote_parking.jpg");
	background-repeat : no-repeat;
	background-size:100%;
	background-position: center;

}
.deja_inscrit,legend{background-color:#e6ffea;}
.deja_inscrit legend{padding:5px;border:1px solid #555}
.prod_sem img{
	opacity: 0.8;
}


.titre_equipement1{
	display:flex;
	flex-direction :row;
	align-items: center
}
.titre_equipement1 img{
	width: 300px;
	float:left;
	padding:.1em;
	border-radius:1em
}
.titre_equipement1 h1{
	font-size : 200%;
	width:70%;
	}
.prod, .titre_equipement1{
	border:2px solid #aaa;
	border-radius:1rem;
	width:80%;
	margin:auto;
	padding:.5rem;
	background-color : #e6ffea;;
}
article.art_zoom{color:#c3bbb8;}
@media only screen and (max-width:40em){
	.titre_equipement1{flex-direction:column;}
	.titre_equipement1 img{
		max-width:300px;
		width: 100%;
		margin:auto;
	}
}
.titre_equipement1 img:hover{transform:scale(1.2);}
/*fin modi juillet 2023*/

@media only screen and (max-width: 90em) {
  .prod_sem div{margin:3%;width:27%;}
}	
@media only screen and (max-width: 50em) {
	section .mi_page{background-repeat: repeat}
	.prod_sem{flex-direction : column;width:80%;}
  	.prod_sem div:nth-child(1){margin:auto;transform: rotate(0deg);}
  	.prod_sem div:nth-child(3){margin:auto;transform: rotate(0deg);}
  	.prod_sem div:nth-child(4){margin:auto;transform: rotate(0deg);}
  	.prod_sem div:nth-child(6){margin:auto;transform: rotate(0deg);}
  	.prod_sem div:nth-child(2){margin:auto;top:0}
  	.prod_sem div:nth-child(5){margin:auto;top:0}
	.prod_sem div{width:80%;padding-bottom: 1em}
}	


@media only screen and (max-width: 70em) {
.condition_ventes{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}	
}
@media only screen and (max-width: 50em) {
	/*------------------page1-------------*/
	.table_header p.cell2{display:none;}
	.table_header p.cell1{display:table-row;width:100%;margin:auto;	}
	.grand_ecran{
		display:none;
	}
	.petit_ecran{
		display:block;
	}
	.sf-menu  a{
		display:block;width:100%;
	}
	.sf-menu > li {width:95%;}
	.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {width:90%;}
	.fleche{float:right;display:block;}
	.menuli{line-height: 2em;}
	.petit_ecran img{
		width:.8em;
		height:1em;
		float:right;
	}
	.href{line-height: 2.5em;}
	/*.caddy{line-height: 2.5em;}*/
	.col_1,.col_2,.col_3{margin-bottom:5px;}
	.col_1 img,.col_2 img,.col_3 img{padding:1%;float: none;}
	.col_1 p,.col_2 p,.col_3 p{text-align: center;}
	.col_1, .col_2, .col_3 {
	  	width: 96%;
		text-align: center;
		margin: 1%;
		padding: 1%;
	}
	.col_1 div, .col_2 div, .col_3 div{	
		margin-left:auto;
		margin-right:auto;
	}
	/*section, nav, header, footer {background:#e9dab8;}	*/
	/*--------------page rubrique----------------------*/
	#util{display:none;}
	/*----info 3 colonnes*/
	.condition_ventes{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	}
	.solde_equ,.sold_bat{
		width:96%;margin:auto;
	}
}
@media only screen and (max-width: 30em) {
	.condition_ventes{
    	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
    	column-count: 1;
    	width:100%;
	}
	.solde_equ,.sold_bat{
		width:96%;margin:auto;
	}
	li.contact{width:80%;}

}