/*
Theme Name: 64nord-01
Theme URI: http://www.64nord.com/
Description: Design by <a href="http://www.64nord.com">64°nord</a>. Ported to WP by <a href="http://www.64nord.com">64°nord</a>
Version: 1.0
Author: 64nord
Author URI: http://www.64nord.com/
*/

/* ----------------------------------------------
	Template Name : 64nord
	Template Code : 64nord-01
	Version : 1.0   
	Author : 64nord
	Author URI : http://www.64nord.com/    
	Last Date Modified : 25/03/2010	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
        background: #14324c;
	text-align: center;
}


/********************************************
   STYLE CONTENU
********************************************/ 

h1, h2, h3, p, ul {
        color:#ffffff;
        Font-family: arial;
}
h2{
        padding: 7px 0px 13px 0px;
        font-weight: lighter;
        font-size:28px;
        clear:both;
}
#contenu-droit h2{
        padding: 0px 0px 10px 0px;
        font-size:18px;
        clear:both;
}
h3{
        font-size:12px;
        padding: 2px 0 2px 0;
}
p {
        font-size:12px;
}
a {
        color:#ffffff;
        text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#ariane{
	font-size:12px;
        color:#ffffff;
        Font-family: arial;
        position:relative;
        bottom:12px;
}
h2 a:hover{
        text-decoration:none;
}


/********************************************
   STRUCTURE HEADER
********************************************/ 

#header-bg {
	width: 100%;
	height: 282px;
        background: url('images/fond-lateral.jpg') repeat-x;
}
#header {
        margin: 0 auto;
	position: relative;
	width: 100%;
	height: 282px;
        background: url('images/fond-centre.jpg') no-repeat top center;
}
#logo{
        width:280px;
        height:130px;
        float:left;
}
a img{
	border:0px solid;
}



/********************************************
   STRUCTURE CONTENU
********************************************/ 
#wrap {
	position: relative;
	width: 100%;
	margin: auto;
	text-align: left;
        background: #14324c;
}
#wrap-up-bg {
	width: 100%;
        height:238px;
        background: url('images/fond-wrap.jpg') repeat-x;	
}
#content-wrap-up {
	width: 100%;
        height: 238px;
	margin: auto;
        clear: both;
        background: url('images/fond-haut-contenu.jpg') no-repeat top center;	
}
#content-wrap-up-plein {
	width: 100%;
        height: 238px;
	margin: auto;
        clear: both;
        background: url('images/fond-haut-contenu-plein.jpg') no-repeat top center;	
}
#content-wrap {
	float: left;
        margin: auto;
	position: relative;
	width: 100%;
        background: url('images/fond-page2col.jpg') repeat-y top center;	
}
#content-wrap-plein {
	float: left;
        margin: auto;
	position: relative;
	width: 100%;
        background: url('images/fond-page.jpg') repeat-y top center;	
}
#main-bg {
	position: relative;
        bottom:200px;
}
#main {
        width: 945px;
        margin: auto;
	position: relative;

}

/********************************************
    NAVIGATION
********************************************/ 

#nav {
        margin: auto;
	position: relative;
	width: 960px;
}
#nav ul {
	list-style: none;
        font-size:13px;
}
#nav ul li {
        display: inline;
}
#nav ul li a {
	display: block;
	float: right;
	padding: 25px 20px 10px 20px;
	color: #fff;
        text-decoration:none;
        font-weight:bold;
}
#nav ul li a:hover, #nav ul li a:active {
	background: #6d91b5;	
}
#nav ul li.current_page_item a {	
	background: #6d91b5;	
}
/********************************************
   CONTENU PAGE DETAIL
********************************************/
#contenu-centre, .contenu-centre {
	float: left;
        margin: 0px;
        width:700px;
        padding-bottom:20px;
}
#contenu-droit, .contenu-droit {
	float: left;
	width: 200px;
        padding-left: 40px;
}
#contenu-droit a, .contenu-droit a {
        text-decoration: underline;
}


.contenu-image {
        background: #8795a2;
}
.contenu-image-page {
        padding-bottom:20px;
}
.contenu-titre-img{
        padding: 8px 10px 8px 10px;
	width: 680px;
        height:60px;
        background: url('images/fond-under-img-gd.jpg') no-repeat top left;
}
.post-footer{
        clear:both;
}

/********************************************
   PAGE NDETAIL /// SERIE et RELATED
********************************************/

#serie {
	float: left;
        padding-left: 40px;
        margin: 0px;
}
#serie ul {
	list-style: none;
        font-size:12px;
        text-decoration: underline;
}
#serie h4 {
	color:#fff;
        font-family:Arial;
        padding:30px 0 10px 0;
        font-weight: lighter;
}
#related{
        clear:both;
}
#related ol {
	list-style: disc;
        color: #fff;
        list-style-position: inside;
        font-family:arial;
        padding:10px 10px 23px 10px;
        font-size:12px;
        width:680px;
        background: #8795a3 url('images/fond-under-img-comment.jpg') no-repeat bottom;
}

/********************************************
   CONTENU PAGE LISTE
********************************************/

