/*--------------------------------------------------------------------------------*/
/* 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; line-height: 1.3em; }
p {margin-bottom: 10px;}
a {text-decoration: none; color: #0079BC;line-height:normal;}
a:hover {color: #883A60;}

blockquote {
  margin-left: 50px;
}

h1, h2, h3  {
    color: #0A0A0A;
    font-family: DrescherGroteskBT-SmallSizes, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}

h4, h5, h6 {
    color: #0A0A0A;
    font-family: DrescherGroteskBT-SmallSizes, Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.2em;
}


h1 {
  /*color: #883A60;*/
  font-size: 28px;
  display: block;
}
h2 {font-size: 24px; text-transform: none; margin-top: 30px; margin-right: 0; margin-bottom: 10px; margin-left: 0;}
h3 {font-size: 20px; text-transform: none; margin-top: 15px; margin-right: 0; margin-bottom:  5px; margin-left: 0;}
h4 {font-size: 16px; font-weight: bold   ; margin-top: 20px; margin-right: 0; margin-bottom:  5px; margin-left: 0;}
h5 {font-size: 14px;                     ; margin: }
h6 {font-size: 12px;                     ; margin: }
h1 span {  color: #E92D2E;}
h2 span {  color: #E92D2E;}

/*
h3 span {  color: #E92D2E;}
*/
h3 div {font-size: 20px; text-transform: none; margin: 20px 0px 5px 0px;}

h1 a {text-decoration: none;}

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

td h3:first-child {margin-top: 0px;}

/*
h1:first-child {margin-top: 0px;}
h2:first-child {margin-top: 0px;}
h3:first-child {margin-top: 0px;}
h4:first-child {margin-top: 0px;}
*/

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


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

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


section section {
	margin-left: 30px;
	/* border-left: dotted 1px #888888; */
}




/* ---------------------------------------- */


ol.processus_v li { 
  position: relative; 
	list-style-type: none;	
	counter-increment: li; /* on incremente le compteur a chaque nouveau li */
	margin-bottom: 3em;
}

ol.processus_v li:before {
	content: counter(li); /* on affiche le compteur */
  padding: .2em .5em .2em .5em;
  *padding: 0.8em;
  margin: 0em 0em 1em 0em;      
	background: #666666;	
	font-weight: bold;
	font-size: 1.5em;
	color: white;		
	transition: all .3s ease-out;
	xborder: dotted 1px #CC0000;
	border-radius: 4px;
}

ol.processus_v div.processus_v {
  position: relative;
  display: block;
  padding: .2em .4em .2em .4em;
  *padding: .4em;
  margin: .5em 0em 0.5em 2.5em;        
  text-decoration: none;
  transition: all .3s ease-out;        
  xborder: dotted 1px #00CC00;
  border-radius: 4px;
  
}


ol.processus_v div.processus_v:first-child{
  position: relative;
  display: inline;
  margin: auto;
  margin: .5em 0em 0.5em 0.1em;
  background: #CCCCCC;
	font-size: 1.5em;
	font-weight: bold;
  color: #0A0A0A;
  xborder: dotted 1px #0000CC;
}

ol.processus_v div:first-child:after{
  position: absolute;
  content: '';
  border: .5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -.5em;
  transition: all .3s ease-out;
}




div.reset {
  clear: both;
}


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

sup {
  line-height: 0.8em;
  font-size:  0.8em;
}
/*--------------------------------------------------------------------------------*/
/* balises  */
/*--------------------------------------------------------------------------------*/

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

.page_body_content,
.page_body_content p,
.page_body_content div,
.page_body_content table {
	line-height: 1.5em;
	font-size: 12px;
}

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


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

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

.col_menu {                                                                                                                                                                  
  width: 230px;
  float: left;
  margin: 0px 30px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  xbackground: #CCCCCC;
  xdisplay: table-cell;
}
#col_droite {
  width: 230px;
  float: right;
  margin: 0px 0px 10px 20px;
  padding: 0px;
  xbackground: #CC0000;
  overflow: hidden;
}
#col_contenu {
  width: 730px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
}


div.col_1_4 {
  width: 230px;
  float: left;
  margin: 0px 10px 10px 0;
  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;}



/* Grilles full screen */

div.grid_1_3 {
  width: 410px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  xbackground: #DDDDDD;
  overflow: hidden;
}
div.grid_2_3 {
  width: 830px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  xbackground: #DDDDDD;
  overflow: hidden;
}
div.grid_1_3:last-child {margin: 0px 0px 0px 0px;}
div.grid_2_3:last-child {margin: 0px 0px 0px 0px;}


