/***********************************************
	Nom:		style.css
	Auteur:	Tous	
	Créé le:	07/02/07
	Revisé par:	Tous
	Révisé le:	Tous les jours
	Copyright:	(c) 2007 Atemis SA	
/***********************************************/

HTML,body{
	background: black url(/images/barre.gif) repeat-y fixed 50% 50%;
	text-align:center;
	height: 100%;
	padding:10px 0px 0px 0px;
	margin:0px;
	scrollbar-base-color:#336699; /*FOR IE */
	scrollbar-arrow-color: white; /*FOR IE */
}

form {
	margin: 0px;
	padding:0px;
	font-size:10px;
	color:#000000;
}
				
input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	height:18px;
	margin-bottom:5px;
	margin-top:5px;
	vertical-align:middle;
}
select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	height:18px;
	margin-bottom:5px;
	margin-top:5px;
	vertical-align:middle;
}
.search_td{
	padding-right:60px;
	height:18px;
}
#input_search{
	height:18px;
}
#input_log{
	height:18px;
}

#container{
	margin: 0 auto;
	position: relative;
	width:810px;
	text-align:center;
	background-color:#FFFFFF;
	min-height: 100%; /* For Modern Browsers */
    height: auto !important;  /*For Modern Browsers */
    height: 100%;  /*For IE */
}

#tl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

.topHeader{
	width:800px;
	
	background-color:#FFFFFF;
}



.footer{

	position: absolute;
	bottom: 0; left: 0; right:0px;
	width:800px;
	background-color:#336699;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:20px;
	vertical-align:baseline;
}


a.footer, a.footer:hover, a.footer:visited{
background-color:#336699;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:30px;
vertical-align:top;
padding: 15px 20px 10px 10px;
border-top: 1px solid #FFFFFF;
}


a.atemis, a.atemis:visited, a.atemis:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#hbarnav{
	background-image:url(../img/hbarnav_bg.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	text-align:left;
	height:30px;
	vertical-align:bottom;
	}

.hbarnav{
	padding :10px 20px 10px 20px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	}
	
#flash{
	text-align:left;
	margin-left:100px;
	}
	
.vlbarnav{
	background-color:#e6e6e6;
	width:90%;
	text-align:center;
	padding :0px 5px 10px 5px;
	margin-top: 20px;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}	
	