#contenu-centre-bloc {
	float: left;
	width: 720px;
        margin: 0px;
}
.bloc {
	float: left;
	width: 220px;
        padding: 10px 20px 0px 0px;
        margin: 0px;
}
.bloc-image {
        background: #8795a2;
        clear:both;
}
.bloc-titre{
        padding:9px 10px 0px 10px;

        height:60px;
        background: url('images/fond-under-img-pt.jpg') no-repeat top left;
}
.post-footer{
        clear:both;
}


/********************************************
   SIDEBAR
********************************************/


#sidebar {
	float: left;
	width: 220px;
        bottom:220px;	
        font-family:Arial;
}
#sidebar h3 {
        padding:30px 0px 10px 20px;
        font-size:20px;
        font-weight: lighter;
}

#sidebar ul { 
        padding-left:20px;
        font-size:12px;
        list-style:none;

}
#sidebar ul li { 
        padding-top: 5px;;
}
.st-tag-cloud { 
        padding-left: 20px;;
}


/********************************************
   FOOTER
********************************************/
#footer-bg {
        clear:both;
	width: 100%;
        background: #14324c;
}

#footer-fond {

        margin: 0 auto;
	position: relative;
	width: 100%;
        background: url('images/fond-footer.jpg') no-repeat top center;
        padding-top:10px;
        height: 80px;
}

#footer {
        margin: 0 auto;
        text-align:right;
	position: relative;
	width: 960px;
}
#footer p {
        color: #fff;
}
#footer a {
        color: #fff;
        Font-weight: bold;
        text-decoration: none;
}


/********************************************
   CONTENU ACTIVITE
********************************************/

#activite-globale {
        float: left;
}
.activite {
        width:220px;
        margin-right:20px;
        float: left;
        background: #697a8c;
}
#activite-droite {
        width:220px;
        margin:0px;
        float: left;
        background: #697a8c;
}
.picto {
        width:220px;
        text-align:center;
}
.activite h3, #activite-droite h3 {
        background: url('images/bg_activite_soustitre.jpg') no-repeat;
        height:35px;
        padding: 8px 0 0 10px;
}
.activite p, #activite-droite p{
        padding:10px 10px 25px 10px;
}
.activite ul, #activite-droite ul{
        padding:0px 0px 15px 35px;
        list-style-image: url(images/bullet-activite.jpg)
}
.activite ul li, #activite-droite ul li{
        font-size:12px;
        padding:2px;
}
.bouton {
        background: url('images/activite-bt.jpg') no-repeat;
        height:28px;
}
.activite .bouton p, #activite-droite .bouton p{
        padding:8px 0px 0px 10px;
}
.activite .bas, #activite-droite .bas {
        background: #435970 url('images/activite-bg-bas.jpg') no-repeat;
        height: 70px;
}
.activite .detail, #activite-droite .detail {
        height: 460px;
}

/********************************************
   COMMENTAIRE
********************************************/

#comment {
	width: 690px;

}
.commentlist {
	width: 700px;
        list-style:none;
}
.comment-global {
        margin-top:20px;

}
.comment-avatar {
	float:left;
        padding: 0 0 5px 0;
}
.comment-contenu {
	float:left;
        padding: 5px 0 0 10px;
}
.comment-texte {
	clear:both;
	background: #43596f;
        padding: 10px;

}
.comment-texte-author {
	clear:both;
	background: #43596f;
        padding: 10px;
        border: 1px solid #ffffff;

}
#commentform #submit{
        margin-top: 10px;
        Font-family: arial;

        padding:5px;
        color: #43596f;
}
#commentform #email, #commentform #author, #commentform #url{
        margin-top: 10px;
        color: #ffffff;
        Font-family: arial;
        font-size:12px;
        background:#8795a3;
        padding:5px;
        border: 1px solid #43596f
}
#commentform textarea{
        margin-top: 10px;
        padding:5px;
        color: #ffffff;
        Font-family: arial;
        font-size:12px;
        background:#8795a3;
        border: 1px solid #43596f
}
#commentform label{
        padding:5px;
        margin-top: 10px;
        color: #ffffff;
        Font-family: arial;
        font-size:14px;
}
.comment-bas{
        background: url('images/fond-under-img-comment.jpg') no-repeat;
        height: 13px;      
}


/********************************************
   NAVIGATION LISTING
********************************************/

.navigation {
        clear:both;
        position: relative;
	width: 700px;
        Font-family: arial;
        font-size:12px;
        top:20px;
}
.alignleft {
        float:left;
}
.alignright {
        float:right;
}

/********************************************
   NAV SPECIFIQUE PAGE POST
********************************************/

.nav-realisation {
        width:700px;
        float:left;
        font-family: Arial;
        color:#FFFFFF;
        font-size:12px;
}

.suivant {
        float:right;
}

.precedent {
        float:left;
}


/********************************************
  UP
********************************************/


.front-end-upload-parent {
        width:700px;
}
.front-end-upload-parent label {
        font-family:arial;
        color:#ffffff;
}
.front-end-upload-success p strong {
        font-family:arial;
}
.front-end-upload-parent input {
        margin:20px 10px 10px 10px; 
        font-family:arial;
        padding:5px;
        font-size:12px;
        width:300px;
}
.front-end-upload-parent textarea {
        margin-left:10px; 
        width:365px;
        font-family:arial;
        padding:5px;
        font-size:12px;
}
.front-end-upload-parent button {
        margin-top:20px;
}

/********************************************
  Page privé
********************************************/

.upload p {
        margin:10px 0;
}