div.grid_1_4 {
  width: 299px;
  float: left;
  margin: 0px 18px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
div.grid_2_4 {
  width: 616px;
  float: left;
  margin: 0px 18px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
div.grid_3_4 {
  width: 933px;
  float: left;
  margin: 0px 18px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
div.grid_1_4:last-child {margin: 0px 0px 0px 0px;}
div.grid_2_4:last-child {margin: 0px 0px 0px 0px;}
div.grid_3_4: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: #fafafa;
}
.bloc_menu_selected>a {
  background: #fff;
  font-weight: bold;
}

.bloc_menu h2 {
  margin-top: 0;
  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;
}
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: none;
}

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 > header {
    display: flow-root;
}
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;
}


div.page_navi_top {
  margin: auto; 
  border: solid 1px #CCCCCC; 
  border-radius: 8px;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 12px 20px 17px 20px;
  background: #FFFFFF;
  line-height: 2em;
}
div.page_navi_top div:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}
div.page_navi_top span.navitop_sep {
	margin: 0 7px;
}
div.page_navi_top span.navitop_sep:not(:last-child)::before {
	content: "|";
}
div.page_navi_top a {
	/*white-space: nowrap;*/
}
div.page_navi_top a:first-child {
	margin-left: 5px;
}
div.page_navi_bot {
  display: none;
  /*
  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: none;
  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;
  line-height: 16px;
}


div.hp_navi a:hover {
  background: #FFFFFF;
  color: #2A6ECC;
}

div.hp_news {
  background: #E8E8E8;
  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 div {
  height: 65px;
  width: 210px;
  background-color: #FFFFFF;
  text-align: center;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

div.hp_news img {
  margin: 0px 0px 0px 0px;
  max-height: 66px;
  max-width: 210px;
}


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;
}


/*--------------------------------------------------------------------------------*/
/* keyboard */
/*--------------------------------------------------------------------------------*/

.keyboard {
	padding: 0px 4px 0px 4px;
	margin: 0px 2px 0px 2px;
	color: #333333;
	background-color: #EEEEEE;
	border: solid 1px #666666;
	border-radius: 3px;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------*/
/* cadres, pastilles, alertes */
/*--------------------------------------------------------------------------------*/
/* ---------- alerte info ---------- */
div.alerte_1 {
	border-radius: 8px;
	padding: 10px 12px 10px 12px;
	margin-bottom: 10px;
	background-color: #0079BC;
	color: #FFFFFF;
}
div.alerte_1 div:firstchild{
	font-weight: bold;
	text-transform: uppercase;
}

div.alerte_1 a        { color: #FFFFFF;  text-decoration: underline;}
div.alerte_1 a:active { color: #FFFFFF;  text-decoration: underline;}
div.alerte_1 a:hover  { color: #FFFFFF;  text-decoration: underline;}
div.alerte_1 a:visited{ color: #FFFFFF;  text-decoration: underline;}


/* ---------- alerte important ---------- */
div.alerte_2 {
	border-radius: 8px;
	padding: 10px 12px 10px 12px;
	margin-bottom: 10px;
	background-color: #E92D2E;
	color: #FFFFFF;
}
div.alerte_2 div:firstchild{
	font-weight: bold;
	text-transform: uppercase;
}
div.alerte_2 a        { color: #FFFFFF;  text-decoration: underline;}
div.alerte_2 a:active { color: #FFFFFF;  text-decoration: underline;}
div.alerte_2 a:hover  { color: #FFFFFF;  text-decoration: underline;}
div.alerte_2 a:visited{ color: #FFFFFF;  text-decoration: underline;}



/* ---------- cadre adresse ---------- */
div.cadre_adresse {
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_contact.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #CCCCCC;
  background-color:  #EEEEEE;
  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 processus ---------- */
div.cadre_processus {
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_processus.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #CCCCCC;
  background-color:  #EEEEEE;
  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 attention ---------- */
div.cadre_attention {
  color: #FFFFFF;
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_attention.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #E92D2E;
  background-color:  #E92D2E;
  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;
}
div.cadre_attention a       {color: #FFFFFF; border-bottom: dashed 1px #FFFFFF;}
div.cadre_attention a:hover {color: #FFFFFF; border-bottom:  solid 1px #FFFFFF; text-decoration: none;}

/* ---------- cadre idee ---------- */
div.cadre_idee{
  color: #FFFFFF;
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_idee.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #FEB914;
  background-color:  #FEB914;
  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;
}
div.cadre_idee a       {color: #FFFFFF; border-bottom: dashed 1px #FFFFFF;}
div.cadre_idee a:hover {color: #FFFFFF; border-bottom:  solid 1px #FFFFFF; text-decoration: none;}


/* ---------- cadre info ---------- */
div.cadre_info {
  color: #FFFFFF;
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_info.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #3A80C2;
  background-color:  #3A80C2;
  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;
}
div.cadre_info a       {color: #FFFFFF; border-bottom: dashed 1px #FFFFFF;}
div.cadre_info a:hover {color: #FFFFFF; border-bottom:  solid 1px #FFFFFF; text-decoration: none;}



/* ---------- cadre website ---------- */
div.cadre_website {
  color: #FFFFFF;
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_website.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #3A80C2;
  background-color:  #3A80C2;
  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;
}
div.cadre_website a       {color: #FFFFFF; border-bottom: dashed 1px #FFFFFF;}
div.cadre_website a:hover {color: #FFFFFF; border-bottom:  solid 1px #FFFFFF; text-decoration: none;}


div.cadre_website div {
  float: left;
  min-height: 60px;
  width: 270px;
  overflow: hidden ;
}
div.cadre_website div img {
  margin: 2px 10px 2px 2px;
  
}




/* ---------- cadre citation ---------- */
div.cadre_citation {
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_citation.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #EEEEEE;
  background-color:  #EEEEEE;
  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;
}
div.cadre_citation a       {color: #000000; border-bottom: dashed 1px #DDDDDD;}
div.cadre_citation a:hover {color: #000000; border-bottom:  solid 1px #FFFFFF; text-decoration: none;}

/* ---------- cadre astuce ---------- */
div.cadre_astuce {
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/balise_astuce.png');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #EEEEEE;
  background-color:  #EEEEEE;
  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 download ---------- */
a.a_dl_circulaire {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 110px;
  width: 750px;
  text-align: center;
  font-size: 18px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 32px;
  background-color: white;
  color: #007abd;
  border: 1px solid #007abd;
  border-radius: 4px;
}
a.a_dl_circulaire span {
	color: black;
}
a.a_dl_circulaire:first-child {
  margin-top: 65px;
}

a.a_dl_document {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 110px;
  width: 87%;
  text-align: center;
  font-size: 18px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 32px;
  background-color: white;
  color: #007abd;
  border: 1px solid #007abd;
  border-radius: 4px;
}
a.a_dl_document span {
	color: black;
}

/* ---------- document circulaire ---------- */
#document_view h2{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}
#document_view h2 {
	margin-top: 22px;
	margin-bottom: 30px;
	padding: 0;
}
#retour_recherche_circulaire {

}
.form-recherche tr td:first-child {
	width: 132px;
	vertical-align: middle;
}
.form-recherche tr td:nth-child(2) {
	width: 320px;
}
.form-recherche tr td:nth-child(2) input{
	width: 99%;
}

.form-recherche tr td:nth-child(2) #date_deb {
	width: 151px;
}
.form-recherche tr td:nth-child(2) #date_fin {
	width: 151px;
}

.form-recherche tr td {
	padding: 5px 0 !important;
}
.form-recherche tr td h4 {
	font-weight: normal;
	margin-top: 32px;
	margin-bottom: 12px;
}
.form-recherche tr td input, .form-recherche tr td select{
	padding: 4px !important;
}
#search_screen {
	margin-top: 20px;
}
#search_screen input[type='radio'] {
	/*accent-color: #0079bc;*/
	appearance: none;
	width: 14px;
	height: 14px;
	border: 2px solid #0079bc;
	border-radius: 50%;
	background-clip: content-box;
	padding: 2px;
	vertical-align: bottom;
	margin-bottom: 3px;
}
#search_screen input[type='radio']:checked {
	background-color: #0079bc;
}

#box_search_buttons {
	margin-top: 30px;
}
#box_search_buttons div {
	width: 200px;
	text-align: right;
	position: absolute;
	right: 24px;
	top: 32px;
}
#box_search_buttons div button{
	width: 100%;
}

#resultats_recherche_wrapper .dataTables_paginate {
	margin: 12px 0 12px 0;
}
#resultats_recherche {
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#resultats_recherche tbody tr:not(:first-child) {
	border-top: 1px solid #ccc;
}
#resultats_recherche tbody tr td {
	padding: 2em 0;
	vertical-align: middle;
}
#resultats_recherche tbody tr td:first-child {
	white-space: nowrap;
	width: 136px;
}
#resultats_recherche tbody tr td:nth-child(2) {
	line-height: 1.5em;
	padding-right: 50px;
}
#resultats_recherche tbody tr td:last-child {
	text-align: right;
}
#resultats_recherche tbody tr:hover {
	background-color: white !important;
}
#resultats_recherche tbody tr td b {
	font-weight: bold;
}
#resultats_recherche_wrapper .dataTables_paginate {
	float: none;
	text-align: center;
	position: relative;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button {
    padding : 0px;
    margin-left: 0px;
    border: 0px;
	background: none;
	color: gray !important;
	font-size: 16px;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: #ebebeb;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button:active {
	border: 0px !important;
	background-color: #ebebeb;
	box-shadow:none !important;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.next,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.next:hover,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.previous,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.previous:hover {
	border: 1px solid #ccc;
	padding: 5px 9px;
	font-size: 12px;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.current,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.current:hover {
	color:gray !important;
	text-decoration: underline !important;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.disabled {
	display: none;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.last,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.last.disabled{
	margin-left: 6px;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.first.disabled,
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.last.disabled {
	display: inline;
	color: #D3D3D3 !important;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
	color: gray !important;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.next {
	position: absolute;
	right: 0;
	top: -2px;
}
#resultats_recherche_wrapper .dataTables_paginate .paginate_button.previous {
	position: absolute;
	left: 0;
	top: -2px;
}
#resultats_recherche_wrapper .dataTables_empty {
	display: none;
}

.paginator_circulaires {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
	margin-bottom: 15px;
}
.paginator_circulaires a {
	display: inline-block;
	margin: 0 5px;
	padding: 2px;
	font-size: 16px;
	color: gray;
}
.paginator_circulaires a.current {
	text-decoration: underline;
}
.paginator_circulaires a:active {
	background-color: #ebebeb;
}
.paginator_circulaires a:hover {
	background-color: #ebebeb;
}
.paginator_circulaires a.disabled {
	color: #d3d3d3;
	cursor: default;
}
.paginator_circulaires a.next,
.paginator_circulaires a.next:hover,
.paginator_circulaires a.previous,
.paginator_circulaires a.previous:hover {
	border: 1px solid #ccc;
	padding: 5px 9px;
	font-size: 12px;
}
.paginator_circulaires a.previous {
	margin-left: 0;
}
.paginator_circulaires a.next {
	margin-right: 0;
}
.paginator_circulaires a.first {
	margin-right: 5px;
}
.paginator_circulaires a.last {
	margin-left: 5px;
}
.paginator_circulaires > div:nth-child(2) {
	flex-grow: 2;
	text-align: center;
}
.paginator_circulaires > div:first-child {
	width: 50px !important;
	flex-basis: 200px;
}
.paginator_circulaires > div:last-child {
	width: 50px;
	flex-basis: 200px;
	text-align: right;
}


#ressort, #date_deb, #date_fin, #num_circ, #mots_cle_circ {
	padding: 1px 3px 1px 3px;
	background-color: white;
	border: 1px solid #ccc;
}

#ressort {
	width: 497px;
}

hr.search-split {
	height: 1px;
	line-height: 1em;
	font-size: 100%;
	margin-top: 30px;
	margin-bottom: 28px;
}
#search_screen #h2_criteres {
	text-align: center;
	font-size: 20px;
	margin-top: 95px;
	margin-bottom: 87px;
}
#h2_criteres span {
	color: black;
}
#bottom_search_div {
	position: relative;
}
#bottom_search_div .p-btn-recherche-bottom{
	position: absolute;
	right:0;
	top:-10px;
}
.p-btn-recherche-bottom {
	text-align: center;
}
.p-btn-recherche-bottom input {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 204px;
}
.p-btn-recherche-bottom button {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
}
.btn-blue{
    padding: 8px;
	background-color: #007abd;
	border: none;
	color: white;
	cursor: pointer;
	border-radius: 4px;
}
.btn-black{
    padding: 8px;
	background-color: black;
	border: none;
	color: white;
	cursor: pointer;
	border-radius: 4px;
}
.btn-white{
    padding: 8px;
	background-color: white;
	border: 1px solid #bebebe;
	color: light-grey;
	cursor: pointer;
	border-radius: 4px;
}

.circulaire_details {
	width: 100%;
	margin: auto !important;
	margin-top: 42px !important;
}
.circulaire_details tr:not(:last-child) {
	border-bottom: 1px solid #ccc;
}
.circulaire_details tr td {
	padding: 2em 0 !important;
	line-height: 1.5em;
}
.circulaire_details tr td:first-child {
	font-weight: bold;
	width: 210px;
}
.circulaire_details tr td:nth-child(2) {

}
#circulaire_description {
	font-size: 14px;
}
#table_suivi div:not(:first-child) {
	margin-top: 20px;
}
#td_concerne {
	line-height:2em;
}
#td_concerne #titre_organisant {
	margin: 16px 0 16px 0;
	font-weight: bold;
}
#td_concerne #titre_reseaux {
	margin: 0 0 16px 0;
	font-weight: bold;
	line-height: 1em;
}
#document_view #h2_circulaire {
    border-top: 1px solid black;
	border-bottom:1px solid black;
	display: flex;
	justify-content: flex-end;
	text-align: left;
	margin-top: 28px;
	margin-bottom: 42px;
}
#document_view #h2_circulaire :first-child {
	flex: 50%;
	font-size : 24px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#document_view #h2_circulaire_2 {
	margin-top: 0;
	margin-bottom: 60px;
}
.cmtr {
	flex: 50%;
	text-align: right;
	padding-top: 21px;
}

