/* ------------------------------------------------------------------------
	html body and Page structure
------------------------------------------------------------------------ */
body {
	background: #7B9EBE url(../images/commercial/page-html-bg.gif) top center repeat-y;
}
body .pagewrap {
	background: url(../images/commercial/page-content-bg.gif) top center repeat-y;
}
body .pagewrap .pagewrap {
	background: url(../images/commercial/page-footer-lines-bg.gif) bottom center repeat-x;
}
body .pagewrap .pagewrap .pagewrap {
	background: url(../images/commercial/page-footer-bg.gif) bottom center no-repeat;
}
body .pagewrap .pagewrap .pagewrap .pagewrap{
	background: url(../images/commercial/page-header-lines-bg.gif) top center repeat-x;
}
body .pagewrap .pagewrap .pagewrap .pagewrap .pagewrap {
	background: url(../images/commercial/page-header-bg.gif) top center no-repeat;
}
body .pattern {
	background: url(../images/commercial/page-pattern-bg.gif) top center no-repeat;
}


/* ------------------------------------------------------------------------
	HEADER of the page
------------------------------------------------------------------------ */

#header {
	background: url(../images/commercial/header-bg.gif) top left repeat-x;
}
#utils li a {
	color: #E6E1D9;
}
#utils label input.text {
	background: #406891;
}

#zones {background: url(../images/commercial/header-zone-bg.jpg) top left no-repeat;}
#zones a {
	margin-top: 100px;
	width: 292px;
	height: 51px;
}
body.fr #zones h2 {background: url(../images/fr/commercial/header-zone-t.jpg) bottom left no-repeat;}
body.fr #zones a {background: url(../images/fr/commercial/header-zone-b.jpg) top left no-repeat;}
body.en #zones h2 {background: url(../images/en/commercial/header-zone-t.jpg) bottom left no-repeat;}
body.en #zones a {background: url(../images/en/commercial/header-zone-b.jpg) top left no-repeat;}
body.es #zones h2 {background: url(../images/es/commercial/header-zone-t.jpg) bottom left no-repeat;}
body.es #zones a {background: url(../images/es/commercial/header-zone-b.jpg) top left no-repeat;}

body.fr div#mProductsSMenu {width: 220px;}
body.en div#mProductsSMenu {width: 165px;}
body.es div#mProductsSMenu {width: 165px;}

/* ------------------------------------------------------------------------
	BODY part of the page
------------------------------------------------------------------------ */

#body {
	background: url(../images/commercial/body-bg.gif) top center repeat-y;
}

/*  ++++++++++ Main Content zone ++++++++++ */

/*  Breadcrumb ----- */

#breadcrumb {
	border-bottom: 1px solid #CFDBE4;
	background: #DDEAF4;
}
#breadcrumb, #breadcrumb a {
	color: #476A90;
}

/*  General Text formating ----- */

h1.main {
	border-bottom: 1px solid #DFD8BE;
	background: #FDFCF7 url(../images/residential/content-title-bg.gif) top left repeat-y;
}
h4.otherpages {
	border-top: 1px solid #CFDBE4;
}
#page a.topofpage {
	background: url(../images/commercial/backtotop-arrow.gif) 0 4px no-repeat;
}

/* Tables ----- */

.data caption {
	color: #093266;
}
.data th, .data thead th {
	background: #7DA4C8;
}
.data tbody th {
	background: #D6E5F0;
}
.data tr.groupheader th {
	background: #093266;
}

/* Album lightbox background color ----- */

#overlay {
	background-color: #213D56 !important;
}

/* Form ----- */

.validation {	
	border-color: #CFDBE4;
}

/*  ++++++++++ Tools zone (right colomn) ++++++++++ */
body.fr li#beauty-quality {background: url(../images/fr/commercial/tools-beauty-quality.gif) top left no-repeat;}
body.fr li#concours {background: url(../images/fr/commercial/tools-bouton-concours-fr.gif) top left no-repeat;}
body.fr li#find-dealer {background: url(../images/fr/commercial/tools-find-dealer.gif) top left no-repeat;}
body.fr li#need-help {background: url(../images/fr/commercial/tools-need-help.gif) top left no-repeat;}
body.fr li#garaga-man {background: url(../images/fr/commercial/tools-garaga-man.gif) top left no-repeat;}
body.fr li#garaga-experts {background: url(../images/fr/commercial/tools-garaga-experts.gif) top left no-repeat;}
body.fr li#manual {background: url(../images/fr/commercial/tools-manual.gif) top left no-repeat;}

body.en li#beauty-quality {background: url(../images/en/commercial/tools-beauty-quality.gif) top left no-repeat;}
body.en li#concours {background: url(../images/en/commercial/tools-bouton-concours-en.gif) top left no-repeat;}
body.en li#find-dealer {background: url(../images/en/commercial/tools-find-dealer.gif) top left no-repeat;}
body.en li#need-help {background: url(../images/en/commercial/tools-need-help.gif) top left no-repeat;}
body.en li#garaga-man {background: url(../images/en/commercial/tools-garaga-man.gif) top left no-repeat;}
body.en li#garaga-experts {background: url(../images/en/commercial/tools-garaga-experts.gif) top left no-repeat;}
body.en li#manual {background: url(../images/en/commercial/tools-manual.gif) top left no-repeat;}

body.es li#find-dealer {background: url(../images/es/commercial/tools-find-dealer.gif) top left no-repeat;}
body.es li#need-help {background: url(../images/es/commercial/tools-need-help.gif) top left no-repeat;}
body.es li#garaga-man {background: url(../images/es/commercial/tools-garaga-man.gif) top left no-repeat;}
body.es li#garaga-experts {background: url(../images/en/commercial/tools-garaga-experts.gif) top left no-repeat;}
body.es li#manual {background: url(../images/es/commercial/tools-manual.gif) top left no-repeat;}

body.fr li#garage-de-reve {background: url(../images/fr/commercial/tools-garaga-experts.gif) top left no-repeat;}
body.en li#garage-de-reve {background: url(../images/en/commercial/tools-garaga-experts.gif) top left no-repeat;}
body.es li#garage-de-reve {background: url(../images/en/commercial/tools-garaga-experts.gif) top left no-repeat;}

#tools #find-dealer input.postal {
	border: 1px solid #557796;
}


/* ------------------------------------------------------------------------
	FOOTER of the page
------------------------------------------------------------------------ */

#footer p, #footer a {
	color: #DCE7F0;
}
#footer a.friend {
	color: #F3F5F7;
}

p.beforeafter 
{
    float:right;
    background-color:#E5EFF6;
    background-image:url(../images/commercial/icone-beforeafter.gif);
    background-position:right center;
    background-repeat:no-repeat;
    border:1px solid #CFDBE4;
    padding:1em;
    padding-right:76px;
    margin-top:-1em;
    margin-bottom:0.7em;
}