/* 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;
	padding-right: 7px;

}

.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:0px;
}

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

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

#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:0px;
	padding:0px;
}

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

#txtFr
{
	position:absolute;
	left:126px;
	top:230px;
	width:300px;
	height:59px;
	z-index:1;
	margin:0px;
	padding:0px;
	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:0px;
}

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

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


#txtEn
{
	position:absolute;
	left:126px;
	top:313px;
	width:295px;
	height:59px;
	z-index:1;
	margin:0px;
	padding:0px;
	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:0px;
}

#imgBotRight
{
	position:absolute;
	left:421px;
	top:237px;
	width:309px;
	height:59px;
	z-index:1;
	margin:0px;
	padding:0px;
	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:0px;
}
.souligne
{
	text-decoration: underline;
}



#design
{
	position:absolute;
	left:256px;
	top:415px;
	width:163px;
	height:21px;
	z-index:1;
	margin:0px;
	padding:0px;
	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;
	margin-left: -380px;
	background-color:#EDEDED;
	padding:0px;
}

#header
{
	float:right;
	width:760px;
	height:195px;
	margin:0px;
	padding:0px;
	clear:both;
}

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

#yellowFooter
{
	float:right;
	width:760px;
	height:69px;
	margin:0px;
	padding:0px;
	z-index:2;
}

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

#navigFooter
{
	float:right;
	width:760px;
	height:23px;
	margin:0px;
	padding:0px;
	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
{
	float:right;
	width:760px;
	height:15px;
	margin:0px;
	padding:0px;
	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
{
	float:left;
	width:760px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#EDEDED;
}
#blocGauche
{
	float:left;
	width:520px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#EDEDED;
}
#blocDroite
{
	float:left;
	width:200px;
	height:auto;
	margin:0px;
	padding:0px;
	background-color:#EDEDED;
}

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


#imgPourquoi
{
	float:left;
	width:85px;
	height:23px;
	margin-left:131px;
	padding:0px;
	display:inline;
}

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

#imgCoin
{
	float:left;
	width:85px;
	height:23px;
	margin-left:112px;
	margin-top:0px;
	display:inline;
}

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

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

#txtBricoleur
{
	float:left;
	width:144px;
	height:152px;
}

#imgBricoleur
{
	width:54px;
	height:23px;
	margin:0px;
	padding:0px;
}

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



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

#imgGalerie
{
	float:left;
	width:54px;
	height:23px;
	margin:0px;
	padding:0px;
}

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

#boxServices
{
	float:left;
	width:205px;
	height:225px;
	margin-top:20px;
	margin-left:21px;
	padding:0pxpx;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#imgServices
{
	float:left;
	width:54px;
	height:23px;
	margin:0px;
	padding:0px;
}

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

#boxMembre
{
	float:left;
	width:205px;
	height:174px;
	margin-top:20px;
	margin-left:21px;
	margin-bottom:28px;
	padding:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
}

#boxMembre2
{
	float:left;
	width:205px;
	height:174px;
	margin-top:20px;
	margin-left:0px;
	margin-bottom:28px;
	padding:0px;
	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;
}

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

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

#boxMembre2 p
{
	margin-left:10px;
}

#boxMembre img
{
	border:0px;
}

#imgMembre
{
	float:left;
	width:54px;
	height:23px;
	margin:0px;
	padding:0px;
}

#boxEnvironnement
{
	float:left;
	width:501px;
	height: 330px;
	margin-top:10px;
	margin-left:24px;
	padding-top: 0px;
	background-color:#EDEDED;
	background-image:url(../images/accueil/environnement.jpg);
	background-repeat:no-repeat;
	display:inline;
}
#imgEnvironnement
{
	float:left;
	
	height:23px;
	margin-top:8px;
	margin-left: 0px;
	padding:0px;
}

#txtEnvironnement
{
	float:left;
	width:271px;
	margin-top:45px;
	margin-left:12px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	line-height: 10pt;
}

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


#listeBoxEnvironnement
{
	float:left;
	width:480px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:inline;
	
}
.txtListeEnvironnement
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 22px;
	margin: 0px;
}

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

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

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

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

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

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

#boxTxtHistorique
{
	float:left;
	width:498px;
	height:441px;
	margin-left:100px;
	padding-right:20px;
	padding-top:20px;
	background-color:#FFFFFF;
}

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

#boxImgMenuBrico
{
	float:left;
	width:170px;
	height:170px;
	margin-top:165px;
	padding:0px;
}

#boxContenuTxtPhoto
{
	float:left;
	width:497px;
	height:230px;
	margin:0px;
	padding:0px;
}

#boxPhoto
{
	float:left;
	width:157px;
	height:220px;
	margin:0px;
	padding:0px;
	border:1px solid #CCCCCC;
}

#boxTitreTxtPhoto
{
	float:left;
	width:335px;
	height:16px;
	margin:0px;
	padding:0px;
}
#boxTxtPhoto
{
	float:left;
	width:335px;
	height:208px;
	margin:0px;
	padding:0px;
}

.comingSoon
{
	background-color:#ffdb15;
	background-image:url(../images/menus/menu_bg.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding-right: 7px;
}
.txtComingSoon
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight: bold;
	padding-top: 75px;
	margin: 0px;
	text-align: center;
}
.txtComingSoon a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.txtComingSoon a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.txtComingSoon a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.txtComingSoon a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
/* Contenu Historique */
.txtHistoriqueVert
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#144814;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
}
.txtHistorique
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
}

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

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

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

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

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


.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/menus/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/menus/menubg_item.gif);
	background-repeat:no-repeat;
	height: 20px;
	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:7px;
	color:#232323;
}

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

.txtBoxHistorique
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-left:24px;
	padding-right:14px;
	padding-top:7px;
	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:0px;
	margin-left:170px;
	margin-top: 0px;
}

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

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

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

.tableauUsageImg
{
	width:122px;
	float:right;
	border:0px;
	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:0px;
	text-decoration:none;
}

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

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

.pourSwf
{
	text-align:center;
}

.titreEnvironement
{
	text-decoration:underline;
}

a img
{
	border:0px;
	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;
}

/* Carte du site */

.txtNiveau1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height: 16px;
}
.txtNiveau1 a:link{
	color:#0f6700;
	text-decoration:none;
	font-weight:bold;
}
.txtNiveau1 a:visited{
	color:#0f6700;
	text-decoration:none;
	font-weight:bold;
}
.txtNiveau1 a:hover{
	color:#0f6700;
	text-decoration:none;
	font-weight:normal;
}
.txtNiveau1 a:active{
	color:#0f6700;
	text-decoration:none;
	font-weight:normal;
}
.txtNiveau2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-left: 25px;
	line-height: 18px;
}
.txtNiveau2 a:link{
	color:#0f6700;
	text-decoration:underline;
	font-weight:normal;
}
.txtNiveau2 a:visited{
	color:#0f6700;
	text-decoration:underline;
	font-weight:normal;
}
.txtNiveau2 a:hover{
	color:#0f6700;
	text-decoration:none;
	font-weight:normal;
}
.txtNiveau2 a:active{
	color:#0f6700;
	text-decoration:none;
	font-weight:normal;
}