/*-----------------------------------------------------------
	Project:	Degomme Boccard
	Date : 	January 2008
	Last Update : 12/02/09
	Author:	C2iS - AFO
	Summary :		
		| Global Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;	color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#5b5b5b; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#5b5b5b; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #000; }
del { color:#000; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
/* Positionning */
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both;}
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* Text alignment */
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }
/* Font modeling */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
/* Spacement */
.nopadding { padding:0; }
/* Specific attributs */
.hide { display:none; }

/*:::::::::::  Main layout :::::::::::*/
#wrapper {width:880px;margin:0 auto;background:#fff url(../images/common/bg_degBottom.jpg) no-repeat 13px bottom;padding:0 0 112px 0;overflow:hidden;}

#header h1 img {display:block;}

#searchAndBrowse {background:url(../images/common/subHeader.jpg) no-repeat -1px -1px;overflow:hidden;width:100%;}
#searchAndBrowse fieldset {padding:2px 0 0 552px;}
#searchAndBrowse fieldset input {vertical-align:middle;}
#searchAndBrowse fieldset input.searchBox {height:14px;font-size:11px;font-weight:bold;color:#ff6320;margin-right:7px;width:140px;}
/*menu*/
.mainMenu {padding:3px 0 0 22px;overflow:hidden;width:100%;}
.mainMenu li {float:left;position:relative;}
.mainMenu li.twoLines a {padding:6px 20px 6px 20px;}
.mainMenu li a {display:block;color:#000;text-align:center;background:url(../images/common/bg_itemMenu.png) no-repeat 0 0;padding:13px 20px 10px 20px;float:left;font-size:11px;font-weight:bold;text-transform:uppercase;}
.mainMenu li a:hover ,  .mainMenu li a.active , .mainMenu li.lastItem a:hover , .mainMenu li.lastItem a.active {background-position:0 -34px;color:#fff;}
.mainMenu li.backHome a {background:url(../images/common/bg_itemBackHome.png) no-repeat 0 0;padding:0;width:40px;height:34px;}
.mainMenu li.backHome a:hover {background-position:0 0 !important;}
.mainMenu li.backHome a span {position:absolute;left:-9999em;}
.mainMenu li.lastItem a {background:url(../images/common/bg_lastItem_left.png) no-repeat 0 0;float:left;padding:0 0 0 15px;}
.mainMenu li.lastItem a span {background:url(../images/common/bg_lastItem_right.png) no-repeat top right;display:block;padding:13px 30px 10px 5px;cursor:pointer;}
.mainMenu li.lastItem a:hover span , .mainMenu li.lastItem a.active span {background-position:right -34px;}


#content {clear:both;padding:15px 45px 0 0;background:url(../images/common/bg_contentRight.png) no-repeat right 15px;color:#5b5b5b;}
#content .breadcrumb {padding:0 0 20px 75px;color:#ff6320;font-size:11px;background:url(../images/common/bg_breadcrumb.png) no-repeat left bottom;font-family:verdana,Arial, sans-serif;}
#content .breadcrumb a {color:#ff6320;} #content .breadcrumb a:hover {text-decoration:underline;}

#innerContent {padding:5px 0 0 75px;background:url(../images/common/bg_contentLeft.png) no-repeat 40px 0;overflow:hidden;height:1%;}
#innerContent .retails {width:220px;float:left;background:url(../images/home/bg_bottomRetails.png) repeat-x bottom left;padding-bottom:15px;}
#innerContent .retails dt {text-transform:uppercase;color:#fff;padding:4px 0;text-align:center;background:#f25e1e;margin-bottom:5px;font-weight:bold;font-size:15px;}
#innerContent .retails dd {padding:1px 0;}
#innerContent .retails dd h3 {font-size:15px;font-weight:bold;text-transform:uppercase;color:#434242;}
#innerContent .retails dd.visu {padding-bottom:6px;}
#innerContent .retails dd.visu img {width:220px;}
#innerContent .retails dd.viewProduct , #innerContent .retails dd.moreOccasions  {padding:3px 2px;background:#f25e1e;text-align:right;height:1%;}
#innerContent .retails dd.viewProduct a , #innerContent .retails dd.moreOccasions a  {display:block;color:#fff;text-transform:uppercase;font-weight:bold;background:url(../images/home/arrow_orange.gif) no-repeat 2px 1px;}
#innerContent .retails dd.viewProduct a:hover , #innerContent .retails dd.moreOccasions a:hover {background:url(../images/home/arrow_orange.gif) no-repeat 4px 1px;color:#f3f3f3;}
#innerContent .retails dd.viewProduct {margin:60px 0 2px 0;}
#innerContent .retails dd.moreOccasions  {margin-bottom:7px;}

#innerContent .homeContent_rightBloc {float:left;padding:0 0 0 15px;width:525px;}
#innerContent .homeContent_rightBloc h2 {color:#f25e1e;text-transform:uppercase;font-weight:bold;font-size:17px;padding:10px 0 0 0;line-height:32px;letter-spacing:2px;}
#innerContent .homeContent_rightBloc h2 span {font-size:32px;display:block;}
#innerContent .homeContent_rightBloc p.introTxtHome {font-size:11px;padding:20px 0 30px 0;line-height:15px;font-family:verdana,Arial, sans-serif;}
#innerContent p strong {color:#f25e1e;}

.searchResultBloc {width:580px;padding-top:5px;float:left;}
.searchResultBloc h2 {color:#f25e1e;padding:0 0 14px 0;text-transform:uppercase;font-weight:bold;font-size:16px;letter-spacing:1px;}
.searchResultBloc .searchResults {padding:0 0 0 14px;}
.searchResultBloc .searchResults li {width:565px;background:url(../images/search_results/bg_listItemRight.png) no-repeat bottom right;padding:0 0 1px 0;}
.searchResultBloc .searchResults li dl {background:url(../images/search_results/bg_bottomInnerBox.png) repeat-x bottom left;width:553px;padding:5px 0 0 0;overflow:hidden;}
.searchResultBloc .searchResults li dt {float:left;width:385px;padding:0 0 12px 0;font-size:10px;font-weight:bold;text-transform:uppercase;color:#f25e1e;font-family:Verdana, Arial, sans-serif;}
.searchResultBloc .searchResults li dd {float:left;width:385px;padding:0 0 4px 0;font-weight:bold;font-size:13px;}
.searchResultBloc .searchResults li dd strong {color:#000;}
.searchResultBloc .searchResults li dd.visu {width:154px;height:99px;background:url(../images/search_results/contour_visu.png) no-repeat 0 0;padding:7px 0 0 7px;float:right;} 
.searchResultBloc .searchResults li dd.visu img {width:147px;height:92px;}
.searchResultBloc .searchResults li p {background:url(../images/search_results/bg_bottomBox.png) no-repeat top left;height:44px;width:554px;}
.searchResultBloc .searchResults li p a {color:#fff ;text-transform:uppercase;font-size:15px;font-weight:bold;padding:8px 0 0 30px;display:block;position:relative;;}

.searchResultBloc p.pagination {text-transform:uppercase;text-align:center;background:#e6e7ec;overflow:hidden;width:559px;margin:0 0 17px 14px;font-weight:bold;color:#8488a0;}
.searchResultBloc .pagination a.back , .searchResultBloc .pagination a.next {float:left;background:#a8abbe;color:#fff;padding:3px 0;width:115px;font-size:11px;}
.searchResultBloc .pagination a.next {float:right}
.searchResultBloc .pagination a:hover {text-decoration:underline;}
.searchResultBloc p.pagination span {display:block;padding:3px 0 0 0;}

.filterByBrand  {width:148px;float:left;padding:7px 0 0 0;margin-left:25px;}
.filterByBrand h2 {color:#f25e1e;padding:0 0 15px 0;text-transform:uppercase;font-weight:bold;font-size:13px;}
.filterByBrand ul {}
.filterByBrand li {background:url(../images/search_results/bg_filterItem.png) no-repeat bottom right;height:36px;vertical-align:bottom;}
.filterByBrand li a {color:#f25e1e;text-transform:uppercase;display:block;font-size:10px;font-family:Verdana, Arial , sans-serif;font-weight:bold;height:27px;padding:9px 0 0 7px;width:124px;}

/*page produit*/
.productBloc {clear:both;overflow:hidden;}
.productBloc h2 {color:#f25e1e;font-weight:bold;padding:10px 0 15px 0;font-size:15px;text-transform:uppercase;}
.productBloc h2 span {font-size:17px;}
.productBloc dl.productRef {padding:0 0 10px 0;}
.productBloc dl.productRef dt {padding:0 0 10px 0;}
.productBloc dl.productRef dd {font-size:11px;padding:1px 0;}
.productBloc dl.productRef dd.reference {color:#f25e1e;font-weight:bold;font-size:14px;}
.leftProductBloc {width:250px;float:left;margin-right:25px;display:inline;}
.leftProductBloc ul {width:250px;height:152px;margin-bottom:5px;}
.leftProductBloc li img {width:246px;border:1px solid #DBDBDB;}
.leftProductBloc p.print , .leftProductBloc p.contactUs {text-align:right;padding:0 5px 0 0;background:#ec4901;margin:3px 0;}
.leftProductBloc p.print a , .leftProductBloc p.contactUs a {font-size:11px;display:block;color:#fff;text-transform:uppercase;font-weight:bold;padding:4px 0;font-family:Verdana, Arial, sans-serif;}
.leftProductBloc p.print a:hover , .leftProductBloc p.contactUs a:hover {color:#f3f3f3;}
.leftProductBloc p.contactUs {background:#8488a0;}

.rightProductBloc {width:465px;float:left;}
.rightProductBloc ul {width:100%;overflow:hidden;}
.rightProductBloc li {float:left;margin-right:4px;}
.rightProductBloc li img {width:78px;border:1px solid #DBDBDB;}
.rightProductBloc dl {font-size:11px;font-weight:bold;font-family:verdana,Arial,sans-serif;padding:9px 0 7px 0;}
.rightProductBloc dt {color:#fa4e01;padding:0 0 9px 0;}
.rightProductBloc dd {color:#434242;padding:1px 0;}

/*formulaire*/
.contact_form {padding-top:15px;}
.contact_form p {width:100%;overflow:hidden;padding:4px 0;}
.contact_form p label {width:250px;text-align:right;float:left;padding:3px 10px 0 0;}
.contact_form p input.text {width:200px;}
.contact_form p textarea{width:300px;height:100px;}
.contact_form p.validFormLine {text-align:center;padding:15px 0;}

/*Plan du site*/
.siteMap {padding:0 0 15px 15px;;}
.siteMap h3 {font-weight:bold;padding:12px 0 3px 0;font-weight:1.2em;}
.siteMap h3 a {font-weight:bold;}
.siteMap li {padding:2px 0 2px 10px;background:url(../images/common/puce_orange.gif) no-repeat 1px 7px}
.siteMap li li {background:none;}
.siteMap a:hover {text-decoration:underline;}

/*our company*/
.ourCompany {padding:15px 0;}
.ourCompany li {padding:4px 0 4px 10px;background:url(../images/common/puce_orange.gif) no-repeat 1px 9px}
.ourCompany li ul {padding-top:5px;}
.ourCompany li li {background:none;}
.ourCompany li a:hover {text-decoration:underline;}

/*gab text*/
#innerContent h2.mainTitle {color:#f25e1e;padding:5px 0 20px 5px;text-transform:uppercase;font-weight:bold;font-size:16px;letter-spacing:1px;}

.gab_text {clear:both;padding:15px 0 15px 20px;height:1%;overflow:hidden;}
.gab_text h2 {font: bold 1.2em arial, Helvetica, sans-serif;}
.gab_text .contenu_gab_text {line-height:1.3em;}
.gab_text .contenu_gab_text p {}
.gab_text .contenu_gab_text a {text-decoration:underline;}
.gab_text .contenu_gab_text a:hover  {text-decoration:none;}
.gab_text .visu_container {float:left;margin:0 15px 15px 0;}

p.paragEntete {padding-bottom:15px;}

/*footer(*/
#footer {font-size:11px;font-family:verdana,Arial, sans-serif;background:url(../images/common/bg_angleFooter.gif) no-repeat 837px top;color:#5b5b5b;}
#footer ul {border:solid #dbdbdb;border-width:1px 0 1px 1px;padding:4px 10px 3px 50px;width:718px;margin-left:58px;overflow:hidden;line-height:13px;}
#footer li {float:right;margin-left:5px;}
#footer li a {color:#5b5b5b;}
#footer li a img {vertical-align:bottom;}
#footer li a:hover {text-decoration:underline;}
