/********************************************************************************/
/*																				*/
/*			© PMP CONCEPT 2008 :: FEUILLE DE STYLES GENERALE					*/
/*																				*/
/*																				*/
/********************************************************************************/

/********************************************************************************/
/*	STYLE GENERAL																*/
/********************************************************************************/

html{ /*overflow:hidden;*/ }
body 
{
    font-family: verdana;
    font-size: 11px;
    color: #333333;
    background-color: #FFFFFF;
	margin:0;
}


/* HAUT DE PAGE */
#hautpage	{ background:#95BCD1; border-bottom:2px solid #656666; padding-bottom:2px; width:100%; margin-bottom:15px; display:block; height:38px; }
#hautpage img { border:none; }
#hautpage a { color:#ffffff; }
#hautpage a:hover { color:#656666; }
#logopmp	{ float:left; }
#nomclient	{ float:left; font-size:14px; margin:11px 0 0 15px; color:#656666; }
#deconection 
{ 
	float:right; 
	color:#656666; 
	margin:15px 20px 0 0; 
}
#deconection .deconection
{ 
	padding:2px 0 10px 20px; 
	background:transparent url(../_images/s_rights.png) 0 0 no-repeat;
}	
#deconection .quitter
{ 
	padding:2px 0 10px 20px; 
	background:transparent url(../_images/s_loggoff.png) 0 0 no-repeat;
}


/* COEUR DE PAGE */
#coeurpage	
{ 
	/*overflow-x:auto;*/
	margin:0 10px 0 10px;
	clear:both;
}


/* BAS DE PAGE */
#copyrightPMP	{font-family: arial; font-size: 10px; font-weight: normal; color: #344249; }


/* Erreur authentification */
.noPrivileges{
    color: #C64934;
    font-weight: bold;
	font-size:16px;
}

/* VISIBLE / INVISIBLE */
div.visible 	{ visibility:visible; display:block; }
div.invisible 	{ visibility:hidden; display:none; }


/* TEXTES */
.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }


/* INFOBULLE */
#infobulle{
	position: absolute;	
	visibility : hidden;
    border: 0.1em solid #C64934;
    padding: 10px 10px 10px 36px;
	font-family: Verdana, Arial;
	font-size: 10px;
    color: #C64934;
    background-color: #FFFFCC;
	margin-left:10px;
	width:430px;
	text-align:justify;
    background-image: url(../_images/b_tipp.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
}


/* MARGES */
.marginLeft { margin-left:10px; }
.marginBottom { margin-bottom:10px; }


/********************************************************************************/
/*	STYLE PAR DEFAUT DES ELEMENTS HTML											*/
/********************************************************************************/

