@charset "UTF-8";
/* CSS Document */

/*
-- Sujet : CSS Structure
-- Historique : Création le 15 janvier 2008
-- Author : Cynthia Roy
-- Praxis Stratégie Communication
*/

/* Couleurs */
/*
		Noir: #000000
		Rouge: #8C2213
		Jaune: #FFB400
		Brun: #7D6A55
*/


/******************** Container ********************/
* {
	font-family: Arial, Helvetica, sans-serif;
}

BODY {
	margin: 0 15px;
	background-color: #8C2213;
}

#container {
	position: relative;
	background-color: #8C2213;
}
/***************************************************/

/********************* Header **********************/
#header {
	position: relative;
	margin: 0 10px 0 0; padding: 0 0 0 10px;
	background: url(../images/header_bg.jpg) no-repeat 160px 0;
}

#header DIV.logo {
	padding: 10px 22px 0 22px;
}

#header DIV.home {
	position: absolute; top: 129px; left: 28px;
}

#header DIV.home A {
	font-size: 80%; font-weight: bold; text-transform: uppercase; text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #8C2213;
	padding: 1px 8px; 
}
#header DIV.home A:hover { color: #FFFFFF; background-color: #8C2213; }

#header DIV.utilz {
	position: absolute; top: -2px; right: 0;
	text-align: right; text-transform: lowercase;
}

#header DIV.utilz DIV.moduletable{ display: inline; }

#header DIV.utilz UL {
	float: left;
	list-style-type: none;
	font-size: 90%;
	margin: 0; padding: 0;
	border-right: 1px solid #D74903;
}

#header DIV.utilz UL.mainlevel { /*border-right: none;*/ }

#header DIV.utilz LI {
	float: left;
	margin: 0 !important; padding: 0 !important;
}

#header DIV.utilz A { float: left; color: #D5D5D5; height: 17px; background-color: #8C2213; text-decoration: none; border: 1px solid #D74903; border-right: none; }
#header DIV.utilz A SPAN { display: block; padding: 1px 7px; }
#header DIV.utilz A:hover { background-color: #D74903; }

#jflanguageselection { float: none !important; display: inline; vertical-align: top !important;  }
#jflanguageselection LI { float: none !important; font-size: 100% !important;}

#header DIV.slogan {
	position: absolute; top: 45px; right: 0;
	color: #FFB400; font-size: 140%; font-weight: bold;
	text-align: left;
}

#header DIV.buy_usa {
	position: absolute; top: 50px; right: 0;
	width: 390px; height: 30px;
	}

#header DIV.slogan .part1, #header DIV.slogan .part2 { display: block; }

#header DIV.slogan .part2 {
	color: #DA4A03;
	text-transform: uppercase;
	margin-left: 70px;
}

#header DIV.phone {
	color: #FFFFFF; font-size: 110%; font-weight: bold;
	text-align: right;
	padding: 3px 10px 3px 10px;
	background: url(../images/phone_bg.jpg) repeat-y 100% 0;
	border-right: 2px solid #52140B;
}

#header DIV.menu {
	font-size: 88%; font-weight: bold; text-transform: uppercase;
	background-color: #FFFFFF;
	padding-left: 22%; height: 29px;
	border-left: 2px solid #6A1A0E;
	border-right: 2px solid #52140B;
}

#header DIV.menu UL {
	list-style-type: none;
	margin: 0 0 0 30px; padding: 0;
}

#header DIV.menu LI {
	display: inline;
	margin: 0; padding: 0;
	height: 27px;
}

#header DIV.menu LI A { float: left; color: #5F5F5F; text-decoration: none; height: 21px; padding: 6px 10px 2px 10px; }
#header DIV.menu LI A:hover { color: #000000; }

#header DIV.menu LI.mainlevel_current A, #header DIV.menu LI.mainlevel_active A { color: #FFFFFF; background-color: #7D6A55; border-left: 1px solid #000000; border-right: 1px solid #000000; }
#header DIV.menu LI.mainlevel_current A { cursor: default; }
#header DIV.menu LI.mainlevel_current A:hover, #header DIV.menu LI.mainlevel_active A:hover { color: #FFFFFF; }
/***************************************************/

