@import url(normalize.css);


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, button, input, select, textarea {
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
	FONT-SIZE: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #1d2a32;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #f47a2a; color: #fff; text-shadow: none; }
::selection { background: #f47a2a; color: #fff; text-shadow: none; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* STANDARD	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html  {
	height:100%;
}

BODY {
	TEXT-ALIGN: left;

    PADDING: 0px;
	MARGIN: 2px;

	height:100%;
	width:100%;
	min-width:976px;/*846px;*/

	BACKGROUND-COLOR: grey;
}
h1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
	margin:10px 0;
	padding:1px 0 7px 0;
	color:#41515b;
	text-align:center;
    FONT-VARIANT: normal;
}
h2 {
	/*font-size:11px;*/
	font-size:1.35em;
	font-weight:normal;
	margin:0px;
	padding:2px;
	color:#5e6e76;
	text-align:center;
	line-height:1.1em;
}
h3 {
	font-size:12px;
	font-weight:bold;
    COLOR: #c00000;
    FONT-VARIANT: normal;
}
h4  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #2256a4
}
h5  {
	font-size:10px;
}
p {
	line-height:14px;
}

select {
    padding:1px;
    margin: 0;
    font-size: 11px;
	line-height:12px;
    background: #fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
/* les inputs */
input,select {
	font-size:10px;
}
input[type='text']  {
	background: #fff url(bgInput.gif) left top repeat-x;
	padding-left:3px;
}
input[type='radio']{}
input[type='checkbox']{}
.inputs {
    width: 110px;
    padding: 3px 10px;
    font-size: 11px;
    background: #FFF;
    border: none;
}

.inputs:focus {
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    outline: 0;
}

.inputs:hover {
    background: #DFE9EC;
    color: #414848;
}

/* =============================================================================
   Links
   ========================================================================== */
/* toutes les ancres
a:visited{
	color: #426EBF;
	text-decoration:none;
}*/
A {
	FONT-WEIGHT: normal;
	color: #007d8c;
	text-decoration:none;
}
A:hover {
	color: #66bb99;
    /*BACKGROUND-COLOR: #dfdbc8;
	text-decoration:none;*/
}
A:visited {
    FONT-WEIGHT: normal;
    COLOR: #007d8c;
    TEXT-DECORATION: none
}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic;  }

img.floatL {float:left; margin: 0 15px 10px 0;}
img.floatR {float:right; margin: 0 0px 10px 15px;}

.floatL {float:left}
.floatR {float:right}
/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }

/* changement du point des listes
ul{
	display: list-item;
	list-style-image: url(./elia_bullet.gif);*/
}

/* Tableaux */
TABLE {
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 8pt;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 1px
}

