/*
======================================================================================================
--> Cadres principaux
======================================================================================================
*/
div.content
{
    clear:both;
    min-height:500px;

}

/* Existe pour eviter un padding ou margin dans div.content qui crée un bug dans le menu */
div.content div.pouss
{
    clear:both;
    width:980px;
    height:15px;
}

div.content_left, div.content_right
{
    float:left;
    min-height:400px;
}


div.content_left
{
    width:494px;
}

div.content_right
{
    padding-left:8px;
    width:475px;
}
/*
======================================================================================================
--> Zone de gauche
======================================================================================================

--> Premier post
--------------------------------------------------
*/
/*
-----------------------
--> Header 
-----------------------
*/
div.content_left div.mainPost div.mainPost_header
{
    background: transparent url(../../Images/Default/Home/blog_master_bg.jpg) no-repeat 0 0;
    width:481px;
    height:231px;
    display:block;
    padding-left:13px;
    padding-top:36px;
    overflow:hidden;
}

div.content_left div.mainPost div.mainPost_header img
{
    width:470px;
    height:218px;
    border-width:0px;
    float:left;
}

div.content_left div.mainPost div.mainPost_header div.comments
{
    float:left;
    margin-top:-210px;
    height:22px;
    background:transparent url(../../Images/Default/Home/blog_master_bulle.gif) no-repeat bottom center;   
}

div.content_left div.mainPost div.mainPost_header div.comments a
{
    text-align:center;
    display:block;
    text-decoration:none;
    margin:0px;
    background-color:#333333;
    color:#ffffff;
    font-weight:bold;
    height:10px;
    padding:3px 7px 4px 4px;
    line-height:10px;
    font-size:1em; 
    font-style: italic; 
    width:25px
}

div.content_left div.mainPost div.mainPost_header p.topic
{
    margin:0px;
    background:#ffffff;
    padding:2px 10px 2px 10px;
    font-size:small;
    font-weight:bold;
    float:left;
    margin-top:-40px;
}
/*
-----------------------
--> Content 
-----------------------
*/
div.content_left div.mainPost h1, div.content_left div.mainPost h1 a
{
    margin:0px;
    padding:10px 12px 10px 12px;
    font-size:large;
    font-weight:normal;
}
div.content_left div.mainPost h1 a, div.content_left div.mainPost h1 a:hover
{padding:0px; margin:0px;}

div.content_left div.mainPost h1 a:hover
{text-decoration:underline;}

div.content_left div.mainPost p
{
    font-size:1.2em;
    margin:0px;
    padding:0px 12px 10px 12px;
    text-align:justify;
}

div.content_left div.mainPost p span.lettrine {
    float: left; 
    margin: 0px;
    padding: 0px 5px 0px 0px;
    font-size: 2.25em; 
    font-weight: bold;
    line-height: 0.98em;
}

a.suite, a.suite:hover
{padding-left:10px; display:block;}

a.suite:hover
{text-decoration:none;}


/*
--------------------------------------------------
--> Liste des posts
--------------------------------------------------
*/

div#div_list_posts_blog
{
    width:484px;
    padding-top: 10px;
}

div#div_list_posts_blog a.title_post_blog
{
    font-weight:bold;
    float:left;
    padding:10px 0px 0px 5px;
    font-size:medium;
    color:#222222;
    width:440px; 
}

div#div_list_posts_blog div.pitch_content_left
{
    
    float: left;
    width:214px;
    height:100px;
    padding:13px;
    margin:0px;
    background:transparent url(../../Images/Default/Home/blog_list_bg.jpg) no-repeat 0 0;
}

a.comm_top
{
    background-color:#98968e;
    padding-left:4px;
    padding-right:5px;
    text-align:center;
    height:16px;
    color:#f2f0ec;
    font-size:1.0em;
    font-weight:bold;
    font-style: italic;    
}

div#div_list_posts_blog div.pitch_content_right
{
    width:238px;
    text-align:justify;
}

div#div_list_posts_blog div.title_thema_blog
{margin-top:-60px;}

div#div_list_posts_blog div.comm_post_blog
{margin-top:10px;}

