/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px;
	background: #333333 url(images/bg-body.jpg) repeat-x;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	font: 11px;
}
body.acc {
	background: #333333 url(images/bg-body-acc.jpg) repeat-x;
	}
body.catalogue {
	background: White url(images/bg-body-white.jpg) repeat-x;
}
a,a:link,a:active,a:visited,a:hover {
	color: #A52A2A;
}	
a.puce002 {
	background: url(images/puce002.jpg) no-repeat 0 1px;
	padding: 0 0 0 20px;
}
/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: #44fb04;}
.vert-fonce {color: #3A703F;}
.gris {color: #455356;}
.noir {color: black;}
.blanc {color: white;}

/********  Classes fontes ********/
.gras {font-weight: bolder;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}
.droite {text-align: right;}
.justifie {
	text-align:justify;
}
.bloc {
	display:block;
}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}
.dixsept {font-size: 17px;}
.dixhuit {font-size: 18px;}
.dixneuf {font-size: 19px;}
.vingt {font-size: 20px;}
.vingtdeux {font-size: 22px;}
.vingtquatre {font-size: 24px;}

.bord {
	border-bottom: 1px solid Silver;
}
.retrait {
	display:block;
	margin: 0;
	padding: 0 0 0 10px;
	text-align:justify;
}
H3 {
	text-align: left;
	font-size: 13px;
	color: Black;
	letter-spacing: 0px;
	padding: 0;
	margin: 5px 0 6px 40px;
	border-bottom: 1px solid silver;
}
H4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #5F9EA0;
	border-bottom: 1px solid black;
	margin: 0px;
	text-align: left;
}

#general {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	background: none;
}
#general2-acc, #general2, #general3 {
	width: 900px;
   position: relative;
	margin: 0 auto 0 auto;
	background: url(images/bg-general2c-acc.jpg) no-repeat 0 257px;
}
#general2 {
	background: url(images/bg-general2.jpg) no-repeat 0 187px;
}
body.catalogue #general2  {
	background: url(images/bg-general2-white.jpg) no-repeat 0 187px;
}
#general3 {
	background: url(images/bg-general3.jpg) no-repeat 0 187px;
} 
#contenu, #contenu-acc, #contenu-plansite {
	display: block;
	margin: 0px 0 0 210px;
	*margin: 0px 0 0 200px;
	width: 690px;
	padding: 5px 0 0 0;
	background: none;
}
#contenu-plansite {
	padding: 5px 0 0 0;
	margin: 0px 0 0 0px;
	*margin: 0px 0 0 -12px;
	width: 900px;
}
#centre {
	width: 690px;
	padding: 0px;
	margin:0px;
}
#contenu-plansite #centre {
	width: 885px;
	padding: 0px;
	margin:0px;
}
/* -------------- POUR BANNIERE -------------- */
#banniere, #banniere-acc, #banniere-big, #banniere-pro {
	width: 100%;
	height: 186px;
	text-align: right;
	margin: 0;
	padding: 0;
	background: url(images/bg-banniere.jpg) no-repeat 0 0;
}
#banniere-acc {
	height: 256px;
	background: url(images/bg-banniere-acc.jpg) no-repeat;
}
#banniere-big {
	background: url(images/bg-banniere-big.jpg) no-repeat;
}
#banniere-pro {
	background: url(images/bg-banniere-pro.jpg) no-repeat;
}

/* -------------- MENU VERTICAL -------------- */
#col-ga {
	display: block;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 187px;
	width: 210px;
	width: 200px;
	margin: 0;
	min-height: 220px;
	_height: 200px;
}
body.acc #col-ga {
	top: 257px;
}
html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }
	
#general2-acc #col-ga #menus, #general2 #col-ga #menus {
		background: none;
		padding: 5px 0 0 0;
		width: 210px;
}

#general2-acc #col-ga #menus {
		padding: 0;
}
#col-ga ul, #col-ga li, #col-ga h3 {
		display: block;
		margin: 0;
		padding:0;
		}
#col-ga #theMenu {
	background: #333333;
}
#col-ga h3 {
	padding: 4px 4px 10px 4px;
	border-bottom: 0px;
}

#col-ga h3.head a, #col-ga .headfc { 
		color: white;
		font-size: 15px;
		letter-spacing: -1px;
		text-decoration: none;
		display: block; 
		padding: 5px 0px 4px 26px;
		margin: 0px;
		background: url(images/bg-h3-menu.jpg) no-repeat 0 0px;
			border-bottom: 0px;
		}
#col-ga .headfc {
	margin:0;
	width: 182px;
}
#col-ga h3.head a:hover { 
		color: Black;
		background: url(images/bg-h3-menu.jpg) no-repeat 0 -27px;
		border-bottom: 0px;
		}
