/*  
Theme Name: Togethart.com
Theme URI: http://togethart.com
Description: Togethart by Tubbydev
Version: 1.0
Author: brolive
Author URI: http://tubbydev.com
Tags: Togethart
*/

* {
margin:0;
padding:0;
}

body {
    font-family: Arial, Verdana;
    font-size:12px;
    background:#FFFFFF url(images/bg-degrade.jpg) repeat-x;
    color:#707173;
}
a {
    text-decoration: none;
    color:#C60104;
}
a:hover {
    color:#C60104;
    text-decoration: underline;
}
a img {
    border: 0;
}
form, input, textarea {
    font-family: Arial, Verdana;
    font-size:12px;
    color:#969696;
}
ul, ul li {
    /*list-style-type: none;*/
}
img.icon { 
    margin-bottom:-4px; 
    margin-right:2px; 
}

.clr{
clear: both;
font-size:0px;
height:0px;
}

#en-bref-real{
height:34px;
}

#en-bref{
position: absolute;
height:34px;
width:100%;
text-align:center;
background: url(images/en-bref-top-home-bg.gif) repeat-x;
    z-index:999;
}
#en-bref-clr{
height:34px;
width:100%;
}
#enbref-list{
background: #FF8600;
color:#000000;
padding:10px;
text-align:center;
width:100%;
}
#enbref-list-in{
background: #FF8600;
width:600px;
text-align:left;
margin: 0 auto;
}
#en-bref h1{
font-size: 19px;
}

#wrap {
width:1280px;
width:1285px;
margin: 0 auto;

}

#leftanimtop{
width:156px;
height:156px;
height:1px;
margin: 0;
padding:0;
float: left;
}
#leftanimtopin{
position: absolute;
top: 0px;
left: 20px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
z-index:1;
}

#right2animtopin{
position: absolute;
top: 0px;
right: -170px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
z-index:1;
background: url(http://www.togethart.com/images/bg-right-pointille-09.gif) no-repeat;
height:903px;
width:578px;
}

#sub-wrap {
width:972px;
margin: 0;
float: left;
}
#rightanimtop{
width:152px;
height:300px;
margin: 0;
padding:0;
float: right;
}
#rightanimtopin{
position: relative;
top: 0px;
left: 0px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
}


#header { 
padding:0;
margin: 0;
}
#header0{ 
padding:0;
margin: 0;
height: 70px;
}
#header1{ 
padding:0;
margin: 0;
width: 335px;
height: 176px;
float: left;
z-index:909;
position:relative;
}
#header2{ 
padding:0;
margin: 0;
width: 367px;
float: left;
height:176px;
}
#header2in{ 
position: relative;
top: -35px;
left: 0px; 
visibility : visible;
margin: 0;
padding:0;    
z-index:auto;
z-index:10;
}

#header3{ 
padding:0;
margin: 0;
width: 269px;
height:176px;
text-align: right;
float: right;
overflow: hidden;
z-index:999;
}
#header3in{ 
position: relative;
top: -10px;
left: 0px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
}

/*             MENU             */


#menu {  
    position: relative;
    height: 79px;
    z-index:99;
    }

    #menu ul {
    margin:0;
    }

    #menu ul li {
    /* display:inline;*/
    float: left;
    margin:0px 5px 0px 0px; 
    width:155px;
    height:28px;
    text-align:center;
    list-style-type: none;
    }
    /**/
    #menu ul li a, #menu ul li a:active, #menu ul li a:visited, #menu ul li a:link { 
    font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
    font-size:14px;
    background:url(images/menu-jaune.gif) no-repeat;
    width:155px;
    height:28px;
    text-align:center;
    padding-top:5px; display: block;
    }
    #menu ul li a:hover {
    font-weight:bold;
    text-decoration:underline;
    color:#EEEEEE;
    font-size:14px;
    background:url(images/menu-rouge.gif) no-repeat;
    width:155px;
    height:28px;
    text-align:center;
    padding-top:5px; display: block;
    }
    #menu ul li.current_page_item {
    color:#000000;
    }



    #menu2 ul li{
    background:url(images/ombre-orange-menu.gif) no-repeat;
    width:155px;
    height:40px;
    float: left;
    margin:0px 5px 0px 0px;
    list-style-type: none;
    }

 
 
        
 #menu #sousMenu1
{
        margin : 23px 0 0 0;
        margin : -10px 0px 0px 0px;
        position: absolute;
 }
 #menu #sousMenu2
{
        margin : 23px 0 0 640px;
        margin : -10px 0px 0px 0px;
        position: absolute;
 }
 
 #menu .sousMenu ul
 {
        margin : 0 0 0 0 ;
        position: absolute;
        list-style-type: none;
 }
 
 #menu .sousMenu li
 {
        display: block;
        float: none;  
        margin: 0;
        padding: 0;
        /*
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        opacity: 0.7;
       -khtml-opacity: 0.7;
       */
       height: 18px;
       border-bottom:0px solid #FFFFFF;
       list-style-type: none;
 }
 
 #menu .sousMenu a {
        border: 0px; 
       height: 17px;
 }

 #menu .sousMenu li:hover {
        /*
        filter:alpha(opacity=90);
        -moz-opacity:0.9;
        opacity: 0.9;
        -khtml-opacity: 0.9;
        */
       height: 18px;
 }

      