p.topic, p.topicPano
{
    clear:left;
    margin:0px;
    background:#ffffff;
    padding:2px 10px 2px 10px;
    font-size:small;
    font-weight:bold;
    float:left;
    margin-left:13px;
    margin-top:-45px;
}

p.topicPano
{
    background:#222222;
    color:#ffffff;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    margin-top:68px;
}

a.allBlogs, a.allBlogs:hover{
    padding-left: 10px;
    font-size: 1.2em;
}

a.allBlogs:hover{
   text-decoration:underline;
}


/*
======================================================================================================
--> Zone de droite
======================================================================================================

--> Panoramas
--------------------------------------------------
*/

div.zon_PanoramaDebates
{

    width:473px;
    height:388px;
    padding-top:7px;
    background:transparent url(../../Images/Default/Home/pano_dabates_bg.gif) no-repeat 0 0;
    display:inline-block;
    
}

div.panorama, div.debates
{
    width:214px;
    height:352px;
    float:left;
    text-align:justify;
}

div.panorama{padding-left:10px;}

div.debates
{
    margin-left:25px;
    overflow:hidden;
}


div.pandebateItem
{
    margin-top:26px;
    width:214px;
    height:100px;
    overflow:hidden;
}

div.pandebateItem a {position:absolute;}

p.topicPano a
{
    color:#ffffff;
    margin-left:0px;
    margin-top:0px;
    position:relative;
}


/*
--> Restez avec nous
--------------------------------------------------
*/

p#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#000000;
        padding:2px 10px;
        color:#ffffff;
        display:none;
}

div.zon_StayWithUs
{
    background:transparent url(../../Images/Default/Home/stayWithUs.jpg) no-repeat 0 0;
    width:470px;
    height:37px;
    margin-top:10px;
    margin-bottom:15px;
}

div.zon_StayWithUs p
{
    padding:0px;
    margin:0px;
    font-weight:bold;
    height:37px;
    line-height:37px;
    width:165px;
    text-align:center;
    float:left;
}

div.zon_StayWithUs a.picto
{
    height:37px;
    width:37px;
    float:left;
}


/*
--> Sondage
--------------------------------------------------
*/
div.zon_Sondage
{
    margin-left:2px;
    width:448px;
    padding:10px;
    background-color:#331043;
    color:#ffffff;
}

div.zon_Sondage h4
{
    padding:0px 0px 5px 5px;
    margin:0px;
    font-weight:bold;
    color:#ffffff;
}

div.zon_Sondage div.zon_SondageLeft
{
    width:130px;
    background:transparent url(../../Images/Default/Home/Sondage.jpg) no-repeat center center;
    height:81px;
    float:left;
}

div.zon_Sondage div.zon_SondageRight, div.zon_Sondage div.zon_SondageRight a
{
    width:318px;
    float:left;
    color:White;
}

a.sondageLink
{display:block;}

a.sondageLink:hover
{text-decoration:underline;}

div#sondage, div.sondage
{
    overflow:hidden;
    width:300px;
}

div#sondageLoader
{
    background:transparent url(../../Images/Default/Home/sondageLoader.gif) no-repeat center center;
}

div.zon_Sondage div.zon_SondageRight div.sondageItem h2, div.sondageItem div.answer div.text
{
    color:#ffffff;
}

div.sondageItem div.answer div.percentage_winner
{background-color:#98968e;}

div.sondageItem div.answer div.winner
{background:transparent url(../../Images/Default/Sondage/sondageLooser.gif) no-repeat bottom left;}


/*
--> Vu sur le web
--------------------------------------------------
*/

div.links
{
    clear:both;
    margin-top:13px;
    width:478px;
    height:301px;
    background:transparent url(../../Images/Default/Home/linksBg.gif) no-repeat -2px 0px;
    overflow:hidden;
}

div.links a.suite
{
    width:110px;
    padding-top:270px;
    padding-left:16px;
    float:left;
    color:#351d42;
}

div.links div#linksContent
{
    height:281px;
    overflow:auto;
    width:310px;
    margin:10px 0px 0px 10px;  
    float:left;
    padding-left:10px;
    padding-right:15px;  
}

div.links div#linksContent span.title
{
    margin:10px auto 10px 0px;
    padding:2px;
    color:#ffffff;
    background-color:#331043;
    font-size:small;
       
}


div.links div#linksContent ul
{
    padding: 5px 0px 0px 0px;
    margin: 0;
    color: #230830;
    list-style-type:none;
}

div.links div#linksContent ul p
{
    padding: 0;
    margin: 0;
}

div.links div#linksContent div.spacer
{
    height: 2px;
    line-height: 2px;
    font-size: 0px;
    background: #f2f0ec;
    margin: 10px 0px 10px 0px;
}
    
div.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* fond de la scroll */
div.links div#linksContent div.scrollwrapper div.vscrollerbase {
width: 9px;
background: #D4F6F2 url(../../Images/Default/Home/linksScroll.jpg) -9px 0px repeat-y;
}

