@charset "utf-8";

@media (min-width: 670px) and (max-width: 1100px) {

body { margin: auto; left: 0; right: 0; width: 100%; max-width: 1340px; overflow-x: hidden; background-color: white; }
#limit_width { width:100%; top:0; left:0; right:0; bottom:0; margin:0; padding:0; }

/* ZONE HEADER */
#chapo2 { display:none;}
#header { z-index: 4; position: fixed; top: 0; width: 100%; height: 0px; background-color: #38324e; text-align: right; box-shadow: 0px 0px 0px #A0A0A0; }
#lignemenu { position: absolute; top: 0; width: 100%; height: 39px; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; background-color: #38324e; }
#lignemenu.fixed { position: fixed; top: 0px; width: 100%; height: 39px; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; background-color: #38324e; }
#lignemenu.fixed #logo_site2 { display:none; }
#contenu_lignemenu { display: none; margin: auto; height: 40px; line-height: 40px; }
#logo_mobile { position: absolute; z-index: 10000; right: 10px; width: 100px; top: 2px; display: block; }
.menuword { float: left; color: white; font-family: karla; font-size: 11pt; margin-top: 10px; left: 70px; position: fixed; }

	/* Nouveau menu mobile 2018 */
	#volet { display:block; height: 100%; font-family: quicksand; 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: -52%; 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: 40px; padding: 5px; width: 67.5%; background-color: rgba(69, 59, 59, 0.15); transition: all .25s ease-in; } 		


/* SLIDER */
#jssor_1 { display:none; position: relative; margin: 0 auto; top:0px; left: 0px; width: 1300px; height: 800px;  font-family: 'Karla', sans-serif; font-size: 40px; }
.group_slides {	 cursor: default; position: relative; top: 0px; left: 0px; width:1300px; height: 500px; overflow: hidden; }
#jssor_2 { position: relative; margin: 0 auto; top:0px; left: 0px; width: 100%; height: 500px;  font-family: 'Open Sans Condensed', sans-serif; font-size: 40px; }
.group_slides_2 {	 cursor: default; position: relative; top: 0px; left: 0px; width:100%; height: 500px; overflow: hidden; }

/* CONTENU PRINCIPAL */
#main_container { position: relative; width: 100%; background-color: #ffffff; z-index: 2; margin-top: 0px; }
#zone_global_present_accueil { position: relative; top: 35px; z-index: 3; width: 100%; display: inline-block; margin-bottom: 40px; background-color: rgba(255, 255, 255, 0.9); font-family: 'Karla', sans-serif; border-top: 0px solid grey; border-bottom: 0px solid grey; color: #8a8077; }
#presentation { padding: 20px; text-align: justify; font-size: 17px; float: left; width: 100%; }
#img_presentation { width: 100%; float: right; padding: 0px; }
#global_present_accueil { position: relative; background-color: rgb(62, 62, 62); margin-top: 0px; font-family: 'Open Sans Condensed', sans-serif; border-top: 1px solid grey; border-bottom: 1px solid grey; color: #bbbbbb; }
#global_present { position: relative; background-color: rgb(62, 62, 62); margin-top: 0px; height: 100px; font-family: 'Open Sans Condensed', sans-serif; border-top: 1px solid grey; border-bottom: 1px solid grey; color: #bbbbbb; }
#global_present2 { position: relative; background-color: white; height: 60px; font-family: 'Open Sans Condensed', sans-serif; border-bottom: 1px solid grey; color: #bbbbbb; width: 80%; margin: auto; padding-top: 50px; padding-bottom: 50px; }
#nousjoindre { position: absolute; top: -42px; right: 120px; background-color: white; color: #3e3e3e; padding: 5px; font-size: 11px; }
#nousjoindre2 { position: absolute; top: 164px; right: 200px; background-color: white; color: #3e3e3e; padding: 5px; font-size: 24px; z-index: 4; visibility: hidden; }
#logovignoble { position: absolute; top: -70px; right: 60px; width: 40px; padding: 5px; font-size: 24px; }
#paraf_pdomaine { padding-top: 20px; padding-bottom: 20px; height: 4700px; width: 80%; margin: auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
.img_logovignoble { width:100%; }
#logoab { position: absolute; top: -70px; right: 5px; width: 40px; padding: 5px; font-size: 24px; }
.img_logoab { width:100%; }
#presentation { padding-top: 17px; padding-left: 0px; padding-right: 0px; text-align: justify; font-size: 18px; }
#presentation_bis { float: right; width: 75%; padding-top: 17px; padding-right: 40px; text-align: justify; }

/* PAGES DOMAINE ET VINS - LE DOMAINE */
#trois_forces_elaboration { padding-top: 80px; height: 1500px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; width: 80%; margin: auto; }
#paraf_ledomaine { padding-top: 20px; padding-bottom: 20px; height: 850px; width: 80%; margin: auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
#paraf_numerogite { padding-top: 20px; padding-bottom: 20px; height: 850px; width: 80%; margin: auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
#colonne_demilargeur_pdomaine_img { float: left; width: 100%; padding-top: 50px; height: 200px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
#colonne_demilargeur_pdomaine { float: left; width: 100%; padding-top: 50px; padding-right: 20px; height: 500px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; overflow-y: scroll; }
#presentationb { float: left; height: 100px; width: 20%; margin-left: 20px; padding-top: 20px; padding-right: 20px; text-align: justify; }
#presentation3 { float: right; height: 100px; width: 33.3%; margin-left: 20px; padding-top: 20px; padding-right: 20px; text-align: justify; }
#logo_presentation { position: relative; z-index: 2000; float: left; width: 20%; top: -50px; height:100px; }
#logo_presentation_accueil { display:none; position: relative; z-index: 2000; float: left; width: 20%; top: -50px; height:100px; }
#paraf_pdomaine a .icon_gite_plus { float: left; width:50%; text-align: center; margin-right: 2%; background-color: #d8b270; color:black; }
#paraf_pdomaine a:hover .icon_gite_plus { float: left; width:50%; text-align: center; margin-right: 2%; background-color: #ae4e6d; color:white; }
.image_logo_presentation { margin-left: 6%; width: 80%; box-shadow: 0px 4px 10px grey; }
.image_logo_presentation2 { width: 80%; padding-top: 10px; padding-bottom: 10px; }
#trois_forces { padding-top: 40px; width: 100%; display:inline-block; font-size: 20px; }
#trois_forces_pdomaine { padding-top: 80px; display:inline-block; font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
.titre_contenu_pdomaine { font-size: 30px; color: #af112e; }
#trois_forces_pmardis { padding-top: 100px; display:inline-block; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
.titre_contenu_pmardis { font-size: 40px; color: #af112e; }
#paraf_legite { padding-top: 120px; height: 2800px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
#colonne_demilargeur_img { float: left; width: 99.5%; padding-top: 50px; height: 150px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 0px; padding-right: 0px; border-top: 0px solid #d4d4d4; }
#colonne_demilargeur_revue_img { float: left; width: 99.5%; padding-top: 50px; height: 150px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 0px; padding-right: 0px; border-top: 0px solid #d4d4d4; }
#colonne_demilargeur { float: left; width: 99.5%; padding-top: 50px; height: 600px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 0px; padding-right: 0px; border-top: 0px solid #d4d4d4; }
.img_colonne { width: 100%; }
#zone_leprojet { height: 600px; background-color: #e6e3d2; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; }
#txt_leprojet { float: none; width: 91%; padding: 20px; text-align: justify; color: #676767; padding-bottom: 50px; }
#cadrerouge_leprojet { float: none; margin-top: -40px; margin-left: 20px; width: 40%; background-color: #af112e; padding: 20px; font-size: 26px; color: white; }
#colonne_demilargeur_detail_legite { float: left; width: 100%; padding-top: 50px; height: 200px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 0px; padding-right: 0px; }
#tableaulargeur_actus { width: 90%; margin: auto; height: 700px; }
#zone_pratique { width: 100%; display: inline-block; background-color: #f5f3f2; padding-top: 60px; padding-bottom: 60px; text-align: center; font-family: 'Karla', sans-serif; font-size: 20px; }
.title_pratique { color: #ccbaa2; }

#horaires { float: left; width: 100%; display: inline-block;  border-right: 0px solid #c1c1c1; }
#coordonnees { float: left; width: 100%; display: inline-block;  margin-top:30px; }
#minimap { margin-top: 0px; }

#colonni { width: 100%; max-width: 100%; float: left; text-align: center; margin-top: 40px; }
#colonni_middle { width: 100%; max-width: 100%; float: left; text-align: center; margin-top: 40px; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; }
#uneforce { width: 85%; max-width: 85%; margin: auto; font-family: 'Karla', sans-serif; }
.title_force { font-size: 26px; color: #9546b3; font-family: 'Karla', sans-serif; }
.photo_force { width: 100%; /*height: 400px;*/ }

/* STYLE POUR DIV LIEN TOUT LE TABLEAU 3 FORCES */
#trois_forces a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; }
#trois_forces a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:100%; }
.img_colonne { max-width: 100%; max-height: 100%; }

/* MAP */
#map_iframe { padding-top: 100px; padding-bottom: 100px; margin-left: 10px; margin-right: 10px; }

/*Liens*/
a.page_off{ color:white; display:inline-block; line-height: 40px; text-decoration:none; padding-right:50px; font-family: 'Open Sans Condensed', sans-serif; }
a.page_off:hover{ color:#e8759a; display:inline-block; line-height: 40px; text-decoration:none; padding-right:50px; font-family: 'Open Sans Condensed', sans-serif; }
a.page_active { color:#b5bbbf; display:inline-block; line-height: 40px; text-decoration:none; padding-right:50px; font-family: 'Open Sans Condensed', sans-serif; }

			/* 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: 1px dotted grey; border-right: 0px dotted grey; }
			.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 0px; padding-right: 0px; text-decoration:underline; color:grey; border-bottom: 1px 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:#2a2a28; font-weight: normal; }
			.titre_cat { color:#7b00ec; 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; }
			.img_detailactu {width:100%;max-width: 50%;float:left; padding-bottom:0px; margin-right: 0%;}


#intro3 { background-color:rgba(204, 209, 214, 0.67); text-align: center; height: 5px; line-height: 5px; font-family: 'Noticia Text', serif; font-size: 22px; color: #FFFFFF; }
#lignedesvins { border-top: 1px dashed grey; height: 180px; background-color: #e6e3d2; font-family: 'Open Sans Condensed', sans-serif; font-size: 26px; margin-top: 100px; }
.voirplus { color: #af112e; text-decoration: none; }


/* FOOTER */
#zone_footer { position: relative; width: 100%; display: inline-block; background-color: rgba(7, 7, 7, 0.9); text-align: center; padding-top: 60px; }
#contenu_footer { position: relative; text-align: left; display: inline-block; width: 80%; max-width: 1460px; padding-bottom: 20px; margin: auto; }
#contenu_footer a { color: #bcbcbc; text-decoration: none; display: inline-block; width:75%; /*padding-left: 15px;*/ padding-right: 15px; }
#contenu_footer a:hover { background-color: #93384f; 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; }
#footer { position:relative; width: 100%; height: 320px; background-color: rgba(10, 10, 10, 0.9); }
#footer a { 	color: white; text-decoration: none; display: inline-block; width:75%; /*padding-left: 15px;*/ padding-right: 15px; }
#footer a:hover { background-color: #93384f; 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: #ba9481; font-weight: normal; font-size: 22px; font-family: 'Karla', sans-serif; }
#adressefooter { color: #bcbcbc; width: 100%; float: left; margin-top: 40px; margin-left: 0; border-right: 0px solid rgba(85, 85, 85, 0.36); min-height: auto; font-weight: normal; font-size: 15px; font-family: 'Karla', sans-serif; display: inline-block; border: 1px solid #383838; margin-bottom: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#fbfooter { color: white; width: 100%; float: left; min-height: auto; border-right: 0px solid rgba(85, 85, 85, 0.36); padding-left: 0px; text-align: center; border: 1px solid #383838; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; }
#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 { text-align: center; width: 100%; float: right; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; font-family: 'Karla', sans-serif; border: 1px solid #383838; }
#logofooter { width: 100%; float: left; text-align: center; margin-left: 0; margin-right: 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 { position: relative; color: #8E8E8E; width: 80%; margin: auto; height: 90px; line-height: 20px; font-family: karla; font-size: 12px; text-align: center; }

}