/**PARAMETRE DE LA PAGE**/

body{

background-color:#960018;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#960018), to(#530000));
background: -webkit-linear-gradient(#960018, #530000);
background: -moz-linear-gradient(#960018, #530000);
background: -ms-linear-gradient(#960018, #530000);
background: -o-linear-gradient(#960018, #530000);
background: linear-gradient(#960018, #530000);
font-family: Trebuchet MS,Verdana,Arial;

margin: 0 auto;
}

/**COMPORTEMENT DES IMAGES**/ 


a:hover img{

    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);

} 

/**COMPORTEMENT DES LIENS**/

a:link {
color:#960018;
text-decoration:none;
}

a:visited{
color:#960018;
text-decoration:none;
}

a:hover{
border-bottom: 0px solide #ADDFFB;
text-decoration:none;
}

/**PARAMETRES POUR L'ENSEMBLE DES DIV**/

div {
padding:0;
margin:0;
background-color:transaparent;
}


/**CONTENEUR**/

#conteneur { 
width: 980px;
margin: 0 auto;

}



/**HEADER ET MENU**/

#bandeau{

width:980px; 
height:160px;
max-height: 160px;
background-image:url(graph/bandeau.png);
background-repeat:no-repeat;
padding: 0px 0px 0px 0px;

font-size: 0.9em;
}


#menu{

width:980px; 
height:40px;
background-image:url(graph/menu.jpg);
background-repeat:no-repeat;

}


#textemenu{
float: left;
width:800px; 
height:40px;
max-height:30px;
font-size: 14px; 
color: #D4D4D4;
padding: 11px 0px 0px 30px; 
}


#face {
float: left;
width: 130px;
height: 40px; 
margin: 2px 0px 0px 0px; 
text-align: right;

}


#textemenu a{
font-size: 13px; 
padding: 3px 10px;

font-size: 12px;
color: #960018;
text-align: justify;
font-style: bold;
letter-spacing: 1px;
text-transform: uppercase;
}

#textemenu a:hover{

background-color:#960018;
color: #ffffff;

border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius:3px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}



/**CONTENU**/


#top{
width:980px; 
height:28px;
max-height: 28px;
background-image:url(graph/top.png);
background-repeat:no-repeat;
}

#corps{
float: left;
width:980px; 
max-width: 980px;
background-image:url(graph/corps.jpg);
background-repeat:repeat-y;
padding: 20px 30px 15px 30px;

}

#corps a:hover {
text-shadow: 0.5px 0.5px 1px rgb(255,255,255);

}


/**COLONNE GAUCHE**/

#gauche{
float: left;
width: 670px;
max-width: 700px;
}
			
#titre{

width: 670px;
max-width: 640px;
font-size: 19px;
color: #960018;
text-align: justify;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 0px 4px 0px;

border: 0px solid;
border-bottom: 1px solid;
border-style: groove;
}

#sstitre{

width: 670px;
font-size: 16px;
color: #404040;
text-align: justify;
font-style: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

#intro{

width:640px; 
font-size: 14px;
color: #3F3F3F;
text-align: justify; 
}

#titregauche{
width: 300px;
margin: 0px 0px 10px 0px;
font-size: 16px;
color: #960018;
text-align: justify;
font-style: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

#cg{
float: left;
width: 300px;
margin: 0px 40px 30px 0px;
text-align: justify;  
font-size: 14px;
color: #3F3F3F;
}

#cg img {
margin: 0px 0px 15px 0px;

border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius:5px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}

#titredroite{

width: 300px;
margin: 0px 0px 10px 0px;
font-size: 16px;
color: #960018;
text-align: justify;
font-style: bold;
letter-spacing: 2px;
text-transform: uppercase;
}


#cd{
float: left;
width: 300px;
margin: 0px 0px 30px 0px;
text-align: justify;  
font-size: 14px;
color: #3F3F3F;


}

#cd img{
margin: 0px 0px 15px 0px;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius:5px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}

#medaille{
clear: both;
width: 620px;
height: 600px;
max-height: 600px;
background-color: #efefef;
background-repeat:no-repeat;

padding: 15px 0px 0px 30px;
}


#titremedaille{
font-size: 15px;
width: 590px;
color: #960018;
text-align: justify;
letter-spacing: 3px;
text-transform: uppercase;
padding: 2px 0px;

border: 0px solid;
border-bottom: 1px solid;
border-style: groove;
}

#medaille img{
padding: 10px 0px 0px 0px;
}

#map{
clear: both;
width: 640px;
padding: 45px 0px 0px 30px;

}
		

		
/**COLONNE DROITE**/

#droite{
float: left;
text-align: justify; 
width: 280px;
padding: 0px 30px 0px 0px;


}


/* #droite img{

border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius:5px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
} */


#hautcoldroite{

width: 250px;
height: 11px;
max-height: 11px;
background-image:url(graph/hautcoldroite.jpg);
background-repeat:no-repeat;
}

#milieucoldroite{
width: 250px;
background-image:url(graph/milieucoldroite.jpg);
background-repeat:repeat-y;
padding: 8px 0px 15px 20px;
}


