/*** Application Layout ***/



/*.content table{
width:90%;
}*/

/*** Application Layout ***/

.publicPortletFrame {
	padding: 1.5em 1em;
	width: 100%;
	margin: 0px auto;
}

.privatePortletFrame {
	padding: 1.5em 1em;
	width: 1010px;
	margin: 0px auto;
}


/********************/

.content {
/*	border: 1px solid red; */
	width: 100%;
}
	


.content .body {
/*	border: 1px solid green; */
	
	float: left;
		
/*	width: 500px; */
	margin: 0;
	padding: 1em;
	width: 100%;
	font-size: 12px
}

.content .right {
/*	border: 1px solid blue; */
		
/*	margin-left: 550px; */
	padding: 1em;
}

.content .footer {
	clear: both;
	margin: 0;
	padding: .5em;
}


.content .body .detail {
/*	border: 1px solid orange; */
		width:752px;
}

.content .body .detailQuestion {
/*	border: 1px solid orange; */
		width:752px;
}


.content .body .detail TD {
	width: 25%;	
}

.content .body .offers {
		width:652px;
}

/*@deprecated*/
.content .body .offers TD {
}

/*********************************************************************/
/*** Mise en commun => Text Ogilvy ***/

.ogilvyText {
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	    
	LETTER-SPACING: -1px;
/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;
	color: #690c53;
}

.contractText {
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	    
	LETTER-SPACING: 0px;
/*	FONT-VARIANT: small-caps; */	
	
	
	
}

.contractTextMessage {
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	    
	LETTER-SPACING: 0px;
/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;
	font-size: 9pt;	
	color: #ff0000;
}

.ogilvyText1 {
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	    
	LETTER-SPACING: -2px;
/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;
	color: #690c53;
}

.ogilvyText2 {
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	    
	LETTER-SPACING: 0px;
/*	FONT-VARIANT: small-caps; */	
	
	color: #eb46ac;
	font-size: 15pt;
}

/*********************************************************************/

/* --- Test d'insertion d'image dans div */ 
.content .body .etreAssureMG {
/*	border: 1px solid orange; */
	background: url('ogilvy/etre_assure_MG.gif') no-repeat;
	width:440px;	
	height:242px;
}

.content .body .imageContract{
	background: url('ogilvy/dibujo.gif') no-repeat;
	width:629px;	
	height:90px;
}

.content .body .accueilMainTitle {
/*	border: 1px solid #41b425; */
		
	color: #eb46ac;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;
	
/*	
	max-width: 250px; 
	width: 50%;
*/
	width: 450px;
}

