/*-----------------------------------
 * COFINOGA
 * réalisé par SQLI
 * Création : 06.03.2006
 * Derniere modification : 06.03.2006
 ------------------------------------*/

 div#bloc-contenu div#colonne-gauche {
  	float: left;
  	margin: 0; padding: 0px 20px 0px 10px;
 	width: 180px;
 }
 
 
 div.presentation {
 	margin: 0px 10px 0px 0px; padding: 0;
 }
 	div.presentation h1 {
	 	margin: 0; padding: 0;
	 	font-size: 1.9em;
	 	color:#E50083;
	 	border-bottom:1px dashed #E50083;
	}
		div.presentation h1.rdv-agence {
			margin-bottom: 10px;
			font-size: 1.9em;
	 		background-image: url(../images/titre-rdv-agence.gif);
	 			background-repeat: no-repeat;
	 			background-position: top left;
	 	}
	 	div.presentation h1.rdv-agence-2 {
			margin-bottom: 10px;
			font-size: 1.9em;
	 		background-image: url(../images/titre-espace-cartes-finances.gif);
	 			background-repeat: no-repeat;
	 			background-position: top left;
	 	}
	 	div.presentation h1.contactez-nous {
			margin-bottom: 10px;
			font-size: 1.9em;
 			background-repeat: no-repeat;
 			background-position: top left;
 			display:block;
 			
	 	}
	 
	 div.presentation h2 {
	 	margin: 0; padding: 0px 0px 0px 5px;
	 	font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;
	 	color: #686868;
	}
	 	
	 div.presentation p {
	 	display: block;
	 	margin: 0; padding: 5px 5px 15px 5px;
	 	width: 490px;
	 	font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;
	 	color: #000000;
	 }
	 	div.presentation p.large { width: 450px; }
	 	div.presentation p a:link, div.presentation p a:visited {
			color: #E63C9F;
		}div.presentation p a:hover { color: #686868; }
		
	 div.presentation p b.rose { color: #EC008C; }
	 
	 div.presentation p.enteteContact{ 
	 	color: #686868; 
	 	font-family: Arial, Helvetica, sans-serif;
	 	font-size: 1.2em;
	 	padding-top: 40px !important;
	 	margin-top: 0px !important;
	 	margin-top: -30px;
	 	padding-top: 0px;
	 }
	 
	 div.presentation img.fl-r {
		float: right;
		margin: 0px 0px 10px 10px;
	 }
	 
	  div.presentation img.fl-r-rdv {
		float: right;
		margin: -100px 0px 10px 10px;
	 }
	 
	 div#choix-agence {
	 	display: block;
	 	margin: 0px 0px 0px 5px; padding: 0;
	 	width: 200px;
	 	font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;
	 	color: #000000;
	 	text-align: left;
	 }
	 	div#choix-agence b {
	 		color: #E50083;
	 	}
	 	div#choix-agence select {
	 		margin-top: 5px;
	 	}
	
	div.formulaire-style-1 {
  		position: relative;
  		margin: 0px 10px 0px 10px; padding: 3px 0px 15px 30px;
  		width: 663px;
  		background: #F9B2DC url('../images/formulaire-rose-haut.gif') no-repeat top left;
  	}
  		div.bas-formulaire-style-1 {
  			margin: 0px 10px 10px 10px; padding: 0;
  			height: 9px;
  			background-image: url(../images/formulaire-rose-bas.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div.formulaire-style-1 h2.votre-agence {
	  		display: block;
	  		width: 242px;
	  		margin: 5px 0px 0px 0px; padding: 0;
  			font-size: 1.6em;
	  		background-image: url(../images/formulaire-titre-votre-agence.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
  	
  	div.formulaire-style-1 table, div.formulaire-style-1 tr, div.formulaire-style-1 td {
  		margin: 0; padding: 0;
  	}
  		div.formulaire-style-1 table tr th {
	  		margin: 0; padding: 4px 10px 0px 0px;
	  		width: 100px;
	  		font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;
	  		color: #FFFFFF;
	  		text-align: right;
	  		vertical-align: top;
	  	}
	  	div.formulaire-style-1 table tr td {
	  		padding: 4px 0px 0px 0px;
	  		width: 400px;
	  		font-size: 0.9em;
	  	}
	  		div.formulaire-style-1 table tr td a:link, div.formulaire-style-1 table tr td a:visited {
	  			color: #000000;
	  		}div.formulaire-style-1 table tr td a:hover { color: #750606; }
  		
  	
	div.formulaire-style-2 {
  		position: relative;
  		margin: 0px 15px 0px 10px; padding: 3px 0px 0px 30px;
  		width: 663px;
  		background: #F799D1 url('../images/formulaire-rose-2-haut.gif') no-repeat top left;
  	}
  		div.bas-formulaire-style-2 {
  			margin: 0px 10px 10px 10px; padding: 0;
  			height: 9px;
  			background-image: url(../images/formulaire-rose-2-bas.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div.formulaire-style-2 h2.contactez-agence {
	  		display: block;
	  		width: 344px;
	  		margin: 5px 0px 0px 0px; padding: 0;
  			font-size: 1.6em;
	  		background-image: url(../images/formulaire-titre-contacter.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	div.formulaire-style-3 {
  		position: relative;
  		margin: 0px 10px 0px 10px; padding: 3px 0px 0px 30px;
  		width: 663px;
  		background-color: #F57FC5;
  			background-image: url(../images/formulaire-rose-3-haut.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  		div.bas-formulaire-style-3 {
  			margin: 0px 10px 10px 10px; padding: 0;
  			height: 9px;
  			background-image: url(../images/formulaire-rose-3-bas.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div.formulaire-style-3 h2.contactez-agence {
	  		display: block;
	  		width: 243px;
	  		margin: 5px 0px 0px 0px; padding: 0;
  			font-size: 1.6em;
	  		background-image: url(../images/formulaire-titre-contacter-1.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	  	
	div.formulaire-style-4 {
  		position: relative;
  		margin: 0px 10px 0px 10px; padding: 3px 0px 0px 30px;
  		width: 663px;
  		background-color: #F466BA;
  			background-image: url(../images/formulaire-rose-4-haut.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  		div.bas-formulaire-style-4 {
  			margin: 0px 10px 10px 10px; padding: 0;
  			height: 9px;
  			background-image: url(../images/formulaire-rose-4-bas.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div.formulaire-style-4 h2.contactez-agence {
	  		display: block;
	  		width: 243px;
	  		margin: 5px 0px 0px 0px; padding: 0;
  			font-size: 1.6em;
	  		background-image: url(../images/formulaire-titre-contacter-1.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	 
	div.formulaire-style-2 table, div.formulaire-style-2 tr, div.formulaire-style-2 td,
	div.formulaire-style-3 table, div.formulaire-style-3 tr, div.formulaire-style-3 td,
	div.formulaire-style-4 table, div.formulaire-style-4 tr, div.formulaire-style-4 td {
  		margin: 0; padding: 0;
  	}
  	div.formulaire-style-2 table tr th, div.formulaire-style-3 table tr th, div.formulaire-style-4 table tr th {
  		margin: 0; padding: 4px 10px 0px 0px;
  		width: 220px;
  		font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold;
  		color: #64003A;
  		text-align: right;
  		vertical-align: top;
  	}
  		div.formulaire-style-3 table tr th {
  			width: 220px;
  		}
  		div.formulaire-style-2 table tr th.second, div.formulaire-style-3 table tr th.second {
  			width: 50px;
  		}
  		
  	div.formulaire-style-2 table tr td, div.formulaire-style-3 table tr td, div.formulaire-style-4 table tr td {
  		padding: 2px;
  		width: 220px;
  		font-size: 0.9em;
  	}
  		div.formulaire-style-2 table tr td.second, div.formulaire-style-3 table tr td.second, div.formulaire-style-4 table tr td.second {
  			width: 80px;
  		}
  		
  	div.formulaire-style-2 table tr td.check, div.formulaire-style-3 table tr td.check, div.formulaire-style-4 table tr td.check {
  		font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;
  		color: #750606;
  	}div.formulaire-style-2 table tr td.check img, div.formulaire-style-3 table tr td.check img, div.formulaire-style-4 table tr td.check img { float: left; margin-right: 5px; }
  	
  	div.formulaire-style-2 table tr td span.check, div.formulaire-style-3 table tr td span.check, div.formulaire-style-4 table tr td span.check {
  		font-family: Arial, Helvetica, sans-serif; font-size: 1em;
  		color: #750606;
  	}
  	div.formulaire-style-2 table tr td select, div.formulaire-style-3 table tr td select, div.formulaire-style-4 table tr td select {
  		margin: 0; padding: 1px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.txt, div.formulaire-style-3 table tr td input.txt, div.formulaire-style-4 table tr td input.txt {
  		margin: 0; padding: 1px;
  		width: 210px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	
  	div.formulaire-style-2 table tr td input.txt-tel {
  		margin: 0; padding: 1px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
 
  	div.formulaire-style-2 table tr td textarea, div.formulaire-style-3 table tr td textarea, div.formulaire-style-4 table tr td textarea {
  		margin: 0; padding: 1px;
  		width: 210px; height: 70px;
  		font-family: Arial, Helvetica, sans-serif; font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 input.txt-2, div.formulaire-style-2 table tr td input.txt-2,
  	div.formulaire-style-3 input.txt-2, div.formulaire-style-3 table tr td input.txt-2,
  	div.formulaire-style-4 input.txt-2, div.formulaire-style-4 table tr td input.txt-2 {
  		margin: 0; padding: 1px;
  		width: 45px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.txt-3, div.formulaire-style-3 table tr td input.txt-3, div.formulaire-style-4 table tr td input.txt-3 {
  		margin: 0; padding: 1px;
  		width: 60px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.txt-4, div.formulaire-style-3 table tr td input.txt-4, div.formulaire-style-4 table tr td input.txt-4 {
  		margin: 0; padding: 1px;
  		width: 82px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.txt-10, div.formulaire-style-3 table tr td input.txt-10, div.formulaire-style-4 table tr td input.txt-10 {
  		margin: 0; padding: 1px;
  		width: 155px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.txt-carte {
  		margin: 0; padding: 1px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	div.formulaire-style-2 table tr td input.mail, div.formulaire-style-3 table tr td input.mail, div.formulaire-style-4 table tr td input.mail {
  		margin: 0; padding: 1px;
  		width: 135px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}div.formulaire-style-2 table tr td input.xtnsn-mail, div.formulaire-style-3 table tr td input.xtnsn-mail, div.formulaire-style-4 table tr td input.xtnsn-mail {
  		margin: 0; padding: 1px;
  		width: 50px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	
  	div#recevoir-newsletter {
  		margin: 0; padding: 0;
  	}
  		div#recevoir-newsletter.mc-proposition {
	  		margin: 0; padding: 25px 0px 10px 0px;
	  	}
  		div#recevoir-newsletter ul {
  			margin: 0px 40px 0px 50px; padding: 0px 0px 5px 0px;
  			list-style: none;
  		}
  		div#recevoir-newsletter ul li {
  			margin: 0; padding: 0;
  			font-size: 0.8em;
  			color:#000000;
  		}
  			div#recevoir-newsletter ul li span {
  				color: #464646;
  			}
  			div#recevoir-newsletter ul li input {
  				margin:0;
  			}
  	div.formulaire-style-2 input.valider, div.formulaire-style-3 input.valider {
  		margin: 0px 0px 0px 310px; padding: 5px 0px 7px 0px;
  		width: 135px;
  		font-size: 0.9em; font-weight: bold;
  		color: #FFFFFF;
  		text-transform: uppercase; text-align: center;
  		letter-spacing: 2px;
  		border: none;
  		cursor: pointer;
  	}
  		div.formulaire-style-2 input.valider {
  			background-image: url(../images/formulaire-btn-valider.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			background-color: #F799D1;
  		}
  		div.formulaire-style-3 input.valider {
  			background-image: url(../images/formulaire-btn-valider-2.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  			background-color: #F57FC5;
  		}
  	
  	
  	p.text {
  		margin: 0; padding: 10px 15px 10px 5px;
  		font-size: 0.8em;
  		color: #4A4A4A;
  	} p.text span { display: block; font-weight: bold; }
  	
  	 p.text a.lnk:link,  p.text a.lnk:visited {
  		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px;
  		font-size: 1.1em;
  		color: #686868;
  		background-image: url(../images/puce-retour.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  		text-decoration: none;
  	}
  	p.text a.lnk:hover {
  		color: #C3006F;
  	}
  	div.formulaire-style-1 h2, div.formulaire-style-2 h2, div.formulaire-style-3 h2, div.formulaire-style-4 h2, div.formulaire-style-5 h2 {
  		margin: 0; padding: 0;
  		font-size: 1.6em;
	}
	  	div.formulaire-style-2 h2.vos-coordonnees {
	  		display: block;
	  		width: 192px;
	  		background-image: url(../images/formulaire-titre-vos-coordonnees-1.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	  	div.formulaire-style-3 h2.votre-ancienne-adresse {
	  		display: block;
	  		width: 238px;
	  		background-image: url(../images/formulaire-titre-votre-ancienne-adresse.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	  	div.formulaire-style-3 h2.votre-nouvelle-banque {
	  		display: block;
	  		width: 237px;
	  		background-image: url(../images/formulaire-titre-votre-nouvelle-banque.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
	  	div.formulaire-style-4 h2.votre-nouvelle-adresse {
	  		display: block;
	  		width: 240px;
	  		background-image: url(../images/formulaire-titre-votre-nouvelle-adresse.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}
  	div.formulaire-style-1 table tr.visiter th, div.formulaire-style-1 table tr.visiter td {
  		padding-top: 20px;
  	}
  	div.formulaire-style-1 table tr.visiter td {
  		font-size: 0.9em;
  		color: #E50083;
  	}
  		div.formulaire-style-1 table tr.visiter td a:link, div.formulaire-style-1 table tr.visiter td a:visited {
  			font-weight: bold;
  			color: #64003A;
  			text-decoration: none;
  		}div.formulaire-style-1 table tr.visiter td a:hover { color: #E50083; }
  	
  	table tr td input.txt, div#bloc-milieu-form table tr td select {
  		margin: 0; padding: 1px;
  		width: 210px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	table tr th select {
  		margin: 0px 20px 0px 0px; padding: 1px;
  		width: 120px;
  		font-size: 1em;
  		color: #3D3D3D;
  	}
  	
  	
 
   /*--------------------
     Eléments popup
   ---------------------*/ 
  	table#rdv-agence-choix {
  		margin: 10px; padding: 8px 0px 10px 0px;
  		width: 200px;
  		font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal;
  		color: #7B3960;
  		border-collapse: collapse;
  	}
  	table#rdv-agence-choix tr, table#rdv-agence-choix tr th, table#rdv-agence-choix tr td {
  		margin: 0; padding: 0;
  		font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal;
  		color: #FFFFFF;
  	}
  		table#rdv-agence-choix tr th {
  			padding-top: 3px; padding-bottom: 2px;
  		}
  		table#rdv-agence-choix tr th abbr {
  			border-bottom: none;
  		}
  	table#rdv-agence-choix {
  		background-color: #F57FC5;
  		background-image: url(../images/fond-calendrier.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  	}
  	
  /*--------------------
     Page contact
   ---------------------*/ 
   	div#contacter {
   		margin: 0; padding: 0;
   	}
   		div#contacter table {
   			margin: 20px 0px 0px 0px; padding: 0;
   		}
   		div#contacter table tr {
   			margin: 0; padding: 0;
   		}
   		div#contacter table tr th {
   			margin: 0; padding: 0px 0px 20px 0px;
   			width: 250px;
   			font-size: 1.1em;
   			color: #E50083;
   		}
   			div#contacter table tr th.variante {
	   			margin: 0; padding: 0px 0px 20px 0px;
	   			font-size: 0.9em;
	   			color: #686868;
	   		}
   			div#contacter table tr th span {
   				font-size: 1.2em;
   				color: #E50083;
   			}
   		div#contacter table tr td {
   			margin: 0; padding: 0px 0px 20px 0px;
   		}
   		
   		div#contacter select {
   			width: 150px;
   			font-size: 1em;
   		}
 
 /*-------------------
  Boutons de validation ou d'annulation du formulaire
 */  		
   	div.validation {
   		margin: 0; padding: 0;
   		text-align: center;
   	}
   	
   	div.validation input.valider, div.validation input.annuler {
   		padding: 0px 0px 3px 0px;
   		width: 139px; height: 28px;
  		font-size: 1.1em; font-weight: bold;
  		color: #FFFFFF; background-color: #FFFFFF;
  		background-image: url(../images/simulateur-btn-2.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  		border: none;
  		text-transform: uppercase;
  		cursor: pointer;
   	}
   		
 /*-------------------
  Tablea des infos financières
  (utilisable au cas par cas)
 */

  table.infos {
  	margin: 0; padding: 0;
  	width: 506px;
  	border-collapse: collapse;
  }
  table.infos tr {
  	margin: 0; padding: 0;
  	border-position: inside;
  }
  	table.infos tr.pl {
  		border: none;
  	}
  	table.infos tr.variante {
  		background-color: #ECECEC;
  	}
  table.infos tr th {
  	margin: 0; padding: 5px 2px 2px 2px;
  	font-size: 0.8em;
  	color: #FFFFFF;
  	vertical-align: middle; text-align: center;
  }
  	table.infos tr th span {
  		font-size: 0.7em; font-weight: normal;
  	}
  	table.infos tr th.f {
  		padding-left: 15px;
  		padding-right: 0;
  		
  		background-image: url(../images/tableau-cofinoga-infos-financiere.gif);
  			background-repeat: no-repeat;
  			background-position: top left;
  		text-align: left;
  	}
  	table.infos tr th.s {
  		background-image: url(../images/tableau-cofinoga-infos-financiere-2.gif);
  			background-repeat: repeat-x;
  			background-position: top right;
  	}
  	table.infos tr th.mensualite {
  		width: 150px;
  		line-height: 0.8em;
  		font-size: 0.8em; font-weight: bold;
  		background-image: url(../images/tableau-cofinoga-infos-financiere.gif);
  			background-repeat: no-repeat;
  			background-position: top right;
  	}
  	
  table.infos tr td {
  	margin: 0; padding: 4px 5px 4px 5px;
  	font-weight: bold;
  	color: #666666;
  	text-align: center;
  	font-size: 0.9em;
  }
  	table.infos tr.variante td {
  		color: #333333;
  		text-align: center;
  		border-right: 1px solid #C9C8C8;
  	}
  	table.infos tr td.f {
  		border-left: 1px solid #C9C8C8;
  	}
  	table.infos tr td.mensualite {
  		color: #E50083;
  		border-right: 1px solid #C9C8C8;
  	}
  
  div.bas-tableau {
      display: bloc;
      width: 508px; height: 9px;
      background-image: url(../images/tableau-cofinoga-infos-financiere-bas-2.gif);
          background-repeat: no-repeat;
          background-position: top left;
  }
  
  
  
  
	
	div.contact-info {
  		position: relative;
  		margin: 0px 10px 0px 10px;
  		padding: 35px 0px 15px 30px;
  		width: 663px;
  		min-height:110px;
  		background: #F9B2DC url('../images/formulaire-rose-haut.gif') no-repeat top left;
  	}
  		div.bas-contact-info {
  			margin: 0px 10px 10px 10px; padding: 0;
  			height: 9px;
  			background-image: url(../images/formulaire-rose-bas.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
  		}
  		div.contact-info h2.votre-agence {
	  		display: block;
	  		width: 242px;
	  		margin: 5px 0px 0px 0px; padding: 0;
  			font-size: 1.6em;
	  		background-image: url(../images/formulaire-titre-votre-agence.gif);
	  			background-repeat: no-repeat;
	  			background-position: top left;
	  		text-indent: -100em;
	  	}

  		span.contact-gauche {
	  		text-align: left;
	  		float: left;
	  		margin: 0; 
	  		padding: 4px 10px 0px 0px;
	  		width: 100px;
	  		font-family: Arial, Helvetica, sans-serif; 
	  		font-size: 1em; 
	  		font-weight: bold;
	  		color: #FFFFFF;
	  	}
	  	span.contact-droite {
	  		text-align: left;
	  		float:bottom;
	  		padding: 4px 0px 0px 0px;
	  		width: 400px;
	  		font-size: 0.9em;
	  		display: block;
	  	}
  		
#contenularge{font-size:13px;}
#recevoir-newsletter ul{}