/******** INFORMATIONS PRINCIPALES ********/
/*

COULEURS

TYPO

SITE
1018x720px

*/




/**************************************************************************************************************************/
/* RESET ******************************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,del, dfn, font, img, ins, kbd, 
samp, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	/**** Remember to define focus styles! ****/
	:focus {outline: 0;}
	body { line-height: 1.4em; color: black; background: white; }
	ul { list-style: none; }
	
	/**** tables still need 'cellspacing="0"' in the markup ****/
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }




/**************************************************************************************************************************/
/* XHTML GENERAL **********************************************************************************************************/

html { font-size: 13px; }
body  { background: #f9f9f9; text-align: left; font-family: Arial, sans-serif; font-size: 100%; color: #6a5d54;
letter-spacing: 0.06em; line-height: 19px; }

	h1 { font-size: 16px; font-weight: normal; color: #c3b400; margin: 0; padding: 0 0 8px 0; text-transform: uppercase; }
	.contact-zone1 h1, .contact-zone3 h1 { margin: 0; padding: 0; text-transform: uppercase; }
	
	h2 { font-size: 14px; font-weight: bold; color: #6a5d54; margin: 0; padding: 20px 0 4px 0; text-transform: none; }
	.rea-galerie-z1 h2 { font-size: 16px; font-weight: normal; color: #c3b400; margin: 0; padding: 0; text-transform: none; }
	.z-etud h2, .zoom-galerie-z1 h2 { font-size: 16px; font-weight: normal; color: #c3b400; margin: 0; padding: 0; text-transform: uppercase; }
	.contact-zone1 h2, .contact-zone3 h2 { margin: 0 0 10px 0; padding: 0; }
	
	h3 { font-size: 12px; font-weight: normal; color: #6a5d54; margin: 0; padding: 5px 0 5px 0; text-transform: uppercase; }
	.rea-galerie-z1 h3 { font-size: 14px; font-weight: bold; color: #6a5d54; margin: 6px 0 0 0; padding: 0; text-transform: none; }
	.contact-zone1 h3, .contact-zone3 h3 { margin: 10px 0 10px 0; padding: 0; }

p { margin: 0; padding: 0; font-size: 13px; }
	p br { margin: 0; padding: 0; line-height: 3px; }
	.agence-zone2 p br { margin: 0; padding: 0; line-height: 11px; }
	.rea-galerie-z1 p br { margin: 0; padding: 0; line-height: 10px; }
	.txt-petit { font-size: 11px; line-height: 14px; margin: 10px 0; padding: 0; letter-spacing: 0.08em; }

a {	color: #6a5d54; text-decoration: none;}
	a:hover { color: #6a5d54; text-decoration: underline; }

table { }
	tr { }
	th { color: #ffffff; background-color: #a1be64; line-height: 2em; padding: 3px; font-weight: bold; text-transform: uppercase;
	border: 1px solid #ffffff; }
	th a, th a:hover { text-transform: none; color: #ffffff; text-decoration: underline; }
	td { padding: 5px; line-height: 1.4em; border: 1px solid #ffffff; }

form { }
	form img {vertical-align: middle;}
	input { color:#000000; font-size: 1em; margin: 4px 0; vertical-align: middle; }
	select, option { color:#000000; font-size: 1em; padding-left: 4px;}
	textarea { color:#000000; font-size: 1em; margin: 6px 0;}

ul { list-style: disc; margin: 0; padding: 0; }
	li { margin: 2px 0 0 16px; padding: 0; }




/**************************************************************************************************************************/
/* CLASSES GENERALES*******************************************************************************************************/

.clearfloat { clear: both;}
.espace {}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.txt-italique { font-style: italic; }
.txt-capital {text-transform: uppercase; }
.txt-gras { font-weight: bold; }
.txt-raye { text-decoration: line-through; }
.txt-souligne { text-decoration: underline !important; }
.txt-normal { font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none;
text-transform: none; }

.nobr { white-space: nowrap; }
.overflow-hide { overflow: hidden; height: 1%;}
.nodisplay { display: none;}

.separ {}




/**************************************************************************************************************************/
/* STRUCTURE / ARMATURE ***************************************************************************************************/

#enveloppe-page { position: relative; width: 928px; height: 670px; margin: 24px auto 0; padding: 30px 60px 30px 30px;
border: 1px solid #d3d4c4; background-color: #ffffff; }
	
	#conteneur { display: block; position: relative; width: 100%; height: 100%; }
		
		#contenu { position: relative; }
			
			
			/**** ENTETE ****/
			#entete { position: absolute; width: 495px; height: 95px; margin: 0; padding: 0; top: 0; left: 0; }
				#entete h1 { text-decoration: none; border: none; text-transform: none; background: none; text-indent: -5000px; }
				#entete .accueil1 { position: absolute; width: 71px; height: 25px; top: 0; left: 0; }
				#entete .accueil2 { position: absolute; width: 120px; height: 36px; top: -10px; left: 0; }
				#entete .agence1 { position: absolute; width: 80px; height: 20px; top: 2px; left: 202px; }
				#entete .agence2 { position: absolute; width: 131px; height: 36px; top: 2px; left: 149px; }
				#entete .projet1 { position: absolute; width: 178px; height: 20px; top: 37px; left: 280px; }
				#entete .projet2 { position: absolute; width: 380px; height: 36px; top: 22px; left: 111px; }
				#entete .rea1 { position: absolute; width: 79px; height: 20px; top: 62px; left: 151px; }
				#entete .rea2 { position: absolute; width: 169px; height: 36px; top: 57px; left: 151px; }
				#entete .zoom1 { position: absolute; width: 80px; height: 20px; top: 73px; left: 416px; }
				#entete .zoom2 { position: absolute; width: 128px; height: 36px; top: 56px; left: 360px; }
			
			
			
			/**** HOME ****/
				
				#home { margin: 0; padding: 0; }
					#home ul { margin: 0; padding: 0; list-style: none; }
					#home li { margin: 0; padding: 0; }
				
				/* Photo 1 */
				.home-zone1 { position: absolute; width: 408px; height: 293px; margin: 0; padding: 0; top: 108px; left: 258px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Photo 2 */
				.home-zone2 { position: absolute; width: 184px; height: 169px; margin: 0; padding: 0; top: 406px; left: 258px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Photo 3 */
				.home-zone3 { position: absolute; width: 219px; height: 169px; margin: 0; padding: 0; top: 406px; left: 447px; 
				overflow: hidden; /*background: #d3d4c4;*/ } 
				
				/* Photo 4*/
				.home-zone4 { position: absolute; width: 255px; height: 408px; margin: 0; padding: 0; top: 50px; left: 671px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Photo 5 */
				.home-zone5 { position: absolute; width: 255px; height: 180px; margin: 0; padding: 0; top: 463px; left: 671px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
			
			
			
			/**** PAGE AGENCE ****/
				
				#agence { margin: 0; padding: 0; }
				
				/* Texte de présentation */
				.agence-zone1 { position: absolute; width: 319px; height: 295px; margin: 0; padding: 0; top: 108px; left: 199px; 
				overflow: hidden; font-size: 12px; line-height: 17px; /*background: #d3d4c4;*/ }
				
				/* Fil rouge */
				.agence-zone2 { position: absolute; width: 195px; height: 220px; margin: 0; padding: 0; top: 294px; left: 0; 
				overflow: hidden; font-size: 12px; /*background: #d3d4c4;*/ }
				
				/* Petites photos */
				.agence-zone3 { position: absolute; width: 319px; height: 194px; margin: 0; padding: 0; top: 408px; left: 200px; 
				overflow: hidden; /*background: #d3d4c4;*/ } 
				
				/* Grande photo droite */
				.agence-zone4 { position: absolute; width: 403px; height: 534px; margin: 0; padding: 0; top: 108px; left: 524px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
			
			
			
			/**** PAGE PROJET ****/
				
				#projet { margin: 0; padding: 0; }
				
				/* Grand texte de présentation */
				.projet-zone1 { position: absolute; width: 495px; height: 340px; margin: 0; padding: 0; top: 108px; left: 0; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Texte 2 */
				.projet-zone2 { position: absolute; width: 427px; height: 163px; margin: 0; padding: 0; top: 108px; left: 501px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Photo droite */
				.projet-zone3 { position: absolute; width: 427px; height: 171px; margin: 0; padding: 0; top: 283px; left: 498px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
				
				/* Brande photos bas */
				.projet-zone4 { position: absolute; width: 928px; height: 146px; margin: 0; padding: 0; top: 460px; left: 0; 
				overflow: hidden; /*background: #d3d4c4;*/ }
			
			
			
			/**** PAGES CV ****/
					
				#cv { margin: 0; padding: 0; }
					
				/* Sous menus */
				.cv-zone0 { position: absolute; width: 283px; height: 95px; margin: 0; padding: 0; top: 0; right: 0; 
				overflow: hidden; text-align: right; font-weight: normal; color: c3b400; font-size: 14px; line-height: 26px; 
				letter-spacing: normal; /*background: #d3d4c4;*/ }
					.cv-zone0 a { font-weight: normal; color: #c3b400; text-decoration: none; }
					.cv-zone0 a:hover { font-weight: normal; color: #c3b400; text-decoration: underline; }
							
				/* Colonnes */
				.cv-zone1 { position: absolute; width: 446px; height: 490px; margin: 0; padding: 0; top: 108px; left: 0; 
				overflow: hidden; /*background: #d3d4c4;*/ }
					.cv-zone1 li, .cv-zone2 li { margin: 6px 0 0 16px; padding: 0; }
				.cv-zone2 { position: absolute; width: 446px; height: 490px; margin: 0; padding: 0; top: 134px; left: 464px; 
				overflow: hidden; /*background: #d3d4c4;*/ }
			
			
			
			/**** PAGES CONTACT et CREDITS ****/
					
				#contact { margin: 0; padding: 0; }
					
				/* Colonnes */
				.contact-zone1 { position: absolute; width: 280px; height: 380px; margin: 0; padding: 10px; top: 140px; left: 0; 
				overflow: hidden; border: 1px solid #d3d4c4; }
				.contact-zone2 { position: absolute; width: 300px; height: 400px; margin: 0; padding: 0; top: 140px; left: 310px; 
				overflow: hidden; border: 1px solid #d3d4c4; text-align: center; }
				.contact-zone3 { position: absolute; width: 280px; height: 380px; margin: 0; padding: 10px; top: 140px; left: 620px; 
				overflow: hidden; border: 1px solid #d3d4c4; }
					.contact-zone3 input { width: 200px; height: 16px; margin: 0 0 4px 0; padding: 4px 2px 2px 2px;
					font-family: Arial, sans-serif; font-size: 12px; color: #6a5d54; background: none; border: 1px solid #b5b5b5; }
					.contact-zone3 textarea { width: 286px; height: 80px; margin: 0 0 4px 0; padding: 4px 2px 2px 2px; 
					font-family: Arial, sans-serif; font-size: 12px; color: #6a5d54; background: none; border: 1px solid #b5b5b5; }
					.contact-zone3 .bouton { width: 70px; height: 26px; margin: 6px 0 0 10px; padding: 0 2px 2px 2px; 
					font-family: Arial, sans-serif; font-size: 12px; color: #6a5d54; letter-spacing: 0.06em; line-height: 20px; 
					float: right; background: #f9f9f9; border: 1px solid #6a5d54; cursor: pointer;}
			
			
			/**** PAGES REALISATIONS ****/
				
			#realisations { margin: 0; padding: 0; }
				
			/* Sous menus */
			.rea-zone0 { position: absolute; width: 290px; height: 96px; margin: 0; padding: 0; top: 0; right: 0; 
			overflow: hidden; text-align: right; color: c3b400; font-size: 14px; letter-spacing: normal; line-height: 18px; }
				.rea-zone0 a { color: #c3b400; text-decoration: none; /*background: #d3d4c4;*/ }
				.rea-zone0 a:hover { color: #c3b400; text-decoration: underline; }
						
			/* Page de garde */
			.rea-zone1 { position: absolute; width: 925px; height: 451px; margin: 0; padding: 0; top: 138px; left: 0; 
			overflow: hidden; /*background: #d3d4c4;*/ }
						
			/* Galeries */
			.rea-galerie-z1 { position: absolute; width: 263px; height: 490px; margin: 0; padding: 0; top: 108px; left: 0; 
			overflow: hidden; /*background: #d3d4c4;*/ }
			.rea-galerie-z2 { position: absolute; width: 659px; height: 350px; margin: 0; padding: 0; top: 108px; left: 267px; 
			overflow: hidden; text-align: right; /*background: #d3d4c4;*/ }
				rea-galerie-z2 img { border: none; border-left: 4px solid #ffffff; height: 350px; }
			.rea-galerie-z3 { position: absolute; width: 659px; height: 182px; margin: 0; padding: 0; top: 463px; right: 2px; 
			overflow: hidden; border: none; text-decoration: none; text-align: right; /*background: #d3d4c4;*/ }
				.rea-galerie-z3 a { display: block; float:right; margin: 0 0 5px 10px; padding: 0; text-decoration: none; }
				.rea-galerie-z3 a.active, .rea-galerie-z3 a:hover { text-decoration: none; }
				.rea-galerie-z3 img { margin: 0; padding: 0; border: 1px solid #a2a489; height: 86px; }
			
			
			
			/**** PAGES ZOOMS ****/
				
			#zoom { margin: 0; padding: 0; }
				
			/* Sous menus */
				.z-zone0 { position: absolute; width: 420px; height: 95px; margin: 0; padding: 0; top: 0; right: 0; 
				overflow: hidden; text-align: right; font-weight: normal; color: c3b400; font-size: 14px; line-height: 26px; 
				letter-spacing: normal; /*background: #d3d4c4;*/ }
					.z-zone0 a { color: #c3b400; text-decoration: none; }
					.z-zone0 a:hover { color: #c3b400; text-decoration: underline; }
						
						
			/* Page de garde */
				
				/* Zoom 1 */
				.z-accueil-z1 { position: absolute; width: 276px; height: 430px; margin: 0; padding: 0; top: 108px; left: -2px; 
				overflow: hidden; border: 1px solid #d3d4c4; }
					.z-accueil-t1 { position: absolute; width: 200px; height: 60px; margin: 0; padding: 0; top: 210px; left: 122px; 
					overflow: hidden; font-size: 18px; color: #809121; }
					.z-accueil-t1 h2,.z-accueil-t1 a, .z-accueil-t1 a:hover 
					{ text-decoration: none; text-transform: none; font-size: 18px; color: #809121; font-weight: normal; 
					margin: 0; padding: 0; }
				
				/* Zoom 2 */
				.z-accueil-z2 { position: absolute; width: 242px; height: 170px; margin: 0; padding: 0; top: 368px; left: 280px; 
				overflow: hidden; border: 1px solid #d3d4c4; }
					.z-accueil-t2 { position: absolute; width: 200px; height: 60px; margin: 0; padding: 0; top: 344px; left: 310px; 
					overflow: hidden; font-size: 18px; color: #c4b400; }
					.z-accueil-t2 h2,.z-accueil-t2 a, .z-accueil-t2 a:hover 
					{ text-decoration: none; text-transform: none; font-size: 18px; color: #c4b400; font-weight: normal; 
					margin: 0; padding: 0; }
				
				/* Zoom 3 */
				.z-accueil-z3 { position: absolute; width: 400px; height: 600px; margin: 0; padding: 0; top: 38px; left: 528px; 
				overflow: hidden; border: 1px solid #d3d4c4; }
					.z-accueil-t3 { position: absolute; width: 200px; height: 60px; margin: 0; padding: 0; top: 60px; right: 40px; 
					overflow: hidden; font-size: 18px; color: #cef0f0; }
					.z-accueil-t3 h2,.z-accueil-t3 a, .z-accueil-t3 a:hover 
					{ text-decoration: none; text-transform: none; font-size: 18px; color: #cef0f0; font-weight: normal; 
					margin: 0; padding: 0; }
				


			/* Zoom chambre d'étudiants */
			.z-etud { position: absolute; width: 497px; height: 20px; margin: 0; padding: 0; top: 108px; left: 0; 
			overflow: hidden; /*background: #d3d4c4;*/ }
			.z-etud-txt { position: absolute; width: 218px; height: 290px; margin: 0; padding: 0 0 8px 0; top: 108px; 
			left: 279px; background: #ffffff; overflow: hidden; }
			.z-etud-z1 { position: absolute; width: 497px; height: 420px; margin: 0; padding: 0; top: 134px; left: 0; 
			overflow: hidden; /*background: #d3d4c4;*/ }
			.z-etud-z2 { position: absolute; width: 218px; height: 218px; margin: 0; padding: 0 0 8px 0; top: 412px; 
			left: 279px; overflow: hidden; /*background: #d3d4c4;*/ }
			.z-etud-z3 { position: absolute; width: 425px; height: 531px; margin: 0; padding: 0; top: 115px; left: 502px; 
			overflow: hidden; background: #d3d4c4; }
			
			
			/* Galeries */
			.zoom-galerie-z1 { position: absolute; width: 263px; height: 350px; margin: 0; padding: 0; top: 108px; left: 0; 
			overflow: hidden; /*background: #d3d4c4;*/ }
			.zoom-galerie-z2 { position: absolute; width: 654px; height: 350px; margin: 0; padding: 0; top: 107px; left: 272px; 
			overflow: hidden; text-align: right; /*background: #d3d4c4;*/ }
				zoom-galerie-z2 img { border: none; border-left: 4px solid #ffffff; height: 350px; }
			.zoom-galerie-z3 { position: absolute; width: 925px; height: 182px; margin: 0; padding: 0; top: 463px; right: 2px; 
			overflow: hidden; border: none; text-decoration: none; text-align: right; /*background: #d3d4c4;*/ }
				.zoom-galerie-z3 a { display: block; float:right; margin: 0 0 5px 12px; padding: 0; text-decoration: none; }
				.zoom-galerie-z3 a.active, .zoom-galerie-z3 a:hover { text-decoration: none; }
				.zoom-galerie-z3 img { margin: 0; padding: 0; border: 1px solid #a2a489; height: 86px; }
			
			
			
		/**** PIED DE PAGE ****/	
		#pied-gl { position: absolute; width: 180px; height: 44px; margin: 0; padding: 0; bottom: 0; left: 0; }
		#pied-liens { position: absolute; width: 720px; height: 20px; margin: 0; padding: 0; bottom: 0; right: 0;
		text-align: right; line-height: 20px; font-size: 13px; }
			#pied-liens ul { list-style: none; margin: 0; padding: 0; }
			#pied-liens li { display: inline; margin: 0; padding: 0; }
			#pied-liens span { color: #695d54; font-size: 12px; margin: 0; padding: 0 5px 0 3px; }
			#pied-liens a { color: #695d54; text-decoration: none; font-weight: normal; letter-spacing: 0.07em; }
			#pied-liens a:hover { color: #695d54; text-decoration: underline; }
		.pied { text-align: center; font-size: 11px; margin: 4px 0 20px 0; padding: 0; color: #b5b5b5; }
			.pied a { color: #b5b5b5; text-decoration: none; }
			.pied a:hover { color: #b5b5b5; text-decoration: underline; }

		
		/**** PAGE TEST ****/
		.test-zone1 { position: absolute; width: 425px; height: 560px; margin: 0; padding: 0; top: 50px; left: 0; 
		/*background: #d3d4c4;*/ overflow: hidden; line-height: 18px; }
		.test-zone2 { position: absolute; width: 425px; height: 560px; margin: 0; padding: 0; top: 50px; left: 502px; 
		/*background: #d3d4c4;*/ overflow: hidden; letter-spacing: 0.07em; line-height: 19px; }