html,body {
	height : 100%;
}

body {
	margin : 0;
	padding : 0;
	background-color : #363230;
}

#page {
	position : relative;
	height : 700px;

	width : 100%;

	_width : expression((documentElement.clientWidth < 995) ? "995px" : "100%");
	min-width : 995px;

	background-repeat : no-repeat;
	background-position : 273px bottom;
	background-color : #87ADAE;

	border-bottom : 1px solid #201E1D;
}

#page-accueil #page {
	background-image : url(../images/contenu-fond-accueil.gif);
}

#page-accueil-en #page {
	background-image : url(../images/contenu-fond-accueil-en.gif);
}

#page-profil .langue_fr #page {
	background-image : url(../images/contenu-fond-profil.gif);
}

#page-portfolio #page {
	background-image : url(../images/contenu-fond-portfolio.gif);
}

#page-partenaires #page {
	background-image : url(../images/contenu-fond-partenaires.gif);
}

#page-partenaires-en #page {
	background-image : url(../images/contenu-fond-partenaires-en.gif);
}

#page-profil #page {
	background-image : url(../images/contenu-fond-profil.gif);
}

#page-profil-en #page {
	background-image : url(../images/contenu-fond-profil-en.gif);
}

#statue {
	position : absolute;

	z-index : 20;
	
	width : 165px;
	height : 631px;

	top : 69px;
	right : 0px;

	background : url(../images/statue.gif) no-repeat;
}


/*--------------------------------------------------------------------
/* PARTIE GAUCHE
/**/
#partie_gauche {
	position : absolute;

	z-index : 11;

	float : left;

	width : 273px;
	height : 700px;

	background-color : #5A5555;
	background-image : url(../images/partie_gauche-fond.gif);
	background-repeat : repeat-y;
}

#partie_gauche h1 {
	position : absolute;

	width : 227px;
	height : 148px;

	left : 17px;
	top : 200px;
	background : url(../images/logo.gif) no-repeat;

	margin : 0;
	padding : 0;

	text-indent : -9000px;
	font-size : 0;
	overflow : hidden;
}

#fioriure {
	position : absolute;

	left : 0px;
	top : 600px;

	width : 273px;
	height : 78px;

	background : url(../images/fioriure.gif) no-repeat;
}

#photo {
	position : absolute;

	left : 0;
	top : 0;

	width : 273px;
	height : 182px;

	background-color : #363230;
	background-repeat : no-repeat;
	background-position : left bottom;
}

#photo {
	background-image : url(../images/photo-accueil.jpg);
}

#page-profil #photo {
	background-image : url(../images/photo-profil.jpg);
}

#page-profil-en #photo {
	background-image : url(../images/photo-profil.jpg);
}

/*--------------------------------------------------------------------
/* MENU GAUCHE
/**/
#menu_gauche {

}

#menu_gauche .separateur {
	display : none;
}

#menu_gauche a {
	display : block;
	position : absolute;

	height : 20px;

	background-repeat : no-repeat;
	background-position : left top;

	text-indent : -9000px;
	font-size : 0;
	overflow : hidden;
}

#menu_gauche a:hover {
	background-position : left bottom;
}

#menu_gauche #menu-fr-accueil {
	background-image : url(../images/menu-fr-accueil.gif);
	width : 81px;
	left : 91px; top : 361px;
}

#menu_gauche #menu-en-accueil {
	background-image : url(../images/menu-en-accueil.gif);
	width : 81px;
	left : 91px; top : 361px;
}

#menu_gauche #menu-fr-profil {
	background-image : url(../images/menu-fr-profil.gif);
	width : 66px;
	left : 97px; top : 400px;
}

#menu_gauche #menu-en-profil {
	background-image : url(../images/menu-en-profil.gif);
	width : 66px;
	left : 97px; top : 400px;
}

#menu_gauche #menu-fr-portfolio {
	background-image : url(../images/menu-fr-portfolio.gif);
	width : 95px;
	left : 83px; top : 440px;
}