/******************* Row middle *******************/
#rowmiddle {
	margin: 0 10px;
	border-left: 2px solid #6A1A0E;
	border-top: 1px solid #7D6A55;
}

#columncontent {
	position: relative; z-index: 5;
	margin-left: 22%;
	border-left: 3px solid #969696;
}

#trail {
	position: absolute; top: 0; left: 0; z-index: 15; width: 100%;
	color: #FFFFFF; font-size: 80%; font-weight: bold; text-transform: uppercase;
	background-color: #7D6A55;
	 
}

#trail DIV.trail_content {
	border-left: 2px solid #4B3E32;
	border-right: 2px solid #52140B;
	margin-left: -2px; padding: 22px 10px 0 30px;
}

#trail A { color: #FFFFFF; text-decoration: none; }
#trail A:hover { color: #FFFFFF; text-decoration: underline; }
/***************************************************/


/******************* Column left *******************/
#columnleft {
	position: relative; z-index: 10;
	float: left; width: 22%;
	background-color: #575757;
	border-right: 1px solid #000000;
}

#columnleft DIV.content {
	
}

#columnleft UL {
	position: relative;
	list-style-type: none; 
	color: #FFFFFF; font-weight: bold; text-transform: uppercase; line-height: 100%;
	margin: 0 0 10px 0; padding: 0;
}

#columnleft LI {
	background: #3D3D3D url(../images/menuleft_cat_bg.jpg) repeat-y 100% 0;
	margin: 0; padding: 0;
}

#columnleft LI A { display: block; color: #FFFFFF; text-decoration: none; margin-right: 13px; padding: 30px 10px 0 18px; cursor: default; }
#columnleft LI A:hover { color: #FFFFFF; }

#columnleft UL UL {
	list-style-type: none;
	color: #FFB400; font-size: 0.9em; text-transform: none;
	margin: 0 0 10px 0; padding: 0;
}

#columnleft LI LI {
	background: none; background-color: #575757;
	border-right: none;
}

#columnleft LI LI A { color: #FFB400; padding: 2px 5px 2px 18px; border-top: 1px solid #FFFFFF; cursor: pointer; }
#columnleft LI LI A:hover { color: #FFB400; }
#columnleft LI LI.sublevel_current A, #columnleft LI LI.sublevel_active A  { background: url(../images/menuleft_li_act.gif) no-repeat 18px 5px; padding-left: 29px; }

#columnleft UL UL UL {
	color: #FFFFFF; font-size: 1em; text-transform: none;
	margin-bottom: 0;
}

#columnleft LI LI LI {

}

#columnleft LI LI LI A { color: #FFFFFF; border-top: 1px solid #575757 !important; border-bottom: 1px solid #575757 !important; margin-right: 0; padding: 2px 15px 2px 29px; background: url(../images/menuleft_lili.gif) no-repeat 18px 3px !important; }
#columnleft LI LI LI A:hover { color: #FFFFFF; background: none !important; background-color: #FFB400 !important; }
#columnleft LI LI LI.sublevel_current A { color: #000000; border-color: #FFB400 !important; background: none !important; background-color: #FFB400 !important; }
#columnleft LI LI LI.sublevel_current A { cursor: default; }
#columnleft LI LI LI.sublevel_current A:hover { color: #000000; }
/***************************************************/

/****************** Column right *******************/
#columnright {
	position: absolute; top: 1px; right: -2px;
	width: 208px;
	background-color: #8C2213;
	border-left: 2px solid #3A0E08;
}

#columnright DIV.columncontent {
	padding: 45px 1px 10px 0;
	text-align: right;
}

#columnright DIV.gallery { position: relative; text-align: right; margin: 0 0 15px 5px; }
#columnright DIV.gallery .zoomtag, #columnright DIV.gallery .zoomtag-en { 
	position: absolute; top: 1px; right: 1px; width: 59px; height: 59px;
	background: url(../images/image_zoom.gif) no-repeat 0 0;
}
#columnright DIV.gallery .zoomtag-en { background-image: url(../images/image_zoom-en.gif) }
#columnright DIV.gallery .zoomtag A { display: block; width: 100%; height: 100%; }

