/*
Theme Name: 64nord-pollux
Theme URI: http://www.64nord.com/
Description: Design by <a href="http://www.64nord.com">64°nord</a>.
Version: 1.0
Author: 64°nord
Author URI: http://www.64nord.com/
Template Code : 64nord-pollux-01
Version : 1.0   
Last Date Modified : 08/08/2011	
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

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

body {
	background: #e5e1db url(images/bd-head.jpg) repeat-x;
	text-align: left;
        font-family:arial;
        color: #4a4a4a;	
}
table, p {
        font-size:13px;
        padding-bottom:10px;
}
p.no-padding, #main-in p.no-padding {
        font-size:13px;
        padding:0px;
        margin:0px;
}
h2 {
        font-size:30px;
        color:#858585;
        font-weight:lighter;
        border-bottom: 1px solid #0172b4;
        margin-bottom:10px;
}
h2 a {
        color:#858585;
}
h2 a:hover {
        text-decoration: none;
}
h3, h4 {
        color:#0172b4;
        clear:both;
}
h4 {
        padding:10px 0;
        font-size:16px;
}
#main-in h4.no-padding {
        padding:0px;
}
h5 {
        font-size:16px;
        color:#0172b4;
        font-weight:lighter;
  			padding:15px 0 10px 0;
}
a {
        color:#0172b4;
        text-decoration:none;
}
a:hover {
        text-decoration:underline;
}
a img, img a {
        border:0px solid;
}
.clear, .clearboth {
        clear:both;
}
#main-in ul {
        padding:10px 20px;
        margin:5px 0 15px 0;
}
#main-in ul li{
        font-size:13px;
}
#main-in ul li h4{
        font-size:16px;
}
#main-in ul li {
        padding:5px 2px;
}
#main-in ul.contenu {
        list-style-image: url(images/contenu-fleche-gris.jpg);
        list-style-position:inside;
        padding:5px 0 5px 20px;
        font-size:13px;
        background:#eee;
        border:1px solid #d6d6d6;
}
#main-in-acc ul li {
        list-style-image: url(images/contenu-fleche.jpg);
        list-style-position:inside;
        font-size:13px;
        padding:5px 0 3px 0;
}
address { border: 1px solid #0172b4; font-style:normal; padding:5px 10px; margin:10px 0; text-align:center; color:#0172b4; font-size:16px;}
blockquote { background: url(images/quote.png) no-repeat left top; color: #1da0e0; margin-left:40px; padding-top:10px; margin-top:20px;}
#main blockquote p { font-size:16px; margin:0px 0 20px 50px; line-height:22px;}


/********************************************
   STRUCTURE GENERALE
********************************************/ 

#header {
	position: relative;
	width: 1002px;
        margin:auto;
}
#wrap {
	position: relative;
	width: 1002px;
	background: url(images/bg-contenu-col.jpg) repeat-y;
	margin: auto;
}
#wrap-acc {
	position: relative;
	width: 1002px;
	background: url(images/bg-contenu.jpg) repeat-y;
	margin: auto;
}
#content-wrap {
	position: relative;
	clear: both;
	width: 1002px;	
}

/********************************************
   HEADER
********************************************/ 

/* ----------------  HEAD TOP  ------------------- */  

#top-bar {
        height:35px;
        width:980px;
        margin:auto;
}
#top-bar {
        width:450px;
}
.top-link {
        float:left;
        width:150px;
}

/* ----------------    HEAD    ------------------- */  

#header #logo {
        float:left;
        padding-top:0px;
}
#header #assistance-pollux {
        float:right;
        margin-top:-5px;
}
#header #search {
        float:right;
        margin-top:-5px;
}
#header #search label {
        float:left;
        padding:14px 5px 0 0px;
}
#header #search .tbox {
        float:left;
        margin:12px 5px 0 0;
}
#header #search .btn {
        float:left;
}
#baseligne p {
        padding:2px 0 0 12px;
}


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

