body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:10px; color:#000000; text-align:center}
.footer {margin:0px; padding:4px 0 10px 0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:10px}
#flash-content { margin:0 auto ; padding:0; width:1075px; height:760px; z-index:-1;}

/* Layer d'attente */
#overlay {display:none; position:absolute; left:0; top:0; width:100%; text-align:center; z-index:10; background-image:url(/CS/popup/images/overlay.gif);}
#overlay .popup-moyen {border:1px solid #000000; padding:0; font-family:'Trebuchet MS'; font-size:11px; text-align:left;}
.popup-moyen {margin:0 auto; width:556px; background-color:#fff;}
.popup-moyen a {text-decoration: underline; color: #000000;}

/* Popup */
#popupWrap {text-align:center; position:absolute; left:0; top:0; width:100%; z-index:10; display:none;}
	#containerPopup {background:black url("/CS/popup/images/bg_logo-popup.gif") left top repeat-y; font:12px 'Trebuchet MS'; text-align:center; color:white; border:1px solid white; width:377px; position:fixed;}
		#containerPopup img {font:bold 12px 'Trebuchet MS'; float:left;}
		#containerPopup .contentPopup {padding-left:105px;}
			#containerPopup .contentPopup h3 {font:bold 12px 'Trebuchet MS'; margin:0; padding:15px 0 0;}
			#containerPopup .contentPopup a {text-decoration:underline; color:white;}
			#containerPopup .close {padding-top:10px; padding-left:55px; float:left;}
			#containerPopup .none {padding-top:10px; padding-right:55px; float:right;}

/* Site HTML pour le ref */
.result {float:left; width:600px; border: 1px solid #000000; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.result .responseNumber {text-align:center; font-weight:bold; padding:10px 0px 10px 0px; border: 1px solid #000000;}
.result .modifRecherche {text-align:center; font-weight:bold; padding:10px 0px 10px 0px; border: 1px solid #000000; color:#FF0000;}
.result .return {text-align:left;}
.result .return .unitReturn {padding:20px; border: 1px solid #000000;}
.result .return .unitReturn .mainPicture {float:left; padding:0px 10px 0px 0px; width:95px;}
.result .return .unitReturn .text {}
.result .return .unitReturn .text .title {font-weight:bold; font-size:12px;}
.result .return .unitReturn .text .subTitle {font-size:12px;}
.result .return .unitReturn .text .subTitle a {text-decoration:none; color:#000000;}
.result .return .unitReturn .text .resume {}
.result .partitionner {text-align:center; padding:10px 0px 10px 0px; border:1px solid #000000; color:#C80000;}
.result .partitionner a {text-decoration:none; color:#000000;}
.result .partitionner span {padding:0px 5px 0px 5px;}

/* Maquette site HTML pour le ref */
/* Retour-moteur */
.breaker {clear:both; overflow:hidden; height:0px}
.black-spacer {clear:both; overflow:hidden; height:2px; background-color:#000000}
.main-content { width:782px; border:1px solid #000000; border-bottom:0px; margin:0 auto; text-align:left}
.main-content .header { clear:both; overflow:hidden; padding:10px}
.main-content .header b { clear:both; overflow:hidden; display : block; font-weight:normal; font-size:12px}
.main-content .header h3 {float:right; overflow:hidden; display : block; font-weight:normal; font-size:14px; padding:0px; margin:0px}
.main-content .header .navigation {clear:both; padding:10px}
.main-content .header .navigation a { font-size:16px; font-family:"Trebuchet MS"; text-decoration:none; padding:0px 20px 0px 0px; display:block; float:left; color:#000000}
.main-content .main-body {clear:both; overflow:hidden; padding:10px}
.main-content .main-body h1 {font-size:14px}
.main-content .main-body .partitionneur-top { width:90%; border:1px solid #000000; border-bottom:0px; padding:5px 10px 5px 10px; overflow:hidden; clear:both}
.main-content .main-body .but-more {width:120px; display:block; float:right; color:#000000; text-decoration:none}
.main-content .main-body .num-pos {display:block; float:left; width:400px; text-align:center}
.main-content .main-body .num-pos a {color:#000000}
.main-content .main-body .num-pos a:hover {color:#9a9a9a; font-weight:bold}
.main-content .main-body .but-less {width:120px; display:block; float:left; color:#000000; text-decoration:none}
.main-content .main-body .partitionneur-bottom { width:90%; border:1px solid #000000; padding:5px 10px 5px 10px; overflow:hidden; clear:both}
.main-content .main-body .box-return { width:90%; border:1px solid #000000; padding:10px; border-bottom:0px}
.main-content .main-body .box-return h2 { font-size:12px; color:#cd9a34 ; margin:5px}
.main-content .main-body .box-return b a {color:#9a9a9a; font-size:12px}
.main-content .main-body .box-return p {margin: 5px}
.main-content .main-body .box-return img { clear:left; float:left; margin-right:10px}
.main-content .footer {clear:both; overflow:hidden; padding:5px 10px 5px 10px; text-align:right}
.main-content .footer a {color:#000000; text-decoration:none}
.main-content .footer a:hover {color:#000000; text-decoration:underline}

/* Fiche produit */
.main-content .main-body .product {}
.main-content .main-body .product h1 { font-size:18px; color:#cc9966}
.main-content .main-body .product h2 {font-size:14px}
.main-content .main-body .product h3 {font-size:12px}
.main-content .main-body .product .link-my-img a { color:#999999; font-weight:bold; clear:both; display:block; margin-bottom:5px}

/* Fiche images */
.main-content .main-body .image { text-align:center; padding:10px}
.main-content .main-body .image img { display:block; clear:both}
.main-content .main-body .image b {display:block; clear:both}
.main-content .main-body .image .link-image-top {display:block; clear:both; float:left}
.main-content .main-body .image .link-image-bottom {display:block; clear:both; float:right}

/* Page mon compte et devis */
#div-iframe {position:relative; top:-760px; width:1075px; height:100%; margin:0 auto; padding:0;}
	#iframe {display:none; position:absolute; top:120px; left:55px; overflow:hidden; width:960px; height:580px; margin:0; padding:0; border:none;}

#div-iframe-login-compte {position:relative; top:-760px; width:1075px; height:100%; margin:0 auto; padding:0;}
	#iframe-login-compte {display:none; position:absolute; top:245px; left:510px; overflow:hidden; width:350px; height:80px; margin:0; padding:0; border:none;}

#div-iframe-login-brochure {position:relative; top:-760px; width:1075px; height:100%; margin:0 auto; padding:0;}
	#iframe-login-brochure {display:none; position:absolute; top:392px; left:730px; overflow:hidden; width:350px; height:80px; margin:0; padding:0; border:none;}

#page-login {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000; font-size:11px;}
	#page-login div {margin:0; padding:0; width:350px; height:65px;}
	#page-login p {margin:0 0 1em; padding:0; width:265px; color:#BC9633; font-weight:bold;}
	#page-login a {color:#999; font-size:11px; font-weight:bold; text-decoration:none;}
		#form-login {margin:0; padding:0}
		#form-login #valider {display:inline; background:#fff; border:none; width:60px; color:#999; font-size:9px; font-weight:bold;}
		#form-login label {display:block; color:#999999;}
		#form-login input {width:200px;}
			#login {display:block; margin:0 0 0.5em;}

/* Page E-letter */
#div-iframe-eletter {position:relative; top:-760px; width:1075px; height:100%; margin:0 auto; padding:0;}
	#iframe-eletter {display:none; position:absolute; top:165px; left:400px; overflow:hidden; width:580px; height:275px; margin:0; padding:0; border:none;}

#page-eletter {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000; font-size:11px;}
#page-eletter div {margin:0; padding:0; width:580px; height:245px;}
#page-eletter h1 {font-size:11px; margin:0.5em 0}
#page-eletter p {color:#BC9633; margin:0; padding:0; font-weight:bold;}
	#form-eletter {margin:0; padding:0}
		#form-eletter p {color:#999; margin:0; padding:0 0 6px; font-size:9px; font-weight:normal;}
		#form-eletter p.legal {color:black; padding:0;}
		#form-eletter p.legalInfo {width:530px; margin-top:3px;}
		#form-eletter a {color:#999; font-size:12px; font-weight:bold; text-decoration:none;}
		#form-eletter select {margin:0 5px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
		#form-eletter input {margin:0 5px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
		#form-eletter label {color:black; vertical-align:middle;}
			#form-eletter #civility {width:51px;}
			#form-eletter #surname {width:200px; padding-right:5px;}
			#form-eletter #name {width:266px;}
			#form-eletter #email {width:542px; #width:543px;}
			#form-eletter #address1 {width:260px; padding-right:5px;}
			#form-eletter #address2 {width:265px;}
			#form-eletter #postcode {width:260px; padding-right:5px;}
			#form-eletter #city {width:265px;}
			#form-eletter #validation,
			#form-eletter #htmlformat {vertical-align:middle; margin:0 2px 0; padding:0;}
			#form-eletter #textformat {vertical-align:middle; margin:0 2px 0 20px; padding:0;}
			#form-eletter #subscription {vertical-align:middle;}
			#form-eletter #unsubnewsletter {background:none; font-size:12px; font-weight:bold; text-align:left; text-decoration:none; width:220px; color:#999; border:none; cursor:pointer;}
			#form-eletter #subnewsletter {background:none; font-size:12px; font-weight:bold; text-align:left; text-decoration:none; width:260px; color:#999; border:none; cursor:pointer;}
		

/* Formulaire de demande de documentation */
#document {width:800px; text-align:left; padding:5px 0 30px 20px;}
	#document .breakerForm {clear:both; overflow:hidden; height:0px; visibility:hidden;}
	#document .unitList {width:800px;}
		#document .unitList .resultForm {float:left; width:300px; padding:15px 0 0 0;}
			#document .unitList .resultForm h2 {padding:5px 0 0 0; margin:0;}
			#document .unitList .resultForm p {padding:0; margin:0;}
		#document .unitList .form {padding:10px 0 0 0;}
			#document .unitList .form h2 {padding-top:10px;}
	#document .subForm {padding:10px 0 0 150px;}

/* Page de confirmation pour l'inscription à la newsletter */
#newsConfirm {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#000000}
#newsConfirmLink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#000000; text-decoration:none;}