#menu .sousMenu li a, #menu .sousMenu li a:active, #menu .sousMenu li a:visited, #menu .sousMenu li a:link {
    font-weight:bold;
    color:#FFFFFF;
    font-size:11px;
    background: #F08A00;
    width:155px;
    height:17px;
    text-align:center;
    padding-top:2px; 
    display: block;
}
#menu .sousMenu li a:hover {
    font-weight:bold;
    color:#EEEEEE;
    font-size:11px;                                         
    background: #E43227;
    width:155px;
    height:17px;
    text-align:center;
    padding-top:2px; 
    display: block;
    text-decoration:none;
}


#menu .sousMenu .sousMenuli-last a, #menu .sousMenu .sousMenuli-last a:active, #menu .sousMenu .sousMenuli-last a:visited, #menu .sousMenu .sousMenuli-last a:link { 
    font-weight:bold;
    color:#FFFFFF;
    font-size:11px;
    background:url(images/sousmenuli-jaune.gif) no-repeat;
    width:155px;
    height:17px;
    text-align:center;
    display: block;
}
#menu .sousMenu .sousMenuli-last a:hover {
    font-weight:bold;
    color:#EEEEEE;
    font-size:11px;
    background:url(images/sousmenuli-rouge.gif) no-repeat;
    width:155px;
    height:17px;
    text-align:center;
    display: block;
    text-decoration:none;
}


/****************************************************/







#content {
    padding:0;
    margin:0;
    position: relative;
    z-index:999;
}
#contenthome1{
padding:0;
margin: 0;
width: 335px;
float: left;
margin-right: 31px;
}
#contenthome1-top{
width: 335px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
background: url(images/home-gauche-bloc-top.gif) no-repeat;
}
#contenthome1-top-in{
padding:6px 10px 0px 11px;
}
#contenthome1-top-in h1{  
color:#FFFFFF;
font-weight:bold;
font-size:14px;
}

#contenthome1-mil-in{
padding-top:20px;
}
#contenthome1-titre a,#contenthome1-titre a:link,#contenthome1-titre a:active, #contenthome1-titre a:visited,#contenthome1-titre a:hover, 
.contenthome1-titre a,.contenthome1-titre a:link,.contenthome1-titre a:active, .contenthome1-titre a:visited,.contenthome1-titre a:hover{
color:#6E3300;
font-weight:bold;
font-size:18px;
}    
/* new h2 7 mars09*/
#contenthome1 h2 a,#contenthome1 h2 a:link,#contenthome1 h2 a:active, #contenthome1 h2 a:visited,#contenthome1 h2 a:hover,
.contenthome1-titre a,.contenthome1-titre a:link,.contenthome1-titre a:active, .contenthome1-titre a:visited,.contenthome1-titre a:hover{
color:#6E3300;
font-weight:bold;
font-size:18px;
}   

#blog .contenthome1-date{
padding-bottom:10px;
}     
.contenthome1-date a,.contenthome1-date a:link,.contenthome1-date a:active, .contenthome1-date a:visited,#contenthome1-date a:hover{
color:#E43227;
font-weight:bold;
font-size:11px;
}
#contenthome1-txt, .contenthome1-txt{
padding-top:10px;
color:#707173;
font-weight:normal;
font-size:12px;
text-align: justify;
}
.contenthome1-more{ 
padding-top:10px;
text-align:right;
}
.contenthome1-more a,.contenthome1-more a:link,.contenthome1-more a:active, .contenthome1-more a:visited{
color:#E43227;
font-size:11px;      
text-decoration: none;
}
.contenthome1-more a:hover{
text-decoration: underline;
}


#contenthome1-anim{
}
#contenthome1-animin{
position: relative;
top: -10px;
left: 0px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
}

