/* CSS Document */


/*STYLES DE LA SPLASH PAGE----------------------------------------------------------*/
body
{
	margin:0px;
	background-image:url(../images/bg_repeat.gif);
	background-repeat:repeat;
}

.bodyGalerie
{
	background-color:#FFFFFF;
	background-image:none;
	margin:0px;

}

.bodyGalerie p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding-top:15px;
}

#frame
{
	position:absolute;
	top: 50%;
	left: 50%;
	width:730px;
	height:438px;
	margin-top: -219px; /*set to a negative number 1/2 of your height*/
	margin-left: -365px; /*set to a negative number 1/2 of your width*/
	background-color:#FFD915;
	padding:0;
}

#imgTop
{
	position:absolute;
	left:0px;
	top:0px;
	width:730px;
	height:124px;
	z-index:1;
	margin:0;
	padding:0;
}

#imgMid
{
	position:absolute;
	left:0px;
	top:123px;
	width:730px;
	height:114px;
	z-index:1;
	margin:0;
	padding:0;
}

#imgMid img
{
	padding:0px;
	margin:0px;
	text-decoration:none;
	border:none;
	float:left;
}

#insideMid
{
	position:absolute;
	left:220px;
	top:47px;
	width:239px;
	height:67px;
	z-index:1;
	margin:0;
	padding:0;
}

#imgTravaux
{
	position:absolute;
	left:0px;
	top:237px;
	width:126px;
	height:59px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}

#txtFr
{
	position:absolute;
	left:126px;
	top:230px;
	width:300px;
	height:59px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}

#txtFr p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	margin:0;
}

#ligne
{
	position:absolute;
	left:0px;
	top:297px;
	width:421px;
	height:12px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}

#imgTravauxEn
{
	position:absolute;
	left:1px;
	top:313px;
	width:126px;
	height:59px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}


#txtEn
{
	position:absolute;
	left:126px;
	top:313px;
	width:295px;
	height:59px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}

#txtEn p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	margin:0;
}

#imgBotRight
{
	position:absolute;
	left:421px;
	top:237px;
	width:309px;
	height:59px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
	text-align:left;
}

#imgBotRight img
{
	float:left;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	margin:0;
}

#splashpageFooterL
{
	position:absolute;
	left:12px;
	top:414px;
	width:281px;
	height:21px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
}

#splashpageFooterL a
{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#splashpageFooterR
{
	position:absolute;
	left:238px;
	top:400px;
	width:180px;
	height:36px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
	text-align:right;
}

#splashpageFooterR a
{
	text-decoration:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#design
{
	position:absolute;
	left:276px;
	top:415px;
	width:143px;
	height:21px;
	z-index:1;
	margin:0;
	padding:0;
	background-color:#FFD915;
	text-align:right;
}

#design p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#926E06;
}

#design a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#926E06;
}

#design a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#926E06;
	text-decoration:none;
}
/*  STYLES DU HEAD ET DU FOOTER---------------------------------------------*/

#mainFrame
{
	position:relative;
	left: 50%;
	width:760px;
	height:auto; /*815px*/
	/*min-height:815px;*/
	margin-left: -380px; /*set to a negative number 1/2 of your width*/
	background-color:#EDEDED;
	padding:0;
}

#header
{
	/*position:absolute;
	top:0px;
	left:0px;*/
	float:right;
	width:760px;
	height:195px;
	margin:0;
	padding:0;
	clear:both;
}

#header img
{
	float:left;
	text-decoration:none;
	border:0;
}

#yellowFooter
{
	/*position:relative;
	top:0px;
	left:0px;*/
	float:right;
	width:760px;
	height:69px;
	margin:0;
	padding:0;
	z-index:2;
}

#yellowFooter img
{
	margin:0;
	padding:0;
	float:left;
}

#navigFooter
{
	/*position:absolute;
	top:776px;
	left:0px;*/

	float:right;
	width:760px;
	height:23px;
	margin:0;
	padding:0;
	background-color:#444242;
	padding-top:8px;
	z-index:2;
}

