/***
 * Thème LPDI Pro
 * Copyright HBS Research & idWard
 * Auteurs :
 *      Franck Mandon - franck.mandon@idward.com
 *      Raphael Davaillaud - rdavaillaud@hbs-research.com
 ***/

/**
 * Rappel:
 *  Police :
 *      Arial
 *  Couleurs:
 *      Vert clair VC   96be0c
 *      Vert foncé VF   678614
 *      Gris clair GC   e7e8e8
 *      Gris moyen GM   b9babb
 *      Gris foncé GF   464648
 **/

/**
 * Règles communes
 */
.clear {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
.hidden {display:none;}
.minFontSize{font-size:0.1em;}
img {border:none;}
a img {text-decoration:none;}
.noTextDecoration {text-decoration:none;}
.center {display:block;margin-left:auto;margin-right:auto;}
/**
 * Général
 */

body {
margin:0;
width:980px;
}
body,
input {
font-size:12px;
font-family:Arial, Sans-serif;
position:relative;
}

input {
font-weight:normal;
}

/*************
 * Page
 ************/
#Page {
position:relative;
background-color:#fff;
}

/*************
 * Header
 ************/

#Header {
position:relative;
height:90px;
z-index:2;
}

#Home {
width:352px;
height:40px;
}
#Home p {
display:block;
width:100%;
height:100%;
margin:0;
}
#Home a {
display:block;
width:100%;
height:100%;
}
#Home a img{
border:none;
}
#Home span {
display:none;
}
#Home h1 {
display:none;
}
/*************
* *** Language Setting ***
 ************/

#LangChoice {
z-index:4;
position:absolute;
left:360px;
top:8px;
}
/*************
* *** User Info ***
 ************/

#UserInfo ,
#UserAuthentification {
position:absolute;
top:0;
right:15px;
height:40px;
z-index:10;
}

#UserAuthentification form {
padding-top:9px;
}

#UserInfo p,
#UserAuthentification p,
#UserAuthentification form {
position:relative;
margin:0;
color:#678614;
}
#UserInfo p {
color:#464648;
line-height:40px;
}
#UserAuthentification label {
margin:0 10px;
}
#UserAuthentification input {
margin-left:10px;
color:#678614;
width:90px;
}
#UserAuthentification a, #UserAuthentification a:link, #UserAuthentification a:hover, #UserAuthentification a:visited,
#UserInfo a, #UserInfo a:link, #UserInfo a:hover, #UserInfo a:visited {
color:#678614;
text-decoration:underline;
}
/**
 * Premier niveau de menu
 **/
#FirstLevelMenu {
background:url(../images/theme/lpdipro/fond_menu.gif) top left repeat-x #96be0c;
height:30px;
width:980px;
position:relative;
z-index:3;
}
#FirstLevelMenu ul {
position:relative;
padding:0 0 0 60px;
margin:0;
list-style:none;
width:920px;
}
#FirstLevelMenu li {
float:left;
position:relative;
margin:0;
padding:0;
z-index:1;
height:30px;
display:block;
}
#FirstLevelMenu li a {
display:block;
border:0;
text-decoration:none;
text-align:left;
line-height:25px;
color:#fff;
}
#FirstLevelMenu li a:hover,
#FirstLevelMenu li.current a {
font-size:14px;
font-weight:bold;
}
/**
 * second niveau de menu
 **/
#SecondLevelMenu {
position:absolute;
top:65px;
height:25px;
z-index:2;
background:url(../images/theme/lpdipro/fond_ssmenu.gif) top left repeat-x;
width:980px;
}

#SecondLevelMenu ul {
position:relative;
padding:0 0 0 60px;
margin:0;
list-style:none;
}

#SecondLevelMenu li {
float:left;
position:relative;
margin:0;
padding:0;
z-index:2;
height:30px;
vertical-align:middle;
display:block;
}
#SecondLevelMenu li a {
display:block;
border:0;
text-decoration:none;
text-align:left;
line-height:25px;
color:#96be0c;
}
#SecondLevelMenu li a:hover,
#SecondLevelMenu li.current a {
font-size:14px;
font-weight:bold;
}
/*************
 * Content
 ************/

#Content {
position:relative;
background:url(../images/theme/lpdipro/visuel_01.jpg) top left no-repeat;
margin:0;
padding:0 260px 0 60px;
font-size:12px;
color:#464648;
min-height:380px;
}
#Content.ContentLarge {
padding-right:10px;
}

