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

/*--------------------
   Variables globales
 ---------------------*/
 
  body {
  	margin: 0; padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%;
	color: #000000;
	/* 
	background-color: #A5A5A5; 
	background-image: url(../images/fond-g-degrade.gif); 
	background-position: top left; 
	background-repeat: repeat-x;
	*/
	text-align: center;
	behavior: url('./css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }
  
  div#all {
  	position: relative;
	width: 950px;
	margin-left: auto; margin-right:auto;
	text-align: left;
  }
  br.clear {
  	clear: both;
  }
/*--------------------
   Header
 ---------------------*/ 
  div#header {
  	margin: 0px 0px 0px 10px; padding: 0;
  	text-align: left;
  }
  	div#header span {
          position: absolute;
          top: 0; left: 0;
          margin: 0px 0px 0px 0px; padding: 0;
          /*background: url('../images/header-40ans.jpg') no-repeat bottom center;*/
          background: url('../images/header-credit.jpg') no-repeat bottom center;
  	}

  	div#header span a {
  		display: block; overflow: hidden;
  		width: 713px; height: 88px;
		text-indent: -100em;
  	}
  	/*
  	div#espace-client {
  		position: relative;
  		margin: 0px 0px 0px 730px; padding: 0;
  		width: 202px; height: 80px;
  		background-color: transparent; background-image: url(../images/fond-espace-client.gif); background-repeat: no-repeat; bckground-position: bottom left;
  	}
  	div#espace-client span {
  		
  	}
  	div#espace-client input {
  		margin: 0; padding: 2px;
  		font-size: 1em;
  		color: #737373;
  		border: 1px solid #E9E9E3;
  	}
  	div#espace-client input.identifiant {
  		margin: 0px 0px 0px 10px;
  		width: 46px;
  		height: 1em;
  	}
  	div#espace-client input.numcompte {
  		width: 90px;
  		height: 1em;
  	}
  	div#espace-client input.datenaissance {
  		float: left;
  		margin: 5px 5px 0px 10px;
  		width: 46px;
  		height: 1em;
  		font-size: 0.8em;
  		
  	}
  	div#espace-client input.go {
          margin: 0px 0px 0px 0px;
              padding: 4px;
              _padding: 4px 4px 2px 5px;
          font-weight: bold;
          width: 28px; height: 25px;
          color: #FFFFFF;
          background-color:transparent;
          background-image: url(../images/btn-go.gif);
          background-repeat: no-repeat;
          background-position: bottom left;
          border: none;
      }

  	div#espace-client p {
  		display: block;
  		margin: 4px 0px 0px 0px; padding: 0;
  		font-size: 0.85em;
  		color: #FFFFFF;
  		line-height: 0.9em;
  	}
  	div#espace-client p.link {
  		clear: both;
  		margin: 7px 0px 0px 10px; 
  		//padding: 0px 0px 5px 0px;
  		text-align: left;
  	}
  	div#espace-client p.link a:link, div#espace-client p.link a:visited {
  		color: #000000;
  	}
  	div#espace-client p.link a:hover {
  		color: #000000;
  	}
  	*/
  	
  	div#espace-client {
	position: relative;
	margin: 0 0 0 730px;
	padding: 0;
	width: 211px;
	height: 93px;
	background-color: transparent;
	background-image: url(../images/images_auth_renforce/acces_espaceclient_backg.gif);
	background-repeat: no-repeat;
	bckground-position: bottom left;
	}

	div#espace-client #linkto_espace_client {
		display: block;
		margin: 0;
		width: 211px;
		height: 93px;
		background: url(../images/images_auth_renforce/acces_espaceclient_buttOK.gif) no-repeat 176px
			58px;
	}
  	

#secureForm{
	padding: 20pt 0 0 0;
	}
  	
