/* --- NIELSEN INNOVATION ---- STYLES CSS --- */


/*
/*
/* ------- GLOBAL ------- */

* {
border: 0;
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
}

html {
height: 100%;
}

body {
height: 100%;
/*background: white url(../nielsen_imports/bg-fond2.png) 50% 0 repeat-y;*/
}

#conteneur {
height: 100%;
}


/*
/*
/* ------- HEADER ------- */

#header {
position: relative;
width: 1020px;
height: 135px;
margin: 0 auto;
background: transparent url(../nielsen_imports/shadow-header.png) 50% bottom no-repeat;
}

#header h1, #header h2, #header h3 {
display: none;
}

#header a.logo {
position: relative;
top: 0;
left: 0;
display: block;
width: 495px;
height: 135px;
background: transparent url(../nielsen_imports/header-logo2.png) 0 0 no-repeat;
}

#langues {
position: absolute;
top: 115px;
right: 130px;
width: 46px;
height: 30px;
background: transparent url(../nielsen_imports/bg-langues.png) 0 0 no-repeat;
}

#langues p {
position: relative;
top: 6px;
left: 10px;
font-size: 0.6em;
color: #eee;
}

#langues p a {
color: #ccc;
text-decoration: none;
}
#langues p a:hover, #langues p a.langueactive {
color: #999;
}

/*
/*
/* ------- MENU + SUBMENU------- */


#navigation {
position: absolute;
top: 0;
left: 0;
width: 190px;
height: 100%;
background-color: transparent;
}

#menu {
position: relative;
top: 0;
left: 0;
}

#menu ul {
list-style-type: none;
}

#menu ul li {
font-size: 0.8em;
font-weight: bold;
}

#menu ul li a {
display: block;
height: 24px;
line-height: 24px;
text-align: right;
padding-right: 5px;
text-decoration: none;
color: #888;
}

#menu ul li a:hover, #menu ul li a.menuactif {
color: #333;
background: transparent url(../nielsen_imports/bg-menu.png) 0 0 repeat-y;
}


/* ------- */


#submenu {
position: absolute;
right: 5px;
bottom: 0;
width: 190px;
margin-top: 20px;
}

#submenu ul {
list-style-type: none;
}

#submenu ul li {
font-size: 0.8em;
line-height: 1.5em;
text-align: right;
}

#submenu ul li a {
text-decoration: none;
color: #999;
}

#submenu ul li a:hover, #submenu ul li a.actif {
color: #f60;
}


/*
/*
/* ------- NEWS ------- */


#news {
width: 780px;
background-color: transparent;
margin-top: 10px;
}

#news div.blocnews {
float: left;
padding: 5px;
width: 360px;
height: 105px;
border: 1px solid #ddd;
margin-right: 15px;
margin-top: 10px;
}

#news div.blocnews img {
float: left;
}

#news div.blocnews p {
float: left;
width: 210px;
margin-left: 8px;
font-size: 0.8em;
text-align: left;
}

#news div.blocnews p a {
color: #f60;
text-decoration: underline;
}
#news div.blocnews p a:hover {
text-decoration: none;
}



/*
/*
/* ------- CONTENT ------- */



#content-fond {
position: relative;
width: 100%;
background-color: #fff;
}

#content-global {
position: relative;
width: 1020px;
margin: 0 auto;
background-color: transparent;
}

#content {
position: relative;
top: 0;
left: 190px;
width: 780px;
padding: 0 20px;
border-left: 1px solid #999;
background-color: transparent;
}

#content p {
margin-top: 10px;
margin-bottom: 5px;
font-size: 0.8em;
line-height: 1.4em;
color: #666;
}

#content p.justify {
text-align: justify;
width: 540px;
}

#content p a {color:#f60;}
#content p a:hover {text-decoration: none;}

#content h1 {
font-size: 1em;
color: #f60;
padding-left: 15px;
text-align: left;
background: transparent url(../nielsen_imports/bg-puce.png) 0 50% no-repeat;
}

#content h1.hometitre {
padding: 0;
text-align: center;
margin-bottom: 5px;
margin-top: 10px;
background-image: none;
}

#content p.hometxt {
text-align: justify;
letter-spacing: 0.1em;
width: 760px;
}

#content h2 {
color: #666;
font-size: 0.9em;
margin-bottom: 15px;
width: 400px;
}

#content h2.mentions {
color: #666;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 0;
width: 400px;
}

#content h3 {
font-size: 0.9em;
margin-bottom: 0;
margin-top: 10px;
color: #f60;
}

#content div.deuxcol {
width: 460px;
}