#menu_gauche #menu-en-portfolio {
	background-image : url(../images/menu-en-portfolio.gif);
	width : 95px;
	left : 83px; top : 440px;
}

#menu_gauche #menu-fr-partenaires {
	background-image : url(../images/menu-fr-partenaires.gif);
	width : 114px;
	left : 75px; top : 478px;
}

#menu_gauche #menu-en-partenaires {
	background-image : url(../images/menu-en-partenaires.gif);
	width : 114px;
	left : 75px; top : 478px;
}

#menu_gauche #menu-fr-services {
	background-image : url(../images/menu-fr-services.gif);
	width : 114px;
	left : 88px; top : 516px;
}

#menu_gauche #menu-en-realisations {
	background-image : url(../images/menu-en-realisations.gif);
	width : 114px;
	left : 70px; top : 554px;
}

#menu_gauche #menu-fr-realisations {
	background-image : url(../images/menu-fr-realisations.gif);
	width : 114px;
	left : 70px; top : 554px;
}

#page-accueil #menu_gauche #menu-fr-accueil {
	background-position : left bottom;
}

#page-accueil-en #menu_gauche #menu-en-accueil {
	background-position : left bottom;
}

#page-profil #menu_gauche #menu-fr-profil {
	background-position : left bottom;
}

#page-profil-en #menu_gauche #menu-en-profil {
	background-position : left bottom;
}

#page-services #menu_gauche #menu-fr-services {
	background-position : left bottom;
}

#page-realisations-en #menu_gauche #menu-en-realisations {
	background-position : left bottom;
}

#page-realisations #menu_gauche #menu-fr-realisations {
	background-position : left bottom;
}

#page-portfolio #menu_gauche #menu-fr-portfolio,
#page-portfolio-clotures_et_portails #menu_gauche #menu-fr-portfolio,
#page-portfolio-grilles_decoratives #menu_gauche #menu-fr-portfolio,
#page-portfolio-ornements #menu_gauche #menu-fr-portfolio,
#page-portfolio-rampes #menu_gauche #menu-fr-portfolio,
#page-portfolio-autres #menu_gauche #menu-fr-portfolio,
#page-portfolio #menu_gauche #menu-en-portfolio,
#page-portfolio-clotures_et_portails #menu_gauche #menu-en-portfolio,
#page-portfolio-grilles_decoratives #menu_gauche #menu-en-portfolio,
#page-portfolio-ornements #menu_gauche #menu-en-portfolio,
#page-portfolio-rampes #menu_gauche #menu-en-portfolio,
#page-portfolio-autres #menu_gauche #menu-en-portfolio {
	background-position : left bottom;
}

#page-partenaires #menu_gauche #menu-fr-partenaires,
#page-partenaires-en #menu_gauche #menu-en-partenaires {
	background-position : left bottom;
}

/*--------------------------------------------------------------------
/* MENU HAUT
/**/
#menu_haut {
	position : absolute;

	z-index : 10;

	top : 0px;
	left : 0px;

	height : 51px;
	width : 100%;

	background-color : #87ADAE;
	background-image : url(../images/menu_haut-fond.jpg);
	background-repeat : repeat-x;
}

#menu_haut .separateur {
	display : none;
}

#menu_haut a {
	display : block;
	position : absolute;

	height : 15px;
	top : 28px;

	background-repeat : no-repeat;
	background-position : left top;

	text-indent : -9000px;
	font-size : 0;
	overflow : hidden;
}

#menu_haut a:hover {
	background-position : left bottom;
}

#menu_haut #menu-fr-contact {
	background-image : url(../images/menu-fr-contact.gif);
	width : 69px;
	left : 319px;
}

#menu_haut #menu-en-contact {
	background-image : url(../images/menu-fr-contact.gif);
	width : 69px;
	left : 319px;
}

#menu_haut #menu-fr-plan_du_site {
	background-image : url(../images/menu-fr-plan_du_site.gif);
	width : 96px;
	left : 416px;
}

#menu_haut #menu-en-plan_du_site {
	background-image : url(../images/menu-en-plan_du_site.gif);
	width : 96px;
	left : 416px;
}

