/*
Theme Name: Banegas Architectes
Description: Thème pour le site Banegas Architectes
Author: Sébastien Crespin
Version: 0.1
License: GNU General Public License
*/

* { margin:0; padding:0; }
img { border:0; }
html { font-size:100%; }
body { background-color:#ababab; color:#000; font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:0.8em; padding: 5px 0;}

/* gris clair : #ababab */
/* gris foncé : #6d6d6d */
/* rouge : #86191c */

#page { width:1000px; border-top:solid 1px #86191c; border-left:solid 1px #86191c; margin:0 auto; background:url('images/carre-vierge.png'); }
#left_column { float:left; width:200px; }
#content { float:right; width:800px; position:relative; }
.clear { clear:both; }

.access { position:absolute; top:-999em; left:-999em; }

#accueil-diaporama { width:999px; height:399px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#6d6d6d; }

.box, .boxtarif { float:left; position:relative; width:199px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#ababab; }
.box2 { float:left; position:relative; width:399px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#ababab; }
.box h2, .boxtarif h2, .box2 h2 { position:absolute; top:160px; left:0; height:39px; line-height:39px; font-size:1.66em; text-transform:uppercase; text-align:center; font-weight:normal; }
.box h2, .boxtarif h2 { width:199px; }
.box2 h2 { width:399px; }
ul.menu { font-size:1.66em; text-transform:uppercase; }
ul.menu { list-style-type:none; }
ul.menu li { position:relative; border-bottom:solid 1px #ababab; text-align:center; }
ul.menu li.first2 { padding-top:40px; }
ul.menu li.first3 { padding-top:80px; }
ul.menu li.first4 { padding-top:120px; }
ul.menu li.first5 { padding-top:160px; }
ul.menu li.last { border-bottom:none; }
ul.menu li a, .box h2 a, .boxtarif h2 a, .box2 h2 a { display:block; height:39px; line-height:39px; width:100%; background-color:#86191c; color:#fff; text-decoration:none; }
ul.menu li.tarifs { border-bottom:none; }
ul.menu li.tarifs a { height:199px; background:url('images/carre-tarifs.png') no-repeat 0 40px; background-color:#86191c; }
ul.menu li.tarifs ul { position:absolute; top:40px; left:0; list-style-type:none; }
ul.menu li.tarifs ul li { border-bottom:none; height:22px; line-height:22px; font-size:0.5em; color:#fff; width:159px; }
ul.menu li a:hover, .box h2 a:hover, .boxtarif h2 a:hover, .box2 h2 a:hover { background-color:#6d6d6d; }

#breadcrumb { position:absolute; top:0; left:0; width:579px; height:39px; line-height:39px; background-color:rgba(0,0,0,0.5); z-index:10; color:#fff; padding-left:20px }
#breadcrumb a, #texte a { color:#fff; text-decoration:underline; }
#breadcrumb a:hover, #texte a:hover { color:#ababab; }

#texte { position:absolute; top:0; left:599px; width:200px; height:399px; background-color:rgba(0,0,0,0.5); z-index:100; color:#fff; text-align:center; }
#texte h1 { line-height:39px; width:100%; background-color:#86191c; color:#fff; text-transform:uppercase; font-size:1.66em; }
#texte h2 { margin:1.5em 10px 0.75em; font-size:1em; font-weight:bold; }
#texte p { margin:0.75em 10px; line-height:1.2em; }
#texte ul { padding-left:20px; margin:0 10px 0 10px; list-style-type:square; }
#texte ul li { margin:0;}
.categorie #texte { /*height:599px;*/ text-align:left; overflow-y:auto; }
.categorie #texte h1 { text-align:center; }
.contenu #texte { text-align:left; }
.contenu #texte h1 { text-align:center; }

#article { margin:40px; padding:20px; background-color:#ababab; border:solid 1px #86191c; }
#article h2, #article h3, #article h4, #article p, #article ul { line-height:20px; margin-bottom:1em; }
#article h2 { background-color:#86191c; text-transform:uppercase; height:40px; line-height:40px; font-size:1.2em; color:#fff; padding:0 20px; }
#article h3 { color:#86191c; }
#article h4 { padding-left:20px; }
#article ul { margin-left:30px; list-style-type:square; }
#article .plan-du-site { float:left; width:225px; }

#photo_titre { width:799px; height:399px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#6d6d6d; }
#galerie { list-style-type:none; }
#galerie li { float:left; display:block; width:199px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#ababab; }
#galerie li.fonce { background-color:#6d6d6d; }
.legende { position:absolute; top:-999em; left:-999em; }

.boxtarif h2 { text-transform:none; }
.boxtarif .desc, .boxtarif .tarif, .boxtarif .conditions { display:none; }
#desc_tarif { width:559px; padding-top:60px; padding-left:20px; color:#fff; }
#desc_tarif h2, #desc_tarif p, #desc_tarif ul { margin-bottom:1em; }
#desc_tarif h2 { font-size:1.66em; font-weight:bold; }
#desc_tarif ul { margin-left:30px; list-style-type:square; }
#conditions_tarif { width:559px; padding-top:10px; padding-left:20px; color:#fff; font-size:0.9em; font-style:italic; }
#tarif_tarif { padding:10px; font-size:1.25em; }
#tarif_tarif h2 { margin-top:10px; font-size: 1.25em; }

#form-contact { border:none; margin-bottom:20px; }
#form-contact label { float:left; margin-right:20px; padding:2px; text-align:right; width:180px; }
#form-contact input, #form-contact textarea { width:400px; border:solid 1px #6d6d6d; font-family:'PT Sans', Arial, Helvetica, sans-serif; font-size:1em; padding:2px; }
#form-contact textarea { height:12em; }
#form-contact input:hover, #form-contact textarea:hover { border:solid 1px #86191c; }
#form-contact input[type=submit] { margin-left:204px/*180+2+2+20*/; width:404px/*400+2+2*/; background-color:#86191c; border:solid 1px #86191c; color:#fff; height:40px; line-height:40px; text-transform:uppercase; }
#form-contact input[type=submit]:hover { cursor:pointer; background-color:#6d6d6d; border:solid 1px #6d6d6d; }
#form-contact p.alert label { font-weight:bold; }
#form-contact p.alert input, #form-contact p.alert textarea { border:solid 1px #f00; }

kbd { margin:1px; padding:1px 2px; border:solid 1px #6d6d6d; font-family:"Courier New", Courier, monospace; font-size:0.9em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#footer { padding-top:40px; color:#fff; }
#footer h2 { position:absolute; top:159px; left:0; width:100%; height:40px; line-height:40px; text-align:center; text-transform:uppercase; font-size:1.66em; font-weight:normal; }
#footer p { margin: 1em 20px 1em 150px; text-align:center; font-size:0.93em; }
#footer a { color:#fff; }
#footer h2 a { text-decoration:none; }
#footer-entete { height:120px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; font-size:1.2em; font-weight:bold; background:url('images/carre-vierge-fonce.png') }
#footer-entete p { float:left; width:400px; margin:0; line-height:40px; text-transform:uppercase; border-top:solid 1px #86191c; }
#footer-entete p#p2 { width:599px; }
#footer-entete span#sp1 { margin:0 160px 0 40px; }
#footer-entete span#sp2 { margin:0 40px 0 120px; }
#footer-entete span#sp3 { margin:0 240px 0 0; }
#footer-entete span#sp4 { margin:0 40px 0 240px; }
#footer-entete span#sp5 { margin:0 200px 0 80px; }
#footer-entete p span { display:block; background-color:#86191c; height:40px; }
#footer-2ab { float:left; position:relative; width:199px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#6d6d6d; }
#footer-2ab h2 { background-color:#86191c; }
#footer-esprit-dinterieur { float:left; position:relative; width:399px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#6d6d6d; }
#footer-esprit-dinterieur h2 { background-color:#dc0260; }
#footer-esprit-invest { float:left; position:relative; width:399px; height:199px; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; background-color:#6d6d6d; }
.footer-2ab-image { position: absolute; top:0; left:20px; }
.footer-ei-image { position: absolute; top:0; left:0; }
#footer-esprit-invest h2 { background-color:#09a8fa; }
#footer-footer { height:39px; background-color:#ababab; border-right:solid 1px #86191c; border-bottom:solid 1px #86191c; }
#footer-footer ul { list-style-type:none; text-align:center; }
#footer-footer ul li { display:inline; line-height:39px; margin:0 10px; }
#footer-footer ul li a { text-decoration:none; }
#footer-footer ul li a:hover { text-decoration:underline; }

/*
h2 { font-size:1.5em; font-weight:normal; }
h2 a { color:#fff; text-decoration:none; }
h2 a span { position:absolute; top:160px; height:39px; line-height:39px; width:100%; background-color:#86191c; text-align:center; }
h2 a:hover span { background-color:#6d6d6d; }
*/
/* h2 a img { opacity:0.5; } */
/* h2 a:hover img { opacity:1.0; } */

/* jQuery lightBox plugin: http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
#jquery-overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}
#jquery-lightbox {
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}
#lightbox-container-image { padding:10px; }
#lightbox-loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width:49%;
height:100%;
zoom:1;
display:block;
}
#lightbox-nav-btnPrev {
left:0;
float:left;
}
#lightbox-nav-btnNext {
right:0;
float:right;
}
#lightbox-container-image-data-box {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100%;
padding:0 10px 0;
}
#lightbox-container-image-data {
padding:0 10px;
color:#666;
}
#lightbox-container-image-data #lightbox-image-details {
width:70%;
float:left;
text-align:left;
}
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber {
display:block;
clear:left;
padding-bottom:1.0em;
}
#lightbox-secNav-btnClose {
width:66px;
float:right;
padding-bottom:0.7em;
}