#contenthome2{
padding:0;
margin: 0;
width: 335px;
float: left;
margin-right: 31px;
}

#contenthome2-top{
width: 335px;
height: 30px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
background: url(images/home-centre-bloc-top.gif) no-repeat;
}
#contenthome2-top-in{
padding:6px 10px 0px 11px;
}

#contenthome2-mil{
width: 335px;
color:#707173;
font-weight:bold;
font-size:12px;
background: url(images/home-centre-bloc-mil.gif) repeat-y;
}           
#contenthome2-mil-in{
padding:15px;
}
#contenthome2-titre{
padding-top:10px;
}
#contenthome2-titre a,#contenthome2-titre a:link,#contenthome2-titre a:active, #contenthome2-titre a:visited,#contenthome2-titre a:hover{
color:#E43227;
font-weight:bold;
font-size:13px;
}
/* 7 mars 09 */
#contenthome2 h2 a,#contenthome2 h2 a:link,#contenthome2 h2 a:active, #contenthome2 h2 a:visited,#contenthome2 h2 a:hover{
color:#E43227;
font-weight:bold;
font-size:13px;
}

#contenthome2-date a,#contenthome2-date a:link,#contenthome2-date a:active, #contenthome2-date a:visited,#contenthome2-date a:hover{
color:#E43227;
font-weight:bold;
font-size:11px;
}
.contenthome2-date-gris{
color:#707173;
font-weight:bold;
font-size:11px;
}
#contenthome2-txt{
padding-top:5px;
color:#707173;
font-weight:normal;
font-size:12px;
text-align: justify;
}                    
.contenthome2-more{ 
text-align:right;
padding-top:10px;
}         
.contenthome2-more a,.contenthome2-more a:link,.contenthome2-more a:active, .contenthome2-more a:visited{
color:#6E3300;
font-size:11px;       
text-decoration: none;
}
.contenthome2-more a:hover{ 
text-decoration: underline;
}

#contenthome2-bot{
width: 335px;
height: 21px;
font-size:0px;
background: url(images/home-centre-bloc-bot.gif) no-repeat;
}

#contenthome3{
padding:0;
margin: 0;
width: 238px;
float: right;
}
#contenthome3-top{
width: 238px;
height: 101px;
color:#6E3300;
font-weight:bold;
font-size:13px;
background: url(images/home-droite-en-bref.gif) no-repeat;
background-position: top right;
}
#contenthome3-top-in{
padding-top:13px;
padding-left:13px;
padding-right:10px;
}
#contenthome3-anim{
}
#contenthome3-animin{
position: relative;
top: 0px;
left: 0px; 
visibility : visible;
margin: 0;
padding:0;
z-index:auto;
}


.post {
    margin-bottom:20px;
    background:#FFFFFF;
    }
    .post h1, .post h2 {
    color:#6E3300;
    font-weight:bold;
    font-size:18px;               
    margin: 0px 0px 10px 0px;
    padding: 20px 0px 5px 0px;
    border-top: dotted #6E3300 1px;
    }
    .post h2 a, .post h1 a {
    text-decoration:none;      
    color:#6E3300;
    font-weight:bold;
    font-size:18px;
    }
    .post h2 a:hover, .post h1 a:hover {
    color:#6E3300;
    font-weight:bold;
    font-size:18px;
    text-decoration:underline;
    }
    .post p {  
    color:#707173;
    font-weight:normal;
    font-size:12px;
    text-align: justify;
    line-height: 130%
    }   
    .post img {
    padding:1px;
    background:#FFF;
    }
    .post img.icon { 
    margin-bottom:-4px;
    }
    .post img.alignleft {
    float: left;
    margin: 5px 10px 0 0;
    }
    .post img.alignright {
    float: right;
    margin: 5px 0 0 10px;
    }   
    .post ul, .post ul li, .post li{
    list-style-type:disc;
    margin:5px 0px 10px 15px;
    padding:0px 0px 0px 0px;
    }
    /*
    .post li {
    list-style-type:disc;       
    margin:0px 0px 0px 15px;
    padding:0px 0px 0px 0px;
    }*/
    .post blockquote {
    margin:5px;
    border:2px solid #CCC;
    padding:10px;
    line-height:20px;
    text-align:left;
    background:#222;
    color:#FFF;
    font-size:1em;
    }
    .post blockquote p {
    color:#FFF;
    }
    .post cite {
    font-size: 1em;
    font-style: normal;
    }
    
