/****************************** MENUS DEROULANTS ***************************************/
/*STYLE PREMIER NIVEAU*/
ul.conteneur-menu{
	float:left;
	_width:1em;
}
li.mainmenuitem {
/*	position:relative;*/
	display:block;
	float:left;
	margin: 0 0 0 0; 
}
/*STYLE SECOND NIVEAU*/
ul.submenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}
ul.submenu a {
	display:block;
	vertical-align:middle;
}
/*STYLE TROISIEME NIVEAU*/
ul.subsubmenu {
	display:none;
	position:absolute;
	z-index:10;
	vertical-align:middle;
}

/**************************/
/*PERSONNALISATION DU MENU*/
/**************************/
/*PREMIER NIVEAU*/
ul.conteneur-menu{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
li.inactive{

}
li.mainmenuitem div.commun1{
	height:20px;
	_height:29px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun1 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#ffef00;
	text-decoration:none;
}
li.mainmenuitem div.commun2{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun2 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
li.mainmenuitem div.commun3{
	height:20px;
	padding:6px 0 0 3px;
}
li.mainmenuitem div.commun3 a{
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	font-weight:normal;
	color:#a4a1a1;
	text-decoration:none;
}
li.mainmenuitem  a:hover{
	cursor:pointer;
}
/*SECOND NIVEAU*/
ul.submenu {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	border:#000000 1px solid;
	background-color:#ffffff;
	font-weight:normal;
}
ul.submenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:18em;
	background-color:#ffffff;
	text-align: left;
	list-style:none;
}
ul.submenu li.first {
	margin:0 0 0 0;
}
ul.submenu a {
	padding:0.2em 0.7em 0.2em 0.6em;
	font-size:0.9em;
	line-height:1.4em;
	font-weight:normal;
	color:#000000 !important;
	text-decoration:none;
}
ul.submenu a:hover {
	color:#ffef00 !important;
	background-color:#000000 !important
}
/*TROISIEME NIVEAU*/
ul.subsubmenu {
	margin:-20px 0 0 18em;
	padding:0 0 0 0;
	list-style-type:none;
	border:#000000 1px solid;
	background-color:#ffffff;
	font-weight:normal;
	width:18em;
}
ul.subsubmenu li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:18em;
	background-color:#ffffff;
	list-style:none;
}
ul.subsubmenu li.first {
	margin:0 0 0 0;
	width:18em;
}

/****************************** STRUCTURE ***************************************/
* {padding:0; margin:0}

body 
		{
		font-family: Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
        border:0;
         /* background: url(/lpachantiers/Images/fond.jpg) no-repeat 50% top;
		background-color:#747474; PRINT */
        font-size:12px;
        text-align:center;
		SCROLLBAR-FACE-COLOR: #FFFFFF; 
		SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
		SCROLLBAR-SHADOW-COLOR: #cdcdcd; 
		SCROLLBAR-3DLIGHT-COLOR: #cdcdcd; 
		SCROLLBAR-ARROW-COLOR:  #000000; 
		SCROLLBAR-TRACK-COLOR: #eeeeeb; 
		SCROLLBAR-DARKSHADOW-COLOR: #DADADA;
        }
hr
		{
		clear:both;
		visibility: hidden;
		display:block;
		height: 1px;
		margin: 0 0 0 0;
		_margin: -7px 0;
		padding: 0; 
		border: 0;
		background-color:#993300;
		}
p 
		{
		text-align: justify;		
		}
form 
		{
		margin: 0 0 0 0;
		padding: 0 0 0 0; 
		}
table 
		{
		font-size:11px;
		}
ul
		{
		
		}
li
		{
		margin: 0 0 0 20px;
		list-style-type: square;
		}
		
#ACCUEIL-container
		{
		position:relative;
        margin: 0 auto;
        padding:0 0 0 0;
        border:0;
		width:100%;
		height:598px;
		min-height:598px;
		max-width:100% !important;
		background: url(/lpachantiers/Images/accueil_fond_top.gif) repeat-x;
		background-position: left top;
		}