pre, tt         { font-size: 11px }
td              { font-family: arial; font-size: 11px }
th				{ font-weight:normal; font-size:11px; color:#274288; }
dfn             { font-style: normal }
dfn:hover       { font-style: normal; cursor: help }
hr				{ color: #666666; background-color: #666666; border: 0; height: 1px; }
img				{ vertical-align: middle; }
iframe 			{ background-color: #FFFFFF; border: 1px solid #CCCCCC; }

/* TITRE */
h1              { font-family: arial; font-size: 22px; font-weight: bold; color:#95BCD1; margin-bottom:10px; clear:both; }
h1 a			{font-family: arial; font-size: 22px; font-weight: bold; color:#95BCD1; margin:0px; text-decoration:underline; }
h1 a:hover		{font-family: arial; font-size: 22px; font-weight: bold; color:#C24733; margin:0px; text-decoration:underline; }
h2              { font-family: arial; font-size: 16px; font-weight: bold; color:#95BCD1; margin:0px; }
h3              { font-family: arial; font-size: 11px; font-weight: bold; color:#95BCD1; margin:0px; }
h1 span, h2 span, h3 span { font-weight:normal; }


/* LIENS */
a               { font-family: arial; font-size: 11px; text-decoration: none; color: #C24733; }
a:hover         { font-family: arial; font-size: 11px; text-decoration: none; color: #344249; }
a.h1:link       { font-family: arial; font-size: 22px; font-weight: bold; color: #333333 }
a.h1:active     { font-family: arial; font-size: 22px; font-weight: bold; color: #333333 }
a.h1:visited    { font-family: arial; font-size: 22px; font-weight: bold; color: #333333 }
a.h1:hover      { font-family: arial; font-size: 22px; font-weight: bold; color: #C64934 }
a.h2:link       { font-family: arial; font-size: 16px; font-weight: bold; color: #333333 }
a.h2:active     { font-family: arial; font-size: 16px; font-weight: bold; color: #333333 }
a.h2:visited    { font-family: arial; font-size: 16px; font-weight: bold; color: #333333 }
a.h2:hover      { font-family: arial; font-size: 16px; font-weight: bold; color: #C64934 }
a.drop:link     { font-family: arial; color: #C64934 }
a.drop:visited  { font-family: arial; color: #C64934 }
a.drop:hover    { font-family: arial; color: #ffffff; background-color:#C64934; text-decoration: none }
a img 			{ cursor:pointer; }



/********************************************************************************/
/*	STYLE PAR DEFAUT DES TABLES (LISTE DE DONNEES, ...)							*/
/********************************************************************************/

/* TABLES */
table.data {
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	width:100%;
	margin-bottom:5px;
}

/* LIGNES */
table tr.odd
{
    background-color: #F5F6F6;
    text-align: left;
}
table tr.odd td
{
	border-right:1px solid #DFE1E2;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #DFE1E2;
	border-top:1px solid #FFFFFF;
}

table tr.even
{
    background-color: #F0DBEA;
    text-align: left;
}
table tr.even td
{
	border-right:1px solid #DCACCE;
	border-left:1px solid #FAF1F7;
	border-bottom:1px solid #DCACCE;
	border-top:1px solid #FAF1F7;
}

table tr.invisible
{
	text-align: left;
    background-color: #EFECE7;
}
table tr.invisible td
{
	border-right:1px solid #DFDAD3;
	border-left:1px solid #F5F2F0;
	border-bottom:1px solid #DFDAD3;
	border-top:1px solid #F5F2F0;
	color:#C5C0B8;
	
}

table tr.tblHeadValid {
	background-color:#87ec82;
    font-weight: bold;
    color: #333333;
}
table tr.tblHeadValid td {
	border-right:1px solid #DFE1E2;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #DFE1E2;
	border-top:1px solid #FFFFFF;
}
table tr.rupture
{
    background-color: #FADFDC;
    text-align: left;
}
table tr.rupture td
{
	border-right:1px solid #F5C3C6;
	border-left:1px solid #FCEEEC;
	border-bottom:1px solid #F5C3C6;
	border-top:1px solid #FCEEEC;
}


/* LIGNES HOVER */
table tr.odd:hover, table tr.even:hover, table tr.invisible:hover,
table tr.odd:hover th, table tr.even:hover th, table tr.invisible:hover th,
table tr.hover th, table tr.hover, table tr.rupture:hover, table tr.tblHeadValid:hover
{
    background-color: #CADFF3;
}
table tr.odd:hover td, table tr.even:hover td, table tr.invisible:hover td,
table tr.hover td, table tr.tblHeadValid:hover td, table tr.rupture:hover td
{
	border-right:1px solid #BACCE9;
	border-left:1px solid #E1EFF9;
	border-bottom:1px solid #BACCE9;
	border-top:1px solid #E1EFF9;
	color: #333333;
}
table tr.odd td, table tr.even td, table tr.invisible td
{
	padding:0 3px 0 3px;
}
table tr.odd th, table tr.even th, table tr.invisible th
{
	background:#E0E0E0 url(../_images/fond_titre.png) 0 0 repeat-x;
	padding:4px 3px 3px 3px;
	border-right:1px solid #E0E0E0;
	border-left:1px solid #F3F5F3;
}

/* ENTETE DES COLONNES */
.titre_entete {
	border-top:2px solid #95BCD1;
	background:#E0E0E0 url(../_images/fond_titre.png) 0 0 repeat-x;
	padding:4px 3px 3px 3px;
	border-right:1px solid #E0E0E0;
	border-left:1px solid #F3F5F3;
}

/* FOOTER  */
.info_enreg {
    background:#F1F3F5;
	border-bottom:1px solid #CCCCCC;
	height:23px;
	text-align:center;
}

/* LISTE LANGUE */
.nolangue {
	filter:alpha(opacity=25); 
	-moz-opacity: 0.25; 
	opacity: 0.25;
}



/********************************************************************************/
/*	BOUTONS																		*/
/********************************************************************************/

a.bouton {
	display: -moz-inline-box;
	display: inline-block;
	font-variant:small-caps;
	font-size:12px;
	background:#ffffff;
	padding:3px 3px 3px 24px;
	color:#808080;
	white-space:nowrap;
	width:auto;
}
a.bouton:hover {
	font-size:12px;
}

a.bouton.ajouter
 {
	border:1px solid #7ec504;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/ajouter.png) 3px 2px no-repeat;
}

a.bouton.ajouter:hover
{
	border:1px solid #387203;
	color:#387203;
	background:#c0f268 url(../_images/ajouter.png) 3px 2px no-repeat;
}

a.bouton.supprimer {
	border:1px solid #ff7427;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/supprime.png) 3px 3px no-repeat;
}
a.bouton.supprimer:hover {
	border:1px solid #bf5023;
	color:#bf5023;
	background:#feb87c url(../_images/supprime.png) 3px 3px no-repeat;
}

a.bouton.valider
 {
	border:1px solid #7ec504;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/valider.png) 3px 3px no-repeat;
}

a.bouton.valider:hover
{
	border:1px solid #387203;
	color:#387203;
	background:#c0f268 url(../_images/valider.png) 3px 3px no-repeat;
}

a.bouton.suivant
 {
	border:1px solid #7ec504;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/forward.png) 3px 3px no-repeat;
}

a.bouton.suivant:hover
{
	border:1px solid #387203;
	color:#387203;
	background:#c0f268 url(../_images/forward.png) 3px 3px no-repeat;
}

a.bouton.precedent
 {
	border:1px solid #7ec504;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/back.png) 3px 3px no-repeat;
}

a.bouton.precedent:hover
{
	border:1px solid #387203;
	color:#387203;
	background:#c0f268 url(../_images/back.png) 3px 3px no-repeat;
}

a.bouton.annuler {
	border:1px solid #ff7427;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/annuler.png) 3px 2px no-repeat;
}
a.bouton.annuler:hover {
	border:1px solid #bf5023;
	color:#bf5023;
	background:#feb87c url(../_images/annuler.png) 3px 2px no-repeat;
}

a.bouton.notext
{
	padding:3px 3px 3px 16px;
}

a.bouton.refresh
 {
	border:1px solid #7ec504;
	padding:3px 3px 3px 24px;
	background:transparent url(../_images/refresh.png) 3px 3px no-repeat;
}

a.bouton.refresh:hover
{
	border:1px solid #387203;
	color:#387203;
	background:#c0f268 url(../_images/refresh.png) 3px 3px no-repeat;
}



/********************************************************************************/
/*	TOOLBOX (boite à outil)														*/
/********************************************************************************/

/* boite a outils */
div.cachediv { visibility: hidden; position: absolute; z-index:100; display:none; }
div.affichediv { visibility:visible; margin-top:-4px; margin-left:-81px; position: absolute; z-index:100; border: 1px solid black; background-color: whitesmoke; }
div.affichediv a { display:block; width:100px; border:1px solid #fff; }
div.affichediv a:hover { display:block; width:100px; background:#C24733; color:#FFFFFF; border-bottom:1px solid #882C00; border-right:1px solid #882C00; border-top:1px solid #E99B9F; border-left:1px solid #E99B9F; }
td.illustration div.affichediv { visibility: visible; margin-top: -20px; margin-left:330px; position: absolute; z-index:100; border: 1px solid black; background-color: whitesmoke; }
.boiteoutils { background:#E0E0E0 url(../_images/fond_titre.png) 0 0 repeat-x; border-right:1px solid #E0E0E0;	border-left:1px solid #F3F5F3; }
tr.cachediv { visibility:hidden; display:none; }
tr.affichediv { visibility:visible; display: table-row; }
.menu2ligne { margin-top:4px; margin-left:3px; margin-right:2px; }



/********************************************************************************/
/*	LOADER																		*/
/********************************************************************************/

TABLE.telechargement
{
	background-color	: #E9E9E9;
	border-top			: 1px solid #FAFAFA;
	border-left			: 1px solid #FAFAFA;
	border-bottom		: 1px solid #DEDEDE;
	border-right		: 1px solid #DEDEDE;
	height:100px;
	width:350px;
}
TABLE.telechargement_contour
{
	visibility			: hidden;
	position			: absolute;
	border				: 1px solid #979797;
	z-index				: 200;
	top					: 50%;
	margin-top			: -50px;
	left				: 50%;
	margin-left			: -175px;
}

div#telechargement_contour
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #000000;
	filter:alpha(opacity=69);
	-moz-opacity: 0.69;
	opacity: 0.69;
	visibility:hidden;
}

.iframeForm{
	border:none;
}

fieldset        {
    border:     #686868 solid 1px;
    padding:    0.5em;
}

/****************************************/
/* DIVERS								*/
/****************************************/
.infos { font-size:10px; color:#339900; }

/* catalogue */
.blockPdf {
	height:50px;
	float:left;
	width:250px;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
	
.blockPdf th {
	font-weight:bold;
	text-transform:capitalize
}

/* LEGENDE */
.legende { width:400px; padding:5px; border:1px solid #dfdad3; }
.legende h2 { margin-bottom:15px; border-bottom:1px solid #dfdad3; }
.legende ul { margin:0; padding:0; }
.legende ul li { list-style:none; margin:0 0 5px 0; padding:0; font-size:12px }
.legende ul li span { font-size:10px; padding:2px 4px 2px 4px; }

.droppable_active{border:2px solid red;}
.recherche
{
	background:#F5F6F6;
	padding:3px;
	width:370px;
	float:left;
	margin:-30px 0 20px 100px;
	border-right:1px solid #DFE1E2;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #DFE1E2;
	border-top:1px solid #FFFFFF;
}
.recherche legend { font-weight:bold; }
.recherche input,file { color:#585880; font-size:10px; }
.recherche .rechavance { float:left; display:block; width:176px; }