/*********** documents **************/
.document_content,
.document_content p,
.document_content div {
	line-height : 1.5em;
}
.document_poste_le {
	height: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
	border-top: 1px solid black;
	border-bottom:1px solid black;
	margin-top: 28px;
	margin-bottom: 42px;
	color: #9c9c9c;
}
.document_image_right {
	float: right;
	width: 310px;
	height: 220px;
}
.document_image_top {
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
	width: 310px;
	height: 150px;
}
.document_image_top img{
	max-height: 150px;
}

/*********** search engine **********/
.search_engine_form {
	border: solid 1px #E5E5E5;
	background-color: #E5E5E5;
	border-radius:4px;
	margin-top: 25px;
	padding: 50px 250px;
}
.search_engine_form .form_input_and_button {
	display:flex;
	flex-direction:row;
	border:1px solid grey;
	background-color: white;
	padding: 2px;
	height: 28px;
}
.search_engine_form .form_input_and_button *{
	font-family: arial, "sans-serif" !important;
}
.search_engine_form .form_input_and_button input:first-child {
	flex-grow:2;
	border:none;
}
.search_engine_form .form_input_and_button input:focus {
	outline: none;
}
.search_engine_form .form_input_and_button input:last-child {
	width: 100px;
	border:1px solid #007abd;
	background:#007abd;
	color:white;
	cursor: pointer;
}
.search_engine_form .form_checkboxes {
	display:flex;
	flex-direction:row;
	margin-top: 22px;
}
.search_engine_form .form_checkboxes>div{
	margin-left: 10px;
}
.search_engine_form label{
	display: inline-block;
	margin-left: 8px;
	margin-bottom: 8px;
}
.search_engine_results h2 {
	margin-top: 45px;
	font-family: arial, "sans-serif" !important;
	font-size: 20px;
	text-align: center;
}