#Content p {
margin-top:0;
}
#Content p,
#Content li {
line-height:18px;
vertical-align:bottom;
}
#Content a,
#Content a:link,
#Content a:hover,
#Content a:visited {
color:#678614;
text-decoration:underline;
}
#Content strong,
#Content b {
color:#000;
}
#Content ul {
list-style:url(../images/theme/lpdipro/list-image.png);
}
#Content ul>li{
/*margin-bottom:4px;*/
}

#Content ol {
color:#96be0c;
font-size:14px;
}
#Content ol>li {
/*margin-bottom:20px;*/
margin-bottom:16px;
}
#Content ol>li>span {
font-size:12px;
color:#464648;
}

#Content h2 {
}
#Content h3 {
}
#Content h4 {
font-size:16px;
color:#96be0c;
margin-bottom:12px;
}

#Content #NavPath {
font-size:12px;
color:#96be0c;
}
#Content #NavPath span{
font-weight:bold;
font-size:14px;
}
#Content .frameBox {
position:relative;
padding:0;
}
#Content .frameBox h3,
#Content .frameBox h5 {
background:url(../images/theme/lpdipro/fond_cellule_gris_265.gif) top left repeat-y #464648;
color:#ffffff;
margin:0;
padding:1px 5px;
font-size:12px;
font-weight:bold;
}
#Content h3 span.link,
#Content h5 span.link
{
position:absolute;
right:0;
padding-right:5px;
}
#Content .frameBox2 {
  position:relative;
padding:0;
margin-bottom:1em;
}
#Content .frameBox2 h3,
#Content .frameBox2 h5 {
  position:relative;
background:url(../images/theme/lpdipro/fond_court_vertgris.png) top right repeat-y #96be0c;
color:#ffffff;
margin:0;
padding:1px 5px;
font-size:12px;
font-weight:bold;
margin-bottom:0.5em;
}

/*************
 * Footer
 ************/

#Footer {
clear:both;
text-align:center;
padding: 0 15px;
}
#Footer p {
font-size:11px;
color:#464648;
}

#Footer hr {
display:none;
}

#Footer a,
#Footer a:link,
#Footer a:active,
#Footer a:hover {
color:#678614;
text-decoration:underline;
}
#Footer a.current {
color:#678614;
text-decoration:underline;
}


/*******
 * Authentification
 *******/

.authBlock
{
 position:relative;
}

/*******
 * hbsGuardMatrixPlugin
 *******/
#MatrixRequestController
{
 display:none;
}

.matrix
{
 border:2px solid #96be0c;
 background-color:#fff;
 width:300px;
 padding:10px;
}
.matrix h2
{
font-size:16px;
color:#96be0c;
font-weight:bold;
margin:0;
}
.matrix li
{
 padding-left:25px;
}
.matrix .connect_ok
{
 margin-left:110px;
}
.matrix p
{
 margin:0 0 1em 0;
 padding:0;
}
.logNOK
{
 background: url(../images/theme/lpdipro/cross.png) center left no-repeat;
}
.logOK
{
 background: url(../images/theme/lpdipro/tick.png) center left no-repeat;
}
.logCurrent
{
 background: url(../images/theme/lpdipro/key_go.png) center left no-repeat;
}

#dongleErrorContainer
{
position:relative;
border:2px solid #f00;
background:url(../images/theme/lpdipro/exclamation.png) 5px 5px no-repeat #e7e8e8;
padding:5px 5px 5px 24px;
margin-bottom:1em;
}

.matrix.matrixProxy
{
display:block;
position:absolute;
right:0;
top:0;
border:none;
background-color:transparent;
}
.matrix.matrixProxy p
{
margin:0;
padding-left:25px;
}
#dongleErrorContainer.matrixProxy
{
margin:1em;
z-index:500;
}

/* end hbsGuardMatrix */

#UserAuthentificationForm
{
 border:2px solid #96be0c;
 background-color:#fff;
 width:300px;
 padding:10px;
}
#UserAuthentificationForm fieldset legend
{
font-size:16px;
color:#96be0c;
font-weight:bold;
}
#UserAuthentificationForm p
{
 margin:0 0 1em 0;
 padding:0;
}

#Content div.authBlock div.formHelp
{
 display:block;
 position:absolute;
 top:0;
 left:340px;
 width:520px;
}

#UserAuthentificationForm .connect_ok
{
 margin-left:110px;
}
#UserAuthentificationForm fieldset label
{
 display:block;
 float:left;
 width:100px;
 padding-right:10px;
 text-align:right;
}


#Content div.formHelp
{
position:relative;
border:1px solid #b9babb;
background:url(../images/theme/lpdipro/help.png) 5px 5px no-repeat #e7e8e8;
padding:5px 5px 5px 24px;
}