#nav-acc {
        position:relative;
        margin:auto;
        background: url(images/bg-contenu-top.jpg) no-repeat bottom;
        height:137px;
        width:1002px;
        clear:both;
}
#nav {
        position:relative;
        margin:auto;
        background: url(images/bg-contenu-top-col.jpg) no-repeat bottom;
        height:137px;
        width:1002px;
        clear:both;
}
#nav-content {
        padding:13px 10px 13px 10px;
        padding:12px 10px 13px 10px\0;
}
#nav-content ul {
	list-style: none;
        font-size:13px;
        text-transform: uppercase;
        font-weight:lighter;	
}
#nav-content ul li {
        display:inline;
}
#nav-content ul li a {
        color:#4a4a4a;
        padding: 13px 18px 16px 0px;
}
#nav-content ul li a span {
        padding: 13px 0px 16px 18px;
}
#nav-content ul li a:hover {
        background: url(images/nav-btn.gif) no-repeat right bottom;
        text-decoration:none;
}
#nav-content ul li a:hover span{
        background: url(images/nav-btn.gif) no-repeat left bottom;
}
#nav-content ul li.current_page_item a, #nav-content ul li.current_page_ancestor a {	
        background: url(images/nav-btn.gif) no-repeat right bottom;
        padding: 13px 18px 16px 0px;
}
#nav-content ul li.current_page_item a span, #nav-content ul li.current_page_ancestor a span {	
        background: url(images/nav-btn.gif) no-repeat left bottom;
        padding: 13px 0px 16px 18px;
}

/********************************************
   STRUCTURE CONTENU
********************************************/

#main {
	float: left;
	width: 722px;
        margin-top:-73px;
        padding-bottom:50px;	
}
#main-acc {
	width: 972px;
        margin-top:-73px;
}
#sidebar {
	float: left;
	width: 249px;
        margin-top:-93px;
}
#sidebar-in {
        margin-left:11px;
}

/********************************************
   PAGE ACCUEIL
********************************************/

#acc-slider {
        float:left;
        width:720px;
        height:200px;
}
#acc-slider-inter {
        width:700px;
}
#acc-bienvenue {
        float:left;
        width:200px;
}
#acc-ligne-marque, #acc-ligne-contenu {
        padding-top:20px;
        clear:both;
}
.bloc-acc-marque {
        float:left;
}
#acc-actus {
        float:left;
        width:460px;
}
#acc-remontee {
        float:left;
        width:256px;
}
#acc-remontee-in {
        clear:both;
        margin: 0 17px;
}
#acc-e-pollux {
        float:left;
        background:#e5e1db;
        width:225px;
}
/* ----------------    ACTUS CONSEILS    ------------------- */ 
#acc-actus img {
        height:68px;
        width:68px;
        margin-top:5px;
}
#acc-actus .post-list-img {
        float:left;
        padding: 10px 10px 10px 0;
}
#acc-actus .post-list-txt {
        float:left;
        width: 370px;
        padding-top:13px;
        line-height:17px;
}
#acc-actus .post-list-ligne {
        clear:both;
        padding:0px;
        margin-bottom:15px;
        padding-bottom:10px;
        margin-top:20px;
        background: url(images/post-ligne-footer.jpg) repeat-x bottom;
}
#acc-actus h2 {
        margin-bottom:8px;
}
#acc-actus h3 {
        font-weight:lighter;
        font-size:20px;
}
#acc-actus p {
        padding-bottom:5px;
}
#acc-actus .post-list-txt p {
        padding-bottom:0px;
}
#acc-actus img {
        border:1px solid #d6d6d6;
}


/* ----------------    REMONTEE    ------------------- */ 

