/*------------------------------------------------------------------------------*/
/*						MISE EN FORME DU TEMPLATE								*/
/*------------------------------------------------------------------------------*/


html,body{
	margin						:	0px;
	padding						:	0px;
	font-family					:	Arial, Helvetica, sans-serif;		
	font-size					:	12px;
}

body{
	text-align					:	center;
/*	background-image			:	url(../images/bg.gif);
	background-repeat			:	repeat-x;
	background-position			:	top left;*/
	background-color			:	#05B6D0;
}

#bandeau{
	height						:	226px;
	background-image			:	url(../images/bandeau.jpg);
	background-repeat			:	no-repeat;
	background-position			:	top left;
	position					:	relative;
	z-index						:	1;
}

#conteneur{
	text-align					:	left;
	margin						:	0 auto;
	width						:	950px;
	position					:	relative;
}

#contenu{
	width						:	950px;
	height						:	455px;
	background-image			:	url(../images/detail_boisson.jpg);
	background-position			:	top right;
	background-repeat			:	no-repeat;
	position					:	relative;
	z-index						:	0;
}

.contenu_1a{
	background-color			:	none;
	width						:	917px;
	margin-left					:	32px;
	position					:	relative;
	color						:	#FFFFFF;
	z-index						:	0;
}

.contenu_1a .contentpaneopen{
	border						:	0px;
	padding						:	0px;
}

.top_left{
	position					:	absolute;
	top							:	0px;
	left						:	0px;
}

.top_right{
	position					:	absolute;
	top							:	0px;
	right						:	0px;
}

.bottom_left{
	position					:	absolute;
	bottom						:	0px;
	-bottom						:	-1px;	
	left						:	0px;
}

.bottom_right{
	position					:	absolute;
	bottom						:	0px;
	-bottom						:	-1px;
	right						:	0px;
}

#ombre_persos{
	position					:	absolute;
	top							:	0px;
	right						:	139px;
}

#ombre_pied{
	position					:	absolute;
	top							:	0px;
	right						:	118px;
}




#logo{
	position					:	absolute;
	top							:	19px;
	right						:	10px;
}

#pied{
	height						:	40px;
	clear						:	both;
	padding						:	12px;
}
	
#pastille{
	position					:	absolute;
	left						:	30px;
	top							:	5px;
	width						:	180px;
	z-index						:	1;
}

/*------------------------------------------------------------------------------*/
/*							MISE EN FORME ARTICLE								*/
/*------------------------------------------------------------------------------*/

.pub{
	width						:	260px;
	height						:	425px;
	padding						:	15px;
	font-size					:	15px;
	text-align					:	justify;
}
.pub h2{
	margin						:	0px 0px 5px 0px;
	font-size					:	28px;
}

.pub img{
	position					:	absolute;
	bottom						:	13px;
	left						:	15px;
}
.pub a.site_marque{
	font-size					:	12px;
	color:#F49B0F;
	text-decoration:none;
}
.pub a.site_marque:hover{
	text-decoration				:	underline;
}

#pub_pepsi{
	background-image			:	url(../images/accueil_pepsi.jpg);
	background-position			:	top right;
	background-repeat			:	no-repeat;
	width						:	917px;
	height						:	455px;
	margin						:	0px;
	padding						:	0px;
	position					:	absolute;
	top							:	0px;
	left						:	0px;
}

#pub_pepsi .actu{
	position					:	absolute;
	right						:	0px;
	bottom						:	0px;
	width						:	597px;
	padding						:	15px 15px 5px 15px;
	-padding					:	15px 15px 0px 15px;
	margin						:	0px 0px -10px 0px;
	height						:	100px;
}
																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME TITRES		*/
																				/*------------------------------------- */

#contenu{
	color						:	#59A420;
}

h2{
	font-size					:	14px;
}



#pub_pepsi .actu h2{
	background-image			:	url(../images/h2_actu.gif);
	background-repeat			:	no-repeat;
	background-position			:	top left;
	padding-left				:	25px;
	padding-top					:	4px;
	margin						:	0px 0px 5px 0px;
	position					:	relative;
	left						:	-25px;
}

#pub_pepsi .actu h3{
	font-size					:	12px;
	float						:	right;
	margin						:	0px 0px 15px 0px;
	color						:	#E88100;
}
																				
																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME LIENS			*/
																				/*------------------------------------- */
#pied a, #pied span{
	color						:	#FFF;
	text-decoration				:	none;
}

#pied a:hover{
	text-decoration				:	underline;
}

