/* -----------------------*/
/* PERNOD.FR Refonte 2006 
/* -----------------------*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL */
/*---------------------------------------------------------------------------------------------------------------------------------------*/

BODY {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}


SELECT {
	color: #858585;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #FFFFFF;
	height: 18px;
	border: 1px solid #858585;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* MENU 
/*---------------------------------------------------------------------------------------------------------------------------------------*/

DIV.link {
	width:100%;
}

DIV.link:hover {
	width:100%;
}


/* BOUTON 1 */
#entreprise {
	position:absolute;
	width:102px;
	z-index:10;
	vertical-align:middle;
	visibility: hidden;
	left: 5px;
	top: 55px;
}

#entreprise a:link,
#entreprise a:active,
#entreprise a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	display: block;
	background-color: #1055B5;	
	padding: 5px 2px 5px 11px;
}

#entreprise a:hover {
	color: #1055B5;
	background-color: #438FED;	

}

#entreprise DIV.link {
	border-bottom: 1px solid #4591EF;
}


/* BOUTON 2 */
#marques {
	position:absolute;
	width:106px;
	height:108px;
	z-index:2;
	left: 281px;
	vertical-align:middle;
	top: 54px;
	visibility: hidden;
}

#marques a:link,
#marques a:active,
#marques a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	display: block;	
	padding: 5px 1px 5px 4px;
	background-color: #DCA903;	
}

#marques a:hover {
	color: #DCA903;
	background-color: #FFDF02;
}

#marques DIV.link {
	border-bottom: 1px solid #FFDF02;
}


/* BOUTON 3 */
#innov {
	position:absolute;
	width:100px;
	height:108px;
	z-index:10;
	left: 395px;
	vertical-align:middle;
	visibility: hidden;
	top: 55px;
}

#innov a:link,
#innov a:active,
#innov a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 2px 5px 11px;
	background-color: #E85C00;	
	display: block;	
}

#innov a:hover {
	color: #E85C00;
	background-color: #F1AD00;
}

#innov DIV.link {
	border-bottom: 1px solid #F1AD00;
}

/* BOUTON 3 BIS */
#reseau {
	position:absolute;
	width:100px;
	height:108px;
	z-index:10;
	left: 395px;
	vertical-align:middle;
	visibility: hidden;
	top: 55px;
}

#reseau a:link,
#reseau a:active,
#reseau a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 2px 5px 11px;
	background-color: #E85C00;	
	display: block;	
}

#reseau a:hover {
	color: #E85C00;
	background-color: #F1AD00;
}

#reseau DIV.link {
	border-bottom: 1px solid #F1AD00;
}

/* BOUTON 4 */
#ethique {
	position:absolute;
	width:159px;
	height:108px;
	z-index:10;
	left: 114px;
	vertical-align:middle;
	visibility: hidden;
	top: 55px;
}

#ethique a:link,
#ethique a:active,
#ethique a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	display: block;
	padding: 5px 2px 5px 11px;
	background-color: #B4033A;
}

#ethique a:hover {
	color: #B4033A;
	background-color: #F75178;
}

#ethique DIV.link {
	border-bottom: 1px solid #F75178;
}

