/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/*                                     SURCHARGE LOT 1 et 2                                          */
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
#main
{
	/*z-index: 1000;*/
}

#main a.question
{
    display: inline-block;
	float: none;
}

a.btBlue,
a.btGreen,
a.btOrange
{
    background: url(../../img/orange_button_left.gif) no-repeat;
    display: inline-block;
    height: 26px;
    padding-left: 5px;
    font-size: 12px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}

a.btGreen 
{
    height: 24px;
	background:transparent url(../../img/lot3/green_button_left.gif) no-repeat scroll 0 0;
}

a.btBlue 
{
	background:transparent url(../../img/blue_orientation_left.gif) no-repeat scroll 0 0;
}

a.btBlue span,
a.btGreen span,
a.btOrange span
{
    background: url(../../img/orange_button_right.gif) right no-repeat;
    display: inline-block;
    height: 20px;
    padding: 6px 10px 0px 5px;
    font-weight: bold;
    cursor: pointer;
}

a.btGreen span
{
    padding: 5px 10px 0px 5px;
    height: 19px;
	background:transparent url(../../img/lot3/green_button_right.gif) no-repeat scroll right top;
}

a.btBlue span
{
	background:transparent url(../../img/blue_orientation_right.gif) no-repeat scroll right center;
}

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/*                                          AJOUT LOT 3                                              */
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

/* General */

.marginBottom20 
{
	margin-bottom: 20px !important;
}

.btClose 
{
    background: url(../../img/lot3/bt_close_gauche.gif) no-repeat;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding-left: 17px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    float: right;
    margin-right: 4px;
}

.btClose span
{
    display: inline-block;
    height: 15px;
    padding: 0px 10px 0 5px;
    font-weight: bold;
    cursor: pointer;
	background:transparent url(../../img/lot3/bt_close_droite.gif) no-repeat scroll right center;
}

/* Navigation */
#header ul.navEspaceClient {
	float:left;
	margin-left:12px;
}

/* Bouton gris du type bouton "Deconnexion" */
.btGray 
{
	background: transparent url(../../img/lot3/bt_gris_gauche.gif) no-repeat top left;
	padding-left: 6px;
	height: 17px;
	text-decoration: none;
	display: inline-block;
}

		.btGray span
		{
			background: transparent url(../../img/lot3/bt_gris_droite.gif) no-repeat top right;
			padding-right: 6px;
			display: inline-block;
			height: 17px;
			line-height: 15px;
			color: white;
			font-weight: bold;
			font-size: 11px;
			cursor: pointer;
		}

/* Zone de titre des pages */
.blocTitrePage 
{
	background: transparent url(../../img/lot3/bg_espace_client.gif) no-repeat top left;
	width: 960px;
	height: 102px;
}

.titrePage 
{
	position: absolute;
	left: 24px;
	top: 27px;
}

.sousTitrePage 
{
	position: absolute;
	left: 24px;
	top: 66px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	width: 420px;
}


/* -------------------------------------- Pages "mdp oublié" et "id oublié" -------------------------------------- */

/* image de gauche sur les pages "mdp oublié" et "id oublié" */
.illustrationOubli
{
	background: transparent url(../../img/lot3/illustration_oubli.jpg) no-repeat top left;
	width: 195px;
	height: 252px;
	margin-top: 10px;
	float: left;
}

/* Zone contenu */
.blocOubliContenu 
{
	background: transparent url(../../img/lot3/bg_bloc_contenu.jpg) no-repeat top left;
	width: 723px;
	min-height: 62px;
	margin-top: 10px;
	margin-left: 6px;
	padding: 20px 15px;
	color: #596877;
	float: left;
}

html > body .blocOubliContenu 
{
	margin-left: 12px;
}

		.blocOubliContenu span.important
		{
			float: none !important;
			margin-bottom: 20px !important;
		}

		.blocOubliContenu input.compteBancaire
		{
			float: none;
			width: auto;
		}
		
		.blocOubliContenu h2 
		{
			margin-bottom:15px;
			display:block;
			
			color:#547E83;
			font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
			font-size:20px;
			line-height:20px;
			font-weight: bold;
		}

		.blocOubliContenu .indications
		{
			color:#547E83;
			display:block;
			font-size:10px;
			font-style:italic;
			line-height:10px;
			margin-bottom:12px;
		}

		.blocOubliContenu .sousTitre
		{
			color:#547E83;
			font-size:16px;
			line-height:16px;
			font-weight: bold;
			margin-right: 15px;
		}

		.blocOubliContenu .reponsesCompte
		{
			display: none;
			width: 450px;
			margin-top: 20px;
		}

		.blocOubliContenu .labelField 
		{
			float: left;
			display: block;
			width: 200px;
			font-weight: bold;
		}

		.blocOubliContenu .field 
		{
			float: right;
		}
		