#pub_pepsi .actu h3 a{
	color						:	#E88100;
}

#pub_pepsi .actu h3 a:hover{
	text-decoration				:	none;
}

.mainlevel_menu_foot{
	color						:	#054B05;
	margin						:	0px 2px 0px 2px;
	font-weight					:	bold;
	font-size					:	11px;
}
																				
																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME IMAGES		*/
																				/*------------------------------------- */

.droite{
	float						:	right;
	margin						:	0px 0px 10px 10px;
}

/* contenu detail marque */
h1{
	margin:20px 30px 20px 320px;	
	font-size:18px;
	color:#F11725;
}

#scrollcontenu h1{
	margin:20px 30px 20px 0px;	
	font-size:18px;
	color:#F11725;
}

#scrollcontenu a{
	font-size					:	12px;
	color:#F49B0F;
	text-decoration:none;
}
#scrollcontenu a:hover{
	text-decoration				:	underline;
}

#scrollbloc{
	margin:10px 30px 10px 320px;
	height:350px;
	width:550px;
	overflow:hidden;
	text-align:justify;
	position: relative;
}
#scrollcontenu{
	position:absolute;
	top:0px;
	width:500px;
}
#scrollmenu{
	top:40px;
	width:22px;
	position:absolute;
	height:270px;
	right:0px;
	border-left:solid 1px #F3B070;
}
#scrollmenu img{
	position:relative;
	left:-12px;
	margin:5px 0px 5px 0px;
}

#scroll_haut, #scroll_bas{
	display						:	block;
	cursor						: 	pointer; 
	position					: 	absolute; 
	right						: 	0px;
	width						:	40px;
	height						:	40px;
	left						:	-20px;
}
#scroll_haut{	
	background-image			:	url(../images/bout_haut.gif);
	background-position			:	top;
	background-repeat			:	no-repeat;
	top							: 	-40px;

}
#scroll_haut:hover{	
	background-image			:	url(../images/bout_haut.gif);
	background-position			:	bottom;
	background-repeat			:	no-repeat;
}
#scroll_bas{
	background-image			:	url(../images/bout_bas.gif);
	background-position			:	top;
	background-repeat			:	no-repeat;
	bottom						: 	-40px;
}
#scroll_bas:hover{
	background-image			:	url(../images/bout_bas.gif);
	background-position			:	bottom;
	background-repeat			:	no-repeat;
}

.pub_detail h2{
	font-size					:	32px;
	font-weight					:	bold;
	margin						:	0px;
}
.pub_detail{
	position					:	absolute;
	top:0px;
	left:0px;
	width						:	260px;
	height						:	425px;
	padding						:	15px;
	font-size					:	17px;
}

pub_detail img{
	position					:	absolute;
	bottom						:	13px;
	left						:	15px;
}

#conteneur #rea{
	color						:	#FFF;
	position					:	absolute;
	left						:	300px;
	bottom						:	37px;
	font-weight					:	bold;
	font-size					:	11px;
}

#conteneur #rea a{
	color						:	#FFF;
	text-decoration				:	none;
	font-size					:	11px;
}

#conteneur #rea a:hover{
	text-decoration				:	underline;
}

.avertissement_boisson{
	color						:	#FFF;
	position					:	absolute;
	right						:	0px;
	bottom						:	47px;
	font-weight					:	bold;
	font-size					:	10px;	
}
																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			NAVIGATION					*/
																				/*------------------------------------- */	

#menu_admin{
	margin						:	0px;
	position					:	absolute;
	bottom						:	49px;
	left						:	430px;
}

#menu_admin li{
	list-style-image			:	none;
	list-style-type				:	none;
	float						:	left;
	margin-left					:	5px;
}

#menu_admin li a{
	color						:	#FFFFFF;
	text-decoration				:	none;
	padding						:	3px;
	border						:	1px solid #FFFFFF;
}

#menu_admin li a:hover{
	color						:	#000000;
	background-color			:	#FFFFFF;
}
																				
/* Menu principal */

#menu_principal{
	margin						:	0px;
	position					:	absolute;
	bottom						:	31px;
	left						:	0px;
	background-image			:	url(../images/menu.gif);
	background-position			:	left top;
	background-repeat			:	no-repeat;
	width						:	532px;
	height						:	28px;
	padding						:	6px 10px;
}
#menu_principal li{
	float						:	left;
	list-style-image			:	none;
	margin						:	0px 0px 0px 15px;
	list-style					:	none;
	padding						:	0px;
	padding-right				:	15px;
	background-image			:	url(../images/menu_top_separateur.gif);
	background-position			:	right;
	background-repeat			:	repeat-y;
}
#menu_principal li.item1/*, #menu_principal li.item112*/, #conteneur #menu_principal li.item248{
	background-image			:	none;
	padding-right				:	0px;
}
#menu_principal li a{
	text-decoration				:	none;	
	font-size					:	13px;
	color						:	#FFFFFF;
	font-weight					:	bold;
}

