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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1px}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

body { 
   color: #000;
   text-align:center;
   background-color: #dadada;
   /*font:0.75em/1.4em  Arial,Helvetica,Sans-Serif; */
   font:0.8em/1.4em  Tahoma,Arial,Helvetica,Sans-Serif;
}

h1 {
   color: #098CDB;
   font-size: 2.0em;
   line-height: 1.1em;
   margin:10px 0;
}

h2 {
   color: #272727;
   font-size: 1.5em;
   line-height: 1.1em;
   margin:10px 0;
}

h3 {
   color: #098CDB;
   font-size: 1.3em;
   line-height: 1.1em;
   margin:10px 0;
}

#container {
   width:997px;
   margin: 0 auto;
   text-align:left;
   background-color: #fff;
   position:relative;
}

#contenuPrincipal {
   background-color: #fff;
   float:left;
}

#leftDiv {
   float:left;
   width:197px;
   margin: 0;
}

#rightDiv {
   float:left;
   width:800px;
   margin: 0;
}

#header {
   background-color: #272727;
   float:left;
}

#contenu {
   float:left;
   background-color: #fff;
   margin:20px 0 20px 20px;
   width:740px;
}

#contenu a {
   color: #FF4111;
}

#contenu a:hover {
   text-decoration:none;
}

#contenu p {
   margin:5px 0;
}

#contenu h2 {
   color:#098CDB;
   font-size: 1.2em;
   line-height: 1.1em;
   margin:3px 0 7px;
}

/* style pour messages de succes */
#contenu h4 {
   color:#237700;
   font-size: 1.0em;
   width:99%;
   border:solid 1px #95D37A;
   /*background-color: #E5EFE1;*/
   padding-left:5px;
   margin:10px 0 10px;
}

/* style pour messages d'avertissement */
#contenu h5 {
   color:#EE4000;
   font-size: 1.0em;
   width:99%;
   border:solid 1px #ED845E;
   /*background-color: #FFDCD1;*/
   padding-left:5px;
   margin:10px 0 10px;
}

/* style pour messages d'erreur */
#contenu h6 {
   color:#F22900;
   font-size: 1.0em;
   width:99%;
   border:solid 1px #EDA89C;
   /*background-color: #FFE8E5;*/
   padding-left:5px;
   margin:10px 0 10px;
}

/*style pour les tableaux de donnees*/
.data {
   border-bottom:1px solid #DAEEFA;
   width:100%;
}

.data th {
   background:#098CDB url(../images/bg_button.gif) repeat-x top;
   color:#fff;
   font-weight: bold;
   margin:2px;
   padding:2px 5px;
   border-right:1px solid #fff;
}

.data td {
   margin:2px;
   padding:2px 5px;
   border-right:1px solid #fff;
}

.altRow {
   background-color: #F6F9FF;
}

.ariane {
   font-size:90%;
   margin-bottom:10px;
}

.btn_bleu {
   color:#fff;
   font-weight:normal;
   font-size: 10pt;
   background:#098CDB url(../images/bg_button.gif) repeat-x top;
   border:0;
   margin:8px 0;
   padding:2px;
   cursor:hand;
}

#menu {
   /*background: #fff url(../images/bg_menu.jpg) repeat-x top;*/
   padding:10px 4px 10px 6px;
}

#menu h2 {
   color:#098CDB;
   font-size: 90%;
   margin-bottom: 1px;   
}

#menu h6 {
   color:#F22900;
   font-size: 100%;
   margin-top:5px;
   margin-bottom:5px;
   font-weight:bold;
   width:95%;
   border:solid 1px #EDA89C;
   /*background-color: #FFE8E5;*/
   padding-left:4px;
}

#menu p {
   /*margin:0 10px 20px 0;*/
   font-size:85%;
}

#menu p label {
   font-size: 120%;
}

#menu a {
   color:#FF4111;
   font-size:120%;
   line-height:22px;
}

#menu a:hover {
   text-decoration:none;
}

#menuPrincipal {
   background-color: #272727;
   color:#fff;
   float:left;
   padding:4px 0;
   margin:0;
}