TR {
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 10px;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TH {
    BORDER-RIGHT: 1px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 1px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: 1px;
    COLOR: #2256a4;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 1px;
}

TD  {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


TABLE.InvisibleTable {
    BORDER-RIGHT: 0pt;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0pt;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0pt;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-COLLAPSE: separate;
    BACKGROUND-COLOR: #f5f4ee
}
TD.InvisibleTable {
    BORDER-RIGHT: 1pt;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 1pt;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 1pt;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 1pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TABLE.VisibleTable {
    BORDER-RIGHT: #2256a4 1px solid;
    BORDER-TOP: #2256a4 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #2256a4 1px solid;
    BORDER-BOTTOM: #2256a4 1px solid;
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 1px
}
.VisibleTable TH {
    BORDER-RIGHT: #2256a4 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #2256a4 1px solid;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #2256a4 1px solid;
    COLOR: #2256a4;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #2256a4 1px solid;
    BACKGROUND-COLOR: #dfdbc8
}
.VisibleTable TD {
    BORDER-RIGHT: #2256a4 1pt solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #2256a4 1pt solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #2256a4 1pt solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #2256a4 1pt solid
}
.VisibleTable TR {
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD.Dark {
    BORDER-RIGHT: #dfdbc8 1pt;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #dfdbc8 1pt;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #dfdbc8 1pt;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #dfdbc8 1pt;
    BACKGROUND-COLOR: #dfdbc8
}
.InvisibleTableDark TD {
    BORDER-RIGHT: 0pt;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0pt;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0pt;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #dfdbc8
}
TD.InvisibleTableDark {
    BORDER-RIGHT: 0pt;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0pt;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0pt;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #dfdbc8
}
/*index*/
DT {
	font-size:10px;
	background-color:Transparent;
    FONT-SIZE: 10px;
    COLOR: #2256a4;
	cursor: pointer;
}
dt:hover{
	cursor: pointer;
}

DIR {}
DIR LI {}
DIR LI DIR {}
DIR LI DIR LI {}
DIR LI A {}
DIR LI DIR LI A {
    TEXT-DECORATION: none
}
DIR LI DIR LI A
{
    TEXT-DECORATION: none
}

dd, ul {
list-style-type: none;
}

li.smenu{
margin: 0;
padding: 0;
list-style-type: none;
}

dd {
border-bottom : 1px solid #f5f4ee;
font-size: 10px;
width: 350px;
position: absolute;
top: 25px;
background-color: white;
left:0px;
}

#menuDiag li{
border: 1px #f5f4ee solid;
border-bottom: 0px;
height: 17px;
padding-top: 2px;
color: red;
}
#menuDiag a{
position: absolute;
left : 25px;
}
dd li:hover{
background: #f5f4ee;
}
#menuDiag li a:hover, #menuDiag dt a:hover{
background: #eee;
}
dd li img{
position: absolute;
left: 5px;
}

dd.smenu {
position: absolute;
z-index: 1;
}


article, aside{
    display: inline-block;
}

article{
    width: 625px;
    margin-right: 15px;
}

article p{
    font-size: 0.8em;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Mise en page de la homePage	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/***************************** header **********************************/

header {
    max-width:1600px;
    min-width:846px;
	margin:0 auto;
}

.homepage header {}

.headerimg {
    background-position: center;
    background-repeat: no-repeat;
    height:141px;
	background-image: url(../img/BPA-Portal.jpg);
	position:relative;
	left:-1px;
	min-width:1250px;
}

header .margin {
	height:121px;
	margin:0 auto;
	width:970px;
	color:#0f395d;
	font-size: 0.917em
	}

.homepage header .margin {
	margin:0 auto;
	width:970px;
	color:#0f395d;
	font-size: 0.917em
	}

header .floatR {
	width:425px;
	background-color: #41515b;
	color:#fff;
	font-size: 1.091em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:15px;
	margin:20px 20px 0 0;
	text-align:right;
}


header .margin a, header .margin a:visited {
	color:#0f395d;
	text-decoration:none;
}

header .margin a:hover {
	color:#0f395d;
	text-decoration:underline;
}


header nav {
	background:url(../img/bg_menu.gif) repeat-x;
	height:33px;
	min-width:940px;
}

header nav ul {
	margin:0 auto;
	/*width:970px;*/
	background: url(../img/bck_topNavUl.png) left repeat-y;
	/*overflow:hidden;*/
	padding-left:2px;
}
header nav li {
	background:url(../img/bg_menu.gif) repeat-x;
}
header nav ul li li {
	background-color:#f15c2b;
}

header nav li a, header nav li a:hover, header nav li a:visited {
	text-shadow: -1px -1px 0px #f34710;
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:32px;
	display:block;
}
header > nav > ul > li > a{
	text-transform: uppercase;
}

header nav li a:hover, header nav li.selected a {
	background:url(../img/bck_topNavHl.png) repeat-x;
 }

/*** variable padding with variable nav items  ***/

header nav.count3 li a {padding: 0 40px;}
header nav.count4 li a {padding: 0 30px; font-size:1.4em;}
header nav.count5 li a {padding: 0 20px; font-size:1.3em;}
header nav.count6 .sf-arrows li a {padding: 0 30px 0 25px; font-size:1.2em;}

.HomePageBloc aside{
    font-size: 12px; /* modifier par C. */
	margin: 20px 0;
	width:30.5%;
	min-width:316px;
	vertical-align:top;
    padding: 10px;
	height:350px;
}
.HomePageBloc aside.news{
	font-size:12px;
	line-height:18px;
}
.HomePageBloc aside.news .title{
	font-weight:bold;
}

.HomePageBloc aside a.conteneur, .blockNews{
    display: block;
    background-color: #efefef;
    /*box-shadow: 0px 0px 15px #f3f2f2;
    border-radius: 5px;*/
}
.conteneur {
	text-align:center;
}
a.conteneur {}

.conteneur img {
	padding-top:15px;
	padding-bottom:15px;}

.blockNews{
	text-align:right;
    padding: 10px;
}
.blockNews a:link, .blockNews a:visited, .blockNews a:active, .blockNews a:hover{ color:#f75b28; text-decoration:underline;}


.HomePageBloc aside.centre{
	margin:20px 1%;
}

.HomePageBloc h1{
    font-size: 24px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#41515b;
	padding-bottom:0px;
	border-bottom:0px solid #dcdcdc;
}

.HomePageBloc{
    min-width: 1345px;
	margin: 0 1%;
}

#accessApp, #accessProc{
	text-align:center;
}


.sousBloc{
	text-align:center;
	overflow:visible;
}
.sousBloc img{
	width:100px;
	height:100px;
}
.sousBloc aside{
	min-width: 10%;/*
	width:32%;*/
	float:left;
	padding:0px;
}
.middleBloc{
	margin-left:2%;
	margin-right:2%;
}

section.news {
	overflow:hidden;
	margin-bottom:20px;
}

.homepage h2 {
	border-bottom:1px solid #dcdcdc;
	/*text-transform:uppercase;*/
	padding-bottom:14px;
	margin-top:0px;
	color:#f15c2b;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.homepage h2 a {
	color:#f15c2b	;
	text-decoration:none;
}

.homepage h3{
	color:#455560;
	font-size:1.167em;
	font-weight:normal;
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}
.homepage h3 a{
	color:#455560;
	text-decoration:none;
}

.homepage h3 a:hover{
	color:#455560;
	text-decoration:underline;
}

#main.homepage article {
	float:none;
	width:414px;
	margin-right:0px;
}
.news article {
	border-bottom:1px solid #dcdcdc;
	margin-bottom:15px;
	padding-bottom:15px;}

.news article.last {
	border-bottom:0px solid #dcdcdc;
	margin-bottom:15px;
	padding-bottom:15px;}

.date {
	color:#007d8c;
	border:1px solid #ededed;
	background:#f5f5f5;
	padding: 2px 5px;
}

.news p {
	margin:0;
}

.news p a, .news p a:visited {
	text-decoration:none;
	color:#1d2a32
}

.news p a:hover {
	text-decoration:underline;
}

.news img.floatL {
	margin-top:5px;
	margin-right:13px;
}

.news h3{
	color:#455560;
	font-size:1.167em;
	font-weight:normal;
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}

.news h3 a{
	color:#455560;
	text-decoration:none;
}

.news h3 a:hover{
	color:#455560;
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Mise en page du footer	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

footer {
	color:#fff;
	/*max-width:1600px;*/
	margin:0 auto;
	position:fixed;
	width:100%;
	bottom:0px;
	vertical-align:middle;
}

footer a {
	 color:#fff;
	 display: inline-block;
	 max-width:200px;;
}

footer a:hover{
	 color:#fefefe;
}

footer a:visited { color: #fff; }

footer .footer {
	margin:auto;
	background-color:#41515b;
	text-align:center;
	height:60px;
	line-height:19px;
	font-size:22px;
	/*padding-top: 25px;*/
	width:auto;/*1477px;*/
	text-align: justify;
	padding: 25px 0px 0 0px;
}

footer .footer  a{
	text-align:left;
	vertical-align:top;
	 display: inline-block;
	 position: relative;
	top: 1.2em;
	margin:0 5px 0 30px;
}


footer .footer  img{
	margin:0 30px 0 5px;
	vertical-align:top;
	 display: inline-block;
	 position: relative;
	 top: 1.2em;
}

footer .footer:before{
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -1.2em;
}

footer .footer:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.footer img{
	CURSOR: pointer;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ObjectTitle	: bande présentant l'objet décrit  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ObjectTitle{
	BACKGROUND-COLOR:#f5f4ee;
}

#ObjectTitleTable {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    COLOR: white;
	width:100%;
    BACKGROUND-COLOR: #f5f4ee;
    BORDER-RIGHT: 1px;
    BORDER-LEFT: 1px;
    BORDER-TOP: 1px;
    BORDER-BOTTOM: 1px;
    border-spacing: 0;
    border-collapse: separate;
}

#ObjectTitleTable  td, #ObjectTitleTable  tr{
	padding:0;
	height:45px;
}

#ObjectTitle_Name {
    FONT-WEIGHT: bold;
    FONT-SIZE: 		13px;
	position:		absolute;
	left: 			300px;
	top:			15px;
}