.search_tabulation {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.search_tabulation div:not(:first-child) {
	margin-left: 10px;
}
.search_tabulation a:active,
.search_tabulation a:hover{
	color: white;
}
.search_tabulation a.current{
	background-color: white;
	border: 1px solid #007abd;
	color: black;
}

.document_content .brochure {
	text-align: center;
	padding: 46px;
	background-color: #e5e5e5;
	border-radius: 4px;
}
.document_content .brochure div:first-child {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px;
}


div.cadre_erreur {
  color: #FFFFFF;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  border: solid 0px #E92D2E;
  background-color:  #E92D2E;
  overflow: hidden;
  border-radius                     : 6px;
}



/* ---------- cadre ok et ko ---------- */
div.cadre_ok {
  min-height: 130px;
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 135px;
  border: solid 5px #00CC00;
  background-color: #FFFFFF;
  color: #00CC00;
  background-image: url('http://enseignement.be/img/cadre_ok.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
  border-radius    :8px;
}

div.cadre_ko {
  min-height: 130px;
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 135px;
  border: solid 5px #CC0000;
  background-color: #FFFFFF;
  color: #CC0000;
  background-image: url('http://enseignement.be/img/cadre_ko.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  overflow: hidden;
  border-radius    :8px;
}



/* ---------- cadre question ---------- */
/* cadre_question inutilise? */
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;
}


/* ---------- cadre rss ---------- */
/* cadre_rss inutilis�? */

.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;   
 }


/* ---------- cadre banner ---------- */
/* cadre_banner inutilis� ? */
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 {
  xcolor: #FFFFFF;
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 10px;
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  border: solid 0px #DDDDDD;
  background-color:  #DDDDDD;
  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;
}


div.page_alerte_0 {
  display: none;
}

div.page_alerte_1 {
  display: '';
  background: #CC0000;
  color: #FFFFFF;
  padding: 8px;
  font-weight: bold;
  margin-bottom: 10px;
  border-radius: 4px;
}

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;
  width: 1230px;
  margin: 10px 0px 10px 0px;
  text-align: left;
  padding: 10px 10px 10px 10px;
  color: #FFFFFF;
  background-color: #CC0000;
}
 

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    :4px;
}