#menuPrincipal ul {
   display: inline;
   list-style-type: none;
}

#menuPrincipal ul li {
   display: inline;
}

#menuPrincipal ul li a {
   margin:0;
   float:left;
   padding:0px 5px 0px 10px;
   color:#fff;
   text-decoration:none;
   border-right: 1px solid #fff;
   display:inline;
}

#menuPrincipal a:hover {
   color:#098CDB;
   text-decoration:none;
}

#menuPrincipal li.current a {
   font-weight:normal;
   color:#098CDB
}

/*-----------------------------------
  IMAGE LINKS
-----------------------------------*/
.imgLink {
   margin:0;
   padding:0;
   vertical-align: middle;
   cursor:hand; 
}

.imgLink img {
   width: 24px;
   height: 24px;
   float: left;
   position: relative;
   top: 0px;
}

.imgLink span {
   line-height: 24px;
   float: left;
   position: relative;
   vertical-align: middle;
   top:0px;
}

/*-----------------------------------
  TOP MENU
-----------------------------------*/
#topNav {
    width:100%;
    height:31px;
    text-align:right;
    font-family:Arial,Helvetica,Sans-serif;
}

#topNav * {
    text-align:left;
}

#topNav div,
#topNav span {
    display: block;
}

#topMenuLeft li:first-child ul { 
    white-space: nowrap; 
    /*width: 25em !important; */
}

#topMenuRight { 
    float: right;
}

#topMenu * { 
    vertical-align: middle; 
}	

#topMenu img {
    float:left;
    padding: 0 4px 5px 0;
}

#topMenu {
    position: relative;
    z-index: 999;
    padding: 0px 2px 0px 4px;
    float: left;
    width: 794px;
    height: 31px;
    font-size: 8pt;
    background: url(../images/topmenu_bg.jpg) repeat-x;
}	

#topMenu a,
#topMenu a:visited,
#topMenu a:active 
{
    color: #000;
    text-decoration:none;
}

#topMenu>ul>li.current {
    background: url(../images/topmenu_bg_h.jpg) repeat-x;
}

#topMenu>ul>li, 
#topMenu>ul>li>span>a,
#topMenu>ul>li>span>a:visited,
#topMenu>ul>li>span>a:active {
    color: #FFF;
    font-weight:bold;
}

#topMenu ul li, 
#topMenu ul li span a,
#topMenu ul li span a:visited,
#topMenu ul li span a:active {
    color: #FFF;
}

#topMenu>ul>li>ul>li {
    text-transform: none;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}		

#topMenu ul li ul li a,
#topMenu ul li ul li a:visited,
#topMenu ul li ul li a:active {
    color: #000;
}	

.topMenuGrp, .topMenuGrp * {
    margin:0;
    padding:0;
    list-style:none;
}

.topMenuGrp {
    line-height:1.1;
    float:left;
    margin-bottom:1em;
}

.topMenuGrp ul {
    position:absolute;
    top:-999em;
    width:9em; /* left offset of submenus must match (see below) */
}

.topMenuGrp ul li {
    width:140%;
}

.topMenuGrp li:hover {
    visibility:inherit; /* fixes IE7 sticky bug */
}

.topMenuGrp li {
    float:left;
    position:relative;
    background:transparent;
}

.topMenuGrp a {
    display:block;
    position:relative;
}

.topMenuGrp li:hover ul {
    left:0;
    top:2.5em; /* 2.5em match top ul list item height */
    z-index:99;
}

ul.topMenuGrp li:hover li ul {
    top:-999em;
}

ul.topMenuGrp li li:hover ul {
    left:9em; /* match ul width */
    top:0;
}

ul.topMenuGrp li li:hover li ul {
    top:-999em;
}

ul.topMenuGrp li li li:hover ul {
    left:9em; /* match ul width */
    top:0;
}

.topMenuGrp span {
    padding: .75em .75em;
    text-decoration:none;
}

.topMenuGrp a, 
.topMenuGrp a:visited  { /* visited pseudo so IE6 applies text colour */
    color:#13a;
}

.topMenuGrp li li {
    background:#fffff7;
    line-height:11pt;
}

