@charset "utf-8";
/*-------------------------------------------------------------------------
CSS - Feniks Design

Julie Fortier
info@feniks.ca

Dernière mise à jour : 13 octobre 2010
------------------------------------------------------------------------- */
@font-face {
	font-family: 'CenturyGothicBoldItalic';
	src: url('type/centurygothic-bolditalic-webfont.eot');
	src: local('☺'), url('type/centurygothic-bolditalic-webfont.woff') format('woff'), url('type/centurygothic-bolditalic-webfont.ttf') format('truetype'), url('type/centurygothic-bolditalic-webfont.svg#webfontCGLck2WZ') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url('type/centurygothic-bold-webfont.eot');
	src: local('☺'), url('type/centurygothic-bold-webfont.woff') format('woff'), url('type/centurygothic-bold-webfont.ttf') format('truetype'), url('type/centurygothic-bold-webfont.svg#webfontDT6arhG8') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src: url('type/centurygothic-webfont.eot');
	src: local('☺'), url('type/centurygothic-webfont.woff') format('woff'), url('type/centurygothic-webfont.ttf') format('truetype'), url('type/centurygothic-webfont.svg#webfontKJHbFYiy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothicItalic';
	src: url('type/centurygothic-italic-webfont.eot');
	src: local('☺'), url('type/centurygothic-italic-webfont.woff') format('woff'), url('type/centurygothic-italic-webfont.ttf') format('truetype'), url('type/centurygothic-italic-webfont.svg#webfontb5uiayCu') format('svg');
	font-weight: normal;
	font-style: italic;
}

/*@import url(fonts/century.css);
/* ------------------------------------------------------------------------
	Master Redefinition
------------------------------------------------------------------------- */
html { height: 100%; width: 100%; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size: 62.5%; }
/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

#site { width: 900px; border: 1px solid #b6b6b6; margin-right: auto; margin-left: auto; height: 600px; display: block; clear: both; margin-top: 4%; }
.carsan { font-family: "CenturyGothic", Verdana, Geneva,; text-transform: uppercase; letter-spacing: .3em; font-style: normal; font-weight: normal; }

/* ------------------------------------------------------------------------
	Main Menu
------------------------------------------------------------------------- */
#main_menu { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B6B6B6; }
.main_menu_space { margin-left: 25px; }
#main_menu a { color: #58585A; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 1em; text-transform: uppercase; line-height: 3em; padding: 1px; }
#main_menu a:hover { color: #FFF; text-decoration: none; background-color: #000; }
#carson_ss { margin-left: 20px; display: block; float: left; margin-top: 6px; }
#main_menu a.ss { background-color: #FFF; }
/* ------------------------------------------------------------------------
	Sous Menu
------------------------------------------------------------------------- */
#sous_menu { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B6B6B6; background-color: #000; }
.sous_menu_space { margin-left: 25px; }
#sous_menu a { color: #FFF; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 1em; text-transform: uppercase; line-height: 2em; padding: 1px; }
#sous_menu a:hover { color: #000; text-decoration: none; background-color: #FFF; }
/* ------------------------------------------------------------------------
	Content
------------------------------------------------------------------------- */
#sm_produits { height: 100px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B6B6B6; }
#content { margin-top: 111px; display: block; }
#content_produits { display: block; position: relative; margin-top: 31px; }
#content_left { width: 250px; margin-left: 35px; float: left; padding-right: 20px; }
h1 { font-family: "CenturyGothicBold", Verdana, Geneva; font-size: 1.6em; line-height: 1.2em; color: #b6b6b6; text-transform: uppercase; font-weight: bold; font-style: normal; }
h3 { font-family: "CenturyGothicBold", Verdana, Geneva; font-size: 1.6em; line-height: 1.2em; color: #b6b6b6; text-transform: uppercase; font-weight: bold; font-style: normal; }
#content_left p { font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; line-height: 1.2em; color: #58585a; }
#content_left h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-style: italic; line-height: 1em; color: #000; font-weight: normal; }
#content_left a { color: #000; text-decoration: none; }
#content_left a:hover { color: #FFF; background-color: #000; }
ol { font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1em; color: #999; list-style-type: decimal; list-style-position: outside; }
.noir  { color: #000; }

#pdf { display: block; margin-top: -10px; }
#pdf ul { padding-left: 30px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#pdf li { font-family: Verdana, Geneva, sans-serif; font-size: 1em; list-style-image: url(../images/pdf.png); margin-bottom: 4px; list-style-position: outside; line-height: 1em; vertical-align: text-top; }
.img { float: left; padding-right: 15px; padding-bottom: 15px; }
.bouton-actif img { border:1px solid #000; z-index:9999; position:relative; }
.bouton_actif .txt { color: #FFF; background-color: #000; }
#content_right { width: 545px; position: relative; margin-left: 320px; margin-right: 25px; }
#content_right p { font-family: Verdana, Geneva, sans-serif; color: #58585a; }
#content_right a { color: #000; text-decoration: none; }
#content_right a:hover { color: #FFF; background-color: #000; }
.img_stroke { border: 1px solid #B6B6B6; }
#logo { margin-bottom: 50px; }
/* ------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------- */
#footer { width: 900px; margin-right: auto; margin-left: auto; height: 40px; font-family: Verdana, Geneva, sans-serif; font-size: .9em; color: #58585a; text-transform: uppercase; line-height: 2em; clear: both; }
#footer-menu { float: right; }
#footer-menu a { color: #58585A; text-decoration: none; }
#footer-menu a:hover { color: #000; text-decoration: none; }
.footer_menu_space { margin-left: 25px; }
#enviro { float: right; margin-top: -75px; }



#home-thumb { height:30px; width:545px; position:absolute; left:0px; bottom:10px; z-index:9999; list-style:none; padding:0; margin:0; }
#home-thumb li { width: 42px; float: left; list-style: none; display:block; padding:0; margin: 0 5px 0 0;}
#home-thumb a { width: 40px; height:28px;  display: block; border: 1px solid #000; }
#home-thumb li.activeSlide a { border: solid 1px #666; }
#home-thumb li a:hover {border:solid 1px #ccc;}
#home-thumb img { border: none; display: block }
#next {display:none; width:30px; height:30px; cursor:pointer; position:absolute; top:175px; right:15px; background:url(../next.png) no-repeat; z-index:999999}
#prev {display:none; width:30px; height:30px; cursor:pointer; position:absolute; top:175px; left:15px; background:url(../prev.png) no-repeat; z-index:999999}
#next:hover {background:url(../next.png) no-repeat !important;}
#prev:hover {background:url(../prev.png) no-repeat !important;}