#menu_haut #menu-fr-english {
	background-image : url(../images/menu-fr-english.gif);
	width : 63px;
	left : 416px;
}

#menu_haut #menu-en-francais {
	background-image : url(../images/menu-en-francais.gif);
	width : 63px;
	left : 416px;
}

#menu_haut #telephone {
	position: absolute;
	left : 80%;
	top: 28px;
	color: white;
	font-size: 12px;
}

#page-plan_du_site #menu_haut #menu-fr-plan_du_site {
	background-position : left bottom;
}

#page-plan_du_site #menu_haut #menu-en-plan_du_site {
	background-position : left bottom;
}

#page-contact #menu_haut #menu-fr-contact {
	background-position : left bottom;
}

#page-contact #menu_haut #menu-en-contact {
	background-position : left bottom;
}



/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	position : absolute;

	left : 323px;
	top : 117px;

	width : 550px;
	/*height : 380px;*/

	/*padding-right : 50px;*/
	padding-right : 30px;

	scrollbar-3dlight-color : #473D3D;
	scrollbar-arrow-color : #C0BDB9;
	scrollbar-base-color : #5E5E5E;
	scrollbar-face-color : #5A5555;
	scrollbar-track-color : #749A9B;
}

#page-contact #contenu {
	
}

/*--------------------------------------------------------------------
/* TITRE PAGE
/**/

#titre_page, #titre_page_en {
	background-repeat : no-repeat;

	text-indent : -9000px;
	font-size : 0;
	overflow : hidden;

	padding : 0;
	margin : 0;
}

#page-profil #titre_page {
	background-image : url(../images/titre_page-profil.gif);
	width : 314px;
	height : 37px;
}

#page-profil-en #titre_page {
	background-image : url(../images/titre_page-profil_en.gif);
	width : 330px;
	height : 36px;
}

#page-partenaires #titre_page {
	background-image : url(../images/titre_page-partenaires.gif);
	width : 408px;
	height : 36px;
}

#page-partenaires-en #titre_page {
	background-image : url(../images/titre_page-partenaires_en.gif);
	width : 444px;
	height : 36px;
}

/*--------------------------------------------------------------------
/* PORTFOLIO
/**/

#portfolio-icones {
	position : absolute;
	
	left : 307px;
	top : 350px;
}

#portfolio-icones ul
{
	list-style:none;
}

#portfolio-icones ul li
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.IconePortfolio
{
	position: relative;
	width: 500px;
}

.IconePortfolio img
{
	border: 1px solid white;
	
	height: 50px;
	width: 50px;
	margin-right: 20px;
}

.IconePortfolio a { text-decoration: none; font-size: 14px; position: absolute; top: 20px;}
.IconePortfolio a:link { color:#a52819; }
.IconePortfolio a:visited { color:#a52819; }
.IconePortfolio a:active { color:#a52819;}
.IconePortfolio a:hover { color:white; }

#portfolio-icones-clotures_et_portails {
	left : 0px;

	width : 83px;
	height : 86px;
	background-image : url(../images/portfolio-icones-clotures_et_portails.gif);
}

#portfolio-icones-clotures_et_portails-en {
	left : 0px;

	width : 83px;
	height : 86px;
	background-image : url(../images/portfolio-icones-clotures_et_portails-en.gif);
	background-position:top;
}

#portfolio-icones-grilles_decoratives {
	left : 109px;

	width : 90px;
	height : 86px;
	background-image : url(../images/portfolio-icones-grilles_decoratives.gif);
}

#portfolio-icones-grilles_decoratives-en {
	left : 109px;

	width : 90px;
	height : 86px;
	background-image : url(../images/portfolio-icones-grilles_decoratives-en.gif);
	background-position:top;
}

#portfolio-icones-ornements {
	left : 222px;

	width : 83px;
	height : 80px;
	background-image : url(../images/portfolio-icones-ornements.gif);
}

#portfolio-icones-ornements-en {
	left : 222px;

	width : 83px;
	height : 80px;
	background-image : url(../images/portfolio-icones-ornements-en.gif);
}