.postmetadata, p.postmetadata {
font-size:1em;
margin:5px 0 10px 0;
background:#EEE;
}
    .postmetadata img.icon { 
    margin-bottom:-5px; 
    margin-left:8px; 
    margin-right:2px; 
    }
    .post-date, p.post-date {
    background:#EEE;
    margin:0;
    font-size:1.1em;
    padding:0;
    }
    .postmetadata a {
    text-decoration:none;
    color:#37424B;
    }
    .postmetadata a:hover {
    color:#CCC;
    }
    .navigation {
    font-size:1.2em;
    }
    .navigation a {
    color: #AF4646;
    }

#comments {
background:#FFF;
margin-bottom:25px;
}
    #comments .commentstext {
    background:#FFF url('images/comments.png') no-repeat top left;
    margin:0 0 20px 0;
    padding-left:20px;
    }
    #comments .commentstext p {
    color:#000;
    }
    #comments cite {
    background:#EEE;
    color:#222;
    padding:0 2px;
    font-size:1.1em;
    }
    #comments img.avatar {

    }
    #comments hr {
    border:1px solid #EEE;
    margin:10px 0 10px 0;
    }
    #commentform { 
    background:#FFF;
    }
    #commentform label {
    background:#FFF;
    color:#AF4646;
    font-size:1.1em;
    }
    #commentform .commentauthor, .commentemail, .commenturl {
    background:#FFF;
    border:1px groove #CCC;
    padding:5px;
    width:98%;
    }
    #commentform .commentarea {
    background:#FFF;
    border:1px groove #CCC;
    padding:5px;
    width:98%;
    wid\th:98%; /* IE HACK */
    overflow:hidden;
    }
    #commentform input.submit-btn {
    background: #e5e5dd;
    border:1px groove #CCC;
    padding:5px;
    margin:0 0 10px 0;
    }
#sidebar {
    float:left;
    width:21%;
    background:#EEE;
    color:#222;
    padding:10px;
    border:1px solid #CCC;
    }
    #sidebar h2 {
    font-family: Georgia, serif;
    font-size: 24px;
    font-weight:normal;
    color:#000;
    }
    #sidebar h2 a   {
    text-decoration: none;
    color: #AF4646;
    }
    #sidebar h2 a:hover {
    text-decoration: underline;
    }
    #sidebar ul li  {
    margin: 0 0 10px;
    padding: 5px 20px 5px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    background:#EEE;
    color: #000;
    }
    #sidebar ul ul  {
    margin: 0;
    padding: 0;
    }
    #sidebar ul ul li   {
    margin: 0 0 2px 0;
    padding: 5px 0 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    }
.searchform {
    padding:0 0 5px 10px;
    }
    .searchform input.textinput {
    background:#FFF;
    padding:1px;
    border:1px solid #222;
    }
    .searchform input.search-btn {
    width: 54px;
    height: 20px;
    background: #e5e5dd;
    color:#000;
    border:1px groove #CCC
    }
#footer {
    clear: both; 
    text-align:center;
    }
    #footer p {
    text-align:center;
    padding-top:30px;
    color:#969696;
    font-size:10px;
    }
    #footer a {
    color:#969696;
    font-size:10px;
    }



/* sidebar cadres blog */

#sidebar1{
width: 238px;
float:left;
}
#blog{
width: 495px;
float:left;
}
.post{
padding: 0px 30px 10px 30px;
}

#sidebar2{
width: 238px;
float:right;
}




/* sidebar 1-1 */
.content-sidebar-1{
padding:0;
margin: 0;
width: 238px;
margin-bottom: 20px;
}
.content-sidebar-1-top{
width: 238px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background: url(images/sidebar1cadre-top.gif) no-repeat;
}
.content-sidebar-1-top-in{
padding:5px 10px 0px 11px;
}
.content-sidebar-1-mil{
width: 238px;
background: url(images/sidebar1cadre-mil.gif) repeat-y;
}           
.content-sidebar-1-mil-in{
padding:15px;  
color:#6E3300;
font-weight:bold;
font-size:11px;
text-align: justify;
}
.content-sidebar-1-txt, .content-sidebar-1-txt a{
color:#6E3300;
font-weight:bold;
font-size:11px;
}

.content-sidebar-1-txt ul{
list-style-type: none;
margin: 5px 0px 10px 10px;
padding: 0px;
}
.content-sidebar-1-txt ul li{
list-style-type: none;
margin: 0px 0px 2px 10px;
padding: 0px;
}
.content-sidebar-1-bot{
width: 238px;
height: 16px;
font-size:0px;
background: url(images/sidebar1cadre-bot.gif) no-repeat;
}