#content div.floatleft {
width: 225px;
float: left;
}

em {
font-style: normal;
color: #f60;
}


/*
/*
/* ------- INFOS CONTENT ------- */


#content-infos {
float: left;
width: 650px;
padding-left: 10px;
border-left: 1px #ccc solid;
}

#content-infos.sans {
float: left;
width: 700px;
padding-left: 10px;
border: 0;
}

#content img.floatright, #content-infos img.floatright {
float: right;
}

#content-infos p {
font-size: 0.8em;
margin-top: 10px;
line-height: 1.4em;
width: 405px;
text-align: justify;
}

#content-infos p a {color: #f60;}
#content-infos p a:hover {text-decoration: none;}

#content-infos p.long {
width: 540px;
}

#content-infos h3 {
font-size: 0.8em;
margin-bottom: 0;
width: 600px;
}

#content-infos h3 a {
color: #f60;
}
#content-infos h3 a:hover {
text-decoration: none;
}

#content-infos h4 {
font-size: 0.8em;
margin-bottom: 0px;
margin-top: 10px;
width: 540px;
color: #444;
border-bottom: 1px dashed #666;
}

#content-infos p.publi {
margin-top: 0;
}


#content-infos div.clients {
height: 30px;
width: 400px;
border-top: 1px solid #ccc;
}

#content-infos div.clients p {
font-size: 0.8em;
line-height: 10px;
text-align: left;
width: 400px;
}

#content-infos div.clients a {
font-size: 0.8em;
color: #666;
text-decoration: none;
}
#content-infos div.clients a:hover {
color: #f60;
}

#content-infos ul {
list-style-type: square;
list-style-position: inside;
}

#content-infos li {
font-size: 0.8em;
line-height: 1.6em;
width: 328px;
text-align: left;
padding-left: 20px;
color: #666;
}


div.imagesdroite {
width: 240px;
float: right;
}

#content p.quote, #content div.imagesdroite p.quote {
font-size: 0.7em;
line-height: 1.6em;
width: 230px;
font-style: oblique;
text-indent: 20px;
text-align: left;
padding-top: 5px;
padding-left: 20px;
color: #aaa;
background: transparent url(../nielsen_imports/quote.png) 18px 0 no-repeat;
}

#content p.quote2 {
font-size: 0.7em;
line-height: 1.6em;
width: 460px;
font-style: oblique;
text-indent: 20px;
text-align: left;
padding-top: 5px;
padding-left: 20px;
color: #aaa;
background: transparent url(../nielsen_imports/quote.png) 18px 0 no-repeat;
}

hr {
visibility: hidden;
height: 20px;
}

hr.clear {
visibility: hidden;
clear: both;
height: 0;
}


/*
/*
/* ------- SUB-SECTIONS ------- */


#subrubrik {
float: left;
padding-top: 0;
padding-right: 20px;
width: 90px;
}

#subrubrik ul {
list-style-type: none;
}

#subrubrik ul li {
font-size: 0.8em;
line-height: 24px;
}

#subrubrik ul li a {
color: #999;
text-decoration: none;
}
#subrubrik ul li a:hover, #subrubrik ul li a.subactive  {
color: #f60;
}

#subrubrik ul li a.projimg {
display: block;
width: 38px;
height: 38px;
border: 2px #999 solid;
margin-bottom: 10px;
margin-left: 24px;
opacity: 0.5;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=50); 
}

#subrubrik ul li a.projimg span, #subrubrik ul li a.projimgactive span {
display: none;
}

#subrubrik ul li a.projimg:hover, #subrubrik ul li a.projimgactive {
display: block;
width: 38px;
height: 38px;
border: 2px #f60 solid;
margin-bottom: 10px;
margin-left: 24px;
opacity: 1;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
}

#subrubrik.subproj {padding-top: 48px;}
#subrubrik.subnews {padding-top: 72px;}
#subrubrik.subrefs {padding-top: 96px;}
#subrubrik.subtools {padding-top: 26px;}

/*
/*
/* ------- CONTACT ------- */


input, textarea {
padding: 2px;
border: 1px solid #ccc;
font-size: 0.9em;
width: 200px;
}

input.envoi {
display: block;
width: 45px;
height: 19px;
border: 0;
background: transparent url(../nielsen_imports/bt-send.png) 0 0 no-repeat;
cursor: pointer;
}


/*
/*
/* ------- FOOTER ------- */

#footer {
position: relative;
width: 1020px;
height: 50px;
margin: 0 auto;
background: transparent url(../nielsen_imports/shadow-footer.png) 50% 0 no-repeat;
}