/* 
***************************************************************************************************************************************
  ########################################## Feuille de style principale - SVI eSolutions ###########################################
***************************************************************************************************************************************
*/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	background-color: #f9fbfc;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4b4b;
}
h1 {
	clear: right;
	font-size: 16px;
	font-weight: bold;
	color: #4a4b4b;
	letter-spacing: 0.2em;
	display:block;
	margin-bottom: -0.5em;
}
h2 {
	clear: right;
	font-size: 14px;
	font-weight: bold;
	color: #4e6172;
	letter-spacing: 0.05em;
	display:block;
	border-bottom: solid #d3d8db 1px;
	margin-bottom: 0px;
}
img, a img {
	border: none;
}
a, a:active, a:visited, .hyperlink {
	color: #4e6172;
	text-decoration: underline;
	font-weight: bold;
}
.link, a.link:visited {
	color: #727800;
}
a:hover, a.link:hover {
	text-decoration: none;
}
a.disabled img, .disabled {
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
a.fileLink {
	background-image: url(images/file_ico.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 15px;
	padding-top: 3px;
}
.cache {
	left: -9000px;
	position: absolute;
}

/*
############################################################################################
  -------------------------------- Barre de liens ----------------------------------------
############################################################################################
 */
#barrelien {
	background: url('images/accueil_bgLinks.gif') top right repeat-x;
	height: 36px;
	padding: 9px 0 0 0;
}
#txtbarrelien {
	width: 730px;
	margin: 0 auto;
	padding: 4px 0 0 30px;
}
	#barrelien .img {
		float: left;
		vertical-align: top;
	}
	#barrelien .menuliens1 {
		padding: 8px 34px 0 5px;
		height: 12px;
		float: left;
		line-height: 12px;
	}
	#barrelien .menuliens2 {
		padding: 8px 34px 0px 5px;
		height: 12px;
		float: left;
	}
	#barrelien .menuliens3 {
		padding: 8px 34px 0px 5px;
		height: 12px;
		float: left;
	}
	#barrelien .menuliens4 {
		padding: 8px 0 0 5px;
		height: 12px;
		float: left;
	}
	#txtbarrelien a, #txtbarrelien a:active, #txtbarrelien a:visited {
		font-size: 10px;
	}
	#txtbarrelien a:hover {
		color: #000000;
	}
/*
############################################################################################
  --------------------------------------- Contenu  ---------------------------------------
############################################################################################
 */
#contentPlacer {
}
#contenu {
	width: 100%;
	margin: 0 auto;
}
	.contentHolder {
		text-align: left;
		margin: 0 auto;
		width: 760px;
	}
	#content .subTitleText, .subTitleText {
		font-size: 14px;
		font-weight: bold;
		color: #4e6172;
		letter-spacing: 0.1em;
		margin-bottom: 0px;
	}
	#content p {
		margin-top: 1em;
		text-align: justify;
		line-height: 1.5em;
	}
	#content li {
		margin-top: 0.4em;
	}
	#content .subContent {
		margin-left: 1em;
	}
	.box {
		display: inline;
		width: 221px;
		right: 10px;
	}
	#content .firstParagraph {
		margin-top: 0em;
	}
	.box_title {
		display: block;
		font-weight: bold;
		font-size: 12px;
		padding: 2px 0 0 10px;
		color: #4e6172;
		height: 19px;
		width: 211px;
		background: url('images/content_box_top.gif') top left no-repeat;
		text-align: left;
		clear: both;
	}
	.box_content {
		display: block;
		width: 183px;
		height: 90px;
		/* padding: t r b l */
		padding: 6px 10px 6px 28px;
		background-repeat: repeat-y;
		background-position: top left;
		text-align: justify;
		clear: both;
	}
	#noFlash_flashAnim {
		/* ************************** Transitions pour la version 'image' du bandeau Flash ********************************** */
		filter: progid:DXImageTransform.Microsoft.Iris(GradientSize=0.20, IrisStyle=CIRCLE, duration=1)
				progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.30,wipestyle=0,motion=forward,duration=1)
				progid:DXImageTransform.Microsoft.Fade(duration=1);
	}
	.moreInfo {
		border: solid #e3e6e7 1px;
		background-color: #f8f8f8;
		margin-bottom: 1em;
	}
	.moreInfoLink, .moreInfoLinkNoHover, .moreInfoTitle {
		display: block;
		padding:2px;
		padding-left:0.5em;
		background-color: #fbfdf2;
	}
	.moreInfoTitle {
		font-weight: bold;
	}
	.moreInfoLink:hover {
		color: #000000;
		background-color: #f5f8d9;
		text-decoration: none;
	}
	.moreInfoText, .moreInfoTextShown, .moreInfoText1, .moreInfoText2, .moreInfoText3, .moreInfoText4, .moreInfoText5, .moreInfoText6, .moreInfoText7, .moreInfoText8, .moreInfoText9 {
		display: none;
		padding: 0 10px 0 2em;
		margin-bottom: 0px;
	}
	.moreInfoTextShown {
		display: block;
	}
	.table2Colums {
		display: block;
		width: 660px;
		margin-top: 1em;
		border-bottom: solid 1px #d3d8db;
	}
	.table2Colums p {
		font-size: 10px;
	}
	/* ************************************* Ombrage sur image ********************************************************* */
	img.withShadow {
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=5);
	}	