#infoObject{
	font-weight:bold;
	line-height:25px;
	padding: 0 .7em;
	float: left;
}

#infoObject img{
	position:relative;
	top:5px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ObjectTitle	: bande présentant l'objet décrit  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#breadScrumb{
	float:left;overflow:auto;height:34px;width:100%;position:absolute;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Conteneur	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#content {
	padding:0px 0px 8px 18px;
}
#content a  {
	color: #426EBF;
	text-decoration:none;
}
#content a:visited  {
	color:#426EBF;
}
#content a:hover  {
	color: #6AC8EE;
}
#contentTable  {
	border:none; width:100%;
}
#contentTable td  {
	vertical-align:top;
}
.Content {
    BACKGROUND-COLOR: white;
	width:98%;
	padding-left:15px;
}
#container {
	width:100%;
	max-width:1475px;
	min-width:1375px;
	margin: 0 auto;
	min-height:100%;
	padding:0px;
	BACKGROUND-COLOR: white;
}

#container h1,#container h2, .tab-pane h1, .tab-pane h2, .tab-pane h3{
	text-align:left;
}

#container1 {
	width:100%;
	text-align:left;
	height:100%;
}

.tabs {
	list-style:none;
	background:url(../img/bck_tabs.png) repeat-x;
	height:33px;
	overflow:hidden;
	padding-left:0;
}

