html, body {
	margin: 0 auto; padding: 0 0 20px 0; min-width: 865px; 
	text-align:center; background-color: #252525; font-size: 12px; line-height:15px; font-family: Arial, Verdana, Sans-serif; color:#FFFFFF;
}

a:link {
	text-decoration: none;color: #FFFFFF;
}
a:visited {
	text-decoration: none;color: #FFFFFF;
}
a:hover {
	text-decoration: none;color: #B0B0B0;
}
a:visited:hover {
	text-decoration: none;color: #B0B0B0;
}
	
img {
	border: 0px none; padding: 0px; margin: 0px;
}

p, td, th, ul, ol, li, blockquote, input {
	margin: 0; padding: 0;
}
	
td, th {  
	vertical-align: top;
}
	
em {
	font-style: italic;
}

form, INPUT, TEXTAREA, SELECT, OPTION {
	padding: 0px; margin: 0px; font-size:11px;
} 
/* Form elements avec styles personnalises */
/*INPUT {
	background-color: #FFFFFF; border: #FFFFFF 1px solid;
	color: #000000; font-weight: normal;
	font-family: arial, verdana, ms sans serif; font-size: 11px;
	margin-top: 4px;
} 

TEXTAREA {
	background-color: #FFFFFF; border: #FFFFFF 1px solid;
	color: #000000; font-weight: normal;
	font-family: arial, verdana, ms sans serif; font-size: 11px;
	padding-top: 4px;
}*/

ul {
	/*Hack pour espace a gauche de la liste*/ 
	margin-left: 0px;
	padding: 0;
	list-style-type:none;
	/*list-style-type:none;
	padding-left:0;
	margin-left:0;*/
}

ol {
	margin-left: 0px;
	padding: 0;
}

li {
	padding: 0 0 5px 0;
	/*Pour avoir un bullet different au bout (image) - Fonctionne mieux que le list-style 
	background: url(images/bullet.gif) left top no-repeat;
	padding:0 0 0 15px; */
}

blockquote {
	margin-left: 17px;
}

sup {  
	font-size: 9.5px;
	vertical-align:35%; 
	/*vertical-align:super;*/
}


/**** Container ****/

#conteneur {
	width:865px; position:relative;
	margin:63px auto 0 auto;padding:0;
}

/**** Menu ****/

#menu {
	text-align:left; position:absolute; left:0; top:0;  width:870px;
}

#menu img {
	margin:0 10px;
}

#menu.english img {
	margin:0 11px;
}


/************ Accueil *************/
#accueilPhotos {
	position:absolute; left:0; top:50px;
	text-align:left; /*width:865px;*/ width:870px;
}
#accueilPhotos img {
	margin:0 13px;
	border-left:2px solid #000000; border-top:2px solid #000000;
	border-bottom:1px solid #000000; border-right:1px solid #000000;
}

#accueilTexte {
	position:absolute; left:0; top:210px;
	text-align:left; width:870px;
}

#accueilCopyright { 
	position:absolute; left:0px; top:272px; text-align:right; width:870px; 
}


/************ FinAccueil *************/



/************ Contenu *************/

#titre {
	position:absolute; left:0; top:0; padding:0; margin:0;
	width:430px; overflow:hidden; z-index:5;
}

#texteConteneur {
	position:absolute; left:0; top:50px; padding:0; margin:0;
	width:400px; overflow:hidden; z-index:5;
}

.texte {
	text-align:justify;
}

h1, h2 {
	padding: 0;margin: 0;
}

.texte p {
	padding: 0 0 10px 0; margin: 0;
}

.texte ul {
	margin-left: 12px;
	padding: 0;
	list-style-type: none;
}

.texte li {
	/*Pour avoir un bullet different au bout (image) - Fonctionne mieux que le list-style */
	background: url(/images/bullet.gif) left top no-repeat;
	padding:0 0 0 10px; 
}

