/*
Theme Name:listing
Theme URI:http://wordpress.org/
Description:Thème de l'agence AIR architecture conçu par ARCHIparmentier.
Version:1
Author:Sébastien
Author URI:http://archiparmentier.com/contact
Tags:architecture,ingénierie,recherche
Text Domain:air-architecture


*/

*{
margin:0;
padding:0;
}
/* Begin Typography & Colors */
body {
font-size:62.5%; /* Resets 1em to 10px */
font-family:Arial,'Lucida Grande', Verdana, Sans-Serif;
background:#fff;
color:#0e1c2a;
text-align:center;
}

.clear{
clear:both;
}

#page {
width:920px;
text-align:left;
padding:0;
margin:0 auto;
font-size:110%;
}

/*HEADER*/
#header{
position:relative;
height:90px;
}

#header h1,#header .description{
position:absolute;
text-indent:-9999px;
}

.logo{
width:165px;
height:84px;
display:block;
margin-top:0;
margin-left:40px;
background:url(images/logo2.jpg) 0 0 no-repeat;
text-indent:-9999px;
}

.tagcloud{
margin-top:82px;
margin-left:45px;
width:153px;
height:131px;
display:block;
background:url(images/tagcloud2.jpg) 0 0 no-repeat;
text-indent:-9999px;

}

.tampon{
margin-top:258px;
margin-left:45px;
width:154px;
height:87px;
display:block;
background:url(images/tampon.jpg) 0 0 no-repeat;
text-indent:-9999px;
}

a{
outline:none;
}
/*MENU*/
#liste-menu{
position:absolute;
top:30px;
right:105px;
padding:0;
margin:0;
height:67px;
}

#liste-menu li{
display:block;
float:left;
margin-right:5px;
text-align:center;
width:120px;
}

#liste-menu li a{
display:block;
text-align:center;
font-size:10px;
text-transform:uppercase;
padding:0 8px;
height:67px;
text-indent:-9999px;
}
/*agence*/
#liste-menu li.btn-home a{
background-image:url(images/btn-agence.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.btn-home a:hover{
background-position:50% -134px;
}
/*logements hebergements*/
#liste-menu li.cat-item-3 a{
background-image:url(images/bt1-logement.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.cat-item-3 a:hover{
background-position:50% -134px;
}

/*culture cultures*/
#liste-menu li.cat-item-4 a{
background-image:url(images/bt1-culture.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.cat-item-4 a:hover{
background-position:50% -134px;
}
/*enseignement recherche*/
#liste-menu li.cat-item-5 a{
background-image:url(images/bt1-education.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.cat-item-5 a:hover{
background-position:50% -134px;
}
/*hospitalier psychiatrie*/
#liste-menu li.cat-item-6 a{
background-image:url(images/bt1-sante.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.cat-item-6 a:hover{
background-position:50% -134px;
}
/*expo press*/
#liste-menu li.cat-item-7 a{
background-image:url(images/bt1-urbanisme.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu li.cat-item-7 a:hover{
background-position:50% -134px;
}

#liste-menu li.current-cat-parent a, #liste-menu li.current-cat a, #liste-menu li.current_page_item a,
#liste-menu li.current-cat-parent a:hover, #liste-menu li.current-cat a:hover, #liste-menu li.current_page_item a:hover {
background-position:50% 0;
}














/*MENU NON DYNAMIQUE*/
#liste-menu1{
position:absolute;
top:10px;
right:0px;
padding:0;
margin:0;
height:67px;
}

#liste-menu1 li{
display:block;
float:left;
margin:0;
margin-left:10px;
text-align:center;
width:120px;
}

#liste-menu1 li a{
display:block;
text-align:center;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
font-style:italic;
height:67px;
color:#000;
font-weight:normal;
margin:0;
padding:0
}
#liste-menu1 li a span{
padding-top:15px;
font-style:normal;
display:block;
font-weight:bold;
}




/*agence*/
#liste-menu1 li.btn-home a{
background-image:url(images/btn-agence.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.btn-home a:hover{
background-position:50% -134px;
}
/*logements hebergements*/
#liste-menu1 li.cat-item-3 a{
background-image:url(images/bt2-logement.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.cat-item-3 a:hover{
background-position:50% -134px;
color:#eea719;
}

/*culture cultures*/
#liste-menu1 li.cat-item-4 a{
background-image:url(images/bt2-culture.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.cat-item-4 a:hover{
background-position:50% -134px;
color:#e55c3a;
}
/*éducation*/
#liste-menu1 li.cat-item-5 a{
background-image:url(images/bt2-education.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.cat-item-5 a:hover{
background-position:50% -134px;
color:#a50c5e;
}
/*santé*/
#liste-menu1 li.cat-item-6 a{
background-image:url(images/bt2-sante.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.cat-item-6 a:hover{
background-position:50% -134px;
color:#eea719;
}
/*urbanisme*/
#liste-menu1 li.cat-item-7 a{
background-image:url(images/bt2-urbanisme.jpg);
background-position:50% -67px;
background-repeat: no-repeat;
}
#liste-menu1 li.cat-item-7 a:hover{
background-position:50% -134px;
color:#e55c3a;
}

#liste-menu1 li.current-cat-parent a, #liste-menu1 li.current-cat a, #liste-menu1 li.current_page_item a,
#liste-menu1 li.current-cat-parent a:hover, #liste-menu1 li.current-cat a:hover, #liste-menu1 li.current_page_item a:hover {
background-position:50% 0;
color:#fff;
}

/*MAIN*/
.narrowcolumn {
width:666px;
float:right;
position:relative;
}

.home .narrowcolumn {
width:666px;
float:right;
position:relative;
height:500px;
}

/*SIDEBAR*/
#sidebar{
width:250px;
height:630px;
float:left;
}

/*FOOTER*/
#footer{
clear:both;
color:#333333;
font-size:10px;
width:220px;
padding:0;
margin:0 auto;
}


/*ARTICLES EN PAGE D'ACCUEIL*/
.home .narrowcolumn{

}

.home .hentry {
background-position:0 0;
background-repeat:no-repeat;
cursor:pointer;
}



.p1{
background-image:url(images/home-news1.jpg);
}

.p2,.p3,.p4,.p5{
background-image:url(images/home-news2.jpg);
}

.p1{
position:absolute;
top:0;
left:0;
width:430px;
height:360px;
}

.p2{
position:absolute;
top:0;
left:472px;
width:193px;
height:179px;
}

.p3{
position:absolute;
top:181px;
left:472px;
width:193px;
height:179px;
}

.p4{
position:absolute;
top:376px;
left:237px;
width:193px;
height:179px;
}

.p5{
position:absolute;
top:376px;
left:0px;
width:193px;
height:179px;
}

/*titre + sous-titre article principal*/
.p1 #image{
width:383px;
height:255px;
margin:20px auto;
}

