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

html, body{
  margin:0;
  padding:0;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

body{
/*background:url(../images/bg_img_technology.jpg) no-repeat 50% 0;*/
background: url(../images/bg_technology.jpg) no-repeat scroll 50% 0;
font-size:11px;
}
    
img{
border:0;
margin:0;
padding:0;
}

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

a{
color:#000;
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;
}
.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:900px;
min-height:720px;
}

div#header{
position:relative;
height:90px;
width:100%;
overflow:visible;
}

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#layout{
position:relative;
width:100%;
height:auto;
float:left;
}

div#footer {
height:40px;
margin-top:10px;
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 {
left:79px;
position:absolute;
top:15px;
color:#FFFFFF;
font-size:15px;
font-weight:normal;
text-transform: uppercase;
}

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:28px;
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(../images/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:20px;
}
.champ, div#options .boutonOK, div#listLanguage{
background:#EDF4F9;
color:#536C98;
font-size:11px;
font-family:Arial;
}

.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:116px;
cursor:pointer;
}

div#options div.champ img{
position:absolute;
left:106px;
}
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:127px;
position:absolute;
top:2px;
}
div#accesPro img{
position:absolute;
}
div#accesPro a {
color:#FFFFFF;
font-size:11px;
left:15px;
position:absolute;
text-decoration:underline;
top:-1px;
width:80px;
}
div#accesPro a:hover{
color:#000;
}


div#listLanguage {
border-width:0 1px 1px 1px;
border-style:none solid solid solid;
border-color:#2A5E7D;
position:absolute;
top:16px;
left:0;
width:118px;
z-index:5;
display:none;
}
div#listLanguage ul{
list-style:none;
}
div#listLanguage li {
padding:2px;
text-indent:1px;
cursor:pointer;
width:114px;
}
.listLanguageHover{
background:#0C447F;
color:#fff;
}

/********************/
/***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("../images/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, h2, h3{
font-weight:normal;
padding:0px;
}
div.chapo h2, h2{
color:#aa0000;
font-size:14px;    
margin:0;
}
div.chapoNewsMedia h2{
 margin-top:5px;
 padding:2px 2px 0 2px;
}

div.chapo h3, 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("../images/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(../images/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;
}

/********************/
/**** NEWS IMAGES ***/
/********************/
div#newGallerie{
background:url(../images/bgNewPhotos.png) no-repeat;
width:580px;
height:347px;
margin-top:30px;
float:left;
}


div#newsText {
float:right;
height:350px;
margin:20px 0;
overflow:auto;
padding:10px;
width:280px;
}
div#newsText h2{
font-size:15px;
margin:30px 0 0 0;
}

div#newsText h3{
font-weight:bold;
}

ul#iconListe{
list-style:none;
margin:0;
padding:0;
width:137px;
margin:18px 0 0 0;
height:306px;
overflow:hidden;
float:right;
}

ul.iconSousListe {
float:right;
height:308px;
list-style:none;
padding:0;
width:137px;
}
ul.iconSousListe li{
background:url(../images/bgMiniPhotos.png) no-repeat;
margin:6px 10px;
height:70px;
width:106px;
}

/* pseudo classe hover qui ne marche pas sous IE6... 
/* donc remplacé par un javascript qui fera la meme chose
ul.iconSousListe li img:hover{
filter:alpha(opacity=70); 
-moz-opacity:0.7;  
-khtml-opacity: 0.7; 
opacity: 0.7; 
}*/


ul.iconSousListe li img{
width:97px;
height:64px;
cursor:pointer;
}

div#newBigImage{
float:left;
width:430px;
}

div#newBigImageImg {
height:340px;
overflow:hidden;
text-align:center;
width:430px;
}

div#newBigImage img{
height:340px;
/*max-width:430px;  */
/*width:430px;*/
}

div#iconListPager{
display:none;
}
div#prevList, div#nextList{
width:25px;
height:13px;
cursor:pointer;
position:absolute;
}
div#nextList{
background:url(../images/nextListe.gif) no-repeat;
left:491px;
top:356px;
}
div#prevList{
background:url(../images/prevListe.gif) no-repeat;
left:491px;
top:34px;
}

/**************************/
/****HISTORIQUE DES NEWS***/
/*************************/  


div#historyNewsContent {
height:auto;
margin:0;
overflow:hidden;
padding:0;
width:300px;
}
div#historyNewsOverflowControler{
height:254px;         
overflow-x:hidden;
overflow-y:auto;    
width:300px;
}

div#historyNewsContent h3 {
color:#AA0000;
font-size:11px;
font-weight:weight;
display:inline;
}

div.blocNews {
width:auto;
margin-bottom:10px;
padding:0;
min-height:60px;  /*
position:relative;  */
float: left;
}

/*div.blocNews:hover {   */
/*opacity:0.7;*/ /*
background:#ccc;
cursor:pointer;
} */
div.blocNews ul{
list-style:none;
padding:0;
margin:0;
width:100%;
float:left;
}
div.blocNews span{
line-height:25px;
}
div.blocNews li{
float:left;
}
div.blocNews img{    /*
position:absolute;   
top:8px;
left:0px;  */
float:left;
margin-top:8px;
width:83px;
height:65px;
border:1px solid #ccc;
}   
div.contentNews { /*
left:91px;     
position:relative;     
top:0;   */
margin-left:7px; 
float:left;
width:185px;
}

div.contentNews p {
margin:0;
width:185px;
}
div.contentNews a {
color:#aa0000;
}

div#listeNews{
list-style:none;
padding:0;
margin:0;
}

div#pagerNews{
text-align:right;
}


/********************/
/*ONGLET NEWS THEME */
/********************/
div#menuOngletNews {
height:19px;
margin:0px 0 0 10px;
width:500px;
}
div.ongletNews {
background:transparent url(../images/onglet-news-lpg.png) no-repeat;
float:left;
height:19px;
width:84px;
cursor:pointer;
}
div.ongletNews:hover {
background:transparent url(../images/onglet-news-lpg-hover.png) no-repeat;
}
div.ongletNews a {
display:block;
padding:3px;
text-align:center;
}
div.ongletNews a:hover {
text-decoration:none;
}

/********************/
/*NEWS SEARCH  ******/
/********************/

div#searchNews {
height:39px;   
width:300px;   
display:block;
}

div#searchNews ul{
list-style:none;
padding:0;
margin:0;
}
div#searchNews li{
float:left;
margin:0 5px 0 0;
}
div#searchNews input{
border:1px solid #ccc;
background:#dbe9f6;
cursor:pointer;
}

/***********************************/
/* Link externe sur page news ******/
/***********************************/
div#newsExternalLink{
position:absolute;
right:0;
top:96px;
}
div#newsExternalLink ul{
list-style:none;
padding:0;
margin:0;
}
div#newsExternalLink ul li {
border:1px solid #ccc;
display:block;
height:50px;
margin:2px;
padding:20px 0 0;
text-align:center;
width:165px;
cursor:pointer;
}
div#newsExternalLink ul li:hover{
background:#ccc;
}

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

#menuFooter{
position:absolute;
top:0;
right:80px;
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;
}

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