.tabs li{
	float:left;
	display:block;
	margin-top:6px;
	background:#71777c;
	line-height:27px;
	margin-left:6px;
}

.tabs li a {
	color:#d6d6d6;
	text-decoration:none;
	display:block;
	padding: 0 18px;

}

.tabs li a:hover {
	color:#fff;
	text-decoration:none;
}


.tabs li.selected{
	background:#fff;
}

.tabs li.selected a {
	color:#f15c2b;
}

.tabs li.selected a:hover {
	color:#f58f2c;
	text-decoration:none;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN MENU	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainMenu  {
	width:100%;
	background:#fff url("bgMainMenu1.jpg") no-repeat 50% 0;
	float:left;
	line-height:normal;
	height:46px;
}
#mainMenu ul  {
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	text-align: center;
	height:46px;
}
#mainMenu a  {
	display:block;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	width:220px;
}
#mainMenu ul  li {
	float:left;
	margin:0;
	padding:0 0 0 14px;
	background:url("btnMenuRight.jpg") no-repeat 0 0;
	width:93px;
	cursor:hand;
}
#mainMenu ul li div{
	margin:0;
	padding:18px 15px 14px 0;
	background:url("btnMenuRight.jpg") no-repeat right 0;
	color:#999;
	font-weight:bold;
}
#mainMenu a:hover  {
	color:#EB4D0E;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainMenu a  {
	float:none;
}
/* End IE5-Mac hack */

#containerTable {
	width:100%;
	border:none;
	background:#ffffff url("bgTopMenu1.gif") no-repeat 1px 1px;
	font-weight:bold;
	height:48px;
	color:#ffffff;
	padding-top:3px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* POLICES SPE	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#normal {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#normal td {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#Printlogo {
	display:none;
}
.small{font-size:8px;}
.clear{clear:both;}
.imgLeft{float:left; margin-right:7px; }