#col-ga h3.selected a { 
		color: White;
		background: url(images/bg-h3-menu.jpg) no-repeat 0 -27px;
		border-bottom: 0px;
		}
		
#col-ga ul {
		margin: 15px 15px 15px 15px;
		border: 0px solid white;
		}		
	
#col-ga ul li {
		list-style: none; 
		padding: 0;
		margin:0;
		font-size: 11px;
		text-align: left;
		background: url(images/bg-menu-p.jpg) no-repeat 0 0;
		}
.facebk {
	width: 182px;
	margin: 0px 0 0 15px;
}
.bck-facebk {
	background: white;
	padding: 4px 0 0 4px;
	background: url(images/bg-menu-p.jpg) repeat-y 0 0;
}
#col-ga li.bas, .bas { 	
		padding: 0px;
		margin: 0px 0 10px 0;
		height: 14px;
		background: url(images/bg-menu-bas.gif) no-repeat;
		}
#col-ga ul li ul {
		background: url(images/bg-menu.jpg) repeat-y 0 0;
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		display: none;
		}
/*#col-ga #menus ul ul {
		background: url(images/bg-menu.jpg) repeat-y 0 0;
		padding: 0px 0 10px 0;
		}*/
#col-ga ul ul li {
		background: none;
		border-left: 0px solid #69c;
		padding: 0;
		margin:0;
		}
#col-ga ul ul li a {
	display: block;
	color: #505050;
	padding: 1px 0 1px 26px;
	margin: 0 6px 0 6px;
	text-decoration: none;
	text-transform: uppercase;
	border: 0px solid white;
	font-weight: bold;
}
#col-ga ul ul li a:hover, #col-ga ul ul li a.selected { 
		color: black;
		margin: 0 6px 0 6px;
		padding: 1px 0 1px 26px;
		background: url(images/puce001.jpg) no-repeat 10px 1px;
		}
#col-ga ul ul li a:hover {
		background: url(images/puce001-b.jpg) no-repeat 10px 1px;
}
#col-ga ul ul li.ssm {
	padding: 0 0 0 0px;
	
}
#col-ga ul ul li.ssm a {
	text-transform: none;
	font-weight: normal;
	margin: 0 0 0 15px;
	padding: 0 0 0 26px;
}
#col-ga ul ul li.ssm a:hover {
	margin: 0 0 0 15px;
	font-weight: normal;
	padding: 0 0 0 26px;
		background: url(images/puce003.png) no-repeat 16px 4px;
}
#col-ga ul ul li.ssm a.selected {
	text-decoration: none;
	background: url(images/puce003b.png) no-repeat 16px 4px;
}
/* -------------- MENU horizontal -------------- */
body #menu-top {
	display: block;
	position: absolute;
	top: 156px;
	*left: 0px;
	margin: 0px;
	padding: 0px 0 0px 0px;
	background: url(images/bg-menu-top.jpg) no-repeat 0 0;
	width: 900px;
	height: 31px;
}
body.acc #menu-top {
	top: 226px;
}
#menu-top ul {
   padding: 0 0 0 0px;
	display: block;
	float: left;
	margin: 0 0 0 16px;
	_margin: 0 0 0 8px;
	list-style: none;
}
#menu-top ul.deroulant {
	float: right;
	margin: 0px;
	padding: 0 20px 0 0;
}
#menu-top ul li, #menu-top ul.deroulant li {
	font-size: 11px;
	position: relative;
	background: none;
	float: left;
	display: block;
	margin: 0px;
	text-transform: uppercase;
	padding: 0;
	font-weight: bold;
	width: 102px;
	background: url(images/bg-menu-top-separe-right.jpg) no-repeat right -3px;
}
#menu-top ul.deroulant li {
	font-size: 11px;
	position: relative;
	background: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 105px;
	font-weight: bold;
}
#menu-top a, #menu-top a:link, #menu-top a:visited, #menu-top a:active {
	color: Black;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	background: none;
	display: block;
	text-align: center;
	padding: 10px 0 7px 0;
	background: url(images/bg-menu-top-separe-left.jpg) repeat-x 0 -3px;
	cursor: url(images/viseur-blanc.cur),default;
	*cursor: hand;
}
#menu-top a.last {
	margin: 0 2px 0 0;
}
#menu-top a:hover, #menu-top a.last:hover {
	color: white;
	background: url(images/bg-menu-top-separe-left.jpg) repeat-x 0 -37px;
}
#menu-top a.red, #menu-top a.red:link, #menu-top a.red:visited, #menu-top a.red:active {
	color: white;
	background: url(images/bg-menu-top-separe-left-2.jpg) repeat-x 0 -37px;
		cursor: url(images/viseur-noir.cur),default;
	*cursor: hand;
}
#menu-top a.red:hover {
	color: #620000;
	background: url(images/bg-menu-top-separe-left-2.jpg) repeat-x 0 -3px;
}
#menu-top a.selected, #menu-top a.selected:link, #menu-top a.selected:visited, #menu-top a.selected:active {
	color: #DFDFDF;
	background: url(images/bg-menu-top-separe-left.jpg) repeat-x 0 -37px;
}

