.dialogBackgroundDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	height:100;
	width:100;
	background-color:#000000;
	z-index:5000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
}

@media screen{
	#systemeu-local-body {
		FONT-FAMILY: verdana,arial,sans-serif;
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
		BACKGROUND-COLOR: #ebf1ff;
		FONT-SIZE: 11px;
	}
}
@media print{
	#systemeu-local-body {
		FONT-FAMILY: verdana,arial,sans-serif;
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
		BACKGROUND-COLOR: #ffffff;
		FONT-SIZE: 11px;
	}
}

#systemeu-national-body {
	FONT-FAMILY: verdana,arial,sans-serif;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #1452A7;
	FONT-SIZE: 11px;
}


#systemeu-page {
	PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: center;
}
DIV.marges-portlet {
PADDING-RIGHT: 5px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
TEXT-ALIGN: left;
ALIGN: left;
}
INPUT.w100 {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: 1px solid;
}

INPUT.w100-small-center {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: 1px solid;
TEXT-ALIGN:center;
FONT-SIZE:10px;
}

INPUT.w40-small-center {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 40px;
BORDER-BOTTOM: 1px solid;
TEXT-ALIGN:center;
FONT-SIZE:10px;
}

INPUT.w100-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

INPUT.w200-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 200px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

INPUT.w140-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 140px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

SELECT.w40-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 40px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

SELECT.w100-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

SELECT.w200-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 200px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

SELECT.w140-small {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 140px;
BORDER-BOTTOM: 1px solid;
FONT-SIZE:10px;
}

INPUT.w140 {
	BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
WIDTH: 140px;
BORDER-BOTTOM: 1px solid;
}
@media screen{
	#systemeu-fond-bleu {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 10px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
		BACKGROUND-COLOR: #d2e3ff;
}
}
@media print{
	#systemeu-fond-bleu {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 10px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px;
		BACKGROUND-COLOR: #d2e3ff;
		display:none;;
}
}
#systemeu-fond-bleu-clair {
    background-color:#EAF2FF;
    margin: 0px;
	padding: 0px;
}
#systemeu-fond-blanc {
	PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BACKGROUND-COLOR: #ffffff;
}
.titre-rouge {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #F00;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:4px;
}
.pointillesTop{
    border-top:1px dotted #98A2AE;
}

/* Définition des paragraphes du menu de la page d'accueil */
p.retrait{
    margin-left: 29px;
    clear:both;
}

/*  */
/* Titre de la portlet standard */
h2.standard-titlebar{
    display:inline;
	margin:0;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size:13px;
	color:#1452A7;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
    text-align:left;
}

/* Contenu de la portlet standard */
#standard-content{
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
}

.big{font-size:14px;}

p{margin:0px;margin-bottom:10px;}

img.vignette
{
  float:left;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-top: 0px;
  WIDTH:65px;
  HEIGHT:50px;
  text-decoration:none;
  border:0px;
}

#systemeu-portal-window-content img.vignette
{
  float:left;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-top: 0px;
  WIDTH:65px;
  HEIGHT:50px;
  text-decoration:none;
}

/*********************/
/* Styles du header  */
/*********************/
/* Definition du bandeau du haut */
#systemeu-header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* Suppression du rebord sur les images clicables */
#systemeu-header img {
	border: 0;
}

/* gestion des liens du header */
#systemeu-header .liensTopLocal{
	text-align: right;
	margin-top: 2px;
	color: #1452A7;
}

#systemeu-header .liensTopLocal a{
	color:#1452A7;
    text-decoration:underline;
}

#systemeu-header .liensTopLocal a:hover{
    color:#1452A7;
    text-decoration:none;
}

#systemeu-header .liensTopNational{
	text-align: right;
	margin-top: -1px;
	color: #FFFFFF;
}

#systemeu-header .liensTopNational a{
	color:#FFFFFF;
    text-decoration:underline;
}

#systemeu-header .liensTopNational a:hover{
    color:#FFFFFF;
    text-decoration:none;
}