#contenu .ligne {
	border-top: 1px solid #000000;
	font-size: 15px; margin:15px 0 0 0;
}

#contenu .retour {
	padding: .5em 0 .5em 0;
	font-size:11px;text-align:right;
}

#contenu .hautdepage {
	padding: .5em 0 .5em 0;
	font-size:11px;text-align:right;
}

#contenu .imageGauche {
	float:left;
	margin:0px 15px 15px 0; padding:0;
}

#contenu .imageDroite {
	float:right;
	margin:0px 0 15px 15px; padding:0;
}

#contenu .section {
	padding:0 0 0 25px;
}

/* Pour faire suivre le texte apres un float */
#contenu .spacer {
	clear:both;
}

#flechetexteComplet {
	position:absolute; width:28px; height:15px;
}



/* Div pour photos dans pages textes courantes */

#photos {
	position:absolute; left:460px; top:0; width:374px; text-align:center;
}

#photos .vignette {
	margin:12px 0 0 0; text-align:left;
}

#photos #photo1 {
	position:absolute; left:0px; top:0px; width:171px;
}

#photos #photo2 {
	position:absolute; left:210px; top:0px; width:171px;
}

#photos #photo1 img, #photos #photo2 img {
	border-left:2px solid #000000; border-top:2px solid #000000;
	border-bottom:1px solid #000000; border-right:1px solid #000000;
}


/***** Section projets ********/

/* Projets en page index */

#photosProjetsIndex {
	position:absolute; left:0; top:0; width:544px; text-align:right; z-index:4;
}

#texteProjetsIndex {
	position:absolute; left:571px; top:0; padding:0; margin:0;
	width:275px; overflow:hidden; z-index:5; text-align:left;
}

#texteProjetsIndex ul {
	margin-left: 0;
	padding: 0;
	list-style-type: none;
}

#texteProjetsIndex li {
	/*Pour avoir un bullet different au bout (image) - Fonctionne mieux que le list-style */
	background: none;
	padding:0 0 5px 0;  margin:0;
}


/* Projets des pages */
#texteProjets {
	position:absolute; left:672px; top:0; padding:0; margin:0;
	width:193px; overflow:visible; z-index:5; text-align:justify;
}

#photosProjets {
	position:absolute; left:460px; top:0; width:180px; z-index:4; text-align:left;
}

#photosProjets #menuChiffre1 {
	margin:13px 2px 0 2px;
}

#photosProjets #menuChiffre2 {
	margin:13px 2px 0 2px; display:none;
}

#photosProjets #menuChiffre1 img, #photosProjets #menuChiffre2 img {
	margin:0 2px 0 0;
}

#photosProjets #photosProjetsDynamic img {
	border-left:2px solid #000000; border-top:2px solid #000000;
	border-bottom:1px solid #000000; border-right:1px solid #000000;
}

#photosProjetsZoom {
	position:absolute; left:10px; top:0; width:420px; text-align:left; z-index:4; padding:64px 0 0 0;
}
#photosProjetsZoom img {
	margin:0 0 30px 37px; 
	border-left:2px solid #000000; border-top:2px solid #000000;
	border-bottom:1px solid #000000; border-right:1px solid #000000;
}


/***** Section nouvelles ********/

#photosNouvellesZoom {
	position:absolute; left:460px; top:0px; width:385px; height:auto; text-align:left; z-index:10;
	background-color:#252525; font-size:0px; line-height:0px;
}
#photosNouvellesZoom img {
	margin-bottom:30px; 
	border-left:2px solid #000000; border-top:2px solid #000000;
	border-bottom:1px solid #000000; border-right:1px solid #000000;
}


/******* Section Mobilier *******/

#descriptionMobilier {
	margin-top:25px; color:#FFFFFF; font-size:12px;
}

/* Fleche retour a l'accueil */

#flecheRetour {
	position:absolute; left:870px; top:218px; width:15px; height:28px;
}