/*--------------------
   Onglets de navigation
 ---------------------*/ 
  div#navigation {
  	clear: both;
  	margin: 10px 0px 0px 15px; padding: 0;
  	height: 1%;
  }
  	ul#onglets {
  		margin: 0; padding: 0;
  	}
  	ul#onglets li {
 	 	float: left;
		width: 125px;
  		margin: 0; padding: 0px 0px 0px 0px;
  		font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 0.8em; font-weight: bold;
  		background-image: url(../images/onglet-none.gif); background-repeat: no-repeat; background-position: top right;
  		border-bottom: 1px solid #C3C2C2;
  		list-style: none;
  	}
  	ul#onglets li b {
  		font-weight: normal;
  	}
  	ul#onglets li.current {
  		background-image: url(../images/onglet-current.gif); background-repeat: no-repeat; background-position: top right;
  		padding-bottom: 1px;
	  	border-bottom: 0px;
  	}
  	ul#onglets li.before {
  		background-image: url(../images/onglet-none-before.gif); background-repeat: no-repeat; background-position: top right;
  		padding-bottom: 1px;
	  	border-bottom: 0px;
  	}
  	ul#onglets li a:link, ul#onglets li a:visited {
  		display: block;
  		margin: 0; padding: 4px 11px 4px 0px;
  		color: #000000;
  		text-decoration: none;
  	}
  	ul#onglets li a:hover {
  		color: #C3006F;
  	}
  	ul#onglets li.accueil {
		width: 60px;
		background-image: url(../images/onglet-none-begin.gif); background-repeat: no-repeat; background-position: top left;
  	}
  		ul#onglets li.accueil-before {
  			width: 62px;
			padding-bottom: 1px;
	  		border-bottom: 0px;
  			background-image: url(../images/onglet-accueil-before.gif); background-repeat: no-repeat; background-position: top left;
	  	}
	  	ul#onglets li.accueil-current {
			width: 60px;
	  		background-image: url(../images/onglet-accueil-current.gif); background-repeat: no-repeat; background-position: top left;
	  		padding-bottom: 1px;
	  		border-bottom: 0px;
	  	}
  		ul#onglets li.accueil-current a:link, ul#onglets li.accueil-current a:visited, ul#onglets li.accueil-before a:link, ul#onglets li.accueil-before a:visited, ul#onglets li.accueil a:link, ul#onglets li.accueil a:visited {
  			padding: 4px 16px 4px 7px;
  		}
  	
  	ul#onglets li.reserve { width: 100px; }
  	ul#onglets li.auto { width: 66px; }
  	ul#onglets li.travaux { width: 85px; }
  	ul#onglets li.loisirs { width: 124px; }
  	
  	ul#onglets li.rachat {
		width: 93px;
  		background-image: url(../images/onglet-none-end.gif); background-repeat: no-repeat; background-position: top right;
  	}
  		ul#onglets li.rachat-current {
  			width: 93px;
			padding-bottom: 1px;
	  		border-bottom: 0px;
  			background-image: url(../images/onglet-current-end.gif); background-repeat: no-repeat; background-position: top right;
  		}
  	ul#onglets li.cartes {
		width: 58px;
		color: #FFFFFF;
  		background-image: url(../images/onglet-cartes.gif); 
  		background-repeat: no-repeat; background-position: top right;
  	}
  		ul#onglets li.cartes-current {
            width: 50px;
            padding-left: 10px;
                background-image: url(../images/onglet-cartes-current.gif);
                background-repeat: no-repeat;
                background-position: top left;
        }

  		ul#onglets li.cartes a:link, ul#onglets li.cartes a:visited {
  			 padding: 5px 12px 4px 14px;
  			 color: #FFFFFF;
  		}
  		ul#onglets li.cartes-current a{
  			 
  			 color: #000000;
  		}
	  	ul#onglets li.cartes a:hover{
  			 
  			 color: #C3006F;
  		}
  		ul#cartes {
	  		display: none;
	  		position: absolute; top: 126px; left: 542px;
	  		margin: 0; padding: 0;
	  		border: 1px solid #C3C2C2;
	  	}
	  	* html ul#cartes{
	  		top:124px;
	  		background-color: red;
	  	}
		  	ul#onglets li.cartes:hover ul#cartes, ul#onglets li.cartes-current:hover ul#cartes  {
		  		display : block;
		  	}
	  		ul#cartes li {
	  			clear: both;
	  			display: block;
	  			margin: 0; padding: 0;
	  			font-size: 1em;
	  			background-color: #989898;
	  			background-image: none;
	  		}
	  		ul#cartes li a:link, ul#cartes li a:visited {
	  			color: #FFFFFF;
	  		}
	  		ul#cartes li a:hover { color: #C3006F; }
	  		
	  		ul#cartes li.current {
	  			background-color: #FFFFFF;
	  			background-image: none;
	  		}
	  			ul#cartes li.current a:link, ul#cartes li.current a:visited {
	  				
	  				color: #000000;
	  			}ul#cartes li.current a:hover { color: #C3006F; }
  		
  	ul#onglets-secondaire {
  		margin: 0; padding: 0;
  	}
  	ul#onglets-secondaire li {
 	 	float: left;
  		margin: 0; padding: 7px 3px 1px 7px;
  		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal;
  		background-image: url(../images/onglet-nav-second-fond.gif); background-repeat: no-repeat; background-position: bottom left;
  		list-style: none;
  		border-bottom: 1px solid #C3C2C2;
  	}
  	
  	ul#onglets-secondaire li.actualite { width: 51px; }
  	ul#onglets-secondaire li.decouvrir { width: 114px; }
  	ul#onglets-secondaire li.savoir { width: 146px; }  	
  	
  	ul#onglets-secondaire li a:link, ul#onglets-secondaire li a:visited {
  		color: #000000;
  		text-decoration: none;
  	}
  	ul#onglets-secondaire li a:hover {
  		color: #C3006F;
  	}
  	

 /*--------------------
   Bloc principal de la page
 ---------------------*/ 
  div#bloc {
  	clear: both;
  	margin: 0px 0px 0px 8px; padding: 0;
  }
  	div#bloc div#haut-bloc {
  		margin: 0; padding: 0;
  		height: 8px;
  		font-size: 0.7em;
  		background-image: url(../images/haut-bloc-page.gif); background-repeat: no-repeat; background-position: top left;
  	}
  	div#bloc div#bas-bloc {
  		clear: both;
  		margin: 0; padding: 0;
  		height: 17px; /* 8px */
  		background-image: url(../images/bas-bloc-page.gif); background-repeat: no-repeat; background-position: top left;
  	}
  	div#bloc div#bloc-contenu {
  		margin: 0; padding: 0;
		height: 1%;
  		background: url('../images/milieu-bloc-page.gif') repeat-y top left;
  	}
  	
  		div#bloc-contenu div#colonne-gauche {
  			float: left;
  			margin: 0; padding: 0px 15px 0px 10px;
  			width: 180px;
  		}
  		
  	/*--------------------
   	    Boîte de contenu (colonne gauche)
 	---------------------*/ 
  	div.box {
          margin: 0px 0px 10px 0px; padding: 0;
          width: 177px;
          background: #E9EFF2;
          text-decoration: none;
          text-align:left;
    }
    /* Dynamo */
    #liensSupp {
    	margin-left:5px;
    }
    #liensSupp strong.strongb{
    	font-weight: bolder;
    	color:#E50083;
    }
	#liensSupp ul{
		list-style: none;
		padding-left:0;
	}
	#liensSupp ul li{
		margin-left: 0;
	}
  	div.box div.haut {
  		margin: 0; padding:  0 0 3pt 0;
  		height: 7px;
  		font-size: 0.2em;
  		background-image: url(../images/haut-box.gif); background-repeat: no-repeat; background-position: top left;
  	}
  	div.box div.bas {
  		margin: 0; padding:  0 0 2pt 0;
  		height: 7px;
  		font-size: 0.2em;
  		background-image: url(../images/bas-box.gif); background-repeat: no-repeat; background-position: bottom left;
  	}
  		div.box h2 {
  			margin: 0; padding: 0px 8px 2px 8px;
  			font-size: 1.4em; font-weight: normal;
  			color: #E63C9F;
  		}
	  	div.box h2 a:link, div.box h2 a:visited {
  			margin: 0; padding: 0px 8px 0px 0px;
  			color: #E63C9F;
  			text-decoration: none;
  		}
  		div.box h2 a:hover {
  			color: #7B7B7B;
  		}
	  		div.box span.bons-plans-credits {
	  			background-image: url(../images/bons-plans.gif); background-repeat: no-repeat; background-position: top left;
	  			text-indent: -100em;
	  		}
	  		div.box h2.contactez-nous {
	  			height: 22px;
	  			background-image: url(../images/contactez-nous.gif); background-repeat: no-repeat; background-position: top left;
	  			text-indent: -100em;
	  		}
	  			div.box h2.contactez-nous a:link, div.box h2.contactez-nous a:visited {
	  				display: block;
	  				width: 151px; height: 26px;
	  			}
	  		
  		div.box p {
  			margin: 0; padding: 0px 8px 0px 8px;
  			font-size: 0.8em;
  			color: #737373;
  		}
  		div.box input.texte {
  			margin: 0px 0px 2px 8px; padding: 2px;
  			width: 120px;
  			font-size: 0.9em;
  			color: #737373;
  			border: 1px solid #93938F;
  		}
	  	div.box input.go {
	  		margin: 0;
	  			padding: 4px 1px 4px 2px;
	  			_padding: 4px 3px 4px 3px;
	  		font-weight: bold;
	  		color: #FFFFFF;
	  		background-color: #E9EFF2;
	  		background-image: url(../images/btn-go-2.gif);
  				background-repeat: no-repeat;
  				background-position: top left;
	  		border: none;
	  	}
  		div.box p.main-link a:link, div.box p.main-link a:visited {
  			display: block;
  			width: 151px; height: 40px;
  			margin: 0; padding: 0;
  			font-size: 1.4em; font-weight: normal;
  			color: #E63C9F; background-color: #E9EFF2; background-image: url(../images/vos-questions.gif); background-repeat: no-repeat; background-position: top left;
  			text-decoration: none; text-indent: -100em;
  		}
  		div.box p.main-link a:hover {
  			color: #737373;
  		}
  			
  		
  		div#visuel-promo {
  			margin: 0; padding: 0;
  		}
  			div#visuel-promo img {
  				margin: 9px 0px 0px 0px;
  				padding-left: 5px;
  			}
  	
  	/*--------------------
   	    Boîte de contenu (colonne centrale)
 	---------------------*/ 
  		div#bloc-contenu div#colonne-centrale {
  			float: left;
  			margin: 0; padding: 0;
  			width: 455px;
  		}
  			div#bloc-contenu div#colonne-centrale-large {
  				float: left;
  				margin: 0; padding: 0;
  				width: 715px;
  			}
  			div#bloc-contenu div#colonne-centrale-semilarge {
  				float: left;
  				margin: 0; padding: 0;
  				width: 515px;
  			}
  			div#bloc-contenu div#colonne-centrale-semilarge-xl {
  				float: left;
  				margin: 0; padding: 0px 0px 0px 10px;
  				width: 530px;
  			}
  			
  			div#simulateur {
  				margin: 0px 0px 0px 0px; padding: 0;
  				background-image: url(../images/simulateur-milieu.gif); 
  				background-repeat: repeat-y; 
  				background-position: top left;
  			}
  			div#simulateur form{
  			margin: 0px 0px 0px 0px; padding: 0;
  			}
  			div#simulateur.large {
			width: 515px; 
  			background-image: url(../images/simulateur-milieu-large.gif); 
  			background-repeat: repeat-y; 
  			background-position: top left; 
			}
  				div#simulateur div.bas-simulateur {
  					height: 8px;
  					background-image: url(../images/simulateur-bas.gif); 
  					background-repeat: no-repeat; 
					background-position: bottom left;
  				}
				div#simulateur.large div.bas-simulateur { 
					background-image: url(../images/simulateur-bas-large.gif); 
					background-repeat: no-repeat; 
					background-position: bottom left; 
				}
				div#simulateur.large div#content-simulateur {
					width:500px;
					min-height: 310px;
				}
				div#simulateur.large br.spacer{
				font-size:1em;
				}
				div#simulateur.large div#content-simulateur div#content-simulateur1 {
					float: left;
					padding:0px 10px 0px 10px;
					width:140px;
					background-image: url(../images/content-simulateur-espace.gif); 
					background-repeat: repeat-y; 
					background-position: top right;
				}
				div#simulateur.large div#content-simulateur div#content-simulateur1 p {
					font-size:0.8em;
					color:#686868;
				}
				div#simulateur.large div#content-simulateur2 {
					width:337px;
					float:left;
					text-align:center;
				}

  			div#simulateur h2 {
  				margin: 0; padding: 0;
  				height: 26px;
  				font-size: 1em;
  				background-image: url(../images/simulateur-titre.gif); background-repeat: repeat-y; background-position: top left;
  				text-indent: -100em;
  			}
  			div#simulateur.large h2 {
  				margin: 0; padding: 0;
  				height: 25px;
  				font-size: 1em;
  				background-image: url(../images/simulateur-titre-large.gif); background-repeat: repeat-y; background-position: top left;
  				text-indent: -100em;
  			}
  				div#simulateur.large h2.orange {
	  				margin: 0; padding: 0;
	  				height: 25px;
	  				font-size: 1em;
	  				background-image: url(../images/simulateur-titre-large-2.gif); background-repeat: repeat-y; background-position: top left;
	  				text-indent: -100em;
	  			}
  			
  			div#simulateur p.simuler {
  				margin: 0; padding: 0;
  				height: 22px;
  				font-size: 1em;
  				background-image: url(../images/simulateur-soustitre.gif); background-repeat: repeat-y; background-position: top left;
  				text-indent: -100em;
  			}
  			div#simulateur p.erreur {
  				margin: 0; padding: 5px;
  				text-align: center;
  				color: #828282;
  			}
  			div#simulateur p.type-projet {
  				margin: 0; padding: 5px 5px 10px 5px;
  				text-align: center;
  				font-size: 0.8em;
  			}
  			div#simulateur p.type-projet label{
  				font-weight: bold;
  				font-size: 1.2em;
  			}
  				div#simulateur p.type-projet span {
  					margin: 0px 20px 0px 0px; padding: 0;

  					color: #696969;
  				}
  				
  			div#simulateur table {
  				margin: 0px 0px 5px 0px; padding: 0;
  				width: 450px;
  			}
  			div#simulateur table tr {
  				margin: 0; padding: 0;
  			}
  			div#simulateur table tr th {
  				margin: 0; padding: 0px 5px 10px 0px;
  				width: 120px;
  				font-size: 0.8em; font-weight: normal;
  				color: #636363; background-image: url(../images/simulateur-2points.gif); background-repeat: no-repeat; background-position: top right;
  				text-align: right;
  			}
  			div#simulateur table tr th label span{
  				font-size: 0.8em;
  			}
	  			div#simulateur table tr th b {
	  				display: block;
	  				font-family: Arial, Helvetica, Tahoma, sans-serif; 
	  				font-size: 1em; font-weight: bold;
	  				color: #E50083;
	  				padding-right: 5px;
	  			}
  			div#simulateur table tr td {
                  margin: 0; padding: 0px 0px 5px 0px;
  				width: 322px;
  			}
  			div#simulateur table tr td input input.submit {
  				border: 1px solid #E50083;
  				text-align: right;
  			}
  			div#simulateur p.submit {
  				margin: 0px 7px 0px 0px; padding: 0px 0px 0px 0px;
  				font-size: 0.9em;
  				color: #E50083;
  				text-align: center;
  			}
  			div#simulateur p.submit input {
  				margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;
  				width: 235px; height: 28px;
  				font-size: 1.2em; font-weight: bold;
  				color: #FFFFFF; background-color: #FFFFFF; 
  				background: url(../images/simulateur-btn.gif) repeat-y top left;
  				border: none;
  				text-align: center;
  				cursor: pointer;
  			}
  			div#simulateur p.submit-reserve input {
  				margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;
  				width: 235px; height: 28px;
  				font-size: 1.2em; font-weight: bold;
  				color: #FFFFFF; background-color: #FFFFFF; 
  				background-image: url(../images/simulateur-btn.gif); background-repeat: repeat-y; background-position: top left;
  				border: none;
  				text-align: center;
  				cursor: pointer;
  			}
  				div#simulateur p.submit input.submit-2 {
	  				margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	  				width: 139px; height: 28px;
	  				font-size: 1.2em; font-weight: bold;
	  				color: #FFFFFF; background-color: #FFFFFF; background-image: url(../images/simulateur-btn-2.gif); background-repeat: repeat-y; background-position: top left;
	  				border: none;
	  				text-align: center;
	  				cursor: pointer;
	  			}
  			
  			div#simulateur ul.submenus {
				margin: 20px 40px 10px 50px; padding: 0;
				list-style: none;
			}
			div#simulateur ul.submenus li {
				display: inline;
				margin: 0; padding: 0px 15px 0px 20px;
				background-image: url(../images/puce-fleche-bl-fgr.gif);
		 			background-repeat: no-repeat;
		 			background-position: top left;
			}
			div#simulateur ul.submenus li a:link, div#simulateur ul.submenus li a:visited {
				font-weight: bold;
				color: #686868;
				text-decoration: underline;
			}div#simulateur ul.submenus li a:hover { color: #E50083; }
			
			div#simulateur table.resume {
				margin: 0; padding: 0;
				width: 510px;
				display: none;
			}
				div#simulateur table.resume tr {
					margin: 0; padding: 0;
				}
				div#simulateur table.resume tr th {
					margin: 0; padding: 0;
					width: 300px;
					font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold;
					color: #000000; background: none;
					vertical-align: top;
				}div#simulateur table.resume tr th span { display: block; font-weight: normal; }
				div#simulateur table.resume tr th.large { width: 350px; text-align: left; }
				div#simulateur table.resume tr th.teg { width: 150px;}
				
				div#simulateur table.resume tr td {
					margin: 0; padding: 0;
					width: 86px;
					font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;
					color: #EC008C;
					vertical-align: top;
				}
				div#simulateur table.resume tr td.total {
					padding: 1px 0px 0px 0px;
					width: 206px;
					background-image: url(../images/fond-rose-simulateur.gif);
						background-repeat: no-repeat;
						background-position: top left;
					text-align: center;
				}


			/* lien "votre projet est inférieur a 6000E" */
		  	div#simulateur p.text-btn3 {
				float: left;
		  		margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px;
		  		color: #4A4A4A;
		  	}
		  	div#simulateur p.text-btn3 span { display: block; font-weight: bold; }
		  	
		  	div#simulateur p.text-btn3 a.lnk:link, div#simulateur p.text-btn3 a.lnk:visited {
		  		margin: 0px 0px 0px 5px; padding: 0px 0px 0px 15px;
		  		font-size: 1em;
		  		color: #686868;
		  		background-image: url(../images/puce-retour.gif);
		  			background-repeat: no-repeat;
		  			background-position: 0% 50%;
		  		text-decoration: underline;
		  	}
		  	div#simulateur p.text-btn3 a.lnk:hover {
		  		color: #C3006F;
		  	}
			


			/* lien Nouvelle simulation */
			div#simulateur p.text-btn {
				float: right;
		  		margin: 5px 20px 0px 0px; padding: 0px 0px 5px 0px;
		  		color: #4A4A4A;
		  	}
		  	div#simulateur p.text-btn span { display: block; font-weight: bold; }
		  	
		  	div#simulateur p.text-btn a.lnk:link, div#simulateur p.text-btn a.lnk:visited {
		  		margin: 0px 0px 0px 5px;
		  		padding: 0px 0px 0px 15px;
		  		font-size: 1em;
		  		color: #686868;
		  		background-image: url(../images/puce-retour.gif);
		  			background-repeat: no-repeat;
		  			background-position: 0% 50%;
		  		text-decoration: underline;
		  	}
		  	div#simulateur p.text-btn a.lnk:hover {
		  		color: #C3006F;
		  	}
		  	
		  	
		  	
			/* Lien Calculer */
		  	div#simulateur p.text-btn2 {
				float: right;
		  		margin: 5px 20px 0px 0px; padding: 0px 0px 5px 0px;
		  		color: #4A4A4A;
		  	}
		  	div#simulateur p.text-btn2 span { display: block; font-weight: bold; }
		  	
		  	div#simulateur p.text-btn2 a.lnk:link, div#simulateur p.text-btn2 a.lnk:visited {
		  		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;
		  		font-size: 1em;
		  		color: #686868;
		  		background-image: url(../images/puce-retour.gif);
		  			background-repeat: no-repeat;
		  			background-position: 0% 50%;
		  		text-decoration: underline;
		  	}
		  	div#simulateur p.text-btn2 a.lnk:hover {
		  		color: #C3006F;
		  	}


  			div#en5etapes {
  				position: relative;
  				margin: 0; padding: 5px 0px 0px 0px;
  				height: 80px;
  				background-image: url(../images/en-5-etapes.gif); background-repeat: no-repeat; background-position: top left;
  			}
  			div#en5etapes h2 {
  				margin: 0px 0px 0px 35px; padding: 0px 0px 4px 0px;
  				background-image: url(../images/titre-en-5-etapes.gif); background-repeat: no-repeat; background-position: top left;
  				text-indent: -100em;
  			}
  			div#en5etapes p {
                  display: block;
                  float: left;
                  margin: 0; padding: 0px 0px 20px 0px;
                  width: 70px;
                  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold;
                  color: #7A7B7B;
              }

  				div#en5etapes p.p1 { position: absolute; top: 30px; left: 25px; }
  				div#en5etapes p.p2 { position: absolute; top: 30px; left: 122px; }
  				div#en5etapes p.p3 { position: absolute; top: 30px; left: 208px; }
  				div#en5etapes p.p4 { position: absolute; top: 30px; left: 285px; }
  				div#en5etapes p.p5 { position: absolute; top: 30px; left: 365px; }
  			/*--------------------
   	    		  Bloc de deux colonnes du bas de page (offres partenaires, actualités)
 			---------------------*/ 
  			div#bloc-bas-2c {
  				margin: 0; padding: 0;
  				width: 450px;
  			}
  				div#offres-partenaires {
  					float: left;
  					margin: 0px 0px 0px 0px; padding: 0;
  					width: 219px;
  					background-image: url(../images/offres-partenaires-milieu.gif); background-repeat: repeat-y; background-position: top left;
  					text-align: center;
  				}
  					div#offres-partenaires h2 {
  						width: 219px;
  						margin: 0; padding: 0px 0px 20px 0px;
  						font-size: 1em;
  						background-image: url(../images/offres-partenaires.gif); background-repeat: no-repeat; background-position: top left;
  						text-indent: -200em;
  					}
  					div#offres-partenaires img {
  						margin: 2px; padding: 0;
  					}
  					div#offres-partenaires p {
  						margin: 0; padding: 3px 0px 8px 0px;
  						font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 0.9em;
  						color: #606060; background-image: url(../images/offres-partenaires-bas.gif); background-repeat: no-repeat; background-position: bottom left;
  						text-align: center;
  					}
  					div#offres-partenaires p a:link, div#offres-partenaires p a:visited {
  						color: #606060;
  					}div#offres-partenaires p a:hover { color: #C3006F; }
  					
  				div#actu-bonsplans {
  					float: right;
  					margin: 0; padding: 0;
  					width: 219px;
  					background-image: url(../images/offres-partenaires-milieu.gif); background-repeat: repeat-y; background-position: top left;
  				}
  					div#actu-bonsplans div.bas-actu {
  						height: 10px;
  						font-size: 0.7em;
  						background-image: url(../images/offres-partenaires-bas.gif); background-repeat: no-repeat; background-position: bottom left;
  					}
  					div#actu-bonsplans h2 {
  						margin: 0; padding: 0px 0px 20px 0px;
  						font-size: 1em;
  						background-image: url(../images/actu-bonsplans.gif); background-repeat: no-repeat; background-position: top left;
  						text-indent: -200em;
  					}
  					div#actu-bonsplans ul {
  						margin: 0px 10px 0px 10px; padding: 0;
  						list-style: none;
  					}
  					div#actu-bonsplans ul li {
  						margin: 0; padding: 0px 0px 4px 12px;
  						background-image: url(../images/puce-noire.gif); background-repeat: no-repeat; background-position: top left;
  					}
  					div#actu-bonsplans ul li.vide {
  						margin: 0; padding: 0px 0px 4px 12px;
  						background-image: none;
  					}
  						div#actu-bonsplans ul li a:link, div#actu-bonsplans ul li a:visited {
  							font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 0.9em;
  							color: #606060;
  						}div#actu-bonsplans ul li a:hover { color: #C3006F; }
  						
  	
  	/*--------------------
   	    Boîte de contenu (colonne droite)
 	---------------------*/ 
  		div#bloc-contenu div#colonne-droite {
  			float: right;
  			margin: 0; padding: 0px 10px 0px 0px;	
  			width: 265px;
  		}
  		div#bloc-contenu div#colonne-droite.small {
  			width: 200px;
  		}
  		
  			div#box-reserve {
  				display: none;
                  margin: 6px 0px 0px 0px !important; 
                  margin: 13px 0px 0px 0px;
                  /*padding: 8px 0px 0px 0px;
                  background-image: url(../images/fond-reserve-credit.gif); 
                  background-repeat: no-repeat; background-position: top left;
                  text-align: right;*/
              }
              div#box-reserve h2 {
                  margin: 0px 0px 0px 90px; padding: 0;
                  font-size: 1.2em;
                  background-image: url(../images/reserve-credit.gif); background-repeat: no-repeat; background-position: top left;
                  text-align: left; text-indent: -100em;
              }
              div#box-reserve p {
                  margin: 0px 0px 0px 70px; padding: 0px 22px 10px 0px;
                  font-size: 1em;
                  color: #EA3BA5;
                  text-align: right;
                  font-weight: bold;
              }
              div#box-reserve p span {
                  display: block;
                  margin: 0; padding: 0;
                  font-size: 0.9em;
                  font-weight: bold;
                  color: #EA3BA5;
              }

  			div#box-reserve label {
  				float: left;
  				margin: 0px 0px 0px 80px; padding: 0;
  				width: 100px; display: wrap;
  				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
  				color: #434343;
  			}
  			div#box-reserve select {
  				margin: 0px 13px 5px 0px; padding: 0;
  				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
  				color: #000000;
  			}
  			div#box-reserve select.second {
  				margin: 5px 13px 5px 0px;
  			}
  			div#box-reserve input {
                  margin: 5px 14px 27px 0px; padding: 5px 6px 7px 6px;
                  width: 164px;
                  font-size: 0.9em;
                  color: #ffffff; background-color: #E9EFF2; background-image: url(../images/btn-reserve-credit.gif); background-repeat: no-repeat; background-position: top left;
                  text-align: center;
                  border: none;
                  cursor: pointer;
              }

  			