.pointillesTop {
	BORDER-TOP: #98a2ae 1px dotted;
}
P.retrait {
	CLEAR: both;
MARGIN-LEFT: 29px;
}
H2.standard-titlebar {
	CLEAR: both;
DISPLAY: inline;
FONT-SIZE: 13px;
MARGIN: 10px 0px 5px;
COLOR: #1452a7;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-ALIGN: left;
}
H2.ci-titlebar {
	CLEAR: both;
DISPLAY: inline;
FONT-SIZE: 16px;
MARGIN: 10px 0px 5px;
COLOR: #1452a7;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-ALIGN: left;
}
#standard-content {
	FONT-SIZE: 11px;
WIDTH: 100%;
FONT-FAMILY: Arial, Helvetica, sans-serif;
HEIGHT: 100%;
TEXT-ALIGN: left;
}
.big {
	FONT-SIZE: 14px;
}
P {
	margin:0px;
	margin-bottom:10px;
}

P.horaires {
	PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../../../../../images/portlets/carte_identite/pg-fond-carte-identite-horaires.gif) no-repeat center top;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: 130px;
PADDING-TOP: 0px;
HEIGHT: 66px;
TEXT-ALIGN: center;
}
@media screen{
	#systemeu-header {
		FONT-SIZE: 10px;
		FONT-FAMILY: Arial, Helvetica, sans-serif;;
}
}
@media print{
	#systemeu-header {
		FONT-SIZE: 10px;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		display:none;;
}
}
#systemeu-header IMG {
	BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
BORDER-RIGHT-WIDTH: 0px;
}
#systemeu-header .liensTop {
	MARGIN-TOP: 2px;
COLOR: #1452a7;
TEXT-ALIGN: right;
}
#systemeu-header .liensTop A {
	COLOR: #1452a7;
TEXT-DECORATION: underline;
}
#systemeu-header .liensTop A:hover {
	COLOR: #1452a7;
TEXT-DECORATION: none;
}

.tabnormal {
	FONT-SIZE: 9px;
MARGIN: 0px;
TEXT-TRANSFORM: uppercase;
COLOR: #1452a7;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #ffffff;
}
.tabnormal A {
	COLOR: #1452a7;
TEXT-DECORATION: none;
}

@media screen{
#systemeu-national-footer {
	TEXT-ALIGN: center;
	FONT-SIZE: 10px;
	FONT-STYLE: normal;
	COLOR: #FFFFFF;
}
}
@media print{
#systemeu-national-footer {
	TEXT-ALIGN: center;
	FONT-SIZE: 10px;
	FONT-STYLE: normal;
	COLOR: #FFFFFF;
	display:none;
}
}

#systemeu-national-footer a{
	color:#ffffff;
    text-decoration:underline;
}

#systemeu-national-footer a:hover{
    color:#ffffff;
    text-decoration:none;
}





#systemeu-footer {
	CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../images/pg-pied-page.gif) #ebf1ff no-repeat left top;
PADDING-BOTTOM: 0px;
WIDTH: 757px;
PADDING-TOP: 0px;
FONT-STYLE: normal;
HEIGHT: 14px;
TEXT-ALIGN: center;
}
#systemeu-footer .on {
	COLOR: #f00;
}
#systemeu-footer_ext {
	CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../images/pg-pied-page_extensiondroite.gif) #ebf1ff left top;
PADDING-BOTTOM: 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
FONT-STYLE: normal;
HEIGHT: 13px;
TEXT-ALIGN: center;
}
#systemeu-footer2_gauche {
	CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../images/pg-pied-page-accueil-gauche.jpg) #ebf1ff no-repeat left top;
PADDING-BOTTOM: 0px;
WIDTH: 343px;
PADDING-TOP: 0px;
FONT-STYLE: normal;
HEIGHT: 14px;
TEXT-ALIGN: center;
}
#systemeu-footer .on {
	COLOR: #f00;
}
#systemeu-footer2_droite {
	CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../images/pg-pied-page-accueil-droite.jpg) #ebf1ff left top;
PADDING-BOTTOM: 0px;
WIDTH: 275px;
PADDING-TOP: 0px;
FONT-STYLE: normal;
HEIGHT: 13px;
TEXT-ALIGN: center;
}
#systemeu-footer2_centre {
	CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 10px;
BACKGROUND: url(../images/pg-pied-page-accueil-centre.jpg) #ebf1ff left top;
PADDING-BOTTOM: 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
FONT-STYLE: normal;
HEIGHT: 14px;
TEXT-ALIGN: center;
}

