/*******************************************************************/

/* basic elements */

html, body {

	height : 100%;

	font-family : arial,verdana,geneva,sans-serif;

}

body {

	background-color : #FFF;

	padding : 0px 0px 0px 0px;

	margin : 0px 5px 0px 5px;

	font-size : 0.70em;	

}



form {

	padding : 0px;

	margin : 0px;

}



/* Links */

a:link, a:visited, a:active {

	color : #000;

	text-decoration : underline;

}

a:hover {

	color : #666;

	text-decoration : none;

}



div#container {

	position: relative;

	min-height: 100%;

	height: 100%;

voice-family: "\"}\"";

	voice-family: inherit;

	height: auto;

}

	html>body div#container {

	height: auto;

}



/* Entête */

div#header {

	margin : 0px 0px 0px 0px;

	padding : 5px 0px 0px 0px;

	height : 108px;

	background : url(../img/nav/navbar_fond.gif) bottom left repeat-x;

}

div#header div#logo {

	width : 170px;

	height : 108px;

	float : left;

	background : #FFF url(../img/nav/navbar_arr.gif) bottom left no-repeat;

}

div#header div#marianne {

	width : 129px;

	height : 77px;

	float : right;

	background : #FFF url(../img/nav/navbar_arr.gif) bottom left no-repeat;

}

div#header div#spacer {

	height : 81px;

}

div#header div#spacer img {

	padding-top : 49px;

}



/* Sous-Entête */

div#subHeader {

	padding-top : 5px;

}

div#subHeader div#infoUser {

	float : middle;

	color : #5D60A6;

	padding-left : 5px;

}

div#subHeader div#infoUser a {

	color : #CC0000;

}

div#subHeader div#menuProfession {

	float : right;

	text-align : right;

	padding-right : 5px;

}



/* Navigation Primaire */

div#navBar {

	height : 27px;

}

div#navBar div {

	float : left;

	height : 27px;

	background : url(../img/nav/bt_bordre_drt.gif) top right no-repeat;

}

div#navBar div#barRight {

	float : right;

	background : url(../img/nav/navbar_bordre_drt.gif) top right no-repeat;

}

div#navBar div a {

	display : block;

	padding : 4px 15px 5px 10px;

	color : #5C5FA5;

	font-weight : bold;

	text-decoration : none;

}

div#navBar div a#firstLink {

	padding-left : 17px;

	background : url(../img/puce/puce_home.gif) 0px 4px no-repeat;

}

div#navBar div a:hover {

	color : #5C5FA5;

	text-decoration : underline;

}

/* Lien Activé */

div#navBar div a.on {

	color : #5C5FA5;

	text-decoration : underline;

}

div#navBar div a.on:hover {

	color : #5C5FA5;

	text-decoration : underline;

}



/* NAVIGATION SECONDAIRE */

table.nav2 {

	font-size : 1em;

	border-bottom : 1px solid #CCC;

	margin-bottom : 3px;

}

table.nav2 tr.spacer td {

	font-size : 1px;

	line-height : 1px;

	background-color : #FFF;

}

table.nav2 tr td.onglet {

	white-space : nowrap;

	height : 18px;

	background-color : #F2F5F8;

}

table.nav2 tr td.onglet a {

	font-weight : bold;

	color : #666699;

	display : block;

	padding : 2px 5px 2px 11px;

	background : url(../img/nav/nav_cn_off.gif) no-repeat 0px 0px;

}

table.nav2 tr td.onglet a:link { text-decoration : none; }

table.nav2 tr td.onglet a:active { text-decoration : none; }

table.nav2 tr td.onglet a:visited { text-decoration : none; }

