@charset "utf-8";
@media (max-width: 430px) {
		
	body { background-image: url('https://www.pallieres.com/img/fondpage11.jpg'); background-size: auto; background-attachment: fixed; font-family: Garamond;background-attachment: fixed !important;background-size: auto !important; } 
	h1 { font-size: 29px;margin-bottom: 10px;padding-top: 15px; }
	h2 { font-family: Garamond; font-size: 24px; color: #c2626b; padding-bottom: 5px; }

	.renvoi-mobile {display:block;text-align:center;}	
		#header { display: none;}

		/* Nouveau menu mobile 2018 */
		#volet { display:block; height: 100%; font-family: garamond; z-index: 7000; width: 56%; padding: 10px; background-color: rgba(33,33,33,0.94); color: #fff; position: fixed; left: -65%; top: 0px; -webkit-transition: all .5s ease-in; transition: all .25s ease-in; }
		#volet a { color: white; text-decoration: none; line-height: 30px; height: 40px; display: inline-block; margin-bottom: 10px; }
		#volet ul li a:focus { color: white; text-decoration: none; line-height: 40px; height: 40px; width:100%; display: inline-block; margin-bottom: 10px; background-color:grey; }
		#volet a.ouvrir { height: 20px; padding: 14px 14px; background: #252525f0; color: #fff; text-decoration: none; position: absolute; right: -48%; top: -8px; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(0deg); border-radius: 0 0 8px 0px; }
		#volet ul { text-align: center; padding-left: 0; padding-top: 20px; }
		#volet li { list-style-type:none; }
		#volet:target { left: 0; }
		#volet a.fermer { display: none; }
		#volet_clos:target #volet { left: -270px; }
		#volet:target a.ouvrir { display: block; right: -24px; top: -8px; background-color: rgba(37, 37, 37, 0.94); transform: rotate(0deg); transition: all .15s ease-in; }
		#volet:target a.fermer { color: black; font-size: 22pt; display: block; position: absolute; right: -70%; height: 100%; top: 0px; padding: 5px; width: 67.5%; background-color: rgba(69, 59, 59, 0.15); transition: all .25s ease-in; } 		

		#zonelogo { position: absolute; width: 90%; max-width: 1314px; margin: auto; text-align: center; padding-top: 0px; padding-bottom: 10px; z-index: 5000; margin-top: -80px; }
			#contenulogo { width: 100%; margin: auto; }		 
				#imglogo {width: 95%;}

		/* Main container */
		#main_container { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0); z-index: 2; margin-top: -40px; }
			#sous_container_accueil {box-shadow: 0px 0px 20px 2px; max-width: 90%; margin: auto; margin-top: 80px; }
			#main_container_pages { top: 40px; padding-top: 0px; width: 100%; max-width: 1460px; margin: auto; margin-top: 120px; } 		
			#sous_container_actu { max-width: 1600px; margin: auto; font-family: arial; font-size: 12pt; width: 100%; position: relative; background-color: white; text-align: center; padding-top: 30px; margin-top: 0px; } 			#tablo_intro {background-color: #1c202b; padding-top: 40px; margin-bottom: 80px; color: #5f5b58; position: relative; width: 100%; margin: auto; margin-top: -0px; text-align: center; }
			#zone-vins {display:none;}
			#zone-vins-mobile {display:block; margin: auto; margin-top: 0px;font-family: arial;font-size: 12pt;width: 100%;z-index: 100;position: relative;background-color: #e8e8e8;text-align: center;padding-top: 30px;}	
			#intro_txt { max-width: 100%; margin: auto; width: 100%; padding-top: 0px; margin-bottom: -40px; top: 0px; }
			.corps_txt_4_4 { overflow: hidden; width: 100%; margin: auto; text-align: justify; float: none; font-size: 16pt; }	 	
				.corps_txt_1_2 { overflow: hidden; width: 100%; max-width: 100%; margin: auto; color: #373234; text-align: justify; float: left; font-size: 10pt; padding-bottom: 40px; } 				
				.corps_txt_1_3 { overflow: hidden; width: 100%; max-width: 100%; margin: 0.5%; color: #373234; text-align: justify; float: none; font-size: 14pt; padding-bottom: 20px; }
				.corps_txt_2_3 { border:none;width: 100%; float: left; padding-top: 40px;}
				.corps_txt_1_3_link { overflow: hidden; max-width: 100%; width: 100%; margin: 0.5%; margin-top: -20px; color: #373234; text-align: center; float: left; font-size: 10pt; padding-bottom: 30px; }
				.corps_txt_1_3plus { overflow: hidden; max-width: 100%; margin-top: 6px; margin-left: 0.5%; margin-right: 0.5%; color: #373234; text-align: justify; float: left; font-size: 10pt; padding-bottom: 30px; }
			
			/* Actualites */
			.tabloactu { width: 100%; margin: auto; }
				.left_col_actu { text-align: justify; font-family: quicksand; padding: 10px; padding-right: 10px; padding-left: 10px; width: 94%; max-width: 94%; }
				/* Module menu actualites */
				.module_menu_actualites { display: none; position: fixed; float: none; right: auto; bottom: 0; width: 80%; height: 40px; max-width: 80%; margin-bottom: 30px; overflow-y: scroll; text-align: justify; padding-left: 10px; padding-top: 20px; background-color: #dadada; }
				.module_menu_actualites a { text-decoration: none; display: inline-block; color:black; border-bottom: 1px dotted grey; }
				.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 1px dotted grey; background-color: #ededed;	 }
				/* Intro actualites liens dynamiques au survol */
				.left_col_actu a { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border-bottom: 2px dotted grey; border-right: 0px dotted grey; }
				.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; color: grey; border-bottom: 0px dotted grey; border-right: 0px dotted grey; } .img_ala_une_actu{ width: 100%; float: left; margin-right: 20px; }
				/* Parametre article integral */
				.art_corps { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; border: none; }
				.date { color:#000000; font-weight: normal; }
				.titre_cat { color:#889e7d; font-weight: normal; }
				.titre_art { color: #8f8f8f; /*border-bottom: 1px dotted #bababa;*/ }
				.titre_parag { font-size: 25px; font-weight: normal; color: #9b7f6e; }
				.art_corps a { border:none; }
				.art_corps a:hover { border:none; }
				.conteneur_video_iframe_fb { float:left;margin-right:5px;width: 99%; position: relative; overflow: hidden; padding-top: 56.25%; }
				.conteneur_video_iframe_fb iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
				.iframevideo { width: 93%; float: left; margin-right: 5px; margin-bottom: 0px; position: absolute; margin-left: 0px; margin-top: 90px; border: none; }
				.colonne_voiraussi { float: left; width: 100%; margin-right: 1%; min-height: 200px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }

			/* Custom caveau */	
			.txt2 {width:auto; background-color: white; border: 1pt solid #e0e0e0; box-shadow: 0px 1px 4px 0px #cecece; padding: 15pt; text-align:center;}
			.txt2 h2 { font-family: Garamond; font-size: 25px; color: #584963; padding-top: 15px; text-align: left; margin: 0; line-height: 30px; float: left; width: 100%; } 
			#logo_mobile { position: absolute; z-index: 10000; right: 10px; width: 60px; top: -10px; display: block; }
			
		/* Slider */
		#slider_1 {display:none;}
			.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:1960px;height: 500px;overflow: hidden;}
			.img_slider {}
			#main_img {position:fixed;}
		/* Slider mobile */
		#slider_mobile {display:block;position: relative;margin: 0 auto;left: 0px;width: 500px;height: 374px;font-family: 'Open Sans Condensed', sans-serif;font-size: 80px;z-index: 50;}
			.group_slides {cursor: default;position: relative;top: 0px;left: 0px;width:500px;height: 374px;overflow: hidden;}
			.img_slider {}
			#main_img {position:fixed;}

		/* Autres structures */			
		.tabloicone { display: inline-block;width: 100%; margin: auto; }
			.tabloicone_ps_web { margin: auto; text-align: center; }
			#line { display: inline-block; width: 85%; float: none; font-family: varela round; font-size: 10pt; }
			#titre_creaweb_ps { width: 85%; padding-top: 10px; padding-left: 0px; margin: auto; font-family: quicksand; font-size: 15pt; text-align: center; }
			.colonne_txt { position: relative; width: 100%; max-width: 100%; margin-bottom: 30px; overflow: hidden; text-align: justify; font-weight: normal; font-size: 13px; font-family: varela round; }
			.colonne_icone { position: relative; float: left; width: 100%; margin-bottom: 30px; text-align: center; }
			.colonne_icone_ps { position: relative; float: left; width: 100%; margin-bottom: 0px; text-align: center; }
			.right_col_actu { position: relative; float: left; width: 85%; max-width: 85%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding-left: 20px; background-color: white; border-left: 1px solid grey; }
			#soustablo_intro { width: 100%; border-bottom: none; display: inline-block; padding-bottom: 50px; }
			#corps_txt { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 16px; padding-top: 20px; border: none; width: 100%; height: 6em; }
			#corps_txt_noborder { overflow: hidden; max-width: 100%; margin: auto; color: #3a3a3a; text-align: justify; font-size: 16px; padding-top: 20px; border:none; width: 100%; height: 9em; }
			#intro_slider { overflow: hidden; max-width: 100%; margin: auto; float: none; }
			#slider { width: 85%; margin: auto; }
			.troisicones a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; float: left; padding-top: 20px; padding-bottom: 20px; }
			.troisicones a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:100%; float: left; }
			#intro { border-radius: 0px; font-family: 'Noticia Text', serif; position: relative; top: 26px; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.52); text-align: center; height: auto; animation-duration: 24s; -webkit-animation-duration: 24s; animation-name: intromove; -webkit-animation-name: intromove; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
			#intro2 { margin-top: 0px; background-color: #483A35; text-align: center; height: 80px; line-height: 40px; font-family: 'Noticia Text', serif; font-size: 14px; color: #FFFFFF; }
			#zoneicone { max-width: 1920px; margin: auto; font-family: arial; font-size: 12pt; width: 100%; }
			.troisicones { overflow: hidden; max-width: 85%; margin: auto; padding-bottom: 100px; }
			#troispiliers { margin-top: 40px; text-align: center; }
			#troispiliers_parcours { padding-top:60px; text-align: center; }
			.tablotest { }
			.colonne1 { position: relative; float: left; width: 100%; max-width: 100%; margin-bottom: 0px; overflow: hidden; text-align: center; }
			.colonne2 { float: left; width: 100%; max-width: 100%; padding-bottom: 30px; overflow: hidden; font-family: arial; font-size: 15px; }
			.img_icone { width: 85%; }
			.annee { width: 95%; font-family: verdana; font-size: 200%; color: #846B5B; text-align : left; margin-left : 2%; }
			.explain { width: 95%; font-family: arial; font-size: 90%;	 text-align : justify; margin: auto; border-bottom : 1px solid #000; margin-bottom : 3% }
			.explain2 { width: 95%; font-family: arial; font-size: 90%;	 text-align : justify; margin: auto; border-bottom : 0px solid #000; margin-bottom : 3% }
			.troisvignettes { overflow: hidden; max-width: 85%; margin:auto; }
			.vignette { overflow: hidden; max-width: 100%; transition:all 1s ease; }
			.vignette:target { width: 200%; }
			.troisvignettes .carretest { overflow: hidden; position: absolute; top:0; left:-400%; height:100%; background-color:#84BCFF;; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; z-index: 6; opacity: 0.6; }
			.troisvignettes:hover .carretest { overflow: hidden; position: absolute; top:0; left:7.5%; width : 42.5%; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
			.troisvignettes .carretest_droite { overflow: hidden; position: absolute; top:0; right:-400%; height:100%; background-color:#84BCFF;; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; z-index: 6; opacity: 0.6; }
			.troisvignettes:hover .carretest_droite { overflow: hidden; position: absolute; top:0; right:7.5%; width : 42.6%; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; }
			.troisvignettes .resize { font-family: verdana; font-size: 400%; overflow: hidden; position: absolute; padding-top: 2%; top:20%; right:-1000%; height:50%; width : 85%; color: white; -moz-transition: all 1.0s; -webkit-transition: all 1.0s; -o-transition: all 1.0s; transition: all 1.0s; z-index: 6; opacity: 0.95; }
			.troisvignettes:hover .resize { overflow: hidden; position: absolute; padding-top: 2%; top:20%; right:7.5%; width : 85%; color: white; -moz-transition: all 1.0s; -webkit-transition: all 1.0s; -o-transition: all 1.0s; transition: all 1.0s; }
			#troispiliers2 { display:inline-block; padding-top: 20px; text-align: center; }
			/*ZONE Menu nav*/
			#lignemenu { display:none; background-color:white; border-bottom: 1px solid grey; }
			.menu_nav { float:left ; width : 100%; margin: auto; text-align: center; background-color: #f0f0f0; }
			#zone-menu { width : 75%; margin: auto; padding-top: 0.02%; background-color: white; height : 50px; border-bottom-right-radius:10px; border-bottom-left-radius: 10px; }
			.lien_menu { width : 25%; margin: auto; margin-bottom: 4%; float: left; overflow: hidden;}
			.zone_txt_menu_nav { width : 85%; height: 30px; background-color: #8E7767;	 margin: auto; padding-top: 13px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; }
			.zone_txt_menu_nav:hover { width : 88%; height: 30px; background-color: #1A070B;	 margin: auto; padding-top: 13px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; }

		/* BARRE GRISE SUR FOOTER */
		#barregrise { background-color:rgb(191, 161, 140); text-align: center; height: 10px; line-height: 10px; font-size: 22px; color: #FFFFFF; }

		/* MODULE FOOTER */
		#footer { position: relative; width: 100%; display: inline-block; background-color: rgb(232, 232, 232); height: auto; text-align: center; font-family: garamond; font-size: 14pt; } 	
			#contenu_footer { width: 100%; margin: auto; text-align:center; }	
				#footer a { color: black; text-decoration: none; display: inline-block; width: 85%; padding-left: 0px; padding-right: 15px; }
				#footer a:hover { background-color: #cecece; color:white; text-decoration:none; display:inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
				.titrefooter { color:#92899c; font-weight: bold; font-size: 22px; }
				#adressefooter { color: #c5c5c5; width: 100%; float: left; margin-top: 20px; margin-left: 0px; border : 0; display: inline-block; height: auto; padding-top: 20px; background-color:#3f434c; }
				#fbfooter { color: white; width: 95%; float: left; margin-top: 20px; border-right: 0px solid rgba(255, 255, 255, 0.36); height: 100px; padding-left: 0px; border-left: none; }
				#fbfooter a {  text-decoration: none; width:75%; padding-left: 15px; padding-right: 15px; }
				#fbfooter a:hover { background-color: inherit; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
				#planfooter { width: 95%; float: left; margin-top: 20px; padding-left: 0px; border-left: 0; padding-bottom: 20px; padding-top: 20px; border: 1px solid #e1e3e4; border-radius: 6px; }
				#logofooter { visibility: hidden; width: 95%; float: left; margin-top: 0px; margin-right: 2.5%; }
				#mentions_footer { font-size:12px; height:30px; color:grey; text-align:center; background-color: rgba(0, 0, 0, 0.85);  }
				#mentions_footer a { color: #383838; text-decoration: none; padding-left: 15px; padding-right: 15px; }
				#mentions_footer a:hover { color:red; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
				#third_table { display: block; color: #8E8E8E; width: 100%; height: 35px; font-family: arial; font-size: 13px; padding-top: 75px; border-left: 0; border-right: 0; border-bottom: 0; border-top-width: 0; text-align: center; background-color: unset; }

}