.blocInfoOubliIdentifiant 
{
	background: #f9fbfb url(../../img/lot3/bg_bloc1.jpg) no-repeat bottom left;
	width: 357px;
	min-height: 196px;
	_height: 196px;
	float: left;
}

	.premierBlocInfoOubliIdentifiant 
	{
		margin-right: 9px;
	}

		#main .blocInfoOubliIdentifiant h3
		{
			font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
			background: #95c7ce url(../../img/lot3/bg_titre_bloc1.jpg) no-repeat top left;
			width: 319px;
			min-height: 47px;
			_height: 47px;
			padding: 10px 0 10px 38px;
			margin: 0;
			float: none;
			display: block;
			
			font-size: 15px;
			font-weight: bold;
			color: White;
		}

		.blocInfoOubliIdentifiantContenu
		{
			margin: 14px 20px;
			color: #596877;
			font-size: 12px;
		}


/* -------------------------------------- Pages "espace client" et "espace personnel" -------------------------------------- */


/* informations située dans la barre de titre */
.infoEspaceSecu 
{
	position: absolute;
	top: 25px;
	left: 450px;
	color: White;
}

		.infoEspaceSecu .titre
		{
			background: transparent url(../../img/lot3/lock.gif) no-repeat center left;
			padding-left: 20px;
			display: block;
			height: 18px;
			vertical-align: bottom;
			margin-bottom: 7px;
			
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
		}



/* informations située dans la barre de titre */

.blocEspaceClient,
.blocEspacePersonnel
{
	background: #a4c8cc url(../../img/lot3/bg_bloc2.jpg) no-repeat top left;
	width: 775px;
	margin-top: 10px;
	float: left;
}
	#main .blocEspaceClient h3,
	#main .blocEspacePersonnel h3
	{
		background: none;
		width: 751px;
		min-height: 45px;
		_height: 45px;
		padding: 10px 0 10px 24px;
		margin: 0;
		float: none;
		display: block;
		
		font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
		font-size: 32px;
		font-weight: bold;
		color: White;
	}