#ACCUEIL-top
        {
        height:27px !important;
        margin:0px auto;
		padding:0 0 0 0;
        width:879px;
		background-color:#000000;
        }
#ACCUEIL-content
		{
		position:relative;
		margin: 25px auto;
		margin-bottom: 5px;
		height:500px;
		background-color:#ffffff;
		border:solid black 3px;
		width:879px;
		
		}
#ACCUEIL-contentlogo
		{
		position:relative;
		background: url(/lpachantiers/Images/logo.gif) no-repeat 0 0;
		height:168px;			
		}
#ACCUEIL-contentflash
		{
		position:relative;
		background-color:#000000;
		height:332px;
		}
#FOOTER
		{
		position: relative;
		/* width:879px; PRINT */
		width:570px;
		margin: 0 auto;
		margin-top: 2px;
		font-size:11px;
		/* color: #dadada; PRINT */
		color: #000000;
		display:none; /* PRINT */
		}
#FOOTER a
		{
		text-decoration: none;
		/* color: #dadada; PRINT */
		color: #000000;
		}
#FOOTER a:hover
		{
		text-decoration: underline;
		}
#menu-haut
		{
		margin-left: 160px;
		}
#menu-haut-accueil
		{
		margin-left: 100px;
		}
		
#PAGE-container
		{
		position:relative;
        margin: 0 auto;
        padding:40px 0 0 0;
        border:0;
		/* width:885px;
		max-width:885px !important; PRINT */
		width:600px;
		}
#PAGE-content
		{
		margin: 0 auto;
		height:500px;
		min-height: 500px;
		background-color:#ffffff;
		/*  border:solid black 3px; PRINT */
		/* width:885px; PRINT */
		width:600px;
		}
html>body #PAGE-content
		{ 
		height: auto !important;
		}


#PAGE-container-pop-login
		{
		position:relative;
        margin: 0 auto;
        padding:40px 0 0 0;
        border:0;
		width:300px;
		max-width:300px !important;
		}
#PAGE-content-pop-login
		{
		margin: 0 auto;

		background-color:#ffffff;
		border:solid black 3px;
		width: 100%;
		}
#PAGE-header-pop-login
		{
		position:relative;
		height:40px;
		margin: 0 auto;
        padding:0;
        border:0;
		width:300px;
		background-color:#000000;
		}


#PAGE-header
		{
		position:relative;
		float: left; /* PRINT */
		margin: 0 auto;
        padding:0;
        border:0;
		/* width:880px; PRINT */
		width:570px;
		height:90px;
		/* background-color:#000000; PRINT */
		}
#PAGE-header-pop
		{
		position:relative;
		margin: 0 auto;
        padding:0;
        border:0;
		width:885px;
		height:40px;
		background-color:#000000;
		}

#PAGE-header-LOGO-pop
        {
		float:left;
        width:54px;
        margin:0;
		text-align: left;
		border-right:2px #000000 solid;
		height:40px;
		background-color:#FFFFFF;
        }
#PAGE-header-LOGO
        {
		float:left;
        width:121px;
        height:90px;
        margin:0 0 0 0;
		background:transparent url(/lpachantiers/Images/logotop.gif) no-repeat 0 0;
		/* border-right:2px #000000 solid; PRINT */
        }
#PAGE-header-MENU
        {
		position:relative;
		float:left;
		margin: 0 0 0 -150px;
		padding: 2px 0 0 0;
		height:29px;
		width: 900px;
		display:none; /* PRINT */
        }
#PAGE-header-IMG
		{
		float:right;
		width:756px;
		height:56px;
        margin:0 0 0 0;
		display:none; /* PRINT */
		}
#PAGE-header-pop-ACTIONS
		{
		float:right;
		margin: 0 0 0 0;
		padding: 2px 7px 0 0;
		height:29px;
		color:#ffef00;
		text-align:right;
		font-size:11px;
		}
