/* 
--------------------------------
General + surcharge
--------------------------------
*/  

Body
{
    background-color:#FFFFFF;
 	margin:0px;
	/*text-align:center;*/
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;

}


H1
{	
	font-family:Arial, Helvetica, sans-serif;
}


H2
{	
	color:#000000 ;
	font-weight:bold  ;
	font-size:  14px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

H3
{	
	color:#006699;
	font-weight:bold  ;
	font-size:  14px;
	font-family:Arial, Helvetica, sans-serif;
	/*margin: 0px 0px 0px 0px ;*/
	/*padding: 0px 0px 0px 0px ;*/
}

H3 P
{	
	color:#006699;
	font-weight:normal  ;
	font-size:  14px;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
}

H4
{	
	color:#326600;
	font-weight:bold  ;
	font-size:  13px;
	font-family:Arial, Helvetica, sans-serif;
	/*margin: 0px 0px 0px 0px ;*/
	/*padding: 0px 0px 0px 0px ;*/
}


H5
{	
	
	color:#326600;
	/*
	font-weight:normal  ;
	font-size:  13px;*/
	font-family:Arial, Helvetica, sans-serif;
	/*margin: 0px 0px 0px 0px ;*/
	/*padding: 0px 0px 0px 0px ;*/
}

H6
{
	color:#000000;
font-family:Arial, Helvetica, sans-serif;	
	}

P  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  Normal;
    color:#000000;
    margin: 0px 0px 0px 0px ;
	padding:  2px 0px 0px 0px ;
}

TD 
{
	font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  Normal;
    color:#000000;
	}
/* puce niveau 1*/
UL LI
{
	list-style-image: url(img/Puce_bleu.gif) ;
	padding-bottom:10px;
}
/* puce niveau 2*/
UL LI UL LI
{
	list-style-image: url(img/Puce_verte.gif) ;
}
/* puce niveau 3*/
UL LI UL LI UL LI
{
	list-style-image: url(img/Puce_orange.gif) ;
}


.Normal{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
}

.Head   {
    font-family: Arial, Helvetica, sans-serif;
    /*font-size:  0.8em;*/
    font-size:14px;
    font-weight:  bold ;
    color:#000000;
}
.SubHead   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  bold;
    color:#006699;
}
.SkinObject {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
}




#ZoneContenu {
	text-align:justify;
	font-size:2em;
}

/* 
--------------------------------
Structure
--------------------------------
*/  


DIV#ZoneGenerale
{
	position: relative ; 
	top: 0; 
	left:0;
	background-color:red;
	}
/* ContentPane: zone par defaut */
DIV#ZoneDefault
{
	background-color:#FFFFFF;
}
/* Menu */
DIV#ZoneMenu
{
position: absolute ; 
top: 150;
left: 22;
width:188;
height:430; 
z-index:100;
background-color:Transparent ;

}
/* Contenu */
DIV#ZoneContent
{
	
position: absolute;
float:left;
top: 50;
left: 210;
z-index:100;
	}

/* Contenu de la HomePage*/
DIV#ZoneContent-Home
{
position: absolute;
top: 50;
left: 210;
z-index:0;
	}


/* Logo*/
DIV#ZoneLogo
{
	position: absolute; 
	left: 40; 
	top: 50;
	z-index:2;
}
/* Chemin de fer*/
DIV#ZoneCheminFer{
	position: absolute; 
	top: 190; 
	left: 220; 
	text-align: left;
	z-index:600;
	}
	
/* User */
#ZoneUser{
	position: absolute; 
	top: 120; 
	left: 55;
	z-index:600;
}
#ZoneUser A{
	color: #AAAAAA !important;
}

/* Login */

DIV#ZoneLogin{
	position: absolute; 
	top: 10; 
	left: 10;
	z-index:600;
}

#ZoneLogin{
	color: #AAAAAA 
}
#ZoneLogin A{
	color: #AAAAAA ;
}

/* Recherche */
DIV#ZoneRecherche
{
position: absolute; 
top: 5; 
left: 800; 
}

/* Un Clic */
DIV#ZoneUnClicBanner
{
	position: absolute; 
	top: 5; 
	left: 210;
	z-index:500;
	width:580;
	height:40;
}



DIV#ZoneFooter
{
position:relative;
display:block;
z-index:100;
margin-top:10;
margin-bottom:2;	
padding:0px 0px 0px 0px;
z-index:500;
width:740;
height:35px;

clear:both;
background-image:url(img/UnClic_Logo.gif);
background-position:top right;
background-repeat:no-repeat;	

}
/* Credit */
DIV#ZoneCredit
{
display:block;
z-index :100;
width:740;
margin:3px 0px 0px 0px;
border-top:solid 1px #CCCCCC;
text-align:right;
}


