/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FDE3A4;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #710D0D;
}

li {
	color: #FB4A52;
}

li span  {
	color: #FDE3A4;
}

legend {
	color: #FDE3A4;
}
/******************************************************************** Menu ******************************************************************/
.nouveaumenu {
	float:left;
	width:987px;
}

ul.MenuHorizontal { 
   width: 987px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
} 

ul.MenuHorizontal li { 
   position: relative; 
   margin: 0; 
   padding: 0; 
   float: left; 
   text-align: center; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   height: 30px; 
   margin: 0; 
   padding: 0; 
} 

ul.MenuHorizontal li a img { 
   border: none; 
} 

a#menu0 { 
   width: 78px; 
   background-image: url('gifs/newmenu_o_09.jpg'); 
} 

a#menu1 { 
   width: 55px; 
   background-image: url('gifs/newmenu_o_10.jpg'); 
} 

a#menu2 { 
   width: 123px; 
   background-image: url('gifs/newmenu_o_11.jpg'); 
} 

a#menu3 { 
   width: 91px; 
   background-image: url('gifs/newmenu_o_12.jpg'); 
} 

a#menu4 { 
   width: 144px; 
   background-image: url('gifs/newmenu_o_13.jpg'); 
} 

a#menu5 { 
   width: 150px; 
   background-image: url('gifs/newmenu_o_14.jpg'); 
} 

a#menu6 { 
   width: 104px; 
   background-image: url('gifs/newmenu_o_15.jpg'); 
} 

a#menu7 { 
   width: 137px; 
   background-image: url('gifs/newmenu_o_16.jpg'); 
} 

a#menu8 { 
   width: 105px; 
   background-image: url('gifs/newmenu_o_17.jpg'); 
} 

a#menu0:hover, .selected-over0, a#menu1:hover, .selected-over1, a#menu2:hover, .selected-over2, a#menu3:hover, .selected-over3, a#menu4:hover, .selected-over4, a#menu5:hover, .selected-over5, a#menu6:hover, .selected-over6, a#menu7:hover, .selected-over7, a#menu8:hover, .selected-over8 { 
   visibility: visible; 
} 

a#menu0:hover img, .selected-over0 img, a#menu1:hover img, .selected-over1 img, a#menu2:hover img, .selected-over2 img, a#menu3:hover img, .selected-over3 img, a#menu4:hover img, .selected-over4 img, a#menu5:hover img, .selected-over5 img, a#menu6:hover img, .selected-over6 img, a#menu7:hover img, .selected-over7 img, a#menu8:hover img, .selected-over8 { 
   visibility: hidden; 
}















a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDE3A4;
	text-decoration: underline;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDE3A4;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #FDE3A4;
}
a:active {
	text-decoration: underline;
	color: #FDE3A4;
}



a.lien2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDE3A4;
	text-decoration: none;
}
a.lien2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDE3A4;
	text-decoration: none;
}
a.lien2:hover {
	text-decoration: none;
	color: #F7AD44;
}
a.lien2:active {
	text-decoration: none;
	color: #FDE3A4;
}



a.lien1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.lien1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.lien1:hover {
	text-decoration: none;
	color: #F7AD44;
}
a.lien1:active {
	text-decoration: none;
	color: #000000;
}



 a.numpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FB4A52;
	text-decoration: none;
}
 a.numpage:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FB4A52;
	text-decoration: none;
}
 a.numpage:hover {
	text-decoration: none;
	color: #F7AD44;
}
 a.numpage:active {
	text-decoration: none;
	color: #FB4A52;
}
/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}


/**********************************************************BDD AUTO **************************************/

.numpage_selec {
	color:#FB4A52;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/


#header {
	height: 200px;
	width: 1006px;
}

#logo a{
	float: left;
	height: 200px;
	width: 330px;
	background-image:url(gifs/images/guillon_01.jpg);
	cursor:pointer;
}

#conteneur {
	float: left;
	height: 200px;
	width: 676px;
}


#haut {
	float: left;
	height: 22px;
	width: 676px;
	background-image:url(gifs/images/guillon_02.jpg);
}

#conteneur2 {
	float: left;
	height: 32px;
	width: 676px;
}


#newsletter {
	float: left;
	height: 32px;
	width: 355px;
	background-image:url(gifs/images/guillon_03.jpg);
}

#fdnewsletter {
	float: left;
	height: 32px;
	width: 177px;
	background-image:url(gifs/images/guillon_04.jpg);
}

#image {
	float: left;
	height: 32px;
	width: 144px;
	background-image:url(gifs/images/guillon_05.jpg);
}

#conteneur3 {
	float: left;
	height: 146px;
	width: 676px;
}


#image2 {
	float: left;
	height: 146px;
	width: 179px;
	background-image:url(gifs/images/guillon_07.jpg);
}

#animation {
	float: left;
	height: 146px;
	width: 497px;
}


#menu {
	height: 30px;
	width: 1006px;
}


#image3 {
	float: left;
	height: 30px;
	width: 11px;
	background-image:url(gifs/images/guillon_08.jpg);
}







#bienvenue {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 78px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_09.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#bienvenue a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_09.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#bienvenue a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#visite {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 55px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_10.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#visite a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_10.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#visite a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#histoire {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 123px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_11.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#histoire a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_11.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#histoire a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#elaboration {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 143px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_12.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#elaboration a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_12.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#elaboration a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#conseil {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 140px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_13.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#conseil a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_13.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#conseil a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#single {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 102px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#single a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_14.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#single a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#presse {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 104px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#presse a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_15.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#presse a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#chevalier {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 137px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_16.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#chevalier a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_16.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#chevalier a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#contact2 {    /* "lien" sera notre conteneur, ici la balise div */ 
	float: left;
    width: 105px;  /* changer la largeur ici */ 
    height: 30px; /* changer la hauteur ici */ 
    background: url(gifs/images/over_17.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#contact2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/guillon_17.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#contact2 a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 



#image4 {
	float: left;
	height: 30px;
	width: 8px;
	background-image:url(gifs/images/guillon_18.jpg);
}


