body {

 font:  0.85em "trebuchet ms",arial,verdana,sans-serif;

 background-color: #A596B5;

 margin: 0px;

 text-align: center;

 color : #333333;

}



table {

    font-size: 100%;

}



td {

	font-size: 100%;

}



.event_box {

	background:#f4f4f4;

	border:1px solid #669933;

	padding: 5px;

}



.event_title{

	color: #663366;

	font-weight: bold;

	font-size:130%;	

}



.header1 {

 color:#663366; 

 position:absolute;

 top:40px; 

 left:300px; 

 font-size:180%;

}





.header2 {

 color:#9999cc; 

 position:absolute;

 top:90px; 

 left:550px; 

 text-align:right;

 font-size:130%;

}



a {

  color: #333333;

  background-color: inherit;

}



a:hover, #header a:hover  {

 background-color: #9999cc;

 color : #663366; 

 text-decoration: none;

}



hr{

	background-color:#ccc; /* Mozilla 1.4 */

	color:#ccc; /* IE 6 */

	border: #ccc; /* Opera 7.11 */

	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */

}



.step_highlighted {

	font-weight: bold;

	background-color: #ffcc66;

	padding: 0;

	margin: 0;

}



.step_grayed {

	background-color: #eee;

	padding: 0;

	margin: 0;

}



.error { 

    color: #FF0000;

}



.table_home{

	width: auto;

	border: none;

	font-size: 100%;

}



.cell_home{

	margin: 10px;

	padding: 10px;

	vertical-align: top;

	width: 50%;

}



.noborder{

 border:none;	

}



.floatleft {

 float: left;

 margin: 10px;

}



.clearfloats {

 clear: both;

}



.noborder{

	border :  0;

	background-color: #3399FF;

}





.col_right {

 text-align: right;

}

.col_left {

 text-align: left;

}



.col_center {

 text-align: center;

}

.col_center_small {

 text-align: center;

 width: 30px;

}



.col_right_em {

 text-align: right;

 background-color : #eeeeee;

}

.col_left_em {

 text-align: left;

 background-color : #eeeeee;

}



.col_center_em {

 text-align: center;

 background-color : #eeeeee;

}



.col_center_small_em {

 text-align: center;

 background-color : #eeeeee;

 width: 30px;

}



.tracking{}



.printonly{

	display : none;	

}





.infobox, .infobox_print {

	border : 1px dashed #333;

	background-color: #eee;

	text-align: center !important;

	padding: 10px;

	margin: 10px;

}



.progress_done{

 background-color : #ffcc66;	

}



.progress_remaining{

 background-color : #f9f3cb;	

}





.emph {

  margin-right: 50px;

  color: #FF0000;

}



.langue {

  position : absolute;

  top: 10px;

  left: 210px;

 }



.slogan {

  position : absolute;

  top: 55px;

  left: 20px;

  font-size: 90%;

}



.steps {

	width: 100%; 

	border:0; 

	border-collapse: collapse;

}







.username{

	position:  absolute;

	top: 35px;

	left: 570px;

}



.userid{

	position:  absolute;

	top: 35px;

	left: 210px;

}



.login {

 position: absolute;

 top: 10px;

 left: 570px;

}



.logo {

 position: absolute; 

 top: 5px;

 left: 20px;

}



h1 {

 color: #663366;

 font-size: 130%;

 border-bottom : solid #663366 1px;

}



h2 {

 font-size: 120%;

 width: 100%;

 border-bottom : solid #333 1px;

}



h3 {

 font-size: 110%;

 width: 75%;

 border-bottom : solid #999 1px;

}



pre {

 font-size: 115%;

}



h4, h5 {

 font-size: 100%;

}



.print {

 width:100%;

}



.imprimer a img {

 border: 0;

 text-decoration: none;

}



.imprimer a:hover{

	background-color: #fff;

}



.helpertext{

    position: absolute;	

    visibility: hidden;

    border: 1px solid #000;

    padding: 10px;

    font-size: 100%;

    background-color: #FFCC66;

}



#curseur {

    width: 200px;

}



#conteneur{

	width : 895px;

 	text-align: left;

 	color : inherit;

 	background-color: inherit;

	margin-top: 10px;

	margin-left: auto;

	margin-right : auto;

	margin-bottom : 5px;



}







#header {

  position : relative;

  background-color: #fff;

  color: #333;

  width: 896; /* old: auto*/ 

  height: 144px;

  background: url(../images/bgtop.png) top left no-repeat;

  padding: 0;

  margin-bottom : 0;

}



#header a{

  text-decoration: none;

  color: #333;

}



#header a img {

  border:0;

}



#contentarea{

	width: 893px;

	margin-top: 0;

background-color :#fff;

	border: solid #eee 1px;

}



#menu {

 float: left;

 text-align: left;

 width: 165px;

 color: #333333;

 padding: 35px 40px 5px 40px;

}



#menu ul { 

 list-style-type: none;

 text-align: left;

 margin: 0;

 padding: 0px 5px 0px 10px;

}



#menu p {

	font-weight: bold;

	margin: 10px 5px 0px 0px;

}



#menu li { 

 border-bottom : dotted #333333 1px;

}



#menu a {

 color :  #333333;	

 text-decoration: none;

}





#contenu {

 	float: left;

	width: 575px;

 	padding : 10px 25px 10px 46px;

/*	border-right:1px solid #dddddd; */

}





#contenu p {

  text-align : justify; 

}



#contenu li {

  text-align : justify; 

}



#contenu input, #contenu textarea {

 font: inherit;

 color: #333333;

 margin-bottom: 6px;

 vertical-align: middle;



}



#contenu table tr td img {

	vertical-align: middle;

}



#contenu a img {

	border : 0;

}



#footer {  

    width: 890px;

	font-size: 85%;

	text-align: left;

	padding: 5px 5px 5px 5px;

 	color : inherit;

 	background-color: inherit;

	margin-left: auto;

	margin-right : auto;

}



#footer a {

 color :  #333333;	

 text-decoration: none;

}

#footer a img {

 border:0;

}



/*         Formulaires =====>> */



.tinyform{

	border:none;

	margin:0;

	padding:0;

	display:inline;

}



form td.label { 

    text-align: right; 

    vertical-align: top;

    font-weight: bold;

}



form td.note { 

    text-align: left;

    vertical-align: top;

    font-size: 90%;

}



form td .requis { 

    color: #FF0000;

}



form td .erreur { 

    color: #FF0000;

}



input { 

    background: #eeeeee;

    border: 1px solid #333333;

    color: #333333;

    cursor: pointer;

}



input:focus { 

    background: #FFF;

}



textarea { 

    background: #eeeeee;

    border: 1px solid #333333;

    color: #333333;

    cursor: pointer;

}



select { 

    background: #eeeeee;

    border: 1px solid #333333;

    color: #333333;

    font-size: 95%;

    cursor: pointer;

}



textarea:focus { 

    background: #FFF;

}



select:focus { 

    background: #FFF;

}



/* <<=====      Formulaires */