/* ----------Définitions générales----------- */
body {
	margin: 0;
  	padding: 0;
  	font: small Arial, Helvetica, Verdana, sans-serif;
	color: white;
	background-color: #d0d0d0;
	}

body#antpublic {  
    margin: 0;
  	padding: 0;
  	font: small Arial, Helvetica, Verdana, sans-serif;
	color: white;
	/*text-align: center;*/
	background: #d0d0d0 url(../images/trameHeader.png) repeat-x top left;
	}

/* BLOC DE BASE */
div#level1 {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
		padding: 0px;
		color: #666666;
        width: 1000px;
        text-align: left;
	}

div#level1Priv {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
		padding: 0px;
		color: #666666;
        width: 1000px;
        text-align: left;
	}

/* HEADER */
#header {
	margin: 0;
  	padding: 0px 10px 33px 10px;
	min-width: 980px;
	text-align: left;
	height: 132px;
	border: 0;
	}

.imgleft {
	float: none;  /* necessaire pour ie pour qu'il n'ajoute pas en-dessous un bord d'environ 2px */
	position: relative;
	padding: 0;
	border: 0;
	margin: 0;
	}

p.headerp{
	margin: 0px;  /* problème margin:0 avec IE il faut absolument specifier le height*/
	padding: 10px 0 0 0;
	height: 30px;
	}

.header1 {
	font-family: Arial,Verdana,Helvetica;
	font-weight: bold; 
	font-size: 1em;
	color: rgb(34,39,139);
	text-decoration : none;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	/*background: rgb(255,255,255) url(../images/menu_st.gif) no-repeat center left;*/
	}
/*
.imgleft{
	float:left;
	border: 0;
	}
.imgright{
	float:right;
	border: 0;
	}
*/


/* MAIN DIV */
#main {
  	clear: both;
	width: 100%;
  	margin-top: 0px;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	}

#main2 {
  	margin-top: 0px;
	}

table#contentTable{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background-color: #ffffff;
	width: 100%;
	}

#contentLeft {
  	float: left;
  	margin: 0;
  	padding: 0;
	color: black;
  	width: 180px;
	}

#contentLeftTabl {
  	margin: 0;
  	padding: 10px 10px 10px 20px;
  	color: black;
	vertical-align: top;   /* necessaire pour le td dans mode tableau */
  	width: 150px;
	background: #d8d8d8 url(../images/bg_left.gif) repeat-y 0px 0px;
	}

#contentLeft .inner,#contentLeftTabl .inner {
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
	/*background-color: #f0f0f0;*/
	width: 150px;
	}

#contentRight {
  	float: right;
  	margin: 0;
  	padding: 0;
	color: black;
	width: 235px;
	}

#contentRightTabl {
  	margin: 0;
  	padding: 0px 10px 0px 0px;
	color: black;
	vertical-align: top;   /* necessaire pour le td dans mode tableau */
	width: 225px;
	background: #ececec url(../images/bg_right.gif) repeat-y 0px 0px;
	}

#contentRight .inner,#contentRightTabl .inner  {
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: #ececec url(../images/bg_right_effet.gif) no-repeat bottom left;
	width: 225px;
	}

div#contentMain {
  	margin: 0px 235px 0px 180px;
  	color: black;
	}

td#contentMain {
  	margin: 0px 235px 0px 180px;
	padding: 0;
  	color: black;
	vertical-align: top;  /*necessaire pour le td dans mode tableau */
	}

div#contentMain .inner {
  	margin: 0;
  	padding: 0px 20px 10px 20px;
	}

td#contentMain .inner {
  	margin: 0;
  	padding: 0px 20px 10px 20px;
	}

#clearone {
	clear: both;
	height: 1px;
	}

#contentLeftTablspe {
  	margin: 0;
  	padding: 0px 0px 0px 10px;
  	color: black;
	vertical-align: top;   /* necessaire pour le td dans mode tableau */
  	width: 170px;
	height: 10px;
	/*background: url(../images/layer1_menuleft-top.gif) no-repeat bottom left;*/
	}
#contentRightTablspe {
  	margin: 0;
  	padding: 0px 10px 0px 0px;
	color: black;
	vertical-align: top;   /* necessaire pour le td dans mode tableau */
  	width: 225px;
	height: 10px;
	/*background: url(../images/layer1_menuleft-top.gif) no-repeat bottom right;*/
	}
td#specialmenus1 {
  	margin: 0 235px 0 180px;
	padding: 0;
  	color: black;
	vertical-align: top;  /*necessaire pour le td dans mode tableau */
	}


/* FOOTER */
#footer {
	clear: both;
	margin: 0px;
	padding: 0px 20px 15px 20px;
	font-size: 85%;
	color: #c2c2c2;
	text-align: left;
	background: #333333 url(../images/footer_bg.png) repeat-x top left;
  	border-top: 1px solid #212121;
	}
#footer a {
	color: #c2c2c2;
	text-decoration: none;
	}
#footer a:hover {
	color: #c2c2c2;
	text-decoration: underline;
	}