/*

- - - - - - - - - - - - - - - - 
Contenu
- - - - - - - - - - - - - - - - 
*/
/* table avec contenu et la dcoration*/
.TableContent
{
	width:740;
}
#ZoneCheminFer{
	color:#006666;
	}
#ZoneCheminFer a{
	color:#006666;
	text-decoration:none;
	}	


/* colonne avec le contenu uniquement*/
.TableContent_ContentColumn
{
	padding-top:30;
	padding-left:30;/*decalage du contenu*/
	padding-right:15;/*decalage du contenu*/
	
	width:410; /*taille de la zone de texte*/
	vertical-align:top;	
}

.TableContent_OptionalColumn
{
	background-color:#F3F3F3;
}

/* table avec contenu et la dcoration*/
.Home_TableContent
{
	width:740;
	

}
.Home_TableContent_ContentColumn
{
background-image:url(img/bg-home.jpg);
background-repeat:no-repeat;
height:516;
width:740;
vertical-align:top;
padding-top:100px;
}


#ZoneMenu a:hover{
	color:#000000 !important;
	text-decoration:none !important;
}
.MenuBorderdDecoration{
border-right-color:#CCCCCC;
border-right-width:2px;
border-right-style:solid;
}
#ZoneRecherche
{
	font-size:0.8em;
	font-weight:bold;
	color:#006699;
	}
#ZoneRecherche A{
	font-size:0.8em;
	font-weight:bold;
	color:#006699;
	}
#ZoneRecherche A:hover{
color:#3366CC;
}
#ZoneRecherche form label  {
	font-size:0.8em;
	font-weight:bold;
	color:#006699;
	font-family:Arial, Helvetica, sans-serif;
}

/*
- - - - - - - - - - - - - - - - 
UnClic
- - - - - - - - - - - - - - - - 
*/

/* UnClic Banner*/


#ZoneUnClicBanner
{

}

#ZoneUnClicBanner ul
{
	text-align:right ;
	list-style:none;
	padding-top: 15px;
	padding-right: 0px ;
	padding-bottom: 15px ;
	margin:5px;
	right:0;
}
#ZoneUnClicBanner ul li{
	display:inline;	
	padding:2px 20px 1px 0px;
	margin:0px;
	font-size:0.8em;
}
#ZoneUnClicBanner ul li a:link, #ZoneUnClicBanner ul li a:visited {
	padding:0px 0px 0px 25px;
	color:#0099CC;
	font-weight:bold;
	text-decoration:none;
}
#ZoneUnClicBanner ul li a:hover{
	color:#3366CC;
}


/*
- - - - - - - - - - - - - - - - 
Footer
- - - - - - - - - - - - - - - - 
*/
#ZoneUnClicFooter ul{
	list-style:none;
	margin: 0px;
	padding-top  :0px ;
	padding-right  :0px ;
	padding-bottom :0px ;
	padding-left :0px;
	background-color:#FFFFFF;
}
#ZoneUnClicFooter  ul li{
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px;		
}
#ZoneUnClicFooter  ul li a:link, #ZoneUnClicFooter  ul li a:visited{
	padding:0px 0px 0px 15px;
	margin: 5px;
	color:#666666;
	font-size:0.8em;
	background-image:url(img/UnClic_Puce.gif);
	background-position:3px 4px;
	text-decoration:none;
	background-repeat:no-repeat;
	border-left:solid 1px #3399CC;
	display:block;
	width:135px;
	float:left;
}
#ZoneUnClicFooter  ul li a:hover{
	color:#000000;
}
#ZoneUnClicFooter  ul li a:link strong, #ZoneUnClicFooter  ul li a:visited strong {
	margin:0px 0px 0px 0px;
	font-size:1.1em ;
	color:#666666;
	padding:0px 0px 0px 0px;
}
#ZoneUnClicFooter  ul li a:hover strong{
	color:#006699;
}
#ZoneContact ul {
	list-style:none;
	list-style:none;
	padding:0px 55px 0px 0px;
	margin:0px;
}
#ZoneContact ul li{
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:0.8em;		
}
#ZoneContact ul li a:link, #ZoneContact ul li a:visited{
	padding:0px 0px 0px 0px;
	margin: 5px;
	color:#0099CC;
	display:block;
	width: 80px;
	float:right;
	text-decoration:none;
}
#ZoneContact ul li a:hover{
	color:#000000;
}


/*
- - - - - - - - - - - - - - - - 
Credit
- - - - - - - - - - - - - - - - 
*/



#ZoneCredit ul{
	list-style:none;
}
#ZoneCredit ul li{
	display:inline;	
	padding:0px 0px 0px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	background-position:left;
	background-repeat:no-repeat;
}
#ZoneCredit ul li a:link, #ZoneCredit ul li a:visited{
	padding: 0px 0px 0px 15px;
	color:#CCCCCC;
	text-decoration:none;
	background-position:left;
	background-repeat:no-repeat;
}
#ZoneCredit ul li a:hover {
	color:#999999;
}