@media screen {
	.liens-footer {
    font-style:normal;font-size:10px;text-align:center;
	}
	.footer-print {
		width:100%;
		align:center;
		text-align:center;
		display:none;
	}
	.footer-noprint {
		display:block;
	}
}
@media print{
	.liens-footer {
    font-style:normal;font-size:10px;text-align:center;
		display: none;
	}
	.footer-print {
		width:100%;
		align:center;
		text-align:center;
		display:block;
	}
	.footer-noprint {
		display:none;
	}
}

@media screen {
	#systemeu-portal-window-content {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FONT-SIZE: 11px;
		PADDING-BOTTOM: 0px;
		PADDING-TOP: 0px;
		FONT-STYLE: normal;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		TEXT-ALIGN: left;
}
}
@media print {
	#systemeu-portal-window-content {
		PADDING-RIGHT: 45px;
		PADDING-LEFT: 0px;
		FONT-SIZE: 10px;
		PADDING-BOTTOM: 0px;
		PADDING-TOP: 0px;
		FONT-STYLE: normal;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		TEXT-ALIGN: left
		display: none;;
}
}
#systemeu-portal-window-content H1 {
	CLEAR: both;
FONT-SIZE: 12px;
MARGIN: 0px 0px 3px;
COLOR: #1452a7;
}
#systemeu-portal-window-content A {
 TEXT-DECORATION : underline;
}
#systemeu-portal-window-content A:hover {
 TEXT-DECORATION : none;
}

#systemeu-portal-window-content A.titrereferencement:hover{
	/*text-decoration:underline;*/
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:left;
	color:#1f548a;
}
#systemeu-portal-window-content A.titrereferencement{
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:left;
	color:#1f548a;
}
#systemeu-portal-window-content A.titrereferencement:visited{
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:left;
	color:#1f548a;
}

#systemeu-portal-window-content h3.titrereferencement{
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	text-align:left;
	color:#1f548a;
}

table
{
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  FONT-SIZE: 11px;
  PADDING-BOTTOM: 0px;
  PADDING-TOP: 0px;
  FONT-STYLE: normal;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-ALIGN: left;
}

/**********************************/
/* Styles pour la portlet poi_gps */
/**********************************/

#tomtom
{
    width:522px;
    height:77px;
    background-image:url(<%=imagesPath%>BT_Tomtom.png);
}

#lecentre .bluebold
{
    color:#2d6fc4;
    font-weight:bold;
    font-size:12px;
}

#lecentre .decale a
{
    color:#dc0201;
    font-size:11px;
    text-decoration:underline;
}

#lecentre .decale a:hover
{
    color:#dc0201;
    text-decoration:none;
}

#lecentre .decale a:visited
{
    color:#dc0201;
    text-decoration:underline;
}

#cheminfer
{
    background-image: url(<%=imagesPath%>chemindefer.jpg);
    background-repeat: no-repeat;
    height: 16px;
    width:570px;
    font-size: 10px;
    text-align: center;
}

#lecentre .blocka
{
    padding:5px;
}

#lecentre .decale
{
    width:470px;
    margin-left:4%;
    font-size: 12px;
}

#lecentre .decale .legps
{
    width:100%;
    font-weight:bold;
    text-align:center;
}

#lecentre .decale .download
{
    width:100%;
    font-size:12px;
    text-align:center;
}

#lecentre .decale .liens
{
    width:100%;
    text-align:right;
}

#lecentre a img{
	background-color: none;
	text-decoration:none;
	border:0px;
}

/*********************************************************************************/
/* Styles pour les layouts afin de faire disparaître les colonnes à l'impression */
/*********************************************************************************/

@media screen {
TD.col_menu_gauche {
	WIDTH: 184px;
}
TD.col_menu_droite {
	WIDTH: 214px;
}
TD.col_menu_droite_nat {
	WIDTH: 231px;
}
}
@media print {
TD.col_menu_gauche {
	WIDTH: 0px;
	display:none;
}
TD.col_menu_droite {
	WIDTH: 500px;
	display:none;
}
TD.col_menu_droite_nat {
	WIDTH: 0px;
	display:none;
}
}
ul {
	list-style-image: url('/portailu/systemU/images/square.gif');
	list-style-type: square;
	
}
ul.cno {
	text-indent: 0px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px
}