/* BOXE GAUCHE */
div.boxleft {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	background-color: #ffffff;/*f0f0f0*/
	/*border-top: 5px solid #d8d8d8;*/
	border-top: 0px solid #ff0000;
	}
div.boxleft h3 {
	margin: 0;
	padding: 4px 10px 4px 10px;
	font-size: 100%;
	color: #ffffff;
	background-color: #555555;
	}
div.boxleft p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 85%;
	color: #555555;
	}
div.boxleft p a {
	color: #ef1c2f;
	text-decoration: none;
	}
div.boxleft p a:hover {
	color: #555555;
	text-decoration: underline;
	}
/* left or right depending on where die auth is located */
div.boxleft div {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 85%;
	color: #555555;
	}
/* necessaire pour IE si on veut controler la position */
div.boxleft div form {
	margin: 0;
	padding: 0;
	}


/* BOXE DROITE */
div.boxright {
	margin: 0;
	padding: 12px 11px 12px 11px;
	width: 203px;
	border-bottom: 3px solid #ffffff;
	}
div.boxright h3 {
	margin: 0;
	padding: 0px 0x 0px 0px;
	color: #ef1c2f;
	font-weight: bold;
	font-size: 135%;
	}
div.boxright p {
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-size: 85%;
	color: #555555;
	border-bottom: 1px solid #ffffff;
	}
div.boxright p a {
	color: #555555;
	text-decoration: none;
	}
div.boxright p a:hover{
	color: #ef1c2f;
	text-decoration: underline;
	}
div.boxright div {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #555555;
	}
div.boxright div form {
	margin: 0;
	padding: 5px 0px 5px 0px;
	}

/* BOXE DROITE ROUGE */
div.boxrighttransligne {
	margin: 0;
	padding: 0;
	width: 225px;
	border-bottom: 3px solid #ffffff;
	}
div.boxrighttrans {
	margin: 0px 0px 0px 0px;
	padding: 12px 11px 12px 11px;
	width: 201px;
	background-color: #f6e0e2;
	border: 1px solid #f78d97;
	}
div.boxrighttrans h3 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #ef1c2f;
	font-weight: bold;
	font-size: 135%;
	background: url(../images/puce_red.png) no-repeat 0px 3px;
	}
div.boxrighttrans p {
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 85%;
	color: #555555;
	border-bottom: 2px solid #ffffff;
	}
div.boxrighttrans p a {
	color: #555555;
	text-decoration: none;
	}
div.boxrighttrans p a:hover {
	color: #555555;
	text-decoration: underline;
	}
div.boxrighttrans div {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: rgb(87,74,72);
	}
div.boxrighttrans div form {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	}


div.boxright p img,div.boxrighttrans p img {
	border: 3px solid #c8c8c8;
	}
div.boxright p img.trans,div.boxrighttrans p img.trans {
	padding: 5px 0px 5px 0px;
	border: 0px;
	}
div.boxright p.authpar,div.boxrighttrans p.authpar {
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-size: 85%;
	color: #555555;
	}


/* INPUT */
input.authincludeinput {
	margin: 0px;
	padding: 1px 5px 1px 3px;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width: 110px;
	}
input.authincludesubmit {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #666666 #333333 #333333 #666666;
	cursor: pointer;
	}
input[type=submit]:hover, input[type=reset]:hover {  /* hover */
	background-color: #777777;
	border-width: 1px;
	border-style: solid;
	border-color: #777777 #444444 #444444 #777777;
	}


/* SITE MAP STYLE */
ul.antsitemap{
	list-style-type: none;
	list-style-position: outside;
	padding-top: 2px;
	margin-left: 0px;
	color: #666666;
	text-align: left;
	}

ul.antsitemap li a {
	color: #ef1c2f;	
	text-decoration: none;
	}
ul.antsitemap li a:hover {
	color: #ef1c2f;
	text-decoration: underline;
	}

/* 
** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php  
*/ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

/* new for IE7 not supporting before and after , but a simple break seams to be enough */

br.antclearfix{
	display: block;
	font-size: 1px;
	line-height: 0; 
	height: 0; 
	clear: both;
	}
	
div#header img.imgprint{display:none;} 
div#footerprint {display:none;} 
 
/* printer styles*/ 
@media print{ 
	div#level1 {
		background-color: #ffffff;
		}
	/*hide the left and right column when printing*/ 
	#contentLeftTabl, #contentRightTabl, #contentLeftTablspe, #contentRightTablspe{display:none;} 
	#MenusContainer{display:none;}
	#OptionsContainer{display:none;}
	#boxSearch{display:none;}
	#boxAuth{display:none;}
	#contentMain{width: 100%;float: none;}
	/*.imgright{display:none;}*/
	#header {
		width: 100%;
		height: 136px;
		color: black;
		background-color: #ffffff;
		background-image: none;
		/*content: "King Belgium";*/
		text-align: center;
		}
	div#header img.imgleft{display:none;}	
	div#header img.imgright{display:none;}
	div#header img.imgprint{display:block;text-align: center;}
	div#footer {display:none;}
	div#footerprint {display:block;text-align:center;}
	
}
/* end printer styles */