#circulaires_top_boxes {
	display: flex;
	justify-content: space-between;
}
#circulaires_top_boxes .top_box {
  flex: 50%;
  text-align: left;
  padding: 23px;
  border: solid 1px #E5E5E5;
  background-color: #E5E5E5;
  border-radius    :4px;
}

#circulaires_top_boxes .top_box:first-child {
	margin-right: 6px;
}
#circulaires_top_boxes .top_box:last-child {
	margin-left: 6px;
}
#circulaires_top_boxes .top_box h2 {
	margin-top: 0;
}
#circulaires_top_boxes .top_box button {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 204px;
}
div.cadre_exergue_gray {
  margin: auto;
  margin: 12px 0px 10px 0px;
  text-align: left;
  padding: 23px;
  border: solid 1px #E5E5E5;
  background-color: #E5E5E5;
  border-radius    :4px;
}

div.cadre_exergue_gray h2 {
	margin: 0 0 20px 0;
}

div.cadre_exergue_white {
  margin: auto;
  margin: 14px 0px 10px 0px;
  text-align: left;
  padding: 23px;
  border: solid 1px #E5E5E5;
  background-color: white;
  border-radius    :4px;
  position: relative;
}

div.cadre_exergue_white h2 {
	margin: 0 0 24px 0;
}

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