#menu_principal .active a{
	color						:	#FCF900;
}

#menu_principal li.item1 a span{
	display 					: 	none;	
}
#menu_principal li.item1 a{
	display 					: 	block;
	background-image			:	url(../images/btn_accueil_bleu.gif);
	background-position			:	left bottom;
	background-repeat			:	no-repeat;
	height						:	17px;
	width						:	17px;
	
}
#menu_principal li.item1 a:hover{
	background-position			:	left top;
}

#menu_principal li.item1{
	margin-left					:	15px;
}

/* sous menu */
#nav{	
	position					:	absolute;
	bottom						:	8px;
	left						:	10px;
	height						:	28px;
	padding						:	0px;
	margin						:	0px;
}

#nav li{
	float						:	left;
	list-style-image			:	none;
	list-style					:	none;
	background-image			:	url(../images/ssmenu_separateur.gif);
	background-position			:	right;
	background-repeat			:	repeat-y;
	padding						:	1px 10px 1px 10px;
}

#nav li a{
	color						:	#DFDFDF;
	text-decoration				:	none;
}
#nav li a:hover{
	color						:	#FFF;
	text-decoration				:	none;
}
#nav li.active{
	color						:	#FFF;
	font-weight					:	bold;
	background					:	#E88000;	
}

#nav li ul{
	border						:	0px;
}

#nav li ul li{
	color						:	#FFF;
	font-weight					:	bold;
	background					:	#E88000;
	background-image			:	none;
}

#nav li.active a{
	color						:	#FFF;
}

#nav li.item52 {
	background					:	none;
}

/* onglet detail */
#menu_onglet, #menu_onglet2{	
	position					:	absolute;
	margin						:	0px;
	padding						:	0px;
	top							:	0px;
	left						:	0px;	
	height						:	455px;
	width						:	32px;
}

#menu_onglet2{
	z-index						:	2;
}

#menu_onglet li, #menu_onglet2 li{
	list-style-image			:	none;
	list-style					:	none;
	padding						:	0px;
	margin						:	0px;
	float						:	left;
	width						:	32px;
}

#menu_onglet li a, #menu_onglet2 li a{
	display						:	block;
	height:100%;
}
#menu_onglet li a span, #menu_onglet2 li a span{
	display						:	none;
}
#menu_onglet li.item61 a,#menu_onglet li.item53 a,#menu_onglet li.item57 a,#menu_onglet2 li.item61 a,#menu_onglet2 li.item65 a,#menu_onglet li.item70 a,#menu_onglet li.item69 a,#menu_onglet li.item75 a,#menu_onglet li.item79 a,#menu_onglet li.item118 a,
#menu_onglet li.item130 a, #menu_onglet li.item135 a, #menu_onglet li.item140 a, #menu_onglet li.item31 a, #menu_onglet li.item35 a, #menu_onglet2 li.item38 a, #menu_onglet li.item40 a,
 #menu_onglet li.item154 a,  #menu_onglet li.item160 a, #menu_onglet li.item165 a, #menu_onglet li.item170 a, #menu_onglet li.item175 a, #menu_onglet2 li.item180 a, #menu_onglet2 li.item211 a
, #menu_onglet2 li.item205 a, #menu_onglet2 li.item199 a{
	background-image			:	url(../images/pepsi_1.gif);
	background-position			:	0px 0px;
	background-repeat			:	no-repeat;
	width						:	32px;
	height						:	129px;
}
#menu_onglet li.item62 a,#menu_onglet li.item54 a,#menu_onglet li.item58 a,#menu_onglet2 li.item62 a,#menu_onglet2 li.item66 a,#menu_onglet li.item71 a,#menu_onglet li.item122 a,#menu_onglet li.item76 a,#menu_onglet li.item80 a,#menu_onglet li.item119 a,
#menu_onglet li.item131 a, #menu_onglet li.item136 a, #menu_onglet li.item141 a, #menu_onglet li.item32 a, #menu_onglet li.item149 a, #menu_onglet2 li.item39 a, #menu_onglet li.item152 a,
 #menu_onglet li.item156 a,  #menu_onglet li.item161 a, #menu_onglet li.item166 a, #menu_onglet li.item171 a, #menu_onglet li.item176 a, #menu_onglet2 li.item181 a, #menu_onglet2 li.item212 a
