@CHARSET "UTF-8";

/**************************
** CLASS PANIER			 **
***************************/ /*	div globale du panier */
.cartContent {
	
}

.cartinfoscontainer{
	min-height: 500px; 
	margin-right:200px;	
}


/*	font d'erreur dans la page du panier */
.cartInfosError {
	font-weight: bold;
	font-size: 12px;
	color: #FF0000;
}

/*	font d'erreur dans la page du panier */
.cartInfosItalic {

	font-style: italic;
	font-size: 10px;

}


/*	div barre d'etapes du panier */
.cartStep {
	
	float:right; 
	margin-right:20px;
}

/*	table de barre d'etapes du panier */
.cartStepBarTable {
	
}

/*	td du tableau barre d'etapes du panier */
.cartStepBarTableTd, cartStepBarTable td  {
	text-align: center;
}

/*	texte de la barre d'etapes du panier */
.cartStateBarItem {
	font-size: 10px;
	color: #8E8E8E;
}

/*	texte de la barre d'etapes du panier */
.cartStateBarItem a {
	text-decoration: none;
	font-size: 10px;
	color: #8E8E8E;
}

/*	texte de la barre d'etapes du panier */
.cartStateBarItem a:Hover { /*text-decoration:underline;*/
	font-weight: bold;
	color: #FF5500;
}

/*	texte selectionné de la barre d'etapes du panier */
.cartStateBarItemSelected {
	font-weight: bold;
	font-size: 11px;
	color: #b6051f;
}

/*	div globale du panier */
.cartContentSlave {
	width: 70%;
}

/*	validation de la commande du panier */
.cartValidate {
	text-align: right;
	font-size: 12px;
}

/*	div partie globale selection mode de paiement */
.cartPayment {
	
}

/*	tableau de selection du mode de paiement */
.cartPaymentTable {
	
}

/*	balise tr du tableau de selection du mode de paiement */
.cartPaymentTableTr {
	vertical-align: top;
}

/*	titre du mode de paiement */
.cartPaymentTitle {
	font-weight: bold;
	font-size: 14px;
	color: #281487;
}

/*	infos du mode de paiement */
.cartPaymentInfos {
	font-size: 12px;
}

/*	titre du mode de paiement */
.cartPaymentBillInfos {
	font-size: 12px;
	color: #b6051f;
}

/*	acceptation informations contractuelles du panier */
.cartAcceptContractual {
	text-align: center;
	font-size: 12px;
}




/*	Titre du panier dans le tableau */
.cartItemTitle {
	font-size: 14px;
	font-weight: bold;
}

.cartValue {
	
}

/*	Titre des differentes parties de la page panier */
.cartTitle {
	font-size: 20px;
	font-weight: bold;
}

/*	infos panier */
.cartInfos {
	font-size: 12px;
}

/*	info commande edition panier */
.cartPack{
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}

/*	type de produit du tableau du panier */
.cartItemType {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding-left: 15px;
}

/*	type de produit du tableau du panier */
.cartItemInfos {
	font-size: 10px;
	padding-left: 25px;
}

/*	produit du tableau du panier */
.cartItem {
	font-size: 12px;
	padding-left: 25px;
	color : #555;
}

/*	montant du tableau du panier */
.cartAmount {
	font-size: 12px;
	font-weight: bold;
}

/*	item licence du panier */
.cartLicense
{
	font-size: 12px;
	padding-left:40px;
	color : #555;
}

/*	libelle des montants du tableau du panier */
.cartAmountLabel {
	font-size: 14px;
	font-weight: bold;
	float: right;
}

/*	radio du panier */
.cartRadio {
	padding-left: 25px;
}

/*	checkbox du panier */
.cartCheckbox {
	
	/** /
color:red;
background:#fff;
width:4em;
height:4em;
padding:1em;
/**/

padding-left: 25px;

}



/****/

/*	textbox du panier */
.cartText {
	border: 1px solid #CCCCCC;
}

/*	select du panier */
.cartSelect {
	margin-left: 25px;

}


/*	button,submit du panier */
.cartButton {
	
}


/********************
* BARRE D'AVANCEMENT
*********************/