.picobefore {
	/*background: url(../images/picto-menu.gif) no-repeat 3px 9px;*/
	/*content:url(../images/picto-puce-1.gif);*/
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOS */
/*---------------------------------------------------------------------------------------------------------------------------------------*/

.txt11435515 {
	font-size: 11px;
	color: #435515;
}

.txt10435515 {
	font-size: 10px;
	color: #435515;
}

.txt10F7EACC{
	font-size: 10px;
	color: #F7EACC;
}

.txt11ffffff {
	font-size: 11px;
	color: #ffffff;
}

.txt10ffffff {
	font-size: 10px;
	color: #ffffff;
}

.txt11F1D0D8 {
	font-size: 11px;
	color: #F1D0D8;
}

.txt101D386C {
	font-size: 10px;
	color: #1D386C;
}

.txt10F1D0D8 {
	font-size: 10px;
	color: #F1D0D8;
}

.txt9F1D0D8 {
	font-size: 9px;
	color: #F1D0D8;
}

.txt10B70A42 {
	font-size: 10px;
	color: #B70A42;
}

.txt10858585 {
	font-size: 10px;
	color: #858585;
}

.txt11858585 {
	font-size: 11px;
	color: #858585;
}

.txt11063974 {
	font-size: 11px;
	color: #063974;
}

.txt11507D91 {
	font-size: 11px;
	color: #507D91;
}

.txt11E28723_UPERCASE {
	font-size: 11px;
	color: #E28723;
	text-transform: uppercase;
}

.txt11E28723 {
	font-size: 11px;
	color: #E28723;
}
.txt11E28723_lien { color: #E28723; font-weight: bold; text-decoration: none; font-size: 11px; }
.txt11E28723_lien:hover { text-decoration: underline; }
.txt1193a35f {
	font-size: 11px;
	color: #93a35f;
}

.justify {
	text-align: justify;
}
.titre_tendance {
	font-size:13px;
	color:#b80d40;
	font-weight:bold;	
	padding : 0 20px 0 0px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*---------------------------------------------------------------------------------------------------------------------------------------*/

.header-bground {
	background: url(../images/header-bground.gif) no-repeat top;
}

.header-select-bg {
	background: url(../images/header-select-bg.gif) no-repeat top;
	height: 31px;
	padding-right: 15px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT */
/*---------------------------------------------------------------------------------------------------------------------------------------*/


.home-left-bground {
	background:url(../images/home-left-bground.jpg) no-repeat;
	height: 395px;
	padding-left: 10px;
	padding-top: 12px;
	width: 255px;
}

.home-right-bground {
	background:url(../images/home-right-bground.jpg) no-repeat;
	height: 395px;
	padding-left: 0px;
	width: 305px;
}

.home-center-bground {
	background:url(../images/home-center-bground.jpg) no-repeat;
	width: 355px; height: 395px;
}

.focus-cocktail-bg {
	background:url(../images/home-bullet-zone.gif) no-repeat top left;
	height: 112px;
}

UL.nomargin {
	margin-left: 15px;	
}

UL.nomargin LI{
	list-style-image: url(../images/puce-liste-marque.gif);
}
UL.nomargin2 {
	margin-left: 10px;	
}

UL.nomargin2 LI{
	list-style-image: url(../images/puce-liste-marque.gif);
}




/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* MARGIN - SPACING - PADDING */
/*---------------------------------------------------------------------------------------------------------------------------------------*/


.marginTop10 		{	margin-top: 10px;}

.paddingTop10 	{	padding-top: 10px;}

.marginLeft10 	{	margin-left: 10px;}

.paddingLeft10 	{	padding-left: 10px;}

.paddingRight10 	{	padding-right: 10px;}

.paddingRight20 	{	padding-right: 20px;}

IMG.marginpuce {
	margin-right : 5px;
}

.titre_page {
	margin: 20px 0 30px 0;
}

.filet-separator {
	margin: 5px 0 5px 0;
}

.noVisible {
	display: none;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*---------------------------------------------------------------------------------------------------------------------------------------*/


.home-bottom-bground {
	background:url(../images/home-bottom-bground.jpg) repeat-x top;
	margin: 0 4px 0 4px;
}


#FOOTER {
}

#FOOTER .txtabus {
	color: #10316F;
	font-size: 10px;
}

#FOOTER .liens {
	color: #858585;
	font-size: 9px;
	padding-top: 10px;
}

#FOOTER A.liens:link,
#FOOTER A.liens:active,
#FOOTER A.liens:visited {
	color: #858585;
	font-size: 9px;
}

#FOOTER A.liens:hover {
	color: #858585;
	font-size: 9px;
}


/* --- ROOTS BLOODY ROOTS --- */
img { border: 0; }
.big { text-transform: uppercase; font-weight: bold; }


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* FORMULAIRE */
/*---------------------------------------------------------------------------------------------------------------------------------------*/

