/* **BEGIN** Formilaires dans pages avec menu de gauche */
#formWithMenu {
	clear: left;
}
#formWithMenu label {
	width: 340px;
	display: block;
	margin: 2px 2px 2px 15px ;
	height:15px;
	padding: 0;
	height:auto;
	color: #00386F;
}

#formWithMenu div  {
	width:680px;
	height:auto;
	padding: 0;
	margin: 5px 0px 3px 0px;
	display: block;
}

#formWithMenu div span  {
	display: block;
}

#formWithMenu fieldset {
	width: auto;
	border: 1px solid #36699A;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 10px 0;
	display:block;
}

#formWithMenu legend {
	font-size:14px;
	font-weight:bold;
	color:#36699A;
	padding: 0px 5px 0 5px ;
	margin: 0;
}

#formWithMenu p {
	width:auto;
	margin: 5px 0 5px 0;
	padding:0;
	clear:left;
}


#formWithMenu div label {
	float: left;
}

#formWithMenu fieldset input, fieldset textarea, fieldset select {
	width:230px;
	color: #00386F;
}

#formWithMenu fieldset select {
	width:230px;
	color: #00386F;
}
#formWithMenu fieldset textarea{
	margin-left:20px;
	width:100%;
	height:150px;
	color: #00386F;
}

#formWithMenu label:hover, #footForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #E1EBF3;
	color: #00386F;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #FFFFFF;
}

#formWithMenu fieldset input.dateDD , #formWithMenu fieldset input.dateMM {
	width: 15px;
}
#formWithMenu fieldset input.dateYYYY {
	width: 30px;
}

#formWithMenu div label .compulsoryInfo {
	width:8px;
}

#formWithMenu .compulsoryInfo {
	float:left;
	display:inline;
	margin-right: 3px;
	color:#FF0000;
	font-style:italic;
}

#formWithMenu .alertInfoCompulsory {	/*** Mise en forme des message d'alerte ***/
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	height:auto;
	background: url('/images/common/icon_alert.gif') no-repeat left center;
}

#formWithMenu .alertForm {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	padding: 2px 2px 5px 2px;
}

#formWithMenu #sendIdFieldset {
	border: 0px none #FFF;
}
#formWithMenu .doc{
	text-align:right;
}

/* **BEGIN** Formulaires avec arborescence à gauche */

#formDirectory label {
	width: 50px;
	display: block;
	margin: 2px 2px 2px 2px ;
	height:15px;
	padding: 0 0 0 0;
	height:auto;
}

#formDirectory div  {
	width:280px;
	height:auto;
	padding: 0;
	margin: 5px 0px 3px 0px;
	display: block;
}

#formDirectory div span  {
	display: block;
}

#formDirectory fieldset {
	width:280px;
	border: 1px dashed #FCAF17;
	padding: 3px 3px 5px 3px;
	margin: 10px 0 10px 0;
	display:block;
}

#formDirectory legend {
	font-size:14px;
	font-weight:bold;
	color:#316ACF;
	background-color:#FFFFFF;
	padding: 0px 5px 0 5px ;
	margin: 0 0 0 0;
}

#formDirectory p {
	width:280px;
	margin: 5px 0 5px 0;
	padding:0;
	clear:left;
}


#formDirectory div label {
	float: left;
}

#formDirectory fieldset input, fieldset textarea, fieldset select {
	width:210px;
}

.littleCheck {
	width:20px;
}
#tableResp {
}
#tableResp th, #tableResp td, #tablePrefs th, #tablePrefs td {
	text-align:center;
	font-weight:normal;
	font-size:9px;
	width:auto;
}

#formDirectory fieldset textarea{
	height:75px;
}

#formDirectory label:hover, #footForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#formDirectory div label .compulsoryInfo {
	width:8px;
}

.compulsoryInfo {
	margin-right: 2px;
	color:#FF0000;
	font-style:italic;
}

#formDirectory .compulsoryInfo {
	float:left;
	display:inline;
	margin-right: 2px;
	color:#FF0000;
	font-style:italic;
}

#formDirectory .alertInfoCompulsory {	/*** Mise en forme des message d'alerte ***/
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	height:auto;
	background: url('/images/common/icon_alert.gif') no-repeat left center;
}

#formDirectory .alertForm {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	padding: 2px 2px 5px 2px;
}

#formDirectory #sendIdFieldset {
	border: 0px none #FFF;
}

#footForm {
	float:left;
}

#accessDirDiv {
	width:auto;
}

#accessDirDiv .littleCheck {
	width: 20px;
}

#accessDirDiv div {
	width:220px;
	float:left;
	display:block;
	margin-left: 5px;
}

#accessDirDiv div p {
	width:220px;
	margin:0;
	padding:0;
}

#accessDirDiv .separated {
	width:218px;
	padding-right:1px;
	border-right: 1px dashed #CCC ;
}

#accessDirDiv .separated p {
	width:218px;
}
/* Mise en forme des départements techniques  */

fieldset #depListChoiceDiv {
	width: 680px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#depListChoiceDiv .separated {
	width: 339px;
	float: left;
}

#depListChoiceDiv .dashedBorder {
	border-right: 1px dashed #CCC ;
}

#depListChoiceDiv .separated p {
	width:250px;
}

#depListChoiceDiv .separated p input {
	vertical-align:top;
	margin-top:10px;
}

.selectBox {
	width: 150px;
}
/* Mise en forme du formulaire de la rubrique contactez-nous */
#formWithMenu #formContactHimFS {
	width: 450px;
	margin-left: 60px;
}
#formWithMenu #formContactHimFS div {
	width: 450px;
}
#formWithMenu #formContactHimFS label {
	width: 150px;
}
#formWithMenu #formContactHimFS input {
	width: 250px;
}