.step
{
	min-width: 90px;
	text-align: center;
	border-collapse: collapse;
	color: #666;
	
	
}
.step a, .step a:hover, .step a:visited
{
	text-decoration: none;
	
}

.step a:hover
{
	color: #281487 !important; 
    font-weight: bold;
}

.step a:visited
{
    color: inherit;
}


.stepseparator
{

	width: 2px;
	height: 23px;
	background-image: url("../img/headerback.gif");
	background-repeat: no-repeat;
	background-position: center;
}

.stepnum
{
	color: #666;

	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
	width: 24px;
	height: 24px;
	
	border: 1px solid #666;
	background-color: white;
	
	/** BORD ARRONDI **/
	border-radius: 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    
    margin :auto;
    margin-top: 0px;
    margin-bottom: 0px;
    
}

.stepname
{
	color: #666;
    font-size: 11px;
    
    margin: 0px;
    margin-top: 5px;
}

.selected
{
	color: #281487;
	font-weight: bold;
	border-color:  #281487;
	border-width: 2px;
}

/**********************
* SURCHARGE
***********************/

.cartselect {
	
	width:98%;
	margin-left:auto;
	margin-right:auto;	
	/*border:1px solid #000000;*/

}
.cartselect .offer{

	height:230px;
	width:230px;
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	font-size:12px;
		


}
.cartselect .offertitle{

	font-size:10px;

}
.cartselect .offername{

	font-size:12px;
	height:50px;
}
.contenthighlightdiv .cartselect .offerdesc{

	text-align: left;
	padding-bottom:50px;
	padding-left:5px;
	padding-right:5px;
	font-size:10px;
	min-height:65px;
}
.contenthighlightdiv .cartselect .offerdesc{

	text-align: left;
	padding-bottom:50px;
	padding-left:5px;
	padding-right:5px;
	font-size:10px;
	min-height:65px;
}

.cartselect .offerdesc{

	text-align: left;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:10px;
	min-height:35px;
}

.cartselect .formbutton{


}

.cartreload
{
    width: 90%;
    margin-left:auto;
    margin-right:auto;	
    text-align:right;
}
.cartreload .formcancel
{
    min-width: 250px;
    height: 34px;
    font-size: 12px;
    font-weight:bold;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;
    border-radius: 7px;    
 	border: 1px solid #A0A0A0;

 	/** OMBRAGE **/
    -moz-box-shadow: 1px 1px 5px #444;
    -webkit-box-shadow: 1px 1px 5px #444;
    /** ombrage IE 9**/
    box-shadow: 1px 1px 5px #444;
    /** ombrage IE <=8**/
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom : 1;
}


/**********************
* AFFICAHGE DU PANIER 
***********************/

.cartformcross
{
	float:left;
	padding-right:5px;
}

.cartformcross .helpbutton
{
	
	width: 8px;
	height: 8px;
	margin-bottom:2px;
	padding:1px;
	padding-bottom:2px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border : 1px solid #a8adae;
	color: #a8adae;
	background-color: #FFFFFF;  
	/** BORD ARRONDI **/
	border-radius: 2px;
	-moz-border-radius : 2px;
	-webkit-border-radius : 2px; 	
	text-decoration: none;
}

.cartformcross .helpbutton:hover
{
   color: #fafafa;
   background-color:#a8adae; 
   border : 1px solid #fafafa;
   cursor: pointer;
   text-decoration: none;

}


.cartable
{
    width: 90%;
    min-width: 460px;
    margin-left:auto;
    margin-right:auto;
    
    background-color: transparent;
    border-collapse: collapse;
	border: 1px solid #afadae;
}

.cartheader
{
	 /*border: 1px solid #afadae;*/
	 background-color : #dcdcdc;
	 color: #281487;

}

.cartable th
{
    border-top: 1px solid #afadae;
    border-bottom: 1px solid #afadae;
	/*border-left: 1px solid #afadae;
	border-right: 1px solid #afadae;*/    
    background-image: url("../img/cartheader.gif");
    background-position: top;
    background-repeat: repeat-x;
    
    font-size: 14px;
    font-weight: normal;
}