#bas-coldroite{

width: 250px;
height: 12px;
max-height: 12px;
background-image:url(graph/bas-coldroite.jpg);
background-repeat:no-repeat;
}


/**COLONNE DROITE TEXTE**/


#sstitrecol{
width: 210px;
font-size: 16px;
color: #960018;
text-align: justify;
letter-spacing: 2px;
text-transform: uppercase;
text-align:center;

}

#introcol{

width: 210px;
background-color: transparent;
font-size: 14px;
font-style: italic;
text-align: justify;
color: #3F3F3F;
padding: 15px 0px;
}
		

/**PAGE VIN**/

#titrevin{
width: 910px;
max-width: 910px;
color: #960018;
text-align: justify;
font-size: 19px;
text-align: justify;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 0px 4px 0px;

border: 0px solid;
border-bottom: 1px solid;
border-style: groove;

}

#sstitrevin{

width: 920px;
font-size: 16px;
color: #404040;
text-align: justify;
font-style: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

#introvin{

width:920px; 
font-size: 14px;
color: #3F3F3F;
text-align: justify; 
}


#vin{

width: 890px;
height: 370px;
max-height: 370px;
background-color: #F5F5F5;
padding: 20px 15px;
margin: 0px 0px 20px 0px;

border-radius:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius:12px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}

#photobtle{
float: left;
width: 183px;
height: 168px;
max-height: 168px;

border-radius:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius:12px;
}

#fiche{
float: left;
width: 555px;
padding: 0px 15px 0px 0px;
}

#bouteille{
color: #960018;
font-size: 16px;
padding: 0px 0px 5px 0px;
height: 50px; 
max-height: 50px; 
letter-spacing: 2px;
text-transform: uppercase; 
}

#description{
height: 270px;
max-height: 270px;
min-height: 270px;
color: #3F3F3F;
font-size: 14px;
font-style:italic;
padding: 10px 0px 0px 0px; 
}

#infos{
text-align: left;
font-size: 15px;
}

#prix{
text-align: left;
font-size: 18px;
color: #960018;
font-weight: bold;
}


#commande{
float: left;
width: 137px;
height: 335px;

text-align: center;
color: #960018;
background-color: #E5E5E5;
padding: 8px 0px;
letter-spacing: 1px;

border-radius:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius:12px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}

#commande a{
background-color:#960018;
color: #ffffff;

padding: 0px 10px;
text-align: center;


border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius:3px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}



#commande img{
margin: 0px 15px;
}


#commandetarifs {
float: left;
width: 210px;

text-align: center;
color: #960018;
padding: 15px 0px 15px 0px;

}

#commandetarifs  a{
background-color:#960018;
color: #ffffff;
padding: 0px 20px;
text-align: center;

border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius:3px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);

}

/**ENCART LIVRAISON**/

#livraison{

width: 890px;
height: 168px;

background-color: #F5F5F5;
padding: 20px 15px;
margin: 0px 0px 20px 0px;

border-radius:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius:12px;

-webkit-box-shadow:0 5px 5px rgba(200,200,200,1);
-moz-box-shadow:0 5px 5px rgba(200,200,200,1);
box-shadow:0 5px 5px rgba(200,200,200,1);
}

#fichelivraison{
float: left;
width: 700px;

}

#imageliv{
float: left;
width: 183px;
height: 168px;
max-height: 168px;

border-radius:12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius:12px;
}

#bouteilleliv{
color: #960018;
font-size: 18px;
height: 20px; 
max-height: 20px;
letter-spacing: 2px;
text-transform: uppercase; 
}

#descriptionliv{
height: 130px;
max-height: 130px;
color: #3F3F3F;
font-size: 14px;
font-style:italic;
padding: 10px 0px 0px 0px; 
}

#detail{

height: 30px;
max-height: 30px;
text-align: center;
color: #960018;

text-align: right;
}

#detail a{

background-color: #960018;
color: #ffffff;
padding: 0px 25px;

border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}



/**BAS DU CORPS**/	

#bas{
float: left;
width:980px; 
height:41px;
max-height: 41px;
background-image:url(graph/bas.png);
background-repeat:no-repeat;
}


/**PIED**/


#pied { 

clear: both;
width:980px; 
height:26px;
max-height: 26px;
font-size: 12px;
color: #D4D4D4;

background-image:url(graph/pied.jpg);
background-repeat:no-repeat;
padding: 5px 0px 0px 0px; 
text-align: center;

}

#pied a{ 
color: #960018;
padding: 0px 10px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}

#pied a:hover{ 

text-shadow: 0.3px 0.3px 0.7px rgb(150,0,24);
}

/**LAPIN**/

#lapin { 

width:980px;
height:30px;
text-align:center;
font-family: Trebuchet MS;
text-align:center;
font-size:10px;
color: #FFFFFF;
padding: 8px 0px 20px 0px;

}

#lapin a {
color: #ffffff;

}

#lapin a:hover {
text-shadow: 0.5px 0.5px 1px rgb(255,255,255);

}