#PAGE-header-pop-ACTIONS a
		{
		text-decoration: none;
		color:#ffef00;
		}
#PAGE-header-pop-ACTIONS a:hover
		{
		text-decoration: underline;
		}
		
#PAGE-main-POP
		{
		margin:10px 20px 10px 20px;
		text-align:left; 
		}

		
/****************************** GABARITS COLONNES ET BLOCS ***************************************/
/* BLOCS COMMUNS A TOUS LES TYPES DE GABARITS */
.BLOC-titre 
		{
		float:left;
		width:100%;
		margin:0 0 0 0;
		}
.BLOC-texte-seul
		{
		float:left;
		font-color:#000000;
		font-size:12px; 
		text-align:justify;
		word-spacing:0.1em;
		margin:0 0 25px 0;
		text-align:left;
		width: 100%;
		}
.BLOC-image
		{
		text-align: center;
		margin:0 0 25px 0;
		}
.BLOC-image img {
		border:1px solid #000000;
		}
.BLOC-centrer
		{
		text-align: center;
		margin:0 0 25px 0;
		}

.BLOC-titre-texte {
		text-align:left;
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imD {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imD img {
		float: right;
		border:1px solid #000000;
		margin: 0 0 10px 10px;
		}
.BLOC-titre-texte-imG {
		margin:0 0 25px 0;
		}
.BLOC-titre-texte-imG img {
		float: left;
		border:1px solid #000000;
		margin: 0 10px 10px 0;
		}
.BLOC-texte-imD {
		margin:0 0 25px 0;
		}
.BLOC-texte-imD img {
		float: right;
		border:1px solid #000000;
		margin: 0 0 10px 10px;
		}
.BLOC-texte-imG {
		margin:0 0 25px 0;
		}
.BLOC-texte-imG img {
		float: left;
		border:1px solid #000000;
		margin: 0 10px 10px 0;
		}
.BLOC-contours01 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dbdbdb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dbdbdb;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbdbdb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	padding: 10px 10px 10px 10px;
	margin:0 0 25px 0;
}
		
/********** PAGE A 1 COLONNE **********/
#PAGE-main-100
		{
		margin:10px 60px 10px 60px;
		text-align:left;
		width:570px; /* PRINT */
		}

#PAGE-main-460px h1, #PAGE-main-645px h1, #PAGE-main-620px h1, #PAGE-main-100 h1, #PAGE-main-POP h1
		{
        padding:0;
		text-align:left;
        font-size:22px;
		word-spacing:0.1em;
		font-weight:normal;
        color:#000000;
		}
#PAGE-main-460px h2, #PAGE-main-645px h2, #PAGE-main-620px h2, #PAGE-main-100 h2, #PAGE-main-POP h2
		{
		padding:7px 0 7px 12px;
		margin:0 0 0 0;
		text-align:left;
        font-size:14px;
        color:#000000;
		background:transparent url(/lpachantiers/Images/pucejaune.gif) no-repeat 0 11px;
		}
#PAGE-main-460px h3, #PAGE-main-645px h3, #PAGE-main-620px h3, #PAGE-main-100 h3, #PAGE-main-POP h3
		{
		padding:0 0 0 0;
		margin:0 0 0 0;
		text-align:left;
        font-size:12px;
        color:#747474;
		color:#000000;
		background:transparent url(/lpachantiers/Images/pucevide.gif) no-repeat 0 4px;
		}
		

		
/********** PAGE A 2 COLONNES la petite colonne est à gauche **********/
/*  GRANDE COLONNE DE DROITE */
#PAGE-main-645px
		{
		float:left;
		/* width:645px; PRINT */
		width:570px;
		min-height:400px;
		height:400px;
		margin:5px 0 10px 10px; /* PRINT */
		_margin:5px 0 10px 5px; /* PRINT */
		padding: 0 0 0 0;
		text-align:left; 
		}	
html>body #PAGE-main-645px
		{ 
		height: auto !important;
		}
/********** PAGE A 2 COLONNES la petite colonne est à droite **********/
#PAGE-main-620px
		{
		float:left;
		/* width:620px; PRINT */
		width:570px;
		min-height:380px ;
		height:380px;
		margin:10px 0 10px 10px; /* PRINT */
		padding: 0 0 0 0;
		text-align:left; 
		}
html>body #PAGE-main-620px
		{ 
		height: auto !important;
		}
/*  COLONNE DE DROITE = colonne-droite */
		
/********** PAGE A 3 COLONNES **********/
/*** COLONNE DE GAUCHE ***/
#COLONNE-gauche
		{
		float:left;
		width:182px;
		min-height:380px;
		height:380px;
		margin:5px 0 10px 15px;
		_margin:5px 8px 10px 7px;
		padding:10px 0 10px 0;
		display:none; /* PRINT */
		}
html>body #COLONNE-gauche
		{ 
		height: auto !important;
		}
		
/* BLOCS */
.BLOC-gauche
		{
		/* position:relative; */
		width:182px;
		height:100px;
		min-height:100px;
		margin:5px 0 0 0;
		padding:0 0 0 0;
		background-color:#f8f8f8;
		border-top:1px #211f04 solid;
		border-left:1px #211f04 solid;
		border-right:1px #211f04 solid;
		border-bottom:1px #211f04 solid;
		font-size:11px;
		text-align:left;
		}
html>body .BLOC-gauche
		{ 
		height: auto !important;
		}
.BLOC-gauche img
		{
		border-top:2px #FFFFFF solid;
		border-left:1px #FFFFFF solid;
		border-right:1px #FFFFFF solid;
		border-bottom:0;
		}
.BLOC-gauche-TITRE
        {
		_height: 25px;
		min-height: 25px;
		margin:0 0 0 0;
        padding:0 0 0 0;
		background:transparent url(/lpachantiers/Images/bloc_gauche_fond_01.gif) no-repeat 0 0;
        }
.BLOC-gauche h2, .BLOC-droite h2
        {
		padding:7px 0 7px 13px;
		margin:0 0 0 10px;
		text-align:left;
        font-size:14px;
        color:#000000;
		background:transparent url(/lpachantiers/Images/pucejaune.gif) no-repeat 0 11px;
        }
.BLOC-gauche p
        {
		margin:0 0 0 0;
        padding:10px 10px 10px 10px;
		text-align:left;
        font-size:11px;
        color:#000000;
		background:transparent url(/lpachantiers/Images/bloc_gauche_fond_02.gif) no-repeat 0 0;
        }
.bottomleft
		{
		position:relative;
		width:184px;
		height:7px;
		min-height:7px;
		margin:0 0 8px 0;
		padding:0 0 0 0;
		background-image: url(/lpachantiers/Images/blocbottom.gif);
		background-repeat:no-repeat;
		background-position:top left;
		}
html>body .bottomleft
		{ 
		height: auto !important;
		}


/*  COLONNE DU MILIEU */
#PAGE-main-460px
		{
		float:left;
		width:455px;
		min-height:380px ;
		height:380px;
		margin:10px 0 10px 20px;
		_margin:10px 0 10px 10px;
		padding: 0 0 0 0;
		text-align:left; 
		}
html>body #PAGE-main-460px
		{ 
		height: auto !important;
		}


/*** COLONNE DE DROITE ***/
#COLONNE-droite
		{
		float:right;
		width:195px;
		min-height:380px;
		height:380px;
		padding:0 15px 0 0;
		margin: 10px 0 10px 0;
		display: none; /* PRINT */
		}
html>body #COLONNE-droite
		{ 
		height: auto !important;
		}
		
/* BLOCS */
.BLOC-droite
		{
		float:right;
		min-height:140px !important;
		height:auto !important;
		height:140px;
		width:180px;
		background-color:#ffffff;
		border:1px #e5e5dd solid;
		margin-bottom:15px;
		}
.BLOC-droite-calage
		{
		float:right;
		height:28px;
		width:180px;
		}
.BLOC-droite-TITRE
        {
		height: 25px;
		min-height: 25px;
		margin:0 0 0 0;
        padding:0 0 0 0;
		background:transparent url(/lpachantiers/Images/bloc_droite_fond_01.gif) no-repeat 0 0;
        }
.BLOC-droite p
		{
		margin:10px 15px 10px 15px;
		font-size: 11px;
		}



		
/****************************** FORMULAIRES ***************************************/
.input-COMMUN {
		font-size: 11px;
		color: #000000;
		border: 1px solid #cdcdcd;
		font-family:Arial, Helvetica, sans-serif;
		padding: 0 0 0 3px;
		}
.input-FORM {
		font-size: 11px;
		color: #000000;
		border: 1px solid #cdcdcd;
		background-color:#FFFFFF;
		margin: 3px 3px 3px 3px;
		}
.select {
		font-size: 10px;
		color: #000000;
		background-color:#FFFFFF;
		margin: 3px 0 3px 0;
		}
		
/****************************** COMMUN ***************************************/
.bold {
		font-weight:bold;
		}
.JUSTIFY 
		{
		text-align: justify;
		}
.ALIGN-droite {
		text-align:right;
		}
.ALIGN-gauche {
		text-align:left;
		}
.texte-PETIT {
		font-size: 11px;
		}

/*************************** MENU TREEVIEW ***********************************/		
#MENU-treeview 
		{
		font-size: 12px;
		text-align:left;
		list-style-type:none;
		}
#MENU-treeview li
		{
		background-color: #eeeeeb;
		margin: 2px 0 0 0;
		padding: 2px 0 2px 0;
		list-style-type:none;
		}
#MENU-treeview a 
		{
		font-size: 11px;
		color: #000000;
		text-decoration: underline;
		padding: 0 0 0 5px;
		}
#MENU-treeview a:hover 
		{
		text-decoration: none;
		}

#MENU-treeview2 
		{
		font-size: 11px;
		text-align:left;
		list-style-type:none;
		}
#MENU-treeview2 li
		{
		background-color: #FFFFFF;
		padding: 1px 0 1px 15px;
		list-style-type:none;
		}
#MENU-treeview2 a
		{
		font-size: 11px;
		color: #747474;
		text-decoration: underline;
		}
#MENU-treeview2 a:hover
		{
		text-decoration: none;
		}

/****************************** PLAN DU SITE ***************************************/
#PLAN-SITE ul
		{
		list-style-type:none;
		}
#PLAN-SITE ul li
		{
		padding:7px 0 7px 12px;
		margin:0 0 0 0;
		text-align:left;
        font-size:14px;
		font-weight:bold;
        color:#000000;
		background:transparent url(/lpachantiers/Images/pucejaune.gif) no-repeat 0 11px;
		list-style-type:none;
		}
#PLAN-SITE ul li a
		{
		text-decoration: underline;
		color:#000000;
		}
#PLAN-SITE ul li a:hover
		{
		text-decoration: none;
		}
#PLAN-SITE ul li ul li
		{
		padding:3px 0 3px 12px;
		margin:0 0 0 0;
		text-align:left;
        font-size:12px;
		font-weight:normal;
        color:#000000;
		background:transparent url(/lpachantiers/Images/puceblanche.gif) no-repeat 0 7px;
		}
#PLAN-SITE ul li ul li a
		{
		text-decoration: underline;
		color:#000000;
		}
#PLAN-SITE ul li ul li a:hover
		{
		text-decoration: none;
		}
#PLAN-SITE ul li ul li ul li
		{
		padding:3px 0 0 10px;
		margin:0 0 0 0;
		text-align:left;
        font-size:11px;
		font-weight:normal;
        color:#000000;
		background:transparent url(/lpachantiers/Images/pucevide.gif) no-repeat 0 7px;
		}
#PLAN-SITE ul li ul li ul li a
		{
		text-decoration: none;
		color:#747474;
		}
#PLAN-SITE ul li ul li ul li a:hover
		{
		text-decoration: underline;
		}
/****************************** DIVERS ***************************************/
#ariane {
	margin:3px 0 5px 0;
	padding:2px 0 2px 15px;
	text-align:left;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	background-color:#f8f8f8;
	height:16px;
	}