#search_screen *{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}

div.bloc_guide {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: solid 5px #E5E5E5;
  background-color: #E5E5E5;
  border-radius    :4px;
  display: block-cell;
  font-size: 20px;
  color: #0079BC;
  text-align: center;
  cursor: pointer;
  clear: both;
  height: 95px;
  overflow: hidden;:
}

div.bloc_guide p {
  font-size: 20px;
  color: #0079BC;
}


div.bloc_guide:hover {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #FFFFFF;
}

div.bloc_guide:hover p {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #FFFFFF;
}


/* test */

a.bloc_guide {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: center;
  padding: 5px 5px 5px 5px;
  border: solid 5px #E5E5E5;
  background-color: #E5E5E5;
  border-radius    :4px;
  display: block;
  font-size: 20px;
  color: #0079BC;
  text-align: center;
  cursor: pointer;
  clear: both;
  height: 95px;
  overflow: hidden;:
}
a.bloc_guide img  {
  width: 90px !important;
  float: left;
  margin-right: 5px;
  margin-bottom: 0px;
}
a.bloc_guide:hover  {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #FFFFFF;
}






/* table des matieres */
ul.tdm {
  list-style-position: outside;
  margin-left: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding: 0;
}
ul.tdm li {
  list-style-type: square;
  font-size: 20px !important;
  margin-bottom: 20px;
}
ul.tdm li a {
  font-size: 20px !important;
}

ul.tdm li ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.tdm li ul li {
  float: left;
  margin-left: 0px; 
  margin-right: 30px; 
  list-style-type: circle;
  margin-bottom: 8px;
}
ul.tdm li ul li a {
  font-size: 16px !important;
 
}




ul.tdm li ul li ul  {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.tdm li ul li ul li {
  display: inline  !important;
  float: left;
  margin-right: 10px;
  line-height: 8px !important;
}
ul.tdm li ul li ul li a::after {
  content: " , ";
}



ul.tdm li ul li ul li a {
  font-size: 12px !important;
}


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;
}

div.cadre_system_error {
  margin: auto;
  margin: 0px 0px 10px 0px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border: solid 5px #CC0000;
  background-color: #CC0000;
  border-radius    :4px;
  color: #FFFFFF;
}

/* int�gration de la FAQ das une page */
ul.faq_qrqr {
  list-style-type: none;
  list-style-position: outside;
  margin-left: 00px;
  padding-left: 0px;
  margin-bottom: 10px;
  padding: 0;
}
ul.faq_qrqr>li {
  background:#FFFFFF;
  border: dotted 1px #CCCCCC;
  border-radius: 8px;
  list-style-type: none;
  padding-top:    5px;
  padding-right:  8px;
  padding-bottom: 5px;
  padding-left:   8px;
 
}
ul.faq_qrqr div {
  margin-left: 0px; 
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 0px;
  padding-bottom: 8px;
}