#acc-remontee img {
        border:1px solid #262524;
}
.bloc-img-remontee {
        margin-bottom:20px;
}
#acc-remontee .bloc-txt-remontee {
        background: #262524 url(images/accueil/bt-remontee.jpg) no-repeat;
        background-position: bottom;
        padding:3px 22px 4px 10px;
        color:#FFF;
        font-weight:bold;
        text-align:right;
        font-size:12px;
}
#acc-remontee a {
        color:#FFF;
}
/* ----------------    E-POLLUX    ------------------- */ 
 
#acc-e-pollux img {
        border:1px solid;
        margin:6px 0;
}
#acc-e-pollux p.titre {
        padding:5px 10px;
        background: url(images/accueil/bg-e-titre.jpg) repeat-x top;   
        margin-bottom:20px;
        color:#FFF;
        font-weight:bold;
}
#acc-e-pollux p.lien {
        padding:2px 23px;
        background: url(images/accueil/bg-e-bottom.jpg) repeat-x top;   
        color:#FFF;
        font-weight:bold;
        text-align:right;
}
#acc-e-pollux p.lien a {
        color:#FFF;
}

/********************************************
   CONTENU
********************************************/

#main-in {
	margin-left:20px;
}
#main-in-acc {
	padding-left:30px;
        padding-bottom:50px;	
}
#main-in h3 {
        font-weight:lighter;
        font-size:20px;
        padding:20px 0 20px 0;
}
#main-in h3.entry-title {
        padding:4px 0 10px 0;      
}
#main-in p {
        line-height:18px;
        padding-top:5px;
}
#main-in img {
        border:1px solid #d6d6d6;
}
#main-in img.no-cadre {
        border:0px;
}

/* ----------------    Listing    ------------------- */  

#main-in .post-list-img {
        float:left;
        padding-right:20px;
}
#main-in .post-list-txt {
        float:left;
        width: 510px;
}
#main-in .post-list-txt-top {
        height:148px;
}
#main-in .post-list-ligne {
        clear:both;
        padding:5px 0 14px 0;
        margin-bottom:10px;
        background: url(images/post-ligne-footer.jpg) repeat-x bottom;
}
.post-list-txt p {
        padding:0px;
}
#main-in .lire-suite {
        padding:12px 0;
}
.attachment-post-thumbnail, .attachment-defaut {
        padding:5px;
}

/* ----------------    Listing serrurier   ------------------- */  

#serrurier-intro img {border:none; margin-top:-15px;}

.list-serrurier {text-align:center;}

.post-serrurier-box {
        float:left;
        margin:6px;
        background:#eeede9;
        border:1px solid #d6d6d6;
}
.post-serrurier-box-inter {
        width:220px;
}
.post-serrurier-box p {
        padding-bottom:5px;
        height:55px;
}
.post-serrurier-box h5 {
        height:20px;
}
.post-serrurier-txt {
        padding-top:10px;
}
#main-in .post-serrurier-box img{
        border:0px solid #eeede9;
}
.btn-fiche-serrurier {
        background: url(images/btn-serrurier-fiche.jpg) no-repeat center;
        margin:10px 5px 15px 5px;
        padding:5px;
}
.btn-fiche-serrurier a{
        color:#FFF;
        font-size:13px;
}
.entry-serrurier {
        height:55px;
}

/* ----------------    Single    ------------------- */  

p.post-footer {
        margin:30px 0 30px 0;
        padding:5px 0;
        border-bottom: 1px solid #0172b4;
}
#main-in ul.fleche {
        border:1px solid #d6d6d6;
        background:#EEE;
        list-style:none;
}
#main-in ul.fleche li{
        font-size:14px;
        background-image: url(images/contenu-fleche-gris.jpg);
        background-position: 0px;
        background-repeat: no-repeat;
        padding:4px 0px 4px 20px;
}
.related-post {
        padding:10px 0 30px 0;
}
.related-post h3 {
        margin-bottom:10px;
}

/* ----------------    Single serrurier   ------------------- */  

#serrurier-gauche {
        float:left;
        width:460px;
}
#serrurier-droit {
        float:right;
}
#info-serrurier {
        border:1px solid #d6d6d6;
        padding:22px;
        margin-bottom:20px;
        background:#f5f2ec;
}

