/**** Éléments génériques ****/

BODY {
    color : #000000;
    padding:0;
    margin:0;
    scrollbar-base-color:#D2D3D9;
    scrollbar-3dlight-color:#D2D3D9;
    scrollbar-arrow-color:#000000;
    scrollbar-darkshadow-color:#D2D3D9;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#D2D3D9;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#F0F0F0;    
}

a {
    font-family:arial;
    font-size:12px;
    color:#00376E;
    text-decoration:none;    
}

a:hover {
	text-decoration:underline;
}

a:active {
	/* à voir */
}

a:visited {
	/* à voir */
}

img {
	border:none;
}

.row {
    display : inline;
}
/**** Titre / En-tête ****/
	
h1 {
    margin:0;
    padding:0;
    top:5px;
    width:61px;
    height:68px;
    background : #fff url(../../images/AP/haut/Logo.gif) left no-repeat;
}

h2 {
    position:absolute;
    margin:0;
    padding:0;
    top:0;
    left:75px;
    width:170px;
    height:68px;
    display:inline;
    background : #fff url(../../images/AP/haut/titre/accueil.gif) top left no-repeat;
}

.titreappli {
    font-family:gill, sans-serif;
    font-size:18px;
    font-weight:bold;
    color:#214992;
    position:absolute;
    margin:0;
    padding:0;
    top:15px;
    left:61px;
    display:inline;
}

.stitreappli {
    font-family:gill, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    color:#214992;
    position:absolute;
    margin:0;
    padding:0;
    top:45px;
    left:61px;
    display:inline;
}

.visuel {
    position:absolute;
    margin:0;
    padding:0;
    top:9;
    right:0px;
    width:460px;
    height:60px;
    display:inline;
    background : #fff url(../../images/AP/haut/visuel.jpg) top right no-repeat;
}

.MsgInfo {
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 20;
    color:#29458C;
    background : url(../../images/AP/picto/msginfo.gif) top left no-repeat;
}

.MsgWarning {
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 20;
    color:#A52121;
    background : url(../../images/AP/picto/msgwarning.gif) top left no-repeat;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    display:none;
}

/*** Barre de nav ***/

.spacer {
	line-height:0px;
	clear:both;
}

#nav {
    width:100%;
    padding:0;
    margin:2px 0;
    background: #fff;
    color:#fff;
    font : 13px/14px Arial;
    /*min-height:75px;*/
    white-space: nowrap;
}

#nav input {
    font-family:arial;
    font-size : 12px;
    border : 1px solid #000;
    vertical-align:middle;
}

#nav .search_but_redbg {
    	cursor:hand;
    	margin:0;
	padding:0 0 0 13;
    	border:none;
    	font : bold 11px Arial;
    	color : #ffffff;
	background-color:transparent;
	vertical-align:middle;
	background : url(../../images/AP/picto/recherche_redbg.gif) center left no-repeat;
}

#nav .search_but_redbg img {
	vertical-align:middle;
}

#nav li {
	left:155;
	list-style: none;
	cursor:hand;
}

/** Barre 1 **/

.navlink
{
	font-weight:bold;
	font-family:gill, sans-serif;
    	font-size:12px;
	color:#FFFFFF;
}

#menu1 {
    margin:0;
    padding:0;
    background-color:#D2D3D9;
    
}

#menu1 ul {
 margin : 0;
}

#menu1 h3 {
    display:inline;
    font-size:1em;
}
 
#rootMenu {
    padding:0;
}
 
li.cat_sel, li.cat_sel_on {
    vertical-align : middle;
    margin:0 0 0 0;
    float:left;
    position:relative;
    width:120px;
    height:23px;
    background: url(../../images/AP/haut/onglet_on.gif) top right no-repeat;
    z-index:100;         /* On doit spécifier ce z-index pour s'assurer que les calques .sub qu suivent seront au-dessus de tous les autres éléments relatifs de la page (ie : on définit un "contexte de stack" placé très haut) */
}

li.cat_sel h3, li.cat_sel_on h3 {
	padding:2px 25px 0 5px;
	height:23px;
	background : url(../../images/AP/haut/ongletGauche_on.gif) top left no-repeat;
}

