﻿.modalBackground {
	background-color:Black;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modaleExpress {
	background:white;
	width:600px;
	padding:1px;
	text-align:left;	
	overflow:auto;
}


.modaleExpress h2 
{
	padding:20px 0 10px 0;
}
.servicesContainer h2 {
    width:560px;
}

.modaleExpress p.accroche 
{
	padding:10px;
}


.modaleExpressContent {	
	overflow:auto;
	width:580px;
	padding:10px;
	height:580px;
}

.modaleExpressContent .boxCenter  {	
	overflow:hidden;
	width:580px;
}
.modaleExpressContent .servicesContainer {
    background:#FFFFFF none repeat scroll 0 0;
    overflow:hidden;
	width:580px;
	margin:0;
	padding:0;
}
.modaleExpressContent .boxCenter {
    overflow:hidden;
    padding:0;
    position: static;
    width:560px;
}
.modaleExpressContent .staticContainer 
{
    width:560px;
}



.modaleExpressContent .leftBoxCenter 	
{
	padding-left:15px;
	
}

.modaleExpressContent .rightBoxCenter 	
{
	width:300px;
	padding-top:40px;
}

.modaleExpressContent .desc  
{
	float:none;
	width:280px;
}

.modaleExpressContent .price  
{
	float:none;
	clear:both;
	text-align:left;
	padding:5px 0 10px 0;
	
}

.modaleExpressContent .actionRight  
{
	padding:10px 0 0 0;
	width:300px
	
}

.modaleSize {
	background:white;
	width:auto;
	height:auto;
	text-align:left;
}
.modaleError {
	background:white;
	width:auto;
	height:auto;
	text-align:left;
}

.modaleError p.auCentre {
	font-size: 1.3em;
	padding-top:60px;
}

.modaleErrorContent {	
	overflow:hidden;
	width:410px;
	height:180px;
	color:#717171;
}

.modaleCgv  {
	background:white;
	width:440px;
	padding:10px;
	height:505px;
	text-align:left;
}

.modaleCgvContent {	
	overflow:auto;
	width:430px;
	margin:auto;
	height:500px;
	color:#717171;
}


.sizeTableTitle 	
{
	color:#000000;
	font-size:1.4em;
	font-weight:bold;
}
.modaleSizeContent {	
	overflow:auto;
	padding:1px;
	width:auto;
	width:620px;
	height:600px;
	
}

.modaleSizeContent p 	
{
	
	font-size:1.1em;
	padding:5px 0 0 10px;
}
.modaleSizeContent p.closeModale 	
{
	padding:10px;
}

.leftModaleExpressContent {
	float:left;
	width:330px;
}

.rightModaleExpressContent {
	float:right;
	width:320px;
	padding:20px 0 0 0;
}

.rightModaleExpressContent .description {
	width:300px;
	height:120px;
	border:1px solid silver;
	margin-top:10px;
}

.leftModaleExpressContent .product {
	margin:30px auto 0 auto;
}

.closeModale a { 
	color:#FFF;
	font-size:1.2em;
	display:block;
	padding:0 20px 5px 0;
	background: url(images/btn/btn_closeModale.gif) no-repeat right 2px;
	width:180px;
	float:right;
}

.closeModale a:hover{
	text-decoration:underline;
}

.closeModale {
	text-align:right;
	padding:10px;
	height:20px;
	background-color:#b2b2b2;
}

.bottomModaleZoom {
	background:#cc6a00 url(images/fond/bottomModale.gif) no-repeat left top;
	height:20px;
	color:#b2b2b2;
}

.modaleConfirmContent {
    background:#fff;
}

/*.Not Available Pop up ............................................................................*/
.notAvailableContainer {
	width:372px;
	height:79px;
	background:url(../images/background/popupIndisponible.png) no-repeat;
}
.notAvailableContainer a {
	display:block;
	width:53px;
	height:12px;
	background:url(../images/btn/closePopUp.gif) no-repeat right 1px;
	font-size:1.1em;
	font-weight:bold;
	color:#484135;
	text-decoration:none;
	float:right;
	margin:4px 4px 0 0;
}
.notAvailableContainer p{
	color:#484135;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	padding:30px 0 0 0;
}


/*--delete product modal---------------------*/

.modaleDelete {
	background:#f3f2ed;
	width:400px;
	padding:5px;
	text-align:left;	
	overflow:auto;
}

.modaleDeleteContent {
    width:378px;
    margin:10px auto;
    background:#FFF;
    border:1px solid #CCC;
    overflow:hidden;
    padding:30px 0;
}


.modaleDelete p.closeModale {
    background:none;
    height:20px;
    padding:0;
    text-align:right;
}
.modaleDelete h2 {
    color:#877850;
    font-size:1.9em;
    font-weight:normal;
    text-align:center;
    padding:10px 0;
}

.modaleDelete p.closeModale a {
    background:transparent url(../images/btn/closePopUp.gif) no-repeat scroll right 1px;
    color:#484135;
    display:block;
    float:right;
    font-size:1.1em;
    font-weight:bold;
    height:12px;
    margin:4px 6px 0 0;
    text-decoration:none;
    width:53px;
}

.modaleDelete p {
    text-align:center;
    font-size:1.2em;
    padding:10px 0;
}

.modaleDelete p.closeModale a:hover {
    text-decoration:underline;
}

.modaleDelete a.defaultBtn {
    background:transparent url(../images/background/bg_defaultBtn.gif) no-repeat scroll left top;
    border:1px solid #867A66;
    color:#494236;
    float:left;
    font-size:1.1em;
    font-weight:bold;
    height:15px;
    padding:3px 13px 0 18px;
    text-decoration:none;
    margin-left:10px;
}
.modaleDelete a.defaultBtn:hover {
    text-decoration:underline;
}

.actionDeleteModale {
    width:248px;
    overflow:hidden;
    padding:10px 0 10px 130px;
}

