/*--------------------------------------------------------------------------------*/
/* FONTES */
/*--------------------------------------------------------------------------------*/
/*
  Coq rouge: #E92D2E
  Coq bleu : #0079BC (ou 3A80C2 ??)
  Coq jaune: #FEB914
}
*/
@font-face {
  font-family: 'DrescherGroteskBT-SmallSizes';
  src: url('../fonts/2C2292_0_0.eot');
  src: url('../fonts/2C2292_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/2C2292_0_0.woff'      ) format('woff'),
       url('../fonts/2C2292_0_0.ttf'       ) format('truetype');
}





/*--------------------------------------------------------------------------------*/
/* balises standards */
/*--------------------------------------------------------------------------------*/


body {
  background-color: #FFFFFF;
  margin: 10px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 100%; 
  color: #0A0A0A;
	letter-spacing: 0.1px;
}
p,div,table {font-size: 12px; }
p {margin-bottom: 10px;}
a {text-decoration: none; color: #0079BC;}
a:hover {color: #883A60;}

blockquote {
  margin-left: 50px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0A0A0A;
    font-family: DrescherGroteskBT-SmallSizes, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 15px 0px;
    text-transform: uppercase;
}
h1 {
  /*color: #883A60;*/
  font-size: 28px;
  display: block;
}
h2 {font-size: 24px; text-transform: none; }
h3 {font-size: 20px; text-transform: none; margin: 20px 0px 5px 0px;}
h3 div {font-size: 20px; text-transform: none; margin: 20px 0px 5px 0px;}
h3:first-child {margin-top: 0px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
h1 span {  color: #E92D2E}
h2 span {  color: #E92D2E}
h3 span {  color: #E92D2E}

h1 a {text-decoration: none;}

h1 img {
  float: left; 
  margin-right: 20px;
  width: 140px;
}

hr {
  height : 2px;
  background: #CCCCCC;
  border: none;
  margin-bottom: 10px;
}

ul {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 15px;
  padding: 0px 0px 0px 20px;
}
ul ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: circle;
}


ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 15px;
  padding: 0px 0px 0px 20px;
}



div.reset {
  clear: both;
}


.cmtr {color: #888888;}
.notworking {background: #FF5555;}
.warning {color: #FF5555;}
.db_id {
 color: #0000CC; 
 font-weight: bold;
 text-align: right;
}
/*--------------------------------------------------------------------------------*/
/* balises  */
/*--------------------------------------------------------------------------------*/

div.body_centering {
  width: 1250px; 
  margin: auto;
}



/*--------------------------------------------------------------------------------*/
/* Colonnes du layout  */
/* largeur max 1250 */
/*  COLONNES ET BLOCS */
/*--------------------------------------------------------------------------------*/


/*  DEJA DANS STYLE_V2.CSS !!! */

div.col_content {
  float: left;
  margin: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 950px;
  xbackground: #CCCCCC;
}

div.col_menu {                                                                                                                                                                  
  width: 230px;
  float: left;
  margin: 0px 30px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  xbackground: #CCCCCC;
  xdisplay: table-cell;
}




div.col_1_4 {
  width: 230px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  xbackground: #CC0000;
  overflow: hidden;
}
div.col_2_4 {
  width: 465px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  xbackground: #CC0000;
}
div.col_3_4 {
  width: 710px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  xbackground: #00CC00;
}
div.col_4_4 {
  margin: auto;
  float: left;
  xmargin: 0px 10px 10px 0px;
  padding: 0px;
}
div.col_1_4:last-child {margin: 0px 0px 10px 0px;}
div.col_2_4:last-child {margin: 0px 0px 10px 0px;}
div.col_3_4:last-child {margin: 0px 0px 10px 0px;}
div.col_4_4:last-child {margin: 0px 0px 10px 0px;}

div.admin div.col_1_4 {background-color: #DDDDDD; }

div.col_1_3 {
  width: 310px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  xborder: dashed 1px #00CC00;
}
div.col_2_3 {
  width: 630px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  xborder: dashed 1px #0000CC;
}
div.col_1_3:last-child {margin: 0px 0px 0px 0px;}
div.col_2_3:last-child {margin: 0px 0px 0px 0px;}


div.col_1_2 {
  width: 483px;
  float: left;
  margin: 0px 6px 0px 0px;
  padding: 0px;
}
div.col_1_2:last-child {margin: 0px 0px 0px 0px;}



/*--------------------------------------------------------------------------------*/
/* MENU GAUCHE  */
/*--------------------------------------------------------------------------------*/


div.bloc_menu {
/*  font-family: DrescherGroteskBT-SmallSizes; */
  font-family: 'DrescherGroteskBT-SmallSizes';
  margin: auto;
  margin: 0px 0px 30px 0px;
}

.bloc_menu_selected {
  background: #DDDDDD;
}

div.bloc_menu h2 {
  border-top: solid 3px #0A0A0A;
  border-bottom: solid 1px #555555;
  padding: 5px 0px 5px 0px;
  margin-bottom: 0px;
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
}
/*
div.bloc_menu p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 1px #555555;
  text-transform: uppercase;
  xbackground: #CC0000;
}
*/
div.bloc_menu a {
  color: #0A0A0A;
  text-decoration: none;
  margin: auto;
  display: block;
  padding: 6px 0px 6px 0px;
  font-size: 11px;
}
div.bloc_menu a:hover {
  background: #DDDDDD;
}

div.bloc_menu blockquote {
  margin-left: 15px;
}

div.bloc_menu ul {
  border-bottom: solid 1px #555555;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type:none;
}
div.bloc_menu li {
  border-top: solid 1px #555555;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
}

div.bloc_menu ul ul {
  margin: 0px 0px 0px 0px;
  border-bottom: none;
  border-top: solid 1px #555555;
  display: none;
}

div.bloc_menu ul ul li{
  margin: 0px 0px 0px 15px;
}
div.bloc_menu ul ul li:first-child {
  border-top: none;
}



div.bloc_menu_search {
  border-bottom: solid 3px #0A0A0A;
  padding: 5px 0px 5px 0px;
  margin-bottom: 0px;
}
div.bloc_menu_search input {
  margin: auto;
  width: 99%;
  border: solid 1px #999999;
  background: #EEEEEE;
}
div.bloc_menu_search h2 {
  border-top: solid 3px #0A0A0A;
  padding: 5px 0px 5px 0px;
  margin-bottom: 0px;
  text-transform: none;
  font-size: 14px;
}


/*--------------------------------------------------------------------------------*/
/* onglets */
/*--------------------------------------------------------------------------------*/
div.onglet_sep {
  padding: 3px;
  margin: 0px;
  border-left:  solid 2px #FFFFFF;
  border-top :  solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  border-bottom: solid 2px #CCCCCC;
  float: left;
  display: table-cell;
  border-top-left-radius : 10px;
  border-top-right-radius: 10px;
}
div.onglet_0 {
  padding: 3px 10px 3px 10px;
  margin: 0px;
  border: solid 2px #CCCCCC;
  float: left;
  display: table-cell;
  border-top-left-radius : 10px;
  border-top-right-radius: 10px;
}
div.onglet_1 {
  padding: 3px 10px 3px 10px;
  margin: 0px;
  border-left:  solid 2px #CCCCCC;
  border-top :  solid 2px #CCCCCC;
  border-right: solid 2px #CCCCCC;
  border-bottom: none;
  float: left;
  display: table-cell;
  border-top-left-radius : 10px;
  border-top-right-radius: 10px;
}
div.onglets_farde {
  padding: 3px;
  margin: 0px;
  margin: auto;
  border-left:  solid 2px #CCCCCC;
  border-top :  none;
  border-right: solid 2px #CCCCCC;
  border-bottom: solid 2px #CCCCCC;
  float: left;
  display: table-cell;
  margin: auto;
}



/*--------------------------------------------------------------------------------*/
/* HEADER  et footer  */
/*--------------------------------------------------------------------------------*/

div.bloc_menu_banner { 
  
}

div.bloc_menu_banner div {
  border: solid 1px #CCCCCC;
  text-align: center;
  vertical-align: middle;
  padding: 4px 2px 2px 1px;
  margin: 0px 0px 6px 0px;
  overflow: hidden;
}
div.bloc_menu_banner div:hover {
  border: solid 1px #888888;
  background-color: #DDDDDD;
}

div.bloc_menu_banner a {
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  text-decoration: none;
}


div.bloc_menu_banner img {
  margin: 0px 0px 0px 0px;
  border: none;
  width: 210px;
  max-height: 70px;
}



div.page_header {
  background: #DDDDDD;
  height: 12px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 10px 0px 10px 0px;
  margin-bottom: 0px;
}
div.page_header a{
  color: #0A0A0A;
}
div.page_header a:hover{
  color: #0079BC;//
}
div.page_header img{
  border: none;
}

div.page_footer {
  margin-top: 50px;
  padding-top: 20px;
  background: #EEEEEE;
  display: table-cell;
  font-family: DrescherGroteskBT-SmallSizes;
  font-size: 10px ;
}
div.page_footer p {
  padding-left: 20px;
}
div.page_footer a {
  color: #0A0A0A;
  font-family: DrescherGroteskBT-SmallSizes;
  text-decoration: none;
  font-size: 10px;
}

div.page_footer img {
 border: none; 
}
/*--------------------------------------------------------------------------------*/
/* bloc navigation et breadcumb  */
/*--------------------------------------------------------------------------------*/

div.breadcrumb {
  margin: 0px 0px 20px 0px;
  padding: 2px 7px 2px 7px;
  background: #EEEEEE;
}


div.page_navi_top {
  margin: auto; 
  border: solid 1px #CCCCCC; 
  border-radius: 8px;
  text-align: center;
  margin: 5px 20px 20px 20px; 
  padding: 10px 5px 10px 30px; 
  background: #FFFFFF;
  background-image: url('http://enseignement.be/img/blocnavi_arrow.gif');
  background-repeat: no-repeat;
  background-position: 5px 8px;
  line-height: 25px;
}
div.page_navi_top a {
  margin: 5px; padding: 5px; 
  background: #EEEEEE;
}
div.page_navi_top a:hover {
  margin: 5px; padding: 5px; 
  background: #0079BC;
  color: #FFFFFF;
}

div.page_navi_bot {
  margin: auto; 
  border: solid 1px #CCCCCC; 
  border-radius: 8px;
  text-align: center;
  margin: 5px 20px 20px 20px; 
  padding: 5px 5px 5px 5px; 
  background: #FFFFFF;
  line-height: 25px;
}
div.page_navi_bot a {
  margin: 5px; padding: 5px; 
  background: #EEEEEE;
}
div.page_navi_bot a:hover {
  margin: 5px; padding: 5px; 
  background: #0079BC;
  color: #FFFFFF;
}




/*--------------------------------------------------------------------------------*/
/* HOMEPAGE  */
/*--------------------------------------------------------------------------------*/
div.content_separ {
  border-top: solid 3px #0A0A0A;
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

div.content_title {
  border-top: solid 3px #0A0A0A;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  text-transform: none;
  font-size: 22px;
  font-weight: bold;
  font-family: DrescherGroteskBT-SmallSizes;
}
div.content_title a {
  color: #0A0A0A;
}
div.content_title a:hover {
  color: #2A6ECC;
}


div.hp_navi {
  background: #0079BC;
  margin: auto;
  margin-bottom: 40px;
  padding: 10px;
  color: #FFFFFF;
  font-size: 11px;
}
div.hp_navi p {
  text-transform: uppercase;
  padding: 6px 0px 6px 0px;
  border-bottom: dotted 1px #FFFFFF;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  
}
div.hp_navi p.titre {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: solid 1px #FFFFFF;
  margin: 0px 0px 0px 0px;
  /* height:30px; */
}

div.hp_navi p.titre a{
  padding: 6px 0px 6px 0px;
  font-size: 12px;
}
div.hp_navi a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 6px 0px 6px 0px;
  font-size: 11px;
}
div.hp_navi a:hover {
  background: #FFFFFF;
  color: #2A6ECC;
}

div.hp_news {
  xbackground: #cce4f2; /* bleu clair dragée presucée */
  background: #E8E8E8;
  cce4f2
  margin: auto;
  margin-bottom: 10px;
  padding: 10px;
}

div.hp_news last-child {margin: 0px 0px 0px 0px;}

div.hp_news_titre {
  color: #0079BC;
  font-weight: bold;
  font-size: 13px;
}
div.hp_news_titre span{
  font-weight: normal;
}

div.hp_news p {
  margin: 5px 0px 0px 0px;
  line-height: 120%;
}
div.hp_news p.more {
  text-align: right;
  margin: 5px 0px 0px 0px;
  font-size: 10px; 
  color: #0A0A0A;
}
div.hp_news p.more a {
  color: #0079BC;
  padding-left : 5px;
  padding-right: 5px;
  background: #FFFFFF;
}
div.hp_news p.more a:hover {
  color: #FFFFFF;
  background: #0079BC;
}

div.hp_news img {
  margin: 0px 0px 0px 0px;
  max-height: 70px;
  max-width: 210px;
  xborder: solid 1px #CC0000;
  max-height: 70px;
}

div.hp_news div {
  height: 74px;
  background-color: #FFFFFF;
  text-align: center;
  padding:2px 0px 2px 0px;
  margin: 0px 0px 10px 0px;
}


div.hp_choix {
  width: 240px;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  border: solid 5px #CCCCCC;
  cursor: pointer;
  border-radius            : 8px;
  
}
div.hp_choix:hover {
  border-color: #0079BC;
}


/*--------------------------------------------------------------------------------*/
/* cadres  et pastilles */
/*--------------------------------------------------------------------------------*/
div.cadre_attention {
  min-height: 50px;
  margin: auto;
  margin: 0px 00px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 55px;
  border: solid 5px #CC0000;
  color: #CC0000;
  background-color: #FFFFFF;
  background-image: url('http://enseignement.be/img/cadre_attention.gif');
  background-repeat: no-repeat;
  background-position: 5px 0px;
  overflow: hidden;
  border-radius    :8px;
}
div.cadre_attention a       {color: #CC0000; border-bottom: dashed 1px #CC0000;}
div.cadre_attention a:hover {color: #CC0000; border-bottom:  solid 1px #CC0000; text-decoration: none;}

div.cadre_idee{
  min-height: 50px;
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 55px;
  border: solid 5px #e9b61e;
  background-color: #FFFFFF;
  color: #0A0A0A;
  background-image: url('http://enseignement.be/img/cadre_ampoule.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
  border-radius    :8px;
}

.cadre_rss{
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 50px;
  background-image: url('http://enseignement.be/img/icone_rss_m.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  border: solid 5px #FF9200;
  color: #ff9200;
  overflow: hidden;
  border-radius                     : 8px;
}
.cadre_rss a{
  color: #ff9200;
  border-bottom: dashed 1px #ff9200;   
 }
.cadre_rss a:hover{
  border-bottom: solid 1px #ff9200;   
 }



div.cadre_question {
  min-height: 50px;
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 55px;
  border: solid 5px #0079BC;
  color: #0A0A0A;
  background-color: #FFFFFF;
  background-image: url('http://enseignement.be/img/cadre_question.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
  border-radius    :8px;
}


div.cadre {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: dashed 1px #CCCCCC;
  color: #0A0A0A;
  background-color: #FFFFFF;
  background-image: url('http://enseignement.be/img/cadre_question.gif');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
  border-radius    :8px;
}


div.cadre_banner{
  min-height: 50px;
  text-align: center;
  margin: auto;
  margin: 0px 0px 10px 0px;
  padding: 5px 5px 5px 5px;
  border: dashed 1px #CCCCCC;
  overflow: hidden;
  font-size: 250%; color: #5287BD; 
  font-weight: bold;
  border-radius     : 8px;
}



div.cadre_website {
  min-height: 50px;
  height: 60px;
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: solid 5px #0079BC;
  background-color: #FFFFFF;
  color: #0A0A0A;
  overflow: hidden;
  border-radius    :8px;
  line-height: 30px;
}
div.cadre_website div {
  float: left;
  height: 60px;
  overflow: hidden ;
}
div.cadre_website img {
  margin: 2px 10px 2px 2px;
}

div.cadre_adresse{
  min-height: 50px;
  width: 275px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 50px;
  background-image: url('http://enseignement.be/img/cadre_adresse.gif');
  background-repeat: no-repeat;
  background-position: top left;
  border: dashed 1px #CCCCCC;
  overflow: hidden;
  border-radius                     : 6px;
  -moz-border-radius-topleft        : 6px;
  -moz-border-radius-topright       : 6px;
  -moz-border-radius-bottomleft     : 6px;
  -moz-border-radius-bottomright    : 6px;
  -webkit-border-top-left-radius    : 6px;
  -webkit-border-top-right-radius   : 6px;
  -webkit-border-bottom-left-radius : 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.cadre_citation{
  width: 500px;
  text-align: left;
  font-style: italic;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 50px;
  background-image: url('http://enseignement.be/img/cadre_citation.gif');
  background-repeat: no-repeat;
  background-position: top left;
  border: dashed 1px #CCCCCC;
  overflow: hidden;
  border-radius                     : 6px;
  -moz-border-radius-topleft        : 6px;
  -moz-border-radius-topright       : 6px;
  -moz-border-radius-bottomleft     : 6px;
  -moz-border-radius-bottomright    : 6px;
  -webkit-border-top-left-radius    : 6px;
  -webkit-border-top-right-radius   : 6px;
  -webkit-border-bottom-left-radius : 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.cadre_documents{
  width: 600px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 50px;
  background-image: url('http://enseignement.be/img/cadre_documents.gif');
  background-repeat: no-repeat;
  background-position: top left;
  border: dashed 1px #CCCCCC;
  overflow: hidden;
  border-radius                     : 6px;
}

div.page_alerte_intranet_0 {
  display: none;
}
div.page_alerte_intranet_1 {
  display: '';
  background: #CC0000;
  color: #FFFFFF;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 10px;
}


div.cadre_infos_gestion {
  margin: auto;
  margin: 10px 0px 10px 0px;
  text-align: left;
  padding: 10px 10px 10px 10px;
  color: #FFFFFF;
  background-color: #CC0000;
  width: 1190px;  
}
 

div.step {
  font-size: 16px;
  font-weight: bold;
  display: inline;
  padding: 0px 6px 0px 6px;
  color: #FFFFFF;
  background: #222222;
  border: solid 1px #222222;
  border-radius: 8px;
  vertical-align: top;
  margin-right: 5px;
}


div.cadre_exergue {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: solid 5px #E5E5E5;
  background-color: #E5E5E5;
  border-radius    :8px;
}

div.cadre_exergue ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  list-style-type: circle;
}

div.cadre_tdm {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: solid 5px #DDDDDD;
  background-color: #DDDDDD;
  border-radius    :8px;
}

div.cadre_tdm ul {
  list-style-type: none;
  margin-left: 15px;
  padding-left: 5px;
  border-left: none;
}
div.cadre_tdm ul ul {
  list-style-type: none;
  margin-left: 15px;
  padding-left: 5px;
  border-left: solid 1px #FFFFFF;
}


/*--------------------------------------------------------------------------------*/
/* INFOBULLE  */
/*--------------------------------------------------------------------------------*/

a.infobulle {
  font-size: 12px !important;
  font-weight: normal !important;
}
a.infobulle:hover , a.infobulle:focus {
  background:rgba(0,0,0,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.4);
}
a.infobulle span{
  position:absolute;                
  margin-top: 23px;
  margin-left:-35px;
  margin-right:20px;
  color:#0A0A0A;
  background:#EEEEEE;
  padding: 10px;
  border-radius:3px;
  box-shadow:0 0 4px rgba(0,0,0,1);
  transform:scale(0) rotate(-12deg);
  transition:all .25s;     
  font-size: 12px;
}

a.infobulle:hover span, a.infobulle:focus span{
  transform:scale(1) rotate(0);   
  opacity:1;
}

a.infobulle img {
  vertical-align: middle; 
  height:12px;
}

/*--------------------------------------------------------------------------------*/
/* GLOSSAIRE  */
/*--------------------------------------------------------------------------------*/

div.page_body_glossaire p {
  font-size: 11px !important; 
  font-style: italic !important;
}

ul.page_body_glossaire {
  font-size: 10px; 
  font-style: italic;
  list-style-type: none;
  margin: 40px 0px 0px 0px;
  padding: 0px;
}

ul.page_body_glossaire li {
  margin: 0px 0px 5px 0px;
}
ul.page_body_glossaire li:first-child {
  border-top: solid 1px #CCCCCC;
  padding-top: 5px;
}
/*--------------------------------------------------------------------------------*/
/* Bulles KIT decolage  */
/*--------------------------------------------------------------------------------*/


div.bulle {
  vertical-align: top;
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #CCCCCC; 
  text-align: center;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
div.bulle a {color:#555; border: none;}

a.bulle_rouge {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #CC0000; 
  text-align: center;
  display: block;
  color: #CC0000; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_rouge:hover {color: #FFFFFF; background-color: #CC0000; text-decoration: none; border: solid 1px #CC0000;}

a.bulle_vert {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #00AA00; 
  text-align: center;
  display: block;
  color: #00AA00; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_vert:hover {color: #FFFFFF; background-color: #00AA00; text-decoration: none; border: solid 1px #00AA00;}

a.bulle_jaune {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #FFDD00; 
  text-align: center;
  display: block;
  color: #FFDD00; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_jaune:hover {color: #FFFFFF; background-color: #FFDD00; text-decoration: none; border: solid 1px #FFDD00;}

a.bulle_orange {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #ff6600; 
  text-align: center;
  display: block;
  color: #ff6600; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_orange:hover {color: #FFFFFF; background-color: #ff6600; text-decoration: none; border: solid 1px #ff6600;}



a.bulle_bleu {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #0000CC; 
  text-align: center;
  display: block;
  color: #0000CC; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_bleu:hover {color: #FFFFFF; background-color: #0000CC; text-decoration: none; border: solid 1px #0000CC; }

a.bulle_mauve {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #CC00CC; 
  text-align: center;
  display: block;
  color: #CC00CC; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_mauve:hover {color: #FFFFFF; background-color: #CC00CC; text-decoration: none; border: solid 1px #CC00CC; }

a.bulle_bordeau {
  margin: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 3px;
  border: solid 1px #be0e50; 
  text-align: center;
  display: block;
  color: #be0e50; 
  text-decoration: none;

  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;

  -moz-border-radius-topleft        : 8px;
  -moz-border-radius-topright       : 8px;
  -moz-border-radius-bottomleft     : 8px;
  -moz-border-radius-bottomright    : 8px;
  -webkit-border-top-left-radius    : 8px;
  -webkit-border-top-right-radius   : 8px;
  -webkit-border-bottom-left-radius : 8px;
  -webkit-border-bottom-right-radius: 8px;
}
a.bulle_bordeau:hover {color: #FFFFFF; background-color: #be0e50; text-decoration: none; border: solid 1px #be0e50; }




/*--------------------------------------------------------------------------------*/
/* TOOLBOX  */
/*--------------------------------------------------------------------------------*/


div.toolbox_min {
  position: fixed; 
  z-index=99;
  top: 40px; right: 15px; 
  width: 150px;
  height: 32px;
  overflow: hidden;
  padding: 5px;
  border: solid 5px #0079BC;
  border-bottom-left-radius          : 8px;
  border-bottom-right-radius         : 8px;
  text-align: center;
  background: #FFFFFF;
  cursor: pointer;
}

div.toolbox_menu {
  position: fixed; 
  z-index=99;
  top: 40px; right: 15px; 
  width: 150px;
  height:600px;
  overflow: hidden;
  padding: 5px;
  border: solid 5px #0079BC;
  border-bottom-left-radius          : 8px;
  border-bottom-right-radius         : 8px;
  text-align: center;
  background: #FFFFFF;
}

div.toolbox_max {
  position: fixed; 
  z-index=99;
  top: 40px; right: 15px; 
  overflow: scroll;
  width: 600px;
  height: 600px;
  padding: 5px;
  border: solid 5px #0079BC;
  border-bottom-left-radius          : 8px;
  border-bottom-right-radius         : 8px;
  text-align: center;
  background: #FFFFFF;
}

div.toolbox_item {
  margin: auto;
  border: solid 1px #CCCCCC;
  padding: 2px;
  margin: 0px 0px 5px 0px;
  overflow: hidden;
}
div.toolbox_item:hover {
  border: solid 1px #555555;
  cursor: pointer;
}
div.toolbox_item img {
  float: left;
  margin: 2px 10px 2px 2px;
}
p.toolbox_titre {
  size:20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFFFFF;
  background: #0079BC;
  padding: 5px;
  border: solid 5px #FFFFFF;
  border-top-left-radius            : 12px;
}



/*--------------------------------------------------------------------------------*/
/* images  */
/*--------------------------------------------------------------------------------*/
div.pic_ {
  margin: 10px 10px 10px 10px;
  font-size:8px;
  padding 2px;
  border: solid 1px #CCCCCC;
  display: inline-block;
}

div.pic_l {
  float: left;
  margin: 0px 10px 10px 0px;
  display: inline;
  font-size:8px;
  padding 2px;
  border: solid 1px #CCCCCC;
}

div.pic_r {
  float: right;
  margin: 0px 0px 10px 10px;
  display: inline;
  font-size:8px;
  padding 2px;
  border: solid 1px #CCCCCC;
}



/*--------------------------------------------------------------------------------*/
/* newsflash et agenda flash  */
/*--------------------------------------------------------------------------------*/


div.cadre_newsflash{
  margin: auto;
  margin: 0px 00px 10px 0px;
  padding: 5px 5px 5px 55px;
  text-align: left;
  font-style: italic;
  /* background-image: url('http://enseignement.be/img/cadre_citation.gif'); */
  background-image: url('http://enseignement.be/img/cadre_newsflash.jpg');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  border: solid 5px #0079BC;
  background-color: #FFFFFF;
  overflow: hidden;
  color: #00417a;
  border-radius                     : 8px;
}



div.cadre_agenda_flash {
  margin: auto;
  margin: 0px 20px 10px 20px;
  float: right;
  text-align: left;
  font-style: italic;
  margin: auto;
  margin: 10px 0px 10px 10px;;
  padding: 5px 5px 5px 5px;
  xbackground-image: url('http://enseignement.be/img/cadre_newsflash.jpg');
  xbackground-repeat: no-repeat;
  xbackground-position: top left;
  border: dashed 1px #0079BC;
  overflow: hidden;
  border-radius                     : 8px;
}
div.agenda_recd {
  height: 28px;
  overflow: hidden;
  pointer: cursor;
  border-bottom: solid 1px #CCCCCC;
  margin: 2px 0px 2px 0px;
  padding: 4px 0px 4px 0px;
}

div.agenda_recd:hover {
  background:#EEEEEE;
}

div.agenda_recd a {
  text-decoration: none;
  border: none;
}

div.cadre_reference{
  width: 600px;
  text-align: left;
  margin: 0px 20px 10px 20px;
  margin: auto;
  padding: 5px 5px 5px 50px;
  background-image: url('http://enseignement.be/img/cadre_reference.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  border: dashed 1px #CCCCCC;
  overflow: hidden;
  border-radius  : 9px;
}




/*--------------------------------------------------------------------------------*/
/* page intermediaire  */
/*--------------------------------------------------------------------------------*/
div.page_intermediaire_navi {
  margin: 0px 0px 50px 0px;
  padding: 0px;
  xbackground: #EEEEEE;
}
div.page_intermediaire_navi h3{
  border-bottom: solid 1px #0A0A0A;
}
div.page_intermediaire_navi h3 a{
  color: #0A0A0A;
}


/*--------------------------------------------------------------------------------*/
/* page intermediaire  */
/*--------------------------------------------------------------------------------*/
/*
div.cadre_navi{
  float: left; 
  margin: 0px 2px 0px 0px; 
  padding: 0px; 
  width: 240px; 
}

div.cadre_navi div.cadre_navi_title {
  margin: 0px; 
  padding: 5px; 
  background: url(../../../img/cadre_navi_top.jpg) top center no-repeat;
}

div.cadre_navi div.cadre_navi_title h2 { 
  padding: 5px  0px  5px  0px; 
  margin: 0px 5px 0px 10px; 
  border-bottom: 1px solid #d5dee6; 
}

div.cadre_navi div.cadre_navi_body { 
  font-weight: normal; 
  font-family: Verdana, Tahoma, Geneva, sans-serif;   
  font-size: 12px;
  margin: 0px; 
  padding: 0px 5px 10px 15px; 
  background: url(../../../img/cadre_navi_bot.jpg) bottom center no-repeat;
}

*/





/* note bas de page */
/*
div.cadre_basdepage {
  font-size: 80%;
	color: #222222;
  text-align: left;
  margin: auto;
  padding: 5px 5px 5px 5px;
  overflow: hidden;
}
*/
/*--------------------------------------------------------------------------------*/
/*  GO4SUP */
/*--------------------------------------------------------------------------------*/

#domaines a.button {
  cursor: pointer;
}
#domaines a.button:hover  {
  border: solid 1px #0A0A0A; 
  color:  #0A0A0A;
  text-decoration: none; 
  background: #EEEEEE; 
  }

#domaines a.button {
  width:210px; height:40px; 
  margin: 2px; display: block; 
  float: left; 
  overflow: hidden; 
  border: solid 1px #CCCCCC;
  text-align: center;
  border-radius                     : 8px;
}

#domaines a.button span {
  font-size: 10px;
}



/*--------------------------------------------------------------------------------*/
/*  Newlstter  AGERS */
/*--------------------------------------------------------------------------------*/
ul.newsletter {
  list-style-type: none;
  margin-left: 15px;
  padding: 0px 0px 0px 20px;
}
ul.newsletter ul {
  list-style-type: none;
  margin-left: 15px;
  margin-top: 15px;
  padding: 0px 0px 0px 20px;
}
ul.newsletter li {
  margin-bottom: 20px;
  border-bottom: dashed 1px #CCCCCC;
}
ul.newsletter li:last-child {
  border-bottom: none;
}


/*--------------------------------------------------------------------------------*/
/*  Vademecum  AGERS */
/*--------------------------------------------------------------------------------*/

table.vademecum {
  border-bottom: solid 1px #CCCCCC;
}
table.vademecum td{
  border-top: solid 1px #CCCCCC;
  margin: 0px;
}

table.vademecum th{
  background: #777777;
  color: #FFFFFF;
  border-top: solid 1px #CCCCCC;
  margin: 0px;
  padding-left: 5px;
  text-transform: uppercase;
  text-align: left;
  font-size: 15px;
}


.vademecum_niv_0 {
  padding-left: 0px ;
  text-transform: uppercase;
  font-size: 14px;
  
  font-weight: bold;  
}
.vademecum_niv_1 {
  padding-left: 20px ;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;  
}
.vademecum_niv_2 {
  padding-left: 40px ;
  font-size: 12px;
  font-weight: bold;  
  
}
.vademecum_niv_3 {
  padding-left: 60px ;
  font-size: 12px;
  
}
.vademecum_niv_4 {
  padding-left: 80px ;
  font-size:12px;
}

.vademecum_infos {
  padding: 0px ;
  font-size:12px;
  font-weight: normal;
  text-transform: none;
  color: #555;  
}



/*--------------------------------------------------------------------------------*/
/* arbre heuristique */
/*--------------------------------------------------------------------------------*/


div.tree_top {
  background-image: url('../../../img/tree_top.gif');
  background-position: top left;
  background-repeat: no-repeat;
  border: none;
  float: left;
  display: block;
}
div.tree_mid {
  background-image: url('../../../img/tree_mid.gif');
  background-position: top left;
  background-repeat: no-repeat;
  border: none;
  float: left;
  display: block;
}
div.tree_bot {
  background-image: url('../../../img/tree_bot.gif');
  background-position: top left;
  background-repeat: no-repeat;
  border: none;
  float: left;
  display: block;
}




div.tree{
}
div.tree div {
  padding: 0px;
  margin: 0px;
  border: none;
}
div.tree_blocg {
  border: none;
  float: left;
  display: block;
  height: 30px; width: 180px;
  padding: 0px 0px 0px 25px;
  margin: 0px;
}
div.tree_blocd {
  border: none;
  float: left;
  display: block;
  border: solid 1px #CC0000;
}



#treeblock {display:table; height: 25px; position: relative; overflow: hidden; width: 150px;}
#treeblock div {*position: absolute; top: 50%; display: table-cell; vertical-align: middle;}
#treeblock p {*position: relative; top: -50%; margin: 0px;}
#treeblock a {
  display: table-cell;
  color: #944FB6;
  border: none;
  width: 150px;
  padding: 0px; margin: 0px;
  /* background-image: url('../../../img/puce_lien2.gif'); */
  background-repeat: no-repeat;
  background-position: center right;
  text-decoration: none;
  text-align: left;
  line-height: 95%
}
#treeblock a:hover {
  color: #944FB6;
  border: none;
  background-image: url('../../../img/puce_lien2b.gif');
  background-repeat: no-repeat;
  background-position: center right;
}



/*--------------------------------------------------------------------------------*/
/* formulaires  */
/*--------------------------------------------------------------------------------*/

div.curseur_delai {
  background-image: url(img/curseur_delai.png);
  background-repeat: no-repeat;
  height: 5px;
  margin: 0px;
  width:105px;
  clear: both;
  text-align: right;
  overflow: hidden;
}


/*--------------------------------------------------------------------------------*/
/* TEST A EFFACER  */
/*--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------*/
/* ????  */
/*--------------------------------------------------------------------------------*/

div.menu {
  width: 150px;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  border: solid 1px #CCCCCC;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
  background: #EEEEEE;
}

div.menu_admin{
  width: 140px;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  border: solid 1px #CC0000;
  border-radius        : 8px;
  background: #EEEEEE;
}

div.separ {
  padding: 0px;
  color; #CC0000;
  background-color: #00CC00;
  width: 1px;
  overflow: hidden;
}




/*--------------------------------------------------------------------------------*/
/* menu offrant les options (cfr annuaires)  */
/*--------------------------------------------------------------------------------*/

a.menu_m  {
  display: block;
  float: left;
  text-align: center;
  width: 160px;
  height: 50px;
  padding: 5px;
  margin:  5px;
  border: solid 1px #AAAAAA; 
  border-color: #CCCCCC;
  border-radius            : 8px;
}
a.menu_m:hover {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #FFFFFF;
}
/*--------------------------------------------------------------------------------*/
/* layout general  */
/*--------------------------------------------------------------------------------*/
div.form_filter {
  margin: 0px 0px 20px 0px;;
  padding: 10px;
  background: #DDDDDD;
  border: solid 5px #CCCCCC;
  border-radius: 12px;
}
div.form_filter thead {
  color: #888888;
  font-weight: bold;
  font-size: 15px;
}
div.form_results {
  margin: 0px 0px 20px 0px;;
  padding: 10px;
  border: solid 5px #CCCCCC;
  border-radius: 12px;
}
div.form_results thead {
  color: #888888;
  font-weight: bold;
  font-size: 15px;
}
div.form_action {
  margin: 0px 0px 20px 0px;;
  padding: 10px;
  background: #DDDDDD;
  border: solid 5px #CC0000;
  border-radius: 12px;
}
div.form_action h2 {
  color: #888888;
  font-weight: bold;
  font-size: 15px;
  text-transform: none;
}


a.button_m {
  display: block;
  float: left; 
  height: 34px;
  border: solid 1px #CCCCCC;
  padding: 5px;
  margin-right: 10px;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
  background: #EEEEEE;
}

a.button_m:hover {
  border: solid 1px #e14a0f;
}

a.mail_button {
  margin: auto;
  margin: 5px;
  padding: 10px;
  border: solid 2px #CCCCCC;
  border-radius: 8px;
  display: block;
  text-align: center;
  height: 34px;
  color: #0079BC;
}
a.mail_button:hover {
  color: #FFFFFF;
  background-color: #0079BC;
}




div.bloc_logon {
  float: left;
  xwidth: 370px;
  overflow: hidden;  
  margin: auto;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  border: solid 5px #CCCCCC;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
  background: #EEEEEE;
}


div.bloc_intro_insc {
  float: left;
  width: 200px;
  height: 220px;
  overflow: hidden;  
  margin: 0px 20px 20px 0px;;
  padding: 10px;
  border: solid 5px #CCCCCC;
  border-top-left-radius            : 8px;
  border-top-right-radius           : 8px;
  border-bottom-left-radius         : 8px;
  border-bottom-right-radius        : 8px;
  text-align: center;
}


/*--------------------------------------------------------------------------------*/
/* tableaux standards */
/*--------------------------------------------------------------------------------*/
table    {border-collapse: collapse;}
table th {font-weight: bold  ; vertical-align: top; background-color: #DDDDDD; padding: 4px 2px 4px 2px; margin: 0px;}
table td {font-weight: normal; vertical-align: top;                            padding: 2px 2px 2px 2px; margin: 0px;}

table.tbl_border th { 
  border-top   : solid 2px #0A0A0A;
  border-bottom: solid 2px #0A0A0A;
  border-left  : solid 1px #0A0A0A;
  border-right : solid 1px #0A0A0A;
}
table.tbl_border td { 
  border-top   : solid 0px #0A0A0A;
  border-bottom: solid 1px #0A0A0A;
  border-left  : solid 1px #0A0A0A;
  border-right : solid 0px #0A0A0A;
}
table.tbl_border td:last-child { 
  border-right : solid 1px #0A0A0A;
}

table.tbl_noborder th { border: none;}
table.tbl_noborder td { border: none;}


table.tbl_listing th { 
  border-top   : solid 2px #0A0A0A;
  border-bottom: solid 2px #0A0A0A;
  border-left  : solid 0px #0A0A0A;
  border-right : solid 0px #0A0A0A;
  padding-left : 4px;
  padding-right: 4px;
}
table.tbl_listing td { 
  border-top   : dashed 0px #0A0A0A;
  border-bottom: dashed 1px #0A0A0A;
  border-left  : none;
  border-right : none;
  padding-left : 4px;
  padding-right: 4px;
}
table.tbl_listing tr:first-child { 
  border-top: solid 1px #0A0A0A;
}
table.tbl_listing tr:last-child { 
  border-bottom: solid 1px #0A0A0A;
}

table.tbl_lll th {text-align: left;}
table.tbl_lll td {text-align: left;}

table.tbl_rrr th {text-align: right;}
table.tbl_rrr td {text-align: right;}

table.tbl_ccc th {text-align: center;}
table.tbl_ccc td {text-align: center;}

      
table.tbl_llr th {text-align: left;}
table.tbl_llr th:last-child {text-align: right;}
table.tbl_llr td {text-align: left;}
table.tbl_llr td:last-child {text-align: right;}
      
table.tbl_lrr th {text-align: right;}
table.tbl_lrr th:first-child {text-align: left;}
table.tbl_lrr td {text-align: right;}
table.tbl_lrr td:first-child {text-align: left;}
      
table.tbl_lcc th {text-align: center;}
table.tbl_lcc th:first-child {text-align: left;}
table.tbl_lcc td {text-align: center; }
table.tbl_lcc td:first-child {text-align: left;}
      
table.tbl_lcr th {text-align: center;}
table.tbl_lcr th:first-child {text-align: left;}
table.tbl_lcr th:last-child {text-align: right;}
table.tbl_lcr td {text-align: center;}
table.tbl_lcr td:first-child {text-align: left;}
table.tbl_lcr td:last-child {text-align: right;}


table.tbl_vc td {vertical-align: middle !important;}
table.tbl_vc th {vertical-align: middle !important;}



table.tbl_criteres {
  float: left;
}

table.tbl_2cols {
  border-collapse: separate;
  width: 100%;
  margin: auto;
}
table.tbl_2cols td {
  width: 50%;
  border-right: dotted 1px #999999;
  padding-right: 5px;
  padding-left: 0px;
}

table.tbl_2cols td:last-child {
  width: 50%;
  border-right: none;
  padding-right: 0px;
  padding-left: 8px;
}

table.tbl_2cols th {
  width: 50%;
  border-right: dotted 1px #999999;
  text-align: left;
  font-weight: bold;

  background: #CCCCCC;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-radius: 8px;
  margin-right: 10px;
}

table.tbl_2cols th:last-child {
  width: 50%;
  border-right: none;
}
table.tbl_2cols th p{
  margin: 0px;
}


/*--------------------------------------------------------------------------------*/
/* tableaux standards des balises*/
/*--------------------------------------------------------------------------------*/

/*
table.biblio_ress {
  border: dashed 1px #AAAAAA;
  padding: 0px;
  margin: auto;
}
table.biblio_ress td{
  padding: 4px;
  margin: 2px;
  border-bottom: dotted 1px #AAAAAA;
  text-align: left;
  vertical-align: top;
}
*/
table.tbl_listing div.ress_logo {
  margin: 10px 4px 0px 0px;
  padding: 0px;
  vertical-align: top;
  overflow: hidden;
  height: 35px;
}
table.tbl_listing div.ress_info {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  overflow: hidden;
  height: 35px;
}


/*--------------------------------------------------------------------------------*/
/* tableaux standards  A SUPPRIMER */
/*--------------------------------------------------------------------------------*/

/* cols alignes a gauche  (verif 20140927)*/
table.justagrid {
  border: none;
  padding: 0px;
  margin: 0px;
}
table.justagrid td {
  padding: 0px;
  text-align: left; 
  font-weight; bold;
  vertical-align: top;
}
table.justagrid div.cadre_exergue{
  margin: 0px 5px 5px 0px;
}

table.justatable {
  border: none;
  padding: 0px;
  margin: 0px;
}
table.justatable th {
  padding: 2px;
  text-align: left; 
  font-weight; bold;
  vertical-align: top;
  background-color: #DDDDDD;
}

table.justatable td {
  text-align: left;
  vertical-align: top;
  padding: 2px 2px 2px 2px ;
}


/* 1er col alignee gauche, les autres centrees (verif 20140927)*/
table.classic {
  border: none;
  padding: 0px;
  margin: 0px;
}
table.classic th {
  padding: 5px 5px 5px 5px ;
  text-align: center; 
  font-weight; bold;
  vertical-align: top;
  background-color: #DDDDDD;
  text-align: left;
}
table.classic th:first-child {
  text-align: left; 
}

table.classic td {
  padding: 4px 5px 4px 5px ;
  text-align: left;
  vertical-align: top;
}
table.classic td:first-child {
  text-align: left; 
}

/* tout  a Gauche (verif 20140927)*/
table.gauche {
  border: solid 1px #AAAAAA;
  padding: 0px;
  margin: auto;
}
table.gauche th {
  background-color: #DDDDDD;
  padding: 4px;
  text-align: left; 
  font-weight; bold;
  vertical-align: top;
}
table.gauche td {
  background-color: #F5F5F5;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}




/* 1er col a Gauche, les autres à droite*/
table.budget {
  border: solid 1px #AAAAAA;
  padding: 0px;
  margin: auto;
}
table.budget th {
  background-color: #DDDDDD;
  padding: 4px;
  text-align: right; 
  font-weight; bold;
  vertical-align: top;
}
table.budget td {
  background-color: #F5F5F5;
  padding: 2px;
  text-align: right;
  vertical-align: top;
}
table.budget th:firstchild {
  text-align: left; 
}
table.budget td:firstchild {
  text-align: left; 
}


/* cols toutes centrees */
table.options {
  border: solid 1px #AAAAAA;
  padding: 0px;
  margin: auto;
}
table.options th {
  background-color: #DDDDDD;
  padding: 4px;
  text-align: center; font-weight; bold;
  vertical-align: top;
}
table.options td {
  padding: 2px;
  text-align: center;
  vertical-align: top;
}


/* tableau galerie (tout centré, pas de bord ) */
table.galerie {
  border: solid 0px #AAAAAA;
  padding: 0px;
  margin: auto;
}
table.galerie td {
  background-color: #F5F5F5;
  padding: 2px;
  text-align: right;
  border: dotted 1px #999999;
  text-align: center;
  vertical-align: top;
}

table.galerie a {
  text-decoration: none;
  background-image: none;
  padding: 0px;
  border: 0px;
  font-size: 9px;
}
table.galerie a:hover {text-decoration: none; }

table.galerie a img {
  border: solid 1px #AAAAAA;
  text-decoration: none;
  margin: 5px;
}


/* tout centré  ( JNQ : A GARDER ??)*/
/*
table.listing {
  border: none;
  padding: 0px;
  margin: 0px;
}
table.listing th {
  padding: 5px 5px 5px 5px ;
  text-align: center; 
  font-weight; bold;
  vertical-align: top;
  background-color: #DDDDDD;
  text-align: left;
}

table.listing td {
  padding: 4px 5px 4px 5px ;
  text-align: left;
  vertical-align: top;
  border-bottom: dashed 1px #555555;
}
*/

/* statistiques, 1ere col align gauche, les autres à droite : JNQ : A GARDER ??? */
table.tab_stats_cal {
  width: 750px;
  padding: 2px;
  border: solid 1px #AAAAAA;
  font-family: Verdana;
  font-size: 11px;
}
table.tab_stats_cal th {
  background-color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
table.tab_stats_cal td {
  background-color: #EEEEEE;
  width: 15Px;
  text-align: right;
}
table.tab_stats_cal td:first-child {
  text-align: left;
}
table.tab_stats_cal th:first-child {
  text-align: left;
}

table.tab_stats_cal td a{
  font-size: 9px;
}


/* ???JNQ  a quoi ca sert */


ul.tree_services  {
  margin: auto;
  margin: 4px 0px 0px 20px;
  padding: 0px;
}
ul.tree_services li {
  border-bottom: solid 1px #CCCCCC;
  margin-right: 0px;
  min-height: 16px;
}
ul.tree_services span {
  font-weight: bold;
  color: #CC0000;
}
ul.tree_services li:first-child {
  border-top: solid 1px #CCCCCC;
}

ul.tree_services ul ul ul {
  xdisplay: none;
}

ul.tree_services li:hover {
  background: #EEEEEE;
}
ul.tree_services ul li:hover {
  background: #DDDDDD;
}
ul.tree_services ul ul li:hover {
  background: #CCCCCC;
}
ul.tree_services ul ul ul li:hover {
  background: #BBBBBB;
}
ul.tree_services div {
  min-height: 16px;
} 

/*--------------------------------------------------------------------------------*/
/* arborescence navigation*/
/*--------------------------------------------------------------------------------*/
ul.admin_tree {
  padding: 0px; 
  margin: 0px; 
  list-style-type: none; 
  border-left: dashed 1px #AAAAAA;
  border-top: dotted 1px #0A0A0A;
  border-bottom: dotted 1px #0A0A0A;
}
ul.admin_tree ul {
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 50px; 
  list-style-type: none; 
  border-left: dashed 1px #AAAAAA;
  border-top: dotted 1px #0A0A0A;
}
ul.admin_tree li {
  margin: 0px; 
  padding: 0px; 
  font-size: 11px;
  vertical-align: top;
  border-bottom: dotted 1px #0A0A0A;
}
ul.admin_tree li:last-child {
  border-bottom: none;
}
ul.admin_tree div {
  display: inline-block; 
  margin: 0px 1px 0px 0px;
  padding: 1px 3px 1px 3px; 
  text-align: left;
  font-size: 11px;
  overflow: hidden;
}
ul.admin_tree img {
  height: 10px; 
  margin: 0 0 0 0 0;
  padding: 0 0 0 0 0;
}

ul.admin_tree a {
  margin: 0 0 0 0 0;
  padding: 0 0 0 0 0;
}
/*--------------------------------------------------------------------------------*/
/* curseur de pagination */
/*--------------------------------------------------------------------------------*/
a.curseur  {
  background-image: none;
  background: #FFFFFF;
  padding: 0px 2px 0px 2px;;
  border: solid 1px #EEEEEE;
  margin: 0px 5px 0px 0px;
  display: cell;
  cursor: pointer;
  color: #000000;
}
a.curseur:link    {color: #000000; border: solid 1px #FFFFFF; background-color: #FFFFFF;}
a.curseur:active  {color: #000000; border: solid 1px #FFFFFF; background-color: #5286bd;}
a.curseur:visited {color: #000000; border: solid 1px #FFFFFF; background-color: #FFFFFF;}
a.curseur:hover   {color: #FFFFFF; border: solid 1px #FFFFFF; background-color: #5286bd;}


/*--------------------------------------------------------------------------------*/
/* Table homepage projets */
/*--------------------------------------------------------------------------------*/
/*
table td {
  padding: 2px 2px 2px 2px;
  text-align: left;
}
table th {
  padding: 3px 2px 3px 2px;
  text-align: left;
  font-weight: bold;
}

*/

/*--------------------------------------------------------------------------------*/
/* input zones  */
/*--------------------------------------------------------------------------------*/
div.zone_noneditable {
  margin: auto;
  background: #EEEEEE;
  margin-bottom: 5px;
  padding: 10px;
  border: solid 1px #FFFFFF;
}

div.zone_editable {
  margin: auto;
  background: #EEEEEE;
  margin-bottom: 5px;
  padding: 10px;
  border: solid 1px #0079BC;
}
div.zone_editable:hover {
  background-color: #DDDDDD;
  background-image: url('img/icons/common_edit_m.png');
  background-position: top right;
  background-repeat: no-repeat;
  cursor: pointer;
  border: solid 1px #CC0000;
}

div.mini_button {
  background: #DDDDDD;
  color: #0079BC;
  border: solid 1px #0079BC;
  border-radius            : 4px;
  padding: 2px 5px 2px 5px;
  margin: 5px 5px 5px 5px;
  display: block;
  text-align: center;
  cursor: pointer;
}
div.mini_button:hover {
  background: #0079BC;
  color: #FFFFFF;
}




a.mini_button_validate {
  background: #FFFFFF;
  color: #00AA00;
  border: solid 1px #00AA00;
  background-image: url(img/icons/common_validate_s.png);

  background-repeat: no-repeat;
  border-radius            : 8px;
  margin-right: 20px;
  padding: 2px 10px 2px 26px;
  background-position: 6px 2px;
}
a.mini_button_validate:hover {
  background: #00AA00;
  color: #FFFFFF;
  background-image: url(img/icons/common_validate_s.png);
  background-repeat: no-repeat;
  background-position: 6px 2px;
}

a.mini_button_cancel {
  background: #FFFFFF;
  color: #CC0000;
  border: solid 1px #CC0000;
  background-image: url(img/icons/common_cancel_s.png);

  background-repeat: no-repeat;
  border-radius            : 8px;
  margin-right: 20px;
  padding: 2px 10px 2px 26px;
  background-position: 6px 2px;
}
a.mini_button_cancel:hover {
  background: #CC0000;
  background-image: url(img/icons/common_cancel_s.png);
  background-repeat: no-repeat;
  background-position: 6px 2px;
  color: #FFFFFF;
}



/* text */
.it_t  {width:  50px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_s  {width: 100px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_m  {width: 200px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_l  {width: 300px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_x  {width: 400px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.it_g  {width: 700px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
/* select */                                                       
.is_ts {width:  50px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ss {width: 100px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ms {width: 200px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_ls {width: 300px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xs {width: 400px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_gs {width: 700px; height:  20px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xm {width: 400px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_xl {width: 400px; height: 150px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_lm {width: 300px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.is_mm {width: 200px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
/* textarea */                                                     
.ia_ms {width: 200px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_mm {width: 200px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_ml {width: 200px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_mx {width: 200px; height: 400px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_ls {width: 300px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_lm {width: 300px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_ll {width: 300px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_lx {width: 300px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_xs {width: 400px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xm {width: 400px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xl {width: 400px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_xx {width: 400px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
                                                                   
.ia_gs {width: 700px; height:  45px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gm {width: 700px; height: 100px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gl {width: 700px; height: 200px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gl {width: 700px; height: 300px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gx {width: 700px; height: 400px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}
.ia_gg {width: 700px; height: 500px; font-size: 10px; color: #212C79; padding: 1px 3px 1px 3px; font: 11px Verdana;}




/*--------------------------------------------------------------------------------*/
/* ce qu'on imprime pas... */
/*--------------------------------------------------------------------------------*/
@media print {    
  .page_footer, .page_header, .toolbox_min, .no-print, .no-print, .bloc_menu_banner, .col_menu, .cadre_infos_gestion * {display: none !important;}
  .col_3_4 {margin: auto; width: 950px;}


}

/*--------------------------------------------------------------------------------*/
/* moteur de recherche */
/*--------------------------------------------------------------------------------*/
.fluo {
  background-color: ##CC0000;
  color: ##00CC00;
}

/*--------------------------------------------------------------------------------*/
/* MAGAZINE PROF */
/*--------------------------------------------------------------------------------*/
div.prof_nbp {
  margin-top: 50px;
  margin: auto;
  font-size: 80%; 
  color: #555555;
  border-top: dotted 1px #555555;
}

/*--------------------------------------------------------------------------------*/
/* Table homepage projets */
/*--------------------------------------------------------------------------------*/

div.admin_search {
  background-color: #f5800f;
  margin: auto;
  margin-bottom: 10px;
  border: solid 5px #f5800f;
  border-radius            : 8px;
  color: #FFFFFF;
}
div.admin_search table {
  color: #FFFFFF;
}
table.admin_list {
  margin-top: 20px;
  border-bottom: solid 1px #f5800f;
}
table.admin_list thead {
  background-color: #f5800f;
}
table.admin_list th {
  color: #FFFFFF;
  padding: 2px;
  font-weight: bold;
  text-align: left;
}
table.admin_list td {
  padding: 2px;
}
/*
table.admin_list button {
  margin: 0px;
}
*/

/*--------------------------------------------------------------------------------*/
/* ADMIN */
/*--------------------------------------------------------------------------------*/

div.admin li {
  border: dashed 1px #CCCCCC;
}


table.tbl_admin_menu th{
  border-top   : solid 1px #0A0A0A;
  border-bottom: solid 1px #0A0A0A;
  border-left  : solid 0px #0A0A0A;
  border-right : solid 0px #0A0A0A;
  padding: 2px 4px 2px 4px;
}
table.tbl_admin_menu td { 
  border-top   : dashed 0px #0A0A0A;
  border-bottom: dashed 1px #0A0A0A;
  border-left  : none;
  border-right : none;
  padding: 2px 4px 2px 4px;
}
table.tbl_admin_menu tr:first-child { 
  border-top: solid 1px #0A0A0A;
}
table.tbl_admin_menu tr:last-child { 
  border-bottom: solid 1px #0A0A0A;
}


table.tbl_criteres {
  float: left;
  margin: 5px 10px 10px 0px;
}

#admin ul li { 
  list-style-type: none; 
  border-left: dashed 1px #5054B8; 
  margin-left: 0px; 
  xpadding-left: 5px; 
  xlist-style-image: none; 
  xlist-style-position: inside;
  border-bottom: dotted 1px #CCCCCC;
}

#admin ul li ul li{
  border-left: dashed 1px #944FB6;
}
#admin ul li ul li ul li{
  border-left: dashed 1px #CA589A;
}
#admin ul li ul li ul li ul li{
  border-left: dashed 1px #E56763;
}
#admin ul li ul li ul li ul li ul li{
  border-left: dashed 1px #E59763;
}
#admin ul li ul li ul li ul li ul li ul li{
  border-left: dashed 1px #DFE262;
}





#admin input    {
  
  border: solid 1px #CCCCCC;
}
#admin input.form_id    {
  width:  40px; height:  16px; font-size: 10px; 
  color: #000000; border: solid 1px #CCCCCC;
  text-align: right;
}
#admin input.form_flag  {
  width:  15px; height:  16px; 
  font-size: 10px; text-align: right;
  color: #000000; 
}
#admin input.form_text_t   {
  width:   50px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}
#admin input.form_text_s   {
  width:  100px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}
#admin input.form_text_m   {
  width:  200px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}
#admin input.form_text_l   {
  width:  300px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}
#admin input.form_text_x   {
  width:  400px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}
#admin input.form_text_g   {
  width:  600px; height:  16px; 
  font-size: 12px; text-align: left;
  color: #0000CC; 
}


#admin input.zone_id    {
  width:  40px; height:  16px; font-size: 10px; 
  color: #000000; border: none;
  text-align: right;
  font-weight: bold;
  display: inline;
}

#admin a.button {
  font-size: 10px; 
    height: 15px;
}

#admin fieldset {
  background-color: #EEEEEE;
  border-radius: 8px;
  border: solid 4px #CCCCCC;
}
#admin fieldset legend{
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  text-transform: uppercase;
  color: #999999;
}