/*
# coding: utf-8
*/
html, body, html * {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
text-align: justify;
font-weight: normal;
font-family: "Arial Black", Arial, Helvetica, sans-serif;/*SansBlack*/
font-size: 76%;
text-transform: uppercase;
color: #000;
background: #fff;
}
a {
text-decoration: none;
color: #000;
}
a:hover, a:focus {
color: #FFC03F;
}
a img {
border: 2px solid #fff;
}
.hidden { display: none; }
/**
	SPLASH SCREEN
**/
h1, h2, h3 {
font-weight: normal;
}
#cartouche h1, #cartouche h2, #cartouche h3 {
letter-spacing: -.1ex;
}
div#cartouche {
width: 240px;
margin: 185px auto 0;
padding: 1em 0;
}
#cartouche h1, #cartouche h2  {
position: relative;
z-index: 1;
}
#cartouche h1 a {
display: block;
width: 240px;
height: 200px;
background: url(./../img/cartouche.png) no-repeat 0 0;
}
#cartouche h1 a:hover, #cartouche h1 a:focus {
background: url(./../img/cartouche.png) no-repeat 0 -200px;
}
img#sketch {
position: absolute; top: 100px; right: 50px;
z-index: 0;
}
/* POP */
#header {
margin-top: 55px;
margin-left: 130px;
}
#header h1 {
font-size: 4em;
line-height: .8em;
position: relative; z-index: 6;
}
#header h2 {
font-size: 1.8em;
margin-bottom: -6px;
}
#header:hover, #header h1 a:hover, #header h1 a:focus {
color: #fff;/* 
background: #FF7E00; */
}
#header, h3.news, h3.agence, h3.projets, h3.book, h3.publications {
width: 47%;
}
h3.news, h3.agence, h3.projets, h3.book {
line-height: .8em;
}
h3.book {
font-size: 11.7em;
margin-left: 123px;
}
h3.book a:hover, h3.book a:focus, #menu li.book a:hover, #menu li.book a:focus {
color: #fe0000;/* 
background: #F5FF00; */
}
h3.agence {
font-size: 8.2em;
margin-left: 130px;
}
h3.agence a:hover, h3.agence a:focus, #menu li.agence a:hover, #menu li.agence a:focus, #menu li.agence a.current {
color: #FF00FC;/* 
background: #00EAFF; */
}
h3.publications {
font-size: 4.6em;
margin-left: 128px;
letter-spacing: -1px;
line-height: .83em;
padding-top: 4px;
position: relative;
z-index: 2;
}
h3.publications a:hover, h3.publications a:focus, #menu li.publications a:hover, #menu li.publications a:focus, #menu li.publications a.current {
color: #30FF00;/* 
background: #FE0000; */
}
h3.news {
font-size: 11.9em;
margin-left: 121px;
}
h3.news a:hover, h3.news a:focus, #menu li.news a:hover, #menu li.news a:focus, #menu li.news a.current {
color: #015AFF;/* 
background: #FF00D8; */
}
h3.projets {
font-size: 7.4em;
margin-left: 125px;
}
h3.projets a:hover, h3.projets a:focus, #menu li.projets a:hover, #menu li.projets a:focus, #menu li.projets a.current {
color: #FF3600;/* 
background: #8AFF00; */
}
div#manifest {
font-size: .8em;
width: 230px; 
color: #a5a5a5;
padding: 1em 0;
float: right;
margin: -76px 130px 0 0;
line-height: 1.7em;
}
#manifest a {
display: block;
line-height: .4em;
}
#manifest a:hover, #manifest a:focus {
color: #a5a5a5;
}
/* popdesc */
p.hidden, li.hidden, .fichtech, #footer, .legend {
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
p.hidden {
font-weight: bold;
font-size: 12px;
text-align: left;
background: url(./../img/alphaBG.png);
color: #fff;
padding: .6em;
width: 250px;
position: absolute; top:0; left:0;
z-index: 10;
}
/**
	SITE ET CONTENUS
**/
div#splash, div#proj, div#news, div#agence, div#publi {
margin-bottom: 60px;
}
div#proj, div#news, div#agence, div#publi {
text-align: left;
margin-top: -80px;
}
div#wrap {
position: relative;
min-height: 100%;
width: 999px;
margin: 0 auto;
}
* html #wrap {
height: 100%;
}
#wrap p {
font-size: 1.1em;
margin: .6em 0 .7em;
}
ul.norm {
list-style: square inside;
margin: 0 0 2em .5em;
}
ul.norm li {
margin: .3em 0;
}
/**
	HEADER
**/
#head, ul#menu {
width: 207px;
margin-left: 15px;
}
#head h1 {
margin-top: 19px;
position: relative;
z-index: 3;
}
#head h1 a {
display: block;
width: 207px; height: 30px;
background: url(./../img/LP_ADU_head.png) no-repeat 0 0;
}
#head h1 a:hover, #head h1 a:focus {
background: url(./../img/LP_ADU_head.png) no-repeat 0 -32px;
}
h3.title {
font-size: 2.2em;
margin-bottom: .8em;
}
/**
	MENU
**/
ul#menu {
list-style: none;
}
#menu li {
line-height: 0.85em;
}
#menu li a {
display: block;
}
#menu li.book {
font-size: 5.1em;
}
#menu li.agence {
font-size: 3.55em;
letter-spacing: 1px;
}
#menu li.publications {
font-size: 2em;
position: relative;
z-index: 6;
}
#menu li.news {
font-size: 5.2em;
}
#menu li.projets {
font-size: 3.3em;
}
#menu li.agence ul a.current, #menu li.news ul a.current, #menu li.projets ul a.current {
color: #a5a5a5;
}
#menu ul {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 223px;
left: 248px;
font-size: 16px;
letter-spacing: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: inline;
font-weight: bold;
padding: 4px;
}
/**
	COLONNE
**/
.small {
font-size: .8em;
}
div#colonne {
width: 225px;
float: left;
text-align: right;
padding: 1em 1em 1em 0;
margin: 90px 0 0;
}
#colonne p {
margin: 15px 3px 0 0;
}
#colonne dt {
font-size: .9em;
margin: .5em 0;
}
#colonne dt.cur {
color: #bbb;
padding: .4em .3em .4em 0;
}
#colonne dt.cur:hover {
font-style: italic;
}
#colonne dt a {
display: block;
padding: .4em .3em .4em 0;
}
.fichtech {
display: none;
text-align: left;
font-size: .9em;
padding: .6em;
color: #fff;
background: url(./../img/alphaBG.png);
}
.fichtech img {
border: 1px solid #000;
float: left;
margin-right: 1em;
}
.fichtech br, br.norm {
clear: none;
}
#proj dd.fichtech {
width: 270px;
}
dd.fichtech {
position: absolute;
left: 238px;
top: 110px;
}
div.fichtech {
width: 235px;
background: #000;
cursor: pointer;
border: 1px solid #e5e5e5;
padding: .7em;
position: absolute;
right: 250px;
top: 250px;
}
/**
	CONTENT
**/
div#content {
width: 730px;
float: left;
padding: 13px 14px 0;
margin-top: 40px;
}
#content dl {
font-size: 1.1em;
}
img.bordered {
border: 1px solid #000;
}
.thumb-R {
float: right;
margin: .5em;
}
.thumb-R2 {
float: right;
z-index: -1;
margin: -55px -7px .5em .5em;
}
.thumb-L {
float: left;
margin: .5em;
}
.thumb-UR {
position: absolute;
top: -130px; right: 25px;
}
#big_div {
cursor: pointer;
padding: 0 0 10px;
background: #000;
position: absolute;
top: 0px;
left: 20px;
z-index: 20;
}
#big_div p {
padding: 8px 0 0 10px;
font-size: .9em;
color: #ccc;/* 
background: url(./../img/close.gif) no-repeat bottom right; */
}
/**
	PROJETS
**/
h3.logements, h3.mixite, h3.hospitalier, h3.bureaux, h3.urbanisme, h3.culture, h3.enseignement, h3.contact, h3.cv, h3.people, h3.manifeste, h3.jobs, h3.friends {
margin-left: 100px;
line-height: 0.85em;
width: 293px;
}
#proj #content h3 a:hover, #proj #content h3 a:focus, #agence #content h3 a:hover, #agence #content h3 a:focus {
color: #fff;
}
#content h3.logements {
font-size: 3.45em;
z-index: 4;
}
#content h3.mixite {
font-size: 6.15em;
}
#content h3.hospitalier {
font-size: 3.2em;
z-index: 4;
}
#content h3.bureaux {
font-size: 4.35em;
}
#content h3.urbanisme {
font-size: 3.55em;
}
#content h3.culture {
font-size: 4.5em;
}
#content h3.enseignement {
font-size: 2.5em;
letter-spacing: 2px;
}
p.legend {
text-align: center;
font-style: italic;
letter-spacing: 2px;
}
ul#numlist {
font-size: 2.2em;
list-style: none;
margin: .5em 0 1em;
text-align: center;
line-height: 1.5em;
}
#numlist li {
display: inline;
float: left;
margin-right: 5px;
}
#numlist li a, #numlist li.curr {
padding: 4px 13px 3px;
}
#numlist li a {
display: block;
background: url(./../img/numlist2.gif) no-repeat 0 -63px;
}
#numlist li a:hover, #numlist li a:focus {
color: #fff;
background: url(./../img/numlist2.gif) no-repeat 0 -123px;
}
#numlist li.curr, #numlist li.txt.curr {
color: #999;
background: url(./../img/numlist2.gif) no-repeat;
}
#numlist li.txt {/* 
padding: 5px 10px 2px; */
}
#numlist img {
border: none;
}
#numlist li#num-last { background:none; float:none; }
/**
	NEWS
**/
#news a:hover img, #news a:focus img {
border-color: #015AFF;
}
div.news {
margin-bottom: 1em;
}
div.news a {
color: #015AFF;
}
div.news a:hover, div.news a:focus {
text-decoration: underline;
}
div.news h3 a {
color: #000;
}
div.news h3 a:hover, div.news h3 a:focus {
color: #015AFF;
text-decoration: none;
}
#news p.date {
margin: -2px 0 1.5em;
}
/**
	PUBLICATIONS
**/
#publi a:hover img, #publi a:focus img {
border-color: #30FF00;
}
#publi h3 a:hover, #publi h3 a:focus {
color: #30FF00;
}
#publi h3 {
width: 535px;
}
#publi #projtit a:hover, #publi #projtit a:focus {
color: #30FF00;
}
/**
	AGENCE
**/
#content h3.contact {
font-size: 4.45em;
}
#content h3.cv {
font-size: 6.8em;
}
#content h3.people {
font-size: 5.5em;
}
#content h3.manifeste {
font-size: 3.7em;
z-index: 8;
}
#content h3.jobs {
font-size: 5.7em;
text-align: right;
}
#content h3.friends {
font-size: 4.95em;
}
#agence a:hover img, #agence a:focus img {
border-color: #FF00FC;
}
#agence .notice {
color: #FF00FC;
}
ul#people {
list-style: none;
font-size: 1.1em;
}
ul#people li {
padding: 35px 10px 0 50px;
height: 75px;
width: 290px;
float: left;
}
ul#people li.girl {
background: url(./../content/agence/girl.gif) no-repeat left;
}
ul#people li.boy {
background: url(./../content/agence/boy.gif) no-repeat left;
}
#friends dl {
margin: 1.2em;
}
#friends dt {
margin: .5em 0 .1em;
}
#friends dt a {
color: #68A6EF;
}
#friends dt a:hover, #friends dt a:focus {
color: #FFC03F;
}
#friends dd {
margin: .1em 1.5em .5em;
}
/**
	FOOTER
**/
br {clear:both;}
#footer {
position: relative;
clear:both;
font-size: 0.8em;
color: #858585;
letter-spacing: 2px;
text-align: right;
padding: .8em 1.2em 1em 0;
margin-top: 200px;
}
address {
margin: 0; padding: 0;
}