#navigFooter a
{
	text-decoration:none;
	color:#FFFFFF;
}

#navigFooter a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}

#navigFooter p
{
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
}

#grayFooter
{
	/*position:absolute;
	top:800px;
	left:0px;*/
	float:right;
	width:760px;
	height:15px;
	margin:0;
	padding:0;
	background-color:#2C2B2B;
	color:#B3B3B3;
	text-align:right;
	font-size:10px;
	z-index:2;
}

#grayFooter a
{
	color:#B3B3B3;
	font-size:10px;
	text-decoration:none;
}

#grayFooter a:hover
{
	color:#B3B3B3;
	font-size:10px;
	text-decoration:underline;
}

/*STYLES DU CONTENU ------------------------------------------*/

#contenu
{
	/*position:absolute;
	top:195px;
	left:0px;*/
	float:left;
	width:760px;
	height:auto;/*auto  552px*/
	margin:0;
	padding:0;
	background-color:#EDEDED;
}

#boxPourquoi
{
	/*position:absolute;
	top:15px;
	left:23px;*/
	float:left;
	width:223px;
	height:306px;
	margin-top:15px;
	margin-left:24px;
	padding:0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#imgPourquoi
{
	/*position:absolute;
	top:279px;
	left:134px;*/
	float:left;
	width:85px;
	height:23px;
	margin-left:131px;
	padding:0;
	display:inline;
}

#imgPourquoi img
{
	text-decoration:none;
	border:0;
}

#boxBricoleur
{
	/*position:absolute;
	top:15px;
	left:271px;*/
	float:left;
	width:241px;
	height:306px;
	margin-top:15px;
	margin-left:24px;
	padding:0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#txtBricoleur
{
	/*position:absolute;
	top:123px;
	left:106px;*/
	float:left;
	width:144px;
	height:152px;
}

#imgBricoleur
{
	/*position:absolute;
	top:279px;
	left:180px;*/
	float:left;
	width:54px;
	height:23px;
	margin:0;
	padding:0;
}

#imgBricoleur img
{
	text-decoration:none;
	border:0;
}

#boxGalerie
{
	/*position:absolute;
	top:15px;
	left:534px;*/
	float:left;
	width:205px;
	height:132px;
	margin-top:15px;
	margin-left:21px;
	padding:0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#imgGalerie
{
	/*position:absolute;
	top:109px;
	left:115px;*/
	float:left;
	width:54px;
	height:23px;
	margin:0;
	padding:0;
}

#imgGalerie img
{
	text-decoration:none;
	border:0;
}

#boxServices
{
	/*position:absolute;
	top:174px;
	left:534px;*/
	float:left;
	width:205px;
	height:147px;
	margin-top:24px;
	margin-left:21px;
	padding:0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#imgServices
{
	/*position:absolute;
	top:92px;
	left:97px;*/
	float:left;
	width:54px;
	height:23px;
	margin:0;
	padding:0;
}

#imgServices img
{
	text-decoration:none;
	border:0;
}

#boxMembre
{
	/*position:absolute;
	top:348px;
	left:534px;*/
	float:left;
	width:205px;
	height:176px;
	margin-top:24px;
	margin-left:13px;
	margin-bottom:28px;
	padding:0;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#boxMembre a
{
	color:#F68500;
	font-weight:bold;
}

#boxMembre a:hover
{
	color:#F68500;
	font-weight:bold;
	text-decoration:none;
}

#boxMembre img
{
	border:0;
}

#imgMembre
{
	/*position:absolute;
	top:136px;
	left:96px;*/
	float:left;
	width:54px;
	height:23px;
	margin:0;
	padding:0;
}

#boxEnvironnement
{
	/*position:absolute;
	top:355px;
	left:22px;*/
	float:left;
	width:501px;
	height:169px;
	margin-top:33px;
	margin-left:24px;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(../images/environnement.jpg);
	background-repeat:no-repeat;
	display:inline;
}

#txtEnvironnement
{
	/*position:absolute;
	top:48px;
	left:14px;*/
	float:left;
	width:271px;
	height:120px;
	margin-top:50px;
	margin-left:17px;
	padding:0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
}

#txtEnvironnement p
{
	margin:0px;
	padding:0px;
}

#txtEnvironnement img
{
	text-decoration:none;
	border:0;
}

/* STYLE DE LA GALERIE -------------------------------------------*/
#fondBlanc
{
	/*position:relative;
	top:0px;/*-469px
	left:0px;*/
	float:left;
	width:717px;
	height:auto;/*491px*/
	background-color:#FFFFFF;
	margin-bottom:20px;
	margin-top:-468px;
	margin-left:22px;
	margin-right:0px;
	/*clear:both;*/
	/*padding-left:22px;*/
	padding:0;
	z-index:0;
	
	/*Fix the IE double-margin bug*/
	display: inline;
}

#imgTitre
{
	position:relative;
	top:23px;
	left:196px;
	width:498px;
	height:auto;/*451px*/
	margin:0;
	padding:0;
	/*clear:both;*/
	z-index:0;
}

#imgTitre p
{
	padding-top:10px;
	padding-left:0px;
	padding-bottom:10px;
}

/* DIV historique----------------------------------------------------------------*/
#contenuHistorique
{
	/*position:absolute;
	top:40px;
	left:193px;*/
	float:left;
	width:546px;
	height:491px;
	padding:0;
	background-color:#FFFFFF;
	margin-left:22px;
	margin-top:-468px;
	display:inline;
}

#boxBreadCrumbs
{
	position:relative;
	top:0px;
	left:0px;
	width:760px;
	height:18px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(../images/bc_deg.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#boxTxtHistorique
{
	/*position:absolute;
	top:18px;
	left:24px;*/
	float:left;
	width:498px;
	height:441px;
	margin-left:100px;
	padding-right:20px;
	padding-top:20px;
	background-color:#FFFFFF;
	/*border:1px solid #CCCCCC;*/
}

#boxMenu
{
	position:relative;
	top:22px;
	left:22px;
	width:170px;
	height:491px;
	margin:0;
	padding:0;
	/*background-image: url('../images/menu_deg.jpg');
	background-repeat:no-repeat;*/
	background:url(../images/menu_deg.jpg) no-repeat;
	z-index:0;
}





#boxImgMenu
{
	/*position:absolute;
	top:134px;
	left:0px;*/
	margin-top:100px;
	float:left;
	width:170px;
	height:170px;
	margin:0;
	padding:0;
}

#boxImgMenuBrico
{
	/*position:absolute;
	top:228px;
	left:0px;*/
	float:left;
	width:170px;
	height:170px;
	margin-top:165px;
	padding:0;
}

#boxContenuTxtPhoto
{
	/*position:absolute;
	top:222px;
	left:24px;*/
	float:left;
	width:497px;
	height:230px;
	margin:0;
	padding:0;
}

#boxPhoto
{
	/*position:absolute;
	top:5px;
	left:10px;*/
	float:left;
	width:157px;
	height:220px;
	margin:0;
	padding:0;
	border:1px solid #CCCCCC;
}

#boxTitreTxtPhoto
{
	/*position:absolute;
	top:1px;
	left:171px;*/
	float:left;
	width:335px;
	height:16px;
	margin:0;
	padding:0;
}
#boxTxtPhoto
{
	/*position:absolute;
	top:18px;
	left:171px;*/
	float:left;
	width:335px;
	height:208px;
	margin:0;
	padding:0;
}


/* Contenu Historique */
.txtHistorique
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
}

.txtHistorique a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.txtHistorique a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0f6700;
	text-decoration:none;
	font-weight:bold;
}

#photoHistorique
{
	position:absolute;
	top:2px;
	left:2px;
	width:153px;
	height:216px;
	margin:0;
	padding:0;
}


.txtPhoto
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 5px;
}

/* Bread Crumbs*/

.txtBreadCrumbs
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fbd915;
	padding-top:2px;
	padding-left: 20px;
}
.txtBreadCrumbs a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c4c2c2;
	text-decoration: none;
}
.txtBreadCrumbs a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c4c2c2;
	text-decoration: none;
}
.txtBreadCrumbs a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fbd915;
	text-decoration: none;
}
.txtBreadCrumbs a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fbd915;
	text-decoration: none;
}
.txtIci
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