.p1 #titre{
width:383px;
margin:0 auto;
}

.p1 h2 a {
color:#E45C39;
text-transform:uppercase;
font-size:14px;
text-decoration:none;
}

.p1 h3#sous-titre {
color:#E45C39;
font-size:12px;
}

/*titre + sous-titre articles secondaires */
.p2 #image,.p3 #image,.p4 #image,.p5 #image {
width:145px;
height:97px;
margin:14px auto 7px auto;
}

.p2 #titre,.p3 #titre,.p4 #titre,.p5 #titre {
width:145px;
margin:0 auto;
}

.p2 h2 a,.p3 h2 a,.p4 h2 a,.p5 h2 a {
color:#A50C5E;
font-size:12px;
text-decoration:none;
}

.p2 h3#sous-titre,.p3 h3#sous-titre,.p4 h3#sous-titre,.p5 h3#sous-titre {
color:#0e1c2a;
font-size:11px;
}

/*page category.php*/
.preview {
width:182px;
height:109px;
margin:0 auto;
}

.category .hentry{
width:201px;
height:207px;
float:left;
margin:0;
margin-left:21px;
margin-bottom:5px;
background-image:url(images/points-category.jpg);
background-repeat:no-repeat;
background-position:0 100%;
cursor:pointer;
}

.projet {
width:182px;
margin:10px auto;
}

.projet h3 a {
display:block;
color:#0e1c2a;
font-size:13px;
text-decoration:none;
margin-bottom:9px;
}

.projet .entry{
font-size:11px;
text-align:justify;
letter-spacing:-0.01em;
word-spacing:-0.1em;
}

/*page category.php CATEGORIE PRESSE EXPO */
.previewpresse {
width:182px;
height:142px;
margin:0 auto;
}


/*PAGE SINGLE*/
#fiche {
font-size:11px;
margin-bottom:25px;
margin-top:15px;
}

#fiche #titre{
padding:7px 0;
font-weight:bold;
border-bottom:1px dotted #ccc;
}

#fiche #titre h2 {
text-transform:uppercase;
font-size:18px;
font-weight:bold;
}

#fiche .label{
width:140px; 
padding:3px 0;
font-weight:bold;
border-bottom:1px dotted #eee;
}

#fiche .valeur{
padding:3px 0;
border-bottom:1px dotted #eee;}

.single .entry{
position:relative;
margin-left:26px;
}

.ngg-galleryoverview{
position:absolute;
top:0;
}





a img,img,img:hover{border:none;}

/*PAGE de présentation de l'agence*/
.encart {
position:relative;
width:701px;
border:1px solid #EDA718;
margin-bottom:25px;
padding-top:18px;
padding-bottom:25px;
}

.haut-encart{
display:block;
width:703px;
height:18px;
background:url(images/souspage-haut-encart.jpg) 0 0 no-repeat;
position:absolute;
top:-1px;
left:-1px;
}

.bas-encart{
display:block;
width:703px;
height:25px;
background:url(images/souspage-bas-encart.jpg) 0 0 no-repeat;
position:absolute;
bottom:-1px;
left:-1px;
}

.texte-encart{
text-align:justify;
margin:20px;
}

.encart h3{
font-size:12px;
color:#A50C5E;
margin:0 0 0 20px;
}

.navigation{
clear:both;
width:665px;
padding:5px 0 35px 0;
padding-left:15px;
}

.navigation a{
color:#bbb;
text-decoration:none;}

.navigation a:hover{
color:#000;
text-decoration:none;}

.alignleft{
float:left;}


.alignright{
float:right;}

.navigation .alignleft a,.navigation .alignright a{
display:block;
width:133px;
height:18px;
text-align:left;
text-indent:-9999px;
outline:0;
}

.navigation .alignleft a{
background:url(images/plus-anciens.jpg) 0 100% no-repeat;
}

.navigation .alignleft a:hover{
background:url(images/plus-anciens.jpg) 0 0 no-repeat;
}

.navigation .alignright{
background:url(images/plus-recents.jpg) 0 100% no-repeat;
}

.navigation .alignright:hover{
background:url(images/plus-recents.jpg) 0 0 no-repeat;
}