, #menu_onglet2 li.item206 a, #menu_onglet2 li.item200 a{
	background-image			:	url(../images/pepsi_2.gif);
	background-position			:	0px 0px;
	background-repeat			:	no-repeat;
	width						:	32px;
	height						:	108px;
}
#menu_onglet li.item63 a,#menu_onglet li.item55 a,#menu_onglet li.item59 a,#menu_onglet2 li.item63 a,#menu_onglet2 li.item67 a,#menu_onglet li.item72 a,#menu_onglet li.item74 a,#menu_onglet li.item77 a,#menu_onglet li.item81 a,#menu_onglet li.item120 a,
#menu_onglet li.item132 a, #menu_onglet li.item137 a, #menu_onglet li.item142 a, #menu_onglet li.item33 a, #menu_onglet li.item36 a, #menu_onglet2 li.item150 a, #menu_onglet li.item41 a,
 #menu_onglet li.item157 a,  #menu_onglet li.item162 a, #menu_onglet li.item167 a, #menu_onglet li.item172 a, #menu_onglet li.item177 a, #menu_onglet2 li.item182 a, #menu_onglet2 li.item213 a
, #menu_onglet2 li.item207 a, #menu_onglet2 li.item201 a{
	background-image			:	url(../images/pepsi_3.gif);
	background-position			:	0px 0px;
	background-repeat			:	no-repeat;
	width						:	32px;
	height						:	115px;
}
#menu_onglet li.item64 a,#menu_onglet li.item56 a,#menu_onglet li.item60 a,#menu_onglet2 li.item64 a,#menu_onglet2 li.item68 a,#menu_onglet li.item73 a,#menu_onglet li.item123 a,#menu_onglet li.item78 a,#menu_onglet li.item82 a,#menu_onglet li.item121 a,
#menu_onglet li.item133 a, #menu_onglet li.item138 a, #menu_onglet li.item143 a, #menu_onglet li.item34 a, #menu_onglet li.item37 a, #menu_onglet2 li.item151 a, #menu_onglet li.item153 a,
 #menu_onglet li.item158 a, #menu_onglet li.item163 a, #menu_onglet li.item168 a, #menu_onglet li.item173 a, #menu_onglet li.item178 a, #menu_onglet2 li.item183 a, #menu_onglet2 li.item214 a
, #menu_onglet2 li.item208 a, #menu_onglet2 li.item202 a{
	background-image			:	url(../images/pepsi_4.gif);
	background-position			:	0px 0px;
	width						:	32px;
	height						:	103px;
}
#menu_onglet li a:hover, #menu_onglet2 li a:hover{
	background-position			:	-64px 0px;
}
#menu_onglet li.active a, #menu_onglet2 li a:hover{
	background-position			:	-32px 0px;
}

/*mise en avant marque*/
#mea_marque{
	position					:	absolute;
	width						:	202px;
	left						:	40px;
	top							:	40px;
}
#mea_marque h4{
	text-decoration				:	underline;
	font-size					:	14px;
	margin						:	0px 20px 10px 0px;
	height						:	20px;
	padding-left				:	30px;
	background-image			:	url(../images/h4_actu_pepsi.gif);
	background-position			:	top left;
	background-repeat			:	no-repeat;
}
#mea_marque{
	text-align					:	justify;
	font-size					:	11px;
}
#mea_marque .readon{
	display						:	block;
	color						:	#FFFFFF;
	margin-top					:	10px;
	float						:	right;
}
#mea_marque .readon:hover{
	color						:	#E88000;
}

#mea_marque img{
	display						:	block;
	border						:	solid 1px #5C6E99;
	margin						:	20px 0px 20px 0px;
}

#mea_marque p{
	margin:5px 0px 5px 0px;
	
}

#pub_pepsi #mea_marque{
	position					:	absolute;
	width						:	200px;
	top							:	362px;
	left						:	310px;
	height						:	68px;
	width						:	580px;
}
#pub_pepsi #mea_marque img{
	display						:	none;
	width						:	0px;
	height						:	0px;
	border						:	0px;
}

#pub_pepsi #mea_marque .readon{
	margin-top					:	0px;
	position					:	relative;
	top							:	-20px;
	float						:	right;

}
#pub_pepsi #mea_marque p{
	margin:5px 0px 5px 0px;
	
}