/*************************
*     main.css
*  
* feuille de style lpgsystems BtoC
* @author nicolas rossi
*************************/

html, body{
  margin:0;
  padding:0;
}

body{ 
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 12px;
background:#f7f7f7;
color:#000;
}
    
img{
border:0;
}

ul, li{
margin:0;
padding:0;
}

a{
color:#505050;
text-decoration:none;
}
a:hover{ 
text-decoration:underline;
}
a:active, a:focus{ 
outline:none;        
}

.hidden{
display:none;
}

.bold{
font-weight:bold;
}
.center{
text-align:center;
}
.red{
color:#aa0000;
}
.green{
color:#00aa00;
}
.opacity{
filter:alpha(opacity=70); /* IE */
-moz-opacity:0.7; /* Mozilla */
-khtml-opacity: 0.7; /* Safari */
opacity: 0.7; /* CSS3 */
}

/********************/
/***DIV MAIN BLOC****/
/********************/

div#wrapper{
position:relative;
margin:0 auto;
width:940px;
min-height:720px;
}

div#header{
position:relative;
height:90px;
width:100%;
overflow:visible;
float:left;
margin:20px 0 20px 0;
} /*  NOEL     
div#header {
float:left;
height:90px;
margin-top:10px;
overflow:visible;
padding:10px 0 19px;
position:relative;
width:100%;
background:url(../img/fd-header-2011-2.jpg) no-repeat;
}  */

div#flashContent, div#newsContent, div#textLayout{
position:relative;
height:410px;
width:100%;
float:left;
}

div#textLayoutFull{
position:relative;
height:560px;
width:100%;
float:left;
}

div#jobLeft{
 width:300px;
 height:550px;
 float:left;
}


div#jobRight {
float:right;
height:545px;
overflow:auto;
padding:12px 0 0;
width:580px;
}


div#layout{
position:relative;
width:100%;
height:auto;
float:left;
}

div#footer {
height:40px;
position:relative;
width:100%;
float:left;
}

div#sub_footer{
height:60px;
margin-top:10px;
position:relative;
width:100%;
float:left;
color:#ccc;
font-size:9px;
text-align:center;
}

div#sub_footer a{
color:#ccc;
}
div#sub_footer a:hover{
color:#aa0000;
}  
/********************/
/***HEADER STYLES****/
/********************/

img#logo{
position:absolute;
top:10px;
left:0px;
}

span#logo{
display:block;
position:absolute;
top:10px;
left:0px; 
width:77px;
height:74px;   
} 

h1#slogan {
color:#000000;
font-size:33px;
font-weight:bold;
left:97px;
position:absolute;
top:0px;
width:549px;
}

div#menu{
position:absolute;
top:62px;
right:0;
}

.niveau1 a{
color:#fff;
width:auto;
padding:0 4px;
margin-top:8px;
}
.niveau2 a{
color:#fff;
margin:0;
padding:4px;
width:146px;
}
.niveau2 a:hover{
color:#fff;
background:#6692C4;  
}
.menu2Hover{
background:#99CCCC;
}
div#menu ul {
padding:0;
margin:0px;
background: white;
text-align:left;
}    

div#menu li.sousmenu {
height:28px;
}

/* oblig� de faire un classe a part pour ajouter un hover en javascript sur un li pour IE6 */
.menuHover{
background:#537EB6;
}
.menuIn{
background:#254c80;                 
}

div#menu ul li {position:relative; list-style: none; float:left;}

div#menu ul ul {
background:#537EB6;
display:none;
position:absolute;
top:27px;
width:auto;
height:auto;
z-index:100;
}   

 /*
div#menu ul ul li {   
width:auto;
height:100%;
}  */



div#menu ul ul li {
border-color:#6692C4;
border-style:solid none none;
border-width:1px 0 0;
height:100%;
width:auto;
}   

div#menu li a {
text-decoration:none;
display:block;
}
div#menu ul.niveau3 {top:0px; left: 128px;}

div#menu ul ul ul{
display:none;
z-index:101;
}
/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
.niveau3 a{width:100px;}
.niveau3 a:hover {background: #6692C4}

.sousmenu2{
background:url(../img/sousmenu2.png) no-repeat 95% 50%;
}

.borderMainMenu{
border-width:0 0 0 1px;
border-style:solid;
border-color:#fff;
}


div#options{
width:220px;
height:20px;
position:absolute;
right:0;
top:5px;
}
.champ, div#options .boutonOK, div#listLanguage{
background:#EDF4F9;
color:#536C98;
font-size:11px;
font-family:Arial;
}
  
div#choixLanguage {
background:transparent url(../img/choixLangue.gif) no-repeat scroll 0 0;
border:0 none;
position:absolute;
right:72px;
width:84px;
height:17px;
}