/*--------------------------------------------------------------------------------*/
/* 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; }


/*--------------------------------------------------------------------------------*/
/* rubrique de A a Z  */
/*--------------------------------------------------------------------------------*/
div.Wizard_A_a_Z{
    column-count: 4;
    column-gap: 40px;
} 

div.Wizard_A_a_Z > ul > li{
    list-style: none;
}

div.Wizard_A_a_Z ul {
   margin: 0px 0px 10px 0px; 
   padding: 0px 0px 0px 0px;
} 
div.Wizard_A_a_Z ul li {
   margin: 0px 0px 5px 0px; 
} 


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

div.Wizard_A_a_Z ul li ul li {
   margin: 0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px;
} 

/*--------------------------------------------------------------------------------*/
/* 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;
}



div.img_legende {
  margin: auto;
  xwidth: 100%;
  color: #555555; 
  font-size: 11px; 
  text-align: left !important;
  xpadding: 2px 4px 2px 4px;
  max-width: 570px; 
}
div.img_credits {
  margin: auto;
  xwidth: 100%;
  color: #999999;
  font-size: 10px; 
  text-align: right !important;
  xpadding: 2px 4px 2px 4px;
  max-width: 570px; 
}
div.img_centre {
  width: 100%;
  margin: auto; 
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0px; 
  max-width: 570px; 
  xbackground-color: #EEEEEE;
  padding: 0px;
  text-align: center;
}
div.img_gauche {
  width: 270px; 
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  xbackground-color: #EEEEEE; 
  float: left;
  padding: 0px;
}
div.img_droite {
  width: 270px; 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 20px;
  xbackground-color: #EEEEEE; 
  float: right;
  padding: 0px;
}
div.img_colonne {
  width: 100%;
  margin: auto; 
  margin-top: 0px;
  margin-bottom: 20px; 
  xbackground-color: #EEEEEE; 
  padding: 0px;
}

div.img_page {
  width: 100%;
  margin: auto; 
  margin-top: 0px;
  margin-bottom: 20px; 
  xbackground-color: #EEEEEE; 
  padding: 0px;
  
}

div.img_gauche img , div.img_droite img , div.img_colonne img, div.img_page img {
  width: 100%;
}


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


div.cadre_newsflash {
  min-height: 50px;
  width: 570px;
  text-align: left;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 5px 5px 70px;
  background-image: url('http://enseignement.be/img/cadre_newsflash.jpg');
  background-repeat: no-repeat;
  background-position: 10px 10px; 
  color: #FFFFFF;
  border: solid 0px #3A80C2;
  background-color:  #3A80C2;
  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;
}
div.cadre_newsflash a {
  color: #FFFFFF;
}

div.cadre_newsflash a:hover {
  color: #000000;
}


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)  */
/*--------------------------------------------------------------------------------*/

.menu_m_container {
	display: flex;
	justify-content: space-between;
	margin-top: 22px;
}
.menu_m_container.menu_m_container_top {
	margin-top: 35px;
}
.menu_m_container .menu_m_content {
	text-align: center;
	margin: 0 15px;
	line-height: 1.4em;
}
a.menu_m {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 222px;
  height: 92px;
  border: solid 1px #AAAAAA; 
  border-color: #CCCCCC;
  border-radius: 8px;
}
a.menu_m:hover, a.menu_m:hover * {
  border-color: #0079BC;
  background-color: #0079BC;
  color: #fff !important;
}
a.menu_m .menu_m_span {
	color: black;
}
#h2_2_annuaire {
	margin-top: 47px;
}
/*--------------------------------------------------------------------------------*/
/* 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 {
  margin-bottom: 20px;
}
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 1px #0A0A0A;
  border-bottom: solid 0px #0A0A0A;
  border-left  : solid 1px #0A0A0A;
  border-right : solid 0px #0A0A0A;
  padding: 8px;
}
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   : 0;
  border-bottom: solid 1px #E5E5E5;
  border-left  : none;
  border-right : none;
  padding: 6px;
}
table.tbl_listing td b {
  font-weight: bold;
}

table.tbl_listing tr:first-child { 
  border-top: solid 1px #E5E5E5;
}
table.tbl_listing tr:last-child { 
  border-bottom: solid 1px #E5E5E5;
}

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_cll th {text-align: left;}
table.tbl_cll th:first-child {text-align: center;}
table.tbl_cll td {text-align: left;}
table.tbl_cll td:first-child {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;
}


table.tbl_oddeven tr:nth-child(even){
	background-color: #F0F0F0;
}
table.tbl_oddeven tr:nth-child(odd){
	background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------*/