#portfolio-icones-rampes {
	left : 344px;

	width : 70px;
	height : 80px;
	background-image : url(../images/portfolio-icones-rampes.gif);
}

#portfolio-icones-rampes-en {
	left : 344px;

	width : 70px;
	height : 80px;
	background-image : url(../images/portfolio-icones-rampes-en.gif);
	background-position:top;
}

#portfolio-icones-autres {
	left : 455px;

	width : 66px;
	height : 80px;
	background-image : url(../images/portfolio-icones-autres.gif);
}

#portfolio-icones-autres-en {
	left : 455px;

	width : 66px;
	height : 80px;
	background-image : url(../images/portfolio-icones-autres-en.gif);
	background-position:top;
}

#page-portfolio-clotures_et_portails #portfolio-icones-clotures_et_portails {
	background-image : url(../images/portfolio-icones-clotures_et_portails-on.gif);
}

#page-portfolio-grilles_decoratives #portfolio-icones-grilles_decoratives {
	background-image : url(../images/portfolio-icones-grilles_decoratives-on.gif);
}

#page-portfolio-ornements #portfolio-icones-ornements {
	background-image : url(../images/portfolio-icones-ornements-on.gif);
}

#page-portfolio-rampes #portfolio-icones-rampes {
	background-image : url(../images/portfolio-icones-rampes-on.gif);
}

#page-portfolio-autres #portfolio-icones-autres {
	background-image : url(../images/portfolio-icones-autres-on.gif);
}

#page-portfolio-clotures_et_portails #portfolio-icones-clotures_et_portails-en,
#page-portfolio-grilles_decoratives #portfolio-icones-grilles_decoratives-en,
#page-portfolio-ornements #portfolio-icones-ornements-en,
#page-portfolio-rampes #portfolio-icones-rampes-en,
#page-portfolio-autres #portfolio-icones-autres-en {
	background-position : left bottom;
}

/*--------------------------------------------------------------------
/* PORTFOLIO - Médaillons
/**/

#medaillons {
	position : absolute;

	left : 272px;
	top : 523px;

	width : 558px;
	height : 68px;

	padding-left : 40px;
	padding-top : 5px;
	padding-bottom : 5px;

	overflow : hidden;
}

#medaillons img {
	border : 0;
}

#medaillons a {
	display : block;

	border : 2px solid #A6C3C4;
	margin-right : 26px;

	width : 65px;
	height : 65px;

	float : left;
}

#medaillons a:hover {
	border : 2px solid #C01200;
}

#medaillons .medaillon_actif {
	border : 2px solid #C01200;
}

#medaillons-conteneur {
	position : relative;

	left : 0px;
}

/*--------------------------------------------------------------------
/* PORTFOLIO - Défilement
/**/

#defil {
	position : absolute;
	
	left : 524px;
	top : 608px;

	width : 88px;
	height : 16px;
}

#defil_gauche {
	background-image : url(../images/portfolio-defil_gauche.gif);
	background-repeat : no-repeat;

	width : 31px;
	height : 16px;

	float : left;

	cursor : pointer;
}

#defil_droite {
	background-image : url(../images/portfolio-defil_droite.gif);
	background-repeat : no-repeat;

	width : 31px;
	height : 16px;

	float : right;

	cursor : pointer;
}

/*--------------------------------------------------------------------
/* PORTFOLIO - Photo
/**/

#unePhoto_h, #unePhoto_v {
	position : absolute;
	z-index : 201;

	background-color : #ffffff;

	background-image : url(../images/photo-droite.gif);
	background-repeat : repeat-y;
	background-position : top right;

	font-size : 0;

	display : none;
}

#unePhoto_h {
	width : 453px;
	height : 290px;

	left : 347px;
	top : 181px;
}

#unePhoto_v {
	width : 263px;
	height : 323px;

	left : 446px;
	top : 168px;
}

#unePhoto-haut {
	height : 10px;
}