#columnright DIV.gallery IMG { border: 1px solid #000000; }

#columnright .multithumb { border: none; padding: 0; margin: 0; }

#columnright DIV.bouton {
	position: relative; margin: 0 0 15px 5px;
	color: #FFFFFF; font-size: 88%; font-weight: bold; line-height: 120%; text-transform: uppercase; text-align: left;
	background: #7D6A55 url(../images/columnright_bt_coin.gif) no-repeat 100% 0;
	border: 1px solid #000000;
}
#columnright DIV.bouton .text { display: block; padding: 2px 15px 2px 5px; }
#columnright DIV.bouton A { display: block; width: 100%; color: #FFFFFF; text-decoration: none; }
#columnright DIV.bouton A:hover { color: #FFFFFF; text-decoration: none; }

#columnright DIV.bt_soumission .text { background: url(../images/soumission.jpg) no-repeat 90% 100%; padding: 10px; }

#columnright DIV.docs {
	position: relative; margin: -15px 0 15px 5px; padding: 10px 5px 5px 5px; 
	text-align: left;
	background-color: #7D6A55; border: 1px solid #000000; border-top: none;
}

#columnright DIV.docs UL {
	padding-left: 25px; margin-bottom: 0;
}
#columnright DIV.docs LI { margin-bottom: 8px; }
#columnright DIV.docs LI .lang { font-size: 90%; }
#columnright DIV.docs LI .type { font-size: 90%; }

#columnright DIV.docs A { color: #FFFFFF; }
#columnright DIV.docs A:hover { color: #FFFFFF; }
/***************************************************/

/******************** Content **********************/
#content {
	position: relative;
	height: 100%;
	background-color: #FFFFFF; border-right: 2px solid #3A0E08;
}

#content DIV.content {
	padding: 80px 35px 0 33px;
}

#content TABLE { width: auto; }

DIV.componentheading, DIV.componentheadinghome, DIV.contentheading, DIV.contentheadingproduit, DIV.contentheadingavecphoto, DIV.componentheadingnoright, DIV.contentheadingnoright {
	color: #8C2213; font-size: 120%; font-weight: bold; text-transform: uppercase;
	border-bottom: 1px solid #8C2213;
	margin: 0 0 24px 0; padding: 0;
}

DIV.componentheading, DIV.contentpane, DIV.contentpaneopen, DIV.contentpaneopenproduit { margin-right: 195px; }
DIV.xmap DIV.componentheading, DIV.componentheadingnoright, DIV.contentpanenoright { margin-right: 0; }

DIV.xmap { background: url(../../../images/stories/sitemap.jpg) no-repeat 100% 25px; }

H1 {
	font-size: 100%; margin: 0; padding: 0;
}

H2 {
	color: #000000; font-size: 110%;
	margin: 20px 0 5px 0; padding: 0;
}

H3 {
	color: #7D6A55; font-size: 100%;
	margin: 10px 0 5px 0; padding: 0;
}

H4 {
	color: #000000; font-size: 100%;
	margin: 10px 0 0 0;
}

A { color: #8C2213; text-decoration: underline; }
A:hover { color: #000000; }

.note { font-size: 85%; }
/***************************************************/

/********************* Footer **********************/
#footer {
	clear: both;
	background-color: #8C2213;
	color: #FFFFFF; font-size: 90%;
	padding: 10px 2px 5px 2px;
}

#footer DIV.links { text-align: center; margin-bottom: 8px; }

#footer DIV.links UL {
	display: inline;
	list-style-type: none;
	margin: 0; padding: 0 5px 0 0;
	border-right: 1px solid #FFFFFF;
}

#footer DIV.links LI {
	display: inline;
	border-left: 1px solid #FFFFFF;
	margin: 0 0 0 2px; padding: 0 0 0 5px;
}

#footer DIV.links LI A { color: #FFFFFF; text-decoration: underline; }

#footer DIV.copyright {
	text-align: center; font-size: 90%; line-height: 100%;
}

#footer DIV.credits {
	text-align: center; font-size: 90%;
}
#footer DIV.credits A { color: #FFFFFF; text-decoration: none; }
/***************************************************/