/*
    Document   : militant
    Created on : 12 avr. 2011, 11:37:26
    Author     : Spyrit SI
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin: 0px;
    padding: 0px;
    color: #5e5e5e;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    /*background-color: #637882;*/
    background-repeat: repeat-x;
    background-position: top center;
    /*background-image:url(../images/fond_page.png);*/
}
div.captcha_for_comment {
    float: right;
    margin: 5px 10px 0px 0px;
    font-size: 12px;
    color: #234;
}
div.captcha_for_comment br { display: none; }
a{
    color: #2d2d2d;
    text-decoration: none;
}
a:hover{
    color: #e6671b;
}
div.nav-previous {
    float: left;
}
div.nav-next {
    float: right;
}

h1,h2,h3,h4,h5,h6{
    color: #434343;
    font-weight: normal;
}

#wrapper {
    width:980px;
    padding: 0px;
    margin: 0px auto;
}

/** Header **/

#header {
    height: 89px;
    margin-bottom: 10px;
    padding:30px 30px 0 30px;
    text-shadow: 1px 1px 4px #777;
    border-bottom: 3px solid white;
    font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#header a{
    color: white;
}

#header h1.blog-title{
    font-size: 50px;
    color: white;
}
#header h1.blog-title a {
    color: white;
}

#header h2.blog-subtitle{
    color: white;
    font-size: 20px;
}

#content {
    width: 650px;
    margin: 20px 0px;
    padding: 0px 20px 0px 0px;
}

/** Article **/

.article h3{
    font-size: 22px;
}

.article h3 a{

}

.article h3 a:hover{
    color: #637882 ;
    text-decoration: none;
}

.article.bloc{
    padding: 15px 20px;
}

.article a{
    color: #e6671b;
    text-decoration: none;
}

.article a:hover{
    text-decoration: underline;
}
.article .en-tete {
    padding-bottom:15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e3e6e7;
}

.article .en-tete h3 {

}
.article .en-tete .a-la-une{
    float:left;
    width:104px;
    height: 124px;
    position:relative;
    padding: 0 10px 0 0;
    margin: -50px 0 0 -20px;
    background-repeat: no-repeat;
    background-image: url('../images/a-la-une.png');
}

.article #commentform textarea{
    width:590px;
    height:100px;
    color: #51646e;
    font-size: 13px;
    padding: 6px 8px;
    border: 4px solid #e0e0e0;
    font-family: Arial, Helvetica, sans-serif;
}

.article .auteur-article{
    vertical-align: bottom;
}

.article .vignette{
    padding:3px;
    margin: 0 20px 10px 0;
}

/** Sidebar **/

#sidebar {
    width: 310px;
}

#sidebar .bloc{
    width: 275px;
    margin: 0 0 15px 0;
    background-color: white;
    padding: 15px 15px 15px 15px;
}
#sidebar .sub-bloc{
    padding-bottom: 15px;
    overflow: hidden;
}

#sidebar .bloc, #content .bloc{
    background-color: white;
    border-left: 4px solid #F1F1F1;
    border-bottom: 4px solid #F1F1F1;
    box-shadow: -1px 1px 5px #464646 ;
    -moz-box-shadow: -1px 1px 5px #464646 ;
    -webkit-box-shadow: -1px 1px 5px #464646 ;
}
#sidebar .bloc {
}
#content .bloc {
    min-width: 606px;
}
#content .bloc h2 {
    color: #E6671B;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 10px;
}
div#bio_utilisateur img {
    box-shadow: -1px 1px 5px #CECECE ;
    -moz-box-shadow: -1px 1px 5px #CECECE ;
    -webkit-box-shadow: -1px 1px 5px #CECECE ;
    margin: 0px 0px 20px 0px;
}
#sidebar .biographie{
    float:left;
    width:104px;
    height: 104px;
    position: absolute;
    padding: 0 10px 0 0;
    margin: -38px 0 0 -3px;
    background-repeat: no-repeat;
    background-image: url('../images/bio.png');
}

