@charset "utf-8";

/*Structure de base*/
body { width: 100%; margin: auto; /*background-color: #201415;*/ background-image: url('https://www.pallieres.com/img/fondpage11.jpg');background-size: 100% 100%;background-attachment: fixed; font-family: Garamond;}
#chapo2 { position: absolute; width: 100%; left: 0; height: 25px; font-family: varela round; font-size: 8px; color: #000000; line-height: 25px; text-align: center; z-index: 300; background-color: #ffffff; top: 0px;}
.text {font-size:10px;}
	.renvoi-mobile {display:none;}
	/*Header*/
	#header { top: -4px; display: block; z-index: 200; position: relative; width: 100%; margin: auto; height: 40px; line-height: 10px; font-size: 20px; text-align: center; background-image: linear-gradient(to right, rgb(72 58 53),rgb(42 33 30)); } 		
	.social { position: absolute; z-index: 200; top: 0; left: 0; width: 100%; text-align: center; } 		
		.contenu-social { text-align: right; margin: auto; width: 78%; max-width: 1310px; padding-top: 7px; } 	
		#header.fixed { position: fixed; top: 0; left: 0; z-index: 5000;}
		#logo_site2 {position: relative;z-index: 100;width: 244px;border: 0;}
		#logo_mobile {display:none;}
		#zone_header {position: absolute;width: 100%;height: 40px;}
		#contenu_header{ display: inline-block; margin: auto; height: 40px; line-height: 40px; }
		#contenu_header ul {list-style-type: none;margin:0; padding: 0;}
		#contenu_header li {font-family: varela round;font-size: 14pt;font-weight: normal;overflow: hidden;list-style-type: none;float: left;width: 130px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
		#contenu_header li:hover {background-color: rgba(62, 80, 97, 0.78); height: 40px;}
		#contenu_header li.selected {background-color: rgba(11, 18, 35, 0.81); height: 40px;}
		#contenu_header a {font-family: Montserrat, sans-serif;font-size:11pt;text-decoration:none; color: white;display: inline-block; width: 100%;}
		#contenu_header li.selected a { color: white; display: inline-block; width: 100%; }

		/* NOUVEAU MENU MOBILE 2018 */
		#volet {display:none;}

		/* LOGO */
		#zonelogo { position:absolute;width:90%;max-width: 1314px;margin:auto;text-align: center; padding-top: 140px; padding-bottom: 10px;z-index:5000; }
			#contenulogo { width: 60%; /*background-color: #1f1713ab; box-shadow: 0px 2px 10px 1px; */ margin: auto; }		 
				#imglogo {width:95%;}
	
	/* Slider */
	#slider_1 {position:relative; margin: 0 auto; display: inline-block;max-width: 1060px;width: 1060px;height: 450px;font-family: 'Open Sans Condensed', sans-serif;font-size: 80px;z-index: 50;}
		.group_slides {cursor: default;position: relative;width:1060px;height: 450px;overflow: hidden;}
		.img_slider {}
		#main_img {position:fixed;}
	/* Slider mobile */
	#slider_mobile {display:none;}
		.img_slider {}
		#main_img {position:fixed;}		
				
	/* Conteneurs principaux */
	#main_container { top: 40px; padding-top: 40px; width: 100%; max-width: 1460px; margin: auto; }
	#main_container_pages { top: 40px; padding-top: 0px; width: 100%; max-width: 1460px; margin: auto; margin-top: 40px; }		
		#sous_container {box-shadow: 0px 0px 20px 2px; max-width: 90%; margin: auto;}
		#sous_container_accueil {box-shadow: 0px 0px 20px 2px; max-width: 90%; margin: auto;}
			#tablo_intro {background-color: #1c202b; padding-top: 40px; margin-bottom: 80px; color: #5f5b58; position: relative; width: 100%; margin: auto; margin-top: -44px; text-align: center;}
			#zoneicone {margin: auto; margin-top: -4px;font-family: arial;font-size: 12pt;width: 100%;z-index: 100;position: relative;background-color: white;text-align: center;padding-top: 30px;}		
			#zone-vins {display:block; margin: auto; margin-top: -4px;font-family: Garamond;font-size: 12pt;width: 100%;z-index: 100;position: relative;background-color: #e8e8e8;text-align: center;padding-top: 30px;}
			#zone-vins-mobile {display:none;}			
		/* Actus page principale */
		#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: -4px;}
			#titre_actu {width: 50%;margin: auto;font-family: quicksand;font-size: 14pt;font-weight: normal;color: #4a4a4a;padding-top: 20px;padding-bottom: 20px;margin-bottom: 0px;text-align: center;border-bottom: 1px solid #cecece;}
			#zone_actu {display: inline-block;text-align: center;width: 100%;margin: auto;}
				.contenu_actu {width: 89%;margin: auto;}
				.left_col_actu {position: relative;float: left;width: 65%;max-width: 65%;text-align: justify;background-color: white;font-family: quicksand;}
				/* Module menu actualites */
				.module_menu_actualites { display: inline-block; float: right; width: 28.5%; max-width: 28.5%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding-left: 20px; padding-top: 40px; background-color: white; font-family: quicksand; font-size:10pt; }
				.module_menu_actualites a { text-decoration: none; display: inline-block; color: black; border-bottom: 0px dotted grey; margin-bottom: 20px; }
				.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 0px dotted grey; background-color: #ededed;	 }
				/* Intro actualites liens dynamiques au survol */
				.left_col_actu a { font-size:11pt;width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; display: inline-block; color: black; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
				.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px;  text-decoration: underline; color:grey;}
				.img_ala_une_actu { width: 50%; float: left; margin-right: 8px;margin-bottom: 20px; border: 1px solid #d2d2d2; }
				/* Parametre article integral */
				.art_corps { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; text-decoration: none; display: inline-block; color: black; border-right: 1px solid #dfdfdf;}
				.art_corps a { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; }
				.art_corps a:hover { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: underline; display: inline-block; color: grey; }
				.date { color:#2a2a28; font-weight: bold;text-transform: uppercase; }
				.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: 60%; 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: 50%; float: left; margin-right: 5px; margin-bottom: 0px; position: absolute; margin-left: 20px; margin-top: 72px; border: none; }
				/* Module voir aussi */
				#voiraussi {display: inline-block; padding-top: 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
				#voiraussi a {width: 100%;max-width: 100%;}
				.colonne_voiraussi {float:left;width:31%;margin-right:1%;min-height:400px;}
				.p_voiraussi {width:100%;min-height: 180px;max-height: 200px;text-align:center;border:1px solid lightgrey;}
				.img_voiraussi {width: 100%; max-height: 150px; padding-top: 20px; border: none;float: left; margin-right: 8px;margin-bottom: 20px;}
				/* Module social plus */
				#socialplus {width:100%; text-align:center; display: inline-block; padding-top: 20px; margin-bottom:40px;}
				#socialplus a {width: 100%;max-width: 100%;}
				.colonne_socialplus_1_3 {float:left;width:31%;margin-right:1%;}
				.colonne_socialplus_2_3 { float: right; width: 61%; text-align: right; }


				
		.photovin { width: 99%;border: 1px solid #d8d8d8; border-radius: 4px; }
		#beforenext {position:absolute;width:100%;left:0px; top: 400px;}
			#beforenext a.left {margin-left: 3%; float: left;}
				#beforenext a.left:hover {border-bottom: 2px solid black;}
			#beforenext a.right {margin-right: 3%; float: right;}
				#beforenext a.right:hover {border-bottom: 2px solid black;}

				
	/* Titres */
	.txt h1 {
		font-family: Garamond;
		font-size: 27px;
		color: #584963;
		padding-top: 15px;
		text-align: center;
		margin: 0;
		line-height: 30px;
	}
	h1 {
		font-family: Garamond;
		font-size: 27px;
		color: #584963;
		padding-top: 70px;
		text-align: center;
		margin: 0;
		line-height: 30px;
	}
	h2 {
		font-family: Garamond;
		font-size: 24px;
		color: #c2626b;
		margin-bottom: 0;
		padding-bottom: 25px;
		margin-top: 0px;
		text-align: center;
	}
	.titre_art	h2 {
		font-family: Garamond;
		font-size: 25px;
		color: #584963;
		padding-top: 15px;
		text-align: left;
		margin: 0;
		line-height: 30px;
		float: left;
		width: 47%;
	}
	h3 {
		font-family: Garamond;
		font-size: 20px;
		color: #c2626b;
		margin-bottom: 0;
		padding-bottom: 25px;
		margin-top: -20px;
		text-align: center;
	}
				
.lien_menu {width : 25%;margin: auto;margin-bottom: 4%;float: left;overflow: hidden;}
.zone_txt_menu_nav {width : 85%;height: 40px;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: 40px;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;}
#logo_topleft {z-index:4000;position:absolute;left: 20px;top: 63px;}
.menu_nav {float:left ;width : 100%;margin: auto;text-align: center;background-color: #f0f0f0;}



.tabloicone {width: 100%;margin: auto;margin-top:20px;}

/*Intro txt*/
#intro_txt { top: -4px; position: relative; margin: auto; width: 100%; z-index: 2000; background-color: #ffffff; box-shadow: 0px 0px 20px 2px; /*padding-bottom: 42px;*/ margin-bottom: -42px; }
.tablo_intro {text-align: center;}
.soustablo_intro { width: 87%; display: inline-block; }
.corps_txt {overflow: hidden;width: 24%;max-width: 24%;margin: auto;color: black;text-align: justify;float: left;border-right: 1px solid #cecece;height: 10em;font-size: 13pt;padding-bottom: 40px;}
.corps_txt_1_2 {overflow: hidden;width:48%; max-width: 48%;margin: auto;color: #373234;text-align: justify;float: left;border-right: 1px solid #cecece; font-size: 10pt;padding-bottom: 40px;}
.corps_txt_1_3 {overflow: hidden;width:32%;max-width: 32%;margin: 0.5%;color: #373234;text-align: justify;float: left;border-right: 1px solid #cecece; font-size: 14pt;padding-bottom: 0px;}
.corps_txt_1_3plus {overflow: hidden;max-width: 33%;margin-top: 6px; margin-left: 0.5%; margin-right: 0.5%;;color: #373234;text-align: justify;float: left;border-right: 1px solid #cecece; font-size: 10pt;padding-bottom: 40px;}
.corps_txt_1_3_link { overflow: hidden; max-width: 32.3%; width: 32.3%; margin: 0.5%; margin-top: -20px; color: #373234; text-align: center; float: left; font-size: 10pt; padding-bottom: 0px; }
.corps_txt_1_4 {overflow: hidden;max-width: 23%;margin: auto;color: #373234;text-align: justify;float: left;border-right: 1px solid #cecece; font-size: 10pt;padding-bottom: 40px;}
.corps_txt_3_4 {overflow: hidden;max-width: 75%;margin: auto;color: #373234;text-align: justify;float: left;/*border-right: 1px solid #cecece;*/ font-size: 10pt;padding-bottom: 40px;}
.corps_txt_4_4 { overflow: hidden; width: 100%; margin: auto; color: #373234; text-align: justify; float: none; font-size: 15pt;}
.corps_txt_2_3 { border:none;width: 67%; float: left; padding-top: 40px;}

#citation { font-family: 'Italianno', cursive; max-width: 85%; margin: auto; color: #201415; text-align: center; padding-top: 20px; font-size: 20pt; padding-bottom: 40px; }
.corps_txt_noborder {overflow: hidden;width: 23%;max-width: 23%;margin: auto;color: #d8d8d8;text-align: justify;float: left;height: 10em;font-size:10pt;padding-bottom: 40px;}
.txt {width: 100%;margin: auto;}
.txt a { background-color: #3f434c; text-decoration: none; font-size: 20px; color: white; display: inline-block; line-height: 30px; border-radius: 4px; width: 100%; }
.txt a:hover { background-color: #a7a7a7; text-decoration: none; font-size: 20px; color: white; display: inline-block; line-height: 30px; border-radius: 4px; width: 100%; }
#intro_slider {overflow: hidden;max-width: 66.6%;margin: auto;}
#slider {width:90.1%;margin:auto;}
#intro2 {display:none;background-color: #483A35;text-align: center;height: 80px;line-height: 30px;font-family: 'Noticia Text', serif;font-size: 20px;color: #FFFFFF;/*display: inline-block;*/width: 100%;}
#intro2 a {text-decoration:none;color:white;}
#intro2 a:hover {text-decoration:none;color:#F1F1F1;}
.introtablo {width:100%;margin:auto;}

.txt2 {width:90%; background-color: white; border: 1pt solid #e0e0e0; box-shadow: 0px 1px 4px 0px #cecece; padding: 15pt; text-align:center;}
.txt2 a { background-color: #ffffff; text-decoration: none; font-size: 20px; color: black; display: inline-block; line-height: 30px; border-radius: 4px; width: 90%; border-right: none; text-align: justify; } 
.txt2 a:hover { background-color: #ffffff; text-decoration: underline; font-size: 20px; color: black; display: inline-block; line-height: 30px; border-radius: 4px; width: 90%; border-right: none; text-align: justify; } 
.txt2 h2 {font-family: Garamond; font-size: 25px; color: #584963; padding-top: 15px; text-align: left; margin: 0; line-height: 30px; float: left; width: 47%;}
 
/* LIEN COLONNE MaJ 26092017 */
.troisicones a {background-color: white;text-decoration: none;color: black;display: inline-block;width: 24.9%;float: left;padding-bottom: 20px;}
.troisicones a:hover {background-color:#eeeeee;color: grey;display: inline-block;width:24.9%;float: left;}
.img_icone {background-color:#2d2d2d;position: relative;overflow: hidden;max-width: 85%;margin:auto;z-index:2;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
.img_icone:hover{background-color:#ba60da;}
.colonne_icone {width: 100%;float: left;text-align: center;}
#titre_creaweb {width:100%;margin:auto;font-family: Montserrat, sans-serif;font-size:10pt;}
.paracorps {width: 85%;text-align: justify;margin: auto;color: grey;}
#creaweb {width: 100%;margin:auto;height:150px;background-color:whitesmoke;}
#zoneicone_admin { margin: auto; font-size: 12pt; width: 100%; padding-top: 20px; margin-top: -62px; }
.tabloicone_ps {display: inline-block;margin-bottom: 100px;}
.widthtabloicone{width: 80%;margin:auto;}
.tabloicone_ps_web {display: inline-block;margin-bottom: 100px;width: 80%;font-family: varela round;}
.tablo_item {padding-top: 100px;height: 700px;text-align: center;}
#line {height: auto;width: 47%;float: left;font-size: 10pt;display: inline-block;text-align: justify;padding: 8px;font-family: Montserrat, sans-serif;}
#right_colonne {width:300px;}

/* ZONE LES TROIS SUR PAGE DACCUEIL */
.troisicones {overflow: hidden;max-width: 90%;margin:auto;padding-bottom: 100px;}
.troisicones_ps {overflow: hidden;max-width: 90%;margin:auto;}
.colonne_icone_ps {position: relative;float: left;width: 33.3%;margin-bottom: 30px;text-align: center;}
.img_icone {width:85%;}

/* MENU DEROULANT */
#menu-deroulant, #menu-deroulant ul { padding: 0; margin: 0; list-style: none; }
#menu-deroulant { /* on centre le menu dans la page */ text-align: center; }
#menu-deroulant li { /* on place les liens du menu horizontalement */ display: inline-block; }
#menu-deroulant ul li { /* on enlève ce comportement pour les liens du sous menu */ display: inherit; float: left; width: 130px; margin-right: 50%; background-color: #e8e8e8; text-align: center; }
#menu-deroulant a { text-decoration: none; display: block; color:#e5e4e1;height: 40px; }
#menu-deroulant ul { position: absolute; /* on cache les sous menus complètement sur la gauche */ left: -999em; text-align: left; z-index: 1000; }
#menu-deroulant li:hover ul { /* Au survol des li du menu on replace les sous menus */ left: auto; }

/* BARRE GRISE SUR FOOTER */
#barregrise { position:relative; background-color: rgb(193, 180, 165); text-align: center; height: 10px; line-height: 10px; font-family: 'Noticia Text', serif; font-size: 22px; color: #FFFFFF; z-index: 100; }
/* MODULE FOOTER */
#footer { font-family: quicksand; position: relative; width: 100%; display: inline-block; z-index: 100; margin-bottom:-5px; background-color: #3f434c; }
#contenu_footer {
    width: 80%;
    margin: auto;
    max-width: 1600px;
    text-align: center;
}
#contenu_footer a { color: black; text-decoration: none; display: inline-block; width:75%; padding-left: 15px; padding-right: 15px; border: none; }
#contenu_footer a:hover { color:black; text-decoration: underline; 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:#AFAFAF; font-weight:bold; font-size:18px; }
#adressefooter {
    color: #c5c5c5;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-left: 0px;
    display: inline-block;
}
#fbfooter { color: white; width: 25%; float: left; margin-top: 20px; border-right: 1px solid rgba(255, 255, 255, 0.36); display: inline-block; padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.36); }
#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 { border-left: 1px solid #e0e0e0; color:white; width:20%; float:left; margin-top: 20px; display:inline-block; padding-left: 20px; }
#logofooter {
    width: 100%;
    float: right;
    text-align: center;
    margin-top: 40px;
}
#logofooter_img {
    position: relative;
    z-index: 100;
    width: 30%;
    border: 0;
}
#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 { padding-top: 20px; padding-bottom: 20px; font-size: 9pt; color: #8E8E8E; width: 100%; height: 40px; border-left: 0; border-right: 0; border-bottom: 0; border-top: 0; text-align: center; margin-top: -10px; }
#third_table a { width: 100px; text-decoration: none; color: #CCC; border:none; }
#third_table a:hover { width: 100px; text-decoration: none; color: white; border:none; }