/*  <style type="text/css">
/* 
	###############################
	#    B O I T E   B L E U E    #
	#    FEUILLE DE STYLES CSS    #
	#    (c) 2011  -  PORTASYS    #
	###############################
*/


/* 
	###############################
	#    HEADER                   #
	###############################
*/

@import url('/EXT/CSS/MENU_CSS.asp');
@import url('/EXT/CSS/JSLIDERNEWS_CSS.asp');

@import url('/EXT/CSS/MAIN_CSS.asp');

@import url('/EXT/CSS/ACCORDION_CSS.asp');
@import url('/EXT/CSS/TITLES_CSS.asp');


html, body {
	margin: 0px;
	padding: 0px;
	color: #222222;
	background-image: url();
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #e7ebf3;
	background-attachment: fixed;
	/* height:100%; /* needed for container min-height */
}
body {
	margin: 0px;
	font-family: Arimo, Arial, Helvetica, sans-serif;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 9px;
	line-height: 11px;
}

#BGFlashContent {
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #E5F5FF;
	text-align: center;
}


#MainSpace {
	margin: 0 0 0 0;
	padding: 0;
	/* min-height: 400px; */
}

.wf-loading { 
  visibility: hidden; 
}
.wf-active, .wf-inactive {
  visibility: visible;
}


/* 
	###############################
	#    S. CONTAINER + MODULE    #
	###############################
*/

.sContainer {
	width: 980px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #746f6b; */ 
	
}

