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

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

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

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

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

#contenu{
	background-color			:	#DCE8A3;
	background-image			:	url(../images/bg_article.gif);
	background-position			:	top left;
	background-repeat			:	repeat-x;
	padding						:	20px 0px 0px 0px;
	position					:	relative;
	width						:	100%;
	float						:	left;
	z-index						:	0;
}

#contenu_1a{
	background-color			:	#E5EFC9;
	width						:	535px;
	padding						:	10px;
	position					:	relative;
	left						:	20px;
	float						:	left;
	text-align					:	justify;
}


  .prop {
    height:520px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


.contenu_2a{
	position					:	relative;
	float						:	right;
	width						:	300px;
	/z-index					:	-1;
	margin-right				:	30px;
	-margin-right				:	15px;
}

.contenu_2a_1{
	position					:	relative;
/*	background-color			:	#E5EFC9;*/
	width						:	300px;
	padding						:	5px;	
	/z-index					:	-1;
}

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

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

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

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

#contenu_1a .bottom_right{
	-right						:	-1px;
}

#contenu_1a .top_right{
	-right						:	-1px;
}

#bord_bas{
	position					:	relative;
	width						:	100%;
	clear						:	both;
	height						:	18px;
/*	/z-index					:	-1;*/
	background-image			:	url(../images/bord_bas.gif);
	background-position			:	top left;
	background-repeat			:	no-repeat;
}


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

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

#menu2{
	position					:	absolute;
	bottom						:	7px;
	left						:	100px;
	width						:	541px;
	height						:	28px;
}

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

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

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


/* blog */

#contenu_1a object{
	position					:	relative;
	top							:	30px;
	left						:	40px;
}

.tablo_centre{
	width						:	100%;
	background-color			:	#FFF;
	border						:	2px solid #3E8D05;
	padding						:	10px;
	text-align					:	center;
}

.tablo{
	width						:	100%;
	background-color			:	#FFF;
	border						:	2px solid #3E8D05;
	padding						:	10px;
}

.tablo th{
	font-size					:	16px;
}

.tablo td, .tablo_centre td{
	vertical-align				:	top;
}

.tablo td, .tablo_centre td{
	color						:	#59A420;
}

																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME TITRES		*/
																				/*------------------------------------- */

#contenu{
	color						:	#044F28;
}
#contenu a{
	color						:	#044F28;
	text-decoration				:	none;
}
#contenu a:hover{
	color						:	#044F28;
	text-decoration				:	underline;
}


h2{
	font-size					:	13px;
	background-image			:	url(../images/h2.gif);
	background-repeat			:	no-repeat;
	background-position			:	top left;
	padding-left				:	45px;
}

h3{
	font-size					:	12px;
	color						:	#449007;
	margin-left					:	20px;
	background-image			:	url(../images/h3.gif);
	background-repeat			:	no-repeat;
	background-position			:	top left;
	padding-left				:	18px;
	padding-top					:	12px;
}

.componentheading_actu, .contentheading{
	font-weight					:	bold;
	color						:	#59A420;
	font-size					:	16px;
	margin						:	10px 10px 20px 20px;
}

.contentheading{
	background-image			:	url(../images/h1.gif);
	background-repeat			:	no-repeat;
	background-position			:	left top;
	padding-left				:	25px;
}

.contentpaneopen_actu{
	width						:	510px;
	text-align					:	justify;
	margin-left					:	15px;
}

.article_column .contentpaneopen_actu img{
	float						:left;
	margin-right				:20px;
	border						:2px solid #044F28;
}

.contentheading_actu{
	font-weight					:	bold;
	color						:	#044F28;
	font-size					:	13px;
	border-bottom				: 	solid 3px #D0E3A3;
}

img.img_gauche{
	float 						: 	left;
	margin						:	0px 10px 10px 0px;
	border						:	solid 2px #044F28;
}
.readon_actu{
	float 						: 	right;

}

.blog_actu span.pagenav{
	color						:	#044F28;
}

.blog_actu object{
	text-align					:	center;
}																
																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME LIENS			*/
																				/*------------------------------------- */
.mainlevel_menu_top, .mainlevel_menu_foot{
	text-decoration				:	none;
} 

.mainlevel_menu_top:hover, .mainlevel_menu_foot:hover{
	text-decoration				:	underline;
} 

.mainlevel_menu_top{
	font-size					:	13px;
	color						:	#FFFFFF;
	margin						:	0px 5px 0px 5px;
}

#active_menu_menu_top{
	font-weight					:	bold;
	color						:	#FCF900;
}

.mainlevel_menu_foot{
	color						:	#054B05;
	margin						:	0px 2px 0px 2px;
	font-weight					:	bold;
	font-size					:	11px;
}