/* sidebar 1-2 */
#tagcloud-top{
width: 238px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background: url(images/sidebar1cadre-topnuage.gif) no-repeat;
}
#tagcloud-mil{
width: 238px;
background: url(images/sidebar1cadre-milnuage.gif) repeat-y;
}
#tagcloud-bot{
width: 238px;
height: 18px;
font-size:0px;
background: url(images/sidebar1cadre-botnuage.gif) no-repeat;
}

/* sidebar 1-3 */
#billetspluslus{
width: 238px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background: url(images/sidebar1cadre-top-billets.gif) no-repeat;
}




/* sidebar 2-1 */
.content-sidebar-2{
padding:0;
margin: 0;
width: 238px;
margin-bottom: 25px;
}

.content-sidebar-2-top{
width: 238px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
background: url(images/sidebarcadre-top.gif) no-repeat;
}
.content-sidebar-2-top-in{
padding:5px 10px 0px 11px;
}

.content-sidebar-2-mil{    
width: 238px;
background: url(images/sidebarcadre-mil.gif) repeat-y;
}           
.content-sidebar-2-mil-in{
padding:15px;  
color:#6E3300;
font-weight:bold;
font-size:11px;
}

.content-sidebar-2-txt{
color:#6E3300;
font-weight:bold;
font-size:11px;
text-align: justify;
}
.content-sidebar-2-more{
text-align:right;
padding-top:10px;
}         
.content-sidebar-2-more a,.content-sidebar-2-more a:link,.content-sidebar-2-more a:active, .content-sidebar-2-more a:visited{
color:#6E3300;
font-size:11px;       
text-decoration: none;
}
.content-sidebar-2-more a:hover{
text-decoration: underline;
}

.content-sidebar-2-bot{
width: 238px;
height: 17px;
font-size:0px;
background: url(images/sidebarcadre-bot.gif) no-repeat;
}

/* sidebar 2-2 */
#liretop{
width: 238px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
background: url(images/sidebarcadre-top-lire.gif) no-repeat;
}
#liremil{
width: 238px;
background: url(images/sidebarcadre-mil-lire.gif) repeat-y;
}
#lirebot{
width: 238px;
height: 17px;
font-size:0px;
background: url(images/sidebarcadre-bot-lire.gif) no-repeat;
}

/* custom pages */

.pages h1, .pages h2{
border-top:0px;
}
.pages .post{
margin-left:0px;
margin-right:0px;
padding:0;
}
#page-top{
width: 702px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background: url(images/page-titre-bg.gif) no-repeat;
}
#page-top-in{
padding:6px 10px 0px 11px;
}
#page-top-in h1{  
color:#FFFFFF;
font-weight:bold;
font-size:15px;
}

.titre-ariane{
color:#6E3300;
font-size:12px;  
font-weight:bold;
text-decoration: none;
}
.suite-ariane{
color:#E43227;
font-size:11px;
font-weight:normal;
text-decoration: none;
}
.ariane{
margin-top:30px;
}

/* colone milieu sous page vision */
.vision-top{
width: 204px;
height: 29px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background: url(images/cadre-vision-top.gif) no-repeat;
}
.vision-top-in{
padding:5px 10px 0px 11px;
}
.vision-mil{   
width: 204px;
background: url(images/cadre-vision-mil.gif) repeat-y;
}           
.vision-mil-in{
padding:15px;    
color:#707173;
font-size:12px;
}
.vision-txt, .vision-txt a{
color:#707173;
font-weight:bold;
font-size:12px;
}

.vision-bot{    
width: 204px;
height: 20px;
font-size:0px;
background: url(images/cadre-vision-bot.gif) no-repeat;
}

/* corrections ul li */
#sidebar1 ul , #sidebar1 li,#sidebar2 ul , #sidebar2 li,#sidebar3 ul , #sidebar3 li{
list-style-type: none;
}

#sidebar3{
width: 204px;float:left;margin-right: 30px;
}
.vision-mil-in ul{
margin-top:10px;
margin-left:15px;
}
.vision-mil-in li{
 list-style-image: url(images/fleche-rouge-li.gif); 
 margin:0;
 margin-left:10px;
 padding-left:2px;
}
.vision-mil-in, .vision-mil-in li a{
color:#707173;
font-weight:normal;
font-size:12px;
}

.post h4{
margin:30px 0px 5px 0px;
}

.st-related-posts{
padding:5px;
margin:10px 0px 10px 0px;
border: 1px solid #ADADAD;
}
.pages h4, .pages .st-related-posts{
display: none;
}

.imgtfe{
margin: 0px 5px 5px 0px;
}
/* fin CSS */