/* scroll bar */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbar {
width: 9px;
background: #5EC0A7 url(../../Images/Default/Home/linksScroll.jpg) 0px 0px repeat-y;
}

/* arrondi haut de la scroll */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbar .vscrollerbarbeg {
height: 0px !important;
width: 9px;
}

/* arrondi bas de la scroll */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbar .vscrollerbarend {
height: 0px;
width: 9px;
}

/* fleche du haut */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbasebeg {
width: 9px;
height: 8px !important;
background: url(../../Images/Default/Home/linksScroll.jpg) -18px 0px no-repeat;
}

/* fleche du bas */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbaseend {
height: 8px;
width: 9px;
background: url(../../Images/Default/Home/linksScroll.jpg)  -18px -6px no-repeat;
}

/* padding pour afficher les fleches */
div.links div#linksContent div.scrollwrapper div.vscrollerbase div.vscrollerbar {
padding: 8px;
z-index: 2;
}


/*
--> Commentaires
--------------------------------------------------
*/

div.comments
{
    clear:both;
    margin-top:13px;
    width:478px;
    height:259px;
    background:transparent url(../../Images/Default/Home/commentsBg.gif) no-repeat -2px 0px;
    overflow:hidden;
}

div.comments div#commentsContent
{
    height:239px;
    overflow:auto;
    width:320px;
    margin:10px auto 0px 146px;  
    padding-right:5px;
}

div.comments div#commentsContent div.item
{
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    width:260px;
    clear:both;
}

div.comments div#commentsContent div.item span.author
{
    color:#10433b;
    font-weight:bold;
}

div.comments div#commentsContent div.item span.sur
{
    color:#9e9e9e;
    font-weight:bold;
}

div.comments div#commentsContent div.item a.title
{
    color:#868686;
}

div.comments div#commentsContent div.item a.title:hover
{
    text-decoration:underline;
}

div.comments div#commentsContent div.item p
{
     padding:5px 0px 5px 0px;
     margin:0px;
     text-align:justify;
     color:#434343;
}

div.comments div#commentsContent div.clear
{
    clear:both;
    height:10px;
    padding-top:5px;
    background:transparent url(../../Images/Default/Home/commentsSeparator.gif) no-repeat 0px 5px;
}




div.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* fond de la scroll */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase {
width: 9px;
background: #D4F6F2 url(../../Images/Default/Home/commentScroll.jpg) -9px 0px repeat-y;
}

/* scroll bar */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbar {
width: 9px;
background: #5EC0A7 url(../../Images/Default/Home/commentScroll.jpg) 0px 0px repeat-y;
}

/* arrondi haut de la scroll */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbar .vscrollerbarbeg {
height: 0px !important;
width: 9px;
}

/* arrondi bas de la scroll */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbar .vscrollerbarend {
height: 0px;
width: 9px;
}

/* fleche du haut */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbasebeg {
width: 9px;
height: 8px !important;
background: url(../../Images/Default/Home/commentScroll.jpg) -18px 0px no-repeat;
}

/* fleche du bas */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbaseend {
height: 8px;
width: 9px;
background: url(../../Images/Default/Home/commentScroll.jpg)  -18px -6px no-repeat;
}

/* padding pour afficher les fleches */
div.comments div#commentsContent div.scrollwrapper div.vscrollerbase div.vscrollerbar {
padding: 8px;
z-index: 2;
}