/* Menu*/
img.photoMenu
{
	border: none;
}

table.menu
{
	background:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
	background-color: #ffdb15;
	height: 170px;
}
td.topMenu
{
	height: 15px;
	vertical-align: top;
}
td.txtMenuBlank
{
	height: 20px;
	width: 170px;
	vertical-align: middle;
}
td.txtMenu
{
	background:url(../images/menubg_item.gif);
	background-repeat:no-repeat;
	height: 20px;
	/*width: 170px;*/
	vertical-align: middle;
}
.txtMenu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0f6700;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
}
.txtMenu a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtMenu a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtMenu a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0f6700;
	font-weight: bold;
	text-decoration: none;
}
.txtMenu a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0f6700;
	font-weight: bold;
	text-decoration: none;
}


/* CLASSES -------------------------*/

.txtBoxAccueil
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-left:14px;
	padding-right:14px;
	padding-top:14px;
	color:#232323;
}

.tableauGalerie
{
	height:281px;
}

.tableauGalerie img
{
	border-color:#929292;
	border-width:1px;
}

.tableauGalerie td
{
	height:88px;
}

.texteGalerie
{
	text-align:right;
	color:#676767;
}

.imgHistorique
{
	clear:both;
	float:left;
	margin-right:8px;
	padding:2px;
	border:1px solid #CCCCCC;
}

