BODY, HTML
{
	width:100%;
	height:100%;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
}

HTML
{
	background-color:#193630;
	background-image:url(../img/routes.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

BODY
{
	background-image:url(../img/fond-header.gif);
	background-position:top;
	background-repeat:repeat-x;
}

A, A:LINK, A:VISITED
{
	color:white;
	text-decoration:underline;
}

A:hover
{
	text-decoration:none;
}

IMG.photo
{
	border:2px solid black;
	/*BDFFFF*/
	filter:progid:DXImageTransform.Microsoft.Glow(color=#48C1A9,strength=3);
}

IMG.photo.right
{
	float:right; 
	margin:20px 0 0 30px;
	clear:right;
}

.message
{
	background-color:InfoBackground ;
	text-align:center;
	width:50%;
	margin:20px auto;
	color:#193630;
	border:2px solid #000;
	font-weight:bold;
	padding:3px;
	font-size:15px;
}

.ul-liste LI
{
	margin:12px 0;
	
	list-style-type:square
}
/* ACCUEIL */

#ACCUEIL-TABLE
{
	border-collapse:collapse;
	width:100%;
	height:100%;
}

#ACCUEIL-PAGE
{
	position:relative;
	width:800px;
	height:600px;
	margin:auto;
	text-align:center;
	z-index:2;
}

#ACCUEIL-LOGO
{
	FILTER: progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0)

}

#ACCUEIL-ROUTES
{
	FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0,wipestyle=1,motion=reverse,duration=2)
}

#ACCUEIL-DIV-ROUTES
{
	position:relative;
	width:921px;
	height:348px;
	background-image:url(../img/accueil/routes-0.gif);
	margin:auto;
	margin-top:-390px;
}

#ACCUEIL-BIENVENUE
{
	position:absolute;
	margin:0;
	padding:0;
	top:340px;
	left:40px;
	list-style-type:none;
}

#ACCUEIL-BIENVENUE LI
{
	margin-bottom:20px;
}

#ACCUEIL-ESPACE-CLIENT
{
	position:absolute;
	right:45px;
	top:341px;
	width:175px;
	height:50px;
	border:0;
	z-index:99999;
}
#ACCUEIL-ESPACE-CLIENT2
{
	position:absolute;
	right:45px;
	top:387px;
	width:175px;
	height:50px;
	border:0;
	z-index:99999;

}
/* CONTENU */
#PAGE
{
	position:relative;
	height:100%;
	width:800px;
	margin: 0 auto;
	top:0;
	z-index:1;
}

/* Opera hack */
@media all and (min-width: 0px){
   #PAGE { margin-top:-8px; }
}

#copyright
{
	margin-top:-20px;
	font-size:10px;
	padding:0 5px 5px 10px;
	text-align:left;
	color:#1C5348
}

#copyright A { color:#1C5348; }
#copyright A:hover { color:#68FFE7; }


#LOGO-LEROY
{
	position:absolute;
	left:-30px;
	width:239px;
	height:187px;
	background-image:url(../img/logo-leroy.gif);
	background-repeat:no-repeat;
}

#DEVISE-LEROY
{
	position:absolute;
	right:-25px;
	width:405px;
	height:72px;
	background-image:url(../img/devise-leroy.gif);
	background-repeat:no-repeat;
}

#CONTENT
{
	position:relative;
	margin:0 auto 0 auto;
	padding:115px 10px 0 10px;
	z-index:50;
	line-height:150%;
	text-align:justify;
	margin-bottom:50px;
}

#CONTENT H1
{
	/*
	text-align:right;
	margin:0;
	padding:0;
	padding-bottom:15px;
	text-transform:uppercase;
	font-size:22px;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	padding-right:40px;
	*/
	position:relative;
	margin:0;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	width:555px;	
	_left:180px;
	text-transform:uppercase;
	font-size:22px;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	padding-right:40px;
	margin-bottom:15px;
	direction: rtl;
}

/* Opera hack */
@media all and (min-width: 0px){
   #CONTENT H1 { left:180px; }
}

#CONTENT H2
{
	/position:relative;
	font-size:19px;
	padding-left:5px;
	padding-bottom:3px;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:2px solid #17443A;
	margin:25px auto 6px auto;
}

#CONTENT H3
{
	position:relative;
	font-size:15px;
	margin-bottom:5px
}


/* MENU */


#MENU
{
	position:absolute;
	top:45px;
	right:0;
	z-index:99;
	font-size:13px;
}

/* All <ul> tags in the menu including the first level */
#MENU, #MENU  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#MENU ul {
 visibility: hidden;
 position: absolute;
 top: 3.8em; /* I'm using ems rather than px to allow people to zoom their font */
 right:0em;
 width: 190px;
}