html>body #ariane { 
		height: auto !important;
		}
#ariane a {
	text-decoration: underline;
	color: #000000;
	}
#ariane a:hover {
	text-decoration: none;
	}
#sous-navig {
        margin:0 0 15px 0;
        padding:2px 0 2px 15px;
		text-align:left;
        font-size:11px;
        color:#000000;
		font-weight:normal;
		background-color:#e5e5dd;
		height:16px;
		}
html>body #sous-navig { 
		height: auto !important;
		}
#sous-navig a {
	text-decoration: underline;
	color: #000000;
	}
#sous-navig a:hover {
	text-decoration: none;
	}		
.liensSOULIGNES {
		text-decoration: underline;
		color: #000000;
		}
a.liensSOULIGNES:hover {
		text-decoration: none;
		}
		
.liensPETITS {
		text-decoration: none;
		color: #000000;
		font-size: 10px;
		}
a.liensPETITS:hover {
		text-decoration: underline;
		}
		

.background-COLOR-01 {
		background-color:#e1e1e1;
		}
.background-COLOR-02 {
		background-color:#f8f5e4;
		}
.background-COLOR-03 {
		background-color:#f8f8f8;
		}
		

.BORDER-01 {
		border:1px solid #000000;
		}
.BORDER-02 {
		border:1px solid #CDCDCD;
		}