li.cat, li.cat_on {
    vertical-align : top;
    margin:0 0 0 0;   
    float:left;
    position:relative;
    width:120px;
    height:23px;
    background: url(../../images/AP/haut/onglet.gif) top right no-repeat;
    z-index:100;         /* On doit spécifier ce z-index pour s'assurer que les calques .sub qu suivent seront au-dessus de tous les autres éléments relatifs de la page (ie : on définit un "contexte de stack" placé très haut) */
}

*>ul li.cat {			/* "Child hack" : ces instructions ne sont pas lues par IE6 et les anciens navigateurs */
    /*width:auto;
    min-width:120px;*/
}

li.cat:hover, li.cat_on {
	background: url(../../images/AP/haut/onglet_on.gif) top right no-repeat;
}

li.cat h3, li.cat_on h3 {
	padding:2px 25px 0 5px;
	height:23px;
	background : url(../../images/AP/haut/ongletGauche.gif) top left no-repeat;
}

li.cat:hover h3, li.cat_on h3 {
	background : url(../../images/AP/haut/ongletGauche_on.gif) top left no-repeat;
}

/* Vérifier l'importance de ce hack
li.cat>ul, li.cat_on>ul {
	top: auto;
	left: auto;
}

*/ 
ul.sub {
    position: absolute;
    top : 24px;
    left: 0;
}

li.cat ul, li.cat_sel ul {
    display:none;
}

li.cat:hover .sub, li.cat_sel:hover .sub, li.cat_on .sub, li.cat_sel_on .sub {
    display:block;
}

li.cat_on .sub li, li.cat_sel_on .sub li {		/* Hack nécessaire pour contourner le bug des sauts de ligne dans IE */
    display:inline;
}

ul.sub {
    position: absolute;
    top : 24px;
    left: 0;
    margin:0;
    padding:0;
    background-color:#29458C;
}

ul.sub a {
    color : #fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding:2px 3px;
    margin:0;
    width:100%;
}

ul.sub>a {
    /*width:auto;*/
}

ul.sub a:hover {
    background-color:#D2D3D9;
    text-decoration:none;
    font-weight:bold;
    color:#29458C;
}

ul.subVIN {
    position: absolute;
    top : 21px;
    left: 65px;
    margin:0;
    padding:0;
    background-color:#29458C;
}

ul.subVIN a {
    color : #fff;
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding:2px 3px;
    margin:0;
    width:100%;
}

ul.subVIN a:hover {
    background-color:#D2D3D9;
    font-weight:bold;
    text-decoration:none;
    color:#29458C;
}

/** Barre 2 **/

.location_bar {
	clear:left;
	background : #29458C ;
	margin:0;
	padding:0 0 0 30px;
	color:#fff;
	font : 13px/15px Arial; 
}

.location_bar input {
    font-family:arial;
    font-size : 11px;
    height:18px;
    border : 1px solid #000;
    vertical-align:middle;
    margin:1px;
}

/** Barre 3 **/

#menu2 {
	position:absolute;
	top:0;
	right:0;
	color:#000000;
}

#menu2 ul {
	margin:3px 0 0 0;
	padding:0;
	font-size:11px;
	font-family:arial;
}
 
#menu2 ul li {
	display:inline;
	padding:0;
	margin:0;
}

#menu2 a {
    padding:2px;
    text-decoration:none;
    color:#939598;
}

#menu2 a:hover {
    text-decoration:underline;
}

#menu2 span {
	visibility:hidden;
}
/**** Colonne de gauche ****/

.titreMenu{
  line-height:1em;
  padding-top:0.4em;
  padding-bottom:0em;
}

.fondMenu {
    margin:0 0 0 0px;
    background-color:#6699D9;
    font : 12px Arial;  
    width:154px;
}

.item {
    color:#FFFFFF;
    font : 11px Arial;
    text-decoration:none;
    font-weight:bold;
    background:url(../../images/AP/menu/centre.gif) top center repeat-y;
}

.item a {
    color:#FFFFFF;
    font : 11px Arial;
    text-decoration:none;
    font-weight:bold;
    padding:0 0 0 25px;
    background : url(../../images/AP/picto/puce.gif) 10px 0% no-repeat;
    display:block;
}

