/* 
    Document   : content
    Created on : 27 mai 2011, 10:53:48
    Author     : pfisz
    Description:
        Contenu de l'application JDN-EXPERTS
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* --------------------------------------------------------------------------------------- */
/*                                S T R U C T U R E                                        */
/* --------------------------------------------------------------------------------------- */
#tetiere-box {
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 990px !important;
    width: 990px !important;
}
#tetiere-box #recherche {
    float: left !important;
    margin: 22px;
    position: static !important;
}
#section {
    /*background: url("http://www.journaldunet.com/ebusiness/forum/public/_skin/_univers/img/bg_section.png?201007082200") repeat-x scroll left top transparent;*/
    min-height: 400px;
    padding-top: 15px;
    position: relative;
}
#top, #nav .content, #content, #bottom, #topContent {
    margin: 0 auto;
    width: 990px;
}
#content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    word-wrap: break-word;
}
#tpl_2cols, #tpl_3cols {
    padding: 15px;
}
#tpl_2cols {
    padding-left: 7px;
    padding-right: 7px;
}
#tpl_2cols .colLeft, #tpl_2cols .colMiddle {
    width: 660px;
}
.containerLeft, .colLeft, .colMiddle, .colRight {
    float: left;
}
.colRight {
    margin-left: 15px;
    width: 300px;
}
.topCol {
    margin-bottom: 15px;
}
.ad_right, .asideBox {
    margin-bottom: 15px;
}
#pied {
    bottom: -90px;
    clear: both;
    left: 0;
    padding-bottom: 15px;
    position: absolute;
    z-index: 5;
    margin: 0 auto;
    width: 990px;
}
#pied {
    position: static;
}

/* --------------------------------------------------------------------------------------- */
/*                                  G E N E R A L                                          */
/* --------------------------------------------------------------------------------------- */
body {
    font-size: 14px;
    line-height: 1.4em;
    color: #303030;
}
.clearB { clear: both;}
.abs { position: absolute; }
/* --------------------------------------- Titres ---------------------------------------- */
h1, h2, h3, h4 {
    font-weight: bold;
}
h1, .h1,
.ui-dialog-titlebar{
    font-size: 24px;
    line-height: 1.2em;
}
h2, .h2 {
    font-size: 22px;
    color: #34a5cd;
}
h3, .h3 {
    font-size: 20px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 16px;
    line-height: 1.4em;
    color: #34a5cd;
}
h6, .h6 {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
}
.h7 {
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    color: #303030;
}

/* --------------------------------------- Textes ---------------------------------------- */
p {
    font-size: 14px;
    line-height: 1.5em;
}
.ft11 { font-size: 11px; }
.ft12 { font-size: 12px; }
.ft13 { font-size: 13px; }
strong, .strong { font-weight: bold; }
em { font-style: normal; }
.ftNormal{ font-weight: normal;}