.vlbarnav_title{
	background-image:url(../img/vlbarnav.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:200px;
	text-align:left;
	padding :10px 20px 10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}	
.RDVvlbarnav_title{
	background-image:url(../img/vlbarnavRDV.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width:200px;
	text-align:left;
	padding :10px 20px 10px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}	
#content{
	text-align:left;
	padding :10px 10px 10px 10px;
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	vertical-align:top;
	}
	
.content_title{
	background-image:url(../img/content_bg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	width:380px;
	text-align:left;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
.content_title_lg{
	background-image:url(../img/content_lg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	width:500px;
	text-align:left;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
.NEWScontent_title{
	background-image:url(../img/NEWScontent_bg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	width:560px;
	text-align:left;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
.MAPOLOGNEcontent_title{
	background-image:url(../img/MAPOLOGNEcontent_bg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	width:560px;
	text-align:left;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
.onglet{
		border:1px solid #AAAAAA;
		background:#EEEEEE;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		height:25px;
		text-decoration:none;
		color:#000000;
		padding-left:2px;
		padding-right:3px;
		padding-top:2px;
		width:auto;
}
.onglet_on{
		border:1px solid #336699;
		background:#336699;
		font-weight:bold;
		color:#FFFFFF;
		text-align:center;
		vertical-align:middle;
		height:25px;
		padding-left:2px;
		padding-right:3px;
		padding-top:2px;
		/*text-decoration:none;*/
}
.onglet a,visited{
		border:0px;
		background:transparent;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		height:20px;
		text-decoration:none;
		color:#000000;
}
.onglet_on a, visited{
		border:0px;
		background:transparent;
		font-weight:bold;
		color:#FFFFFF;
		text-align:center;
		vertical-align:middle;
		height:20px;
		text-decoration:none;
}
.module{
	background-image:url(../img/module_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 27px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:224px;
	height:30px;
	cursor : pointer;
	text-decoration:none;
}
.module a,visited{font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;
	text-align:left;
}
.module a:hover{font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;}
.module_OnOver{
	background-image:url(../img/module_bg_on2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 27px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:224px;
	height:30px;
	cursor : pointer;
	text-decoration:none;
}
.module_On{
	background-image:url(../img/module_bg_on.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 27px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:224px;
	height:30px;
	cursor : pointer;
	text-decoration:none;
}
.module_on a{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;
}
.module_on a:hover{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;
}
.module_Off{
	background-image:url(../img/module_bg_off.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 27px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:224px;
	height:30px;
	cursor:pointer;
	text-decoration:none;
}

			
#vrbarnav{
	background-color:#5c85ad;
	width:150px;
	text-align:left;
	padding :5px 10px 20px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#ffffff;
	}	
	
.vrbarnav{
	background-image:url(../img/vrbarnav_bg.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	padding :20px 10px 10px 10px;
	background-color:#FFFFFF;
	text-decoration:none;
	}	
.vrbarnav a,a:hover{text-decoration:none;}
.vrbarnav_title{
	background-image:url(../img/vrbarnav.gif);
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	}	
		
.signin{
	text-align:center;
	padding :10px 0px 0px 0px;
	vertical-align: top;
	}	
	
.signin_title{
	width:200px;
	text-align:left;
	padding :10px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	}
	
a.signin, a.signin:visited{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:10px;
  	color:#006699;
	font-weight:normal;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	text-align:left;
}

a.signin:hover{
	text-decoration: none;
	color:#FF6600;
}
a.histo, a.histo:visited{
	font-family:Arial, Helvetica, sans-serif;
  	font-size:14px;
	font-weight:bold;
  	color:#FFFFFF;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	text-align:left;
}

a.histo:hover{
	text-decoration: none;
	color:#FF6600;
	/*font-weight:600;*/
}
a.qacces{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	}

a.qacces_pts{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	}

a.qacces:hover{
	text-decoration: none;
	font-weight:bold;
	color:#660000;
}

.saint{
	background-image:url(../img/saint_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 27px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	width:224px;
	height:30px;
}

.misc{
	background-image:url(../img/date_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding : 0px 10px 0px 10px;
	font-size:11px;
	height:30px;
}

.date{
	text-align:right;
	color:#006699;
	FONT-SIZE: 8pt;
}

.hello{
	text-align:left;
	color:#FFFFFF;
}
.h { FONT-SIZE: 8pt;
    color:red; 
	font-weight:bold;
	padding : 0px 10px 0px 10px;}
H1
{
    COLOR: #336699;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 15pt;
}
H3
{
	COLOR: #660033 ;
	FONT-SIZE: 16px;
	FONT-FAMILY: Verdana;
}
H4
{
	COLOR: #686cff;
	FONT-FAMILY: Verdana;
}
H5
{
    COLOR: yellow
}
H6
{
    COLOR: #336699;
}
h2 {
	background-image:url(../img/content_bg.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	width:380px;
	text-align:left;
	padding :10px 10px 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

.vide {}
.ridge {
border : 1px ridge;
}

.point 
{
	border-style: dashed;
	border-color: #EFC66E;
	border-width: 1px;
}


#table_top{font-size: 10pt}
table_top TH
{
	BACKGROUND-COLOR: #e6e6e6;
	color: #630A1C;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	border : 1px ridge;
}
table_top td 
{

	font-family: Verdana;
	font-size: 12px;
}
table {font-size: 10pt}

th
{
	BACKGROUND-COLOR: #5c85ad;
	color: #FFFFFF;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	padding : 0px 5px 0px 5px;
	FONT-SIZE: 12px;
	border : 1px ridge;
}
td           
{

	font-family: Verdana;
	font-size: 12px;
}
.nochoosen
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	
}

.nochoosen a
{
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none
	
}

.nochoosen td:hover
{
	
	BACKGROUND-COLOR: red;
}

.choosen a
{
	color: #000099;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	
}
.choosen
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #755446;
	FONT-FAMILY: Verdana;
	FONT-WEIGHT: bold;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	
}
.listxml span{
	color:#336699;
	background:transparent;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
}
.listxml a{
	color:#336699;
	background:#FFFFFF;
	text-decoration:none;
	padding-left:15px;
	font-size:10px;
	cursor:pointer;
}
.listxml a:hover{
	color: #660000;
	font-weight:bold;
	/*background:#336699;*/
	text-decoration:none;
	padding-left:15px;
	font-size:10px;
	cursor:pointer;
}
.listxml td{
	color:#336699;
	background:transparent;
	text-decoration:none;
	padding-left:15px;
	font-size:10px;
	cursor:pointer;
}
.listxml td:hover{
	color: #660000;
	font-weight:bold;
	/*background:#336699;*/
	text-decoration:none;
	padding-left:15px;
	font-size:10px;
	cursor:pointer;
}
.listXmlExpat a{
	color:#336699;
	background:transparent;
	text-decoration:none;
	padding-left:10px;
	cursor:pointer;
}
.listXmlExpat #resume{
	font-size:10px;
	font-style:italic;
	padding-left:20px;
}
Table.Expat{
}
Table.Expat th
{
 FONT-FAMILY: verdana; 
 padding-left : 5px; 
 FONT-SIZE:12px; 
 background-color:#EEEEEE;
 color:black;
 text-align:center; 
 border:1px solid  #CCCCCC;
}
Table.Expat td
{
	color : #000000;
	font-size: 11px; 
	font-family: verdana;
	padding-left:5px;
}
Table.Expat td.bold {
	font-weight : bold; font-size: 11px;
}
Table.Expat TD.boldRequired {
	font-weight: bold;
	font-size: 11px;
	color:#B22222;
}
Table.Expat td.small{
	font-size : 8pt; color : gray;
}
Table.Expat td.gray {
	color : gray; font-size: 11px;
}
Table.Expat td.white {
	color : black; background-color : #EEEEEE; font-size : 12px; font-weight : bold; border:1px solid #CCCCCC;
}
Table.Expat td.alert {
	font-weight : bold; color : #ff0000; font-size: 11px; 
}
.clsSzeroki{
	width : 100%;
}
.clsPrzycisk{
	FONT-FAMILY: Verdana, Helvetica, Arial, San-Serif;
	font-weight: bold;
	font-size:70%;
	color:black;
	background-color:white;
	border-color:#336699;
}

hr.separator{
	padding-left:5px; 
	padding-right:5px;
	color:#336699;
}

#cadre 
{ /* taille du cadre, à titre d'exemple */
width: 100%;
background-color: #e6e6e6;
}

/* propriétés communes à l'ensemble des 4 coins */

#hautgauche, #hautdroit, #basgauche, #basdroit
{
height: 6px; width: 6px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
#hautgauche
{
background: url(../img/hautgauche.gif);
}
#hautdroit
{
float: right;
background: url(../img/hautdroit.gif);
}
#basgauche
{
background: url(../img/basgauche.gif);
}
#basdroit
{
float: right;
background: url(../img/basdroit.gif);
}
#cadrebleu
{ /* taille du cadre, à titre d'exemple */
width: 100%;
background-color: #5B85AD;
}

/* propriétés communes à l'ensemble des 4 coins */

#hautgauchebleu, #hautdroitbleu, #basgauchebleu, #basdroitbleu
{
height: 6px; width: 6px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
#hautgauchebleu
{
background: url(../img/hautgauchebleu.gif);
}
#hautdroitbleu
{
float: right;
background: url(../img/hautdroitbleu.gif);
}
#basgauchebleu
{
background: url(../img/basgauchebleu.gif);
}
#basdroitbleu
{
float: right;
background: url(../img/basdroitbleu.gif);
}



#contenu p 
{
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

#td_action
{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
text-align:center;
cursor:pointer;
}
.alpha{
	color : #000000;
	background:#FFFFFF;
	font-weight : bold;
	font-size: 11px; 
	font-family: verdana;
	padding:5px;
	text-decoration:none;
}
.alpha:hover{
	color : #FFFFFF;
	background:#336699;
	font-weight : bold;
	font-size: 11px; 
	font-family: verdana;
	padding:5px;
	text-decoration:none;
}
.alphaSelected{
	color : #FFFFFF;
	background:#336699;
	font-weight : bold;
	font-size: 11px; 
	font-family: verdana;
	padding:5px;
	text-decoration:none;
}
.alphaSelectedPage{
	color : #336699;
	background: transparent;
	font-weight : bold;
	font-size: 11px; 
	font-family: verdana;
	padding:5px;
}
#listTitle{
	color:#003399;
	font-size: 12px; 
	font-weight:bold;
}
#listDetail{
	color:#000000;
	font-size: 10px; 
	
}
hr.xml_listseparator{
	padding-left:5px; 
	padding-right:5px;
	color:#EEEEEE;
}
a.menuitem {
	color:#336699;
	text-decoration:none;
	font-size:11px;
	font-family: Verdana;
}

a.menuitem:hover{
	color:#BB2222;
	text-decoration:none;
	font-size:11px;
	font-family: Verdana;
}
.keycounter{
	color:#AAAAAA;
	font-family:verdana;
}
a.followme_nodeco{
	color:#336699;
	text-decoration:none;
	font-weight:bold;
}
a.followme_nodeco:hover{
	color:#BB0000;
	text-decoration:none;
	font-weight:bold;
}