.champ {
border:1px solid #2A5E7D;
color:#536C98;
float:left;
height:14px;
margin:0 9px 0 0;
padding:1px 2px 0 0;
text-indent:3px;
width:90px;
}
div.champ{
width:82px;
cursor:pointer;
}

div#options div.champ img{
position:absolute;
left:73px;
}
div#options .boutonOK {
border-color:#2A5E7D;
border-style:solid solid solid none;   
border-width:1px 1px 1px 0; 
height:17px;
width:25px;
padding:0;
position:absolute;
right:80px;
cursor:pointer;
}

div#accesPro {
height:17px;
/*left:249px;*/
left:138px;
position:absolute;
top:2px;
}
div#accesPro img{
position:absolute;
}
div#accesPro a {
color:#FFFFFF;
font-size:12px;
left:15px;
position:absolute;
top:-1px;
width:80px;
}
div#accesPro a:hover{
color:#000;
}


div#listLanguage {
border-width:0 1px 1px 1px;
border-style: solid solid solid;
border-color:#2A5E7D;
position:absolute;
top:15px;
left:0;
width:84px;
z-index:5;
display:none;
}
div#listLanguage ul{
list-style:none;
}
div#listLanguage li {
padding:2px;
text-indent:1px;
cursor:pointer;
width:80px;
}

.listLanguageHover{
background:#3d6ea9;
text-decoration:none;
}
.listLanguageHover a{
display:block;
width:120px;
height:14px;
}
.listLanguageHover a:hover{
color:#fff; 
text-decoration:none;
}


/********************/
/***CONTENT STYLES***/
/********************/

div#path {
font-size:7pt;
margin:2px 2px 12px 0px;
font-family:Helvetica, sans-serif;
color:#787878
}

div#path a{
font-size:7pt;
margin:2px 2px 12px 0px;
font-family:Helvetica, sans-serif;
color:#787878
}

div.chapo, div.chapoNewsMedia, div.chapoNewsHome{
float:left;  /*  
padding-bottom:5px;   */
background:url("../img/bg_gradient_left.jpg") repeat-y;
width:300px;
}
div.chapo{
min-height:300px;  
}
div.chapoNewsHome{ 
height:290px;  
overflow:hidden;  
}
div.chapoNewsMedia{
height:300px; 
overflow:hidden;
}

div.chapo h2, div.chapo h3{
font-weight:normal;
padding:0px;
}
div.chapo h2{
color:#aa0000;
font-size:14px;
padding:0 2px 0 0;    
margin:0;
}
div.chapoNewsMedia h2{
 margin-top:5px;
 padding:2px 2px 0 2px;
}

div.chapo h3{
font-size:12px;
margin:0;
}

div.chapo p {
margin:0 30px 0 0;
padding:4px 2px;
}

div.chapo ul{
padding-left:28px;
}

div.chapo a{
text-decoration: underline;
}
div.chapo a:hover{
color:#aa0000;
}

div#linkContent{
width:600px;
height:auto;
float:right;
}

div.link, div.linkNewsMedia, div.linkHome, div.linkArticle{
color:#333333;
float:left;
width:150px;  
background:url("../img/bg_gradient_small.gif") repeat-y;
}
div.link{
min-height:300px;
}
div.linkNewsMedia{
height:300px;
}
div.linkHome{  
height:290px;
}  
div.linkArticle{
height:auto;
}


div.link img, div.linkNewsMedia img, div.linkHome img, div.linkArticle img{
width:150px;
height:85px;
}
div.link h2, div.linkNewsMedia h2, div.linkHome h2, div.linkArticle h2{
font-size:14px;
font-weight:normal;
text-indent:10px;
padding:5px;
margin:0;
text-align:right;
}    
div.link a:hover, div.linkNewsMedia a:hover, div.linkHome a:hover, div.linkArticle a:hover{
text-decoration:none;
color:#aa0000;
}
div.link p, div.linkNewsMedia p, div.linkHome p, div.linkArticle p{
margin:0;
padding:5px;
text-align:right;
height:auto;
overflow:hidden;
padding-left:25px;     
}

.seeMore{
float:right;
font-size:11px;
padding:5px;
}

div#content {
background:transparent url(../img/bg_gradient_left.jpg) repeat-y right 0;
float:left;
min-height:280px;
padding:5px 50px 15px 50px;
position:relative;
width:500px;
}

div#content h3 {
font-size:13px;
font-weight:normal;  
margin:20px 0 6px; 
}
ul#pageContent h2{
 margin:34px 0 0px;
}

ul#pageContent h3{
 margin:15px 0 6px;
 font-size:13px;
}


ul#pageContent{
margin:0;
list-style: none;
}

