@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------- */
/* CHAPITRES -- POSITIONNEMENT GENERAL DES BLOCS & CONTENU DES PROJETS */
/* ------------------------------------------------------------------- */

/* ------------------- */
/* CONTENEUR PRINCIPAL */
/* ------------------- */
div#chapitre {position:relative;width:1026px;height:720px;top:30px;margin-left:auto;margin-right:auto;text-align:left;background:transparent url(../images/chapitres/arbre_chapitre.png) no-repeat center bottom;}

/* ---------------- */
/* TITRE DE CHAPITRE*/
/* --------------- */
p#titre {position:absolute;top:0px;left:165px;width:300px;height:15px;font-size:.8em;font-weight:bold;}
	
	/* TITRES couleurs */
	.titre_projets {color:#00662C;}
	.titre_eco {color:#00662C;}
	.titre_restau {color:#F29400;}
	.titre_reno {color:#FDC400;}
	.titre_concours {color:#28A22D;}
	.titre_inspi {color:#B90618;}
	.titre_liens {color:#E85412;}
	.titre_chrono, .titre_team, .titre_contact, .titre_publications, .titre_archives {color:#B90618;}


/* ----------------- */
/* CHOIX DES LANGUES */
/* ----------------- */
ul#lang {position:absolute;top:0px;left:720px;width:220px;height:15px;list-style:none;font-size:.7em;text-align:right;}
ul#lang li {display:inline;color:#666;}
ul#lang li a {text-decoration:none;}
ul#lang li a:link, ul#lang li a:visited, ul#lang li a:hover, ul#lang li a:active {color:#B90618;}
ul#lang li a:hover, ul#lang li a:active {color:#B90618;}


/* ------------------ */
/* NAVIGATION DU HAUT */
/* ------------------ */
#nav {position:absolute;top:40px;left:167px;width:805px;height:15px;font-size:9px;text-align:left;}
#nav li {display:inline;}
#nav li a {text-decoration:none;}


	/* NAVIGATION DU HAUT couleurs des liens */
	.nav_projets a {color:#00662C;}
	.nav_projets a:link, .nav_projets a:visited, .nav_projets a:hover, .nav_projets a:active {color:#666;}
	.nav_projets a:hover, .nav_projets a:active {color:#00662C;}
	.nav_eco a {color:#00662C;}
	.nav_eco a:link, .nav_eco a:visited {color:#666;}
	.nav_eco a:hover, .nav_eco a:active {color:#00662C;}
	.nav_restau a {color:#F29400;}
	.nav_restau a:link, .nav_restau a:visited {color:#666;}
	.nav_restau a:hover, .nav_restau a:active {color:#F29400;}
	.nav_reno a {color:#FDC400;}
	.nav_reno a:link, .nav_reno a:visited {color:#666;}
	.nav_reno a:hover, .nav_reno a:active {color:#FDC400;}
	.nav_concours a {color:#28A22D;}
	.nav_concours a:link, .nav_concours a:visited {color:#666;}
	.nav_concours a:hover, .nav_concours a:active {color:#28A22D;}
	.nav_inspi a {color:#B90618;}
	.nav_inspi a:link, .nav_inspi a:visited {color:#666;}
	.nav_inspi a:hover, .nav_inspi a:active {color:#B90618;}
	.nav_liens a {color:#E85412;}
	.nav_liens a:link, .nav_liens a:visited {color:#666;}
	.nav_liens a:hover, .nav_liens a:active {color:#E85412;}


/* --------------------------------------------------------------------------------------------- */
/* CONTENEUR IMAGE DE FOND (LIGNES COUlEURS, FOND BLANC), IMAGES, PHOTOS, NAV DROITE et CITATION */
/* --------------------------------------------------------------------------------------------- */
div#fond {position:absolute;top:60px;left:165px;width:775px;height:460px;}

	/* FONDS background */
	.fond_projets {background:transparent url(../images/chapitres/bestoff/ligne_top.jpg) no-repeat top left;}
	.fond_eco {background:transparent url(../images/chapitres/ecoconstruction/ligne_top.jpg) no-repeat top left;}
	.fond_restau {background:transparent url(../images/chapitres/restauration/ligne_top.jpg) no-repeat top left;}
	.fond_reno {background:transparent url(../images/chapitres/modernisation/ligne_top.jpg) no-repeat top left;}
	.fond_concours {background:transparent url(../images/chapitres/concours/ligne_top.jpg) no-repeat top left;}
	.fond_inspi {background:transparent url(../images/chapitres/inspirations/ligne_top.jpg) no-repeat top left;}
	.fond_liens {background:transparent url(../images/chapitres/liens/ligne_top.jpg) no-repeat top left;}
	
	
	
	/* ------------------------------------ */
	/* CADRE & SOUS-CADRE DU TEXTE & PHOTOS */
	/* ------------------------------------ */
	div#cadre {position:absolute;top:15px;left:0px;width:640px;height:365px;overflow:scroll;overflow-x:hidden;background-color:#FFF;}
	
	.sous_cadre {position:relative;float:left;margin:0px 0px 10px 10px;width:195px;height:354px;border-bottom:1px dotted #666;}
	
		.photo {position:absolute;top:0px;width:195px;height:130px;;overflow:hidden;}
		
		.titre {position:absolute;top:145px;width:195px;padding-top:3px;padding-bottom:3px;font-size:.7em;text-align:center;color:#333;background-color:#CCC;}
		
		.texte {position:absolute;top:175px;left:5px;width:185px;text-align:justify;font-size:.7em;line-height:1.2em;}
		
		/* EN SAVOIR + */
		
		.link {display:block;color:#B90618;text-align:right;margin-top:10px;}
		.link a {text-decoration:none;pointer:cursor;}
		.link a:link, .link a:visited, .link a:hover, .link a:active {color:#B90618;}
		.link li a:hover, .link a:active {color:#B90618;}


	/* ------- */
	/* PROJETS */
	/* ------- */
	
	h4 {font-weight:normal;margin-left:15px;margin-top:2px;}
	.retour {position:absolute;top:2px;width:250px;left:360px;font-size:.62em;text-align:right;color:#B90618;}
	.retour a {text-decoration:none;}
	.retour a:link, .retour a:visited, .retour a:hover, .retour a:active {color:#B90618;}
	.retour li a:hover, .retour a:active {color:#B90618;}
	.details {position:relative;margin-top:30px;text-align:justify;font-size:.7em;padding-right:10px;margin-left:15px;}
	
	div#photos {position:relative;margin-top:40px;margin-left:15px;}
	div#photos img {width:120px;height:80px;border:0px;}
	a img {margin-right:28px;margin-bottom:15px;}
	.a_p {font-size:.7em;margin-bottom:15px;}
	
	/* -------------------- */
	/* NAVIGATION DE DROITE */
	/* -------------------- */
	ul#nav_droite {position:absolute;top:15px;left:655px;width:120px;height:100px;list-style:none;font-size:10px;text-align:right;line-height:1.8em;color:#B90618;}
	ul#nav_droite li a {text-decoration:none;}

		/* NAV DE DROITE couleurs des liens */
		ul#nav_droite li a:link, ul#nav_droite li a:visited, ul#nav_droite li a:hover, ul#nav_droite li a:active {color:#666;}
		ul#nav_droite li a:hover, ul#nav_droite li a:active {color:#B90618;}

	
	
	/* -------- */
	/* CITATION */
	/* --------   pour la mise en page, voir citations.css */
	div#citation {position:absolute;top:380px;left:0px;width:625px;height:80px;background:#FFF url(../images/chapitres/citation_top.jpg) no-repeat top left;}
	div#citation p {padding:12px 15px 0px 15px;font-size:.7em;font-weight:bold;text-align:justify;line-height:1.2em;}
	#cit_barre {position:absolute;top:454px;left:0px;width:625px;height:6px;}


#barre_projet {position:absolute;top:380px;left:0px;width:625px;height:6px;}


/* -------------- */
/* LOGO & ADRESSE */
/* -------------- */
div#adresse {position:absolute;top:510px;left:50px;width:610px;height:200px;}


/* ------------- */
/* LOGO MINERGIE */
/* ------------- */
div#minergie {position:absolute;top:680px;left:860px;width:60px;height:10px;}

.liste_liens {position:absolute;text-align:left;font-size:.7em;top:30px;left:15px;}
.liste_liens a:link, .liste_liens a:visited, .liste_liens a:hover, .liste_liens a:active {color:#B90618;text-decoration:none;}
.liste_liens a:hover, .liste_liens a:active {color:#B90618;}