/***************************************************************************************/
/***                      FEUILLE DE STYLE POUR LE MODULE D'OFFRE                   ****/
/***************************************************************************************/

.ModOffre .fond_gris{
	/*height: 60px;*/
	width: 340px;
/*	width: 100%;*/
	overflow: auto;
	background-color: #e8e8e8;
	border: 1px solid #777777;
}


.ModOffre .flashtext {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 12px;
	width: 320px;
/*	width: 728px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	color: #666666;	
}

.ModOffre .NameSuivantBoxLarge {
	padding: 0px;
	margin:0px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	text-align: right;
	vertical-align : middle;
	background-position:  right;
	BACKGROUND-IMAGE: url(/web/supra/webelementssup.nsf/objects/internet_module_offres/$file/supModOffFondBoutonLarge.gif);
	width:220px;
}

.ModOffre .flashtitle {
	font-size: 14px;
	font-weight: bold;
}

.ModOffre .flashPlus {
	color: #ed1746
}

.ModOffre .flashPlusfleche {
	font-family: "Courier New", Courier, monospace;
	font-size: 9px;
	color: #ed1746;
}

.ModOffre table td
{
 	font-size:10px; 
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal
}

.selectionlanguageprov
{
	font-size: 9px; 
	color: #666666;
	font-family: Verdana, arial; 
}

.selectionlanguageprov a{
	font-size: 9px; 
	color: #ed1746; 
	font-family: Verdana, arial; 
	text-decoration: none;
}

.selectionlanguageprov a:hover {
	font-family: Verdana, arial; 
	color: #666666;
}


.ModOffre HR.sepa {
/*		color: red;
		background-color: red;*/
		color: #cccccc;
		background-color: #cccccc;
		height: 1px;
		border: 0;
}

/*
	COLOR: #cccccc;
	HEIGHT: 1px
*/


/*** TEXTE GRAS ***/

.ModOffre .boldText {
	COLOR: #666666;
	LINE-HEIGHT: 16px;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: bold;
}


.ModOffre .inputstdborder {
	BORDER: #cccccc 1px solid;
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #FAFAFA
}


/*** CLASS DIALOGBOX ***/
.ModOffre .ErrorMsg { 
	font-family:verdana;
	font-size:10px;
	background-color:#F6F6F6; 
	color:#ad1637;
	border-style:none;
	border-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-color:#FFFFFF;
	padding-left:0px;
	padding-right:0px; 
	padding-top:0px;
	padding-bottom:0px
}
.ModOffre .DialogBoxValidation {
	BORDER-RIGHT: #999999 1px;
	BORDER-RIGHT-STYLE: solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #cccccc 1px;
	BORDER-TOP-STYLE: solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #cccccc 1px;
	BORDER-LEFT-STYLE: solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #999999 1px;
	BORDER-BOTTOM-STYLE: solid;
	BACKGROUND-COLOR: #ED1746;
}

/*** TITRES ***/
.ModOffre .Title {
	FONT-SIZE: 18px;
	COLOR: #999999;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: bold
}


/*** SOUS-TITRE ***/
.ModOffre .SubTitle {
	FONT-SIZE: 14px;
	COLOR: #999999;
	LINE-HEIGHT: 18px;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: normal
}


.ModOffre .TablePresentation {
	FONT-SIZE: 10px;
	COLOR: #666666;
	LINE-HEIGHT: 16px;
	FONT-FAMILY: verdana, arial
}

.ModOffre .TableCategory {
	FONT-SIZE: 12px;
	COLOR: #666666;
	LINE-HEIGHT: 16px;
	FONT-FAMILY: verdana, arial
}



/*** Box Recapitulatif ***/

.ModOffre .TitleRecapBox {
	BACKGROUND-COLOR:#666666;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
}