#marques, #produits{
	padding-left				:	0px;
	margin						:	0px;
	margin-bottom				:	10px;
	display						:	block;
}

.contentpaneopen li{
	background-image			:	url(../images/ul.gif);
	background-repeat			:	no-repeat;
	background-position			:	left top;
	padding-left				:	20px;
	padding-top					:	5px;
	list-style-type				:	none;	
}

.contentpaneopen li li{
	background-image			:	url(../images/li.gif);
	background-repeat			:	no-repeat;
	background-position			:	left top;
	padding-left				:	20px;
	list-style-type				:	none;
	padding-top					:	0px;	
}

#marques li, #produits li{
	width						:	100%;
	list-style-type				:	none;
	margin						:	10px 0px;
	height						:	25px;
}

#marques li:hover, #produits li:hover{
	font-weight					:	bold;
}

#marques .active, #produits .active{
	font-weight					:	bold;
}

#contenu #marques .active a, #contenu #produits .active a{
	font-weight					:	bold;
	background-image			:	url(../images/bouton_actualites.gif);
	background-repeat			:	no-repeat;
	background-position			:	bottom left;
}

#marques a:hover, #produits li a:hover{
	text-decoration				:	none;
	background-image			:	url(../images/bouton_actualites.gif);
	background-repeat			:	no-repeat;
	background-position			:	0px -25px;
}

#marques a, #produits li a{
	width						:	100%;
	display						:	block;
	background-image			:	url(../images/bouton_actualites.gif);
	background-repeat			:	no-repeat;
	background-position			:	left top;
	height						:	21px;
	margin						:	10px 0px;
	text-align					:	left;
	padding-top					:	4px;
	padding-left				:	30px;
}

																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			MISE EN FORME IMAGES		*/
																				/*------------------------------------- */

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

.bannergroup{
	position					:relative;
	right						:35px;
	bottom						:5px;
}

/*------------------------------------------------------------------------------*/
/*						MISE EN FORME DES MISE EN AVANT							*/
/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/
/*						MISE EN FORME DES SLIDES								*/
/*------------------------------------------------------------------------------*/

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border-left: 3px solid #B7BF8F;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background-color: #348703;
	color: #FFF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

/*------------------------------------------------------------------------------*/
/*				MISE EN FORME D'AUTRES COMPOSANTS / MODULES						*/
/*------------------------------------------------------------------------------*/

#conteneur #rea{
	color						:	#FFF;
	position					:	absolute;
	right						:	20px;
	bottom						:	38px;
	font-size					:	11px;
}

#conteneur #rea a{
	color						:	#FFF;
	text-decoration				:	none;
}

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

																				/*------------------------------------- */
/*------------------------------------------------------------------------------/*			NAVIGATION					*/
																				/*------------------------------------- */
#menu_admin{
	margin						:	0px;
	position					:	absolute;
	bottom						:	49px;
	left						:	500px;
}

#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{
	margin						:	0px;
	position					:	absolute;
	bottom						:	31px;
	left						:	0px;
	background-image			:	url(../images/menu.gif);
	background-position			:	left top;
	background-repeat			:	no-repeat;
	width						:	542px;
	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-left				:	15px;
	background-image			:	url(../images/menu_top_separateur.gif);
	background-position			:	left;
	background-repeat			:	repeat-y;
}

#menu_principal li.item1, #menu_principal li.item2{
	background-image			:	none;
	padding				:	0px;
}


#menu_principal li a{
	text-decoration				:	none;	
	font-size					:	13px;
	color						:	#FFFFFF;
	font-weight					:	bold;
}

#menu_principal li.item1 a span{
	display 					: 	none;	
}

#menu_principal li.item1 a{
	display 					: 	block;
	background-image			:	url(../images/btn_accueil_vert.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;
}

#menu_principal li a:hover, #menu_principal li.active a{
	color						:	#FCF900;
}	

/* sous menu */
#nav, #menu_secondaire{	
	position					:	absolute;
	bottom						:	8px;
	left						:	10px;
	height						:	28px;
	padding						:	0px;
	margin						:	0px;
	z-index						:	100;
}

#nav li, #menu_secondaire 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.item139, #menu_secondaire li.item139{
	background-image			:	none;
}
#nav li a, #menu_secondaire li a{
	color						:	#DFDFDF;
	text-decoration				:	none;
}
#nav li a:hover, #menu_secondaire li a:hover{
	color						:	#FFF;
	text-decoration				:	none;
}
#nav li.active, #menu_secondaire li.active{
	color						:	#FFF;
	font-weight					:	bold;
	background					:	#E88000;	
}

#nav li ul, #menu_secondaire li ul{
	border						:	0px;
}

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

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