.cartable tr
{
	
	 border-left: 1px solid #afadae !important;
	 border-right: 1px solid #afadae  !important;
	
	
}



.cartcolor{
	/*background-color: #f3eded;*/ 	
	background-color: #f0f6fc;
	
}

.cartlist
{
	 border-left: 1px solid #afadae;
	 border-right: 1px solid #afadae;
	 
	
}

.cartoptions{
	background-color: #DEDEDE; 	
	}
		
.cartseparator{
	 border-left: 1px solid #afadae;
	padding-left:15px;	
	}




.carttotal
{
	
    text-align: right;
    padding-right: 20px;
    font-size: 13px;
    font-weight: bold;
}

.cartfooter
{
	/*background-color : #DCDCDC;*/
	
}
.cartfooter .quantities
{
	float:right;
	margin:2px;
}

.cartsubtotal
{
	padding:4px;
	background-color: #f0f6fc;
	
}



.products, .amounts
{
    background-color: #f0f6fc;
    padding-left:15px; padding-right:15px;
	padding-bottom:7px;
}

.quantities
{
    background-color: white;
    padding-left:15px; padding-right:15px;
}

.address
{
	list-style: none;
	margin-top: 0px;
}
.address li
{
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 12px;
}

.addrname
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.addraddr, .addrtown
{
	font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #444;
	  padding:2px;
	  /*text-indent: 5px;*/
}

.addrcountry
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding:2px;
    /*text-indent: 5px;*/
}


/********
** OFFER **
*********/

.offerSmall
{
	clear:both;
    min-width: 98%;
    min-height: 100px;
    border: 1px solid #CECECE;
    
        /** BORD ARRONDI **/ 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius:5px;

    background-color:#DEDEDE;
    float: left;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
    
	/** DEGRADE **/
	/*
	background-image: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE);
	*/    
	/*	IE10 GRADIENT */
	/*background-image: -ms-linear-gradient(bottom, #003a52 0%, #0378a0 100%);*/

    
}

/**	TOUT NAVIGATEUR SAUF DE IE6 a IE8	**/

:root *>  .offerSmall{
	/** DEGRADE **/
	background-image: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE);
	/*	IE10 GRADIENT */
	background-image: -ms-linear-gradient(bottom, #DEDEDE 0%, #FFFFFF 100%);
	}


.offer
{
    min-width: 250px;
    border: 1px solid #CECECE;
    /** BORD ARRONDI **/ 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius:5px;
    background-color:#FEFEFE;
    float: left;
    padding:5px;
    
    /*margin-right: 150px;*/
    /*height: 150px;*/    
    
}

.offertable
{
    min-width: 250px;
    /*height: 150px;*/
    border: 1px solid #CECECE;
    
        /** BORD ARRONDI **/ 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius:5px;
    
    
    float: left;
    /*margin-right: 150px;*/
    padding:5px;
    
    
}

.offertitle
{
	font-size: 9px;
    color: #281487;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-top : 2px;
    margin-bottom: 2px;
    font-weight: normal;
    text-align: left;
}

.offername
{
	font-size: 9px;
    color: #281487;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
    margin-top : 2px;
    margin-bottom: 2px;
    font-weight: bold;
    text-align: left;
}

.offerimg
{
	text-align: center;
	margin-top : 5px;
	margin-bottom: 0px;
}

.offerimg img
{
    border:none;
    max-width: 64px;
    max-height: 64px;
    padding: 10px;
}

.offerdesc
{
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: center;
	font-size: 9px;
	color: #444;
	/*font-style: italic;*/
	height: 22px;
}

.offerDL
{
	float:left;
	margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    bottom : 0px;
}

.contenthighlightdiv .cartselect .offerDL
{
	
	margin-top: 20px;
    margin-bottom: 2px;
    text-align: center;
    
    bottom : 0px;
}

.offerDL .formbutton
{
	height: 24px;
	font-size: 10px;
	width: 100px;
	margin: 0px;
	background-position: bottom;    
    bottom : 0px;
}


.offer:hover
{
    background-color: #d6e3f2;  
    border-color: #281487;
}