/* Second and third etc. level submenus - position across from parent instead */
#MENU ul ul {
 top: 0px;
 left: 155px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
#MENU li {
 float: left;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#MENU ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 background: #B2ECE0;
 border: 1px solid #330;
 FILTER: progid:DXImageTransform.Microsoft.Glow(color=#48C1A9,strength=3) progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#B2ECE0);
}
#MENU ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
#MENU ul a {
 display: block;
 padding: 3px;
 color: #000;
 border:1px solid #B2ECE0;
 text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#MENU ul a:hover, #MENU ul a.highlighted:hover, #MENU ul a:focus {
 color: #FFF;
 background-color: #183C34;
 font-weight:bold;
 border:1px solid white;
}
#MENU ul a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/* Only style submenu indicators within submenus. */
#MENU a .subind {
 display:  none;
}
#MENU ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#MENU a {
 float: left;
}
#MENU ul a {
 float: none;
}
/* \*/
#MENU a {
 float: none;
}
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html #MENU  ul li {
 float: left;
 height: 1%;
}
* html #MENU  ul a {
 height: 1%;
}
/* End Hack */



/* Nicetitle Style */
div.mapToolTip
{
	background-color: #FFF;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 200px;
	left: 0;
	top: 0;
	padding: 3px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: /*progid:DXImageTransform.Microsoft.Alpha(opacity=90) */progid:DXImageTransform.Microsoft.shadow( direction=135,color=#000000,strength=2);
	/*
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9;
	*/
	border:1px solid black
}

div.mapToolTip B
{
	color:#0C483C;
	margin:0;
	padding:0;
	font-size: 15px;
}

div.mapToolTip H5
{
	background-color:#0C483C;
	padding:2px 5px;
	margin:0 0 5px 0;
	text-align:left;
	color:#FFF;
	font-size:16px;
}

/* --- */

.liste-liens
{
	padding:0;
	list-style-type:none;
	margin:15px 5%;
}
	
.liste-liens LI
{
	padding:0;
	background-image:url(../img/download.gif);
	background-repeat:no-repeat;
	background-position:0px 1px ;
	font-size:16px;
	font-weight:bold;
	padding-left:18px;
	line-height:115%;
	margin:20px auto;
}

.liste-liens .descript
{
	font-weight:normal;
	font-size:13px;
}

.liste-liens .maj
{
	font-size:10px;
	color:#2D6F62;
	margin-left:10px;
	
}

/* --- */
.formulaire
{
	width:80%;
	margin:20px auto 40px;
}

.formulaire TH
{
	text-align:right;
	width:40%;
	vertical-align:top;
	padding-right:10px;
}

.formulaire TH SPAN {
	color:#e42a2a;
}

EM STRONG {
	color:#e42a2a;
}

.recrutement TH{
	width: 20%;
}

.formulaire TEXTAREA
{
	width:100%;
	height:60px;
}

.formulaire input.text
{
	width:80%;
}

/* PHOTOS PRESSE */

.photos_presse {
	margin-bottom:20px;
	width:100%;
}

.photos_presse IMG {
	border:1px solid #378878;
}

.photos_presse P {
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
}

.photos_presse .bt_telecharger {
	background:#256355;
	color:#FFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:3px auto 0 auto;
	text-align:center;
	text-decoration:none;
	width:80px;
}	
.photos_presse A:HOVER.bt_telecharger {
	background:#175043;
	text-decoration:none;	
}	

.photos_presse A:LINK.bt_telecharger, .photos_presse A:VISITED.bt_telecharger
{
	background:#175043;
	text-decoration:none;
}