/*-----------------------------------
 * Styles Espace-Famille - Arpège
 * Création : 21.03.2006
 * Derniere modification : 21.02.2007
 ------------------------------------*/


/*--------------------
   Variables globales
 ---------------------*/
 div {
 	 /*-------- bug IE de sortie de flux -----------*/
 	height: 100%;
 }
 body {
  	margin: 0; padding: 0;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 62.5%;
	color: #000000; background-color: #FFFFFF;
  }

  div#all {
  	position: relative;
	margin: 0; margin-left: auto; margin-right: auto; padding: 12px 0px 0px 0px;
	width: 100%;
	max-width: 910px;
	_width:expression(document.body.clientWidth > 910 ? "910px" : "auto");
  }



  /*--------------------
   Ajout des styles globaux pour les formulaire
  ---------------------*/
  form {
  	margin: 0; padding: 0;
  }
  caption {
  	display: none;
  }
  fieldset {
  	margin: 0; padding: 0;
  	border: none;
  }
  fieldset legend {
  	margin: 0; padding: 0;
	font-size: 1.4em; font-weight: bold;
	color: #83B5BE;
  }
  textarea {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  }

  br.clear {
  	clear: both;
  }

  div.hide { display: none; }
  span.hide { display: none; }
  tr.hide { display: none; }



/*--------------------
 controle adresse
 ---------------------*/
select.adr {
 margin: 0; padding: 1px;
 font-size: 1em;
 border: 1px solid #C0B9A2;
}
option.adr-supplement {
 background: #E5ECEB;
}
input.adr {
 margin: 0; padding: 2px;
 font-size: 1em;
 border: 1px solid #C0B9A2;
}
/*-------------------- largeurs ---------------------*/
select.adr-longfld { min-width: 261px; }
input.adr-shortfld { width: 25px; }
input.adr-cpfld { width: 35px; }
input.adr-mediumfld { width: 127px; }
input.adr-longfld { width: 255px; }




/*--------------------
 popup calendar ctc codethatcalendar
 ---------------------*/

 body#calendar {
    margin-left: 10px; margin-top: 10px; padding: auto;
    font-family: auto;
  }

.clsBody
{
    BORDER-RIGHT: #FFFFFF thin solid;
    BORDER-TOP: #FFFFFF thin solid;
    BORDER-LEFT: #FFFFFF thin solid;
    BORDER-BOTTOM: #FFFFFF thin solid;
}

.clsCurrentWeek {
	color: #FFFFFF;
	font-size : 12px;
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
   BORDER-TOP: #B6AE97 thin solid;
   BORDER-BOTTOM: #B6AE97 thin solid;
	BACKGROUND-COLOR: #B6AE97;
   font-weight: bold
}
.clsCurrentWeek:hover {
	color: #FFFFFF;
	font-size : 12px;
	text-decoration : underline;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
   BORDER-TOP: #F3BD1D thin solid;
   BORDER-BOTTOM: #F3BD1D thin solid;
	BACKGROUND-COLOR: #F3BD1D;
   font-weight: bold
}

.clsCurrentWeek2 {
	color: #FFFFFF;
	font-size : 12px;
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
   BORDER-TOP: white thin solid;
   BORDER-BOTTOM: white thin solid;
   font-weight: bold
}

.clsDayName{
	color: #73603D;
	BACKGROUND-COLOR: #ECEAE3;
	font-size : 12px;
	font-weight: bold;
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap
}
.clsCurrentDay {
	color: #FFFFFF;
	BACKGROUND-COLOR: #F3BD1D;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	font-weight: bold;
}

.clsCurrentDay:hover {
	color: #FFFFFF;
	BACKGROUND-COLOR: #F3BD1D;
	font-size: 12px;
	text-decoration: underline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	font-weight: bold;
}

.clsWorkDay{
	color: #73603D;
	BACKGROUND-COLOR: #ECEAE3;
	font-size : 12px;
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap
}
.clsWorkDay:hover{
	color: #FFFFFF;
	BACKGROUND-COLOR: #F3BD1D;
	font-size : 12px;
	text-decoration : underline;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap
}
.clsWorkDayOtherMonth{
	color: #B7B7B7;
	font-size: 12px;
	text-decoration: none;
	BACKGROUND-COLOR: #ECEAE3;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.clsWeekEnd{
	color: #73603D;
	BACKGROUND-COLOR: #ECEAE3;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.clsWeekEnd:hover{
	color: #FFFFFF;
	BACKGROUND-COLOR: #F3BD1D;
	font-size: 12px;
	text-decoration: underline;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.clsWeekEndOtherMonth{
	color: #B7B7B7;
	font-size: 12px;
	text-decoration: none;
	BACKGROUND-COLOR: #ECEAE3;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.clsImg{
	BACKGROUND-COLOR: #FFFFFF;
	text-align: center;
}

.clsMois{
  color: #73603D;
	font-weight: bold;
	text-align: center;
	BACKGROUND-COLOR: #FFFFFF;
}

.clsCoin{
	BACKGROUND-COLOR: #ECEAE3;
}





/*--------------------
 bullinscr libre
 ---------------------*/
table.bullinscr {
 margin: 10px auto 20px auto; padding: 0;
 border-collapse: collapse;
}
table.bullinscr th {
 margin: 0; padding: 20px 10px 0px 0px;
 width: 43%;
 color: #7FB2B7;
 text-align: right; vertical-align: top;
}
table.bullinscr th label {
 color: #7FB2B7;
}
table.bullinscr td {
 margin: 0; padding: 20px 5px 0px 0px;
 width: 57%;
 vertical-align: top;
 color: #73603D;
 clear: both;
 position: relative;
}
table.bullinscr td.bil-topcenter {
 margin: 0; padding: 0px 0px 10px 0px;
 text-align: center;
}
table.bullinscr td div {
 float: left;
 position: relative;
 padding-right: 6px; padding-bottom: 3px;
 color: #73603D;
 font-family: Verdana; font-size: 1em;
}
table.bullinscr td div.bil-help {
 float: left;
 position: relative;
}
table.bullinscr td div.bil-plage {
 min-width: 148px;
}
table.bullinscr td div.bil-dow {
 min-width: 74px;
}
table.bullinscr td select {
 margin: 0px 0px 0px 0px; padding: 2px;
 font-family: Verdana; font-size: 1em;
 border: 1px solid #73603D;
}
table.bullinscr td option.bil-supplement {
 background: #E5ECEB;
}
table.bullinscr td input {
 margin: 0px 0px 0px 0px; padding: 2px;
 font-family: Verdana; font-size: 1em;
 border: 1px solid #73603D;
}
table.bullinscr td input.bil-check {
 border: 0px;
}
table.bullinscr td  textarea {
 margin: 0px 0px 0px 0px; padding: 2px;
 font-family: Verdana; font-size: 1em;
 border: 1px solid #73603D;
}
/*-------------------- largeurs ---------------------*/
table.bil-wide { width: 700px; }
div.bil-long { max-width: 327px; }
div.bil-medium { max-width: 287px; }
select.bil-longfld { width: 261px; }
input.bil-shortfld { width: 25px; }
input.bil-cpfld { width: 35px; }
input.bil-mediumfld { width: 127px; }
input.bil-longfld { width: 255px; }
textarea.bil-longfld { width: 255px; }



 /*--------------------
   Pied de page (footer)
   **
   Calque comportant le bloc de pied de page (copyright et contacts)
 ---------------------*/
 div#footer {
 	clear: both;
 	margin: 0; padding: 15px 0px 5px 0px;
 }

 	div#footer h2 {
 		float: left;
 		margin: 0; padding: 0;
 		font-size: 1em; font-weight: normal;
 	}
 	div#footer p {
 		margin: 0; padding: 0;
 		font-size: 1em;
 	}
 		div#footer p a:link, div#footer p a:visited {
 			color: #000000;
 			text-decoration: none;
 		}
 		div#footer p a:hover {
 			color: #F3BD1D;
 		}