/* ----------------    PAGE SERVICE    ------------------- */ 

.intro-service ul {
        border:1px solid #d6d6d6;
        background:#EEE;
        width:450px;
        list-style:none;
}
#main-in .intro-service ul li{
        font-size:14px;
        background-image: url(images/puce-ok.jpg);
        background-position: 0px;
        background-repeat: no-repeat;
        padding:4px 0px 4px 35px;
}
.intro-service {
        padding-top:10px;
}
#main-in .intro-service img {
        padding-top:0;margin-top:0;
        border:0px;
}
.ul-cadre {
        border:1px solid #d6d6d6;
        background:#EEE;
        list-style:none;
}
#main-in .ul-cadre li{
        background-image: url(images/puce-defaut.jpg);
        background-position: 0px;
        background-repeat: no-repeat;
        padding:3px 0px 3px 20px;
}


/* ----------------    PAGE COL3    ------------------- */ 

.ligne-single-3col {
        clear:both;
        padding-top:10px;
}
.ligne-single-3col img {
        margin-bottom:10px;
}
.ligne-single-3col-bloc {
        float:left;
        text-align:center;
        padding-right:20px;
}
.ligne-single-3col-bloc p, .ligne-single-3col-bloc-right p {
        width:220px;
}
.ligne-single-3col-bloc-right {
        float:left;
        text-align:center;
}

/* ----------------    PAGE COL2 LEFT    ------------------- */ 

.ligne-single-2col-left {
        clear:both;
        padding:10px 0 7px 0;
}
.ligne-single-2col-left-left {
        float:left;
        padding-right:20px;
}
.ligne-single-2col-left-right {
        float:left;
}
.ligne-single-2col-left-right h4 {
        font-weight:normal;
        padding:20px 0;
}


/* ----------------    TELECHARGEMENT    ------------------- */ 

#main-in ul.dlm_download_list {
        list-style:none;
        padding:0px;
        margin:0px;
}
#main-in ul.dlm_download_list li{
        padding:5px 0px 3px 15px;
        border:1px solid #d6d6d6;
        background:#EEE;
        margin:10px 0 20px;
}
#main-in ul.dlm_download_list li h4{
        padding-top:1px;
}


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

.pagination {
        clear:both;
        padding: 20px 0;
        text-align:center;
}
.pagination ul {
        list-style:none;
}
#main-in .pagination li {
        display:inline;
        border:1px solid #ccc;
        padding:8px 10px;
        margin:5px;
}

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

#sidebar {
        list-style-image: url(images/sidebar-fleche.jpg);
        list-style-position:inside;
        padding-bottom:40px;
        color:#aaa;
}
#sidebar ul { 
        margin: 0; 
        background: url(images/sidebar-li-line.jpg) repeat-x bottom;
}
#sidebar h3 {
        color:#88837b;
        font-weight:lighter;
        font-size:18px;
        padding:30px 10px 15px 10px;
}
#sidebar ul li{
        font-size:13px;
        background: url(images/sidebar-li-line.jpg) repeat-x;
        padding: 6px 10px 5px 10px;
}
#sidebar a {
        color:#ddd;
}
#sidebar p {
        padding: 6px 10px 5px 10px;
}
#sidebar ul li a:hover {
        color:#FFF;
        text-decoration:none;
}
#sidebar .sidebar-img {
        padding-left:8px;
}


/********************************************
   FOOTER
********************************************/

