/* Body */
html { height:100%;}
body {
	margin-left: 0px;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}
.nodisplay{
}
.display{ display:none;}
.grosse {padding-top:8px;}
.margeoeuvre { padding-top:10px; float:left;}
.oeuvre{ font-size:60%; color:#000000; width:107px; margin-bottom:10px;}
.oeuvre a:link {
	color: #000000;
	text-decoration: underline;
}

.detailtableau{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	vertical-align: top;
}

.oeuvre a:visited {
	text-decoration: underline;
	color: #000000;
}
.oeuvre a:hover {
	text-decoration: none;
	color: #000000;
}
.oeuvre a:active {
	text-decoration: underline;
	color: #000000;
}

.oeuvre2{ font-size:70%; color:#000000; width:107px; margin-bottom:10px;}
.oeuvre2 a:link {
	color: #000000;
	text-decoration: underline;
}
.oeuvre2 a:visited {
	text-decoration: underline;
	color: #000000;
}
.oeuvre2 a:hover {
	text-decoration: none;
	color: #000000;
}
.oeuvre2 a:active {
	text-decoration: underline;
	color: #000000;
}


.oeuvreimg{ margin-top:9px; margin-right:7px; margin-left:7px; margin-bottom:2px; border:#000000 1px solid;}
.bgphoto{ background-color:#fdf9ec;}
.margetop11{margin-top:11px;}
.margetop4{margin-top:4px;}
.marge14{ margin-right:25px; margin-bottom:20px;}

.floatleft{
	float:left;
	font-size:70%; 
	color:#000000;
	margin-right:29px;
	margin-bottom:20px;
}
.floatleft a:link {
	color: #000000;
	text-decoration: underline;
}
.floatleft a:visited {
	text-decoration: underline;
	color: #000000;
}
.floatleft a:hover {
	text-decoration: none;
	color: #000000;
}
.floatleft a:active {
	text-decoration: underline;
	color: #000000;
}

.floatleft2{
	float:left;
	font-size:70%; 
	color:#000000;
	margin-right:12px;
	margin-bottom:20px;
}
.floatleft2 a:link {
	color: #000000;
	text-decoration: underline;
}
.floatleft2 a:visited {
	text-decoration: underline;
	color: #000000;
}
.floatleft2 a:hover {
	text-decoration: none;
	color: #000000;
}
.floatleft2 a:active {
	text-decoration: underline;
	color: #000000;
}

.galerie{ padding-top:10px;}
.autresproduits{ font-size:80%; color:#000000; margin-left:15px;}
h1{ font-size:80%; color:#000000;}
.titre{ font-size:80%; color:#000000;}
.txt70noirmarge{font-size:70%; color:#000000; margin-left:15px;}
.txt70noirmarge2{font-size:70%; color:#000000; margin-left:15px; margin-bottom:11px;}

.txt70noir3 { color:#000000;}

.txt70noir2 td{font-size:70%; color:#000000;}

.txt70noir {font-size:70%; color:#000000;}
.txt70noir a:link {
	color: #000000;
	text-decoration: underline;
}
.txt70noir a:visited {
	text-decoration: underline;
	color: #000000;
}
.txt70noir a:hover {
	text-decoration: none;
	color: #000000;
}
.txt70noir a:active {
	text-decoration: underline;
	color: #000000;
}







.titre{ font-size:80%; color:#000000;}
.titre a:link {
	color: #000000;
	text-decoration: none;
}
.titre a:visited {
	text-decoration: none;
	color: #000000;
}
.titre a:hover {
	text-decoration: none;
	color: #c14032;
}
.titre a:active {
	text-decoration: none;
	color: #000000;
}

.sousmenu{font-size:70%; letter-spacing:1px; color:#000000; margin-left:5px; margin-top:24px; margin-bottom:24px;}
.sousmenu a:link {text-decoration: none; color: #000000; }
.sousmenu a:visited {text-decoration: none;	color: #000000;}
.sousmenu a:hover {	text-decoration: none; color: #C24032;}
.sousmenu a:active {text-decoration: none; color: #C24032;}
.sousmenu ul{ padding-left:1.5em; padding-top:5px; margin: 0; }
.sousmenu li { list-style-image:url(/medias/communs/puce.jpg); padding-top:2px; padding-bottom:2px; }
.actif {color: #C24032; background-color:#e6bfa5;}

.sousmenu2{font-size:70%; letter-spacing:1px; color:#000000; margin-left:9px; margin-top:10px; margin-bottom:10px;}
.sousmenu2 a:link {
	color: #000000;
	text-decoration: none;
}
.sousmenu2 a:visited {
	text-decoration: none;
	color: #000000;
}
.sousmenu2 a:hover {
	text-decoration: none;
	color: #C24032;
}
.sousmenu2 a:active {
	text-decoration: none;
	color: #000000;
}



.bgjaune{ background-color:#FFEEAF;}
.bordernoir{ border: 1px solid #000000;}

.recherche{	border-color:#e85343; font-size:60%; color:#000000;}

.bgtop{ background-image:url(/medias/communs/bgrouge1.jpg);}
.bgville{ background-image:url(/medias/communs/bgville.jpg);}
.bgbasite{ background-image:url(/medias/communs/bgbasite.jpg);}
.bgbasite2{ background-image:url(/medias/communs/bgbasite2.jpg);}
.bgbeige{ background-color:#f2eacc;}
.bgrouge{ background-color:#C24032;}
.bgturquoise{ background-color:#8beeac;}
.bglime{ background-color:#c5ee8b;}
.bgvertical{
	background-image:url(/upload/htmlEditor/bgvertical.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.hrnoir hr { color:#000000;} 
.hrgris hr { color:#b7b6b6; width:173px;} 

.ville{
	font-size:55%;
	color:#000000;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
	margin-right:10px;	
}

.section{
	font-size:65%;
	color:#FFFFFF;
	margin-left:8px;
}
.section a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.section a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
.section a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
.section a:active {
	text-decoration: none;
	color:#FFFFFF;
}
	
#hdrMenuLangue, #hdrMenu { background-color: #981B1D; height: 21px; padding-left: 16px; }
#hdrMenu { height: 24px; padding-left: 14px; }
#hdrMenuLangue span, #hdrMenu span { display: block; float: left; }

/* menu (brothercake.com) */
ul.menu, ul.menu li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; }
ul.menu { z-index: 1000; cursor: default; width: 9.1em; }
ul.menu li { position: relative; text-align: left; background-color: #981B1D; cursor: pointer; width: 9.1em; }
ul.menu ul { z-index: 1020; cursor: default; position: absolute; width: 11.9em; margin: 0 0 0 9.1em; top: -100em; padding: 0; }
ul.menu ul li { width: 11.9em; }
ul.menu a { display: block; cursor: pointer; font-size: 70%; color: #000000; background: url(/medias/communs/header_arrow_off.gif) no-repeat 98% 55%; padding: 5px 10px; text-decoration: none; outline: none; }
ul.menu a:hover, ul.menu a.rollover { color: #000000; text-decoration: underline; background-image: url(/medias/communs/header_arrow_on.gif); }
ul.menu ul a, ul.menu ul a:hover { background-image: none; }
@media screen, projection { * html ul.menu li { display: inline; float: left; }}
* html ul.menu li { position: static; }
* html ul.menu a { position: relative; }
ul[class^="menu"] ul { display: none; }
ul[class^="menu"] ul { display: block; }
/* Hides from IE-mac \*/
ul.menu ul a, ul.menu ul a:hover { background-image: none !important; }
ul.menu li { background: transparent url(/medias/communs/menu_transparence.png); }
/* End hide from IE-mac */

/* menus autres langues */

.menu{
	position: absolute;
	background-color: #f2eacc;
	border: 3px solid #ffffff;
}
#staticTipLayer{
	display: none;
}
.bgnoir{
	background-color:#231f20;
	background-image:url(/upload/htmlEditor/ligneblanche.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.champRequis { font-weight: bold; border-color: #B97F7F; }
.champRequis { border: 1px solid; padding: 2px; background: #FFF url(/medias/communs/required.gif) no-repeat right top; }
.champDate { width: 125px; }


/* ---( plan du site )----------------------------------- */

.treeview a:link {color: #000000;text-decoration: underline; font-size:70%;  padding-left:10px; }
.treeview a:visited {text-decoration: underline;color: #000000; font-size:70%; padding-left:10px;}
.treeview a:hover {text-decoration: none;color: #000000; font-size:70%; padding-left:10px;}
.treeview a:active {text-decoration: underline;color: #000000; font-size:70%; padding-left:10px;}

.treeview {padding: 0px 0px; margin-top: 2px; padding: 0px; list-style-type: none; font-size:70%; color:#000000;}
.treeview ul { padding: 0; margin: 0; list-style-type: none; }
.treeview ul ul { margin-left: 0px; list-style-type: none; }
.treeview li { clear: both; line-height: 16px; list-style-type: none; }
.treeview label { font-weight: bold; margin: 1px 0 0 2px; list-style-type: none; }
.treeview li li * { font-weight: normal; list-style-type: none; }
.treeview img { display: inline; vertical-align: middle; list-style-type: none;  }
.treeview input, .treeview label { float: left; list-style-type: none; }
.treeview a {list-style-type: none;}
.tvBtExpand, .tvBtCollapse {
	margin-bottom:2px;
	float: left;
	background: url(/medias/communs/treeview_moins.gif) top no-repeat;
	cursor: pointer;
	list-style-type: none;
}
.tvBtCollapse { background: url(/medias/communs/treeview_plus.gif) top no-repeat; list-style-type: none; margin-bottom:2px; }
.tvHide { display: none; list-style-type: none; }
.tvLeaf { margin-left: 18px; list-style-type: none; }

.left100{ margin-left:100px;}

/* formulaire de retour */

.fr_txtFacture { width: 53px; }
.fr_txtProduit { width: 100px; }
.fr_txtDesc { width: 135px; }
.fr_txtQte { width: 30px; }
.fr_txtPrix { width: 45px; }
.fr_txtRaison { width: 115px; }


/* produits personalisés */

	/* styles généraux (titre, catégories, etc.)*/
	h2 { font-size: 90%; font-weight: normal; margin: 0; border: 1px solid #FFF; border-width: 1px 0; padding: 5px 15px; background-color: #FCDF6E; }
	h3, h4 { font-size: 80%; margin: 0; padding: 7px 15px 5px; background-color: #de8a4e; }
	h3 a, h4 a { font-size: 80%; color: #FFF; padding: 0 15px; vertical-align: text-top; line-height: 1.5em; }
	h4 { background-color: #FFF; }
	h4 a { color: #000; }
	h4 a.sumBtModify { padding-right: 0; }
	h4 a.sumBtDelete { padding-left: 0; }
	h5 { font-size: 75%; margin: 0; padding: 5px 15px 3px; background-color: #f2f0e6; }
	.prdPadBox { margin: 16px; }
	.prdTxtStep { padding: 16px; font-size: 80%; border-bottom: 1px solid #FFF; }
	.prdTxtStep a { color: #000; text-decoration: underline; }
	.prdTxtStep a:hover { text-decoration: none; }
	.prdTxtSpec { margin: 16px 16px 4px; font-size: 80%; }
	.prdList { width: 170px; height: 150px; float: left; margin-left: 5px; }

	/* header produit */
	#prdHdr { background-color: #de8a4e; padding: 6px 6px 6px 0; font-size: 75%; }
	#prdHdr img { width: 131px; float: left; margin: 0 6px; }
	#prdHdr p { display: inline; }
	#prdHdr div.hr { margin: 6px 0; border-top: 1px solid #FFF; }
	#prdHdr div.hr hr { display: none; }
	#prdHdrTbl { float: left; width: 624px; }
	#prdHdrTbl table { font-size: 100%; width: 100%; margin-bottom: 6px; border: 1px solid #000; border-width: 0 1px 1px 0; }
	#prdHdrTbl th, #prdHdrTbl td { border: 1px solid #000; font-size: 90%; border-width: 1px 0 0 1px; padding: 2px 5px; background-color: #FFF; text-align: center; }
	#prdHdrTbl td { padding: 8px 5px; }
	#prdHdrTbl th.prdHdrTblTtl { font-weight: bold; font-size: 100%; padding-left: 0; text-align: left; border: none; background-color: #de8a4e; }
	#prdHdrTbl td.prdHrdTblItem { text-transform: uppercase; text-align: left; }

	/* navigation bas */
	#prdNavRow { background-color: #de8a4e; height: 30px; }
	#prdNavRow img { border: 0; }
	#prdNavRow .prdNavLeft { float: left; }
	#prdNavRow .prdNavRight { float: right; }
	* html #prdNavRow input { margin: 0 -3px; } 

	/* boite information (!) */
	.prdInfoBox { width: 744px; margin: 8px 0 8px 15px; font-size: 80%; background: url(/medias/communs/prd_info_bg2.png) repeat-y; }
	.prdInfoBox div { background: url(/medias/communs/prd_info_bg1.png) no-repeat 0 0; }
	.prdInfoBox div div { padding: 6px; background: url(/medias/communs/prd_info_bg3.png) no-repeat 0 100%; }
	.prdInfoBox p { margin: 0; min-height: 51px; padding-left: 58px; background: url(/medias/communs/prd_info_icon.png) no-repeat; }
	* html .prdInfoBox p { height: 51px; }
	.prdInfoBox p a { font-weight: bold; color: #000; }

	/* générateur specsheet étape 2 */
	.specsBox { width: 741px; }
	.specsBox, .listeRadio { margin: 5px 8px 10px 8px; font-size: 80%; }
	.specsBox div.specsInner { padding: 8px; }
	.specsBox .listeRadio { font-size: 100%; margin: 0; }
	.specsBox .formBlockItem { display: block; margin: 3px 0; }
	.specsBox .button { width: 250px; }
	.specsBox .textbox { width: 470px; }
	.specsBox .prdAjaxDDL { margin: 10px 8px 0 8px; }
	.specsBox .ddlNoImg { margin-left: 0; }
	.specsBox .prdAjaxDDL select { margin-bottom: 5px; }
	.specsBox .prdAjaxDDL img, #pGabaritInner img, .sumImg { border: 1px solid #FFF !important; }
	.listeRadio td { width: 125px; padding: 8px; }
	.specsBox div.specsInner *, .listeRadio td * { vertical-align: middle; }
	.listeRadio img { border: 1px solid #FFF; }

	/* gestion images */
	.webImageMaker { margin: 0 16px 24px; font-size: 80%; }
	.webImageMaker input { margin-top: 0.5em; }
	.webImageMaker input.webImageMaker_thumbpicker { font-size: 90%; margin: 0 0 1em; background-color: #FCDF6E; }
	.webImageMaker_thumbs { overflow: auto; width: 250px; height: 250px; position: absolute; z-index: 501; }	
	.webImageMaker_thumbs, .webImageMaker_popup { border: 2px solid #FCDF6E; background-color: #FFF; }
	.webImageMaker .webImageMaker_thumbs input { margin: 3px; padding: 3px; float: left; }
	.webImageMaker_popup { position: absolute; left: 0; top: 0; z-index: 500; background-color: #F2EACC; }
	.webImageMaker .webImageMaker_popup input { width: 80px; margin: 5px 0px 0px 15px; }
	.webImageMaker_canvas { position: absolute; top: 30px; margin-top: 3px; left: 15px; z-index: 501; }
	.webImageMaker_selection { position: absolute; border: 2px dashed #F00; z-index: 502; }
	#upFile_ctl00, .lblMessages { font-size: 80%; padding: 0 10px; color: #C24032; }
	.lblMessages { font-size: 90%; }
	#upFile_upFile_img { display: block; border: 1px solid #FFF; margin-top: 16px; }
	#pGabaritInner { margin: 8px 16px 24px; }
	#pGabaritInner img { display: block; margin-top: 16px; }
	.requis, .formValidator, .formInfos label em, .formInfos span em { color: #C24032 !important; font-style: normal; }
	
	/* tableau quantités*/
	.tblQty { font-size: 80%; width: 100%; border: 1px solid #FFF; border-width: 0 1px 1px 0; }
	.tblQty td, .tblQty th { padding: 0.5em; text-align: center; border: 1px solid #FFF; border-width: 1px 0 0 1px; }
	.tblQty th { background-color: #FCDF6E; }
	.tblQty .keepleft { text-align: left; }
	.tblQty .keepright { text-align: right; }
	.tblQty .qtyField { width: 30px; font-size: 80%; }
	.qtyTtlRow { background-color: #FFF; }
	.qtyTtlRow .keepright { padding-right: 0; }
	.thFormat { width: 40%; }
	.thQty { width: 20%; }
	.thQty.both { width: 60%; }
	.thPrice { width: 20%; }
	.thTtl { width: 20%; }
	.fullwidth { width: 70%; }
	.ltdwidth { width: 50%; }
	
	
	/* formulaire commande */
	.formInfos { margin: 8px 0 16px; padding: 0; font-size: 80%; width: 558px; }
	.formInfos li, div.formInfos div { margin-left: 16px; width: 253px; display: inline; float: left; padding-bottom: 0.5em; }	
	.formInfos li.extraspace { padding-bottom: 0.8em; }
	.formInfos li span { display: block; }
	.formInfos .txtfield label, .formInfos span { display: block; margin-bottom: 3px; }
	.formInfos .txtfield input { width: 248px; }
	.formInfos .radiobtn label, .formInfos .radiobtn input { width: auto !important; vertical-align: middle; }
	.formInfos .radiobtn input { font-size: 0.9em; }
	.formInfos .width14 { width: 119px; }
	.formInfos .width14 input, .formInfos .width14 select { width: 113px; }
	.formInfos .width13 { width: 165px; }
	.formInfos .width13 input { width: 160px; }
	.formInfos .width34 { width: 385px; }
	.formInfos .width34 input { width: 380px; }
	.formInfos .width34 select { width: 385px; }
	.formInfos .fullwidth, .formInfos .ajaxAutre { width: 516px; }
	.formInfos .fullwidth input, .formInfos .fullwidth textarea { width: 511px; }	
	span.formNote { clear: both; display: block; margin-top: 0.4em; font-size: 80%; }
	span.formNote a { color: #000; }
	#prdFormShip { width: 741px; }
	#prdFormShip .width34 { width: 335px; border-right: 1px solid #FFF; }
	.formValidator { margin-top: 0.8em; font-size: 80%; }
	div.formInfos { width: 770px; }
	div.formInfos a { color: #000; }	
	div.formInfos div { width: 430px; }
	div.formInfos div.width13 { width: 290px; }	
	
	/* sommaire */
	#sumBox { margin: 16px; }
	.sumInnerBox .qtyWrapper { padding: 16px; }
	.sumInnerBox .tblQty { font-size: 70%; }
	.sumInnerBox .specsBox { font-size: 70%; }
	.sumInnerBox { background-color: #e5e1cf; margin-bottom: 8px; border: 1px solid #FFF; border-top-width: 0; }

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }