/* ===== */ /* CSS BLOCKS */ /* ===== */

body {
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
}
#global {
	margin:					0px auto;
	width:					1016px;
	position:				relative;
}
#entete {
	height:					125px;
	padding-top:			40px;
}
#menus {
	height:					76px;
	padding-left:			2px;
}

#espace {
	height:					20px;
}
#annonce {
	height:					35px;
	background:				url(../images/communes/fd_annonce_new.jpg) no-repeat;
}
	#annonce p {
		padding-top:			8px;
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				14px;
		text-align:				center;
		color:					#ffffff;
		font-weight:			bold;
	}
	#annonce a, #annonce a:hover {
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				14px;
		color:					#ffffff;
	}
.vide {
	height:					25px;
}
#menuGauche {
	float:					left;
	width:					160px;
	padding:				0px 12px 0px 5px;
	display:				inline;
}
#centrePage {
	float:					left;
	width:					826px;
	_width:					823px;
	margin-right:			5px;
	padding:				3px 3px 12px 3px;
	border:					solid 1px #B3B3B3;
	display:				inline;
}
	#contenuCentrePage {
		padding:			16px 7px 0px 7px;
		text-align:			justify;
		background-image:	url(../images/communes/degrader_titre.jpg);
		background-repeat:	repeat-x;
	}
	.piedColeurJaune {
		display:			block;
		height:				26px;
		background-color:	#FFFF69;
		margin-top:			10px;
		padding-top:		5px;
		padding-left:		10px;
	}
	p.piedColeurJaune {
		font-family:		Verdana, Geneva, sans-serif;
		font-size:			11px;
		color:				#252531;
	}
	.piedColeurJaune a,.piedColeurJaune a:hover {
		font-family:		Verdana, Geneva, sans-serif;
		font-size:			11px;
		color:				#0070E2;
	}
	.piedColeurRose {
		display:			block;
		height:				26px;
		background-color:	#ffccff;
		margin-top:			10px;
		padding-top:		5px;
		padding-left:		10px;
	}
	p.piedColeurRose {
		font-family:		Verdana, Geneva, sans-serif;
		font-size:			11px;
		color:				#252531;
	}
	.piedColeurRose a,.piedColeurRose a:hover {
		font-family:		Verdana, Geneva, sans-serif;
		font-size:			11px;
		color:				#0070E2;
		font-weight:		bold;
	}
#catalogueTarifs {
	text-align:				center;
	background-color:		#FF0;
	padding:				10px 0px 10px 0px;
	margin:					30px 150px 0px 150px;
	border:					solid 1px #666;
}
	#catalogueTarifs p{
		text-align:			center;
	}
#piedDePage {
	position:				relative;
	height:					228px;
	background:				url(../images/pied_page/pied_de_page_new.jpg) no-repeat bottom;
	clear:					both;
}
/* ===== */ /* FIN CSS BLOCKS */ /* ===== */

/* ===== */ /* CSS DESIGN */ /* ===== */

/* === Composants ENTETE === */

/* Positionnement des calques DANS Entete */
.logo {
	position:				absolute;
	top:					25px;
	left:					47px;
	margin:					0px 0px 0px 0px;
}

.titreEntete {
	position:				absolute;
	top:					52px;
	left:					185px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				30px;
	color:					#FFFFFF;
	font-weight:			normal;
	padding:				0px;
	margin:					0px;
}
	.titreEntete a {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			30px;
		color:				#FFFFFF;
		font-weight:		normal;
		text-decoration:	none;
	}
	.titreEntete a:hover {
		color:				#FFFFFF;
		text-decoration:	underline;
	}
.titreEntete span {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				24px;
	color:					#FFFFFF;
	font-weight:			normal;
}
/* FIN Positionnement des calques DANS Entete */

/* Menus Entete */

#menusEntete {
	position:				absolute;
	top:					45px;
	left:					809px;
	padding:				0px;
	margin:					0px;
	width:					134px;
	text-align:				center;
	font-weight:			bold;
	background:				url(../images/communes/menus_entete.png) center top no-repeat;
}
.menusEntete  {
	text-align:				center;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#006017;
	padding-top:			2px;
	padding-bottom:			9px;
	line-height:			18px;
}
.menusEntete a {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#006017;
	font-weight:			normal;
	text-decoration:		underline;
}
.menusEntete a:hover {
	font-family:			Arial, Helvetica, sans-serif;
	color:					#006017;
	font-weight:			normal;
	text-decoration:		none;
}
/* FIN Menus Entete */
/* === FIN Composants ENTETE === */
/* === Composants ISOLATION === */

#centreGauche{
	float:					left;
	position:				relative;
	left:					0px;
	width:					220px;
	padding:				0px 20px 0px 0px;
	text-align:				left;
	border-right:			1px solid #5A3D1C;
}
#centreDroit{
	float:					right;
	position:				relative;
	right:					0px;
	width:					450px;
	background-color:		#FFF;
	padding:				0px 0px 0px 20px;
	text-align:				justify;
}
#centrePied{
	position:				relative;
	width:					712px;
	clear:					both;
}
/* === FIN Composants ISOLATION === */
/* === Titres === */

h1 {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				24px;
	color:					#1B1464;
	padding:				0px;
	margin:					0px 0px 25px 0px;
}

h1 a {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				24px; */
	color:					#1B1464;
	text-decoration:		none;
}
h1 a:hover {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				24px; */
	color:					#0070E2;
	text-decoration:		none;
}

h2 {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				22px;
	color:					#1B1464;
	padding:				0px;
	margin:					0px 0px 15px 0px;
}

h2 a {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				22px; */
	color:					#1B1464;
	text-decoration:		none;
}

h2 a:hover {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				22px; */
	color:					#0070E2;
	text-decoration:		none;
}

h3 {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				16px;
	color:					#0070E2;
	padding:				0px;
	margin:					0px 0px 10px 0px;
	/* border-bottom:			1px solid #116227; */
}

h3 a {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				18px; */
	color:					#0070E2;
	text-decoration:		none;
}

h3 a:hover {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				18px; */
	color:					#1B1464;
	text-decoration:		none;
}

h4 {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				16px;
	color:					#0070E2;
	text-decoration:		none;
	padding:				0px 0px 10px 0px;
	margin:					0px;
	font-weight:			bold;
	/* border-bottom:			1px solid #116227; */
}

h4 a {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				14px; */
	color:					#0070E2;
	text-decoration:		underline;
}

h4 a:hover {
	/* font-family:			Georgia, "Times New Roman", Times, serif; */
	/* font-size:				14px; */
	color:					#1B1464;
	text-decoration:		none;
}

/* === FIN Titres === */

/* === Balises === */
p {
	padding:				0px;
	margin:					0px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px;
	color:					#1B1464;
	line-height:			20px;
	/* font-weight:			bold; */
}

a {
	/* font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px; */
	color:					#0070E2;
}
a:hover {
	/* font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px; */
	color:					#0070E2;
	text-decoration:		none;
}
li {
	padding:				0px;
	margin:					0px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px;
	color:					#1B1464;
	line-height:			20px;
}
/* === FIN Balises === */

/* === Annonce === */
.txtAnnonce {
	padding-top:			10px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-align:				center;
	color:					#FFF;
}
.txtAnnonce p {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-align:				center;
	color:					#FFF;
}
/* === Annonce === */

/* === Textes === */

.Titrebleu {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		none;
	padding:				0px 0px 10px 0px;
	font-weight:			bold;
}
.Titrebleu a {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		underline;
}
.Titrebleu a:hover {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		none;
}

.texteBleuClaireGd {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		none;
}
.texteBleuClaireGd a {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		underline;
}
.texteBleuClaireGd a:hover {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				14px;
	color:					#0070E2;
	text-decoration:		none;
}
.texteBleuClaireGd {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				12px;
	color:					#0070E2;
	text-decoration:		none;
}
.ptText {
	padding:				0px;
	margin:					0px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	color:					#1B1464;
	text-align:				justify;
	line-height:			20px;
}
.ptText2 {
	padding:				0px;
	margin:					0px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#1B1464;
	text-align:				left;
	line-height:			20px;
}
.aligneCenter {
	text-align:				center;
}
/* === FIN Textes === */

/* === Liens === */
.ptLien {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	color:					#0070E2;
}

a:hover.ptLien  {
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	color:					#0070E2;
}
/* === FIN Liens === */

/* === Bts Pied de page === */
.bt_pied_page {
	position:				absolute;
	top:					198px;
	left:					676px;
	margin:					0px 0px 0px 0px;
}
.bt_pied_page img {
	margin-right:			10px;
}
.ref_web {
	position:				absolute;
	top:					205px;
	left:					123px;
	margin:					0px 0px 0px 0px;
}
/* === FIN Bts Pied de page === */

/* === Design Societe === */
.titreMaison {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				30px;
	color:					#FFFF00;
}
.titreEco {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				30px;
	color:					#00FF00;
}
.titreDistribution {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				30px;
	color:					#0000FF;
}
/* === FIN Design Societe === */

/* === Design Tableaux Isolation === */

.tableauIsolation {
	margin:					0 auto;
}
.tableauIsolation td {
	padding:				15px 15px 15px 15px;
}

/* === FIN Design Tableaux Isolation === */

/* === Design Img Equipement === */

.imgEquipement {
	margin:					25px 0px 0px 25px;
}

.tableauPoeles {
	margin:					0 auto;
}
.tableauPoeles td {
	padding:				10px 10px 10px 10px;
}
/* === FIN Design Img Equipement === */

/* === Design Tableaux liege === */

.tableauLiege {
	margin:					0 auto;
}

.tableauLiege td {
	padding:				5px 5px 5px 5px;
}

/* === FIN Design Tableaux Isolation === */

/* === Design DEVIS === */

.obligatoire {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				12px;
	color:					#F00;
}
.error {
	font-family:			Verdana, Geneva, sans-serif;
	color:					#F00;
	font-size:				12px;
	padding-left:			10px;
	text-left:				right;
}
/* === FIN Design DEVIS === */

/* ===== CSS Search ===== */
.suggestionsBox {
	position:				relative;
	left:					30px;
	margin:					10px 0px 0px 0px;
	width:					200px;
	background-color:		#212427;
	-moz-border-radius:		7px;
	-webkit-border-radius:	7px;
	border:					2px solid #000;	
	color:					#fff;
}

.suggestionsBox a {
	color:					#fff;
}

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

.suggestionList li {
	
	margin:					0px 0px 3px 0px;
	padding:				3px;
	cursor:					pointer;
}

.suggestionList li:hover {
	background-color:		#659CD8;
}
/* ===== CSS Search ===== */

.alignCenter {
	margin:					0 auto;
}
/* === Design Tableaux === */

.tableaux {
	margin:					0 auto;
}
.tableaux td {
	padding:				15px 15px 15px 15px;
}

/* === FIN Design Tableaux Isolation === */

/* === CSS IMAGES === */
.imgLeft {
	float:					left;
	margin:					0px 15px 10px 0px;
}
.imgRight {
	float:					right;
	margin:					0px 0px 10px 15px;
}

.imgCenter {
	float:					none;
	display:				block;
	margin:					0 auto;
}
.titreSansLigne {
	border-bottom:			none;
}
/* === FIN CSS IMAGES === */
/* === CSS TABLEAUX TARIFS POUR PAGES SEPAREES === */
.tableauTarifs {
	width:					712px;
}
	#tarifs .tableauTarifs {
		margin:				0 auto;
	}
.tableauTarifs td {
	padding:				10px 10px 10px 10px;
	text-align:				center;
}
.tableauTarifs th {
	padding:				10px 10px 10px 10px;
}
.tableauTarifs thead th {
	background:				#428ee1;
}
.tableauTarifs thead th p {
	color:					#FFF;
}
tr.odd {
	background:				#FFF;
}
tr.even {
	background:				#F0F7F9;
}
tbody th.odd {
	background:				#FFF;
}
tbody th.even {
	background:				#88c1ff;
}
/* === FIN Design Tableaux Isolation === */

/* === Couleurs === */

.colorBlanc {
	color:					#FFF;
}

/* === FIN Couleurs === */
/* === TxtAlign === */
.txtAlignLeft {
	text-align:				left;
}
.txtAlignCenter {
	text-align:				center;
}
/* === FIN TxtAlign === */
/* === FIN CSS TABLEAUX TARIFS PAGES SEPAREES === */

/* === CSS BOITES === */
/* === CSS Boite Video === */	
.boiteVideo {
	padding:				2px;
	border:					solid 1px #CCCCCC;
	width:					177px;
	float:					left;
	display:				inline;
	margin:					0px 10px 0px 10px;
}
.contenuBoiteVideo {
	padding:				0px 8px 0px 8px;
	background-image:		url(../images/communes/degrader_boite_video.jpg);
	background-repeat:		repeat-x;
}
	.contenuBoiteVideo h5 {
	padding-top:		8px;
	padding-bottom:		10px;
	margin:				0px;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	color:				#252531;
	}
	.contenuBoiteVideo p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		line-height:		16px;
		color:				#252531;
	}
	.contenuBoiteVideo img {
		border:				solid 4px #EEEEEE;
		margin-bottom:		7px;
	}
.piedBoiteVideo {
	display:				block;
	height:					21px;
	background-color:		#e2e2e2; /* B5B4AA */
	margin-top:				10px;
	padding-top:			2px;
	padding-left:			10px;
}
	p.piedBoiteVideo {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#252531;
	}
	.piedBoiteVideo a {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		text-decoration:	underline;
	}
	.piedBoiteVideo a:hover {
		text-decoration:	none;
	}
/* === FIN CSS Boite Video === */
/* === CSS Boite Flottante G and D === */	
.boiteFlottanteG {
	padding:				2px;
	border:					solid 1px #CCCCCC;
	width:					176px;
	float:					left;
	display:				inline;
	margin:					0px 15px 0px 0px;
}
.boiteFlottanteD {
	padding:				2px;
	border:					solid 1px #CCCCCC;
	width:					176px;
	float:					right;
	display:				inline;
	margin:					0px 0px 0px 15px;
}
.boiteFlottanteLargeG {
	padding:				2px;
	border:					solid 1px #CCCCCC;
	width:					280px;
	float:					left;
	display:				inline;
	margin:					0px 15px 0px 0px;
}
.boiteFlottanteLargeD {
	padding:				2px;
	border:					solid 1px #CCCCCC;
	width:					280px;
	float:					right;
	display:				inline;
	margin:					0px 0px 0px 15px;
}
.contenuBoiteFlottante {
	padding:				0px 8px 0px 8px;
	background-image:		url(../images/communes/degrader_boite_video.jpg);
	background-repeat:		repeat-x;
}
	.contenuBoiteFlottante h5 {
		padding-top:		8px;
		padding-bottom:		10px;
		margin:				0px;
		font-family:		Georgia, 'Times New Roman', Times, serif;
		font-size:			16px;
		color:				#252531;
	}
	.contenuBoiteFlottante p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		line-height:		16px;
		color:				#252531;
	}
	.contenuBoiteFlottante img {
		border:				solid 4px #EEEEEE;
		margin-bottom:		10px;
	}
.piedBoiteFlottante {
	display:				block;
	height:					21px;
	background-color:		#e2e2e2; /* B5B4AA */
	margin-top:				11px;
	padding-top:			2px;
	padding-left:			10px;
}
	p.piedBoiteFlottante {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#252531;
	}
	.piedBoiteFlottante a {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		text-decoration:	none;
	}
	.piedBoiteFlottante a:hover {
		text-decoration:	underline;
	}
/* === FIN CSS Boite Flottante G and D === */
/* === CSS DL Flottante G and D === */

.floatG {
	float:					left;
	display:				inline;
	margin:					0px 15px 0px 0px;
}
.floatD {
	float:					right;
	display:				inline;
	margin:					0px 0px 0px 15px;
}
.taille150px {
	width:					150px;
}
dl.boiteDlGrise {
	padding:				0px;
	border:					1px solid #cccccc;
	background:				url(../images/communes/degrader_boite_video.jpg) repeat-x;
}
	dl.boiteDlGrise dt {
		font-family: 		Verdana, Geneva, sans-serif;
		font-size:			12px;
		color:				#252531;
		font-weight:		bold;
		display:			block;
		height:				23px;
		border-top:			2px solid #ffffff;
		border-left:		2px solid #ffffff;
		border-right:		2px solid #ffffff;
		padding:			8px 8px 0px 8px;
		margin:				0px;
	}
	dl.boiteDlGrise dd {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		color:				#252531;
		padding:			0px 8px 0px 8px;
		margin:				0px 0px 8px 0px;
	}
	dl.boiteDlGrise dd {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		color:				#252531;
	}
	dl.boiteDlGrise img {
		border:				solid 4px #EEEEEE;
		display:			block;
		margin:				0 auto;
	}
	dl.boiteDlGrise p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		line-height:		16px;
		color:				#252531;
	}
	dl.boiteDlGrise dd.piedDlGris {
		display:			block;
		height:				20px;
		padding:			7px 8px 0px 8px;
		margin:				7px 0px 0px 0px;
		border-left:		2px solid #ffffff;
		border-right:		2px solid #ffffff;
		border-bottom:		2px solid #ffffff;
		background-color:	#CCC;
	}
	dl.boiteDlGrise dd.piedDlGris, dl.boiteDlGrise dd.piedDlGris p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
	}
		dd.piedDlGris a {
			/* color:			#252531; */
			text-decoration:underline;
		}
		dd.piedDlGris a:hover {
			text-decoration:none;
		}
/* === FIN CSS DL Flottante G and D === */
/* === FIN CSS BOITES === */

/* === CSS INFOS PIED DE PAGE === */

.infosPieddePage {
	float:					left;
	margin:					31px 25px 0px 25px;
	width:					204px;
	display:				inline;
}

	.infosPieddePage h6 {
		margin:				0px 0px 10px 0px;
		font-family:		Georgia, 'Times New Roman', Times, serif;
		font-size:			12px;
		color:				#252531;
	}
	.infosPieddePage p {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			11px;
		color:				#252531;
		line-height:		30px;
	}

/* === FIN CSS INFOS PIED DE PAGE === */

/* === CSS MENUS PUIT DE LUMIERE === */
ul.menusPuitLumiere {
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
	/* ul.menusPuitLumiere li:first-child {
		margin:				0px 12px 0px 0px;
	} */
	ul.menusPuitLumiere li {
		font-size:			11px;
		float:				left;
		display:			block;
		_display:			inline;
		text-align:			center;
		margin:				0px 6px 0px 6px;
	}
	ul.menusPuitLumiere img {
		margin-bottom:		5px;
	}
	ul.menusPuitLumiere a {
		text-decoration:	none;
	}
	ul.menusPuitLumiere a:hover {
		text-decoration:	underline;
	}
/* === FIN CSS MENUS PUIT DE LUMIERE === */
.imgTexte {
	margin:					0px;
	padding:				0px;
	text-align:				center;
}
	.imgTexte dt {
		margin:				0px 15px 0px 15px;
		padding:			0px;
	}
	.imgTexte dd {
		margin:				0px 0px 10px 0px;
		padding:			0px;
	}
		.imgTexte dd, .imgTexte dd p {
			font-family:	Arial, Helvetica, sans-serif;
			font-size:		12px;
			/* line-height:	16px; */
			color:			#252531;
		}
		.imgTexte a {
			text-decoration:underline;
		}
		.imgTexte a:hover {
			text-decoration:none;
		}
	.imgTexte img {
		border:				solid 2px #EEEEEE;
		margin-bottom:		8px;
		padding:			3px;
	}

.textImg {
	margin:					0px;
	padding:				0px;
	text-align:				center;
}
	.textImg dd {
		margin:				0px 15px 0px 15px;
		padding:			0px;
	}
	.textImg dt {
		margin:				0px 0px 10px 0px;
		padding:			0px;
	}
		.textImg dt, .textImg dt p {
			font-family:	Georgia, "Times New Roman", Times, serif;
			font-size:		14px;
			/* line-height:	16px; */
			color:			#333;
			font-weight:	bold;
		}
		.textImg a {
			text-decoration:underline;
		}
		.textImg a:hover {
			text-decoration:none;
		}
	.textImg img {
		border:				solid 2px #EEEEEE;
		margin-bottom:		8px;
		padding:			3px;
	}