.sContainerHeaderMenu {
	/* border-top: #899ac7 solid 10px; */
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	
	background-image: -moz-linear-gradient(top, 
							#ffffff, 
							#f1f2f2);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#ffffff),
		color-stop(1, 		#f1f2f2));
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ffffff,EndColorStr=#f1f2f2);
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f1f2f2')";

}

.sContainerMainHead1 {
	margin: 0;
	padding: 0;
	/* background-color: #899ac7; */
	/* 
	background-image: -moz-linear-gradient(top, 
							#899ac7, 
							#ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#899ac7),
		color-stop(1, 		#ffffff));
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#899ac7,EndColorStr=#ffffff);
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#899ac7', EndColorStr='#ffffff')";
	*/ 
	 
	/* background: #bec7df; /* Old browsers */
	/* background: -moz-linear-gradient(left, #bec7df 1%, #899ac6 40%, #899ac6 60%, #bec7df 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, right top, color-stop(1%,#bec7df), color-stop(40%,#899ac6), color-stop(60%,#899ac6), color-stop(100%,#bec7df)); /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(left, #bec7df 1%,#899ac6 40%,#899ac6 60%,#bec7df 100%); /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(left, #bec7df 1%,#899ac6 40%,#899ac6 60%,#bec7df 100%); /* Opera11.10+ */
	/* background: -ms-linear-gradient(left, #bec7df 1%,#899ac6 40%,#899ac6 60%,#bec7df 100%); /* IE10+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec7df', endColorstr='#bec7df',GradientType=1 ); /* IE6-9 */
	/* background: linear-gradient(left, #bec7df 1%,#899ac6 40%,#899ac6 60%,#bec7df 100%); /* W3C */
	background: url(/EXT/IMG/BG/gradient-bottom.png) center repeat-y #899ac6;
	
}

.sContainerMain1 {
	margin: 0;
	padding: 0;
	/* background-color: #ffffff; */
	/* 
	background-image: -moz-linear-gradient(top, 
							#ffffff, 
							#f8f8f8); /* ebebec * / 
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#ffffff),
		color-stop(1, 		#f8f8f8));
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ffffff,EndColorStr=#f8f8f8); 
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f8f8f8')"; 
	 */
	background: url(/EXT/IMG/BG/gradient-bottom.png) center repeat-y #7b8bb2;

}


.sContainerFooterMenu {
	border-top: #899ac7 solid 10px;
	margin: 0;
	padding: 0;
	background-color: #efeeed;   /*  #ebebeb; /*  d6d5d3; */
	
	background-image: -moz-linear-gradient(top, 
							#efeeed, 
							#cbcac9);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#efeeed),
		color-stop(1, 		#cbcac9));
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#efeeed,EndColorStr=#cbcac9);
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#efeeed', EndColorStr='#cbcac9')";

}

.sContainerFooter {
	/* border-top: #899ac7 solid 10px; */
	margin: 0;
	padding: 0;
	background-color: #899ac7;
	
	background-image: -moz-linear-gradient(top, 
							#899ac7, 
							#677598);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 	#899ac7),
		color-stop(1, 		#677598));
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#899ac7,EndColorStr=#677598);
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#899ac7', EndColorStr='#677598')";

}

/*
.sContainer a {
	color: #8C95A6;
}

.sContainer a:hover {
	color: #55637C;
}
*/


.InterMODULEhaut {
	background-image: url();
	background-position: center;
	background-repeat: repeat-y;
	height: 25px;
}

.InterMODULEcentre {
	background-image: url(/EXT/IMG/INTERFACE/MODULE-centre.png);
	background-position: center;
	background-repeat: repeat-y;
	/* min-height: 100%; */ 
	
}

.InterMODULEbas {
	background-image: url(/EXT/IMG/INTERFACE/MODULE-bas.png);
	background-position: bottom center;
	background-repeat: repeat-y;
	/* height: 24px;*/ 
	
}









/* 
	###############################
	#   ÉLÉMENTS                  #
	###############################
*/




.LeadSection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color: #2c4491;
}

.LeadSection p {
	margin: 5px 0 5px 0;
}






/* 
	###############################
	#   CONTAINER BLANC           #
	###############################
*/




.ContainerBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color: #2c4491;
	background-image: url(/EXT/IMG/INTERFACE/container_blanc.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 0;
}

.ContainerBlanc p {
	margin: 5px 0 5px 0;
}

.ContainerBlancHead {
	background-color: #233986;
	height: 45px;
	width: 980px;
}

.ContainerBlancHead td {
	padding-left: 10px;
	padding-right: 10px;
}

/* 
	###############################
	#   CONTAINER BLANC  60       #
	###############################
*/




.ContainerBlanc60 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color: #2c4491;
	background-image: url(/EXT/IMG/INTERFACE/container_blanc_60.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0;
}

.ContainerBlanc60 p {
	margin: 5px 0 5px 0;
}




/* 
	###############################
	#   CONTAINER BLANC  30       #
	###############################
*/




.ContainerBlanc30 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color: #2c4491;
	background-image: url(/EXT/IMG/INTERFACE/container_blanc_30.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 20px;
}

.ContainerBlanc30 p {
	margin: 5px 0 5px 0;
}





/* 
	###############################
	#   CONTAINER BLANC  05       #
	###############################
*/




.ContainerBlanc05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 13pt;
	color: #2c4491;
	background-image: url(/EXT/IMG/INTERFACE/container_blanc_05.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 20px;
}

.ContainerBlanc05 p {
	margin: 5px 0 5px 0;
}







/* 
	###############################
	#   MAIN HEAD                 #
	###############################
*/

.MainHead1Content {
	margin: 0 auto;
	/* padding:  55px 0; */
	padding:  20px 0 20px 0;
	}

.MainHead1ContentInner {
	margin: 0;
	padding:  6px;
	background-color: #ffffff;
	border: #a1aed1 solid 1px;
	}





/* 
	###############################
	#   ÉLÉMENTS DIVERS           #
	###############################
*/


.VoirPlus {
	color: #29abe2;
	margin: 0 0 0 5px;
	padding: 0;
}
.VoirPlus a {
	color: #29abe2;
}
.VoirPlus a:hover {
	color: #104e68;
}

.MainPad {
	padding: 20px 40px 20px 40px;
}



.TxtContainerBlanc {
	color: #2c4491;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}


#RechercheRapide select {
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


#RechercheRapide input {
	/* width: 90px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

#RechercheRapide tr, #RechercheRapide td, #RechercheRapide div {
	margin: 0;
	padding: 0;
	border: none;
}

#CalcRapide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

#CalcRapide select {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


#CalcRapide input {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

/* 
	###############################
	#   FOOTER                    #
	###############################
*/


#FooterMenu {
	clear: both;
	margin: 0; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	width: 980px;
	height: 72px;
}

#FooterBar {
	clear: both;
	margin: 0; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	width: 980px;
	height: 57px;
}

#FooterBar h5 {
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #edf5fd;
	text-shadow: 0px 1px 1px #446482;
	margin: 25px 15px 5px 15px;
	padding: 0;
	float: left;
	vertical-align: middle;
}



.FooterTxt {
	width: 400px;
	margin: 10px 15px 10px 15px;
	float: left;
}

.FooterTxt h3 {
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #07447b;
	text-transform: uppercase;
	border-bottom: #6e8ca7 solid 1px;
	margin: 5px 0 15px 0;
	padding: 0 4px 4px 4px;
}

.FooterTxt li {
	font-family: Arimo, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	color: #07447b;
	text-transform: uppercase;
}

.FooterTxt a {
	color: #07447b;
	text-decoration: none;
}

.FooterTxt a:hover {
	color: #07447b;
	text-decoration: underline;
}