/*Liste de rapport excel*/
.listeExcel ul {
	margin-top:54px;
}
.listeExcel ul  li{
	list-style-image: url("../img/excelparam.gif");
	padding-left:10px;
	height:20px;
}
#dialog-link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog-link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LIEN SPE	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
A.PushButton {
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FLOAT: right;
    BORDER-LEFT: outset;
    BORDER-BOTTOM: outset;
    BACKGROUND-COLOR: silver
}
.SubMenu A {
    FONT-SIZE: 10px;
    COLOR: #2256a4;
    TEXT-DECORATION: none
}
.SubMenu A:hover {
    FONT-SIZE: 10px;
    COLOR: #2256a4;
    TEXT-DECORATION: underline
}
.SubMenuHighlighted A {
    FONT-SIZE: 10px;
    COLOR: #2256a4;
    TEXT-DECORATION: none
}
.SubMenuHighlighted A:hover {
    FONT-SIZE: 10px;
    COLOR: #2256a4;
    TEXT-DECORATION: underline
}
A.TreeLink {
    FONT-SIZE: 10px;
    CURSOR: hand;
    COLOR: #6d4b04;
    TEXT-DECORATION: none
}
A.TreeLinkHighlighted {
    FONT-SIZE: 10px;
    CURSOR: hand;
    COLOR: #2256a4;
    BACKGROUND-COLOR: #dfdbc8;
    TEXT-DECORATION: none
}
A.TreeLinkSelected {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    CURSOR: hand;
    COLOR: #2256a4;
    BACKGROUND-COLOR: #f5f4ee;
    TEXT-DECORATION: none
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* outils : BOUTON IMPRIMER	  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.boutonPrint1, .boutonPrint1N  {
	position:absolute;
	right : 160px;
	top : -30px;
}
.boutonPrint1 a {
	position:absolute;
	vertical-align:middle;
	left:45%;
	background:url(printP.png) ;
	background-repeat:no-repeat;
	width:158px;
	height:31px;
	padding:16px 79px;
}
.boutonPrint1 a:hover{
	background:url(printPover.png) ;
	background-repeat:no-repeat;
}
.boutonPrint1N a {
	position:absolute;
	vertical-align:middle;
	left:45%;
	background:url(printPN.png) ;
	background-repeat:no-repeat;
	width:158px;
	height:31px;
	padding:16px 79px;
}
.boutonPrint1N a:hover{
	background:url(printPNover.png) ;
	background-repeat:no-repeat;
}
.boutonPrint1E a {
	position:absolute;
	vertical-align:middle;
	left:45%;
	background:url(printPE.png) ;
	background-repeat:no-repeat;
	width:158px;
	height:31px;
	padding:16px 79px;
}
.boutonPrint1E a:hover{
	background:url(printPEover.png) ;
	background-repeat:no-repeat;
}

.boutonPrint2 a {
	width:177px;
	height:31px;
	padding:16px 89px;
	background:url(printP2.png) ;
	background-repeat:no-repeat;
}
.boutonPrint2 a:hover{
	background:url(printP2over.png) ;
	background-repeat:no-repeat;
}
.boutonPrint2N a {
	width:177px;
	height:31px;
	padding:16px 89px;
	background:url(printP2N.png) ;
	background-repeat:no-repeat;
}
.boutonPrint2N a:hover{
	background:url(printP2Nover.png) ;
	background-repeat:no-repeat;
}
.boutonPrint2E a {
	width:177px;
	height:31px;
	padding:16px 89px;
	background:url(printP2E.png) ;
	background-repeat:no-repeat;
}
.boutonPrint2E a:hover{
	background:url(printP2Eover.png) ;
	background-repeat:no-repeat;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : liste déroulante suivant  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.menu2_wrap{ position:absolute; top:60px; right:50px; bottom:30px;  background-color:#FFF; padding:10px;}
#listeDeroulante{ z-index:90;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : slider Zoom  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Zoom{
	position: absolute;
	right : 5%;
	top : 12px;
	width:190px;
}
.Zoom Img:hover{
    CURSOR: pointer;
	BACKGROUND-COLOR: #f5f4ee;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : recherche / changement de langue  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#lang {
	margin-bottom:13px;
	padding-right:45px;
	}

#lang a:link, #lang a:active, #lang a:visited, #funcNav a:link, #funcNav a:active, #funcNav a:visited {color:#fff; font-size:10px;} /*15-4-2013 pour nouvelle campagne menu top lien en blanc*/
#lang .divider {
	background: url(../img/ico_langDiv.png) no-repeat center;
	padding:4px 7px;
}

#lang .selected {
	/*background: url(../img/bck_langHl.png) repeat-x;
	padding:4px 5px;*/
	text-decoration:underline;
	color:#fff;
}