#footer-barre{
    width:780px;
    height:30px;
    line-weight:30px;
    padding-top:5px;
    color:#ffffff;
    font-family:Arial;
    font-size:10px;
    font-weight:bold;  
}
    
#footer-barre a:link{
    color:#fff;
    text-decoration:none;
}  
    
#footer-barre a:visited{
    color:#fff;
    text-decoration:none;
}
#footer-barre a:hover{
    color:#fff;
    text-decoration:underline;
}
    
#footer-rubriques{
    font-size:10px;
    font-weight:bold;  
    font-family:Arial;
    color:#3c3c3c;
}
    
#footer-rubriques li{
    list-style:none;
    text-align:left:
	margin:0;
}
    
#footer-rubriques ul{
    margin-top:5px;
    font-size:9px;
    padding:0;
	margin-left:0;
}
    
#footer-rubriques td{
    width:150px;
}
    
#footer-rubriques a:link{
    color:#3c3c3c;
    text-decoration:none;
}    
#footer-rubriques a:visited{
    color:#3c3c3c;
    text-decoration:none;
}

#footer-rubriques a:hover{
    color:#3c3c3c;
    text-decoration:underline;
}
	
.lien-gras{
	font-weight:bold;
	font-size:11px;
	}
.LinkZone{
	display:block;
    width:100%;
	height:100%;
   }
/*** portelet login mode etendu ***/
/*** bakm: evol 255 ***/
#portlet {
	width: 573px;
	height:189px;
	margin: auto;
	color:white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5 px;
	padding-right: 0px;
	border: 1px solid #89a;
	text-decoration: none;
	background-color: white;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	border-color: #cc0098;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	behavior: url(border-radius.htc);
}

#wapper{
	margin:auto;
	width: 562px;
	
}

#col-gauche {
	width: 245px;
	height: 179px;
	color:black;
	float:left;
    text-align:left;
}
#col-droite {
	width: 291px;
	height: 154px;
	color: #ffb8cf;
	float:right;
	background-color:#cc0098;
	border: 5px solid #89a;
	text-decoration: none;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
	behavior: url(border-radius.htc);
	border-color: #cc0098;
	padding-top: 25px;
	padding-right: 10px;
    text-align:left;
}
#col-droite a img {
	text-decoration:none;
	border:none;
}
#wapper .avatar {
	float:left;
}
#wapper .plus {
	float:left;
	margin-bottom: 15px;
	margin-right: 7px;
}
#wapper .cadeau {
	clear:both;
	float:left;
	margin-bottom: 25px;
}
#wapper .attention {
	clear:both;
	float:left;
}


#block1gauche{
height:50px;
margin-bottom: 19px;
text-align:left;
}

#block2gauche{
clear:both;
width: 250px;
height:46px;
margin-bottom: 3px;
}

#block2gauche a {
color:#cc0098;
text-decoration:underline;
font-weight:bold;
line-height: 20px;
padding-right: 10px;
}

#wapper input{
width:95px;
margin-right: 6px;
color: #cc0098;
font-weight:bold;
text-align:center;
border: 1px solid #c7c7c7;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; /* pour Chrome */
	-webkit-border-top-right-radius: 5px; /* pour Chrome */
	behavior: url(border-radius.htc);

}
#wapper .messageerreur {
    font-family: verdana, arial, Helvetica, sans-serif;
    color: red;
}

#wapper .ok{
width: 20px;
height:20px;
background-image:url(images/ok.gif);
border:none;
position:relative; top:5px;
}

#wapper .titre {
	font-size: 17px;
	font-weight:bold;
	color:#cc0098;
}
#wapper .indentifiez {
	font-size: 13px;
	font-weight:bold;
	line-height: 15px;
}




#wapper .intitule{
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14.6px;
	line-height: 20px;
	color:white;
}


#wapper .souhaiter{
	line-height: 12px;
	padding-bottom: 14px;
}


#wapper .zone-texte
{
	width: 240px;
	float:right;
	font-size: 11px;
}

#wapper .puce-point{
	margin:0;
    float:left;
    width: 4px;
    height: 4px;
    margin-top: 5px;
	margin-right: 5px;
}

/*** bakm: fin evol 255 ***/