@charset "utf-8";

/* #################################################################################################### */
/* RAZ  */
/* #################################################################################################### */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { border: 0 none; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; vertical-align: baseline;  }
:focus { outline: 0; }
sup,
sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 0.8em; }
.ie-7 sup,
.ie-7 sub { vertical-align: bottom; }
sup { bottom: 0.2em; }
sub { top: 0.2em; }

/* #################################################################################################### */
/* HABILLAGE TEMPLATE 1  */
/* #################################################################################################### */

#Page #Header a:link,
#Page #Header a:visited,
#Page #Header a:active,
#Page #TabNavigation a:link,
#Page #TabNavigation a:visited,
#Page #TabNavigation a:active,
#Page #SmartBanners a:link,
#Page #SmartBanners a:visited,
#Page #SmartBanners a:active { color:#1e2764; text-decoration:none;}
#Page #Header a:hover,
#Page #TabNavigation a:hover,
#Page #SmartBanners a:hover { color: #E85B28; }
#Page span.message { color: #E85B28; }
#Page a:hover span.message { color: #1e2764; }
.date { color: #E85B28; }
.clear { clear: both; }

/* #################################################################################################### */
/* STRUCTURE TEMP 1  */
/* #################################################################################################### */

body.template { text-align: center; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#Page { width: 100%; text-align: left; font-size: 1.2em; background-color: #FFF; color: #4d4d4d; /*letter-spacing:0.01em;*/ }

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

#Page #Header { position: relative; left:0; top:0; z-index: 999; background-color:#FFF; width:100%; height: 110px;}
#Page #Header>.wrap {width: 980px; margin: 0 auto; height: 110px; position: relative; z-index: 18;}
#Page #Header a { text-decoration:none; }
/* HEADER LEFT */
#Page #Header #HeaderIdentity { position: absolute; bottom: 28px; left: 15px; }
#Page #Header #HeaderIdentity #Logo { position: absolute; bottom: 0; left: 0; }
#Page #Header #HeaderIdentity #Baseline { position: absolute; left: 165px; bottom: 8px; }
#Page #Header #HeaderIdentity h1 { display: none; }
/* HEADER TOP */
#Page #Header #HeaderTop { font-size: 11px; line-height: 14px; position: absolute; z-index: 1001; top: 0px; right: 0px; }
/* HEADER LINKS */
#Page #Header #HeaderTop #HeaderLinks { float: left; margin-right: 10px; }
#Page #Header #HeaderTop #HeaderLinks ul { list-style: none; padding: 0; margin: 0; }
#Page #Header #HeaderTop #HeaderLinks ul li { list-style: none; padding: 0; margin: 0; }
#Page #Header #HeaderTop #HeaderLinks>ul>li { padding: 0; display: block; float: left; background: url("../images/t1_header_top_separator.png") 100% 0 no-repeat; }
#Page #Header #HeaderTop #HeaderLinks>ul>li>a { display: block; color: #656565; padding: 5px 10px; }
#Page #Header #HeaderTop #HeaderLinks>ul>li>a:focus,
#Page #Header #HeaderTop #HeaderLinks>ul>li>a:hover,
#Page #Header #HeaderTop #HeaderLinks>ul>li:hover>a { color: #E85B28; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu>a { padding-left: 20px; background: url("../images/picto-toggle-arrow-bg.png") 6px -109px no-repeat; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu:hover>a { background-position: 6px -163px; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul a { display: inline-block; font-size: 11px; font-weight: normal; color: #285ba3; margin: 0; padding: 2px 0 3px 10px; background: url("../images/link-arrow-bg.png") no-repeat 0 5px; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul a:focus,
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul a:hover { color: #E85B28; background-position: 0 -245px; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul { display: none; padding: 15px 5px; margin: 0; background-color: #FFF; -moz-box-shadow: 0 2px 5px 1px #BFBFBF; -webkit-box-shadow: 0 2px 5px 1px #BFBFBF; -o-box-shadow: 0 2px 5px 1px #BFBFBF; box-shadow: 0 2px 5px 1px #BFBFBF; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #Header #HeaderTop #HeaderLinks>ul>li.menu.cssonly:hover>ul { display: block; }
#Page #Header #HeaderTop #HeaderLinks #HlUrgencesMenu { position: relative; }
#Page #Header #HeaderTop #HeaderLinks #HlUrgencesMenu>ul { position: absolute; z-index: 1001; top: 24px; left: 0; padding: 10px 15px; width: auto; }
#Page #Header #HeaderTop #HeaderLinks #HlUrgencesMenu>ul a { white-space: nowrap; }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu { }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul { position: absolute; z-index: 1001; top: 24px; right: 15px; width: 600px; }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul>li { display: block; float: left; width: 20%; }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul>li>span,
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul>li>strong { color: #333; margin: 0 15px; font-weight:normal; display:inline-block; }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul>li+li { background: url("../images/t1_main_navigation_col_separator.png") repeat-y 0 0; }
#Page #Header #HeaderTop #HeaderLinks #HlSitesMenu>ul>li>ul { margin: 5px 15px 0; }
/* HEADER SEARCH */
#Page #Header #HeaderTop #HeaderSearch { float: left; }
#Page #Header #HeaderTop #HeaderSearch form { padding-top: 3px; }
#Page #Header #HeaderTop #HeaderSearch input[type=text] { border: 1px solid #CCC; color: #656565; font-size: 11px; margin: 0; height: 14px; padding: 1px 3px; vertical-align: top; -moz-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -webkit-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -o-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -ms-box-shadow: inset 1px 1px 2px 0 #BFBFBF; box-shadow: inset 1px 1px 2px 0 #BFBFBF; }
#Page #Header #HeaderTop #HeaderSearch input[type=image] { margin-right: 12px; }
/* HEADER RIGHT */
#Page #Header #HeaderRight { position: absolute; top: 44px; right: 14px; }
/* HEADER LOGO (SPECIFIC) */
#Page #Header #HeaderRight #HeaderLogo { float: right; }
#Page #Header #HeaderRight #HeaderLogo>img { margin-left: 10px; }
/* HEADER NAVIGATION */
#Page #Header #HeaderRight #HeaderNavigation { float: right; }
#Page #Header #HeaderRight #HeaderNavigation>p { color: #ED5721; font-weight: bold; font-size: 14px; text-transform: uppercase; margin: 2px 0 0; text-align: right; }
#Page #Header #HeaderRight #HeaderNavigation ul,
#Page #Header #HeaderRight #HeaderNavigation ul li { list-style: none; padding: 0; margin: 0; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li { white-space: nowrap; position: relative; background: url("../images/picto-toggle-arrow-bg.png") 20px -163px no-repeat; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li>a { font-size: 11px; line-height: 14px; color: #656565; display: block; padding: 5px 0 10px 35px; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li>a:focus,
#Page #Header #HeaderRight #HeaderNavigation>ul>li>a:hover,
#Page #Header #HeaderRight #HeaderNavigation>ul>li:hover>a { color: #E85B28; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li>ul { display: none; position: absolute; z-index: 19; right: 0; top: 24px; padding: 10px 15px; margin: 0; background-color: #FFF; -moz-box-shadow: 0 2px 5px 1px #BFBFBF; -webkit-box-shadow: 0 2px 5px 1px #BFBFBF; -o-box-shadow: 0 2px 5px 1px #BFBFBF; box-shadow: 0 2px 5px 1px #BFBFBF; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #Header #HeaderRight #HeaderNavigation>ul.cssonly>li:hover>ul { display: block; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li>ul a { display: inline-block; font-size: 11px; font-weight: normal; color: #285ba3; margin: 0; padding: 2px 0 3px 10px; background: url("../images/link-arrow-bg.png") no-repeat 0 5px; }
#Page #Header #HeaderRight #HeaderNavigation>ul>li>ul a:focus,
#Page #Header #HeaderRight #HeaderNavigation>ul>li>ul a:hover { color: #E85B28; background-position: 0 -245px; }
/* HEADER IDENTIFICATIONN */
#Page #Header #HeaderIdentification { position: absolute; z-index:1000; bottom: 33px; right: 15px; }
#Page #Header #HeaderIdentification>p { float: left; margin: 0; padding: 5px; font-size: 12px; }
#Page #Header #HeaderIdentification ul,
#Page #Header #HeaderIdentification ul li { list-style: none; padding: 0; margin: 0; }
#Page #Header #HeaderIdentification>ul { float: left; }
#Page #Header #HeaderIdentification>ul>li:hover,
#Page #Header #HeaderIdentification>ul>li.hoverActive { background-position: 100% -163px; }
#Page #Header #HeaderIdentification>ul>li>ul { display: none; background: #FBFBFB url("../images/login-bg.png") 0 100% repeat-x; overflow: hidden; width: auto; position: absolute; z-index: 1000; right: 0; top: 25px; padding: 0; margin: 0; background-color: #FFF; -moz-box-shadow: 0 2px 5px 1px #BFBFBF; -webkit-box-shadow: 0 2px 5px 1px #BFBFBF; -o-box-shadow: 0 2px 5px 1px #BFBFBF; -ms-box-shadow: 0 2px 5px 1px #BFBFBF; box-shadow: 0 2px 5px 1px #BFBFBF; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #Header #HeaderIdentification>ul>li>ul.active { width:250px; background-image:none; }
#Page #Header #HeaderIdentification>ul.cssonly>li:hover>ul { display: block; }
#Page #Header #HeaderIdentification>ul>li>a { font-weight: bold; display: block; color: #333; text-transform: uppercase; padding: 5px 15px 5px 15px; }
#Page #Header #HeaderIdentification>ul>li>a:focus,
#Page #Header #HeaderIdentification>ul>li>a:hover,
#Page #Header #HeaderIdentification>ul>li:hover>a { color: #E85B28; }
#Page #Header #HeaderIdentification>ul>li>ul>li a { display: inline-block; font-size: 11px; font-weight: normal; color: #285ba3; margin: 0; padding: 2px 0 3px 10px; background: url("../images/link-arrow-bg.png") no-repeat 1px 5px; }
#Page #Header #HeaderIdentification>ul>li>ul>li a:focus,
#Page #Header #HeaderIdentification>ul>li>ul>li a:hover { color: #E85B28; background-position: 1px -245px; }
#Page #Header #HeaderIdentification form { padding: 25px 25px 15px 25px; width: 220px; background: #FFF; border-right: 1px solid #CBCBCB; float: left; overflow: hidden; }
#Page #Header #HeaderIdentification form fieldset { margin: 0; padding: 0; }
#Page #Header #HeaderIdentification form legend { font-weight: bold; font-size: 14px; margin-bottom: 15px; padding:0;}
#Page #Header #HeaderIdentification form input[type=text],
#Page #Header #HeaderIdentification form input[type=password] { border: 1px solid #CCC; color: #656565; font-size: 14px; margin: 0 0 5px; padding: 2px 5px; vertical-align: middle; -moz-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -webkit-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -o-box-shadow: inset 1px 1px 2px 0 #BFBFBF; -ms-box-shadow: inset 1px 1px 2px 0 #BFBFBF; box-shadow: inset 1px 1px 2px 0 #BFBFBF; }
/*#Page #Header #HeaderIdentification form input[type=password] { margin-left: 5px; }*/
#Page #Header #HeaderIdentification form input[type=submit] { cursor: pointer; float:right; height: 27px; vertical-align: middle; margin: 5px 0 0; color: #333; height: 28px; background: url("../images/button-bg.png") 0 50% repeat-x; border: 1px solid #E0E0E0; -ms-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#Page #Header #HeaderIdentification form input[type=submit]:focus,
#Page #Header #HeaderIdentification form input[type=submit]:hover { color: #000; border-color: #CBCBCB; background-position: 0 -44px; }
#Page #Header #HeaderIdentification form ul { margin-top: 5px; }
/*#Page #Header #HeaderIdentification form ul>li { width: 102px; float: left; }
#Page #Header #HeaderIdentification form ul>li+li { width: auto; }*/
#Page #Header #HeaderIdentification>ul>li>ul>li .group { padding: 25px; float: left; }
#Page #Header #HeaderIdentification>ul>li>ul>li .group strong { display: block; font-size: 14px; margin-bottom: 15px; }
#Page #Header #HeaderIdentification>ul>li>ul>li .group a { font-size: 12px; background-position: 1px 6px; }
#Page #Header #HeaderIdentification>ul>li>ul>li .group a:focus,
#Page #Header #HeaderIdentification>ul>li>ul>li .group a:hover { background-position: 1px -244px; }

/* #################################################################################################### */
/* MAIN NAVIGATION  */
/* #################################################################################################### */

#Page #MainNavigation { width: 100%; height: 41px; margin: 0; position: relative; left:0; top:0; z-index: 998; background: transparent url("../images/t1_main_navigation_bg.png") 50% 0 no-repeat; }
#Page #MainNavigation.special { background-image: url("../images/t1_main_navigation_special_bg.png"); z-index: 14; }
#Page #MainNavigation>.wrap { width: 950px; margin: 0 auto; position: relative; }
#Page #MainNavigation>.wrap>ul { margin: 0; padding: 0; float: left; }
#Page #MainNavigation>.wrap>ul.navMenu { width: 170px; margin: 0 7px 0 -4px; float: left; }
#Page #MainNavigation.special>.wrap>ul.mainMenu { width:777px; }
#Page #MainNavigation>.wrap>ul li { display: block; float: left; list-style: none; }
#Page #MainNavigation>.wrap>ul>li { float: none; display: table-cell; vertical-align: middle; height: 41px; }
#Page #MainNavigation>.wrap>ul>li+li { background: url("../images/t1_main_navigation_separator.png") no-repeat 0 0; }
#Page #MainNavigation>.wrap>ul>li a { text-decoration: none; color: #285ba3; }
#Page #MainNavigation>.wrap>ul>li>a { font-size: 11px; line-height: 12px; text-transform: uppercase; padding: 1px 20px 7px 21px; display: table-cell; height: 33px; vertical-align: middle; padding-bottom: 7px; position: relative; z-index: 20; font-weight: bold; }
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>a { /*padding-left:10px; padding-right:9px;*/}
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>a.home { background: url("../images/t1_main_navigation_home.png") no-repeat 19px 9px; padding-left:46px; }
#Page #MainNavigation>.wrap>ul.mainMenu>li.hoverActive>a,
#Page #MainNavigation>.wrap>ul.mainMenu.cssonly>li:hover>a { background: url("../images/t1_main_navigation_hover.png") no-repeat 50% 100%; }
#Page #MainNavigation>.wrap>ul>li>a:hover,
#Page #MainNavigation>.wrap>ul>li>a:focus,
#Page #MainNavigation>.wrap>ul>li>a.active { color: #E85B28; }
#Page #MainNavigation.special>.wrap>ul.mainMenu>li:hover>a.home,
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>a.home:hover,
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>a.home:focus,
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>a.home.active,
#Page #MainNavigation.special>.wrap>ul.mainMenu>li.hoverActive>a.home,
#Page #MainNavigation.special>.wrap>ul.mainMenu.cssonly>li:hover>a.home { background: url("../images/t1_main_navigation_home.png") no-repeat 19px -32px; }
#Page #MainNavigation>.wrap>ul.navMenu>li>a { text-align: right; padding: 0 40px 6px 7px; color: #FFF; width: 123px; background: url("../images/t1_main_navigation_special_first_bg.png") no-repeat 0 0; height: 35px; }
#Page #MainNavigation>.wrap>ul.navMenu>li:hover>a { background-position: 0 100%; }
.ie-7 #Page #MainNavigation>.wrap>ul>li { display: block; float: left; height: auto; overflow:hidden; /* padding-top:10px; height:31px; -> Attention JS */ }
.ie-7 #Page #MainNavigation>.wrap>ul.navMenu>li { width: 170px; float: right; }
.ie-7 #Page #MainNavigation>.wrap>ul>li>a { display: block; height: auto; /* height:31px; -> Attention JS */ }
/* SUB MENU */
#Page #MainNavigation>.wrap>ul>li>ul { position: absolute; padding: 14px 0px; display: none; z-index: 17; background: #FFF; height: auto; -moz-box-shadow: 0 2px 5px 1px #BFBFBF; -webkit-box-shadow: 0 2px 5px 1px #BFBFBF; -o-box-shadow: 0 2px 5px 1px #BFBFBF; -ms-box-shadow: 0 2px 5px 1px #BFBFBF; box-shadow: 0 2px 5px 1px #BFBFBF; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #MainNavigation.special>.wrap>ul.mainMenu>li>ul { width: 763px; }
#Page #MainNavigation>.wrap>ul.navMenu>li>ul { width: 142px; left: 0; right: auto; top: 34px; z-index: 17; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 7px 10px; }
.ie-7 #Page #MainNavigation>.wrap>ul.navMenu>li>ul { left: -39px; top: 35px; background-image: none; }
.ie-8 #Page #MainNavigation>.wrap>ul.navMenu>li>ul { top: 35px; background-image: none; }
#Page #MainNavigation>.wrap>ul.cssonly>li:hover>ul { display: block; }
#Page #MainNavigation>.wrap>ul>li>ul>li { padding: 0; background: none; position: relative; }
#Page #MainNavigation>.wrap>ul.navMenu>li>ul>li { float: none; }
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li+li { background: url("../images/t1_main_navigation_col_separator.png") repeat-y 0 0; }
#Page #MainNavigation>.wrap>ul>li>ul.col-2>li { width: 50%; margin: 0; }
#Page #MainNavigation>.wrap>ul>li>ul.col-3>li { width: 33.33%; margin: 0; }
#Page #MainNavigation>.wrap>ul>li>ul.col-4>li { width: 25%; margin: 0; }
#Page #MainNavigation>.wrap>ul>li>ul.col-5>li { width: 20%; margin: 0; }
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>a { color: #333; font-size: 12px; display: block; margin: 7px 15px 10px; font-weight: bold; padding: 0 0 0 10px; background: url("../images/link-arrow-bg.png") no-repeat 0 4px;}
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>a:focus,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>a:hover { background-position: 0 -246px; color: #E85B28; }
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>span { color: #333; font-size: 12px; display: block; margin: 7px 15px 10px; font-weight: bold; }
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>a+a,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>ul+a,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>span+a,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>a+span,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>ul+span,
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>span+span { margin-top:22px;}
#Page #MainNavigation>.wrap>ul>li>ul>li>a:focus,
#Page #MainNavigation>.wrap>ul>li>ul>li>a:hover { color: #E85B28; }
#Page #MainNavigation>.wrap>ul.mainMenu>li>ul>li>ul+a { margin-top: 15px; }
#Page #MainNavigation>.wrap>ul.navMenu>li>ul>li>a { display: block; padding: 7px 25px 7px 7px; text-align: right; }
#Page #MainNavigation>.wrap>ul>li>ul>li>ul { margin: 7px 15px; padding: 0; clear: both; }
#Page #MainNavigation>.wrap>ul>li>ul>li>ul>li { float: none; display: list-item; margin: 5px 0 10px; padding: 0; }
#Page #MainNavigation>.wrap>ul>li>ul>li>ul>li>a,
#Page #MainNavigation>.wrap>ul.mainMenu>li a.link { display: inline-block; font-size: 12px; font-weight: normal; color: #285ba3; margin: 0; padding: 0 0 0 10px; background: url("../images/link-arrow-bg.png") no-repeat 0 4px; }
#Page #MainNavigation>.wrap>ul>li>ul>li>ul>li>a:focus,
#Page #MainNavigation>.wrap>ul>li>ul>li>ul>li>a:hover,
#Page #MainNavigation>.wrap>ul.mainMenu>li a.link:focus,
#Page #MainNavigation>.wrap>ul.mainMenu>li a.link:hover { background-position: 0 -246px; color: #E85B28; }

#Page #MainNavigation .framed { background-color:#F3F3F3; overflow:hidden; position:relative; padding:10px 10px 3px; margin:0 7px 0 14px; border:1px solid #DDD; -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#Page #MainNavigation .framed h2 { margin:0 0 7px; color:#001A70;}
#Page #MainNavigation .framed p { margin:0 0 7px;}

/* #################################################################################################### */
/* CONTENT  */
/* #################################################################################################### */

#Page #Content { width: 980px; _width: 990px; margin: 0 auto; clear: both; padding: 0; font-size: 1em; line-height: 1.46em; position: relative; }
/*#Page .shadow { display: none; float: left; width: 100%; height: 5px; position: absolute; bottom: -5px; left: 0; z-index: 3; background: url("../images/t1_shadow.png") 50% 0 no-repeat; }*/
.entity { color: #E85B28; font-weight: bold; }
.entity .date { color: #E85B28; display: inline; font-weight: normal; margin-left: 5px; }

/* #################################################################################################### */
/* SMART BANNERS */
/* #################################################################################################### */

#Page #SmartBanners { width: 980px; margin: 0 auto; clear: both; }
#Page #SmartBanners h3,
#Page #SmartBanners p#aVoirEgalement { font-size: 1.6em; font-weight: normal; margin: 0 0 15px 15px; padding-top: 0; width: 950px; border-top: medium none; }
#Page #SmartBanners #SmartBannersContent { padding: 0; position: relative; margin-left: 8px; _margin-left: 2px; }
#Page #SmartBanners .boxSimple { float: left; position: relative; margin: 5px 0 0 7px; }
#Page #SmartBanners .boxSimple .boxCenter { margin: 0; }
#Page #SmartBanners .boxSimple .boxCenterContent { width: 232px; height: 161px; margin: 0; padding: 0; cursor: pointer; position: relative; z-index: 1; }
#Page #SmartBanners .boxSimple .boxCenter p { position: absolute; top: 0px; left: 14px; z-index: 3; font-weight: normal; font-size: 1.2em; text-transform: uppercase; line-height: 1.1em; margin-top:10px; font-weight: bold; cursor: text; }  
#Page #SmartBanners .boxSimple .boxCenter span { display: block; position: absolute; top: 30px; z-index: 2; padding: 0 0 0 14px; font-size: 1.3em; }
#Page #SmartBanners .boxSimple .boxCenter span strong { font-size: 1em; }
#Page #SmartBanners .boxSimple .boxCenter a { display: block; width: 232px; height: 161px; }
#Page #SmartBanners .boxSimple .boxCenter a img { position: absolute; top: 0px; left: 0px; z-index: 1; cursor: pointer; }
#Page #SmartBanners .boxSimple .boxCenter a span.action { display: block; width: 38px; height: 37px; position: absolute; z-index: 5; top: 124px; left: 194px; background: transparent url("../images/arrow_smartbanner.png") 100% 100% no-repeat; _background: transparent url("../images/arrow_smartbanner.gif") 100% 100% no-repeat; padding: 0; margin: 0; }
#Page #SmartBanners .boxSimple .boxCenter a:hover span.action { background-position: 0 100%; }
#Page #SmartBanners .blueBlue p,
#Page #SmartBanners .blueOrange p,
#Page #SmartBanners .blueWhite p { color: #285DA4; }
#Page #SmartBanners .orangeBlue p,
#Page #SmartBanners .orangeOrange p,
#Page #SmartBanners .orangeWhite p { color: #ED7924; }
#Page #SmartBanners .whiteBlue p,
#Page #SmartBanners .whiteOrange p,
#Page #SmartBanners .whiteWhite p { color: #FFF; }
#Page #SmartBanners .blueBlue a span,
#Page #SmartBanners .orangeBlue a span,
#Page #SmartBanners .whiteBlue a span { color: #285DA4; }
#Page #SmartBanners .blueOrange a span,
#Page #SmartBanners .orangeOrange a span,
#Page #SmartBanners .whiteOrange a span { color: #ED7924; }
#Page #SmartBanners .blueWhite a span,
#Page #SmartBanners .orangeWhite a span,
#Page #SmartBanners .whiteWhite a span { color: #FFF; }

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

#Page #Footer { width: 950px; clear: both; float: none; margin: 0 auto; padding: 15px 0 0 0; position: relative; }
#Page #Footer #FooterActions { background: url("../images/t1_footer_actions_top_bg.png") 50% 10px no-repeat; position: relative; padding: 15px 0; }
#Page #Footer #FooterActions div.linksGroup { width: 14.28%; float: left; font-size: 1em; color: #3B3B3B; margin-top: 15px; }
#Page #Footer #FooterActions.col-7 div.linksGroup { width: 14.28%; }
.ie-7 #Page #Footer #FooterActions div.linksGroup,
.ie-7 #Page #Footer #FooterActions.col-7 div.linksGroup { width: 14.26%; }
#Page #Footer #FooterActions.col-6 div.linksGroup { width: 16.66%; }
#Page #Footer #FooterActions.col-5 div.linksGroup { width: 20%; }
#Page #Footer #FooterActions.col-4 div.linksGroup { width: 25%; }
#Page #Footer #FooterActions.col-3 div.linksGroup { width: 33.33%; }
#Page #Footer #FooterActions.col-2 div.linksGroup { width: 50%; }
#Page #Footer #FooterActions.col-1 div.linksGroup { width: 100%; }
#Page #Footer #FooterActions div.linksGroup span { display: block; height: 35px; padding-right: 10px; }
#Page #Footer #FooterActions div.linksGroup ul { margin: 0; padding: 0; }
#Page #Footer #FooterActions div.linksGroup ul li { display: block; font-size: 0.9em; margin: 8px 10px 7px 0; }
#Page #Footer #FooterActions div.linksGroup ul li a:link,
#Page #Footer #FooterActions div.linksGroup ul li a:visited,
#Page #Footer #FooterActions div.linksGroup ul li a:active { color: #777777; text-decoration: none; }
#Page #Footer #FooterActions div.linksGroup ul li a:hover { text-decoration: underline; color: #E85B28; }
#Page #Footer #FooterLinks { font-size: 0.9em; line-height: 1.5; width: 100%; clear: both; padding: 15px 0 7px; }
#Page #Footer #FooterLinks p { float: right; clear: right; margin: 0; }
#Page #Footer #FooterLinks ul { margin: 0 0 7px; padding: 0; }
#Page #Footer #FooterLinks ul li { display: inline; background: url("../images/t1_footer_separator.gif") 0 50% no-repeat; padding: 0 0 0 10px; font-weight: bold; }
#Page #Footer #FooterLinks ul li:first-child { background-image: none; padding-left: 0; }
#Page #Footer #FooterLinks ul li a:link,
#Page #Footer #FooterLinks ul li a:visited,
#Page #Footer #FooterLinks ul li a:active { color: #777777; margin-right: 5px; text-decoration: none; }
#Page #Footer #FooterLinks ul li a:hover { text-decoration: underline; color: #E85B28; }

/* #################################################################################################### */
/* IE 7 et 8 CSS3 (HTC) */
/* #################################################################################################### */

.ie-7 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-7 #Page #Header #HeaderTop #HeaderSearch input[type=text],
.ie-7 #Page #Header #HeaderRight #HeaderNavigation>ul>li>ul,
.ie-7 #Page #Header #HeaderIdentification>ul>li>ul,
.ie-7 #Page #Header #HeaderIdentification form input[type=password],
.ie-7 #Page #Header #HeaderIdentification form input[type=submit],
.ie-7 #Page #MainNavigation>.wrap>ul>li>ul,
.ie-7 #Page #MainNavigation>.wrap>ul.navMenu>li>ul,
.ie-7 #Page #MainNavigation .framed,
.ie-8 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-8 #Page #Header #HeaderTop #HeaderSearch input[type=text],
.ie-8 #Page #Header #HeaderRight #HeaderNavigation>ul>li>ul,
.ie-8 #Page #Header #HeaderIdentification>ul>li>ul,
.ie-8 #Page #Header #HeaderIdentification form input[type=password],
.ie-8 #Page #Header #HeaderIdentification form input[type=submit],
.ie-8 #Page #MainNavigation>.wrap>ul>li>ul,
.ie-8 #Page #MainNavigation .framed { behavior: url("/FRONT/NetExpress/scripts/PIE.htc");zoom:1;  }

.ie-7 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-7 #Page #Header #HeaderTop #HeaderSearch input[type=text],
.ie-7 #Page #Header #HeaderIdentification form input[type=password],
.ie-7 #Page #Header #HeaderIdentification form input[type=submit],
.ie-8 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-8 #Page #Header #HeaderTop #HeaderSearch input[type=text],
.ie-8 #Page #Header #HeaderIdentification form input[type=password],
.ie-8 #Page #Header #HeaderIdentification form input[type=submit] { position:relative; z-index:1; }

.ie-7 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-7 #Page #Header #HeaderRight #HeaderNavigation>ul>li>ul,
.ie-7 #Page #Header #HeaderIdentification>ul>li>ul,
.ie-7 #Page #MainNavigation>.wrap>ul>li>ul,
.ie-8 #Page #Header #HeaderTop #HeaderLinks>ul>li.menu>ul,
.ie-8 #Page #Header #HeaderRight #HeaderNavigation>ul>li>ul,
.ie-8 #Page #Header #HeaderIdentification>ul>li>ul,
.ie-8 #Page #MainNavigation>.wrap>ul>li>ul { /*border:1px solid #DDD;*/filter: progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=0, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=2, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#BFBFBF, Strength=2, Direction=270); }

/* #################################################################################################### */
/* LOADER */
/* #################################################################################################### */

.iswait { background: url('/FRONT/NetExpress/dcc_legacy/france/common/images/indicator.gif') no-repeat; background-position: center; display:block; width: 20px; height: 20px; margin: -20px auto 0px auto; }


/* FNP  */
#Page #Content #Breadcrumb {margin: 0px; padding: 5px 10px 10px; font-size: 0.9em; }
#Page #Content #Breadcrumb a { color: #777777 !important;}
#Page #Content #Breadcrumb a:hover { color: #E85B28 !important;}
#Main h2 {color: #E85B28; font-size: 22px; font-weight: bold;}
.tree {color: #ddd ; float: right;}
.tree-active {color: #E85B28 !important ; float: right; }
.tree:hover{color: #E85B28 }
.pagination-nav {text-align: center;}
.modal h3 {color: #285ba3 !important;}
.widget div .panel-title {color: #333 !important; font-size: 14px;}
.widget ul .list-group-item h4 {font-size: 15px; font-weight: bold;}
.widget ul .list-group-item:hover {color: #fff !important; background: #285BA3}
.status{float: right;  padding-right: 5px;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #D9EDF7;}
thead :first-child { background: #0066a8; color: #fff}
.widget ul li small {color: #ddd !important;}
input {border-radius: 3px !important}
.sub_menu{width: 210px;}

.bs-wizard {margin-top: 40px;}
.input-group input{z-index:0 !important;}
.panel {border-radius: 4px 0px 0px 0px !important;}
.form-group div {padding-bottom: 10px;}
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 24px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.table > tbody > tr.active > td {
    background-color: #0066A8 !important;
    color: #FFF;
}

.captcha { background-image: url("../images/captcha.JPG"); text-align:center; border:none; font-weight:bold; font-family:Modern }
.input-search-width{ width: 155px !important ; }

table.dataTable {
   width: 100% !important; 
}

.dataTables_scrollHeadInner {
    width: auto !important; 
    height: 35px !important;  
}

//li { list-style: none; }

.add_pj { padding: 40px}

.historique {max-height: 350px; overflow-y: auto;}

.info-importantes-top {
    padding: 6px 12px;
    height: 34px;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 8px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);   
    float: inherit;
    margin: auto;
}
 /*******************************************************/
 /*************** Tableau de bord ***********************/
 /*******************************************************/
 
.column{
	width:49%;
	margin-right:.5%;
	min-height:300px;
	background:#fff;
	float:left;
}
.column .dragbox{
	margin:5px 2px  20px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#f0f0f0;
	color:#000;
	border-bottom:1px solid #eee;
	font-family:Verdana;
	cursor:move;
}
.dragbox-content{
	background:#fff;
	min-height:100px; margin:5px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
/*.dragbox h2.collapse{
	background:#f0f0f0 url('../img/collapse.png') no-repeat top right;
}*/
.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}

/* Dashboard */
.home-blockquote{
    box-shadow: 5px 5px 5px -1px #ddd;
    border-radius: 5px;
    border: 1px solid #ddd; 
    padding-bottom: 20px;
}

.dashboard h2 {
  font-size: 14px !important;
  font-weight: unset !important;  
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: right;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-right: 15px solid #ccc;
  border-left: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 0px;
  margin-right: -25px;
  background-color: #337AB7;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-right-width: 0;
  border-left-width: 15px;
  right: -15px;
  left: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-right-width: 0;
  border-left-width: 14px;
  right: -14px;
  left: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body-mini > p,
.timeline-body > ul,
.timeline-body-mini > ul {
  margin-bottom: 0;
}
.timeline-badge i{
   padding-top: 15px; 
}
.timeline-body > p + p,
.timeline-body-mini > p + p{
  margin-top: 5px;
}
.timeline-body {
    display: none;
}

.ul-height .sub_menu {
    height: 120px !important;
}

.font-Medium{ font-size: medium }

.codification{
   border: 1px solid #ddd;
   padding: 7px;
   margin: 10px;
   border-radius: 5px;   
   font-size: 15px;
}

.container_popover {
   font-size: 10px;
}

.codification_popover {
   padding: 2px;
}

#table_list_codif {
    margin: 0 auto;
    clear: both;
    width: 100%;
    table-layout: fixed;
}

.auto-height {
    min-height: 34px;
    height: auto;
    overflow: auto;
}

.select-hidden { display: none ; }

.select-btn {
    border:1px solid #ccc;
    height: 34px;
}

.bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 0;}
.bottomright {position:absolute; bottom:0;  margin-bottom:7px; margin:7px; right: 0;}
.bottomleft {position:absolute; bottom:0;  margin-bottom:7px; left: 100px;}
  
/************* CSS MODULE AIDE *****************/

.group-fab{
    height: auto;
    position: fixed;
    bottom: 50px;
    right: 20px;
    cursor: pointer;
}
.fab{
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 15px;
    background-color: #0066a8; 
    color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.samll-fab-edit{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 12px;
    background-color: #5cb85c;
    color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    display: none;
    margin-bottom: 10px;
    margin-left: 3px;
}

.samll-fab-view{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 12px;
    background-color: #e85b28;
    color: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    display: none;
    margin-bottom: 9px;
    margin-left: 3px;
}       
.fab i{
    margin-left: 21px;
    margin-top: 13px;
    font-size: 25px !important;
}
.samll-fab-edit span{ 
    margin: 14px;
}
.samll-fab-view span{ 
    margin: 14px;
}    
#draggable-aide{
    position: fixed;
    bottom: -2px;
    right: 80px;
    z-index: 1000;
    width: 790px;

    	
}

.draggable-aide-big{
    width: 70% !important ;
    left: 15% !important;
    right: 15% !important;
    top: 50px;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    transform:translateY(0px) -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;	

}

#draggable-aide .modal-content .modal-header {
  background-color: #e85b28;
  color: #ffffff;
}
.action-aide{
    float: right;  
    font-size: 15px;
    cursor: pointer;
}
#action-draggable{
   cursor: move; 
}
.bg-big-aide{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
    
}  

.Dropdown{ height: auto !important;}
#draggable-aide .modal-content .loading{
    margin-left: 46%;
    font-size: 65px;
    padding: 5%; 
}
#alert-aide div{
    width: 600px;
    margin: auto;
    margin-top: 20px
}
.aide-modal-tabs{
    margin-top: 10px;
}

#modal-body-aide{
    overflow-x: auto;
    max-height: 700px;
}

.filter-etat {
    width: 475px !important;
}

.marginTop-10px {
    margin-top: -10px !important;
}