/*

1. ARRIERE-PLAN

2. COULEURS & IMAGES DU HEADER
	- logo Merkutio
	- onglets
	- barre d'onglets
	
3. COULEURS & IMAGES DU CONTENU
	- boîtes animées
	- compteurs
	- boîtes latérales
	- listes latérales
	- footer
	
*/




/****************************** 1. ARRIERE-PLAN ******************************/

Body {
background:#FFFFFF;
}




/****************************** 2. COULEURS & IMAGES DU HEADER ******************************/

/* Logo Merkutio */
#header .logo {
background:url(/V4/sites/www.merkutio.com/images/headLogo.gif) no-repeat;
}




/****************************** 3. COULEURS & IMAGES DU CONTENU ******************************/

/* Boîtes */
.sideBox, .centerBox {
	border-top:solid 1px #CACACA;
}
.topBox {
	border:none;
}
.sideBox .mainMenu li a {
	background:url(/V4/sites/www.merkutio.com/images/mainMenu_btn.gif) no-repeat;
}
.sideBox .mainMenu li.current a {
	background-position:0px -30px;
	color:#FFF !important;
}
.fantaisie .illus {
	background:url(/V4/sites/www.merkutio.com/images/merkutio_fantaisie.jpg) no-repeat top center;
}
.portrait .illus {
	background:url(/V4/sites/www.merkutio.com/images/portrait_du_mois.jpg) no-repeat top center;
}

.centerBox .illus {
	margin-bottom:15px;
}
.accueil .illus {
	position:relative;
	width:540px;
	height:115px;
	background:url(/V4/sites/www.merkutio.com/images/illus_offre.jpg) no-repeat top center;
}
.multicanal-professionnels .illus {
	position:relative;
	width:540px;
	height:451px;
	background:url(/V4/sites/www.merkutio.com/images/illus_multicanal-professionnels.gif) no-repeat top center;
}
.multicanal-professionnels .illus a {
	position:absolute;
	display:block;
	width:110px;
	height:40px;
}
.multicanal-particuliers .illus {
	position:relative;
	width:540px;
	height:183px;
	background:url(/V4/sites/www.merkutio.com/images/illus_multicanal-particuliers.gif) no-repeat top center;
}
.chiffres-ecommerce .illus {
	position:relative;
	width:540px;
	height:220px;
	background:url(/V4/sites/www.merkutio.com/images/illus_chiffres-ecommerce.gif) no-repeat top center;
}
.multicanal-marque .illus {
	position:relative;
	height:220px;
	background:url(/V4/sites/www.merkutio.com/images/illus_multicanal-marque.gif) no-repeat top center;
	margin-top:20px;
}

.multicanal-commerciaux .illus {
	position:relative;
	height:205px;
	background:url(/V4/sites/www.merkutio.com/images/illus_geoloc.gif) no-repeat top center;
	margin-top:20px;
}


.page {
	position:relative;
	border:solid 1px #A5A5A5;
	padding:30px 20px;
}

.eCommerce {
	background:url(/V4/sites/www.merkutio.com/images/ecommerce.jpg) no-repeat top center;
}
.eCommerce a {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
.clients {
	background:url(/V4/sites/www.merkutio.com/images/clients.jpg) no-repeat top center;
}


.btn_decouvrir {
	height:30px;
}
.btn_decouvrir a {
	display:block;
	float:right;
	width:130px;
	height:30px;
	background:url(/V4/sites/www.merkutio.com/images/btn_decouvrir.jpg) no-repeat top center;
}

#tabs {
	position:relative;
	display:block;
	width:484px;
	height:29px;
	margin:40px auto;
	background:url(/V4/sites/www.merkutio.com/images/onglets_ecrans.gif) no-repeat;
}
#tabs.tab1 {background-position:0px 0px}
#tabs.tab2 {background-position:0px -29px}
#tabs.tab3 {background-position:0px -58px}
#tabs a {
	position:relative;
	float:left;
	display:block;
	width:158px;
	height:29px;
	line-height:29px;
	text-align:center;
	margin-right:3px;
	color:#AAA;
}
#tabs a:hover,
#tabs a.on {
	color:#254956;
}

/* Listes latérales */
.columnBox ul li {
background:url(/images/www.merkutio.com/V4/columnListStyle.gif) no-repeat 0px 4px;
}

/* Footer */
#footer {
background:#EDEDED;
}