/*--------------------
   Bas de page
 ---------------------*/ 
  div#bas-page {
  	margin: 0px 0px 0px 10px; padding: 0;
  	text-align: right;
  }
  	div#bas-page ul {
  		margin: 0px 15px 0px 0px; padding: 0;
  	}
  	div#bas-page ul li {
  		margin: 0; padding: 0px 0px 0px 20px;
  		display: inline;
  		font-size: 0.9em;
  		color: #FFFFFF;
  	}
  	div#bas-page ul li a:link, div#bas-page ul li a:visited {
  		color: #FFFFFF;
  		text-decoration: none;
  	}
  	div#bas-page ul li a:hover {
  		color: #C3006F;
  	}
  	
/*--------------------
   Addons : erreur du simulateur
 ---------------------*/ 
  div#error-form {
  	position: absolute;
  	margin: 0; padding: 0;
  	width: 250px;
  	background: #FFFFFF;
  	border: 1px solid #E50083;
  }
  	div#error-form h2.error {
  		display: block;
  		margin: 0; padding: 2px 0px 0px 5px;
  		height: 1.3em;
  		font-size: 1em;
  		color: #FFFFFF; background-color: #BF006D;
  			background-image: url(../images/bandeau-formulaire.gif);
  			background-repeat: repeat-x; background-position: top left;
  		text-indent: 0em;
  	}
  	div#error-form img {
  		float: right;
  	}
  	div#error-form p {
  		margin: 0; padding: 10px;
  		font-family: Arial, Helvetica, sans-serif; font-size: 1em;
  		color: #686868;
  	}
  		div#error-form p.close {
  			margin: 0; padding: 0px 10px 10px 10px;
  			text-align: right;
  		}
  			div#error-form p.close a:link, div#error-form p.close a:visited {
  				color: #DF0080;
  				text-decoration: none;
  			}div#error-form p.close a:hover { color: #686868; }

	div#error-form p.ou {
		padding-left: 10px;
		padding-right: 10px;
	}

	div#error-form ul {
  		margin-top: -10px;
  		margin-bottom: -5px;
  	}
  	
  	div#error-form li {
  		font-family: Arial, Helvetica, sans-serif; font-size: 1em;
  		color: #686868;
  	}		
 /*--------------------
   Addons : Formulaire supplémentaire pour le simulateur
 ---------------------*/ 
  div#simulateur table#miniform {
  	width: 495px;
  	margin: 15px 10px 10px 10px;
  	background-color: #FEEDF7;
  	border-top: 1px solid #D0CACE;
  	border-bottom: 1px solid #D0CACE;

  }
  	div#simulateur table#miniform tr {
  		margin: 0; padding: 0;
  	}
  	div#simulateur table#miniform tr th {
  		margin: 0; padding: 0px 10px 5px 5px;
  		width: 220px;
  		font-size: 0.9em; font-weight: normal;
  		color: #CC1571;
  		background-image: none;
  		text-align: left; vertical-align: top;
  		
  	}
  	div#simulateur table#miniform tr td {
  		margin: 0; padding: 0px 0px 5px 0px;
  		font-size: 0.9em;
  		color: #090006;
  		vertical-align: top;
  		width: 210px;
  	}
  	div#simulateur table#miniform tr td.sub, div#simulateur table#miniform tr td.check {
		width: 139px;
  		height: 28px;
  	}
  	div#simulateur table#miniform tr td.titre{
		width: 280px;
  		height: 28px;
  	}
  	div#simulateur table#miniform tr td.sub p.submit{
  			text-align: right;
  			width: 139px;
  	}
  	div#simulateur table#miniform tr td.sub p.submit input.submit-2 {
	  				margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	  				width: 139px; height: 28px;
	  				font-size: 1.2em; font-weight: bold;
	  				color: #FFFFFF; 
	  				background-image: url(../images/simulateur-btn-3.gif); 
	  				background-repeat: no-repeat;
	  				border: none;
	  				background-color: transparent;
	  				background-position: right;
	  				text-align: center;
	  				cursor: pointer;
  	}
  		div#simulateur table#miniform tr td h3 {
  			margin: 5px 0px 0px 0px; padding: 0;
		 	font-size: 1.7em;
		 	text-indent: -100em;
		 	background-image: url(../images/titre-simulateur-miniform.gif);
	 			background-repeat: no-repeat;
	 			background-position: top left;
  		}
  	div#simulateur table#miniform tr td input {
  		vertical-align: middle;
  		border: none;
  	}
  	div#simulateur table#miniform tr td input.text {
  		margin: 0; padding: 1px;
  		width: 50px;
  		border: 1px solid #888689;
  	}
  		div#simulateur table#miniform tr td input.text-2 {
	  		margin: 0; padding: 1px;
	  		width: 100px;
	  		border: 1px solid #888689;
	  	}
  		div#simulateur table#miniform tr td span {
  			font-size: 0.8em;
  			color: #72676F;
  		}
  	div#simulateur input.calculer {
          margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px;
          width: 139px; height: 28px;
          font-size: 1.2em; 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;
      }
  	span.mentionlegale{
  		display:inline;font-size: 0.8em;font-weight: normal;
  	}
  div#simulateur table.mysimulateur {
     margin-right: auto;
     margin-left: auto;
     padding: 0;
     width: 200px;
     background-image: url(../images/fond-tableau-simu.gif);
         background-position: top left;
         background-repeat: no-repeat;
         text-align: center;
 }
     div#simulateur table.mysimulateur tr {
         margin: 0; padding: 0;
     }
     div#simulateur table.mysimulateur tr td {
         margin: 0; padding: 0;
         width: 40px;
     }
     table.mysimulateur tr td select {
         margin: 40px 0px 10px -30px !important;
         margin: 40px 0px 10px 20px;
         
     }
     
     table.mysimulateur tr td select option:hover {
         color: #FFFFFF;
         background: #E50083;
     }
  	table.rac-res tr td.racMontant input#mntntsht{
  		width: 130px;
  	}
  	
  	
 div#simulateur table.mysimulateur-juin {
     margin-right: auto;
     margin-left: auto;
     padding: 0;
     background-image: url(../images/fond-tableau-simu-3.gif);
         background-position: top left;
         background-repeat: no-repeat;
         text-align: center;
		 width:340px;
 }
     div#simulateur table.mysimulateur-juin tr {
         margin: 0; padding: 0;
     }
     div#simulateur table.mysimulateur-juin tr td {
         margin: 0px; padding: 0px 0px 0px 47px;
         text-align: left;
		 font-size:0.8em;
		 color:#686868;
     }
	 div#simulateur table.mysimulateur-juin tr td.btn-simulateur {
         margin: 0px; padding: 0px 0px 0px 0px;
         text-align: center;
		 font-size:1em;
		 color:#686868;
     }
	 div#simulateur table.mysimulateur-juin tr td.cliquez {
         margin: 0px; padding: 0px 0px 0px 0px;
         text-align: center;
		 font-size:0.8em;
		 color:#686868;
     }
	 	 div#simulateur table.mysimulateur-juin tr td.cliquez span.cliquez {
         margin: 0px; padding: 0px 0px 0px 0px;
         text-align: center;
		 font-size:1em;
		 color:#CC0099;
     }
	 	 div#simulateur table.mysimulateur-juin tr td.cliquezbtn {
         margin: 0px; padding: 3px 0px 10px 2px;
         text-align: center;
         
		 font-size:1em;
		 background-image:url(../images/bt-demande.gif);
		 background-repeat:no-repeat;
		 background-position:top center;
     }
	 div#simulateur table.mysimulateur-juin tr td.cliquezbtn a {
		 font-weight:bold;
		 font-size:1em;
		 color:#FFFFFF;
		 text-decoration:none;
     }
	 div#simulateur table.mysimulateur-juin tr td a.lnk{
	  	 font-size:1em;
		 color:#686868;
		 text-decoration:underline;
		 vertical-align:top;
	 }
	 div#simulateur table.mysimulateur-juin tr td.right {
         margin: 0px; padding: 0px 0px 0px 80px;
         text-align: left;
		 font-size:0.8em;
		 color:#686868;
     }
	 table.mysimulateur-juin tr td select {
         margin: 42px 0px 10px 0px;
         _margin: 42px 0px 10px 0px;         
     }
	 div#simulateur table.mysimulateur-juin tr td.outils {
         margin: 0px; padding: 20px 0px 0px 10px;
         text-align: left;
		 font-size:0.8em;
		 color:#686868;
		 width:325px;
     }
	  div#simulateur table.mysimulateur-juin tr td.outils div.tableoutilleft {
	  	 float:left;
		 width:133px; height:42px;
		 margin:0px; padding: 20px 0px 0px 57px;
		 background-image:url(../images/picto-rendezvous.gif);
		 border:0px solid red;
	 }
	 div#simulateur table.mysimulateur-juin tr td.outils div.tableoutilright {
	 	 float:left;
		 width:94px; height:42px;
		 margin:0px; padding: 20px 0px 0px 41px;
		 background-image:url(../images/fd-rappel.gif);
		 border:0px solid red;
	 }
	 
	  div#simulateur table.mysimulateur-juin tr td.outils div.tableoutilleft a {
	  	 font-size:1em;
		 color:#686868;
		 text-decoration:underline;
	 }
	 div#simulateur table.mysimulateur-juin tr td.outils div.tableoutilright a {
	  	 font-size:1em;
		 color:#686868;
		 text-decoration:underline;
	 }
     table.mysimulateur-juin tr td select option:hover {
         color: #FFFFFF;
         background: #E50083;
     }
     
     
     
     object.fl-r {
     	float: right;
     	border: none;
     }
     object.fl-l {
     	float: left;
     	margin: 0px 10px 0px 0px; padding: 0;
     	border: none;
     }
	div#colonnedroite {
 		float: right;
 		margin: 5px 0px 5px 5px;
}

  p.propocomValider input.propocomValider{
	  				margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	  				width: 139px; height: 28px;
	  				font-size: 1.2em; font-weight: bold;
	  				color: #FFFFFF; 
	  				background-image: url(../images/simulateur-btn-3.gif); 
	  				background-repeat: no-repeat;
	  				border: none;
	  				background-color: transparent;
	  				background-position: right;
	  				text-align: center;
	  				cursor: pointer;
  	}
  	
 /*----------------------
 	SNCF
   ----------------------*/
   div#sncf {
   	position: absolute;
   	z-index: 9999;
   	top: 119px; left: 210px;
   }
   
   
   
   
   /*
    * Modification zone NL
    */

    #bonsplans {
    	text-align: center;
    }