.contenuBlocPrincipal 
{
	width: 445px;
	padding-left: 280px;
	min-height: 229px;
	_height: 229px;
	margin-left: 10px;
	
	color: White;
	font-weight: bold;
	font-size: 12px;
}
	
	.contenuBlocPrincipal .sousTitre,
	.contenuBlocPrincipal .sousTitre2
	{
		font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
		font-size: 24px;
		line-height: 24px;
		font-weight: bold;
		display: block;
	}
	
	.contenuBlocPrincipal .sousTitre2
	{
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	
	.contenuBlocPrincipal ul
	{
		margin-left: 15px;
	}
	
			.contenuBlocPrincipal ul li
			{
				list-style-image: url(../../img/lot3/tiret.gif);
				font-weight: bold;
				font-size: 12px;
				margin: 0;
			}
	
	.contenuBlocPrincipal .orientation 
	{
		float: left;
		margin-left:-10px;
		margin-bottom: 10px;
	}
	
	.contenuBlocPrincipal .btPrendreContact 
	{
		clear: both;
		float: left;
		margin-left:60px;
		margin-bottom: 10px;
	}
	
	html > body .contenuBlocPrincipal .btPrendreContact 
	{
		margin-left:54px;
	}

/* Blocs secondaires */
.contenuBlocSecondaire
{
	position: relative;
	display: inline;
	width: 383px;
	height: 134px;
	float: left;
	margin-left: 9px;
	background: #a4c8cc url(../../img/lot3/push/bg_espace_client1.png) no-repeat top left;
	clear: both;
	margin-top: 10px;
	
	color: White;
}

.blocEspacePersonnel .contenuBlocSecondaire 
{
	background: #a4c8cc url(../../img/lot3/push/bg_espace_personnel1.png) no-repeat top left;
}

.contenuBlocSecondaireDroite 
{
	background: #a4c8cc url(../../img/lot3/push/bg_espace_client2.png) no-repeat top left;
	margin-left: 0;
	clear: none;
}

.blocEspacePersonnel .contenuBlocSecondaireDroite 
{
	background: #a4c8cc url(../../img/lot3/push/bg_espace_personnel2.png) no-repeat top left;
}
		.contenuBlocSecondaire .titre,
		.contenuBlocSecondaire .texte
		{
			display: block;
			float: right;
			width: 240px;
			margin-right: 12px;
			
			text-align: right;
			font-size: 11px;
		}
		
		html > body .contenuBlocSecondaire .titre,
		html > body .contenuBlocSecondaire .texte
		{
			margin-right: 24px;
		}
		
		.contenuBlocSecondaire .titre
		{
			margin-top: 15px;
			font-size: 16px;
			font-weight: bold;
		}

		.contenuBlocSecondaire a.btOrange
		{
			position: absolute;
			bottom: 20px;
			right: 23px;
		}

		.contenuBlocSecondaire a.bt2
		{
			bottom: 50px;
		}

.contenuBlocBas 
{
	background: #9cc3c8 url(../../img/lot3/bg_bloc_bas.gif) repeat-x top left;
	clear: both;
}

		.contenuBlocBas .arrondiBlocBas 
		{
			background: #9cc3c8 url(../../img/lot3/arrondi_bloc_bas.gif) no-repeat top left;
			width: 775px;
			height: 5px;
			font-size: 0;
			line-height: 0;
			clear: both;
		}
		
		.contenuBlocBas .contenuBlocPub
		{
			margin-left: 10px;
			margin-top: 16px;
			display: inline;
			float: left;
		}
		
		.contenuBlocBas .contenuBlocSecu
		{
			display: inline;
			background: transparent url(../../img/lot3/bg_secu.png) no-repeat top left;
			width:288px;
			height: 73px;
			margin-left: 6px;
			margin-top: 12px;
			float: left;
			
			color: White;
		}
		
				.contenuBlocBas .contenuBlocSecu a
				{
					color:White;
					display:block;
					padding:14px 30px 12px 87px;
					text-decoration:none;
					zoom: 1;
				}

.colonneDroite 
{
	width: 175px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

		.colonneDroite .blocPubColDroite
		{
			text-align: center;
		}

		.colonneDroite .blocPubColDroite img
		{
			position: relative;
			z-index: 1;
		}

		.colonneDroite .blocPubColDroite a.btBlue,
		.colonneDroite .blocPubColDroite a.btOrange
		{
			position: relative;
			top: -35px;
			z-index: 10;
			margin: 0 auto -15px auto;
		}

		.colonneDroite .imgConseillere
		{
			float: left;
			margin: 0 9px 0 5px;
		}

		.colonneDroite .titre
		{
			float: left;
			display: block;
			width: 125px;
			
			font-family: Trebuchet MS,Arial,Helvetica,Sans-Serif;
			font-size: 16px;
			line-height: 16px;
			color: #00498f;
			font-weight: bold;
		}

		.colonneDroite .sousTitre
		{
			float: left;
			display: block;
			width: 125px;
			
			font-size: 11px;
			color: #596877;
			font-weight: bold;
		}
		
		
		.colonneDroite .bgRappelImmediat
		{
			margin-top: 10px;
		}
		
		.colonneDroite .bgRappelImmediat div
		{
			background: transparent url(../../img/lot3/bg_num_telephone.gif) no-repeat top left;
			width: 113px;
			height: 17px;
			margin-right: 4px;
			float: left;
		}
		
		html > body .colonneDroite .bgRappelImmediat
		{
			margin-right: 10px;
		}

		.colonneDroite .infoTelephone
		{
			font-size: 9px;
			color: #8496a8;
		}
		
		#main .colonneDroite span.valid
		{
			float: none;
		}

		.colonneDroite .infoRappel
		{
			margin-top: 3px;
			font-size: 11px;
			color: #8496a8;
			clear: both;
		}

		.colonneDroite .numIndigo
		{
			margin-top: 30px;
			margin-bottom: 3px;
		}
		


/* -------------------------------------- Pages "demandes" -------------------------------------- */

.popinDemande
{
	position:absolute;
	top: 0;
	z-index: 800;
	overflow: visible;
	width: 970px;
	height: 100%;
	display: none;
	
	background-color:White;
}

.conteneurPopin
{
	position: relative;
	overflow: visible;
	height: 100%;
	background-color:White;
}

.blocDemande 
{
	position: relative;
	left: -10px;
	width: 958px;
	background: White url(../../img/lot3/bg_demande.gif) repeat-y top left;
	padding: 0px 11px;
	z-index:10;
	display: block;
	margin-right: -20px;
	margin-top: 10px;
	z-index: 2000;
	
}

		#main .blocDemande h4,
		.blocDemande .sousTitre
		{
			font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
			color: #547e83;
			font-size: 20px;
			font-weight: bold;
			margin-top: 0;
			margin-bottom: 10px;
		}
		
		.blocDemande .sousTitre
		{
			font-size: 18px;
			margin-top: 20px;
			margin-bottom: 20px;
			display: block;
		}
		
		.blocDemande .simpleSousTitre
		{
			font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;
			color:#596877;
			font-size:12px;
			font-weight: bold;
			margin-top: 0;
			margin-bottom: 10px;
			margin-top: 2px;
			display: block;
		}

		.blocDemande .informationDemande
		{
			color: #596877;
			font-size: 12px;
			font-weight: bold;
			float: left;
		}

.bottomBlocDemande,
.topBlocDemande 
{
	position: relative;
	width: 980px;
	height: 5px;
	font-size: 0;
	line-height: 0;
	background: White url(../../img/lot3/top_demande.gif) no-repeat top left;
	margin: 0 -11px 10px -11px;
}

.bottomBlocDemande 
{
	background: White url(../../img/lot3/bot_demande.gif) no-repeat top left;
	margin-bottom: 0px;
	margin-top: 10px;
}

.blocDemandeEnCours 
{
	width: 519px;
	min-height: 217px;
	_height: 217px;
	background: White url(../../img/lot3/bg_demande_en_cours.jpg) no-repeat top left;
	margin-top: 10px;
	padding: 10px 20px;
	float: left;
}
		
		.blocDemandeEnCours .contenuDemandeEnCours
		{
			margin: 0 20px;
		}
		
		
			.contenuDemandeEnCours dl
			{
				color: #596877;
			}
		
					.contenuDemandeEnCours dd,
					.contenuDemandeEnCours dt
					{
						font-weight: bold;
						font-size: 12px;
						margin-bottom: 10px;
						display: list-item;
						width: 270px;
					}
				
					.contenuDemandeEnCours dt
					{
						clear: both;
						width: 170px;
						margin-right: 10px;
						float: left;
					}
				
					.contenuDemandeEnCours dd
					{
						margin-left: 180px;
					}

.blocVisuelDemandeEnCours 
{
	width: 386px;
	min-height: 237px;
	height: 237px;
	background: White url(../../img/lot3/bg_visuel_demande.jpg) no-repeat top left;
	margin-top: 10px;
	margin-left: 13px;
	text-align: center;
	float: left;
	display: inline;
	overflow: hidden;
}
		.blocVisuelDemandeEnCours img
		{
		}
		

.blocAvancement 
{
	clear: both;
	width: 919px;
	min-height: 218px;
	_height: 218px;
	background: White url(../../img/lot3/bg_demande_avancement.jpg) no-repeat top left;
	margin-top: 10px;
	padding: 10px 20px;
}

		.blocAvancement .contenuBlocAvancement
		{
			width: 500px;
			float: left;
			margin-left: 10px;
			margin-top: 25px;
			margin-bottom: 20px;
			display: inline;
		}

				.blocAvancement .contenuBlocAvancement .texte
				{
					color: #596877;
					margin-left: 70px;
					font-size: 12px;
				}
				
				.blocAvancement .contenuBlocAvancement ul 
				{
					margin: 10px 0 10px 15px;
				}
				
				.blocAvancement .contenuBlocAvancement li
				{
					list-style-type: disc;
					font-size: 12px;
					margin-bottom: 3px;
				}
				
		.blocAvancement .colonneDroite
		{
			float: left;
			width: 323px;
		}
				
		.blocAvancement .infoAvancement
		{
			font-size: 12px;
			color: #596877;
			font-weight: bold;
			width: 283px;
		}
		
		.blocAvancement .orientation 
		{
			float: left;
		}

		#main .blocAvancement a.question 
		{
			float:left;
			position:relative;
			top:50px;
		}


		.blocAvancement .blocInfo
		{
			width: 283px;
			padding: 0 20px;
			background-color: White;
			margin: 20px 0;
		}

				.blocAvancement .blocInfo .topBlocInfo,
				.blocAvancement .blocInfo .bottomBlocInfo 
				{
					position: relative;
					width: 323px;
					height: 6px;
					background: transparent url(../../img/lot3/top_bloc_info.gif) no-repeat top left;
					margin: 0 -20px 5px -20px;
					top: -5px;
					font-size: 0;
					line-height: 6px;
				}
				.blocAvancement .blocInfo .bottomBlocInfo 
				{
					background: transparent url(../../img/lot3/bot_bloc_info.gif) no-repeat top left;
					top: 5px;
					margin: 5px -20px 0 -20px;
				}

  #header UL.navEspaceClient{position:absolute;top:20px;left:20px;display:block;float:none;width:950;padding:0;margin:0;clear:both;}
  #header UL.navEspaceClient LI.selected_li{margin:0 0 0 15px;}