/* Image zoom */
	#zoomedPic {
		display: block;
		position: absolute;
		visibility: hidden;
		z-index: 10;
		filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.20,wipestyle=1,motion=forward,duration=0.4)
				progid:DXImageTransform.Microsoft.Fade(duration=0.2);
		border: solid 4px #a6b0b8;
	}
/*	############################################################################################
	  ---------------------------------------- Navigation ------------------------------------
	############################################################################################	
*/
	#menu {
		display: block;
		float: right;
		text-align: right;
		padding-top: 11px;
	}
	
	#menu a {
		margin: 0;
		text-transform: uppercase;
		color: #6f838e;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		padding: 0px 5px 18px 5px;
		vertical-align: top;
		background-repeat: repeat-x;
		background-position: top;
	}
	#menu a.navig_selected {
		color: #000;
		background-image: url(images/navigBtn_bg-on.gif);
	}
	#menu a.navig_opened, #menu a.navig_on_opened {
		color: #000;
		background-image: url(images/navigBtn_bg-opened.gif);
		border-right: solid 1px #e4eaa3;
		border-left: solid 1px #e4eaa3;
		padding-left: 4px;
		padding-right: 4px;
	}
	#menu a:hover, #menu a.navig_over {
		background-image: url(images/navigBtn_bg-over.gif);
		text-decoration: none;
		color: #000;
	}
	#menu a.navig_on_opened, #menu a.navig_on_opened:hover {
		background-image: url(images/navigBtn_bg-on-opened.gif);
	}
	#menu a.navig_opened:hover {
		background-image: url(images/navigBtn_bg-opened.gif);
	}
	#menu a span {
		position: relative;
		top: 6px;
	}
	#menu .dropdown {
		display: block;
		padding: 0px;
		margin-top: 13px;
	}
	
	.menu2 {
		visibility: hidden;
		display: block;
		position: absolute;
		top: 36px;
		padding-top: 7px;
		text-align: left;
		float: left;
		filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.50,wipestyle=0,motion=forward,duration=0.3)
				progid:DXImageTransform.Microsoft.Fade(duration=0.3);
	}
	.menu2 a {
		margin: 0px;
		text-transform: uppercase;
		font-size: 9px;
		color: #797f00;
		text-decoration: none;
		font-weight: bold;
		line-height: 8px;
		padding: 0px 6px 0 0;
		/*border: solid 1px #FF0000;*/
		vertical-align: top;
	}
	.menu2 a:hover, .menu2 a.navig_over {
		text-decoration: none;
		color: #000000;
	}
	#menu a img {
		filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.1,wipestyle=1,motion=reverse,duration=0.3)
				progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.1,wipestyle=1,motion=forward,duration=0.2);
	}
/* Sous-Navigation */
	#snavig {
		left: 0px;
		display: block;
		width: 167px;
		/* margin: t r b l */
	}
	#snavigInset {
		width: 167px;
		background-image: url('images/snavig_bg.gif');
		margin: 0;
		padding: 0;
		
	}
	#snavigInset a {
		/*width: 148px;*/
		text-align: left;
		/* padding: t r b l */
		padding: 3px 0px 3px 14px;
		display: block;
		clear: left;
		color: #4c4c4c;
		font-size: 12px;
		border: none;
		font-weight: normal;
	}
	.snavig_level2 {
		display: none;
		padding-left: 14px;
		margin-bottom: 4px;
		filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.1,wipestyle=1,motion=reverse,duration=0.3)
				progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.1,wipestyle=1,motion=forward,duration=0.2);
	}
	#snavigInset .snavig_level2 a {
		width: 134px;
		/* padding: t r b l */
		padding: 2px 0px 1px 8px;
		background: url('images/snavig_level2_bullet.gif') top left no-repeat;
		font-size: 11px;
	}
	#snavigInset .snavig_selected2 {
		color: #5c7f9a;
		font-weight: bold;
		border-bottom: solid 1px #b9c8d4;
		border-bottom-width: 1px;
	}
	#snavigInset .snavig_selected2:hover {
		text-decoration: none;
		border-bottom: solid 1px #000000;
	}
	#snavigInset .snavig_selected2 {
		color: #5c7f9a;
		font-weight: bold;
		border-bottom: solid 1px #b9c8d4;
	}
	#snavigInset .snavig_folder, #snavigInset .snavig_folder_selected {
		padding-left: 18px;
		background: url('images/snavig_folder_closed.gif') top left no-repeat;
	}
	#snavigInset .snavig_selected, #snavigInset .snavig_folder_selected {
		color: #5c7f9a;
		font-weight: bold;
		background-color: #e7eff4;
		border-right: solid 1px #b8c0c7;
		border-bottom: solid 1px #b9c8d4;
		border-bottom-width: 1px;
	}
	#snavigInset a:hover {
		color: #4e6172;
		text-decoration: underline;
	}
	
	#snavigInset .snavig_selected:hover {
		text-decoration: none;
		border-bottom: solid 1px #4e6172;
	}
