@charset "utf-8";
/* CSS Document
	Site      : architude.eu
	Author    : Philippe MATHIEU
	Copyright : 2008 Architude
*/

/*  _____________________
   | ELEMENTS GENERIQUES |========================================================================
*/
body {background:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#B1ACA9;}
* {margin:0px;padding:0px;text-decoration:none;}
* a, * a:hover, * a:active {text-decoration:none;border:none;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
img {border:none;}
p {text-align:justify;margin:5px;}
ul {display:block;}
ul li {display:block;}

.hidden {visibility:hidden;}
.clear {clear:both;}

.vspace3 {height:3px;;font-size:0px;}
.vspace7 {height:7px;;font-size:0px;}
.vspace8 {height:8px;;font-size:0px;}

.hspace12 {float:left;width:12px;height:1px;}
/* ----- */


/*                        ______
   ===================== | TYPO | ================================================================
*/
/* --- Commun --- */
.titreParargraphe {height:16px;background:url(/css/images/titreParagrapheIcon.gif) no-repeat 0px 0px;padding-left:30px;padding-top:2px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#F90;margin:20px 0px 10px 13px;}
.titreSection {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#595F55;}
.texte {padding:0px;text-align:justify;color:#595F55;}

/* --- Menu ---*/
#home, #home a, #home a:hover, #home a:active {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#333;}
#etcHome, #etcHome a, #etcHome a:hover, #etcHome a:active {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;color:#333;}

/* --- Home Page --- */
#entree, #entree a, #entree a:hover, #entree a:active {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#FFF;}
#etc, #etc a, #etc a:hover, #etc a:active {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;color:#FFF;}
#copyrightHomePage {font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;color:#333;}

/* --- Agence --- */
.prenom, .prenom * {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#F90;}
.role, .role * {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:normal;color:#595F55;}

/* --- Contact --- */
.adresse {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#595f55;}
.mail {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#F90;text-align:right;}
.mail a, .mail a:hover, .mail a:active {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#F90;border-bottom:#F90 1px dashed;}

/* --- Projets --- */
.titreParargrapheProjets {height:16px;background:url(/css/images/titreParagrapheIcon.gif) no-repeat 0px 0px;padding-left:30px;padding-top:2px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#F90;margin:0px 0px 5px 13px;}
.detailParagrapheProjets {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#595f55;text-align:justify;}
.lienParagrapheProjets {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;text-align:right;color:#F90;position:relative;left:-5px;}
.lienParagrapheProjets a, .lienParagrapheProjets a:hover, .lienParagrapheProjets a:active {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#F90;border-bottom:#F90 1px dashed;color:#F90;}
/* ----- */


/*                               _____________________
   ============================ | ELEMENTS GRAPHIQUES | ==========================================
*/
#logoArchitude {width:236px;;height:71px;background:url(/css/images/logoArchitude.jpg) no-repeat 0px 0px;}
#homePageShadow {width:352px;height:415px;background:url(/css/images/homePageShadow.jpg) no-repeat 0px 0px;}
#homePageArchitude {width:113px;height:27px;background:url(/css/images/homPageArchitude.jpg) no-repeat 0px 0px;}

#menu ul, #menu ul li {display:inline;}
.sortieOff a {width:85px;height:25px;background:url(/css/images/menuSortieOff.jpg) no-repeat 0px 0px;float:left;}
.sortieOn a {width:85px;height:25px;background:url(/css/images/menuSortieOn.jpg) no-repeat 0px 0px;float:left;}
.sortieOff a:hover, .sortieOff a:active, .sortieOn a:hover, .sortieOn a:active {width:85px;height:25px;background:url(/css/images/menuSortieOver.jpg) no-repeat 0px 0px;float:left;}
.espace {width:26px;height:25px;float:left;}
.agenceOff a {width:85px;height:25px;background:url(/css/images/menuAgenceOff.jpg) no-repeat 0px 0px;float:left;}
.agenceOn a {width:85px;height:25px;background:url(/css/images/menuAgenceOn.jpg) no-repeat 0px 0px;float:left;}
.agenceOff a:hover, .agenceOff a:active, .agenceOn a:hover, .agenceOn a:active {width:85px;height:25px;background:url(/css/images/menuAgenceOver.jpg) no-repeat 0px 0px;float:left;}
.projetsOff a {width:85px;height:25px;background:url(/css/images/menuProjetsOff.jpg) no-repeat 0px 0px;float:left;}
.projetsOn a {width:85px;height:25px;background:url(/css/images/menuProjetsOn.jpg) no-repeat 0px 0px;float:left;}
.projetsOff a:hover, .projetsOff a:active, .projetsOn a:hover, .projetsOn a:active {width:85px;height:25px;background:url(/css/images/menuProjetsOver.jpg) no-repeat 0px 0px;float:left;}
.contactOff a {width:85px;height:25px;background:url(/css/images/menuContactOff.jpg) no-repeat 0px 0px;float:left;}
.contactOn a {width:85px;height:25px;background:url(/css/images/menuContactOn.jpg) no-repeat 0px 0px;float:left;}
.contactOff a:hover, .contactOff a:active, .contactOn a:hover, .contactOn a:active {width:85px;height:25px;background:url(/css/images/menuContactOver.jpg) no-repeat 0px 0px;float:left;}
.presseOff a {width:85px;height:25px;background:url(/css/images/menuPresseOff.jpg) no-repeat 0px 0px;float:left;}
.presseOn a {width:85px;height:25px;background:url(/css/images/menuPresseOn.jpg) no-repeat 0px 0px;float:left;}
.presseOff a:hover, .presseOff a:active, .presseOn a:hover, .presseOn a:active {width:85px;height:25px;background:url(/css/images/menuPresseOver.jpg) no-repeat 0px 0px;float:left;}

#agenceIconGuillaume {width:52px;height:52px;background:url(/css/images/agenceIconGuillaume.jpg) no-repeat 0px 0px;}
#agenceIconLaurence {width:52px;height:52px;background:url(/css/images/agenceIconLaurence.jpg) no-repeat 0px 0px;}
#agenceIconStephen {width:52px;height:52px;background:url(/css/images/agenceIconStephen.jpg) no-repeat 0px 0px;}
#agencePhotoDroite {width:499px;height:383px;background:url(/css/images/agencePicRight.jpg) no-repeat 0px 0px;}
#contactPhotoGauche {width:346px;height:259px;background:url(/css/images/contactPicLeft.jpg) no-repeat 0px 0px;}
#contactPhotoDroite {width:841px;height:259px;background:url(/css/images/contactPicRight.jpg) no-repeat 0px 0px;}
#projetsPhotoDroite {width:832px;height:259px;background:url(/css/images/projetsPicRight.jpg) no-repeat 0px 0px;}
#pressePhotoDroite {width:454px;height:259px;background:url(/css/images/pressePicRight.jpg) no-repeat 0px 0px;}
/* ----- */


/*                                                     ___________________
   ================================================== | ZONES D'AFFICHAGE | ======================
*/
#wrapper {width:90%;height:auto;position:relative;top:12px;left:5%;}
#header {width:100%;height:130px;}
#footer {width:100%;height:80px;}

#logo {width:236px;height:71px;position:relative;left:52px;top:30px;}
#menu {width:inherit;height:80px;}
#board {width:100%;position:relative;left:0px;top:0px;overflow:hidden;}

/* --- Home Page --- */
#homePageBody {background:#F90;}
#homePageWrapper {width:730px;height:415px;position:relative;top:30px;left:50%;margin-left:-365px;}
#homePagePanel {float:left;width:730px;}
#homePagePic {float:left;width:352px;height:415px;position:relative;top:0px;left:0px;}
#homePageUnderline {float:left;width:265px;height:0px;position:relative;top:414px;border-bottom:#000 1px solid;}
#homePageTitle {float:left;width:113px;height:27px;position:relative;top:388px;}
#homePageEntree {width:90%;height:auto;position:relative;top:60px;left:5%;text-align:right;}
#homepageCopyright {width:210px;height:10px;position:relative;left:85px;top:0px;}
#zoneLogoDuCote {position:absolute;top:33px;left:612px;width:103px;height:66px;background:url(/css/images/duCoteDeChezVous.png) no-repeat 0px 0px;}
#zoneLogoLeroyMerlin {position:absolute;top:103px;left:633px;width:78px;height:42px;background:url(/css/images/leroyMerlin.png) no-repeat 0px 0px;}
#zoneLogoFrance3 {position:absolute;top:264px;left:644px;width:28px;height:43px;background:url(/css/images/france3.png) no-repeat 0px 0px;}
#zoneSDB {position:absolute;top:89px;left:484px;width:139px;height:108px;background:url(/css/images/miniSDB.png) no-repeat 0px 0px;}
#zoneGrange {position:absolute;top:89px;left:336px;width:139px;height:108px;background:url(/css/images/miniGrange.png) no-repeat 0px 0px;}
#zoneF3 {position:absolute;top:235px;left:484px;width:139px;height:108px;background:url(/css/images/miniF3.png) no-repeat 0px 0px;}
.zonePlay {position:relative;top:28px;left:48px;width:45px;height:45px;background:url(/css/images/playerOff.png) no-repeat 0px 0px;}
.zonePlay a {position:absolute;top:0px;left:0px;width:45px;height:45px;}
.zonePlay a:active, .zonePlay a:hover {background:url(/css/images/playerOn.png) no-repeat 0px 0px;}
.imgPlay {width:45px;height:45px;border:none;}


/* --- Videos --- */
#bandeauVideo {position:absolute;top:0px;left:0px;width:690px;height:110px;background:url(/css/images/bandeauVideo.png) no-repeat 0px 0px;}
#bandeauVideoF3 {position:absolute;top:0px;left:0px;width:690px;height:110px;background:url(/css/images/bandeauVideoF3.png) no-repeat 0px 0px;}
#videoVideo {position:absolute;top:135px;left:10px;width:320px;height:280px;}
#detailVideo {position:absolute;top:135px;left:350px;width:320px;height:280px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000;text-align:justify;}
#footerVideo {position:absolute;top:430px;left:10px;width:400px;height:auto;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000;text-align:justify;}
#architudeVideo {position:absolute;top:400px;left:470px;width:200px;height:60px;background:url(/css/images/logoArchitudeVideo.jpg) no-repeat 0px 0px;}


/* --- Commun --- */
	#board #commonBoard {position:relative;top:0px;left:0px;width:inherit;height:266px;}
	#board #commonBoard #zoneGauche {position:absolute;top:0px;left:0px;width:346px;height:262px;}
	#board #commonBoard #zoneCentre {position:absolute;top:0px;left:360px;width:194px;height:266px;background:url(/css/images/card.jpg) no-repeat 0px 0px;}
	#board #commonBoard #zoneDroite {position:absolute;top:0px;left:565px;width:auto;height:266px;overflow:hidden;}

	
/* --- Agence --- */
	#listeEquipe {position:relative;top:20px;left:35px;width:114px;height:inherit;}
		#listeEquipe #titre {width:inherit;height:35px;text-align:center;}
		#listeEquipe .element {width:114px;height:66px;}
			#listeEquipe .element .elementImpair {float:left;width:62px;text-align:right;}
			#listeEquipe .element .elementPair {float:left;width:62px;text-align:left;}
			#listeEquipe .element .elementIcon {float:left;width:52px;height:52px;}
	#detailAgence {position:relative;top:0px;left:0px;width:346px;height:262px;border:#F1EFE2 1px solid;overflow:auto;}
	#photosAgence {float:left;width:auto;height:383px;overflow:hidden;}
	
/* --- Contact --- */
	#adresses {position:relative;top:5px;left:7px;width:185px;height:inherit;}
		#adresses #titre {width:inherit;height:auto;text-align:center;}

/* --- Projets --- */
	#zoneRehabilitation {position:absolute;top:0px;left:2px;width:82px;height:125px;background:url(/css/images/projets/IconRehabilitation.jpg) no-repeat 0px 0px;}
	#zoneVin {position:absolute;top:0px;left:89px;width:82px;height:125px;}
	#zoneIndustrie {position:absolute;top:0px;left:176px;width:82px;height:125px;}
	#zoneLogement {position:absolute;top:0px;left:263px;width:82px;height:125px;}
	#zoneTertiaire {position:absolute;top:130px;left:2px;width:82px;height:125px;}
	#zoneEquipement {position:absolute;top:130px;left:89px;width:82px;height:125px;}
	#zoneAgencement {position:absolute;top:130px;left:176px;width:82px;height:125px;}
	#zoneUrbanisme {position:absolute;top:130px;left:263px;width:82px;height:125px;}
	
	.zoneIconeTheme {position:absolute;top:0px;left:0px;width:82px;height:82px;}
	.zoneIconeTheme a {border:none;}
	
	.zoneLibelTheme {position:absolute;top:88px;left:0px;width:82px;height:37px;text-align:center;color:#595F55;}
	.zoneLibelTheme a, .zoneLibelTheme a:active, .zoneLibelTheme a:hover {text-decoration:none;color:#595F55;}
	
	#accueil, #rehabilitation, #vin, #industrie, #logement, #tertiaire, #equipement, #agencement, #urbanisme {position:relative;top:20px;left:9px;width:181px;height:inherit;overflow:hidden;}

/* --- Presse --- */
	#zoneAtrium1 {position:absolute;top:0px;left:2px;width:82px;height:125px;background:url(/css/images/projets/IconRehabilitation.jpg) no-repeat 0px 0px;}
	#zoneJournalPalais1 {position:absolute;top:0px;left:89px;width:82px;height:125px;}
	#zoneMT1 {position:absolute;top:0px;left:176px;width:82px;height:125px;}
	#zoneBatir1 {position:absolute;top:0px;left:263px;width:82px;height:125px;}
	#zoneBienPublic1 {position:absolute;top:130px;left:2px;width:82px;height:125px;}
	#zoneAtrium2 {position:absolute;top:130px;left:89px;width:82px;height:125px;}
	#zoneMT2 {position:absolute;top:130px;left:176px;width:82px;height:125px;}
	#zone8 {position:absolute;top:130px;left:263px;width:82px;height:125px;}
	
	.zoneIconeTheme {position:absolute;top:0px;left:0px;width:82px;height:82px;}
	.zoneIconeTheme a {border:none;}
	
	.zoneLibelTheme {position:absolute;top:88px;left:0px;width:82px;height:37px;text-align:center;color:#595F55;}
	.zoneLibelTheme a, .zoneLibelTheme a:active, .zoneLibelTheme a:hover {text-decoration:none;color:#595F55;}
	
	#accueilpresse, #atrium1, #journalpalais1, #mt1, #batir1, #bienpublic1, #atrium2, #mt2 {position:relative;top:20px;left:9px;width:181px;height:inherit;overflow:hidden;}

/* --- Projets & Presse --- */
	.zoneDownload {position:relative;top:10px;left:10px;width:185px;height:auto;}
	.libelDownload, .iconDownload {float:left;}
	.libelDownload {position:relative;top:-3px;left:0px;}
	
/* ----- */


/*                                                                         ______________________
   ====================================================================== | ELEMENTS SPECIFIQUES |
*/
.grayLine {width:100%;height:1px;border-bottom:#CCC 1px solid;}
.agenceLinkIcon {width:52px;height:52px;}
.elementsMenu {width:500px;height:25px;position:relative;top:27px;}
.copyright {width:100%;text-align:right;}
/* ----- */




/*      _______
   === | TESTS |
*/