@charset "utf-8";



/* CSS Document */



body{margin:0;



     padding:0;



	 background-image:url(../pix/fond_site.jpg);}


/* POP IN */

a#popin{
  display: none;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}  

.smart-popin {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-color: rgba(0,0,0,0.5);
    /* Scrollable */
    overflow: auto; 
    /* Invisible at first */
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.smart-popin .sp-body {
    background-color: #ffffff;
    padding: 2em;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);

    width: 66.66%;
    min-width: 300px;

    margin: 0 auto;
}

/* inline-block to shrink popin to its content's size and center it*/
div.sp-body {
/*   display: inline-block; */
  text-align: center; 
}

/* OR auto size the picture */
div.sp-body>img {
max-width:100%;
max-height:100%
}

/* Ensure content will be clickable by putting this container above sp-close in this case */
.sp-body {
    position: relative;
    z-index: 1;
}

.smart-popin:target {
    opacity: 1;
    visibility: visible;
}

.smart-popin .sp-table {
    display: table;
    height: 100%;
    width: 100%;
}
.smart-popin .sp-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
    padding: 10px;
}

.smart-popin .sp-back {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    display: block;
}
.smart-popin .sp-close {
    position: absolute;
    top: 0;
    right: 0;

    width: 36px;
    height: 36px;

    text-align: center;
    line-height: 36px;
    font-size: 1.6em;
    color: #000000;
    font-weight: 900;
    text-decoration: none;
}
/* END POP IN
	 







/*SPAN ET CLASSE POUR LES TEXTES*/







span.masque{display:none;}







span.titre_18_bold{font-family:georgia;



                   font-size:18px;



				   font-weight:bold;}







span.bold{font-weight:bold;}







span.italic{font-style:italic;}







span.bold_18_black{font-family:georgia;



                   font-size:18px;



				   font-weight:bold;



				   color:#000000;}



				   



span.bold_italic_12_black{font-family:georgia;



                          font-size:12px;



				          font-style:italic;



					      font-weight:bold;



				          color:#000000;}



					 



span.regular_12_black{font-family:georgia;



                      font-size:12px;



				      color:#000000;}



					  



span.bold_18_black_caps{text-transform:uppercase;



                        font-family:georgia;



                        font-size:18px;



				        font-weight:bold;



				        color:#000000;}




span.red{color:#990000;}


/* ///////////////////////////////////// */







div#centrale{width:931px;



             margin-top:-30px;



			 margin-left:auto;



			 margin-right:auto;



			 margin-bottom:30px;



             padding:0 0 0 11px;



			 /*background-color:#30291F;*/



			 background-image:url(../vect/ombre_div_centrale_ok.png);



			 background-repeat:repeat-y;}











#ombre_div_centrale_bas{ width:934px;



                         height:19px;



						 margin:0 0 0 -15px;



						 padding:0 0 0 0;



						 position:absolute;}











div#contenu{width:915px;
            min-height: 988px;



            margin:0 0 0 0;



			padding:0 0 30px 0;



			/*background-color:#EECD97;*/



			background-image:url(../vect/fond_div_contenu.jpg);



			background-repeat:repeat-y;}



			







div#footer{width:901px;



           height:60px;



		   margin:0 0 0 0;



		   padding:0 0 0 0;



           background-color:#835F2E;



		   font:verdana;



		   color:#FFFFFF;}



		   



div#footer ul{display:block;



              margin:10px 0 0 150px;



              padding:0 0 0 0;



			  font-family:Verdana, Arial, Helvetica, sans-serif;



			  font-weight:bold;



			  color:#FFFFFF;



			  font-size:11px;



			  list-style-type:none;



			  position:absolute;}



			  



div#footer ul li{display:block;



                 margin:0 0 0 10px;



                 padding:0 10px 0 0;



				 float:left;



				 border-right:1px solid #FFFFFF;}



				



div#footer ul li a{text-decoration:none;  



                   background-color:#835F2E;



		           font:verdana;



		           color:#FFFFFF;}



				   



div#footer ul li a#first{display:block;



                       margin:0 0 0 10px;



                       padding:0 0 0 10px;



				       float:left;



					   border-left:1px solid #FFFFFF;}







div#footer ul li a:hover{text-decoration:underline;}







div#footer p{display:block;



             margin:30px 0 0 200px;



             padding:0 0 0 0;



			 font-family:Verdana, Arial, Helvetica, sans-serif;



			 font-size:10px;



			 color:#FFFFFF;



			 position:absolute;



			 text-align:center;}



			 



div#footer a#link_footer{font-family:Verdana, Arial, Helvetica, sans-serif;



			             font-weight:bold;



						 text-decoration:underline;



						 font-size:10px;



			             color:#663300;}