#liste{
	position:relative;
	left:-10px;
}
a.lien_biere{
	display:block;
	margin: 20px 0px 0px 75px;

}
a.lien_boisson{
	display:block;

	margin-top:20px;
}
a.lien_biere:hover, a.lien_boisson:hover{
	text-decoration:none;
	font-weight:bold;
}

#scrollcontenu{
	position:absolute;
	top:0px;
	width:500px;
}

/*	-------------------------------------------------------------------- Publicité
*/

/*#mea_gbnc{
	background-image			:url(../images/actu_fraiche.gif);
	background-position			:left top;
	background-repeat			:no-repeat;
	padding-bottom				:20px;
	color						:#000000;
	margin-top					:25px;
}

#mea_gbnc .gk_news_show_news_header{
	display						:none;
}*/

#mea_gbnc .gk_news_show_center{
	text-align					:right;
}

#mea_gbnc .gk_news_show_news_text{
	text-align					:left;
	padding						:20px 30px 0px 20px;
	text-align					:justify;
}

#mea_gbnc .gk_news_show_news_image{
	margin-right				:55px;
	margin-top					:65px;
}

#mea_gbnc .readon{
	margin-right				:30px;
	margin-bottom				:30px;
	color						:#000000;
	text-decoration				:underline;
}

#mea_gbnc .readon:hover{
	text-decoration				:none;
	color						:#000000;
}

#mea_gbnc.gk_news_show_table{
	background-image:url(../images/actu_fraiche.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	margin-top:25px;
	padding-bottom:20px;
	/*padding-top:120px;*/
}

/*	--------------------------------------------------------------------- Formulaire de contact
*/


.titre_contact{
	background-image			:	url(../images/h1.gif);
	background-repeat			:	no-repeat;
	background-position			:	left top;
	padding-left				:	25px;
	font-size					:	16px;
	color						:	#59A420;
}

#contactez fieldset{
	border						:	1px solid #004D23;
}

#contactez .button{
	background-color			:	#004D23;
}

#contactez .button:hover{
	background-color			:	#3F8D15;
	color						:	#FFFFFF;
}

#contactez fieldset legend{
	color						:	#59A420;
}

/*	----------------------------------------------------------------------- Tableau
*/

.tableau td{
	padding						:	5px;
}

.tableau th{
	border-bottom				:	2px solid #AAC721;
	font-size					:	16px;
	text-align					:	center;
}

/*	------------------------------------------------------------------------ Images de la page produit
*/

.bannergroup{
	-position					:	relative;
	-left						:	20px;
}

/*	------------------------------------------------------------------------- Actualité articles
*/

.banneritem_ban_actu a img{
	border						:	0px;
}

/*	------------------------------------------------------------------------- Plan du site
*/

.xmap .componentheading{
	display						:none;
}
.xmap .level_0 li a{
	font-size					:12px;
	font-weight					:bold;
	padding-left				:20px;
}

.xmap ul li{
	background					:none;
}

.xmap .level_1 li a{
	font-weight					:normal;
}

#contenu .xmap .level_2 li{
	margin						:5px 0px;
}

#contenu .xmap .level_2 li a{
	color						:#000000;
	border-left					:3px solid #FFFFFF;
	padding-left				:7px;
	margin-left					:10px;
}

#contenu .xmap .level_3{
	display						:none;
}

#btn_jeu{
	display						:block;
	cursor						:pointer;
	/*background-image			:url(../images/btn_jouer.gif);*/
	background-image			:url(../images/btn_listegagnants.gif);
	background-position			:left top;
	background-repeat			:no-repeat;
	width						:200px;
	height						:55px;
	margin						:30px 0px 0px 200px;

}
#btn_jeu:hover{
background-position			:	left bottom;
	
}

#agrum{
	display						:block;
	cursor						:pointer;
	background-image			:url(../../../images/stories/actualite/schweppes_tonic/btn_agrum.gif);
	background-position			:left top;
	background-repeat			:no-repeat;
	width						:175px;
	height						:125px;
}
#tonic{
	display						:block;
	cursor						:pointer;
	background-image			:url(../../../images/stories/actualite/schweppes_tonic/btn_tonic.gif);
	background-position			:left top;
	background-repeat			:no-repeat;
	width						:175px;
	height						:125px;
}
#lemon{
	display						:block;
	cursor						:pointer;
	background-image			:url(../../../images/stories/actualite/schweppes_tonic/btn_lemon.gif);
	background-position			:left top;
	background-repeat			:no-repeat;
	width						:175px;
	height						:125px;
}

#agrum:hover, #tonic:hover, #lemon:hover{
background-position			:	left bottom;
	
}