/*
- - - - - - - - - - - - - - - - 
Background images
- - - - - - - - - - - - - - - - 
*/

.TableContent_DecorationTopLeft
{
	
	height:138;
	background-image:url(img/bg-topleft.jpg);
	background-position:right bottom ;
	background-repeat:no-repeat; 
}
.TableContent_BackgroundTopRight
{
	
	height:138;
	background-image:url(img/bg-topright.jpg);
	background-position:left bottom ;
	background-repeat:no-repeat; 
}

.TableContent_BackgroundRight
{
	height:380;
	background-image:url(img/bg-middleright.jpg);
	background-position:left top ;
	background-repeat:no-repeat; 
	vertical-align:top;
	/*decalage de la colonne optionnel*/
	padding-top:380;
	padding-left:80;
}

.BackgroundmiddleLeft
{
	position: absolute; 
	width:30;
	height:400;
	top: 170; 
	left: 0;
	background-image:url(img/bg-left.jpg);
	background-position:left top ;
	background-repeat:no-repeat; 
}

/* 
--------------------------------
Menu General
--------------------------------
*/  
.GeneralMenuParentNodeStyle
{}

.GeneralMenuHoverNodeStyle
{
	text-decoration:none;
	color:#6666AA;
	}

.GeneralMenuSelectedNodeStyle
{
	background-color:#EEEEEE;
	text-decoration:none; 
	padding: 0px 0px 0px 0px;
	}
 
 
.GeneralMenuNodeStyle
{
	font-family:Arial, Helvetica, sans-serif;
	/*
	Font-Size="8pt"  HorizontalPadding="2px"
        NodeSpacing="0px" VerticalPadding="2px" 
*/
	}


/*
- - - - - - - - - - - - - - - - 
Niveau 1
- - - - - - - - - - - - - - - - 
*/
.GeneralMenuLevel1
{
color:#006766 !important;
font-family:Arial,Helvetica, sans-serif !important;
}

TD.GeneralMenuLevel1   
{
	width:160;
	padding-top:15;
	background-image:url(img/GeneralMenuLevel1Separator.gif);
	background-position: 10px 0px;
	background-repeat:no-repeat ;
}

A.GeneralMenuLevel1 
{
	display:block ;
	font-weight:bold ;
	font-size:11 !important;
	padding-left:10px;
	background-image:url(img/puce_orange.gif);
	background-position: 0px 3px;
	background-repeat:no-repeat ;
}

A.GeneralMenuLevel1:hover{
	background-image:url(img/puce_verte.gif);
}	

	


/*
- - - - - - - - - - - - - - - - 
Niveau 2
- - - - - - - - - - - - - - - - 
*/
.GeneralMenuLevel2
{
font-family:Arial,Helvetica, sans-serif !important;
font-size:11 !important;
}
TD.GeneralMenuLevel2   
{
width:140;
}
A.GeneralMenuLevel2   
{
color:#666666 !important;
}
A.GeneralMenuLevel2:hover
{
color:#000000 !important;
}

/*
- - - - - - - - - - - - - - - - 
Niveau 3
- - - - - - - - - - - - - - - - 
*/
.GeneralMenuLevel3
{
font-family:Arial,Helvetica, sans-serif !important;
font-size:10 !important;
}
TD.GeneralMenuLevel3
{
width:125;
}
A.GeneralMenuLevel3 
{
color:#666666 !important;
}
A.GeneralMenuLevel3:hover
{
color:#000000 !important;
}

/*
- - - - - - - - - - - - - - - - 
Niveau 4
- - - - - - - - - - - - - - - - 
*/
.GeneralMenuLevel4
{
	font-family:Arial,Helvetica, sans-serif !important;
	font-size:10 !important;
}
TD.GeneralMenuLevel4
{
width:125;
}
A.GeneralMenuLevel4
{
background-image:url(img/soussousmenu.gif);
background-repeat:no-repeat;
background-position:left;
padding:0px 0px 0px 4px;
color:#666666 !important;
}
A.GeneralMenuLevel4:hover
{
color:#000000 !important;
}


/* 
--------------------------------
Puce
--------------------------------
*/

.puceFleche
{
	margin-left:2;
	padding-left:20;
	background-image:url(img/PuceFleche.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
	
.puceEtoile
{
	margin-left:2;
	padding-left:25;
	background-image:url(img/PuceEtoile.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}

/* 
--------------------------------
Debug
--------------------------------
*/
Div.struct 
{
/*
	border-color:Black ;
	border-width:2;
	border-style:solid; 
*/
}


.TableContent TD
{
/*
	border:solid 1px red;
*/
}