ul#pageContent p{
margin:5px 0;     
}

ul#pageContent li ul{
padding-left:28px;
}
ul#pageContent li ul li{
 list-style: disc;
}


div#content dl{
    list-style: disc;     
}
div#content dt{
    list-style: disc;   
    line-height: 17px;  
}

div#content a{
text-decoration: underline;
}
div#content a:hover{
color:#aa0000;
}

div#ContentPager{
bottom:4px;
font-size:9px;
position:absolute;
right:30px;
}

div#ContentPager a, .pager a {
background:#FFFFFF;
border:1px solid #0C447F;
color:#0C447F;
font-size:11px;
line-height:25px;
padding:1px 5px;
}

div#ContentPager a:hover, .pager a:hover{
background:#ccc;
text-decoration:none;
}

div#ContentPager .wactive{
background:#ccc;
text-decoration:none;
}
     
    

/********************/
/****FOOTER STYLES***/
/********************/

#menuFooter{
position:absolute;
top:0;
right:174px;
font-size:11px;
}

#menuFooter ul{
list-style:none;
}

#menuFooter li{
color:#89A7B9;
float:right;
padding:2px 0;
}

#menuFooter a{
color:#89A7B9;
display:block;
padding:0 3px;
}

.borderFooterMenu{
border-width:0 0 0 1px;
border-style:solid;
border-color:#89A7B9;
}
.borderFooterMenuRight{
border-width:0 1px 0 0;
border-style:solid;
border-color:#89A7B9;
}

#websites {
color:#FFFFFF;
height:17px;
padding:2px 0 1px 7px;
position:absolute;
right:0;
width:66px;
cursor:pointer;
overflow:visible;
}
.websitesNoClicked{
background:transparent url(../img/sitesLPG_clicked.gif) no-repeat; 
}
.websitesClicked{
background:transparent url(../img/sitesLPG.gif) no-repeat; 
}

div#listeWebsites{
display:none;
position:absolute;
right:0px;
bottom:20px; 
border:1px solid #b1c3cf;
padding:4px;
width:122px;
background:#fff;
}
div#listeWebsites ul{
list-style:none;
width:122px;
}
div#listeWebsites li{
float:left;
}
div#listeWebsites li a{
display:block;
}
div#listeWebsites li a:hover{
text-decoration:none;
color:#aa0000;
}  

ul.sitemapNiveau1{
 margin:50px 0 0 40px;
 list-style: none;
 padding:0;
} 
ul.sitemapNiveau2{
  margin:0 0 0 40px;
 list-style: none;
 padding:0;
}
/***********/
/** Form ***/
/***********/
label {
  width: 6em;
  text-align: right;
  margin-right: 0.5em;
}

fieldset {
  border: 1px solid #ccc;
  width: 48em;
  padding: .5em .5em;
}

legend {
  color: #000;
  border: 1px solid #ccc;
  padding:.2em .5em .2em .5em;
}
table {
margin: 0px 0px 10px 0px;
}
.right-aligned {
margin-left: auto;
}
.error_list {
color: #f00;
list-style-type: none;
font-weight: bold;
}
.inputButton {
  margin-left: 6em;
  border: solid 1px #555;
  background:#DFE3E7;
  font-size:12px;  
}

.inputButton:hover {
  border: solid 1px #719aba;
  color:#719aba;
	cursor: pointer;
}
th {
font-weight: normal;
}
/***********/
/* erreurs warnings */
/***********/
.flash_error {
background: #fcc;
color: #a00;
border: solid 1px #f00;
margin: 0px 15px 15px 15px;
padding: 5px;
}
.flash_notice {
background: #CFC;
color: #000;
border: solid 1px #3A0;
margin: 0px 15px 15px 15px;
padding: 5px;
}
/***********/
/** User ***/
/***********/
#paysteps ol{
padding: 0px;
margin: 20px 0 10px 5px;
}
#paysteps ol li{
display:inline;
margin: 0 15px 0 0;
font-weight: bold;
font-size: 11px;
color: #888;
}
#paysteps ol li.active{
color: #444;
text-decoration: underline;
}
.left-half {
width: 260px;
padding: 0 20px;
float: left;
margin: 0px;
}
.right-half {
width: 260px;
padding: 0 20px;
float: right;
margin: 0px;
}
.section-header {
width: 100%;
background: #ccc;
color: #000;
font-size: 14px;
font-weight: bold;
padding: 5px 0px 5px 20px;
margin: 10px 0px 10px 0px;
/*float: left; */
clear: both;
}
.separator {
clear: both;
}
table {
margin: 0px 0px 10px 0px;
}
#register-form ul li, #address-form ul li {
display: inline;
}
.expandable {
cursor: pointer;
}