.item a:hover {
    font-weight:bold;
    color:#29458C;
    background : url(../../images/AP/picto/puce_on.gif) 10px 0% no-repeat;
}

.itemSelected {
	background:url(../../images/AP/menu/centre.gif) top center repeat-y;
	font-weight:bold;
    color:#29458C;
}

.itemSelected a {
    color:#29458C;
    font-weight:bold;
    font : 11px Arial;
    text-decoration:none;
    font-weight:bold;
    padding:0 0 0 25px;
    background : url(../../images/AP/picto/puce_on.gif) 10px 0% no-repeat;
    display:block;
}

.itemSelected a:hover {
    font-weight:bold;
    color:#29458C;
    background : url(../../images/AP/picto/puce_on.gif) 10px 0% no-repeat;
}

.sous_menu {
	padding-right: 4px;
	margin-left: 5px;
}

.left_menu   {
	width:154px;
	background-color:#F6F8FA;
}

.left_menu thead {
	font-size : 11px;
	font-weight:bold;
	background : url(../../images/AP/menu/haut.gif) top center no-repeat;
	padding-left : 0;
	color:#00376E;
	line-height:46px;
}

.left_menu thead td {
	padding-left:5px;
}

.left_menu tbody td {
	padding:2px 0;
}

.left_menu td.table_footer{
	line-height:14px;
	padding:0;
	background : url(../../images/AP/menu/bas.gif) bottom center no-repeat;
}

.end_menu {
	width:154px;
	background : url(../../images/AP/menu/bottom.gif) top center no-repeat;
}


.search_but {
    width:100%;
    margin:0.3em 20%;
    border:none;
    background : url(../../images/AP/picto/recherche.gif) center left no-repeat;
    padding:0.3em 0.3em 0.3em 1.5em;
    font : bold 11px Arial;
    color : #336699;
}

.row {
	display:inline;
	text-align:center;
}

/**** Contenu principal ****/

.titre
{
font-family:arial;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
}

.tablePrinc, TABLE.layoutCollection1
{
font-family : arial;
font-size : 12px;
border-width:1px;
border-color:#343434;
border-collapse:collapse;
background-color:#ffffff;
text-align:center;
}

table.tablePrinc TH, TH.layoutCollection1, TH.layoutCollection1 TR TD
{
background-color:#737173;
color:#D2D3D9;
font-family:arial;
font-size:13px;
font-weight:bold;
text-align:center;
}

.fondCouleur
{
background-color:#F0F0F0;
}

.couleurTab
{
background-color:#FFFFFF;
}

.zone
{
    font-family:arial;
    font-size : 11px;
    height:18px;
    border : 1px solid #000;
    vertical-align:middle;
    margin:1px;
    text-align:left;
}

.textarea
{
    font-family:arial;
    font-size : 11px;
    height:100px;
    border : 1px solid #000;
    vertical-align:middle;
    margin:1px;
}


/**** STYLE de TEXTE ****/
.text
{
	font-family : arial;
	font-size : 12px;
	color:#000000;
}

.textbold
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	color:#29458C;
}

.textlocation_bar
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	color:#FFFFFF;
}

.textwarning
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	color:#FFFF40;
}

.textinfo
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	color:#FFFFFF;
}

.texterror
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	color:#FF0000;
}

.textunderlined
{
	font-family : arial;
	font-size : 12px;
	text-decoration : underline;
}

.row1
{
	background-color:#F0F0F0;
}

.row2
{
	background-color:#D2D3D9;
}

.warning
{
	font-family : arial;
	font-size : 12px;
	font-weight:bold;
	background-color:#00376E;
	color:#ffffff;
}

/** Cellule */
TD.layoutCollection1
{
	font-family : arial;
	font-size : 12px;
	background-color:#DEDFDE;
	text-align:left;
}

/** Ligne intercalée */

TD.layoutCollection2
{
	font-family : arial;
	font-size : 12px;
	background-color:#F7F3EF;
	text-align:left;
}

/** Ligne selectionnée */

TD.layoutSelected
{
	font-family : arial;
	font-size : 12px;
	background-color:#F3D200;
	font-weight:bold;
	color:#29458C;
	text-align:left;
}