.table-INFOS-PRATIQUES {
		padding:2px 5px 2px 5px;
		}

#ONGLETS-parcs 
		{
		float:left;
		width:644px;
		height:370px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
.ONGLETS
		{
		float:left;
		width:644px;
		height:22px;
		margin:0 0 -1px 0;
		padding:0 0 0 0;
		text-align:right;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		}
.ONGLETS a
		{
		margin:0 7px 0 0;
		padding:0 0 0 0;
		font-size: 11px;
		}
.ONGLETS-lien-01 {
        color: #ffef00;
        text-decoration:underline;
        }
a.ONGLETS-lien-01:hover {
       text-decoration:none;
       }
.ONGLETS-lien-02 {
       color: #000000;
       text-decoration:underline;
       }
a.ONGLETS-lien-02:hover {
       text-decoration:none;
       }
		
#Layer-CONTENEUR 
		{
		margin:-1px 0 0 0;
		border: 1px solid #000000;
		}
		
.texte-BLANC
		{
		color: #ffffff;
		font-size: 11px;
		}
.texte-GRIS
		{
		color: #cccccc;
		font-size: 11px;
		}
.texte-01
		{
		color: #747474;
		font-size: 11px;
		}
		
.liensZOOM
		{
		color: #7f7f7f;
		font-size: 11px;
		text-decoration:none;
		}
a.liensZOOM:hover
		{
		text-decoration:underline;
		}
		
.IMAGE-border-01 
		{
		border: 1px solid #7f7f7f;
		}
.IMAGE-border-02 
		{
		border: 1px solid #000000;
		}
		
.plan-SCREEN 
		{
		display:block;
		text-align:center;
		margin-bottom: 15px;
		}
.plan-PRINT 
		{
		display:none;
		}
.titre-TABLE-entetes 
		{
		font-weight: bold;
		padding: 5px 0 0 0;
		}
.txt-TABLE-retrait td
		{
		padding: 0 0 0 5px;
		}
.ROUGE 
		{
		color:#FF0000;
		}