table.nav2 tr td.onglet a:hover { text-decoration : none; background : #DEE9F3 url(../img/nav/nav_cn_on.gif) no-repeat 0px 0px; }



	/* ACTIF */

	table.nav2 tr td.onglet a.active {

		font-weight : bold;

		color : #666699;

		display : block;

		padding : 2px 5px 2px 11px;

		background : #DEE9F3 url(../img/nav/nav_cn_on.gif) no-repeat 0px 0px;

	}

	table.nav2 tr td.onglet a.active:link { text-decoration : none; }

	table.nav2 tr td.onglet a.active:active { text-decoration : none; }

	table.nav2 tr td.onglet a.active:visited { text-decoration : none; }

	table.nav2 tr td.onglet a.active:hover { text-decoration : none; background : #DEE9F3 url(../img/nav/nav_cn_on.gif) no-repeat 0px 0px; }

	

	/* INACTIF */

	table.nav2 tr td.onglet a.disable {

		font-weight : bold;

		color : #CCC;

		display : block;

		padding : 2px 5px 2px 11px;

		background : #F7F7F7 url(../img/nav/nav_cn_inactive.gif) no-repeat 0px 0px;

	}

	table.nav2 tr td.onglet a.disable:link { text-decoration : none; }

	table.nav2 tr td.onglet a.disable:active { text-decoration : none; }

	table.nav2 tr td.onglet a.disable:visited { text-decoration : none; }

	table.nav2 tr td.onglet a.disable:hover { text-decoration : none; background : #F7F7F7 url(../img/nav/nav_cn_inactive.gif) no-repeat 0px 0px; }



/** NAVIGATION 3ème Niveau **/

table.nav3 {

	font-size : 1em;

	font-weight : bold;	

}

table.nav3 tr td {

	background-color : #F2F5F8;

}

table.nav3 tr td a {

	color : #35648E; 

	display : block;

	padding : 1px 8px 1px 9px;

}

table.nav3 tr td a:link {  color : #35648E; text-decoration : none; }

table.nav3 tr td a:active { color : #35648E; text-decoration : none; }

table.nav3 tr td a:visited { color : #35648E; text-decoration : none; }

table.nav3 tr td a:hover { color : #35648E; background-color : #D4E3F2; text-decoration : none; }



	/* ACTIF */

	table.nav3 tr td a.on:link { color : #35648E; background-color : #D4E3F2; text-decoration : none; }

	table.nav3 tr td a.on:active { color : #35648E; background-color : #D4E3F2; text-decoration : none; }

	table.nav3 tr td a.on:visited { color : #35648E; background-color : #D4E3F2; text-decoration : none; }

	table.nav3 tr td a.on:hover { color : #35648E; background-color : #D4E3F2; text-decoration : none; }



	/* INACTIF */

	table.nav3 tr td a.disable:link { color : #C2C9D2; background-color : #F2F5F8; text-decoration : none; }

	table.nav3 tr td a.disable:active { color : #C2C9D2; background-color : #F2F5F8; text-decoration : none; }

	table.nav3 tr td a.disable:visited { color : #C2C9D2; background-color : #F2F5F8; text-decoration : none; }

	table.nav3 tr td a.disable:hover { color : #C2C9D2; background-color : #F2F5F8; text-decoration : none; }



/* Navigation 4ème Niveau */

table.nav4 {

	font-size : 1em;

	font-weight : bold;

	background-color : #D4E3F2;

	border-left : solid 2px #FFF;

	border-right : solid 2px #FFF;

}

table.nav4 tr td {

	line-height : 12px;

}

table.nav4 tr td a {

	padding : 0px 8px 0px 8px;

}

table.nav4 tr td a:link { text-decoration : none; color : #FFF; }

table.nav4 tr td a:active { text-decoration : none; color : #FFF; }

table.nav4 tr td a:visited { text-decoration : none; color : #FFF; }

table.nav4 tr td a:hover { text-decoration : none; color : #35648E; }

table.nav4 tr td a.on:link { text-decoration : none; color : #35648E; }

table.nav4 tr td a.on:active { text-decoration : none; color : #35648E; }

table.nav4 tr td a.on:visited { text-decoration : none; color : #35648E; }

table.nav4 tr td a.on:hover { text-decoration : none; color : #35648E; }



/* Contenu centrale */

div#contenu {

	padding : 10px 10px 10px 10px;

	/* HACK pour IE 5.5 */

	_width /**/ : 100%;

}



/** Titres et sous-titres **/

h2 { 

	/* taille de police 2 fois plus grande que l'element parent */

	font-size : 2.0em;

	font-weight : bold; 

	color : #CC0000; 

	margin-top : 0px;

	margin-bottom : 10px;

}

h3 { 

	/* taille de police 10% plus grande que l'element parent */

	font-size : 1.2em;

	font-weight : bold;

	color : #35648E;

	background-color : #99CC99;

	margin-top : 0px;

	margin-bottom : 0px;

	padding : 2px 0px 1px 10px;

	/* IE Dotted border hack : le etoile sers à cacher le règle des browsers d'autre que IE	*/

		*	border-right : none;

		*	border-top : none;

		*	padding-top : 1px;

		*	padding : 2px 0px 1px 10px;

		*	background : #E1E8EF url(../img/puce/fnd_pnt_horiz.gif) top left repeat-x;

}

h4 {

	font-size : 1.2em;

	color : #666;

	margin : 5px 0px 0px 10px;

}



em { font-style : italic; }

strong { font-weight : bold; }



/** Blocs de mise en forme **/

div.blockBlue {

	border-right : 1px dotted #7F9DB9;

	border-top : 1px dotted #7F9DB9;

	/* IE Dotted border hack : le etoile sers à cacher le règle des browsers d'autre que IE	*/

		*	border-right : none;

		*	border-top : none;

		*	padding-right : 1px;

		*	background : url(../img/puce/fnd_pnt_vert.gif) top right repeat-y;

}



/** Tables utilisées sur le page d'accueil, Tous les dossiers etc. **/

table.tblHome {

	font-size : 1em;

}

table.tblHome tr td {

	background-color : #F1F1F1;

	text-align : right;

}

table.tblHome tr td.number {

	text-align : center;

	background-color : #F9F9F9;

}

table.tblHome tr.spacer td {

	background-color : #FFF;

	font-size : 1px;

	line-height : 1px;

}

table.tblHome tr.total td {

	background-color : #FFF;

	font-weight : bold;

}

table.tblHome tr.total td.total {

	background-color : #E2E2E2;

	text-align : center;

	width : 20%;

}

table.tblHome tr.total td.number {

	background-color : #E2E2E2;

	width : 10%;

}



table.tblHome tr td a:link {

	color : #000;

	text-decoration : underline;

}

table.tblHome tr td a:visited {

	color : #000;

	text-decoration : underline;

}

table.tblHome tr td a:active {

	color : #000;

	text-decoration : underline;

}

table.tblHome tr td a:hover {

	color : #666;

	text-decoration : none;

}



/** Table "Pièces à fournir" **/

table.tblPieces {}

table.tblPieces tr th {

	background-color : #FFF;

	color : #003366;

}

table.tblPieces tr td {

	padding-left : 10px;

	padding-right : 10px;

	height : 20px;

	background-color : #F3F3F3;

}

table.tblPieces tr td.tt {

	background-color : #CCC;

	font-weight : bold;

	color : #003366;

}

table.tblPieces tr td.check {

	text-align : center;

	background-color : #CCC;

	padding-left : 0px;

	padding-right : 0px;

}

table.tblPieces tr td.empty {

	background-color : #FFF;

}

table.tblPieces tr.spacer td {

	font-size : 5px;

	line-height : 5px;

	height : auto;

}





/** PAGE FOOTER **/

div#footer {

	padding : 3px 0px 5px 0px;

	color : #5D60A6;

	border-top : 1px dotted #7F9DB9;

	/* IE Dotted border hack : le etoile sers à cacher le règle des browsers d'autre que IE	*/

		*	border-top : none;

		*	background : #FFF url(../img/puce/fnd_pnt_horiz.gif) top left repeat-x;

}

div#footer table {

	font-size : 1em;

	color : #5D60A6;

}

div#footer a:link, a:visited, a:active {

	color : #5D60A6;

	text-decoration : none;

}

div#footer a:hover {

	text-decoration : underline;

	color : #7F9DB9;

}



/** Lien pour acceder au module des stats **/

div#divLinkStats {

	text-align : right;

	padding : 0px 4px 4px 4px;

}



/** BOUTONS **/

a.btTop:link, a.btTop:visited, a.btTop:active {

	padding-left : 13px;

	color : #5D60A6;

	text-decoration : none;

	background : url(../img/puce/puce_fl_haut.gif) 0px 4px no-repeat;

}

a.btTop:hover {

	padding-left : 13px;

	color : #7F9DB9;

	text-decoration : underline;

	background : url(../img/puce/puce_fl_haut.gif) 0px 4px no-repeat;

}



a.btBack:link, a.btBack:visited, a.btBack:active {

	padding-left : 11px;

	color : #5D60A6;

	text-decoration : none;

	background : url(../img/puce/puce_fl_retour.gif) 0px 1px no-repeat;

}

a.btBack:hover {

	padding-left : 11px;

	color : #7F9DB9;

	text-decoration : underline;

	background : url(../img/puce/puce_fl_retour.gif) 0px 1px no-repeat;

}



a.btCreate:link, a.btCreate:visited, a.btCreate:active, a.btCreate:hover {

	font-size : 1.35em;

	background : transparent url(../img/puce/puce_fl_drt.gif) 0px 2px no-repeat;

/*	background : transparent url(../img/puce/puce_fl_drt.gif) 0px 1px no-repeat;

	*/

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btGo:link, a.btGo:visited, a.btGo:active, a.btGo:hover {

	background : transparent url(../img/puce/puce_fl_drt.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btAdd:link, a.btAdd:visited, a.btAdd:active, a.btAdd:hover {

	background : transparent url(../img/puce/puce_add.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btDownload:link, a.btDownload:visited, a.btDownload:active, a.btDownload:hover {

	background : transparent url(../img/puce/puce_download.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btImport:link, a.btImport:visited, a.btImport:active, a.btImport:hover {

	background : transparent url(../img/puce/puce_import.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btSelect:link, a.btSelect:visited, a.btSelect:active, a.btSelect:hover {

	background : transparent url(../img/puce/puce_select.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btMail:link, a.btMail:visited, a.btMail:active, a.btMail:hover {

	background : transparent url(../img/puce/puce_mail.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btPrint:link, a.btPrint:visited, a.btPrint:active, a.btPrint:hover {

	background : transparent url(../img/puce/puce_print.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #5D60A6;

	padding-left : 15px;

	font-weight : bold;

}



a.btDelete:link, a.btDelete:visited, a.btDelete:active, a.btDelete:hover {

	background : transparent url(../img/puce/puce_delete.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #CC0000;

	padding-left : 15px;

	font-weight : bold;

}



a.btCaution:link, a.btCaution:visited, a.btCaution:active, a.btCaution:hover {

	background : transparent url(../img/puce/puce_disable.gif) 0px 1px no-repeat;

	text-decoration : none;

	color : #CC0000;

	padding-left : 15px;

	font-weight : bold;

}



/** ELEMENTS DES FORMULAIRES **/

fieldset {

	border : none;

	border-top : 1px solid #7F9DB9;

}

legend {

	font-size : 1.35em;

	font-weight : bold;

	color : #003366;	

	padding : 1px 5px 5px 5px;

}



table.frm {

	font-size : 1.1em;

	color : #336699;

}

table.frm tr td.label {

	text-align : right;

	white-space : nowrap;

}

table.frm tr td.labelOblig {

	text-align : right;

	white-space : nowrap;

	color : #993333;

}

table.frm tr.spacer td {

	font-size : 5px;

	line-height : 5px;

}



/** Forcer l'inheritence de l'attribute font-size pour IE5.5  **/

table {

	font-size : 1em;

}

table.bt tr td {

	padding-left : 10px;

}



table.bt tr.spacer td {

	font-size : 5px;

	line-height : 5px;

}



div.nbResults {

	color : #003366;

	padding : 0px 0px 5px 0px;

	white-space : nowrap;

}



table.liste {

	font-size : 1em;

	text-align : left;

}



table.liste tr th {

	color : #003366;

}



table.liste tr.newLine td {

	background-color : #99CC99;

}



table.liste tr.even td {

	background-color : #F2F2F2;

}

table.liste tr td {

	padding-left : 2px;

	background-color : #FFF;

}



table.liste tfoot tr td {

	background-color : #FFF;

}



table.liste tfoot tr td a {

	padding : 0px 2px 0px 2px;

	text-decoration : none;

	color : #5D60A6;

}

table.liste tfoot tr td a:hover {

	padding : 0px 2px 0px 2px;

	text-decoration : underline;

}

table.liste tfoot tr td a.pgOn {

	text-decoration : underline;

	font-weight : bold;

}

table.liste tfoot tr td a.pgBt {

	font-size : 1.1em;

	font-weight : bold;

}



table.liste tr.spacer td {

	font-size : 1px;

	line-height : 1px;

	background-color : #7F9DB9;

}



table.liste tr td a.liste:link, a.liste:visited, a.liste:active {

	color : #000;

	text-decoration : underline;

}

table.liste tr td a.liste:hover {

	color : #000;

	text-decoration : none;

}



table.liste tr th a.tri:link, a.tri:visited, a.tri:active, a.tri:hover {

	color : #003366;

	text-decoration : none;

	padding-left : 26px;

	background : url(../img/puce/puce_tri.gif) 0px 5px no-repeat;

}

table.liste tr th a.triDn:link, a.triDn:visited, a.triDn:active, a.triDn:hover {

	color : #003366;

	text-decoration : none;

	padding-left : 28px;

	background : url(../img/puce/puce_tri_dn.gif) 2px 5px no-repeat;

}

table.liste tr th a.triUp:link, a.triUp:visited, a.triUp:active, a.triUp:hover {

	color : #003366;

	text-decoration : none;

	padding-left : 26px;

	background : url(../img/puce/puce_tri_up.gif) 0px 5px no-repeat;

}



.commentaire {

	color: #666;

}



/** 

	L'attribute border sur les selects ne fonctionne pas sous IE5.5,

	faut trouver un hack pour que le border par defaut est appliquer 

	pour cet browser

**/

input { 

	font-size : 11px;

	color : #003366;

	border : 1px solid #7F9DB9;

	/** Hack pour IE5.5 **/

	_border /**/ : thin inset;

}

select { 

	font-size : 11px;

	color : #003366;

	border : 1px solid #7F9DB9;

	/** Hack pour IE5.5 **/

	_border /**/ : thin inset;

}

textarea { 

	font-size : 11px;

	color : #003366;

	border : 1px solid #7F9DB9;

	font-family : arial,verdana,geneva,sans-serif;

	/** Hack pour IE5.5 **/

	_border /**/ : thin inset;

}



/* Pour les boutons, radios, et checkboxes */

.noBorder {

	/* IE hack : le etoile sers à cacher le règle des browsers d'autre que IE	*/

		*	border : none;

}

/* Corriger les bordres des boutons sous NN 6 et Firefox */

input.btBorder {

	border : 1px;

	/* HACK IE */

		*	border : 0px;

}



select.champLogin { width : 150px;}

input.champLogin { width : 150px;}



input.champXXXXSM{ width : 18px;}

input.champXXXSM{ width : 30px;}

input.champXXSM{ width : 45px;}

input.champXSM{ width : 60px;}



input.champXSMRouge{ color : #CC3333; width : 60px;}



input.champSM{ width : 75px;}

input.champ{ width : 155px;}

input.champMD{ width : 175px;}

input.champLG{ width : 200px;}

input.champ250{ width : 240px;}

input.champXLG{ width : 250px;}

input.champXXLG{ width : 350px;}

input.champXXXLG{ width : 500px;}



select.champXXSM { width : 35px;}

select.champXSM { width : 55px;}

select.champSM { width : 75px;}



select.champ125 { width : 125px;}



select.champ { width : 155px;}

select.champMD { width : 175px;}

select.champLG { width : 205px;}

select.champXLG { width : 235px;}

select.champXXLG { width : 325px;}

select.champXXXLG { width : 500px;}



select.ChampMultiple { width : 155px;}

select.champMultipleLG { width : 200px;}

select.champMultipleXLG { width : 325px;}



option.optionRed {

	color:#FF0000;

}



textarea.champ { height : 45px; width : 175px;}

textarea.champMD { height : 45px; width : 200px;}

textarea.champXMD { height : 55px; width : 200px;}



textarea.champADDRESS { height : 65px; width : 250px;}



textarea.champLG { height : 45px; width : 250px;}

textarea.champXLG { height : 45px; width : 300px;}

textarea.champXXLG { height : 45px; width : 350px;}



textarea.champCmt { height : 100px; width : 350px;}



textarea.champXXXLG { height : 45px; width : 500px;}

textarea.champXXXXLG { height : 100px; width : 500px;}

textarea.champXXXXXLG { height : 205px; width : 500px;}

textarea.champXXXXXXLG { height : 205px; width : 500px;}



/** INPUT TYPE FILE **/

input.fileUpload { 

	width : 350px;

	height : 20px;

	line-height : 12px;

	

	border : 0px solid #7F9DB9;

	/* HACK pour IE */

		*	border-width : 1px;

}