#menu-top ul.deroulant li a {
	background: url(images/bg-menu-top-separe-deroulan.jpg) no-repeat right -3px;
	cursor: url(images/viseur-noir.cur),default;
	*cursor: hand;
}
#menu-top ul.deroulant li a.last {
	background: none;
	margin: 0;
}
#menu-top ul.deroulant li a:hover, #menu-top ul.deroulant li a.last:hover {
	background: url(images/bg-menu-top-separe-deroulan.jpg) no-repeat right -3px;
	color: white;
}
#menu-top ul.deroulant li a.last:hover {
	background: none;
}

/* -------------- hide from IE mac --------------*/
#menu-top li {width:auto}


/* -------------- PAGE ACCUEIL -------------- */
#centre #accueil {
	margin: 0;
	padding: 0px;
	background: none;
}
#centre #accueil #bloc-haut {
	width: 675px;
	height: 230px;
}
#centre #accueil #bloc-haut #intro {
	width: 450px;
	height: 230px;
	margin: 0px 0 0 0;
	padding: 0;
	float: left;
	background: none;
}
#centre #accueil #bloc-haut #intro p.diapo-acc {
	display: block;
	width: 195px;
	height: 229px;
	margin: 0px 0 0 2px;
	*margin: 0px 0 0 0px;
	*padding: 0;
	float: left;
	background: white;
}
#centre #accueil #bloc-haut #intro p.texte {
	width: 231px;
	margin: 4px 0px 0 2px;
	padding: 130px 16px 0 0;
	float: right;
	color: black;
	text-align: left;
	background: url(images/veckring-acc.jpg) no-repeat 14px 60px;
}
#centre #accueil #bloc-haut #intro p.texte span {
	padding: 0px 0 0 15px;
	display: block;
	font-weight: bold;
	font-size: 12px;
}
#intro #prod-acc {
	float: right;
	width: 190px;
	height: 200px;
	border: 1px dotted white;
	margin: 20px 16px 0 0;
	position: relative;
}
#intro a.nana {
	display: block;
	top: 10px;
	left:0px;
	width: 220px;
	height: 220px;
	position: absolute;
}
#intro #prod-acc  p {
	display: block;
	font-size: 0px;
	color: white;
	font-weight: bold;
	width: 190px;
	height: 200px;
	background: url(images/bg-image-intro-acc.jpg) no-repeat 0 0;
}
#intro #prod-acc img {
	display: block;
	width: 150px;
	border: none;
	margin: 10px 0 10px 20px;
}
#intro #prod-acc .btq_titre {
	font-size: 11px;
	font-weight: bold;
	display: block;
}
#intro #prod-acc .btq_marque {
	font-size: 12px;
	font-weight: bold;
	display: block;
}
#intro #prod-acc .btq_prix {
display: block;
color: red;
font-weight: bold;
letter-spacing:0px;
font-size: 18px;
position: absolute;
top:5px;left:10px;
}
#centre #accueil #bloc-bas {
	margin: 15px 0 0 0;
	*margin: 15px 0 0 4px;
	background: none;
}
#accueil #mod01, #accueil #mod02, #accueil #mod03 {
	width: 215px;
	height: 205px;
	border: 0px solid White;
	margin: 0px 15px 0 0px;
	padding: 5px 0px 0 0px;
	background: white;
	float: left;
}
#accueil #mod03 {
	margin: 0px 0px 0 0px;
	padding: 5px 0px 0 0px;
}
#accueil #mod01 p, #accueil #mod02 p, #accueil #mod03 p {
	display: block;
	background: none;
	color: Black;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
#accueil #mod01 a, #accueil #mod02 a, #accueil #mod03 a {
	display: block;
	color: white;
	background: white;
	border: 0px solid Black;
}
#accueil #mod01 img, #accueil #mod02 img, #accueil #mod03 img {
	border: 2px solid black;
	padding: 0 0 0 0;
	margin: 0 0 0 2px;
}
#accueil #mod02 img {
	margin:0px;
}
#accueil #mod01 img.no, #accueil #mod02 img.no {
	border: 2px solid white
}
 
