@charset "iso-8859-2";
/* --------------------------------------------------- */
/*  Default HTML elements definitions                  */
/* --------------------------------------------------- */
body {
	margin: 0 0 0 0;
	text-align: center;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: #2c2d32 url(img/fonds/background.jpg) repeat-x;
	background-position:top center;
}


p {
	margin-top:12px;
}

td {
	line-height: 18px;
	vertical-align:top;
	font-family:arial;
	font-size:12px;
	color:#000000;
}


ul, ol, li, form, blockquote, dl, dt, dd, h1, h2, h3 {
	margin:0;
	padding: 0;
}

.ul_liste {
	margin-left: 20px;
}



img{
	border:0px;
}

a {
	color: #77902b;
}
a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear: both;
	overflow:hidden;
}
.small { font-size: 11px; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }


/* --------------------------------------------------- */
/*  Page                                               */
/* --------------------------------------------------- */

.page {
	background-color:#a6a7a2;
}

.blocs_internes {
	background-color:#fff;
	padding:10px;
	margin-bottom:10px; 
}

.blocs_internes-menu {
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	padding:1px;
}

.bloc_newsletter {
	padding:10px;
	margin-bottom:10px; 
	background-color:#2c2d32;
}

/* --------------------------------------------------- */
/*  Navigation                                         */
/* --------------------------------------------------- */

.snavigation {
	background-color:#4f6415;
	padding-left:10px;
	line-height: 25px;
	height:25px;
}



/* Onglets */

div#onglets {
	background: url(img/fonds/background-ssnav.gif) repeat-x;
	z-index:3;
	margin-left: auto;
	margin-right: auto;
	width:930px;
	height:35px;
}

div#onglets ul {
	padding-left:10px;
	margin-left:0px;
	
}
div#onglets li {
	display:inline;
	line-height: 35px;
	margin-left:0px;
	float:left;
	list-style-type:none;
	margin-right: 4px;
	height:35px;
	width:102px;
}

div#onglets li a {
	background: url(http://www.bonsplans-shopping.be/style/img/images/onglet-off.jpg) no-repeat;
	text-align:center;
	display:block;
	text-decoration:none;
	font-family: arial, helvetica;
	font-size: 11px;
	color: #000;
	height:35px;
	font-weight:bold;
}

div#onglets a:hover {
	background: url(http://www.bonsplans-shopping.be/style/img/images/onglet-on.jpg) no-repeat;
	color:#fff;
}

div#onglets li a.onglet_actif {
	background: url(http://www.bonsplans-shopping.be/style/img/images/onglet-on.jpg) no-repeat;
	color:#fff;
}



/* --------------------------------------------------- */
/*  Form's                                             */
/* --------------------------------------------------- */

select {
	border: 1px solid #999999;
	background-color:#fff;
}


input {
	border: 1px solid #999999;
}

textarea {
	font-family: arial;
	font-size:12px;
	border:1px solid #3999999;
	vertical-align: top;
}



/* --------------------------------------------------- */
/*  Home                                               */
/* --------------------------------------------------- */

.cadre {
	background: #eaeaea url(http://www.bonsplans-shopping.be/style/img/fonds/background-cadres.jpg) repeat-x;
	border: 1px solid #77902b;
	padding:20px;

	
}

/* --------------------------------------------------- */
/*  Page Type                                          */
/* --------------------------------------------------- */

.cadre-presentation {
	border: 1px solid #ccc;
	padding:10px;
		
}

/* --------------------------------------------------- */
/*  Menu                                               */
/* --------------------------------------------------- */

.titres {
	background: #eaeaea url(http://www.bonsplans-shopping.be/style/img/fonds/background-titres.jpg) no-repeat;
	padding-left:10px;
	line-height: 23px;
	height:23px;
}

/* --------------------------------------------------- */
/*  Foot                                               */
/* --------------------------------------------------- */

.footer {
	background: #1b1c1f ;
}

/* --------------------------------------------------- */
/*  Lignes                                             */
/* --------------------------------------------------- */

.ligne-solid {
	border-top: 1px solid #ccc;
}


.ligne_verte {
	width:20px;
	height:100%;
	border-left: dashed 1px #77902b;
			
}


/* --------------------------------------------------- */
/*  Fonts                                              */
/* --------------------------------------------------- */

.H0 {
	font-family:  arial, helvetica, sans-serif;
	font-size: 30px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H0 a{
	font-size: 30px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H0 a:hover{
	font-size: 30px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H1 {
	font-family:  arial, helvetica, sans-serif;
	font-size: 26px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H1 a{
	font-size: 26px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H1 a:hover{
	font-size: 26px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H2 {
	font-family:  arial, helvetica, sans-serif;
	font-size: 20px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H2 a{
	font-size: 20px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H2 a:hover{
	font-size: 20px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H2_sstitre {
	font-family:  arial, helvetica, sans-serif;
	font-size: 20px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H2_sstitre a{
	font-size: 20px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H2_sstitre a:hover{
	font-size: 20px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H3 {
	font-family:  arial, helvetica, sans-serif;
	font-size: 16px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H3 a{
	font-size: 16px;
	color:#cc0000;
	font-weight: bold;
	text-decoration:none;
}

.H3 a:hover{
	font-size: 16px;
	color:#cc0000;
	font-weight: bold;
	text-decoration:none;
}
.H3-nega {
	font-family:  arial, helvetica, sans-serif;
	font-size: 16px;
	color:#fff;
	font-weight: regular;
	text-decoration:none;
}

.H3-nega a{
	font-size: 16px;
	color:#fff;
	font-weight: regular;
	text-decoration:none;
}

.H3-nega a:hover{
	font-size: 16px;
	color:#fff;
	font-weight: regular;
	text-decoration:none;
}

.H4 {
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	font-weight: regular;
	text-decoration:none;
}

.H4 a{
	font-size: 12px;
	color:#77902b;
	font-weight: regular;
	text-decoration:none;
}

.H4 a:hover{
	font-size: 12px;
	color:#cc0000;
	font-weight: regular;
	text-decoration:none;
}


.H4-links {
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	font-weight: bold;
	text-decoration:none;
}

.H4-links a{
	font-size: 12px;
	color:#cc0000;
	font-weight: bold;
	text-decoration:none;
}

.H4-links a:hover{
	font-size: 12px;
	color:#cc0000;
	font-weight: bold;
	text-decoration:underline;
}

.H4-nega {
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	font-weight: regular;
	text-decoration:none;
}

.H4-nega a {
	font-size: 12px;
	color:#fff;
	font-weight: regular;
	text-decoration:none;
}