.imgBricoleAccueil
{
	float:left;
}

.txtAccueilBricole
{
	padding-top:5px;
	padding-right:10px;
}

.imgAccBricole
{
	text-decoration:none;
	border:0;
	margin-left:60px;
}

.imgAccGalerie
{
	text-decoration:none;
	border:0;
	margin-left:115px;
}

.imgAccServices
{
	text-decoration:none;
	border:0;
	margin-left:99px;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	float:left;
}

.imgAccMembre
{
	text-decoration:none;
	border:0;
	margin-left:50px;
}

.tableauUsageImg
{
	width:122px;
	float:right;
	border:0;
	text-decoration:none;
}

.TxtTableauUsage
{
	width:358px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
}

.TxtTableauNeuf
{
	width:155px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-bottom:15px;
	text-align:center;
	border:0;
	text-decoration:none;
}

.TxtTableauNeuf img
{
	border:0;
	text-decoration:none;
}

.txtLegendeImg
{
	font-size:9px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:-13px;
	padding:0;
}

.pourSwf
{
	text-align:center;
}

.titreEnvironement
{
	text-decoration:underline;
}

a img
{
	border:0;
	text-decoration:none;
}

.tabNormes
{
	background-color:#DDDDDD;
	border:1px solid #333333;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.tabNormesTitle
{
	text-align:center;
	padding-top:5px;
}

.tabNormes tr
{
	background-color:#DDDDDD;
	text-align:left;
}

.tabBeton
{
	background-color:#DDDDDD;
	border:1px solid #333333;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/*Styles de la navigation de la page Constructions*/
#navigConstruction
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	width:490px;
	display:block;
	text-align:center;
	margin-top:18px;
	font-weight:bold;
}

#navigConstruction a
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

#navigConstruction a:hover
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}

#navigConstruction2
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	width:490px;
	display:block;
	text-align:center;
	font-weight:bold;
}

#navigConstruction2 a
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}

#navigConstruction2 a:hover
{
	background-color:#034D01;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}