#accueil #mod01 span, #accueil #mod02 span, #accueil #mod03 span {
	margin: 0;
	text-align: center;
	padding: 0 10px 0px 10px;
	font-weight: bold;
	display: block;
}
#accueil #mod03 span.desc {
	display: none; 
	color: #778899;
	font-weight: normal;
}
#accueil #mod01 span a, #accueil #mod02 span a, #accueil #mod03 span a {
	display: inline;
	color: Black;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: none;
	border: 0px solid Silver;
}
#accueil #mod01 span a:hover, #accueil #mod02 span a:hover, #accueil #mod03 span a:hover {
	text-decoration: underline;
}
#accueil #mod01 span.tt, #accueil #mod02 span.tt, #accueil #mod03 span.tt {
	color: Gray;
	font-size: 18px;
	font-weight: bold;
	margin: 4px 0 6px 0;
	letter-spacing: -1px;
	text-align: center;
}
#centre #accueil #vecknam-pub {
	display: block;
	margin: 12px 0 0 0;
	padding: 0;
}
#centre #accueil #vecknam-pub a {
	display:block;
	margin:0;padding:0;
}
#centre #accueil #vecknam-pub a img {
	display:block;
	padding:0;margin:0;
}
/* -------------- MODULE ACTUALITES -------------- */
#centre #accueil #actus {
	display: block;
	float: right;
	width: 215px;
	height: 220px;
	_width: 215px;
	_height: 220px;
	margin: 0px 0px 0 0px;
	*margin: 0px 2px 0 0px;
}
#centre #actus h1 {
	font-size: 0em;
	color: #A99C72;
	padding:0;margin: 0;
	border: none;
	background: none;
	height: 45px;
}
#centre #actus .actu, #centre #actus .entete_actu {
	display: block;
	margin: 0 0 0 0;
	height: 112px
}
#centre #actus .actu {
	margin: 15px 0 0 0;
	height: 98px;
	border: 2px solid white;
	background: #393939;
}
#centre #actus p {
	display: block;
	margin: 1px 1px 0 0;
	height: 87px;
	padding: 8px 10px 0 10px;
	font-style: normal;
	text-align: justify;
	color: White;
	overflow: auto;
}
#centre #actus span.entete {
	display: block;
	font-size: 12px;
	color: #E1E6EE;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0px 0 34px 10px;
}
#centre #actus img {
	border: none;
	padding: 0;
	margin: 0;
}
#centre #actus span.ss-titre {
	display: block;
	color: white;
	padding: 0px 0 0px 0;
	font-size: 0em;
}
#centre #actus span.text {
	display: block;
	margin: 8px 0 0 0;
}
#centre #actus span.date {
	display: block;
	text-align: right;
	font-size: 0px;
	visibility: hidden;
	color: Black;
	padding: 0 0 0 0;
}
#centre #actus a {
	display: block;
	text-align: right;
	color: White;
}
#centre #actus a.titre {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: White;
	text-decoration: none;
}

/* -------------- PIED DE PAGE -------------- */
#pied-acc, #pied, #pied-plansite {
	width: 900px;
	clear: both;
	margin: 15px auto 0px auto;
	padding: 1px 0 20px 0;
	background: url(images/bg-pied-acc.jpg) no-repeat right 0;
}
#pied-acc {
	margin: 15px auto 0px auto;
	*margin: 0px auto 0px auto;
	background: url(images/bg-pied-acc.jpg) no-repeat right 0;
}
#pied-plansite {
	margin: 15px auto 0px auto;
	background: url(images/bg-pied-plansite.jpg) no-repeat 0 0;
}
body.catalogue #pied {
	background-image: none;	
}
#pied-acc a, #pied-acc a:link, #pied-acc a:visited, #pied-acc a:hover, #pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #D5746E;
	text-decoration: none;
}
#pied-acc a:hover, #pied a:hover {
	color: black;
	text-decoration: underline;
}
#pied p, #pied-acc p, #pied-plansite p {
	font-size: 11px;
	display: block;
	text-align: center;
	padding: 0px 0 0px 220px;
	color: #A7A7A7;
}
#pied-plansite p {
	padding: 0px 0 0px 0px;
}
#pied p.maj, #pied-acc p.maj {
	font-size: 11px;
	display: block;
	text-align: center;
	padding: 26px 0 0px 220px;
	color: #606060;
}

/* --------------DIVERS --------------*/
.clear {
display: block;
	clear: both;
	font-size:0px;
}
#intro {
	z-index: 1;
	position:relative;
}
#banniere-acc, #banniere {
	z-index: 2;
}
#menus {
	z-index: 3;
}
#special {
	width: 0px;
	height: 0px;
	top: 271px;
	left: 670px;
	position: absolute;
	background: #C00;
	border: 1px solid #FFF;
	z-index: auto;
}
.rouge {
	color: red;
}
#pub {
	position: absolute;
	z-index:70;
	width:468px;
	height:60px;
	top:87px;
	right: 20px;
}
#pub a {
display: block;
	width:468px;
	height:60px;
	border:none;
	background: red;
}