/* --------------------------------------- Links ---------------------------------------- */
a, a:hover, a:focus {   color: #34a5cd;}
a                   {   text-decoration:none;}
a:hover, a:focus    {   text-decoration:underline;}

h1.fcNeutre a, .h1.fcNeutre a, 
h2.fcNeutre a, .h2.fcNeutre a, 
h3.fcNeutre a, .h3.fcNeutre a, 
h4.fcNeutre a, .h4.fcNeutre a, 
h5.fcNeutre a, .h5.fcNeutre a, 
h6.fcNeutre a, .h6.fcNeutre a{color: #666}

/* links specifiques */
a.gg {
    color: #214E92;
    text-decoration: none;
}

a.fcTv:hover {
  color: #3fb0e4;
  text-decoration: none;
}
a.greyMed:hover {color: #666666;}

/* --------------------------------------- Colors ---------------------------------------- */
.fcFont, .masterColor, .greyDark { color: #303030; }
.fcNeutre, .greyMed { color: #666; }
.blueLight,
.ui-dialog-titlebar{ color: #34a5cd; }
/* couleur de cha�ne TV */
.fcTv{ color: #3fb0e4}

/* --------------------------------------- Lists ---------------------------------------- */
.squareList li {
    list-style: outside square;
    margin-left: 15px;
    color: #34a5cd;
}
.insidePos { list-style-position: inside; }
.simpleList li { margin-bottom: 20px;}
.list1 li { margin-bottom: 5px; }
.list2 li {
    float: left;
    margin: 5px 10px 5px 0;
    width: 145px;
}

/* Chaine TV - Liste des programmes */
.progList li a {
    display: block;
    color: #fff;
    text-decoration:none;
    background: #303030;
}
.progList li a:hover,
.progList li a:focus,
.progList li a.current {
    background: #c30b6e;
}
.progList .even a { background: #000; }
.progList a .icoMiniPlay2 { display:none }
.progList li a.current .icoMiniPlay2 { display:inline-block}

/* --------------------------------------- Edito ---------------------------------------- */
/*.edito h1, .edito h2,.edito .h1, .edito .h2 {margin:0 0 20px 0; font-family: georgia;}*/
.edito h2,.edito .h2 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    /* Ne pas supprimer. Pour le cas de figure ou le titre remonte et habille le bloc Auteur.
    Permet au filet de ne pas se poursuivre derri�re le bloc Auteur. */
    overflow: hidden;
}
/*
.edito h2,.edito .h2 { text-transform: none}
.edito .diapo h2,.edito .diapo .h2 { margin: 0}
*/
.edito p{ margin-bottom: 30px}
/*.edito .illustration{ display: table; width: 100px}*/
.edito blockquote{
    color: #A21460;
    /*margin: 0 30px 15px 30px;*/
    position: relative;
    text-indent: -21px;
}
/*.edito ul,
.edito .simpleList {
    margin-bottom: 15px;
}*/
.edito ul li,
.edito .simpleList li {
    color: #333;
    list-style-position: inside;
}
.edito pre,
.edito .pre{
    color:#34a5cd;
    font:normal 13px/22px Courier, cursive;
    background-color:#f5f5f5;
    margin-bottom:30px;padding:10px;
}

/* --------------------------------------- Breadcrump ---------------------------------------- */
.breadcrumb li { float: left; }
.breadcrumb .selected a{ color:#303030; }

/* --------------------------------------- Images ---------------------------------------- */
/* image en inline */

.imgS1, .imgS2 {
    border: 1px solid #9d9d9d;
}
.imgS2 { padding: 2px;}
/* --------------------------------------- Margins et Paddings specifiques --------------- */
.pad15-10 { padding: 15px 10px; }
.pad15-20 { padding: 15px 20px; }
.pad30-20 { padding: 30px 20px; }

.marB40 { margin-bottom: 40px;}
.marL50 { margin-left: 50px; }

/* --------------------------------------- Separators ---------------------------------------- */
.separ1 { border-bottom: 1px dotted #ddd; }
.separ2 { border-bottom: 1px solid #d9d9d9; }
.separ3 { border-bottom: 3px solid #303030; }
.separ4 { border-bottom: 1px dotted #98b1c1; }
.separ5 { border-top: 1px dotted #98b1c1; }

/* --------------------------------------- Forms ---------------------------------------- */
input.type1,
.field_wrapper {
    padding: 3px 8px 5px 8px;
    border: 1px solid #ccc;
    background: #fff;
}
input.type1 {
    /* Possibilit� de supprimer le width fixe si utilisation d'un width 100% + div parent skinable (voir Expeert)*/
    width: 202px; /* 218px */
}
input.type1:focus {
    border-color: #34a5cd;
}

/* --------------------------------------- Boites ---------------------------------------- */
.box1 {
    background: #f7f7f7;
}
.box2 {
    background: #fff;
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F1F1F1 50%, #F6F6F6 100%) repeat scroll 0 0 transparent;
}
.box4 {
    border: 1px solid #D8D8D8;
}
.box6{
    background-color: #303030;
    color:#fff;
}
.box7 {
    background: #000;
    border: 1px solid #484744;
}