#search {
	width:190px;
	background:url(../img/bck_search.png) no-repeat;
	display: inline-block;
	/*
	margin-top:10px;
	height:24px;
	float:right;*/
}

#search form {

}
#search input[type="text"] {
    background: none;
    border: 0 none;
    color: #0f395d;
    /*float: left;*/
    font-size: 1.091em;
    padding: 3px 8px 1px;
	margin-top:2px;
    width: 135px;
}

#search .btn {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 30px;
	height:25px;
}
.ui-autocomplete-loading {
	background: white url("../img/ui-anim_basic_16x16.gif") right center no-repeat;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}
.ui-autocomplete {
	width: 200px;
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 150px;
}

.btnSearch{
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #54595c);
  background-image: -moz-linear-gradient(top, #ffffff, #54595c);
  background-image: -ms-linear-gradient(top, #ffffff, #54595c);
  background-image: -o-linear-gradient(top, #ffffff, #54595c);
  background-image: linear-gradient(to bottom, #ffffff, #54595c);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
    border:none;
  color: #ffffff;
  font-size: 11px;
  padding: 3px 13px;
  margin-left: 10px;
  text-decoration: none;
}

.btnSearch:hover {
  background: #cccccc;
  background-image: -webkit-linear-gradient(top, #cccccc, #000000);
  background-image: -moz-linear-gradient(top, #cccccc, #000000);
  background-image: -ms-linear-gradient(top, #cccccc, #000000);
  background-image: -o-linear-gradient(top, #cccccc, #000000);
  background-image: linear-gradient(to bottom, #cccccc, #000000);
  text-decoration: none;
}

.changeLang{
	float:right;
	margin:10px 10px 0 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : Boutons pour animer bannière  et pied de page*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#button1, #button2{
	height:25px;
	border:0px;
	padding:0px;
	/*https://www.iconfinder.com*/
	background-image: url(../img/button_arrow_green_up.png);
	background-position: center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#button1{
	width:25px;
	position:absolute;
	margin:0 auto;
}
#button2{
	width:100%;
	margin:0 auto;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : arborescences  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body .ztree H2, body h2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #f15c2b;
}
body .ztree li.level1{ background-color:#f3f7fa; padding-top:2px;padding-bottom:2px;}
body .ztree li.level1 a{padding-bottom:0;}
body .ztree *{FONT-SIZE: 12px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : pagination  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : loading  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#loadingDiv{
border: 1px solid #b3bac1;
   background:#fff url("../img/ajax-loader.gif") no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Outils : affichage dates  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.dateGene{
	margin:0 auto;
	padding:10px;
	position:fixed;
	bottom:90px;
	vertical-align:middle;
	text-align:left;
	min-width:320px;
	font-size:12px;
	line-height:18px;
    background-color: #efefef;
	color:#f75b28;
	FONT-WEIGHT: bold;
}
.dateDiag{
	margin:0 auto;
	padding:10px;
	position:fixed;
	top:20px;
	right:50px;
	vertical-align:middle;
	text-align:left;
	width:250px;
	font-size:12px;
	line-height:18px;
    background-color: #efefef;
	color:#f75b28;
	FONT-WEIGHT: bold;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Présentation des petits tableaux (comme flux, matrice...) */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
TABLE.TmplTableApps {
    BORDER-COLLAPSE:collapse;
    BORDER-SPACING: 1px;
    FONT-SIZE: 8pt;
}
.TmplTableApps TR {
    BORDER-TOP:    #c8c8c8 1px solid;
    BORDER-RIGHT:  #c8c8c8 1px solid;
    BORDER-BOTTOM: #c8c8c8 1px solid;
    BORDER-LEFT:   #c8c8c8 1px solid;
}
.TmplTableApps TH {
    BORDER-TOP:    #c8c8c8 1px solid;
    BORDER-RIGHT:  #c8c8c8 1px solid;
    BORDER-BOTTOM: #c8c8c8 1px solid;
    BORDER-LEFT:   #c8c8c8 1px solid;

    PADDING-TOP: 3px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;

    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    COLOR: #f86613;
}
.TmplTableApps TD {
    BORDER-TOP:    #c8c8c8 1px solid;
    BORDER-RIGHT:  #c8c8c8 1px solid;
    BORDER-BOTTOM: #c8c8c8 1px solid;
    BORDER-LEFT:   #c8c8c8 1px solid;

    PADDING-TOP: 3px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
}
TABLE.TmplTableApps td a:link, TABLE.TmplTableApps td a:visited, TABLE.TmplTableApps td a:active{ font-weight:bold;}
TABLE.TmplTableApps td A:hover{ background-color:#fff; color:#f5822b;}
				/****************

				Gestion des onglets

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

.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab-empt {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		12px;
	font:			white;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		1px;
	border:			1px solid;
	border-color:	#f5f4ee;
	border-left:	0;
	border-bottom:	0;
	border-top:		0;

	cursor:			default;

	z-index:		1;
	position:		relative;
	top:			0;
}
.dynamic-tab-pane-control .tab-row .tab-empt.selected {
	border:			1px solid #8e865e;
	border-bottom:	1px solid white;
	z-index:		3;
	padding:		2px 2px 5px 2px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		white;
}
.dynamic-tab-pane-control .tab-row .tab-empt a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			10px;
	color:				#e0d4b8;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab-empt a:hover {
	color:				#e0d4b8;
	BACKGROUND-COLOR:	#f5f4ee;
}

.dynamic-tab-pane-control .tab-row .tab-empt.selected a {
	color: 			#e0d4b8;
	background:		white;
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		12px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		1px;
	background:		#f5f4ee;
	border:			1px solid;
	border-color:	#f5f4ee;
	border-left:	0;
	border-bottom:	0;
	border-top:		0;

	cursor:			pointer;

	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid orange;
	border-bottom:	2px solid white;
	z-index:		3;
	padding:		2px 2px 5px 2px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		white;
}

.dynamic-tab-pane-control .tab-row .tab.selected  li{
	border:			1px solid #8e865e;
	border-bottom:	1px solid white;
	z-index:		3;
	padding:		2px 2px 5px 2px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		white;
}
.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			10px;
	color:				#8e865e;
	text-decoration:	none;
	cursor:				pointer;
}
.dynamic-tab-pane-control .tab-row .tab a:hover {
	padding: 			2px 0px 5px 0px;
	color:				white;
	background:			orange;
}


.dynamic-tab-pane-control .tab-row .tab.selected a {
	color: 			rgb(0,66,174);
	background:		white;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border-top:		1px solid orange;
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		13px;
	padding:		10px;
}



.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		#f5f4ee;
	height:			2.1em;
	width:			100%;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Autres médias  */
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media Print
{
	.noprint
	{
		display:none;
	}
	.landscape {
	height: 100%;
	width:100%;
	margin: 0% 0%;
	filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
	}
}
@media Print {
	#Printlogo {
		display:none;
	}
	#topMenu {
		display:none;
	}
	#mainMenu {
		display:none;
	}
	#leftCol {
		display:none;
	}
	#Banner {
		display:none;
	}
	#rightCol {
		display:none;
	}
	#search {
		display:none;
	}
	#topTable {
		background-color:#FFFFFF;
	}
	#contentTable {
		background-color:Transparent;
	}
}

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}