.ModOffre .NameRecapBox {
	BACKGROUND-COLOR:#ADADAD;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}

.ModOffre .ContentRecapBox {
	BACKGROUND-COLOR:#F7F7F7;
	FONT-SIZE: 20px;
	COLOR: #666666;
	FONT-FAMILY: arial;
	FONT-WEIGHT: normal
}

.ModOffre .TotalRecapBox {
	BACKGROUND-COLOR:#E8E8E8;
	FONT-SIZE: 11px;
	COLOR: #666666;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}

	.ModOffre .NameSuivantBox {
	padding: 0px;
	margin:0px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	height: 20px;
	width: 137px;
	text-align: right;
	vertical-align : middle;
	background-position:  right;
	BACKGROUND-IMAGE: url(/web/supra/webelementssup.nsf/objects/internet_module_offres/$file/supModOffFondBouton.gif);
}

/*.ModOffre .NameSuivantBox {
	BORDER-RIGHT: #999999 1px;
	BORDER-RIGHT-STYLE: solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #cccccc 1px;
	BORDER-TOP-STYLE: solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #cccccc 1px;
	BORDER-LEFT-STYLE: solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #999999 1px;
	BORDER-BOTTOM-STYLE: solid;
	background-color: #ED1746;
}*/


/*** LIEN SUIVANT ***/
.ModOffre .ActSuivant {
	FONT-SIZE: 10px; 
	COLOR: #FFFFFF;/* Old FFF44A */ 
	FONT-FAMILY: Verdana, arial; 
	TEXT-DECORATION: none;
}

.ModOffre .ActSuivant:hover {
	COLOR: #ffffff;
	TEXT-DECORATION: underline;
}


/*** LES TEXTES ***/

.ModOffre .NomAssure {
	FONT-SIZE: 13px;
	COLOR: #9583D6;
	LINE-HEIGHT: 14px;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: bold
}

.ModOffre .Prime {
	FONT-SIZE: 10px;
	COLOR: #9583D6;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal
}
.ModOffre .PrimeTotal {
	FONT-SIZE: 10px;
	COLOR: #9583D6;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}

.ModOffre .Rabais {
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}

/*.ModOffre .TextSpecial {
	FONT-SIZE: 10px;
	COLOR: #FF5400;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}*/


/*** LIGNE DE DEBUT DE CHAQUE PAGE - APRES TITRE ***/

.ModOffre .TopRecIntro {
	BACKGROUND-COLOR:#ffffff;
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal
}

.ModOffre .TopRecMsg {
	FONT-SIZE: 10px;
	COLOR: #9583d6;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal
}

.ModOffre .TopRecError {
	BACKGROUND-COLOR:#ffffff;
	FONT-SIZE: 10px;
	COLOR: #ad1637;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: normal
}

.ModOffre .Avertissement {
	FONT-SIZE: 10px;
	COLOR: #9583D6;
/*	COLOR: #FF7200;*/
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}


.ModOffre .AvertissementRed {
	FONT-SIZE: 10px;
	COLOR: #FF0000;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold
}


.ModOffre .TableRedBorder {
	BACKGROUND-COLOR:#ffffff;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #FF0000 1px;
	BORDER-RIGHT: #FF0000 1px;
	BORDER-LEFT: #FF0000 1px;
	BORDER-TOP: #FF0000 1px;
	BORDER-BOTTOM-STYLE: solid;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-TOP-STYLE: solid;

}

/*** LIGNE DES PRODUITS ***/


.ModOffre .Prod {
	FONT-SIZE: 10px; 
	COLOR: #9583D6; 
	FONT-FAMILY: Verdana, arial; 
	TEXT-DECORATION: none;
}

.ModOffre .Prod:hover {
	COLOR: #9583D6; 
	TEXT-DECORATION: underline;
}

.ModOffre .ProdLink {
	FONT-SIZE: 10px; 
	COLOR: #ED1746; 
	FONT-FAMILY: Verdana, arial; 
	TEXT-DECORATION: none;
}

.ModOffre .ProdLink:hover {
	COLOR: #ED1746; 
	TEXT-DECORATION: underline;
}


/*** LIGNE DES ACTIONS ***/

.ModOffre .Act {
	FONT-SIZE: 10px;
	COLOR: #ED1746; 
	FONT-FAMILY: Verdana, arial; 
	TEXT-DECORATION: none
}

.ModOffre .Act:hover {
	COLOR: #ED1746; 
	TEXT-DECORATION: underline;
}


/*** LIGNE DES ACTIONS DU RECAP DE DROITE ***/

.ModOffre .ActRecap {
	FONT-SIZE: 10px;
	COLOR: #FFF44A;
	FONT-FAMILY: Verdana, arial;
	TEXT-DECORATION: none
}

.ModOffre .ActRecap:hover {
	COLOR: #ffffff;
	TEXT-DECORATION: underline
}

.ModOffre .ActRecapNoHREF {
	FONT-SIZE: 10px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, arial; 
}

.ModOffre .TableWait {
	BACKGROUND-COLOR:#ebebeb ;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #666666 1px;
	BORDER-RIGHT: #666666 1px;
	BORDER-LEFT: #666666 1px;
	BORDER-TOP: #666666 1px;
	BORDER-BOTTOM-STYLE: solid;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-TOP-STYLE: solid;

}

.ModOffre .TitleWait {
	FONT-SIZE: 10px;
	COLOR: #999999;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: bold
}

.ModOffre .SubtitleWait {
	FONT-SIZE: 10px;
	COLOR: #999999;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: verdana, arial
}



/*********************************************************************/
/***  Classes pour l'affichage des membres dans WDocCouvertures   ****/
/*********************************************************************/


.stpCouvnActStyle
{
	vertical-align:top;
	background-color:#FFFFFF;
	height:60px;
	border-left:solid 1px #CCCCCC;	
	font-size:1px;
	padding-right:2px;
	padding-left:2px;
}
.stpCouvoActStyle
{
	vertical-align:top;
	background-color:#FFEFF3; 
	height:60px;
	border-left:solid 1px #CCCCCC;	
	padding-right:2px;
	padding-left:2px;
}

.stpCouvStyle1
{

	border-right:solid 1px #FFFFFF;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 0px #FFFFFF;
	height:1px;
	font-size:1px;
}

.stpCouvStyle4
{

	border-right:solid 1px #FFFFFF;
	border-top:solid 0px #FFFFFF;
	border-bottom:solid 1px #CCCCCC;
	height:1px;
	font-size:1px;
}