/** MAIN BLOCS **/

*{margin: 0;padding: 0;font-family: arial,helvetica,sans-serif;font-size: 11px;}
body {text-align: center;background-color: #AAA;}
.mainBox {margin-left: auto;margin-right: auto;width: 766px;text-align: left;background-color: #FFF;border: solid 1px #888;}
a img {border:none;}
.hidden {display: none;}
.table {margin:10px 0 25px 0;border:1px solid #d2d2d2;width:550px;border-collapse:collapse;}
.table th {border:1px solid #d2d2d2;padding:2px;background:#F3F3F3;text-align:center;}
.table td {border:1px solid #d2d2d2;padding:2px;text-align:center;}
.table th.desc {width: auto;}
.table td.desc {text-align:left;/*padding:0 5px 0 10px;*/ padding: 5px 5px 5px 10px;}
.table th.price {width: 60px;}

/** HEADER **/
.header {padding: 10px 15px 0 15px;height: 30px;}
.header .logo {float: left;color: #30b6e6;font-size: 101%;margin-top:2px;}
.header .logo h2 {font-weight: normal;}
.header .authent {float: right;text-align: right;color:#6D6B6B;margin:15px 0 0 50px;}
.header .authent a {color:#30B6E6;text-decoration:none;}
.header .hotline {float: right;color:#6D6B6B;}
.header .hotline div {float:left;margin:0 5px;}
.header .hotline h3 {color:#30B6E6;}
.header .hotline div img.at {margin-bottom: -1px;}

/** TABS **/
.tabs {clear: both;padding-top: 15px;*margin-top:20px;}
.tabs  ul {list-style: none;background-color: #FFF;height: 33px;background-image: url(../images/fond_menu.jpg);}
.tabs  ul li {float: left;margin-top: 1px;border-left: solid 1px #d2d2d2;padding: 9px 0;}
.tabs  ul li.emptyTab {border-left: none;width: 15px;}
.tabs  ul li.current {background-image: url(../images/fond_menu_current.jpg);}
.tabs  ul li.current a {font-weight: bold;color: #f7fcfe;}
.tabs  ul li a:hover {text-decoration: underline;}
.tabs  ul li.shopTab {float: right;border-left:none;padding-bottom: 0;}
.tabs  ul li.shopTab a {vertical-align: top;padding-right:15px;}
.tabs  ul li.shopTab a span {vertical-align: top;}
.tabs  ul li.shopTab a img {margin-right: 5px;}
.tabs  ul li a {color: #6d6b6b;font-weight: bold;padding:0 14px;font-size: 101%;text-decoration: none;}
.tabs  ul li.last {border-right: solid 1px #d2d2d2;}

/** CONTENT **/
.content {border-top: solid 1px #CCC;clear: both;padding: 20px 15px;/*min-height: 680px;*/}
.content div h2 {font-size: 16px;margin-bottom: 10px;color: #30b6e6;}
.content .menu {padding: 10px 15px 0 3px;border-right:1px dotted #D2D2D2;height:620px;}
.content .menu ul {list-style: none;}
.content .menu ul li {background:url('../images/carre_bleu.jpg') 2px 6px no-repeat;padding-left: 12px;}
.content .menu ul li.current {font-weight: bold;}
.content .menu ul li a {color:#6D6B6B; text-decoration:none;}
.content .menu ul .category {margin:0 0 5px;padding:0;background: none;color:#6D6B6B;font-weight:bold;}
.content .menu ul .category.next {margin:15px 0 5px;}

/** BUTTON **/
.button {float: right;padding: 4px 10px;background: #30b6e6;border-radius: 5px;color:#FFF;font-size: 12px;font-weight: bold;border: 1px solid #30B6E6;cursor: pointer;text-decoration:none;}
.button a {color: #FFF;text-decoration:none;font-size: 12px;font-weight: bold;}
.button a span {margin-left: 5px;}


/** FOOTER **/
.footer {clear: both;border-top: solid 1px #CCC;font-size: 10px;padding: 15px 0 10px 21px;height: 20px;border-bottom: solid 1px #555;}
.footer .payment, .footer .payment p, .footer .payment img {float: left;}
.footer .payment p {padding: 1px 3px 0 0;color: #555;}
.footer .payment img {padding: 0 1px;}
.footer .links {float: left;padding-left: 20px;}
.footer .links ul {float: left;list-style: none;height: 25px;}
.footer .links ul li {float: left;border-left: solid 1px #DDD;}
.footer .links ul li a {text-decoration: none;padding:0 20px 0 20px;color: #555;}
.footer .links li.social {padding-left:25px;}
.footer .links li.social div.fb{width:70px;float:left;}
.footer .links li.social div.gg{margin-left:15px;width:40px;overflow:hidden;float:left;}


/** WELCOME **/

.content .welcomeContent .promo {
  border: solid 1px #dbdbdb;
	padding: 11px;
	height: 220px;
	margin-bottom: 20px;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #d2d2d2;
	-moz-box-shadow: 1px 1px 7px #d2d2d2;  
  -webkit-box-shadow: 1px 1px 7px #d2d2d2;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#d2d2d2', Direction=135, Strength=2);
}

.welcomeContent .promo .promoScroll {position: relative;overflow: hidden;width: 710px;height: 220px;}
.welcomeContent .promo .promoScroll .pics {width: 20000em;position: absolute;}
.welcomeContent .promo .promoScroll .pics img {float: left;width: 710px;height: 220px;cursor: pointer;}

.welcomeContent .promo .navig {z-index: 10;position: absolute;margin: -15px 0 0 655px}
.welcomeContent .promo .navig .item {height: 8px;width: 8px;background: url('../images/scroll_item.jpg') 0 0 no-repeat;text-decoration:none;float:left;margin: 0 5px;border-radius:4px;}
.welcomeContent .promo .navig .item.current {background: url('../images/scroll_current_item.jpg') 0 0 no-repeat;}
		
.content .welcomeContent .products {
  float: left;
  border: solid 1px #dbdbdb;
	height: 192px;
	width: 570px;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #d2d2d2;
	-moz-box-shadow: 1px 1px 7px #d2d2d2;  
  -webkit-box-shadow: 1px 1px 7px #d2d2d2;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#d2d2d2', Direction=135, Strength=2);
}

.content .welcomeContent .products h3 {
  background-image: url(../images/fond_entete.jpg);
	padding: 8px 15px 7px;
	color: #f7fcfe;
	float: left;
	*height: 29px;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}

.content .welcomeContent .products h3 span {float: left;width: 180px;}
.content .welcomeContent .products .product {float: left;width: 180px;padding: 15px 5px;}
.content .welcomeContent .products .product div.productImage {float: left;padding-right: 10px;height: 85px;}
.content .welcomeContent .products .product .productDesc {padding-right: 8px;}
.content .welcomeContent .products .product .productLink {float: right;margin-top: 15px;clear: both;}
.content .welcomeContent .products .product .productLink a{color: #30b6e6;}

.content  .welcomeContent  div.rightBloc {
	float: right;
	width: 155px;
	border: none;
	color: #FFF;
	padding: 7px 0 12px 0;
	box-shadow: 3px 3px 6px #d2d2d2;
	-moz-box-shadow: 3px 3px 6px #d2d2d2;  
  -webkit-box-shadow: 3px 3px 6px #d2d2d2;  
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#d2d2d2', Direction=135, Strength=3); 
}
.content .welcomeContent div.rightBloc.newsletter {background: #30b6e6;}
.content .welcomeContent div.rightBloc.my-account {background: #f7600d;margin-top: 10px;}
.content .welcomeContent div.rightBloc h3 {padding: 0 15px 5px 15px;}
.content .welcomeContent div.rightBloc hr {color: white;background-color: white;height: 1px;border: 0;margin: 0 15px 5px 15px;}
.content .welcomeContent div.rightBloc p {padding: 0 15px 5px 15px;}
.content .welcomeContent div.rightBloc input {width: 125px;height: 15px;margin: 0 10px 5px 15px;font-size: 10px;}
.content .welcomeContent div.rightBloc a {color: #FFF;text-decoration: none;font-weight: bold;font-size: 10px;float: right;margin-right: 15px;}
.content .welcomeContent div.rightBloc input[type=submit] {cursor:pointer;width:auto;float:right;background: none;border: none;color: #FFF;font-weight: bold;font-size: 10px;margin-right: 15px;}
.content .welcomeContent div.presentation {display:none;}

/* CGV */
.cgvContent {padding: 20px 50px 50px 50px;color: #444;}
.cgvContent h2 {text-align: center;font-weight: bold;padding-bottom: 20px;font-size: 12px;}
.cgvContent h3 {font-weight: bold;padding: 20px 0 5px 0;color:#30b6e6;}
.cgvContent p {text-align: justify;}

/* INFORMATION CONTENT */
.infoContent div {float: left;}
.infoContent div.contentImg {width: 200px;margin-top:20px;}

/* SITEMAP */
.sitemapContent h2 {font-weight: bold;padding-bottom: 20px;font-size: 12px;}
.sitemapContent h3 {font-weight: bold;padding: 20px 0 5px 0;color:#30b6e6;}
.sitemapContent ul {padding: 0 0 0 20px;}
.sitemapContent a {color:#6D6B6B;}

/* LEGAL */
.legalContent {width: 510px;}
.legalContent p {margin: 10px 0 25px;text-align: justify;}
.legalContent p img {margin-bottom: -1px;}
.legalContent h3 {color:#30B6E6;}

/* CONTACT */
.contactContent div.contactForm {width: 450px;margin-bottom:15px;}
.contactContent div.contactForm p {margin: 0 0 10px;}
.contactContent fieldset {border: 1px solid #30b6e6;padding:10px;margin:0 0 15px 0;border-radius: 5px;}
.contactContent fieldset legend {color:#30b6e6;padding:0 5px;font-weight:bold;}
.contactContent fieldset label {float: left;clear:both;width: 100px;margin:3px 0;}
.contactContent fieldset label.radioLabel {clear:none;margin-left:5px;}
.contactContent fieldset input {float: left;}
.contactContent fieldset input[type=text] {float: left;width:165px;}
.contactContent fieldset input[type=radio] {margin:2px 0 8px;}
.contactContent fieldset select {float: left;width:169px;}
.contactContent fieldset textarea {float: left;width:320px;height:200px;resize:none;}


/* MOTORISATIONS */
.motorContent {margin-top: 10px;width: 730px;}
.motorContent div {float: left;}
.motorContent div.contentImg {width: 200px;margin-top:20px;}
.motorContent div.presentation {float: left;margin: 0 0 0 17px;width: 510px;}
.motorContent div.presentation h4 {font-size: 11px;margin: 10px 0 5px 0;color: #30b6e6;}
.motorContent div.presentation p {text-align: justify;}
.motorContent div.presentation ul {list-style-image: url("../images/carre_bleu.jpg");margin-left:15px;}
.motorContent div.addBasketButton {float:right;margin: 40px 0 0;}
#selectionMoteur .rightHelp #manoeuvreHelp ul {list-style-image: url("../images/carre_bleu.jpg");margin-left:15px;text-align:left;}
#selectionMoteur .rightHelp #manoeuvreHelp ul li {margin:10px 0;}
#selectionMoteur.contentPopupBox div.preview {float: none;padding:0;}
#selectionMoteur.contentPopupBox .rightBloc {float: left;}


/* MOUSTIQUAIRES */
.mosquitoContent {margin-top: 10px;width: 730px;}
.mosquitoContent div {float: left;}
.mosquitoContent div.contentImg {width: 265px;margin-top:20px;}
.mosquitoContent div.presentation {float: left;margin: 0 0 0 17px;width: 430px;}
.mosquitoContent div.presentation h4 {font-size: 11px;margin: 10px 0 5px 0;color: #30b6e6;}
.mosquitoContent div.presentation p {text-align: justify;}
.mosquitoContent div.presentation ul {list-style-image: url("../images/carre_bleu.jpg");margin-left:15px;}
.mosquitoContent div.addBasketButton {float:right;margin: 40px 0 0;}
#selectionMoustiquaire .rightHelp #help ul {list-style-image: url("../images/carre_bleu.jpg");margin-left:15px;text-align:left;}
#selectionMoustiquaire .rightHelp #help ul li {margin:10px 0;}
#selectionMoustiquaire.contentPopupBox div.preview {float: none;padding:0;}
#selectionMoustiquaire.contentPopupBox .rightBloc {float: left;}
#selectionMoustiquaire.contentPopupBox .previewImg #previewImage {padding-top: 7px;}


/* PIECES */
.piecesContent {margin-top: 10px;}
.piecesContent div {float: left;}
.piecesContent .products {margin:0 0 15px 10px;height:630px;width:560px;overflow-x:hidden;overflow-y:auto;}
.piecesContent .products .loader, .piecesContent .products .error {color: #30b6e6;margin:100px 0 0 0;width:100%;text-align:center;}
.piecesContent .products .product {float:left; border: 1px solid #dbdbdb;border-radius: 6px;text-align:center;padding:5px;width:155px;margin:0 10px 10px 0;}
.piecesContent .products .product img {height:70px;}
.piecesContent .products .product .info {margin-top:10px;border: 1px solid #f3f3f3;border-radius: 6px;padding:5px;width:143px;background:#f3f3f3;text-align:left;}
.piecesContent .products .product .info .title {color:#30b6e6;font-weight:bold;}
.piecesContent .products .product .info .description {color:#6D6B6B;height:30px;}
.piecesContent .products .product .info .price {float:left;margin:9px 0 0;}
.piecesContent .products .product .info .addToBasket {float:right;margin:5px 0 2px;border:1px solid #30b6e6;border-radius:4px;background:#30b6e6;padding:3px;color:#fff;text-decoration:none;}
.piecesContent .products .product .info .unavailable {margin: 8px 0 7px;text-align: center;font-style: italic;color: #6D6B6B;}

/* VR */
.vrContent {float: left;margin-bottom: 30px;width: 725px;}
.vrContent .leftBloc {float: left;}
.vrContent .photos {float: left;border: 1px solid #d2d2d2;border-radius: 5px;width: 220px;margin-bottom: 20px;}
.vrContent .photos .onePhoto {padding: 5px;text-align: center;}
.vrContent .photos .selectPhotos {float: left;border-top: 1px solid #d2d2d2;width: 100%;height: 45px;}
.vrContent .photos .selectPhotos a.prev {float:left;margin:15px 4px 0 5px;}
.vrContent .photos .selectPhotos a.next {float:left;margin:15px 5px 0 0;}
.vrContent .photos .selectPhotos .scrollable {float:left;position:relative;overflow:hidden;width:170px;height:50px;}
.vrContent .photos .selectPhotos .scrollable .items {width:20000em;position:absolute;}
.vrContent .photos .selectPhotos .scrollable .items div {float:left;}
.vrContent .photos .selectPhotos .scrollable .items img {border-right: solid 1px #d2d2d2;padding: 5px 14px;}
.vrContent .photos .selectPhotos .scrollable .items img:last-of-type {border-right: none;}
.vrContent .leftBloc .information {clear: both;width: 220px;border: 1px solid #30b6e6;border-radius: 5px;}
.vrContent .leftBloc .information h3 {padding: 2px 5px;background: #30b6e6;color: #FFF;}
.vrContent .leftBloc .information h3 img{vertical-align: middle;margin: 0 10px 2px 0;}
.vrContent .leftBloc .information p {padding: 10px;background: #FFF;margin-bottom: 5px;}
.vrContent .presentation {float: left;margin: 0 0 0 17px;width: 485px;}
.vrContent .presentation h4 {font-size: 11px;margin: 10px 0 5px 0;color: #30b6e6;}
.vrContent .presentation p {text-align: justify;}

.vrContent .leftBloc .addBasketButton {clear: both;}
.vrContent .leftBloc .addBasketButton a {font-size: 14px;}
.vrContent .addBasketButton {margin: 20px 35px 0;width: 125px;text-align:center;}



/* Popup */
.overlay {
	background: #FFF;
	border: 2px solid #30b6e6;
	display: none;
	box-shadow: 2px 2px 5px #d2d2d2;
	-moz-box-shadow: 2px 2px 5px #d2d2d2;
  -webkit-box-shadow: 2px 2px 5px #d2d2d2;
}
.overlay .close{
	background-image: url(../images/x.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 26px;
	width: 26px;
}

/* Confirm Popup */
.overlay .confirm {margin: 30px;}
.overlay .confirm p {width: 200px;text-align:left;}
.overlay .button {margin: 20px 0 20px 0;}

/* VR Popup */

div.contentPopupBox h3 {margin: 2px 2px 15px 2px;padding: 3px;background-color: #30b6e6;color: #FFF;}
div.contentPopupBox div.buttons {margin-right: 24px;}

div#VR_type .choices {padding: 10px;}
div#VR_type  ul {list-style: none;width: 640px;}

.roundedBox  {margin: 20px;padding: 8px;float: left;border: 1px solid #EEE;border-radius: 5px;height: 180px;cursor: pointer;}
.roundedBox.current  {border: 1px dashed #30b6e6;}
.roundedBox.select, .roundedBox.select.current  {border: 1px solid #30b6e6;}

.roundedBox p {font-weight: bold;margin: 15px 0;}
.roundedBox div.infos {padding-top: 10px;height: 35px;width: 110px;}

div.contentPopupBox div.popinInformationContent {float: left, width: 400px; padding: 0 20px; height: 200px;}

div.contentPopupBox .description {clear: both;float: left;border: 1px solid #EEE;border-radius: 5px;padding: 2px 2px 0 5px;margin: 5px 0 20px 30px;width: 420px;height: 30px;text-align: left;color: #999;}
div.contentPopupBox .description span{font-weight: bold;}
div#VR_type  .button {margin:10px 14px 0 0;}


div.contentPopupBox fieldset {border: 1px solid #30b6e6;border-radius: 5px;margin: 0 0 19px 0;}
div.contentPopupBox fieldset legend {padding: 0 5px;color: #30b6e6;}
div.contentPopupBox div.inputs {float: left;width: 280px;padding: 0 0 0 20px;height: 500px;}
div.contentPopupBox div.rightHelp {float: left;width: 280px;padding: 0 0 0 20px;height: 405px;}
div.contentPopupBox div.preview {float: left;width: 280px;padding: 0 0 0 20px;height: 115px;}
div.contentPopupBox div.inputs fieldset {padding: 0 0 10px 10px;}
div.contentPopupBox div.inputs fieldset legend {text-align: left;}
div.contentPopupBox div.inputs fieldset label {float: left;width: 85px;margin: 2px 10px 0 0;text-align: right;padding-top: 1px;}
div.contentPopupBox div.inputs fieldset input, div.contentPopupBox div.inputs fieldset select {float:left;margin: 2px 5px 2px 0;height: 18px;}
div.contentPopupBox div.inputs fieldset input {width: 130px;}
div.contentPopupBox div.inputs fieldset input[type=radio] {width: 15px;}
div.contentPopupBox div.inputs fieldset select {width: 135px;}
div.contentPopupBox div.inputs fieldset a {float:left;margin:5px 0 0 5px;}
div.contentPopupBox div.inputs fieldset input {text-align: right;}
div.contentPopupBox div.inputs fieldset input.error {border: 1px solid red;padding-left: 1px;}
div.contentPopupBox div.inputs fieldset p.error {text-align: right;padding: 0 41px 0 0;font-size: 9px;color: red;display: none;}
div.contentPopupBox div.inputs fieldset img.help {vertical-align: middle;margin-top: -4px;_margin-top: -5px;border: none;}
div.contentPopupBox div.inputs fieldset input#quantity {margin-right:90px;width:48px;}
div.contentPopupBox div.inputs fieldset textarea {float:left;font-size:10px;resize:none;width:138px;height:40px;}
div.contentPopupBox div.inputs fieldset div.radioButtons {float: left;}
div.contentPopupBox div.inputs fieldset div.radioButtons input[type=radio] {clear: both;}
div.contentPopupBox div.inputs fieldset div.radioButtons label.radioLabel {text-align:left;width:140px;}
div.contentPopupBox .rightBloc {margin-right: 15px;}
div.contentPopupBox .rightBloc fieldset {width: 270px;_width: 280px;}
div.contentPopupBox .rightBloc fieldset legend {text-align: center;}
div.contentPopupBox .rightHelp fieldset {height: 370px;_height: 366px;}
div.contentPopupBox .rightHelp h3 {color: #30b6e6;background: #FFF;}
div.contentPopupBox .rightHelp p {text-align: justify;color: #444;}
div.contentPopupBox .rightHelp #rightHelpContainer {padding: 10px;}
div.contentPopupBox .rightHelp #rightHelpContainer div {display: none;}
div.contentPopupBox .rightHelp #rightHelpContainer div#defaultHelp {display: block;}
div.contentPopupBox .rightHelp #rightHelpContainer div#defaultHelp ul {list-style-image: url("../images/carre_bleu.jpg");margin:5px 0 0 15px;text-align:left;color:#444;}
div.contentPopupBox .rightHelp #rightHelpContainer div div {display: block;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 {clear: both}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 div {float: left;margin: 0 0 15px 10px;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 .detailedHelp1-img {width: 50px;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 .detailedHelp1-info {width: 180px;height: 100px;vertical-align: middle;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 .detailedHelp1-info p {text-align: left;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp1 .detailedHelp1-info p span {color: #30b6e6;}
div.contentPopupBox .rightHelp #rightHelpContainer #typeCoulisseHelp .detailedHelp1 div {margin-left: 0;}
div.contentPopupBox .rightHelp #rightHelpContainer #typeCoulisseHelp .detailedHelp1 .detailedHelp1-img {width: 90px;}
div.contentPopupBox .rightHelp #rightHelpContainer #typeCoulisseHelp .detailedHelp1 .detailedHelp1-info {width: 160px;position:relative;z-index:10;}
div.contentPopupBox .rightHelp #rightHelpContainer #couleursHelp .detailedHelp1 div {margin: 0 0 3px 10px;}
div.contentPopupBox .rightHelp #rightHelpContainer #couleursHelp .detailedHelp1 .detailedHelp1-info {height:20px;padding-top:3px;}
div.contentPopupBox .rightHelp #rightHelpContainer #manoeuvreHelp .detailedHelp1 .detailedHelp1-info {height:50px;}
div.contentPopupBox .rightHelp #rightHelpContainer .detailedHelp2 {float: left;width: 50%;text-align: center;}
div.contentPopupBox .rightHelp #rightHelpContainer div div.detailedHelp2 img {margin: 20px 0 10px 0;}
div.contentPopupBox .rightHelp #rightHelpContainer div h3 {font-weight: normal;}
/*div.contentPopupBox .buttons {clear:both;}*/
div.contentPopupBox .buttons .button {margin:0 0 20px 10px;}
div.contentPopupBox .preview {padding: 20px 0 0 0;}
div.contentPopupBox .preview .previewImg {float: left;margin:0 5px;height: 80px;width: 100px;}
div.contentPopupBox .preview .infos {float: left;margin:15px 0 5px;height: 70px;width: 145px;}
div.contentPopupBox .preview .infos .title {float: left;clear:both;font-size:12px;margin-bottom:5px;}
div.contentPopupBox .preview .infos .info {float: right;font-size:12px;font-weight:bold;margin-bottom:5px;}
div.contentPopupBox .preview .infos #unitPrice, div.contentPopupBox .preview .infos #totalPrice {color:#30B6E6;}
div.contentPopupBox .preview .infos del {color:#444;}

#configPopup #confirmAddBasket {display: none;}
#configPopup.modeConfirm {margin: 150px 0 0 150px;}

div#newVoletRoulant div#saisieVoletRoulant {display: none;}
div#saisieVoletRoulant div.contentPopupBox div.buttons, div.contentPopupBox#selectionMoteur div.buttons {clear: both;}
div#saisieVoletRoulant div.contentPopupBox .rightBloc {width: 600px;}
div.contentPopupBox#selectionMoteur div.inputs {height: auto;}
div.contentPopupBox#selectionMoustiquaire div.inputs {height: auto;}


/* LOGIN */
.content .loginContent {margin-top: 10px;}
.content .loginContent .loginBloc {
  float: left;
  border: solid 1px #dbdbdb;
	height: 180px;
	width: 350px;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 1px 1px 7px #d2d2d2;
	-moz-box-shadow: 1px 1px 7px #d2d2d2;  
  -webkit-box-shadow: 1px 1px 7px #d2d2d2;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#d2d2d2', Direction=135, Strength=2);
}
.content .loginContent .loginBloc.existingUser {margin: 0 25px 0 0;}

.content .loginContent .loginBloc h3 {
  background-image: url(../images/fond_entete.jpg);
	padding: 8px 15px 7px;
	color: #f7fcfe;
	float: left;
	*height: 29px;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
	width: 321px;
}
.content .loginContent .loginBloc div {padding: 50px 15px;}
.content .loginContent .loginBloc label, .content .loginContent .loginBloc p {float: left;clear:both;width:100px;margin:10px 0;}
.content .loginContent .loginBloc p.error {margin:25px 0 0;width:200px;color:red;}
.content .loginContent .loginBloc input[type=text], .content .loginContent .loginBloc input[type=password] {float: left;width:180px;margin:8px 0;}
.content .loginContent .loginBloc .button {margin: 20px 0 0;padding:4px 7px;}
.content .loginContent .loginBloc.newUser .button {margin: 55px 0 0;}
.content .loginContent .loginBloc.existingUser a {float:left;clear:both;margin:23px 0 0;color:#30b6e6;}
#confirmSendPassword #emailSendPassword {margin:20px 0 5px;width:160px;}
#createNewUser #createNewUserMessage {width: 400px;}
#createNewUser fieldset {border: 1px solid #30b6e6;padding:10px;margin:15px 0 5px 0;border-radius: 5px;}
#createNewUser fieldset legend {color:#30b6e6;padding:0 5px;font-weight:bold;}
#createNewUser fieldset label {float: left;clear:both;width: 100px;margin:3px 10px 0 0;text-align:right;}
#createNewUser fieldset input[type=text], #createNewUser fieldset input[type=password]  {float: left;width:165px;margin:2px 0;}
#createNewUser fieldset input.invalid {border: 1px solid red; padding:1px;}
#createNewUser fieldset select {float: left;width:auto;margin:2px 0;}
#createNewUser fieldset img {float:left;margin:7px 0 0 5px;height:6px}
#createNewUser .info {color:#30b6e6;}
#createNewUser .info img {height:6px}
#confirm.overlay, #confirmAddBasket.overlay {z-index: 10000;}


/* COMPTE */
.accountContent div {float: left;}
.accountContent .menu {width: 130px;}
.accountContent .rightPart {width: 400px;padding:0 0 0 20px;}
.accountContent .loader, .accountContent .error {margin:10px 0 25px 0;width:550px;}
.accountContent .orderList table th.date {width: 60px;}
.accountContent .orderList table th.id {width: 55px;}
.accountContent .orderList table th.status {width: 70px;}
.accountContent .orderList table th.action {width: 15px;}
.accountContent .orderList table td.desc .details {font-style:italic;color:#AAA;}
.accountContent .accountDetails {display: none;}
.accountContent fieldset {border: 1px solid #30b6e6;padding:10px;margin:0 0 15px 0;border-radius: 5px;}
.accountContent fieldset legend {color:#30b6e6;padding:0 5px;font-weight:bold;}
.accountContent fieldset label {float: left;clear:both;width: 100px;margin:3px 0;}
.accountContent .accountDetails fieldset label.radioLabel {clear:none;margin-left:5px;}
.accountContent .accountDetails fieldset input, .accountContent .accountPassword fieldset input {float: left;}
.accountContent .accountDetails fieldset input[type=text] {float: left;width:165px;}
.accountContent .accountDetails fieldset input[type=radio] {margin:2px 0 8px;}
.accountContent .accountDetails fieldset p {float: left;padding:3px 0 0;}
.accountContent .accountDetails fieldset p a {color: #30b6e6;padding: 0 0 0 10px;}
.accountContent .accountDetails fieldset h4 {margin: 0 0 15px;}
.accountContent .accountDetails table {margin-bottom:5px;width: 530px;}
.accountContent .accountDetails table input {float: none;}
.accountContent .accountDetails .addAddress {float:right;margin:0 0 5px;}
.accountContent .accountDetails .addAddress a {color:#30b6e6;}
.accountContent .buttons {float:right;}
.accountContent .accountPassword {display: none;}
.accountContent .accountPassword fieldset {width: 530px;}
.accountContent .accountPassword fieldset label {width: 150px;margin-left:120px;}
#confirmDeleteAddress .buttons .button {margin-left: 15px;}
#addressPopup .contentPopupBox .inputs {width: 260px;padding: 0 24px;height: 155px;}
#addressPopup .contentPopupBox div.inputs fieldset {padding-top: 5px;}
#addressPopup .contentPopupBox div.inputs fieldset input {text-align:left;}


/* PANIER */
.basketContent div {float: left;}
.basketContent .basketDetails {margin:0 0 0 20px;width: 575px;}
.basketContent .basketDetails table th.price {width: 65px;}
.basketContent .basketDetails table th.quantity {width: 70px;}
.basketContent .basketDetails table td.desc {border-right:none;}
.basketContent .basketDetails table td.action {border-left:none;vertical-align:top;padding-top:12px;}
.basketContent .basketDetails input[type=number] {text-align:right;width:40px;padding:0 4px 0 0;}
.basketContent .basketDetails table .total .filler-left {border-left:1px solid white;border-bottom:1px solid white;border-top:none;}
.basketContent .basketDetails table .total .filler-right {border-right:1px solid white;border-bottom:1px solid white;border-top:none;}
.basketContent .basketDetails table .total .title {background:#F3F3F3;text-align:right;}
.basketContent .buttons {clear:both;float:right;margin:10px 10px 0 0;}
.basketContent .buttons .button {margin-left:10px;}
.basketContent .promo {margin: 35px 0 0 153px;}
.basketContent .promo input {margin: 0 0 0 11px;}
#validBasket p {width: auto;}
#validBasket fieldset {border: 1px solid #30b6e6;padding:10px;margin:15px 0 5px 0;border-radius: 5px;}
#validBasket fieldset.disabled {border: 1px solid #d2d2d2;}
#validBasket fieldset legend {color:#30b6e6;padding:0 5px;font-weight:bold;}
#validBasket fieldset label {float: left;width: 370px;margin:3px 10px 0 10px;text-align:left;}
#validBasket fieldset input {float: left;width:15px;margin:20px 0 0 0;}
#validBasket fieldset .addressChoice {width:330px;border:1px solid #D2D2D2;}
#validBasket fieldset .addressChoice label {width:70px;clear:both;margin:2px 0 5px 0;}
#validBasket fieldset .addressChoice label.inline {clear:none;width:35px;}
#validBasket fieldset .addressChoice input {margin:0;}
#validBasket fieldset .addressChoice select {float:left;}
#validBasket fieldset .addressChoice #addressStreet {width:230px;}
#validBasket fieldset .addressChoice #addressZipCode {width:35px;margin-right:10px;}
#validBasket fieldset .addressChoice #addressTown {width:146px;}
#validBasket h3 {margin:0 0 25px;}
#validBasket #paymentChoice,#validBasket #confirm {display:none;}
#validBasket  .buttons .button {margin-left:10px;}



/* SUIVI */
.followUpContent div {float: left;}
.followUpContent .menu {width: 130px;}
.followUpContent .rightPart {width: 400px;padding:0 0 0 20px;}
.followUpContent .loader, .followUpContent .error {margin:10px 0 25px 0;width:550px;}
.followUpContent .searchBloc {width: 550px;}
.followUpContent .searchBloc .searchResults {display: none;}
.followUpContent .orderList table th.date {width: 50px;}
.followUpContent .orderList table th.id {width: 55px;}
.followUpContent .orderList table th.client {width: 95px;}
.followUpContent .orderList table th.status {width: 70px;}
.followUpContent .orderList table th.action {width: 15px;}
.followUpContent .orderList table td.desc .details {font-style:italic;color:#AAA;}
.followUpContent .clientList, .followUpContent .articleList, .followUpContent .createArticle {display: none;}
.followUpContent .clientList table th.id {width: 25px;}
.followUpContent .clientList table th.details {width: 150px;}
.followUpContent .clientList table th.addresses {width: 180px;}
.followUpContent .clientList table td.addresses table{width: 100%;}
.followUpContent .clientList table td.addresses table td{border: none;}
.followUpContent .clientList table td.addresses table td.main{border: 1px dashed #D2D2D2;}
.followUpContent .clientList table td.remise input {width: 30px;padding: 0 1px 0 0;text-align: center;}
.followUpContent .clientList table td.remise input[readonly] {border: none;}
.followUpContent .createArticle  label.radioLabel {clear:none;margin-left:5px;width:35px;}
.followUpContent .createArticle  input[type=radio] {margin-top:2px;}
.followUpContent .createArticle .createResult {display: none;}
#orderDetails  .details{width: 350px;margin:15px;}
#orderDetails  .details fieldset {padding:10px;text-align:left;}
#orderDetails  .details fieldset div {max-height: 170px;overflow-y: auto;overflow-x: hidden;}
#orderDetails  .details fieldset table .title {width:60px;padding:0 10px 5px 0;text-align:right;vertical-align:top;font-style:italic;}
#orderDetails  .details fieldset table .info {width:110px;vertical-align:top;}
#orderDetails  .details fieldset table .info#detailsOrderDate, #orderDetails  .details fieldset table .info#detailsOrderPrice {width:60px;text-align:right;}
#orderDetails  .details fieldset table.table {width: 100%;margin: 0px;}
#orderDetails  .details fieldset table.table th.id{width: 20px;}
#orderDetails  .details fieldset table.table th.qty{width: 25px;}
#orderDetails  .details fieldset table.table td.desc.dlr{font-style: italic;}
#orderDetails  div.contentPopupBox div.buttons {margin-right: 15px;}
#orderDetails .details fieldset #changeStatusForm table .title {width: 100px;}
#orderDetails .details fieldset #changeStatusForm table select {margin-top:-2px;}
#orderDetails .details fieldset #changeStatusForm .error {margin-left:10px; color:red;}
.followUpContent .accountDetails {display: none;}
.followUpContent fieldset {border: 1px solid #30b6e6;padding:10px;margin:0 0 15px 0;border-radius: 5px;}
.followUpContent fieldset legend {color:#30b6e6;padding:0 5px;font-weight:bold;}
.followUpContent fieldset label {float: left;clear:both;width: 100px;margin:3px 0;}
.followUpContent .searchBloc fieldset label.radioLabel {clear:none;margin-left:5px;}
.followUpContent .searchBloc fieldset input, .accountContent .accountPassword fieldset input {float: left;}
.followUpContent .searchBloc fieldset input[type=text] {float: left;width:165px;}
.followUpContent .searchBloc fieldset select {float: left;width:169px;}
.followUpContent .buttons {float:right;}