.content .body .accueilSubTitle {
/*	border: 1px solid #14744e; */
		
	color: #690c53;
	font-size: 11pt;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.content .body .tarificationLabel {
	color: #690c53;
	font-size: 9pt;
}

.content .body .tarificationMonthlyPrice {
	font-size: 13pt;
}

.content .body .tarificationAnnualPrice {
	font-size: 6pt;
}

.content .body .tarificationCategory {
	color: #eb46ac;
	font-size: 10pt;
}

/*********************************************************************/
/**** Select Liste *****/
.content .body .listeSelect {
/*	
    font-family:verdana, arial, helvetica sans-serif;font-size:8pt;
    vertical-align:baseline;color:#000000;
*/
    font-family:arial, verdana, helvetica sans-serif;
	font-size:12px;
    vertical-align:baseline;color:#000000;
	margin-top: .2em;	
}

/*** Info bulle ***/

.content .body .help {
    font-family:verdana, arial, helvetica sans-serif;
    font-size:8pt;
    color:#ffffff;
}

.content .body .help span {
	position: absolute;
	display: none;
	padding: 2px;
}

.content .body .help:hover span {
	display: inline;	
	margin-top:25px;
	margin-left:10px;
	z-index: 1;
	/*border: 1px solid #60a060;*/
	border: 1px solid #00c020;
	background-color: #00c020;

/**/	
	width: 130px;	
	
	
	/*height: 38px; */
/**/
}
.content .body .hintPointer div {
	position: absolute;
	display: none;
	padding: 2px;
}
.content .body .textHeader {
	background-color=#610B5E
}

.content .body .hintPointer:hover div {
	background: url('ogilvy/hintPointer.gif') no-repeat;
	z-index: 1;
	display: inline;	
	margin-top:16px;
	margin-left:16px;
	width: 10px;	
	height: 9px;
}

/*********************************************************************/
/*** Font Text ***/

.content .body . {
/*	color: #14744e; */
/*	font-size: 9pt; */
	white-space: nowrap;
	
}

.content .body .textTitreCentre {
	white-space: nowrap;
	text-align: center;	
}
.content .body .textLibelleSaisie {
	padding: 0px 0px 0px 10px;
	width: 140px;
	white-space: normal;
	display: inline;
	font-weight:normal;
}

.content .body .textLibelleSaisie1{
	font-size: 8pt; 
	padding: 0px 0px 0px 0px;
	width: 140px;
	white-space: normal;
	display: inline;
	LETTER-SPACING: -1px;
}

.content .body .linkLibelleSaisie {
	padding: 10px 10px 20px 10px;
	width: 500px;
}

.content .body .saisieError {
	padding: 0px 0px 0px 0px;	
	white-space: normal;
	color: black;	
	font-weight: bold;
	
}
	
.content .body .textLibelle {
		
/*	border: 1px solid yellow; */
/*	text-indent: 5px; */
/*	vertical-align:middle; */	

	padding: 0px 10px 0px 10px;
	white-space: nowrap;
}

.content .body .textLibelleMailAdrCpostal {
/*	border: 1px solid yellow; */
/*	text-indent: 5px; */
/*	vertical-align:middle; */	

	padding: 0px 30px 0px 30px;
	white-space: nowrap;
}

.content .body .textLibelleMail {
/*	border: 1px solid yellow; */
/*	text-indent: 5px; */
/*	vertical-align:middle; */	

	padding: 0px 25px 0px 25px;
	white-space: nowrap;
}

.content .body .textInformation {
/*	border: 1px solid yellow; */
	
	color: #0a9fd7;
	font-size: 9pt;
	font-weight: bolder;	
	white-space: nowrap;
	
/*	min-width: 200px; */
	
	margin-top: 5px;
	margin-bottom: 5px;		
}

.content .body .souscriptionMainTitle {
/*	border: 1px solid #41b425; */
		
	color: #41b425;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;
}

.content .body .souscriptionInfo {
/*	border: 1px solid yellow; */
	
	color: #303869;
	font-size: 9pt;
/*	font-weight: bolder; */	
/*	white-space: nowrap; */
	
	margin-top: 5px;
	margin-bottom: 5px;
	
	width: 580px;
}

.content .header .souscriptionHeadMsg {
/*	border: 1px solid yellow; */
	
	color: #303869;
	font-size: 9pt;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	width: 630px;
}


/***********************************************************/

.content .body .dateNaissance {
	white-space: nowrap;
}

.content .body .numeroSS {
	white-space: nowrap;
}

.content .body .dateNaissanceField {
	font-family:verdana, arial, helvetica sans-serif;font-size:8pt;
	vertical-align:baseline;color:#000000;font-weight:normal;
	text-align: center;
}

.content .body .codepostalField {
	font-family:verdana, arial, helvetica sans-serif;font-size:8pt;
	vertical-align:baseline;font-weight:normal;
	text-align: center;
}
/***********************************************************/
/*** Ecran d'accueil ***/

.content .body .separator {
	border-top: 1px solid #dadada;
/*	padding: 5px 0px 5px 0px; */
	margin-top: 5px;	
	margin-bottom: 5px;	
}

.content .body .separatorTable {
	border-top: 1px solid #cccccc;
/*	padding: 5px 0px 5px 0px; */
	margin-top: 5px;	
	margin-bottom: 5px;	
	background: url('grey/center.jpg');
}

.content .body .detail .radio {
	text-align: center;
	padding: 0px 25px 0px 25px;
}


/***********************************************************/
/*** Ecran de saisie ***/
.content .body .detail .ligneSaisie {
/*	border: 1px solid deeppink; */

	height: 20px;
}

/***********************************************************/
/*** Bouton ***/
.content .body .bouttonRetour input{
	/**
		background: url('ogilvy/boutton_bleu.gif') no-repeat;
	*/
	color: white;
 	background-color: #20a9e6;
  	text-decoration: none;
  	font-weight: bold;
  	text-align: center;
	padding: 5px;
	border: 2px outset #c0c0c0;
	display: block;
	width: 100px;
}	
.content .body .bouttonRetour input:hover{
	/**
		background: url('ogilvy/boutton_bleu.gif') no-repeat;
	*/
	background-color: #20c9e6;
  	border: 2px inset #c0c0c0;
  	cursor: pointer;
}	

.content .body .bouttonForm {
	border:0px;
	width: 100px;
	cursor: pointer;
		
	color: white;
	font-size: 9pt;
}

.content .body .bouttonForm1 {
	border:0px;
	width: 100px;
	cursor: pointer;
		
	color: white;
	font-size: 7pt;
}

.content .body .linkForm {
	border:0px;
	background-color: white;
	
	cursor: pointer;
	
	font-size: 9pt;	
	text-decoration: underline;
}

.content .body .linkForm1 {
	border:0px;
	cursor: pointer;
	font-size: 9pt;	
	text-decoration: underline;
}

.content .body .linkFormContract {
	border:0px;
	color: #690c53;;
	
	cursor: pointer;
	
	font-size: 10pt;	
	text-decoration: underline;
}

.content .body .linkForm1Small {
	border:0px;
	background-color: white;
	text-align: center;
	cursor: pointer;
	width:175px;
	font-size: 7pt;	
	text-decoration: underline;
}

.content .body .linkFormSmall {
	border:0px;
	background-color: white;
	text-align: left;
	cursor: pointer;
	
	font-size: 7pt;	
	text-decoration: underline;
}

.content .body .addChild {
	/**
		background: url('ogilvy/add.jpg') no-repeat;
	*/
}
.content .body .deleteChild {
	/**
		background: url('ogilvy/delete.jpg') no-repeat;
	*/
}
.content .body .devisCalculer {
	background: url('ogilvy/boutton_calculer_devis.jpg') no-repeat;
	width: 405px;
	height: 32px;
	
	margin-top: 15px;	
	margin-bottom: 15px;
	
	padding-right: 10px;
	text-align: right;
}

.content .body .devisCalculer2 {
	background: url('ogilvy/boutton_calculer_devis.gif') no-repeat;
	width: 234px;
	height: 32px;
	
	margin-top: 15px;	
	margin-bottom: 15px;
	
	padding-right: 10px;
	text-align: center;
}
.content .body .devisCalculer3 {
	background: url('ogilvy/formuleSanteLaMieux.png') no-repeat;
	width:502px;
	height:167px;
}

.content .body .souscrire {
	background: url('ogilvy/pour_souscrire_en_ligne.gif') no-repeat;
	width: 127px;
	height: 53px;
	
	text-align: rigth;
	padding-left: 10px;	
	padding-bottom: 28px;	
}

.content .body .souscrireoffer {
	background: url('ogilvy/boutton_calculer_devis.gif') no-repeat;
	width: 250px; 
	height: 31px; 
	text-align: center;
	float: right;
	border:0px;
	cursor: pointer;
	LETTER-SPACING: -1px;
	
	color: white;
	font-size: 11pt;
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	
	/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;	
}

.content .body .enregistrerTarification {
	background: url('ogilvy/enregistrer_274.gif') no-repeat;
	color: #690c53;
	width: 273px;
	height: 31px;

	font-size: 10pt;
	text-align: left;
	padding-left: 10px;		
}

.content .body .enregistrerDevis {
	background: url('ogilvy/enregistrer_184.gif') no-repeat;
	color: #0489a0;
	width: 184px;
	height: 30px;
	
	font-size: 10pt;
	text-align: left;
	padding-left: 10px;		
}

.content .body .bouttonBleu {
	background: url('ogilvy/boutton_bleu.gif') no-repeat;
	width: 144px; 
	height: 31px; 
	
/*	text-align: middle; */	
}


.content .body .bouttonValider {
	background: url('ogilvy/boutton_vert.gif') no-repeat;
	width: 144px; 
	height: 31px; 
	text-align: center;
	float: right;
	border:0px;
	cursor: pointer;
	LETTER-SPACING: -1px;
	
	color: white;
	font-size: 11pt;
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	
	/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;
	
}

.content .body .bouttonModifier {
	background: url('ogilvy/boutton_bleu.gif') no-repeat;
	width: 144px; 
	height: 31px; 
	text-align: center;
	float: right;
	border:0px;
	cursor: pointer;
	LETTER-SPACING: -1px;
	
	color: white;
	font-size: 11pt;
	font-family:
	    "Bookman Old Style",	/* Windows, MacOS */
	    "URW Bookman L",		/* Unix+X+FontConfig */
	    "itc bookman",		/* Unix+X */
	/* Fallback options */
	    times,			/* Unix+X, MacOS */
	    serif;	
	
	/*	FONT-VARIANT: small-caps; */	
	
	font-weight: bolder;
	
}
.content .body .bouttonGauche {
/*	border: 1px solid deeppink; */
                                	
	text-align: left;
	float: left;
}
.content .body .bouttonDroit {
/*	border: 1px solid deeppink; */
		
	text-align: right;
}


/*************************************************/

.content .body .tarificationMainTitle {
	color:#eb46ac;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
/*	width:50%; */
}

.content .body .tarificationSubTitle {
	color:#eb46ac;
	font-size: 10pt;
	
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 300px;
}

/*
.textKey {
	color:#08aee8;
	font-size: 12px;
	text-align:left;
}
*/


/*************************************************/
/* Onglet */
.content .body .ongletTarification {
	width:100%; 
	height:20px; 
	
	font-size: 14px;
	text-align:left;
	
	border-top:2px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	
   	background:#efefef;	
}
.content .body .ongletSaisie {
	cursor: pointer;
	
	width:100%; 
	height:20px; 
	
	font-size: 14px;
	text-align:left;
	
	border-top:2px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	
   /*	background:#efefef;*/
}

.content .body .leftTarification {
	text-indent: 10px;
	border-left:1px solid #c8c8c8;
}

.content .body .rightTarification {
	border-right:1px solid #c8c8c8;
}

.content .body .topTarification {
	border-top:2px solid #c8c8c8;
}

.content .body .bottomTarification {
	border-bottom:2px solid #c8c8c8;
}

.content .body .ongletTarification {
	color:#076e9b;
}

.content .body .ongletSaisie {
	color:#15b1e2;
}

.content .body .subongletSaisie {
	color:#690c53;
	
	font-size: 12px;
		
	border-bottom: 1px solid #dadada;
	
/*	padding: 5px 0px 5px 0px; */
	margin-top: 15px;	
	margin-bottom: 5px;		
}

/*************************************************/

.content .error {
	color: black;	
	font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
}

.content .backgroundColorControlError {
	color: white;
	background-color: #FF8888;	
}

.content .body .day {
	float:left; 
	padding-top: .2em;
	padding-right: .2em;
}

.content .body .month {
	float:left; 
	padding-top: .2em;
	padding-right: .2em;
}

.content .body .year {
	float:left; 
	padding-top: .2em;
	padding-right: .2em;
}

.content .body .remove {
   background: url('ogilvy/fermer_tab.gif') no-repeat;
   width: 15px;
   height: 16px;       
   margin-top: 4px;
   float:right;
   display: inline-block;    
 }
 
.content .body .remove1 {
   background: url('ogilvy/trash.jpg') no-repeat;
   width: 15px;
   height: 16px;       
   /*margin-top: 4px;*/
   float:right;
   display: inline-block;    
}
 
 .content .body .infoIcon {   
   background: url('ogilvy/info.jpg') no-repeat;
   width: 16px;
   height: 16px;      
   display: inline-block;    
 }
 
 .content .body .blank {
   width: 15px;
   height: 16px;       
   margin-top: 4px;
   float:right;
   display: inline-block;    
 }
 
 .content .body .required {
 	color: #D100A5;
 	font-weight: bolder;
 }
 
 .content .body .helpIE6 {
   position: absolute;
   font-family:verdana, arial, helvetica sans-serif;
   font-size:8pt;
   color:#ffffff;           margin-top:17px;
   margin-left:10px;
   z-index: 1;           border: 1px solid #00c020;
   background-color: #00c020;       width: 130px;       height: 38px;
}

.content .body .hintPointerIE6 {
   position: absolute;
   background: url('ogilvy/hintPointer.gif') no-repeat;
   z-index: 1;           margin-top:8px;
   margin-left:16px;
   width: 10px;       height: 9px;
}

.content .body .confirmationDevis {
   background: url('ogilvy/boutton_confirmation.gif') no-repeat;
   width: 100px;
   height: 27px;      text-align: center;
}

.content .body .confirmationDevis1 {
   background: url('ogilvy/boutton_bleu2.gif') no-repeat;
   width: 150px;
   height: 31px;      
   text-align: left;
}

.content .body .complementInfoDevis {
   background: url('ogilvy/boutton_complement.gif') no-repeat;
   width: 100px;
   height: 27px;       
   text-align: center;
}

.content .body .arrowBackward {
   background: url('ogilvy/arrow_backward.jpg') no-repeat;
   width: 20px;
   height: 20px;   
}

.content .body .greyBottom{
   background: url('grey/bottom.jpg');
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyBottomLeft{
   background: url('grey/bottom-left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyBottomRight{
   background: url('grey/bottom-right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyButton{
   background: url('grey/button.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyCenter{
   background: url('grey/center.jpg') repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyCenterLine{
   background: url('grey/center-line.jpg');
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}


.content .body .greyLeft{
   background: url('grey/left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}


.content .body .greyCenter{
   background: url('grey/center.jpg');
   width: 16px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyTopLeft {
   background: url('grey/top-left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyTop {
   background: url('grey/top.jpg');
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyTopRight {
   background: url('grey/top-right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .greyRight {
   background: url('grey/right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .purpleTopRight {
   background: url('purple/top-right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .whiteTopLeft {
   background: url('white/top-left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteTop {
   background: url('white/top.jpg');
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteTopRight {
   background: url('white/top-right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteRight {
   background: url('white/right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteRightTall {
   background: url('white/right.jpg');
   width: 15px;
   height: 30px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteBottomRight {
   background: url('white/bottom-right.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteBottom {
   background: url('white/bottom.jpg');
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteBottomLeft {
   background: url('white/bottom-left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteLeft {
   background: url('white/left.jpg') no-repeat;
   width: 15px;
   height: 15px;      padding-right: 0px;
   padding-left: 0px;
}
.content .body .whiteLeftTall {
   background: url('white/left.jpg');
   width: 15px;
   height: 30px;      padding-right: 0px;
   padding-left: 0px;
}

.content .body .textField {
	width: 130px;
}

/*************************************************/
/* SOUSCRIPTION									 */
/*************************************************/

.content .body .imageBienvenue {
   background: url('ogilvy/bienvenue.gif') no-repeat;
   width: 638px;
   height: 244px;      
}
.content .body .imageSouscrivez {
   background: url('ogilvy/souscrivez.gif') no-repeat;
   width: 263px;
   height: 23px;      
}

.content .body .imageSouscrireEnLigne {
   background: url('ogilvy/souscrire_en_ligne.gif') no-repeat;
   width: 511px;
   height: 52px;      
}

.content .body .imageCadena {
   background: url('ogilvy/cadena.jpg') no-repeat;
   width: 24px;
   height: 31px;
}

.content .body .imageEspaceSecurise {
   background: url('ogilvy/imageEspaceSecurise.jpg') no-repeat;
   width: 108px;
   height: 38px;
}

.content .body .imagePresentationSecurite {
   background: url('ogilvy/imagePresentationSecurite.bmp') no-repeat;
   width: 688px;
   height: 42px;
}

.content .body .imageSouscrireFilAriane {
   background: url('ogilvy/souscrire_fil_ariane_default.gif') no-repeat;
   width: 629px;
   height: 91px;      
}



.content .body .questionColumn {
	width:180px	
}

.content .body .responseText {
	width: 150px;
	float: left	
}

.content .body .questionText {
	text-align: left;	
	white-space: normal
}

.content .body .headerTitle {
	width: 730px;		
	border-right: 0px;
}

.content .body .headerButton {
	width: 20px;
	border-left: 0px;
	font-size: 16px;
	text-align: center;
}

.content .body .paiementTable {
	width: 550px;	
}

.content .body .confirmationSouscriptionTable {
	width: 550px;
	border-style: solid;
	border-width: 1px;
}

.content .body .confirmationSouscriptionLettreLink {
	text-align: right;
}

.content .body .confirmationSouscriptionButtonValider {
	text-align: right;
}

.content .body .bouttonBleuLarger {
	background: url('ogilvy/boutton_bleu_large.gif') no-repeat;
	width: 276px; 
	height: 31px;
}

.content .body .accueilEspaceAdherentLink {
	border:0px;
	background-color: white;
	text-align: left;
	cursor: pointer;
	
	font-size: 7pt;	
	text-decoration: underline;		
}

.content .body .planDuSiteLink {
	border:0px;
	background-color: white;
	/*text-align: left;*/
	cursor: pointer;
	
	font-size: 9pt;	
	text-decoration: underline;		
}

.content .body .contactsTable {
	width: 200px
}

.content .body .contactsTitle {
	color: #eb46ac;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;
	
	width: 200px;
}

/*************************************************/
/* Mot De Passe Style 							 */
/*************************************************/
.content .body .motDePasseTable {
	width: 600px
}

.content .body .motDePasseConfirmationTable {
	width: 600px
}


.content .body .motDePasseLabel {
	padding: 0px 0px 0px 10px;
	width: 140px;
	white-space: normal;
	display: inline;
}

/*************************************************/
/* Mot De Passe Style 							 */
/*************************************************/
.content .body .loginTable {
	width: 600px
}

.content .body .loginConfirmationTable {
	width: 600px
}


.content .body .loginLabel {
	padding: 0px 0px 0px 10px;
	width: 140px;
	white-space: normal;
	display: inline;
}	
.content .body .helpNouveau {
    font-family:verdana, arial, helvetica sans-serif;
    font-size:8pt;
    color:#ffffff;
}

.content .body .helpNouveau span {
	position: absolute;
	display: none;
	padding: 2px;
}

.content .body .helpNouveau:hover span {
	display:inline;
	margin-top: 20px;
	margin-left: 10px;
	z-index: 1;		
	background-color:#CAD900;
	border:2px solid #FFFFFF;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;			
	padding:5px;
	width: 130px;
}

.content .body .continuerLink {
	border:0px;
	background-color: white;
	text-align: left;
	cursor: pointer;		
	text-decoration: underline;		
}

.content .body .commentRembourserMainTitle {
		
	color: #eb46ac;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;	
}

/*************************************************/
/* Documents Contractuels						 */
/*************************************************/
.content .body .documentsContractuelsMainTable {
	width: 500px;
	}
.content .body .documentsContractuelsMainTitle {
		
	color: #eb46ac;
	font-size: 15pt;
	
	margin-top: 15px;
	margin-bottom: 15px;	
}

.content .body .documentsContractuelsText {
		color: #eb46ac;
}

.content .body .documentsContractuelsLinks {
	padding-left: 20px;
	cursor: pointer;	
	font-size: 11pt;	
	text-decoration: underline;	
	font-weight: bolder;
	
	}

/*************************************************/
/* Me Contacter									 */
/*************************************************/
/* Contrat */
.content .body .meContacterContratMainTable {
	width: 670px;
}

.content .body .meContacterContratMainTitle {
	color: #eb46ac;
	font-size: 12pt;
	font-weight: bolder;	
	margin-top: 15px;
	margin-bottom: 15px;	
}

.content .body .meContacterContratText {
	color: #eb46ac;
}


.content .body .meContacterContratTextField {
	width: 130px;
}

/* Decomptes */
.content .body .meContacterDecomptesMainTable {
	width: 670px;
}

.content .body .meContacterDecomptesMainTitle {
	color: #eb46ac;
	font-size: 12pt;
	font-weight: bolder;	
	margin-top: 15px;
	margin-bottom: 15px;	
}

.content .body .meContacterDecomptesModifierInnerTable {
	width: 300px;
}

.content .body .meContacterDecomptesText {
	color: #eb46ac;
}


.content .body .meContacterDecomptesTextField {
	width: 130px;
}

.content .body .headSyntheseSouscription {
	background-color:#9999FF;
	color: #690c53;
	width: 652px;
	font-weight: bolder;
	font-size: 12pt;
}

.content .body .offersTarification {
	background-color: #eb46ac;
	width: 200px;
	font-size: 11pt;
}

/*************************************************/
/* Souscription 								 */
/*************************************************/


/****************************GP - PR 1.4.2 - PR 1.4.2.1*******************************************************/
/* TODO CLEAN IT (.importantText etc... */
span.dvdTabacVoptimise {
	background: url('new/dvd-tabac_voptimise.jpg') no-repeat;
	width: 100px;	
	height: 150px;	
	vertical-align: middle;
	display: block;
	margin-top: 10px;
}

td.smallBlock {
	background-color:#f9e5f2;
	vertical-align: middle;
	height: 20px;	
}

td.bottomUnderline {	
	border-bottom: 2px solid #c8007c;
	margin-bottom: 10px;
	height: 5px;
	vertical-align: middle;
}

td.paragraph {	
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: justify;	
}

.regularText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: grey;
	font-weight: bold;
}

.importantText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c8007c;
	font-weight: bold;		
}
	
/***********************************************************************************/

/**************************************************/
.textNewPink{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #C8007C;
    font-weight:normal;
}

/**************************************************/
.promo20100901au20101231OfferImg
{
width: 131px;
height: 91px;
background-image: url('../images/bloc-promo-diag-big.gif');
}
.promo20100901au20101231OfferMentionsLegalesDiv1
{
float: left;
width: 10px;
height: 10px;
}
.promo20100901au20101231OfferMentionsLegalesDiv2
{
float: left;
width: 710px;
text-align: justify;
font-weight: bold;
color: #c800b2;
}

/**************************************************/