/* 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 centre, 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 centre  ( 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 */
/*--------------------------------------------------------------------------------*/
div.curseur {
  margin: auto;
  padding: 4px 2px 4px 2px;  
  background: #EEEEEE;
  text-align: center;
  margin-bottom: 5px;
}
a.curseur  {
  background-image: none;
  padding: 2px 4px 2px 4px;
  border: solid 1px #EEEEEE;
  border-radius: 4px;
  margin: 0px 2px 0px 2px;
  cursor: pointer;
  color: #000000;
}
a.curseur:link    {color: #000000; border: solid 1px #5286bd; background-color: #FFFFFF;}
a.curseur:active  {color: #FF0000; border: solid 1px #FFFFFF; background-color: #5286bd;}
a.curseur:visited {color: #000000; border: solid 1px #5286bd; background-color: #FFFFFF;}
a.curseur:hover   {color: #FFFFFF; border: solid 1px #5286bd; 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;
}

/*--------------------------------------------------------------------------------*/
/* MODAL IMAGES */
/*--------------------------------------------------------------------------------*/
/* Style the Image Used to Trigger the Modal */
#img2modal {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#img2modal:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1200px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/*--------------------------------------------------------------------------------*/
/* ABC des demarches */
/*--------------------------------------------------------------------------------*/
div.abc_demarches {
  padding : 8px 8px 8px 8px;
  border: solid 2px #CCCCCC;
  background-color: #f5f5f5;
  font-size: 16px;
  font-weight: bold;
  font-family: DrescherGroteskBT-SmallSizes;
}
div.abc_demarches ul {
  margin : 0px 0px 0px 20px;
  list-style-type: none;
  list-style-image : url('/img/abc_fleche.png');
}

div.abc_demarches ul li {
  margin : 0px 0px 0px 0px;
}


div.abc_demarches a {
  color: #0A0A0A;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: normal;
}

div.abc_demarches a:hover {
  color: #000000;
  font-weight: bold;
}

/*--------------------------------------------------------------------------------*/
/* 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;
}

table.tbl_criteres th {
	background-color: white;
	padding-bottom: 22px;
	font-size: 16px;
	font-weight: normal;
}

table.tbl_criteres tr td {
	width: 300px;
}

#zone_unite ul {
	padding-left: 0;
	margin-left: 0;
	line-height:1.5em;
}

#zone_reseau ul {
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
	line-height:1.5em;
}
#zone_reseau ul>ul {
	font-weight: normal !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
#zone_reseau ul>ul span::after {
  content: " - ";
}

#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: outside;
  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;
}


/* CSS charte graphique MFWB 2018 */
div.box_news {
 width: 270px;  
 height: 255px;  
 padding: 0px 0px 15px 0px;;  
 margin: 0px 30px 30px 0px;  
 background-color: #F2F2F2;
 overflow: hidden;
 float: left;
}

div.box_news a {
  color: #0A0A0A;
}
div.box_news a:hover {
  color: #0079BC;
  height: 300px;
}
div.box_news div.box_image {
  width: 270px;
  padding: 0px;
  margin: 0 0 15px 0;
  max-height: 270px;
}
div.box_news div.box_titre {
  padding: 0px 15px 0px 15px;
  margin: 0 0 5px 0;
  font-size: 16px; 
  line-height: 1.2em;
  font-weight: bold;
}
div.box_news div.box_date {
  padding: 0px 15px 0px 15px;
  margin: 0 0 5px 0;
  text-align: right;
  color: #CCCCCC;
}
div.box_news div.box_chapeau {
  padding: 0px 15px 0px 15px;
  margin: 0 0 5px 0;
}
div.box_news div.box_texte {
  padding: 0px 15px 0px 15px;
  margin: 0 0 5px 0;
}
div.box_news div.box_lien {
  padding: 0px 15px 0px 15px;
  text-align: right;
  margin: 0 0 5px 0;
}



/****
 * @todo by khalid
 * ****/
#news-liste{

}

#news-liste .news{
  background-color: #E8E8E8;
}

#news-liste .col_1_4{
  margin: 5px;
  padding: 8px;
  width: 210px;
  height: 250px;
  position: relative;  
}

#news-liste .news .news_titre {
  color: #0079BC;
  font-weight: bold;
  font-size: 13px;
}
#news-liste .news .news_titre span{
  font-weight: normal;
}

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

#news-liste .news div {
  height: 65px;
  width: 210px;
  background-color: #FFFFFF;
  text-align: center;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

#news-liste .news img {
  margin: 0px 0px 0px 0px;
  max-height: 66px;
  max-width: 210px;
}


/*******/

/***** Accessibilite ****/
.sr-only {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden;
    white-space: nowrap;
}

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