label { font: 11px Arial, Helvetica, sans-serif; margin: 2px 0 0 0; display: block; }
label.radioValue { display: inline; margin: 0; }
input, select, option, textarea { font: 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #818390; }


/* ---- ADMIN ---- */


.submenu_admin {
	color: #E9E9E9;
	font-size: 11px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding: 5px 2px 5px 20px;
	background: url(../images/picto-puce-1.gif) no-repeat 10px 8px;
}


.submenu_admin_item {
	width:100%;
	z-index:1;
	display: none;
}

.submenu_admin_item a:link,
.submenu_admin_item a:active,
.submenu_admin_item a:visited {
	color: #E9E9E9;
	font-size: 10px;
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 40px;
}

.submenu_admin_item a:hover {
	background-color: #D0D0D0;	
	color: #000;
}

.submenu_admin_item a.selected {
	background-color: #D0D0D0;
	color: #000;
	font-size: 10px;
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 40px;
}

#admin h2 { font-size: 14px; }
#admin form { color: #000; font-size: 10px; }
#admin form input, #admin form textarea, #admin form select { border: 1px solid #C0C0C0; color: #444; }
#admin option, #formu option { border: 0; color: #444; }

.titrePub { color: #90b613; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
.txtPub { margin: 0; padding: 0; color: #7a7301; line-height: 145%; }
.txtPub a { color: #7a7301; }


/*---------------------------------*/
/*----- tendances -----------------*/
/*---------------------------------*/

.titre_sidebar {
	background: url('../tendances/img/tend-sid-2.gif') no-repeat top left;
	font-size:11px;
	color:#b80d40;
	font-weight:bold;	
	padding : 0 20px 0 15px;
}


.txt-sidebar {
	background: url('../tendances/img/tend-sid-3.gif') repeat-y left top;
	padding : 0 10px 10px 25px;
}
.quantite-sidebar {
	background: url('../tendances/img/tend-sid-7.gif') no-repeat top left; 
	padding: 0 20px 0 24px;	
	color:#FFFFFF;
	font-size:9px;
}
.milieu{
	float:left;
	width: 531px;
	position:static;
	overflow:auto;
}

.milieu_1{
	width: 531px;
	position:static;
	overflow:auto;
	float:left;
	text-align: left;
}

.milieu_1_g{
	width: 129px;
	height:127px;
	background-image:url('../tendances/img/cocktails_visuel_shaker.jpg');
	background-position:left;
	background-repeat:no-repeat;
	position:static;
	overflow:auto;
	float:left;
	text-align: left;
}

.milieu_1_d{
	width: 402px;
	position:static;
	overflow:auto;
	float:left;
	color:#000000;
	text-align: left;
}

.milieu_1_d h2{
	font-weight:bolder;
	font-size:11px;
	text-align: left;
}

.milieu_2{
	width: 531px;
	position:static;
	overflow:auto;
	float:left;
	text-align: left;
}

.milieu_2_d{
	width: 410px;
	margin-left:121px;
	text-align: left;
}

.milieu_2_d h1{
	font-size:23px;
	color:#a1cb15;
	font-weight:bold;
	text-align: left;
}

.milieu_3{
	width: 531px;
	position:static;
	overflow:auto;
	float:left;
	display:inline;
	padding-top:15px;
	text-align: left;
}

.milieu_3_1{
	width: 129px;
	position:static;
	overflow:auto;
	float:left;
	text-align:center;
	text-align: left;
}

.milieu_3_2{
	width: 136px;
	position:static;
	overflow:auto;
	float:left;
	text-align: left;
}

.milieu_3_2 h2, .milieu_3_2 a:link, .milieu_3_2 a:visited{
	font-size:11px;
	color:#b80d40;
	font-weight:bold;
	text-align: left;
}

.milieu_3_2 span{
	font-size:10px;
	color:#a1cb15;
	font-weight:bold;
	text-align: left;
}

.milieu_3_3{
	width: 129px;
	position:static;
	overflow:auto;
	float:left;
	text-align:center;
}

.milieu_3_4{
	width: 137px;
	position:static;
	overflow:auto;
	float:left;
	text-align: left;
}

.milieu_3_4 h2, .milieu_3_4 a:link, .milieu_3_4 a:visited{
	font-size:11px;
	color:#b80d40;
	font-weight:bold;
	text-align: left;
}

.milieu_3_4 span{
	font-size:10px;
	color:#a1cb15;
	font-weight:bold;
	text-align: left;
}

.milieu_4{
	width: 531px;
	background-image:url('../tendances/img/cocktails_visuel_mais_aussi.jpg');
	position:static;
	overflow:auto;
	float:left;
	display:inline;
	padding-top:15px;
	height:45px;
	background-position:center;
	background-repeat:no-repeat;
	text-align: left;
}

.milieu_4_case{
	float:left;
	display:inline;
	padding-top:12px;
	padding-right:10px;
	text-align: left;
}

.milieu_4_case_g{
	width:138px;
	float:left;
	display:inline;
	padding-top:12px;
}

.milieu_4 a:link, .milieu_4 a:hover, .milieu_4 a:visited{
	font-size:11px;
	color:#b80d40;
	font-weight:bold;
	font-size:10px;
	}

.menu_bas{
	background-image:url('../tendances/img/cocktails_menu_bas_fond_2.gif');
	background-position: top center;
	background-repeat:no-repeat;
	}
	
.menu_bas h1{
	font-size:23px;
	color:#a1cb15;
	font-weight:bold;
}

.menu_bas h2{
	margin: 0;
	padding: 0;
	font-size:13px;
	color:#53690a;
	vertical-align:bottom;
}
.menu_bas div { padding: 0; margin: 0; }

.menu_bas span, .menu_bas span a{
	font-size:11px;
	color:#b80d40;
}

.menu_bas s1{
	font-size:11px;
	color:#53690a;
	font-weight:bold;
	text-align:center;
}

.milieu_d_1{
	color:#000;
}


.milieu_d_1 h2{
	color:#b80d40;
	font-size:14px;

}

.cocktail_qtt {
	color:#627b10;
}
/*  ajout  pour Wyborowa */

#wybo_gauche{
	float:left;
	margin:5px;
}
#wybo_droite{
	float:right;
	margin:5px;
}
/*  suze 120 ans  */ 
#suze{
	background-image:url('../marques/autres_boissons/img/tour_fond.png');
	background-position: top center;
	background-repeat:no-repeat;
}