#footer-content {
	width: 1002px;
        margin:auto;
}
#footer-content ul {
        font-size:13px;
        padding:10px 0;
}
#footer-content li {
        padding:4px 20px 4px 0;
}
#footer-content li a {
        color:#4a4a4a;
}
#footer-content h3 {
	font-size:12px;
}
#footer-content #footer-top {
        background: url(images/bg-footer-top.jpg) repeat-y;

}
#footer-content #footer-top-fond {
        background: url(images/bg-footer-top-top.jpg) no-repeat;
        padding:15px 25px;
}
#footer-content #footer-top-bot {
        background: url(images/bg-footer-top-bot.jpg) no-repeat;
        height:19px;
        margin-top:-19px;
}
#footer-content #footer {
        background: url(images/bg-footer-center.jpg) repeat-x;
        margin:0 11px;
        padding:15px 15px;
}
#footer-content .footer-top-col1 {
        float:left;
        width:240px;
}
#footer-content .footer-top-col1 ul {
        list-style-position: inside;
        list-style-image: url(images/footer-fleche.png);
}
#footer-content .footer-top {
        float:left;
        width:240px;
}
#footer-content .footer-top-right {
        float:left;
        width:220px;
}
#footer-content ul {
	list-style: none;
}

/* bottom */
#footer-bottom {
	clear: both;
	padding: 15px 0 15px 0;
	text-align: center;	
}
#footer-bottom ul li {
        display:inline;
        font-size:12px;
}

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

#commentform textarea {
        width:700px;
}
ol.commentlist {
        list-style:none;
        padding:10px 0;
}
ol.commentlist li {
        padding:15px 0;
}
.comment-top p {padding:0}
.comment-top p.comment-user {padding:2px 0; font-size:18px;}
.comment-top-left {float:left;padding-right:10px;padding-bottom:10px;}
.comment-top-right {float:left;}
.commentaire {
        clear:both; 
        border:1px solid #d6d6d6;
}
.commentaire-author {
        clear:both; 
        border:1px solid #d6d6d6;
        background:#eee;
}
.commentaire p, .commentaire-author p {
        padding:10px 10px 10px 10px;
}

/********************************************
         FORM
********************************************/

#contactForm {padding-top:0px; }
#contactForm ul {list-style:none; padding:0px 0}
#contactForm input, #contactForm textarea {font-family:arial; font-size:13px; padding:2px; margin-bottom:10px; width:320px; color:#555;}
#contactForm textarea {width:690px; height:200px}

ul.forms-left{float:left;}
ul.forms-right{float:right;}
ul.forms {clear:both;}

ul.forms #sujet {margin-bottom:30px;}

#contactForm li {position:relative;}
#contactForm input.error, #contactForm textarea.error {color:#d60000; border:2px solid #d60000;}
.titre-error {color:#d60000; margin:20px 0; display:block;}
.texterreur {color:#d60000;}

#contactForm #sendCopy {margin-right:5px; width:15px;}
#contactForm li.form-test {display:none;}
#contactForm li.buttons {padding-top:10px;}


/********************************************/
div.wpcf7 {
	margin: 0;
	padding: 0;
        font-family:Arial;
        color: #4a4a4a;
        font-size:13px;
}
div.wpcf7-response-output {
	padding: 10px;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #0172b4;
}

div.wpcf7-mail-sent-ng {
	border: 1px solid #0172b4;
}

div.wpcf7-spam-blocked {
	border: 1px solid #0172b4;
}

div.wpcf7-validation-errors {
	border: 1px solid #0172b4;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #0172b4;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #0172b4;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}
div.wpcf7 textarea, div.wpcf7 input {
        font-family:Arial;
        color: #4a4a4a;
        font-size:13px;
        margin-top:5px;
        margin-bottom:5px;
}

/********************************************
         FORM
********************************************/

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.alignleft  { float: left; margin: 10px 10px 10px 0px;}
.alignright { float: right; margin: 10px 0 10px 10px;}

/********************************************
         SATISFACTION
********************************************/

#satisfaction th {
        width:350px;
}
#satisfaction input {
        margin:10px 2px 0 10px;
}
#satisfaction p {
        padding:15px 0 15px 0;
}
#satisfaction table p {
        padding:0px 0;
}
#satisfaction table {
        padding-bottom:20px;
}
#satisfaction textarea {
        width:700px;
}