div#header_logo{width:901px;



			    height:341px;



				margin:0 0 0 0;



				padding:0 0 0 0;



			    background-image:url(../pix/header_logo.jpg);



			    background-repeat:no-repeat;}



				

div#header_logo p{display:block;

                  

				  margin:305px 0 0 150px;

                  

				  padding:0 0 0 0;

				  

				  font-size:14px;

				  

				  line-height:15px;

				  

				  color:#FFFFFF;

				  

				  text-align:center;

				  

				  position:absolute;}

				  

				  

				  

div#header_logo a{font-size:13px;

				  

				  color:#FFFFFF;

				  

				  text-decoration:none;}

				  

				  

				  

div#header_logo a:hover{text-decoration:underline;}

				



a#lien_home_header{display:block;



                   width:138px;



				   height:145px;



				   margin:90px 0 0 380px;



				   position:absolute;



				   padding:0 0 0 0;}



				   



div#menu_principal{display:block;



                   width:900px;



	               height:54px;



				   margin:0 0 0 0;



				   padding:5px 0 5px 0;



				   border-bottom: 1px dotted #330000;}











div#menu_principal ul{display:block;



                      width:900px;



	                  margin:0 0 0 0;



	                  padding:0 0 0 0;



				      list-style-type:none;}











div#menu_principal ul li{display:block;



                         width:147px;



						 float:left;



						 text-decoration:none;



						 margin:0 0 0 0;



						 padding:0 0 0 0;



						 text-align:center;}











div#menu_principal ul li a{display:block;



                           width:147px;



						   margin:0 0 0 0;



						   background-image:url(../vect/menu_accueil.png);



						   background-repeat:no-repeat;



						   text-decoration:none;					



						   font:georgia;



						   font-size:24px;



					   	   font-weight:bold;



						   text-transform:capitalize;



						   color:#330000;}



								



div#menu_principal ul li a:hover{font:georgia;



						          font-size:24px;



					   	          font-weight:bold;



						          text-transform:capitalize;



						          color:#990000;}



					 







div#newsletter{width:497px;



               height:285px;



			   margin: -40px 0 0 33px;



	           padding:0 0 0 0;



		       background-image:url(../vect/enveloppe2.png);



			   background-repeat:no-repeat;}







div#formulaire_home{display:block;



				   margin:100px 0 0 300px;



				   padding:0 0 0 0;



				   position:absolute;}	



						 



img#img_newsletter{display:block;



                   width:230px;



                   height:191px;



                   margin:40px 0 0 50px;



                   padding:0 0 0 0;



				   position:absolute;}



					







p#texte_newsletter{display:block;



                    margin:280px 0 0 25px;



                    padding:0 0 0 0;



			        font-weight:bold;



                    font-size:14px;



			        text-align:center;



					position:absolute;}	



					



					



div#rencontres {
    background-color: #E8BA64;
    float: right;
    height: auto;
     margin: 0 15px 0 0;
    padding: 6px;
    width: 320px;
}







h2#titre_actus{display:block;



                      width:309px;



				      height:85px;



				      background-image:url(../vect/titre_actus.png);



				      background-repeat:no-repeat;



				      margin:0 auto;



				      padding:0 0 0 0;



					  position:relative;}


a#link_blog{display:block;
width:276px;
height:334px;
margin:0 auto;
padding:0 0 0 0;
text-decoration:none;}

a#link_vin{display:block;
width:286px;
height:386px;
margin:0 auto;
padding:0 0 0 0;
text-decoration:none;}
					
p.bloc_texte_rencontre{display:block;
                       margin:0 0 0 0;
                       padding:5px 10px 5px 10px;
					   font:georgia;
					   color:#330000;
	                   text-align:left;
					   line-height:18px;}






div#rencontres ul.liste_rencontres{display:block;



								   margin:0 0 0 0;



								   padding:10px;



								   list-style-type:none;



								   font:georgia;



								   color:#330000;



								   text-align:left;



								   line-height:19px;



								   border-bottom:1px dotted #330000;}





		

a.lien_rencontres_home{display:block;



                       width:150px;



                       margin:0 0 0 0;



					   padding:0 0 0 0;



					   text-decoration:none;



					   text-align:left;



					   font:georgia;



					   font-size:14px;



					   font-style:italic;



					   font-weight:bold;



					   color:#990000;}



					   



a:hover.lien_rencontres_home{text-decoration:underline;



                             color:#990000;}



		
a.thumbs_rencontres{display:block;
                    width:88px;
                    height:118px;
                    border:1px solid black;
                    margin:5px 5px 5px 0;
                    padding:0 0 0 0;
		            float:left;}


div#en_direct{width:480px;



              height:360px;



			  margin:-240px 0 0 -570px;



			  padding:0 0 0 0;



			  border:1px solid black;}				 			   



				  



h2#titre_video{display:block;



               width:488px;



               height:102px;



			   background-image:url(../vect/titre_video.png);



			   background-repeat:no-repeat;



			   margin:10px 0 -10px 35px;



			   padding:0 0 0 0;}