#unePhoto-haut_droite {
	width : 18px;
	height : 10px;

	float : right;

	background : url(../images/photo-haut_droite.gif) no-repeat;
	background-color : #87adae;
}

#unePhoto-bas {
	height : 23px;
	clear : both;

	background : url(../images/photo-bas.gif) repeat-x;
	background-color : #87adae;
}

#unePhoto-bas_gauche {
	width : 10px;
	height : 23px;

	float : left;

	background : url(../images/photo-bas_gauche.gif) no-repeat;
	background-color : #87adae;
}

#unePhoto-bas_droite {
	width : 18px;
	height : 23px;

	float : right;

	background : url(../images/photo-bas_droite.gif) no-repeat;
	background-color : #87adae;
}

#unePhoto_h img, #unePhoto_v img {

	background-color : #87adae;
	margin-left : 10px;
	margin-right : 10px;
}

/*--------------------------------------------------------------------
/* PORTFOLIO - Photo - Légende
/**/
#legende_photo_h, #legende_photo_v {
	position : absolute;
	z-index : 202;

	font-weight : bold;
	font-size : 8pt;
}

#legende_photo_h {
	left : 347px;
	top : 490px;

	width : 445px;
	height : 30px;

	text-align : center;
}

#legende_photo_v {
	left : 727px;
	top : 487px;

	width : 120px;
	height : 30px;
}

/*--------------------------------------------------------------------
/* CONTACT
/**/

#bouton_soumettre {
	font-family : verdana;
	color : white;
	font-weight : bold;
	background-color : #7e1a0d;
}

#bouton_recommencer {
	font-family : verdana;
	color : white;
	background-color : #7e1a0d;
}

#ariane
{
	position : absolute;
	
	left : 323px;
	top : 90px;
	
	font-size: 10px;
}

#ariane a { text-decoration: none; color: #555555; }
#ariane a:link { color: #555555; }
#ariane a:visited { color:#555555; }
#ariane a:active { color:#555555;}
#ariane a:hover { color:white; }

/* Hauteur exceptionnelle... */
#page-partenaires #partie_gauche, #page-partenaires-en #partie_gauche { height: 950px; }
#page-partenaires #statue, #page-partenaires-en #statue { top : 319px; }
#page-partenaires #page, #page-partenaires-en #page { height: 950px; }
#page-partenaires #fioriure, #page-partenaires-en #fioriure { top : 850px; }

#page-profil #partie_gauche, #page-profil-en #partie_gauche { height: 800px; }
#page-profil #statue, #page-profil-en #statue {top : 169px; }
#page-profil #page, #page-profil-en #page { height: 800px; }
#page-profil #fioriure, #page-profil-en #fioriure { top : 700px; }

#page-portfolio #partie_gauche{ height: 1050px; }
#page-portfolio #statue {top : 419px; }
#page-portfolio #page { height: 1050px; }
#page-portfolio #fioriure { top : 950px; }

#page-contact #partie_gauche{ height: 750px; }
#page-contact #statue{top : 119px; }
#page-contact #page { height: 750px; }
#page-contact #fioriure { top : 650px; }

#page-portfolio-rampes-int #partie_gauche{ height: 750px; }
#page-portfolio-rampes-int #statue{top : 119px; }
#page-portfolio-rampes-int #page { height: 750px; }
#page-portfolio-rampes-int #fioriure { top : 650px; }

#page-contact #partie_gauche, #page-contact-en #partie_gauche { height: 850px; }
#page-contact #statue, #page-contact-en #statue {top : 219px; }
#page-contact #page, #page-contact-en #page { height: 850px; }
#page-contact #fioriure, #page-contact-en #fioriure { top : 750px; }
#page-contact #fioriure, #page-contact-en #fioriure { top : 750px; }

#contenu h1
{
	font-weight: normal;
}

.PortfolioGallery
{
	margin:0px;
	padding:0px;
}

.PortfolioGallery li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}

.PortfolioGallery li img
{
	border: 1px solid white;
}

.PlanSite li
{
	font-size: 12px;
	margin: 0px;
	padding:0px;
	
	padding-bottom: 10px;
}