.topMenuGrp ul>li,
.topMenuGrp ul>li ul>li
{
    border-left: 1px solid #b0b1a7;
    border-right: 1px solid #b0b1a7;
    border-bottom: 1px solid #b0b1a7;
}

.topMenuGrp>li:hover, 
.topMenuGrp>li>a:focus, 
.topMenuGrp>li>a:hover, 
.topMenuGrp>li>a:active {
    background:url(../images/topmenu_bg_h.jpg);
    outline:0;
}

.topMenuGrp ul>li:hover, 
.topMenuGrp ul>li>a:focus, 
.topMenuGrp ul>li>a:hover, 
.topMenuGrp ul>li>a:active {
    background:#e2eaed;
    color:#FFF;
    outline:0;
}

.topMenuGrp ul>li>ul>li:hover, 
.topMenuGrp ul>li>ul>li>a:focus, 
.topMenuGrp ul>li>ul>li>a:hover, 
.topMenuGrp ul>li>ul>li>a:active {
    background:#e2eaed;
    outline:0;
}

.topMenuGrp ul>li>ul>li>ul>li:hover, 
.topMenuGrp ul>li>ul>li>ul>li>a:focus, 
.topMenuGrp ul>li>ul>li>ul>li>a:hover, 
.topMenuGrp ul>li>ul>li>ul>li>a:active {
    background:#e2eaed;
    outline:0;
}

/*-----------------------------------
  SIDEBAR
-----------------------------------*/
.sidebar
{
    margin-left: 0px;
    width: 193px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-image: url(../images/sidebar_bg.jpg);
    background-repeat: repeat-y;
}

.sidebar .sidebarHeader
{
    background-image: url(../images/sidebar_header.jpg);
    border-width:0px;
    height: 20px;
    background-repeat: no-repeat;
    font-size:9pt;
    font-weight:bold; 
    font-variant:small-caps;
    color:#488CC9;
    padding:2px 0 0 4px;
}

.sidebar .sidebarFooter
{
    background-image: url(../images/sidebar_footer.jpg);
    height: 15px;
    background-repeat: no-repeat;
}

.sidebar .sidebarContent
{
    text-align: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 12px;
    line-height: 20px;
}

.formulaire {
    margin:20px 0;
}

.formulaire td {
   padding:3px;
   vertical-align: middle;
}

#piedPage {
   width:997px;
   float:left;
   clear:both;
   padding-top:30px;
   background-color: #fff;
}

#piedGauche {
   background-color: #098CDB;
   width:197px;
   float:left;
   color:#fff;
   height:125px;
   padding: 20px 0;
}

#piedGauche h4 {
   margin:0 10px 20px 10px;
}

#piedGauche a {
   color:#fff;
   margin:0 10px 20px 10px;
}

#piedGauche a:hover {
   text-decoration:none;
}

#piedDroit {
   float:left;
   width:800px;
   border-top:1px solid #DAEEFA;
}

#piedDroit h4 {
   color:#098CDB;
   font-size: 120%;
   margin-bottom: 10px;
}

p.copyright {
   text-align:center;
   margin-top:5px;
   font-size:80%;
}

.mission {
   float: left;
   width:280px;
   padding: 20px 20px 0 20px;
   text-align:left;
}

.partenaires {
   float:left;
   width:440px;
   margin: 15px 0;
}

tt {
   color: orangered;
   font-size: 120%;
   font-weight: bold;
}

.errval {
   color:#F22900;
   font-weight: bold;
}

.tabActive {
   background-color:#F3F3F3;
   color:#098CDB;
   border:solid 1px #C2CFD6;
   border-bottom:none; 
   padding:4px;
   margin-right:1px;
   text-align:center;
   cursor:hand;
}

.tabInactive {
   color:#9AC0D6;
   border:dotted 1px #C2CFD6;
   border-bottom:none; 
   padding:4px;
   margin-right:1px;
   text-align:center;
   cursor:hand;
}

.tabPageActive {
   display:block;
   border:solid 1px #C2CFD6; 
   padding:10px;
   margin-top:3px;
}

.tabPageHidden {
   display:none;
}