div#video_presentation{width:544px;



                       height:445px;
					   
					   margin: 15px 0 0 10px;
    					
					   padding: 28px 0 0 30px;


					   background-image:url(../vect/cadre.png);



					   background-repeat:no-repeat;}







/*PAGE PRESENTATION RESTO ZINC*/



h1#titre_presentation_resto_zinc{display:block;



                                width:345px;



								height:61px;



								margin:20px 0 0 40px;



								padding:0 0 0 0;



								background-image:url(../vect/titre_presentation_resto_zinc.png);



								background-repeat:no-repeat;}







h3#a_manger{display:block;



            margin:15px 0 10px 40px;



            padding:0 0 0 0;



            font:georgia;



            font-weight:bold;



			font-size:28px;



			color:#000000;



			text-transform:uppercase;}





h3#a_boire{display:block;



           margin:30px 0 10px 40px;



		   padding:0 0 0 0;



           font:georgia;



           font-weight:bold;



	   	   font-size:28px;



	 	   color:#000000;



		   text-transform:uppercase;}



						



span.georgia_bold_20{font:georgia;



                     font-weight:bold;



				     font-size:20px;



				     color:#000000;}



					 



p#texte_manger{display:block;



               width:730px;



               height:395px;

			   

			   background-image:url(../vect/illus_manger.png);

			   

			   background-repeat:no-repeat;

			   

			   background-position:top right;



               margin:0 0 0 40px;



			   padding:0 0 0 0;



			   font:georgia;



			   line-height:17px;}

			   





p#texte_boire{display:block;



               width:730px;



               height:477px;

			   

			   background-image:url(../vect/illus_boire.png);

			   

			   background-repeat:no-repeat;

			   

               margin:0 0 0 40px;



			   padding:0 0 0 0;



			   font:georgia;



			   line-height:17px;}

					 

					 



p#texte_fin_de_page{display:block;



                     width:711px;



                     height:313px;



                     margin:0 0 -120px 40px;



					 padding:0 0 0 0;



					 font:georgia;



					 line-height:17px;}

			

ul#liste_vins{display:block;

 

              margin:-330px 0 0 40px;

			   

			  padding:0 0 0 0;

			  

			  list-style-type:none;}

			  



/*PAGE PLUS QU'UN RESTO*/



h1#titre_plus{display:block;

              

			  width:420px;

              

			  height:57px;

			  

			  margin:20px 0 0 40px;

			  

			  padding:0 0 0 0;

			  

			  background-image:url(../vect/titre_plus.png);

			  

			  background-repeat:no-repeat;}

			  



h3#exposition{display:block;



              margin:30px 0 10px 40px;



		      padding:0 0 0 0;



              font:georgia;



              font-weight:bold;



	   	      font-size:28px;



	 	      color:#000000;



		      text-transform:uppercase;}

			  

			  

p#expo{display:block;



       width:814px;

	   

	   height:887px;

	   

	   background-image:url(../vect/illus_plus.png);

	   

	   background-repeat:no-repeat;

			   

       margin:-150px 0 0 40px;



	   padding:150px 0 0 0;



	   font:georgia;



	   line-height:17px;}

	   

			  

			  

h3#cafe_litteraire{display:block;



                   margin:-750px 0 0 40px;



		           padding:0 0 0 0;



                   font:georgia;



                   font-weight:bold;



	   	           font-size:28px;



	 	           color:#000000;



		           text-transform:uppercase;

				  

				   position:absolute;}

				   





p#cafe{display:block;

			   

       margin:-700px 0 0 40px;



	   padding:0 0 0 0;



	   font:georgia;



	   line-height:17px;

	   

	   position:absolute;}

	   

				   

				   

			  

			  

h3#musique{display:block;



           margin:-550px 0 10px 40px;



		   padding:0 0 0 0;



           font:georgia;



           font-weight:bold;

 

   	       font-size:28px;



	 	   color:#000000;



		   text-transform:uppercase;

		   

		   position:absolute;}

		   

		 



p#zik{display:block;

			   

       margin:-500px 0 0 40px;



	   padding:0 0 0 0;



	   font:georgia;



	   line-height:17px;

	   

	   position:absolute;}

	   



/*PAGES INFOS PRATIQUES*/



h1#titre_infos_pratiques{display:block;

              

			             width:368px;

              

			             height:54px;

			  

			             margin:20px 0 15px 40px;

			  

			             padding:0 0 0 0;

			  

			             background-image:url(../vect/titre_infos_pratiques.png);

			  

			             background-repeat:no-repeat;}



h2.infos{display:block;

         margin:0 0 0 40px;

         padding:0 0 0 0;}			  

		 

		 

