/*### css ###*/

@media screen and (max-width:960px){
	html {
  margin:0;
  padding:0;
  background: #2D6617;

  }

body {overflow-x:hidden ; max-width:60em; font-size:12px; margin: 0 auto; background-color:#2D6617}
#conteneur	{
	width:auto;
	margin:0px auto;
	background:url(https://d58f2c.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-conteneur.jpg) repeat-y top center ;
}

#entete {height:388px; background:#2D6617; }

#logo {float:none; margin:0 auto; text-align:center; width:auto; background:url(https://c0b723.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-logo-responsive.jpg) no-repeat top center; height:200px; background-color:#4272C6;}
#slogan {display:block;float:none; margin:0 auto; text-align:center; width:auto; background:url(https://0016dc.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-slogan-responsive.jpg) no-repeat top center; clear:both; height:180px;  border-top:8px solid #fff}
#slogan p{ font-size:28px; text-align:center; color:#fff; padding-top:20px; margin:0;font-family:remachine_script_personal_uRg}
.petit {font-family:CenturyGothicRegular; font-size:20px}
p { font-size:14px}
#ami {display:none}
#favoris {display:none}
#animation	{display:none}

/*
nav	{width:auto; height:auto; background:#000;}

.dropmenu ul{

	width: auto;
	z-index:20;
	

}
.dropmenu li ul{

	width: 100%;

color:#fff
}
.dropmenu li ul li{

	background-color:#333;
}
.dropmenu li ul li a{
	display:block;
	color:#fff
}

.dropmenu li{width:100%; border-top:1px solid white}
.dropmenu li a {color:#fff;padding:5px 20px;} 
.dropmenu li:first-child{border-top:none}
*/








/* Style navigation */

ul.dropmenu{
/*######################################################################################################*/
	font-family:remachine_script_personal_uRg;				/*Police des rubriques/sous-rubriques*/
	font-size: 20px;					/*Taille des rubriques/sous-rubriques*/
/*######################################################################################################*/
	position: relative;
	margin: 0px;
	padding: 0px;
	display:block;
	
	display: inline-block; /* fix position IE7 - 1ere partie */

}

.dropmenu li a{
/*######################################################################################################*/
	padding:18px 10px 18px 10px;	
		/*Espacement autour des rubriques (haut, droite, bas, gauche)*/
	color:#fff;							/*couleur des rubriques/sous-rubriques*/
	
/*######################################################################################################*/
	display: block;
	cursor:pointer;
	text-decoration: none;
}
.dropmenu li a:hover{
/*######################################################################################################*/
	background-color:#fff;			/*fond de couleur des rubriques*/
	color:#3566C5;							/*couleur des rubriques/sous-rubriques au survol*/
/*######################################################################################################*/
}

.dropmenu li a.current {
background-color:#fff;
color:#3566C5;
}

.dropmenu ul{
/*######################################################################################################*/
	width: 12.5em;
							/*Largeur du sous-menu*/
	background-color:#222;				/*fond de couleur des sous-rubriques*/
/*######################################################################################################*/
	position: absolute;
	display: none;
	padding: 0px;
}
.dropmenu ul a {
/*######################################################################################################*/
	border: 1px solid #CCC;				/*taille et couleur de la bordure autour des sous-rubriques*/
/*######################################################################################################*/
	display:block;
}
.dropmenu ul a:hover {
/*######################################################################################################*/
	background-color: #FFF;				/*fond de couleur des sous-rubriques au survol*/
/*######################################################################################################*/
}

.dropmenu li{position: relative;list-style: none;margin: 0;padding: 0;display: block;cursor: pointer;float: left; border-left: solid 1px #fff}
.dropmenu li:first-child{border-left:none}
.dropmenu ul li{float: none;}
.dropmenu li:hover > ul{display: block;}

*+html .dropmenu li ul {
	/*top:expression(this.parentNode.clientWidth-this.clientHeight+"px"); /* décommenter si le placement vertical n'est pas bon */
	right:expression(this.parentNode.clientWidth-this.clientWidth+"px")} /* fix position IE7 2e partie; changer les retraits en fonction des dimensions réelles */
	






#integration { clear:both; width:auto; max-width:960px;border-top:3px solid #563814}
#integration p{/*text-align:justify*/}
#integration p.test{clear:both}

#slide {float:none; margin:10px auto;border:1px solid #1f1a17;width:300px;height:225px}
#slide img {max-width:100%;width:100%; height:auto}
.map {width:300px; height:247px}
ul.no-mobile {display:none}
div#pied ul li.no-liens {display:none}

#pied  {width:auto; padding:0 20px;max-width:960px;}

#logo-distributeur{display:none}
.encart {width:80%; min-height:80px; height:auto}
#facebook {position:absolute; margin:10px}
.btmenu {position:absolute; right:10px; top:10px; z-index:90; cursor:pointer}

.encart-txt {width:auto; border-right:none; margin:0 auto; clear:both}

li.mobile {display:block;}
li.mobile a {

	color:#35D4FE;
	padding-top:-5px	
}

.no-mobile {display:none}
.mobile {display:block}
.quarts {width:28em; margin:0.5em;}
.tiers {width:56em; margin:1em;}

}















































@media screen and (max-width:720px){
body {overflow-x:hidden ; max-width:60em; font-size:6px; margin: 0 auto}

p { font-size:14px}

#conteneur	{
	width:auto;
	margin:0px auto;
	background:url(https://d58f2c.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-conteneur.jpg) repeat-y top center ;
}
#entete {height:388px}

#logo {float:none; margin:0 auto; text-align:center; width:auto; background:url(https://c0b723.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-logo-responsive.jpg) no-repeat top center; height:200px; background-color:#4272C6;}
#slogan {display:block;float:none; margin:0 auto; text-align:center; width:auto; background:url(https://0016dc.claudeassets.com/20260311170336im_/http://glaces-artisanales-vosges.com/charte/fond-slogan-responsive.jpg) no-repeat top center; clear:both; height:180px;  border-top:8px solid #fff}
#slogan p{ font-size:24px; text-align:center; color:#fff; padding-top:20px; margin:0}


#ami {display:none}
#favoris {display:none}
#animation	{display:none}

nav	{width:auto; height:auto; background:#684620;}

.dropmenu ul{
/*######################################################################################################*/
	width: auto; /*Largeur du sous-menu*/
	z-index:20;
/*######################################################################################################*/
}


.dropmenu li a {font-size: 25px;	}


.dropmenu li ul{
/*######################################################################################################*/
	width: 100%;
							/*Largeur du sous-menu*/
										/*fond de couleur des sous-rubriques*/
/*######################################################################################################*/
color:#fff
}
.dropmenu li ul li{
/*######################################################################################################*/
	background-color:#333;				/*fond de couleur des sous-rubriques*/
/*######################################################################################################*/
}
.dropmenu li ul li a{
	display:block;
	color:#fff
}

.dropmenu li{width:100%; border-top:1px solid white; border-left:none}
.dropmenu li a {color:#fff;padding:5px 20px;} 
.dropmenu li:first-child{border-top:none}


#integration { clear:both; width:auto; max-width:960px;border-top:3px solid #684620}
#integration p{/*text-align:justify*/}
#integration p.test{clear:both}

#slide {float:none; margin:10px auto;border:1px solid #1f1a17;width:300px;height:225px}
#slide img {max-width:100%;width:100%; height:auto}
.map {width:300px; height:247px}
ul.no-mobile {display:none}
div#pied ul li.no-liens {display:none}

#pied  {width:auto; padding:0 20px;max-width:960px;}

#logo-distributeur{display:none}
.encart {width:80%; min-height:80px; height:auto}
#facebook {position:absolute; margin:10px}
.btmenu {position:absolute; right:0.625em; top:0.625em; z-index:90; cursor:pointer}



li.mobile {display:block}
li.mobile a img {
	background-color:#fff;	/*fond de couleur des rubriques*/	
}
.no-mobile {display:none}
.mobile {display:block}

.menu-open {position:absolute; float:right; display:block; right:0.625em; top:0.625em; z-index:90; cursor:pointer}
.demi {width:56em; margin:0.2em;}
.quarts {width:28em; margin:1em 15em;}
.tiers {width:36em; margin:1em 11em;}
.bloc60{width:50em; margin:1em 4em;}
.bloc40{width:44em; margin:1em 7em;}
.bloc70{width:54em; margin:1em 2em;}
.bloc30{width:40em; margin:1em 9em;}

.image { width:100%; height:100%}





	}

/*
     FILE ARCHIVED ON 17:05:08 Jul 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:43:38 Sep 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.555
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.042
  esindex: 0.007
  cdx.remote: 17.444
  LoadShardBlock: 474.517 (3)
  PetaboxLoader3.resolve: 70.899 (3)
  PetaboxLoader3.datanode: 518.92 (5)
  load_resource: 198.65
  loaddict: 93.964
*/