#sidebar .bloc p, #content .article p{
    line-height: 1.3em;
}

#sidebar h3{
    font-size: 20px;
    text-align: center;
}

#sidebar ul li{
    color: #e6671b;
    line-height: 17px;
    list-style-type: square;
}

#sidebar ul li span{
    color: #2d2d2d;
}

#sidebar ul {
    margin-left:20px;
}

#sidebar .two-col{
    float:left;
    width:117px;
}

#sidebar input.recherche {
    border: 1px solid #CECECE;
    width:190px;
    padding: 4px 7px;
    font-size: 13px;

}

/** Menu **/
#content ul#menu-menu,
#content ul#menu{
    height: 27px;
}
#content ul#menu-menu li a,
#content ul#menu li a{
    color: white;
}
#content ul#menu-menu li,
#content ul#menu li{
    float:left;
    height: 29px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    background-image: url('../images/menu-bg-gauche-plein.png');
}
#content ul#menu-menu li:first-child,
#content ul#menu li:first-child{
    background-image: url('../images/menu-bg-gauche-transparent.png');
    background-repeat: no-repeat;
}
#content ul#menu-menu li:hover,
#content ul#menu li:hover{
    background-image: url('../images/menu-bg-gauche-plein-over.png');
}
#content ul#menu-menu li.next-to-a-overed-li,
#content ul#menu li.next-to-a-overed-li{
    background-image: url('../images/menu-bg-gauche-plein-over-bis.png');
}
#content ul#menu-menu li:first-child:hover,
#content ul#menu li:first-child:hover{
    background-image: url('../images/menu-bg-gauche-transparent-over.png');
}
#content ul#menu-menu li div,
#content ul#menu li div{
    height: 29px;
    margin-left:15px;
    padding: 5px 20px 0 16px;
	background-repeat:repeat-x;
    background-image: url('../images/menu-bg.png');
}
#content ul#menu-menu li:hover div,
#content ul#menu li:hover div{
    background-image: url('../images/menu-bg-over.png');
}
#content ul#menu-menu li span,
#content ul#menu li span{

}

/** Commentaires **/

#commentaires{
    padding: 15px 20px;
}

#commentaires h4,
#commentform h4,
#poster_commentaire h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

#commentaires h5{
    font-size: 14px;
    color:white;
    background-color: #2f434d;
    margin:3px;
    padding: 5px 10px;
}

#commentaires .commentaire{
    border: 1px solid #CECECE;
    margin-bottom: 15px;
}

#commentaires .commentaire .info{
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CECECE;
}
#commentaires .commentaire .info a{
    font-weight: bold;
    color: #51646e;
}
#commentaires .commentaire .info a:hover{
    color: #e6671b ;
}

#commentaires .commentaire .contenu{
    padding:5px 10px 10px 10px;
}


/** Footer **/

#footer{
    clear:both;
    display: block;
    overflow: hidden;
    position: relative;
    /*background-color: #51646e;*/
}

#footer .content{
    width:980px;
    padding:20px 0;
    color: #acc9d7;
    margin: 0px auto;
    text-align: center;
    /*border-top: 3px solid white;*/
    text-shadow: 1px 1px 1px #2d3539;
}

#footer .content a{
    color: white ;
}
#footer .content a:hover{
    color: #44b0dd ;
}

/** Divers **/

.ombre-gauche-legere{
    box-shadow: -1px 1px 5px #CECECE ;
    -moz-box-shadow: -1px 1px 5px #CECECE ;
    -webkit-box-shadow: -1px 1px 5px #CECECE ;
}

#partage-reseaux-sociaux{
    float:right;
    margin-top: 6px;
}
#partage-reseaux-sociaux li{
    float:left;
    margin: 0 0 10px 10px;
}

.barre-separatrice{
    clear:both;
    margin: 15px 0 15px 0;
    border-bottom: 1px solid #E3E6E7;
}
.button a {
    color: #fff;
}
.button a:hover {
    text-decoration: none;
}
.orange{
    color:#e6671b;
}