/* Formulaires */
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #4e6172;
		border: solid 1px #a6b0b8;
	}
	input.noBorder, .noBorder input {
		border: 0px;
	}
	input.errorous, select.errorous {
		border: solid 1px #FF0000;
	}
	select.errorous {
		color: #FF0000;
	}	
/* Ajustement pour Mozilla (IE ne gère pas les bordure sur les select donc on utilise la couleur du texte plutôt) */
html>body select.errorous { color: inherit; }
/* ERREURS ET MESSAGES */
	.popupBG {
		position:absolute;
		z-index: 99;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-color:white;
		filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	}	
	.popupMessageBox {
		display: none;
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.messageBoxContentTable {
		background-color: #FFF;
		border: solid 1px #206695;
		table-layout: fixed;
		width: 360px;
		height: 150px;
	}
	.popupMessageBoxTitle {
		background-color: #eaf2b2;
		color: #7e8502;
		text-transform: uppercase;
		font-weight: bold;
		padding: 2px 6px;
		vertical-align: middle;
		line-height: 12px;
		font-size: 12px;
		text-align: left;
		max-height: 26px;
	}
	.popupMessageBoxBody {
		vertical-align: middle;
		text-align: center;
		padding: 10px;
	}
	.contentSubOptions {
		background-color: #eaf2b2;
		vertical-align: middle;
		text-align: center;
	}
	.contentSubOptions a {
		text-transform: uppercase;
		color: #000000;
		background-color: #ffffff;
		padding: 4px 8px;
		border: solid 1px #c9ced4;
	}
/* Listes */
	ul, li {
		font-family: Arial, Helvetica, sans-serif;
		color: #4e6172;
	}
	ul{
		margin-top: 6px;
		margin-bottom: 6px;
		margin-left: 12px;
		padding-left: 12px;
		list-style: square;
		list-style-image: url(images/liste_bullet.gif);
	}
/* Deuxime niveau */
	ul ul {
		font-size: smaller;
		margin-top: -0.1em;
		line-height: 0.8em;
	}
	li {
		margin-left: -2px;
		text-align: left;
	}
	li.paragraphed {
		padding-bottom: 1em;
	}
/* Titre d'un point forme */
	span.pointTitle {
		font-weight: bold;
		color: #4a4b4b;
	}
/*
############################################################################################
  ---------------------------------------- Footer  ---------------------------------------
############################################################################################
*/
	#footer {
		width: 100%;
		background-position: bottom center;
		background-repeat: no-repeat;
		margin-bottom: -4px;
		height: 150px;
	}
	
	#piedPage, #piedPage a, .piedPage a {
		font-size: 10px;
		color: #4e6172;
		font-weight: normal;
		text-align: center;
		text-decoration: none;
	}
	#piedPageTexte a:hover {
		text-decoration: underline;
	}
	#piedPageTexte {
		display: block;
		height: 28px;
		line-height: 1em;
		background-position: bottom center;
		background-repeat: no-repeat;
		color: #fff;
		text-align: center;
	}
	#piedPageTexte a {
		color: #fff;
		vertical-align: text-bottom;
		text-align: center;
	}
	.piedCopyright {
		color:#b3b3b3;
		text-align: center;
	}
	i{
		text-align: center;
	}
	
/* ????Background pour mise en page à garder???? */
.tdbacktop {
	background: url('images/accueil_bgContent.gif') top repeat-x;
}
.tdbacksideg {
	width: 720px;
	vertical-align: top;
	background: url('images/accueil_bgContent2.gif') top repeat-x;
	border-top: solid 1px #a6b0b8;
	padding: 20px;
}
.tdbacksideg2 {
	vertical-align: top;
	background: url('images/accueil_bgContent.gif') top repeat-x;
	border-top: solid 1px #a6b0b8;
	padding: 8px 0 20px 20px;
}
.tdbacksided {
	background: url(images/accueil_bgContent.gif) top repeat-x;
}