#conteneur4 {
	float: left;
	width: 1006px;
	background-image:url(gifs/images/petage_28.jpg);
	background-repeat:repeat-y;
}


#sousmenu {
	float: left;
	width: 251px;
}


#encart1 a{
	float: left;
	height: 128px;
	width: 251px;
	background-image:url(gifs/images/guillon_19.jpg);
 	cursor:pointer;
}

#encart2 a{
	float: left;
	height: 129px;
	width: 251px;
	background-image:url(gifs/images/guillon_23.jpg);
	cursor:pointer;
}

#encart3 a{
	float: left;
	height: 151px;
	width: 251px;
	background-image:url(gifs/images/guillon_24.jpg);
	cursor:pointer;
}



#favoris a{
	float: left;
	height: 25px;
	width: 251px;
	background-image:url(gifs/images/new_25.jpg);
	cursor:pointer;
}


#ami a{
	float: left;
	height: 23px;
	width: 251px;
	background-image:url(gifs/images/new_26.jpg);
	cursor:pointer;
}


#image5 {
	float: left;
	height: 52px;
	width: 251px;
	background-image:url(gifs/images/guillon_26.jpg);
}
#video {
	float: left;
	width: 251px;
	background-image:url(gifs/fdvideo_36.jpg);
	text-align:center;
	/*padding-left:11px;*/
	padding-top:15px;
	color:#710D0D;
}
#video a {
	color:#710D0D;
}



#contenu {
	float: left;
	width: 740px;
}

#top {
	float: left;
	height: 42px;
	width: 740px;
	background-image:url(gifs/images/guillon_20.jpg);
}


#milieu {
	float: left;
	width: 720px;
	background-image:url(gifs/images/guillon_22.jpg);
	background-repeat:no-repeat;
	text-align:left;
	background-color: #750E0F;
	min-height:415px;
	
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
}

#bottom {
	float: left;
	height: 51px;
	width: 740px;
	background-image:url(gifs/images/guillon_27.jpg);
}


#droit {
	float: left;
	height: 508px;
	width: 15px;
	background-image:url(gifs/images/guillon_21.jpg);
}

#bas {
	padding-top: 10px;
	text-align:center;
	color: #333333;
	float: left;
	height: 33px;
	width: 1006px;
	background-image:url(gifs/images/guillon_28.jpg);
}


#site {
	height: 781;
	width: 1006px;
	margin: auto;

}


#lienbas {
	padding-top: 4px;
	text-align:center;
	float: left;
	height: 33px;
	width: 1006px;
	color: #000000;
}


#input_newsletter {
	text-align:center;
	float: left;
	width: 130px;
}

.float {
	float: left;
}

.centrer {
	text-align: center;
}


.centrer-milieu {
	float:left;
	text-align: center;
	width:200px;
	padding-top:15%;
}



#presentation {
	float: left;
	display:block;
	width:715px;
}


#single_malt a {
	float: left;
	height: 338px;
	width: 283px;
	background-image:url(gifs/images/contenu_25.jpg);
	cursor:pointer;
}


#contenu3 {
	float: left;
	height: 338px;
	width: 312px;
}

#bouteille {
	float: left;
	height: 174px;
	width: 389px;
	background-image:url(gifs/images/contenu_26.jpg);
}


#titre_encart {
	float: left;
	height: 38px;
	width: 389px;
	background-image:url(gifs/images/contenu_30.jpg);
}


#encart5 {
	float: left;
	height: 76px;
	width: 369px;
	background-image:url(gifs/images/contenu_31.jpg);
	text-align: justify;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


#bottom_encart a{
	float: left;
	height: 40px;
	width: 389px;
	background-image:url(gifs/images/contenu_33.jpg);
	cursor:pointer;
}

.alignementdroite {
	float:right ;
	margin-left: 5px;
}

.alignementgauche {
	float:left ;
	margin-right: 5px;
}

.alignementgauche2 {
	float:left ;
	border: 1px solid #FEEFAC;
	margin-right: 5px;
}



.alignementdroite2 {
	float:right ;
	border: 1px solid #FEEFAC;
	margin-left: 10px;
}


.titre {
	color: #FDE3A4;
	font-size: 11px;
	font-weight: bold;
}

.contour {
	border: 1px solid #FEEFAC;
}


#conteneur5 {
	float:left;
	width: 720px;

}


#photobdd {
	float: left;
	width: 110px;
}

#descbdd {
	float: left;
}

#photobdd2 {
	float: left;
	padding-bottom: 5px;
}


.titrebdd {
	color: #FDE3A4;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
}

textarea {
		font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

input[type="text"]{
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.email_news{
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

input[type="submit"], input[type="button"]{
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

#formulaire_contact {
	float: left;
	width: 500px;
	margin:auto;
}




#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm {
	width: 400px;
	margin: auto;
	padding: 1em;
}

.droite {
float:right;
}

.gris{
	color: #666666;
}
/******************************************************MODIF***********************************************/
.alignementGauchep {
	float:left ;
	margin-right: 5px;
	border: 1px solid #000000;
	
}

.alignementDroitp {
	float:right ;
	margin-left: 5px;
	border: 1px solid #000000;
	
}

.alignementcenter {
	text-align:center;
	margin-left: 5px;
	border: 1px solid #000000;
	
}

.souligne {
text-decoration:underline;
}

.bord {
border:#FFCC66 1px solid;
}