/*--------------------
   Bandeau
   **
   Calque comportant le logo modifiable du site
 ---------------------*/
  div#bandeau {
  	overflow: hidden;
  	margin: 0px 0px 1px 0px; padding: 0;
  	width: 100%;
        height: 110px;
  	max-width: 910px;
  	_width:expression(document.body.clientWidth > 910 ? "910px" : "auto");
  	background: url(../../config/images/bandeau.jpg) no-repeat top center;

  }
  	div#bandeau img {
  		display: none;
  	}
  	div#bandeau.notconnected {
  		margin-top: 8px;
  	}
	  div#bandeau h1 {
	  	display: block;
	  	overflow: hidden;
	  	text-indent: -100em;
	  	margin: 0; padding: 0;
	  	height: 110px;
	  }
  div#bandeau p {
  	position: absolute; top: 2px; left: 0;
  	width: 100%;
  	max-width: 910px;
  	_width:expression(document.body.clientWidth > 910 ? "910px" : "auto");
  	margin: 0; padding: 0;
  	font-size: 1.1em;
  	text-align: center;
  	background: #FFFFFF;
  }


/*--------------------
   Espace-login
   **
   Calque comportant l'espace de déconnexion et indiquant le code Famille
 ---------------------*/
  div#espace-login {
  	margin: 0; padding: 0;
  	width: 100%;
	max-width: 910px;
	_width:expression(document.body.clientWidth > 910 ? "910px" : "auto");
	height: 1%;
	background: #ECEAE3 url('../../images/bandeau-bas.gif') no-repeat top left;
	behavior: url('javascript/png.htc'); /*-------- Pour affichage des transparences png sur IE5.5 et IE6 -----------*/
	border-bottom: 1px solid #FFFFFF;
  }
  	div#espace-login p {
  		margin: 0; padding: 0;
  	}
  	div#espace-login p.code-famille {
  		float: left;
  		margin: 0; padding: 15px;
  		width: 300px;
  		font-size: 1.1em;
  		color: #000000;
  	}
  		div#espace-login p span {
  			font-weight: bold;
  		}
  	div#espace-login p.left {
  		float: left;
  		margin: 0; padding: 15px;
  		width: 250px;
  		font-size: 1.1em;
  		color: #000000;
  	}
  	div#espace-login input.submit {
  		float: right;
  		margin: 15px 15px 15px 15px; padding: 0px 5px 0px 5px;
  		font-size: 1em; font-weight: bold;
  		color: #7B7A78; background-color: #F6F5F1;
  		border: 1px solid #ACABA8;
  	}
  	div#espace-login input.submit:hover {
  		color: #FFFFFF; background-color: #D6D2C5;
  		border: 1px solid #ACABA8;
  	}

 /*--------------------
   Navigation
   **
   Calque comportant le menu de navigation principal
 ---------------------*/
 div#navigation {
 	display: block;
 	margin: 0; padding: 0;
 	min-height: 31px;
 	background-color: #ECEAE3;
 }

 	div#navigation ul {
 		display: block;
 		margin: 0; padding: 0;
 		border-top: 1px solid #FFFFFF;
 	}
 	div#navigation ul li {
 		display: inline;
 		margin: 0; padding: 0;
 	}
 		div#navigation ul li a:link, div#navigation ul li a:visited {
 			float: left;
 			display: block;
 			margin: 0; padding: 8px 5px 8px 5px;
 			font-size: 1.1em; font-weight: bold;
 			color: #000000; background-color: #ECEAE3;
 			text-decoration: none;
 			border-right: 2px solid #FFFFFF;
 		}
 			div#navigation ul li.current a:link, div#navigation ul li.current a:visited {
 				color: #FFFFFF; background-color: #F3BD1D;
 			}
 			div#navigation ul li.last a:link, div#navigation ul li.last a:visited {
 				margin: 0; padding: 8px 14px 8px 14px;
 			}
 			div#navigation ul li a:hover {
 			  color: #000000;
 				background-color: #DBD9D1;
 			}


 /*--------------------
   Ariane
   **
   Calque comportant le fil d'ariane avec arborescence de navigation
 ---------------------*/
 div#ariane {
 	clear: both;
 	margin: 0; padding: 8px 0px 15px 0px;
 	text-align: left;
 }
 	div#ariane ul {
 		display: inline;
 		margin: 0; padding: 0;
 	}
 		div#ariane ul li {
	 		display: inline;
	 		margin: 0; padding: 0px 5px 0px 10px;
	 		font-weight: bold;
	 		color: #8B846E;
	 	}
	 		div#ariane ul li a:link, div#ariane ul li a:visited {
	 			color: #C0B9A2;
	 			text-decoration: none;
	 		}
	 		div#ariane ul li a:hover {
	 			color: #F3BD1D;
	 		}


 /*--------------------
   Bloc Central
   **
   Calque comportant le bloc central de la page (contenu principal)
 ---------------------*/
 div#bloc-central {
 	clear: both;
 	margin: 0; padding: 0;
 }



 	/*----------------------------
 	  Bloc central > Colonne de gauche
 	  **
 	  Calque contenant les actualités pour la page d'accueil
 	------------------------------*/

 	div#bloc-central div#colonne-gauche {
 		float: left;
 		position: relative;
 		width: 52%;
 		margin: 0; padding: 0;
			background-image: url(../../images/fond-accueil-enfants-jaune-accueil.gif);
 			background-position: bottom left;
 			background-repeat: no-repeat;
 	}

 		div#bloc-central div#colonne-gauche div#actualite {
 			margin: 10px 0px 20px 0px; padding: 30px 10px 75px 10px;
 			border-top: 1px solid #C0B9A2;
 			border-left: 1px solid #C0B9A2;
 		}
 			div#bloc-central div#colonne-gauche div#actualite h2 {
 				position: absolute; top: 0px; left: 10px;
 				margin: 0; padding: 0px 10px 0px 10px;
 				font-size: 1.4em;
 				color: #F3BD1E; background-color: #FFFFFF;
 			}

 			div#bloc-central div#colonne-gauche div#actualite div.textes {
 				height: 1%;
 			}

 			div#bloc-central div#colonne-gauche div#actualite h3 {
 				float: left;
 				margin: 0; padding: 0px 0px 0px 20px;
 				font-size: 1.1em; font-weight: bold;
 				color: #006570;
 				background-image: url(../../images/fleche.gif);
 					background-position: top left;
 					background-repeat: no-repeat;
 			}
 			div#bloc-central div#colonne-gauche div#actualite p.date {
 				float: left;
 				margin: 0; padding: 0px 0px 0px 5px;
 				font-size: 1.1em; font-weight: bold;
 				color: #83B5BE;
 			}
 			div#bloc-central div#colonne-gauche div#actualite p.texte {
 				clear: both;
 				margin: 0; padding: 0px 0px 1.5em 20px;
 				font-size: 1.1em;
 				color: #73603D;
 			}


 	/*----------------------------
 	  Bloc central > Colonne de droite
 	  **
 	  Calque contenant les menus de connexion et d'inscription pour la page d'accueil
 	------------------------------*/
 	div#bloc-central div#colonne-droite {
 		float: right;
 		position: relative;
 		width: 44%;
 		margin: 10px 0px 0px 30px; padding: 0;
 	}

 		div#colonne-droite div.form {
 			margin: 0px 5px 0px 5px; padding: 0;
 			text-align: left;
 		}
 			div#colonne-droite div.form div.firstline {
 				display: block;
 				margin: 0px 0px 5px 0px;
 			}
 			div#colonne-droite div.form label {
 				padding: 0px 0px 0px 0px;
 			}
 				div#colonne-droite div.form label.first {
 					margin-right: 4px;
 				}
                                div#colonne-droite div.form label.first_administration {
 					margin-right: 2px;
 				}
 			div#colonne-droite div.form input.txt {
 				margin: 0; padding: 2px;
 				font-size: 1em;
 				border: 1px solid #C8C5BC;
 				width: 115px;
 			}
 			div#colonne-droite div.form input.submit {
 				margin: 15px 0px 5px 103px; padding: 2px;
 				width: 110px;
 				font-size: 1.1em; font-weight: bold;
 				color: #FFFFFF; background-color: #636363;
 				border: 1px solid #E6E3DA;
 			}
 				div#colonne-droite div.form input.submit:hover {
 					color: #7B7A78; background-color: #F6F5F1;
  					border: 1px solid #ACABA8;
 				}
 				div#colonne-droite div.form a:link, div#colonne-droite div.form a:visited {
 					margin: 0px 0px 0px 102px; padding: 0px 0px 0px 15px;
 					font-weight: bold;
 					color: #636363;
 					background-image: url(../../images/fleche-3.gif);
 						background-position: top left;
 						background-repeat: no-repeat;
 					text-decoration: none;
 				}
 					div#colonne-droite div.form a:hover {
 						color: #83B5BE;
 					}


 	/*--------------------
   	Variation de la page d'accueil (bloc "Accéder à votre espace : code famille et pwd")
 	---------------------*/
 		div#bloc-central div#colonne-droite div.bloc-model-1 {
 			margin: 0px 0px 15px 0px; padding: 0;
 		}
 			div#bloc-central div#colonne-droite div.bloc-model-1 h2 {
 				margin: 0px 0px 1px 0px; padding: 8px 15px 8px 15px;
 				font-size: 1.2em; font-weight: bold;
 				color: #FFFFFF; background-color: #000000;
 			}
                        div#bloc-central div#colonne-droite div.bloc-model-1 p {
 				margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
 				font-size: 1.2em; font-weight: bold;
 				color: #FF0000;
 			}

			div#bloc-central div#colonne-droite div.bloc-gris {
				margin: 0; padding: 10px 10px 15px 10px;
				color: #000000;
				background-color: #E6E3DA;
			}

				div#bloc-central div#colonne-droite div.bloc-gris ul {
					margin: 0; padding: 0;
				}
					div#bloc-central div#colonne-droite div.bloc-gris ul.bld {
						margin: 0; padding: 5px 10px 5px 10px;
					}
					div#bloc-central div#colonne-droite div.bloc-gris ul li {
						margin: 0; padding: 0px 0px 5px 0px;
						height: 1%;
						background-color: #E6E3DA;
						list-style: none;
					}
					div#bloc-central div#colonne-droite div.bloc-gris ul li a:link, div#bloc-central div#colonne-droite div.bloc-gris ul li a:visited {
						color: #000000;
						text-decoration: none;
					}
						div#bloc-central div#colonne-droite div.bloc-gris ul.bld li a:link, div#bloc-central div#colonne-droite div.bloc-gris ul.bld li a:visited {
							font-weight: bold;
						}
						div#bloc-central div#colonne-droite div.bloc-gris ul li a:hover {
							color: #83B5BE;
						}


		/*--------------------
		   Variation de la page d'accueil
		 ---------------------*/

		div#bloc-central div#colonne-droite div.bloc-model-2 {
 			margin: 0; padding: 0;
 			border: 1px solid #C8C5BC;
 		}
 			div#bloc-central div#colonne-droite div.bloc-model-2 h2 {
 				margin: 0; padding: 5px;
 				font-size: 1.3em;
 				color: #000000; background-color: #F3F1ED;
 			}

 			div#bloc-central div#colonne-droite div.bloc-model-2 p.info {
 				margin: 0; padding: 0px 0px 15px 0px;
 				font-size: 1.1em; font-weight: bold;
 			}
 			div#bloc-central div#colonne-droite div.bloc-model-2 p.etat {
 				margin: 0; padding: 0;
 				font-size: 1.1em;
 			}
 			div#bloc-central div#colonne-droite div.bloc-model-2 p.demande {
 				margin: 0; padding: 10px;
 				font-size: 1.1em;
 				color: #000000;
 			}
 			div#bloc-central div#colonne-droite div.bloc-model-2 p.liens {
 				margin: 0; padding: 0px 0px 1.5em 0px;
 				font-size: 1.1em; font-weight: bold;
 			}
 			div#bloc-central div#colonne-droite div.bloc-model-2 p.liens a:link, div#bloc-central div#colonne-droite div.bloc-model-2 p.liens a:visited {
 				font-size: 0.9em;
 				color: #000000;
 				text-decoration: none;
 			}
 				div#bloc-central div#colonne-droite div.bloc-model-2 p.liens a:hover {
 					color: #83B5BE;
 				}



 /*--------------------
   Colonne de gauche (page intérieur)
   **
   Calque comportant les menus de gauche pour les pages d'intérieur
 ---------------------*/
	div#bloc-central div#colonne-gauche-pi {
 		float: left;
 		position: relative;
 		height: 1%;
 		width: 28%;
 		max-width: 255px;
 		_width:expression(document.body.clientWidth > 255 ? "255px" : "auto");
 		margin: 0; padding: 0;
	}

		div#bloc-central div#colonne-gauche-pi div#colonne-content {
			margin: 12px 0px 0px 0px; padding: 0;
			background-color: #ECEAE3;
			border-left: 1px solid #B6AE97;
		}
		div#bloc-central div#colonne-gauche-pi div.bas {
			height: 105px;
			background-color: #B6AE97;
			behavior: url('javascript/png.htc'); /*-------- Pour affichage des transparences png sur IE5.5 et IE6 -----------*/
			background-image: url(../../images/fond-page-enfants-jaune.png);
				background-position: top left;
				background-repeat: no-repeat;
		}
			/*--------------------
			   Espace des rubriques
			 ---------------------*/
			div#bloc-central div#colonne-gauche-pi div#colonne-content h2 {
				position: absolute; top: 0; left: 10%;
				margin: 0; padding: 2px;
				width: 180px;
				font-size: 1.2em;
				color: #F3BD1E; background-color: #FFFFFF;
				border: 1px solid #B6AE97;
				text-align: center;
			}

			/*--------------------
			   Espace des sous-rubriques
			 ---------------------*/
			div#bloc-central div#colonne-gauche-pi div#colonne-content h3 {
				margin: 0; padding: 7px 2px 7px 2px;
				font-size: 1.1em;
				color: #FFFFFF; background: #B6AE97;
				border-bottom: 1px solid #FFFFFF;
			}
				div#bloc-central div#colonne-gauche-pi div#colonne-content div#premier-separateur {
						background-position: top left;
						background-repeat: no-repeat;
					        background: #B6AE97;
				}
				div#bloc-central div#colonne-gauche-pi div#colonne-content h3.current {
					color: #73603D; background: #F3BD1D;
				  cursor: pointer;
				}
				div#bloc-central div#colonne-gauche-pi div#colonne-content h3.not-current {
					border-top-color: #B6AE97;
                                        cursor: pointer;
				}
				div#bloc-central div#colonne-gauche-pi div#colonne-content p {
					margin: 0; padding: 0;
					font-size: 1.1em;
					color: #73603D;
				}
					div#bloc-central div#colonne-gauche-pi div#colonne-content p:hover, div#bloc-central div#colonne-gauche-pi div#colonne-content p.current {
						display: block;
						background-color: #D6D2C5;
					}
				div#bloc-central div#colonne-gauche-pi div#colonne-content p span {
					display: block;
					padding: 0px 0px 0px 15px;
				}
					div#bloc-central div#colonne-gauche-pi div#colonne-content p span i {
						font-style: normal;
						color: #E60202;
					}
					div#bloc-central div#colonne-gauche-pi div#colonne-content p span.inscription {
						font-size: 0.9em;
					}
				div#bloc-central div#colonne-gauche-pi div#colonne-content p a:link, div#bloc-central div#colonne-gauche-pi div#colonne-content p a:visited {
					display: block;
					width: 95%;
					_width: 96%;
 					max-width: 255px;
					padding: 10px 5px 10px 5px;
					color: #73603D;
					text-decoration: none;
				}
				div#bloc-central div#colonne-gauche-pi div#colonne-content p a:hover {
					background-color: #D6D2C5;
				}
				div#bloc-central div#colonne-gauche-pi div#colonne-content p.current b {
					color: #FFFFFF;
				}

 /*--------------------
   Colonne de droite (page intérieur)
   **
   Calque comportant le contenu principal pour les pages d'intérieur
 ---------------------*/

	div#bloc-central div#colonne-droite-pi {
 		float: left;
 		position: relative;
 		width: 72%;
 		max-width: 660px;
 		_width:expression(document.body.clientWidth > 520 ? "67%" : "auto");
 		margin: 0; padding: 12px 0px 0px 0px;
	}
	div#bloc-central div#colonne-droite-pi.large {
		width: 100%;
		max-width: 910px;
		_width:expression(document.body.clientWidth > 910 ? "910px" : "auto");
	}
		/*--------------------
		   Conteneur de l'ensemble de la page
		---------------------*/
		div#bloc-central div#colonne-droite-pi div.contenu-page {
			margin: 0; padding: 0px 0px 0px 30px;
		}
		div#bloc-central div#colonne-droite-pi div.haut {
			margin: 0; padding: 0;
			height: 20px;
			border-top: 1px solid #B6AE97;
			border-right: 1px solid #B6AE97;
		}
		div#bloc-central div#colonne-droite-pi h1 {
			margin: 0; padding: 0px 0px 0px 0px;
			font-size: 1.4em;
			color: #006570;
		}

			/*--------------------
			   Calque global pour centrer un contenu
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi div.center {
				margin: 0px 0px 30px 0px;
				text-align: center;
			}

			/*--------------------
			   Style de mise en forme de la partie centrale de la page
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi h2 {
				margin: 15px 0px 0px 0px; padding: 5px 0px 5px 0px;
				font-size: 1.3em;
				color: #8BBAC2;
				border-bottom: 1px solid #8BBAC2;
			}
				div#bloc-central div#colonne-droite-pi h2 b {
					color: #F3BD1E;
				}

			/*--------------------
			   Style utilisé pour placé en flottant à gauche une image
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi img.fl-left {
				float: left;
				margin: 10px 10px 10px 0px;
			}

			/*--------------------
			   Style global des champs pour la saisie
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi input.txt {
				margin: 5px 0px 0px 0px; padding: 2px;
				width: 100px;
				font-size: 1em;
				border: 1px solid #C0B9A2;
			}

			/*--------------------
			   Style des paragraphes de la partie centrale du site
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi p {
				margin: 0; padding: 0;
				font-size: 1.1em;
				color: #73603D;
			}
			div#bloc-central div#colonne-droite-pi p.cache {
				display: none;
                                margin: 0px 0px 10px 0px;
			}
                        div#bloc-central div#colonne-droite-pi img {
				margin: 0; padding: 0; border: 0px; vertical-align: bottom;
			}
			div#bloc-central div#colonne-droite-pi p.errors {
					margin: 5px 0px 0px 0px; padding: 2px;
					font-size: 1.2em;
					font-weight: bold;
          color: rgb(255, 0, 0);
                        }
			div#bloc-central div#colonne-droite-pi input.txt-3 {
					margin: 5px 0px 0px 0px; padding: 2px;
					width: 60px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
                        }
			div#bloc-central div#colonne-droite-pi p.soustitre {
				margin: 0; padding: 0px 0px 20px 0px;
				font-weight: bold;
				color: #83B5BE;
			}
			div#bloc-central div#colonne-droite-pi p.soustitre-2 {
				margin: 0; padding: 20px 0px 5px 0px;
				font-weight: bold;
				color: #8BBAC2;
			}
				div#bloc-central div#colonne-droite-pi p.soustitre-2 b {
					color: #F3BD1E;
				}
			/*--------------------
			   Variation sur le padding des paragraphes
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi p.toppadd {
				padding-top: 15px;
                                padding-bottom: 15px;
			}
			div#bloc-central div#colonne-droite-pi p.padd {
				padding-bottom: 15px;
			}
				div#bloc-central div#colonne-droite-pi p.padd span {
					text-decoration: underline;
                                        font-weight: bold;
				}

			/*--------------------
			   Paragraphes spéciaux de mise en forme
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi p.tarifs {
				padding-left: 20px;
				font-size: 0.9em;
			}
			div#bloc-central div#colonne-droite-pi p.telechargement {
				width: 85%;
				margin: 0px 0px 0px 30px;
				color: #B6AE97;
			}
				div#bloc-central div#colonne-droite-pi p.telechargement span.text-underline {
					float: left;
					margin: 0px 0px 10px 0px;
					text-decoration: underline;
				}
				div#bloc-central div#colonne-droite-pi p.telechargement span.after-text-underline {
					float: left;
					margin: 0px 10px 10px 5px;
				}
				div#bloc-central div#colonne-droite-pi p a:link, div#bloc-central div#colonne-droite-pi p a:visited {
					color: #83B5BE;
					text-decoration: underline;
				}
				div#bloc-central div#colonne-droite-pi p a:hover {
					color: #F3BD1D;
				}

			/*--------------------
			   Style global des listes de la partie centrale de la page
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi ul {
				margin: 15px 0px 10px 0px; padding: 0;
				list-style: none;
			}
				div#bloc-central div#colonne-droite-pi ul.liste {
					margin-left: 20px;
				}
				div#bloc-central div#colonne-droite-pi ul.liste-2 {
					margin: 0px 0px 20px 20px;
				}
				div#bloc-central div#colonne-droite-pi ul li {
					margin: 0; padding: 0px 0px 2px 20px;
					height: 1%;
					font-size: 1.1em;
					color: #73603D;
					background-image: url(../../images/fleche.gif);
						background-position: top left;
						background-repeat: no-repeat;
					list-style: none;
				}

			/*--------------------
			   Style spécifique aux sondages
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi table.reponses_sondage {
				margin: 5px auto 5px 5px; padding: 0;
				border-collapse: collapse;
			}
				div#bloc-central div#colonne-droite-pi table.reponses_sondage tr {
					margin: 0px 0px 0px 0px; padding: 0;
                                        vertical-align: top;
				}
				div#bloc-central div#colonne-droite-pi table.reponses_sondage td {
					margin: 0; padding: 0px 0px 10px 0px;
					color: #73603D;
				}
				div#bloc-central div#colonne-droite-pi table.reponses_sondage td.pourcentage {
					font-weight: bold;
          width: 200px;
				}
				div#bloc-central div#colonne-droite-pi table.reponses_sondage td div.sondage_barre {
                                        text-align: left;
                                        background-color: #F3BD1D;
				}

			/*--------------------
			   Style spécifique du formulaire classique de la page
			 ---------------------*/
			div#bloc-central div#colonne-droite-pi table.formulaire {
				margin: 10px auto 20px auto; padding: 0;
				border-collapse: collapse;
			}
				div#bloc-central div#colonne-droite-pi table.small {
					width: 800px;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire tr {
					margin: 0; padding: 0;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire th {
					margin: 0; padding: 5px 10px 5px 0px;
					color: #7FB2B7;
					text-align: right; vertical-align: top;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire th.variante_fine {
					margin: 0; padding: 0px 0px 0px 0px;
					color: #7FB2B7;
					text-align: right; vertical-align: top;
				}
                                        div#bloc-central div#colonne-droite-pi table tr th.left {
                                                text-align: left;
                                                font-size: 1.1em;
					}
					div#bloc-central div#colonne-droite-pi table.formulaire tr th.left {
						text-align: left;
                                                font-size: 1em;
                                        }
				div#bloc-central div#colonne-droite-pi table.formulaire td {
					margin: 0; padding: 5px 5px 15px 0px;
					color: #73603D;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire td.variante_fine {
					margin: 0; padding: 0px 0px 0px 0px;
					color: #73603D;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire td.center { text-align: center; }
				div#bloc-central div#colonne-droite-pi table.small td {
					padding-right: 0px;
				}

				div#bloc-central div#colonne-droite-pi table.deux tr th, div#bloc-central div#colonne-droite-pi table.deux tr td {
					width: 50%;
				}
				div#bloc-central div#colonne-droite-pi table.quatre tr th, div#bloc-central div#colonne-droite-pi table.quatre tr td {
					width: 25%;
				}
					/*--------------------
					   Variation pour le positionnement des cellules (réglages de la largeur)
					 ---------------------*/
					div#bloc-central div#colonne-droite-pi table.variante tr th {
						width: 225px;
					}
					div#bloc-central div#colonne-droite-pi table.small tr th {
						width: 225px;
					}
					div#bloc-central div#colonne-droite-pi table.small tr td {
						width: 220px;
					}
					div#bloc-central div#colonne-droite-pi table.variante tr td {
						width: 300px;
					}

				div#bloc-central div#colonne-droite-pi table.formulaire td label.date {
					margin: 0px 0px 0px 14px; padding: 0;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire td img {
					margin: 0; padding: 0;
					vertical-align: middle;
					border: none;
				}

				/*--------------------
				   Style des champs pour la saisie et des boutons
				 ---------------------*/
				div#bloc-central div#colonne-droite-pi table.formulaire tr.resultat {
					font-size: 1.3em; font-weight: bold;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt, div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt {
					margin: 0; padding: 2px;
					width: 200px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt { height: 80px; }

				div#bloc-central div#colonne-droite-pi table.formulaire td select.txt-2 {
					margin: 0; padding: 1px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt-1 {
					margin: 0; padding: 2px;
					width: 100px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt-2, div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt-2 {
					margin: 0; padding: 2px;
					width: 150px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt-2 { height: 80px; }

				div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt-3 {
					margin: 0; padding: 2px;
					width: 350px; height: 80px;
					font-family: Verdana; font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt-3 {
					margin: 0; padding: 2px;
					width: 60px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}
				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt-4 {
					margin: 5px 0px 0px 0px; padding: 2px;
					width: 275px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td textarea.txt-4 {
					margin: 0; padding: 2px;
					width: 470px; height: 60px;
					font-family: Verdana; font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td input.txt-5 {
					margin: 0; padding: 2px;
					width: 365px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.formulaire td input.radio {
					margin: 0px 0px 5px 0px; padding: 2px;
					font-size: 1em;
					vertical-align: middle;
				}

				div#bloc-central div#colonne-droite-pi input.submit {
					margin: 0; padding: 0px 5px 0px 5px;
			  		font-size: 1em; font-weight: bold;
			  		color: #7B7A78; background-color: #F6F5F1;
			  		border: 1px solid #ACABA8;
			  	}div#bloc-central div#colonne-droite-pi input.submit:hover {
			  		color: #FFFFFF; background-color: #D6D2C5;
			  		border: 1px solid #ACABA8;
			  	}

				div#bloc-central div#colonne-droite-pi a.lienbouton:link, div#bloc-central div#colonne-droite-pi a.lienbouton:visited {
					text-decoration: none;
					border:solid 1px #ACABA8;
					background-color: #F6F5F1;
					padding-right: 5px;
					padding-bottom: 2px;
					padding-left: 5px;
					padding-top: 2px;
					font-size: 1em;
					font-weight: bold;
					color: #7B7A78;
                                        cursor: default;
				}
				div#bloc-central div#colonne-droite-pi a.lienbouton:hover {
					text-decoration: none;
					border:solid 1px #ACABA8;
					background-color: #D6D2C5;
					padding-right: 5px;
					padding-bottom: 2px;
					padding-left: 5px;
					padding-top: 2px;
					font-size: 1em;
					font-weight: bold;
					color: #FFFFFF;
                                        cursor: default;
				}


			/*--------------------
			   Variation du tableau pour les données tabulaires (bilan des comptes, etc.)
			 ---------------------*/

			div#bloc-central div#colonne-droite-pi table.tableau {
				margin: 10px 0px 20px 0px; padding: 0;
				width: 100%;
				border-collapse: collapse;
			}
				div#bloc-central div#colonne-droite-pi table.tableau tr {
					margin: 0; padding: 0;
				}
				div#bloc-central div#colonne-droite-pi table.tableau tr.total td, div#bloc-central div#colonne-droite-pi table.tableau tr.total th {
					background-color: #B6AE97;
					border-top: 1px solid #FFFFFF;
				}
				div#bloc-central div#colonne-droite-pi table.tableau tr.soustotal td, div#bloc-central div#colonne-droite-pi table.tableau tr.soustotal th {
					color: #73603D;
					background-color: #D6D2C5;
					border-top: 1px solid #FFFFFF;
				}
					div#bloc-central div#colonne-droite-pi table.tableau tr th.right {
						text-align: right;
					}
					div#bloc-central div#colonne-droite-pi table.tableau tr th.small {
						font-size: 1em;
					}
					div#bloc-central div#colonne-droite-pi table.tableau tr.total td {
						font-weight: bold;
					}
				div#bloc-central div#colonne-droite-pi table.tableau tr.variante td {
					background-color: #ECEAE3;
				}
				div#bloc-central div#colonne-droite-pi table.tableau tr th {
					margin: 0; padding: 3px 10px 5px 10px;
					font-size: 1.2em; font-weight: bold;
					color: #FFFFFF; background-color: #B6AE97;
					border-top: 1px solid #C0B9A2;
					vertical-align: top;
				}
					div#bloc-central div#colonne-droite-pi table.tableau tr th.center {
						text-align: center;
					}
				div#bloc-central div#colonne-droite-pi table.tableau tr td {
					margin: 0; padding: 4px;
					color: #006570;
					vertical-align: top;
				}
					div#bloc-central div#colonne-droite-pi table.tableau tr td.center {
						text-align: center;
					}
					div#bloc-central div#colonne-droite-pi table.tableau tr th.cout, div#bloc-central div#colonne-droite-pi table.tableau tr td.cout {
						padding: 3px 10px 5px 10px;
						width: 90px;
					}
					div#bloc-central div#colonne-droite-pi table.tableau tr td span {
						display: block;
					}
				div#bloc-central div#colonne-droite-pi table.tableau input.button {
					margin: 0; padding: 0px 5px 0px 5px;
			  		font-size: 1em; font-weight: bold;
			  		color: #7B7A78; background-color: #F6F5F1;
			  		border: 1px solid #ACABA8;
			  	}div#bloc-central div#colonne-droite-pi table.tableau input.button:hover {
			  		color: #FFFFFF; background-color: #D6D2C5;
			  		border: 1px solid #ACABA8;
			  	}
			  	div#bloc-central div#colonne-droite-pi table.tableau a.plus:link, div#bloc-central div#colonne-droite-pi table.tableau a.plus:visited {
			  		padding-left: 15px;
			  		font-weight: bold;
			  		color: #006570;
			  		background-image: url(../../images/carre-plus.gif);
			  			background-repeat: no-repeat;
			  			background-position: top left;
			  	}
			  		div#bloc-central div#colonne-droite-pi table.tableau a.moins:link, div#bloc-central div#colonne-droite-pi table.tableau a.moins:visited {
			  			padding-left: 15px;
			  			font-weight: bold;
			  			color: #006570;
			  			background-image: url(../../images/carre-moins.gif);
			  				background-repeat: no-repeat;
			  				background-position: top left;
			  		}
			  		div#bloc-central div#colonne-droite-pi table.tableau a:hover {
			  			color: #F3BD1D;
			  		}
			  		div#bloc-central div#colonne-droite-pi table.tableau div {
			  			padding: 5px 0px 0px 20px;
			  			color: #73603D;
                                        }
                                        div#bloc-central div#colonne-droite-pi table.tableau div.detailsynthese {
			  			padding: 0px 0px 0px 20px;
			  			color: #73603D;
                                        }
                                        div#bloc-central div#colonne-droite-pi table.tableau div.replie {
                                                display: none;
			  		}

			  /*--------------------
				Style spécifique au formulaire de demande de compte
			    ---------------------*/

			  div#bloc-central div#colonne-droite-pi table.demande {
				margin: 10px auto 20px auto; padding: 0;
				border-collapse: collapse;
			  }

			  	/*-------------------- variantes --------------------*/
			  	div#bloc-central div#colonne-droite-pi table.variante-2 { width: 400px; }
			  	        div#bloc-central div#colonne-droite-pi table.variante-2 th {
			  	                padding: 5px 5px 5px 0px;
			  	                width: 25%;
			  	        }
			  	        div#bloc-central div#colonne-droite-pi table.variante-2 td { width: 25%; }
			  	div#bloc-central div#colonne-droite-pi table.variante-1 {
			  		border-top: 1px solid #83B5BE;
			  	}
			  	div#bloc-central div#colonne-droite-pi table.variante-premier {
			  		border: 1px solid #83B5BE;
                                        background: #F3F5F5;
                                        width: 700px;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-premier tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-representant {
			  		margin-bottom: 0;
			  		background: #F3F5F5;
			  		width: 700px;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-representant tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-representant-profession {
			  		margin-top: 0px; margin-bottom: 20px;
			  		background: #F3F5F5;
			  		border-top: none;
			  		width: 700px;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-representant-profession tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants {
			  		background: #F3F5F5;
			  		width: 700px;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-enfants tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-debut {
			  		margin-bottom: 0;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-enfants-debut tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu {
			  		border-top: 0px solid;
			  		margin-top: 0;
			  		margin-bottom: 0;
			  	}
			  					div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr th.labelnouvellefam {
									color: #73603D;
									background: #F3F5F5;
									}
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr th.small-1, div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr td.small-1 { width: 11%; }
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr th.small-2, div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr td.small-2 { width: 12%; }
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr th.large-1, div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr td.large-1 { width: 37%;}
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr th.large-2, div#bloc-central div#colonne-droite-pi table.variante-enfants-milieu tr td.large-2 { width: 38%; }
			  	div#bloc-central div#colonne-droite-pi table.variante-enfants-fin {
			  		border-top: 0px solid;
			  		margin-top: 0;
			  	}
				div#bloc-central div#colonne-droite-pi table.demande tr {
					margin: 0; padding: 0;
				}
				div#bloc-central div#colonne-droite-pi table.demande tr th {
					margin: 0; padding: 5px 10px 5px 0px;
					color: #FFFFFF;
					text-align: right; vertical-align: top;
					width: 37%;
			  	}

				div#bloc-central div#colonne-droite-pi table.demande tr td {
					margin: 0; padding: 5px 5px 5px 0px;
					color: #73603D;
					width: 63%;
				}
                                div#bloc-central div#colonne-droite-pi table.demande td a:link, div#bloc-central div#colonne-droite-pi table.demande td a:visited {
                                        margin: 0px 5px 0px 5px;
                                        color: #73603D;
                                }
                                        div#popup-calendrier div.selection a:hover {
                                                color: #73603D;
                                        }

				div#bloc-central div#colonne-droite-pi table.demande td label.date {
					margin: 0px 0px 0px 14px; padding: 0;
				}
				div#bloc-central div#colonne-droite-pi table.demande td img {
					margin: 0; padding: 0;
					vertical-align: middle;
					border: none;
				}

				/*--------------------
				   Style des champs pour la saisie et des boutons
				 ---------------------*/
				div#bloc-central div#colonne-droite-pi table.demande td input.txt,
				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt {
					margin: 0; padding: 2px;
					width: 200px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.demande td select {
					margin: 0; padding: 2px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.demande td select.txt-1 {
					margin: 0; padding: 2px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
                                }

				div#bloc-central div#colonne-droite-pi table.demande td input.txt-1 {
					margin: 0; padding: 2px;
					width: 100px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}
				div#bloc-central div#colonne-droite-pi table.demande td input.txt-2,
				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt-2 {
					margin: 0; padding: 2px;
					width: 150px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

                                div#bloc-central div#colonne-droite-pi table.demande td select.txt-2 { width: 155px; }
                                div#bloc-central div#colonne-droite-pi table.demande td select.txt-4 { width: 91%; }

				div#bloc-central div#colonne-droite-pi table.demande td input.txt-3 {
					margin: 0; padding: 2px;
					width: 60;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}
				div#bloc-central div#colonne-droite-pi table.demande td input.txt-4 {
					margin: 0px 0px 0px 0px; padding: 2px;
					width: 275px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt { height: 80px; }
				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt-2 { height: 80px; }
				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt-3 {
					margin: 0; padding: 2px;
					width: 460px; height: 80px;
					font-family: Verdana; font-size: 1em;
					border: 1px solid #C0B9A2;
				}
				div#bloc-central div#colonne-droite-pi table.demande td textarea.txt-4 {
					margin: 0; padding: 2px;
					width: 91%; height: 60px;
					font-family: Verdana; font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.demande td input.txt-5 {
					margin: 0; padding: 2px;
					width: 350px;
					font-size: 1em;
					border: 1px solid #C0B9A2;
				}

				div#bloc-central div#colonne-droite-pi table.demande td input.radio {
					margin: 0px 0px 5px 0px; padding: 2px;
					font-size: 1em;
					vertical-align: middle;
				}


  /*--------------------
   Calendrier (page intérieur)
   **
   Calque comportant le calendrier pour les pages d'intérieur
 ---------------------*/

	div#bloc-central div#colonne-droite-pi div#calendrier {
 		margin: 0; padding: 0px 0px 0px 30px;
	}
	div#bloc-central div#colonne-droite-pi div#calendrier div.calendrier-haut {
		margin: 0; padding: 0;
		min-height: 35px;
		background-color: #EBF0EF;
		background-image: url(../../images/fond-calendrier.gif);
			background-repeat: no-repeat;
			background-position: top left;
	}
		div#bloc-central div#colonne-droite-pi div#calendrier div.calendrier-haut h2 {
			float: left;
			margin: 2px 0px 5px 0px; padding: 10px 0px 10px 0px;
			font-size: 1.1em;
			color: #006570; background-color: #EBF0EF;
			border-bottom: 0px;
		}
		div#bloc-central div#colonne-droite-pi div#calendrier div.calendrier-haut img {
			float: left;
			width: 15px; height: 15px;
			margin: 12px 5px 10px 5px;
			border: none;
		}
		div#bloc-central div#colonne-droite-pi div#calendrier table {
                        width: 100%;
			clear: both;
			margin: 8px 0px 0px 0px; padding: 0;
			border-collapse: collapse;
		}
			div#bloc-central div#colonne-droite-pi div#calendrier table tr th {
				margin: 0; padding: 2px 10px 8px 10px;
				width: 11%;
				font-size: 1.8em; font-weight: bold;
				color: #B6AE97; background-color: #ECEAE3;
				border-top: 1px solid #C0B9A2;
			}
			div#bloc-central div#colonne-droite-pi div#calendrier table tr td {
				padding: 4px;
				background-color: #FFFFFF;
				border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
				vertical-align: top;
			}
			div#bloc-central div#colonne-droite-pi div#calendrier table tr td.this {
				color: #FFFFFF;
				background-color: #F0EEE9;
			}
				div#bloc-central div#colonne-droite-pi div#calendrier table tr td div.jour {
					font-size: 1.1em; font-weight: bold;
					color: #353535;
					text-align: right;
				}
				div#bloc-central div#colonne-droite-pi div#calendrier table tr td p span {
					display: block;
					margin: 0; padding: 0px 0px 2px 2px;
					font-weight: bold;
					font-size: 1em;
					white-space:nowrap;
				}
				div#bloc-central div#colonne-droite-pi div#calendrier table tr td p span.previsions {
					color: #73603D;
				}
				div#bloc-central div#colonne-droite-pi div#calendrier table tr td p span.titre {
					display: block;
					color: #353535;
					margin: 0; padding: 0px 0px 0px 0px;
				}
				div#bloc-central div#colonne-droite-pi div#calendrier table tr td p {
					font-size: 0.9em;
					color: #006570;
				}

		/*--------------------
		   Légende du calendrier
		---------------------*/
		div#bloc-central div#colonne-droite-pi div#calendrier div.titre {
			width: 100%;
			padding-top: 10px;
                        padding-bottom: 2px;
			font-weight: bold;
			text-align: center;
			color: #73603D;
		}

  /*--------------------
   Calendrier (popup)
   **
   Calque comportant le calendrier pour les pages d'intérieur
 ---------------------*/
	div#clsBody {
		margin: 0; padding: 0;
	}
		div#popup-calendrier div.selection {
			margin: 5px auto 0px auto; padding: 0;
			width: 95%;
			font-size: 1em;
			color: #006570;
			text-align: center;
		}
			div#popup-calendrier div.selection a:link, div#popup-calendrier div.selection a:visited {
				margin: 0px 5px 0px 5px;
				color: #006570;
			}
				div#popup-calendrier div.selection a:hover {
					color: #F3BD1D;
				}
		div#popup-calendrier table {
			margin: 10px auto 0px auto;
			width: 95%;
		}
		div#popup-calendrier table tr th {
			padding: 2px;
			font-size: 1.2em;
			color: #B6AE97; background-color: #ECEAE3;
			text-align: center;
		}
		div#popup-calendrier table tr td {
			padding: 3px;
			color: #006570;
			text-align: center;
		}
			div#popup-calendrier table tr td a:link, div#popup-calendrier table tr td a:visited {
				color: #006570;
			}
			div#popup-calendrier table tr td.variante {
				background-color: #E5ECEB;
			}
			div#popup-calendrier table tr td.variante-we {
				color: #E5ECEB; background-color: #7FB2B7;
			}
				div#popup-calendrier table tr td.variante-we a:link, div#popup-calendrier table tr td.variante-we a:visited {
					color: #E5ECEB;
				}

			div#popup-calendrier table tr td:hover {
				color: #FFFFFF; background-color: #F3BD1D;
			}
				div#popup-calendrier table tr td:hover a:link, div#popup-calendrier table tr td:hover a:visited {
					color: #FFFFFF;
				}