p.infos{display:block;

        margin:5px 0 20px 40px;

        padding:0 0 0 0;}		 

		



img#plan_acces{display:block;

               width:750px;

               height:488px;

               margin:0 0 20px 40px;

			   border:1px solid #330000;}

			   
a#lien_mail_infos{display:block;
                  margin:-20px 0 0 40px;
                  text-decoration:underline;
				  color:#000000;}
				  
a:hover#lien_mail_infos{text-decoration:none;}
			   

h1.titre_inscription_newsletter{display:block;

              

			             width:558px;

              

			             height:54px;

			  

			             margin:20px 0 15px 40px;

			  

			             padding:0 0 0 0;

			  

			             background-image:url(../vect/titre_inscription_newsletter.png);

			  

			             background-repeat:no-repeat;}





div#formulaire_infos_pratiques{display:block;

                               width:250px;

                               height:150px;

                               margin:0 0 0 40px;}


/*PAGES LIENS*/

h1.sous_titre_liens{
                 display:block;
                 font-size:32px;
				 color:#000000;
				 font-weight:bold;
				 text-transform:uppercase;
				 margin:50px 0 10px 40px;
				 padding:0 0 0 0;}

h1#titre_liens{display:block;

              

			             width:275px;

              

			             height:54px;

			  

			             margin:20px 0 15px 40px;

			  

			             padding:0 0 0 0;

			  

			             background-image:url(../vect/titre_liens.png);

			  

			             background-repeat:no-repeat;}
						 
						 
						 
a.gros_liens_vers{text-decoration:none;
                 display:block;
                 font-size:32px;
				 color:#000000;
				 font-weight:bold;
				 text-transform:uppercase;
				 margin:50px 0 10px 40px;
				 padding:0 0 0 0;}
				 
	
a:hover.gros_liens_vers{color:#990000;}


a.petit_liens_vers{display:block;
                  font-size:14px;
				  margin:5px 0 40px 40px;
                  color:#000000;
                  text-decoration:underline;
				  font-weight:bold;}
				  
				  
a:hover.petit_liens_vers{color:#990000;}				  


p.texte_liens_vers{display:block;
                   width:700px;
                   margin:0 0 0 40px;
				   padding:0 0 0 0;}
				   

img#img_yanndargent{display:block;
                    width:258px;
                    height:173px;
					margin:5px 5px 5px 0;
					padding:0 0 0 0;
					float:left;}
					
					
/*PAGE FORMULAIRE INSCRIPTION NEWSLETTER*/
div#inscription_newsletter{width:497px;



               height:285px;



			   margin:0 0 0 45px;



	           padding:0 0 0 0;



		       background-image:url(../vect/enveloppe2.png);



			   background-repeat:no-repeat;}







div#inscription_formulaire_home{display:block;



				   margin:100px 0 0 300px;



				   padding:0 0 0 0;



				   position:absolute;}	



						 



img#inscription_img_newsletter{display:block;



                   width:230px;



                   height:191px;



                   margin:40px 0 0 50px;



                   padding:0 0 0 0;



				   position:absolute;}



					







p#inscription_texte_newsletter{display:block;



                    margin:280px 0 0 25px;



                    padding:0 0 0 0;



			        font-weight:bold;



                    font-size:14px;



			        text-align:center;



					position:absolute;}	



					



					

					
									
/*PAGE GALERIE PHOTO*/

h1#titre_en_images{display:block;
                   width:573px;
                   height:54px;
                   margin:20px 0 15px 40px;
                   padding:0 0 0 0;
                   background-image:url(../vect/titre_en_images.png);
                   background-repeat:no-repeat;}
				   
h2.titre_galerie{dsiplay:block;
                 margin:18px 0 0 40px;}
				   
p.texte_galerie{display:block;
                margin:0 0 0 40px;
				padding:0 0 0 0;}
				
a#lien_galerie{text-decoration:none;
               font-size:16px;
			   color:#990000;
			   font-weight:bold;
			   text-transform:uppercase;}
			   
a:hover#lien_galerie{color:#990000;
                     text-decoration:underline;}


a#lien_yann_galerie{color:#990000;
                    text-decoration:underline;}
					
a:hover#lien_yann_galerie{text-decoration:underline;}				 

/*STYLE DES PHOTOS*/
div#thumbs{display:block;
           width:900px;
		   height:675px;
		   margin:15px 0 0 0;
		   border-top: 1px dotted #330000;}
		   
		   
		   
a.thumbs{display:block;
         width:174px;
         height:128px;
		 background-image:url(../vect/ombre_thumb_galerie.png);
		 background-repeat:no-repeat;
         margin:10px 10px -10px 30px;
         padding:7px 0 0 2px;
		 float:left;}
		 
		 
.border_0{border:none;}