#general {
/* caractéristiques du body */
	background-color: #1B1B1F;
	color: #000000;
	margin-top: 0px;
}

#general1 {
/* caractéristiques du body pour les popups*/
	background-color: #1B1B1F;
	color: #000000;
}

#conteneur {
/* caractéristiques du conteneur des tous les éléments de la page */
	width: 980px;
	height: 550px;
	margin: 10px auto 10px auto;
	position: relative;
	background-color: #1B1B1F;
	background-image: url('images/bgnd.jpg');
	color: #000000;
	background-repeat: no-repeat;
	background-position: top;
	}

.logo_index {
/* caractéristiques et positionnement du logo dans la page d'accueil */
	position: absolute;
	background-color: #1B1B1F;
	width: 287px; 
	height: 103px;
	top: 257px; 
	left: 435px;
	
	/*top: 240px;
	left: 85px; */
}

.logo_page {
/* caractéristiques et positionnement du logo dans les pages (sauf index) */
	position: absolute;
	background-color: #1B1B1F;
	width: 299px;
	height: 103px;
	top: 87px;
	left: 648px;
	text-align: center;
}

.activites_contact {
/* caractéristiques et positionnement du bloc reprenant les activités de la société, bloc situé sous le logo dans la page contact */
	position: absolute;
	background-color: inherit;
	color: #ACC92F;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px; /* 12px */
	width: 250px;
	height: 82px; /* 70px */
	top: 175px; /* 180px */
	left: 691px;
	text-align: right;
	white-space: nowrap;
	overflow: auto;
}	
	
.valid_x {
/* caractéristiques et positionnement du logo XHTML W3C | non utilisé dans ce cas-ci */
	position: absolute;
	background-color: inherit;
	color: #000000;
	top: 525px;
	left: 1px; 
	height: 15px;
}

.valid_c {
/* caractéristiques et positionnement du logo CSS W3C | non utilisé dans ce cas-ci */
	position: absolute;
	background-color: inherit;
	color: #000000;
	top: 525px;
	left: 87px; 
	height: 15px;
}

.valid {
/* caractéristiques et positionnement des mentions W3C */
	position: absolute;
	background-color: inherit;
	color: #808080;
	font-family: arial, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	top: 525px;
	left: 3px;
	text-align: left;
}

.credits {
/* positionnement des credits Soft&Log */
	position: absolute;
	background-color: inherit;
	color: #808080;
	font-family: arial, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	top: 525px;
	left: 670px; 
	text-align: right;
}	

.coords_inpage {
/* positionnement et caractéristiques des coordonnées client dans les pages (sauf index) */
	position: absolute;
	background-color: inherit;
	color: #808080;
	font-family: arial, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	top: 525px;
	left: 29px; 
	text-align: right;
}	

.imagelien {
/* pour suppression des bordures des images-liens */
	background-color: inherit;
	color: #808080;
	border: 0px;
	padding-top: 4px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

.diapo {
/* pour positionnement du diapo dans les pages */
	position: absolute;
	background-color: inherit;
	color: #FFFFFF;
	top: 257px; 
	left: 197px;
	width: 204px;
	height: 230px;
}

a.label {
/* pour mise en forme des liens dans les credits et W3C  | non utilisé dans ce cas-ci */
	background-color: inherit;
	color: #808080;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size: 10px;
}

a.label:hover {
/* pour mise en forme des liens dans les credits et W3C | non utilisé dans ce cas-ci  */
	background-color: inherit;
	color: #808080;
	text-decoration: underline;
}

a.lien {
/* pour mise en forme des liens dans les pages (mailto dans index) */
	background-color: inherit;
	color: #FFFFFF;
}

.small_cell {
/* caractéristiques des 2 petites cellules-boutons (gauche et droite) dans le tableau du diaporama */
	background-color: inherit;
	color: #808080;
	text-align: center;
	width: 28px;
	height: 16px;
	border: 1px solid #808080;
}

.small_cell1 {
/* caractéristiques de la petite cellule-bouton (centre) dans le tableau du diaporama */
	background-color: inherit;
	color: #808080;
	text-align: center;
	width: 28px;
	height: 16px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.large_cell {
/* caractéristiques de la grande cellule à gauche des boutons dans le diaporama */
	background-color: inherit;
	color: #808080;
	width: 156px;
}

.image_popup {
/* pour positionnement de l'image correspondante dans le popup */
	background-color: inherit;
	color: #808080;
	font-family: arial, sans-serif;
	font-size: 10px; 
	text-align: center;
}

.titre_txt {
/* caractéristiques et positionnement du titre des textes dans les pages */
	position: absolute;
	top: 257px; 
	left: 435px;
	background-color: inherit;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 19px;
	letter-spacing: 3px;
}

.titre_txt:first-letter{
/* mise en forme de la première lettre du titre du texte */
	background-color: inherit;
	color: #FFFFFF;
	font-size: 26px;
	font-style: normal;
}

.txt_page {
/* caractéristiques et positionnement du texte dans les pages */
	position: absolute;
	background-color: inherit;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 11px;
	width: 540px;
	height: 180px;
	top: 325px;
	left: 410px;
	overflow: auto;
	padding-right: 20px;
	text-align: justify;
	letter-spacing: 1px;
}

.titre_page {
/* caractéristiques et positionnement du titre des pages */
	position: absolute;
	top: 175px; /*155px; */
	left: 37px;/*35px; */
	background-color: inherit;
	color: #ACC92F;
	font-family: HelveticaNeueLTPro-Cn, helvetica, verdana, arial, sans-serif;
	font-size: 27px;
	letter-spacing: 3px;
	z-index: 1;
}

.sous_titre_txt{
/* caractéristiques et positionnement du sous-titre du texte dans la page d'index */
	background-color: inherit;
	color: #ACC92F;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}


.coords_index {
/* caractéristiques et positionnement des coordonnées dans la page d'index */
	position: absolute;
	background-color: inherit;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	width: 520px; 
	height: 150px;
	top: 350px; 
	left: 435px;
	overflow: auto;
	padding-right: 20px;
	text-align: justify;
	letter-spacing: 1px;
}

.map {
/* positionnement du plan d'accès dans la page 6 (accès) */
	position: absolute;
	background-color: inherit;
	color: inherit;
	top: 149px; 
	left: 54px; 
}

.map_lg {
/* caractéristiques et positionnement de l'image dans le popup zoom pour le plan d'accès */
	background-color: #1B1B1F;
	color: #808080;
	text-align: center;
}

.txt_inpage {
/* caractéristiques et positionnement du texte inclus dans les pages 1, 2, 3, 4 (résidentiel, commercial et industriel, basse énergie, transformation et restauration */
	position: absolute;
	background-color: inherit;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	width: 505px;
	height: 150px;
	top: 350px;
	left: 435px;
	overflow: auto;
	padding-right: 15px;
}

.bloc_liens_inpage {
/* caractéristiques et positionnement du bloc contenant les liens internes des pages 1, 2, 3, 4 (résidentiel, commercial et industriel, basse énergie, transformation et rénovation) */
	position: absolute;
	background-color: inherit; 
	color: inherit;
	width: 156px; /*169px;*/
	height: 245px;
	top: 253px;
	left: 36px; /*17px;*/
	text-align: left; /*right;*/
	font-family: arial, sans-serif;
	font-size: 10px; /*12px;*/
	line-height: 18px;
	font-weight: bold;
}

.lien_inpage {
/* caractéristiques des liens internes dans les pages 1, 2, 3, 4 (résidentiel, commercial et industriel, basse énergie, tranformation et restauration) */
	background-color: inherit;
	color: #FFFFFF;
	text-decoration: none;
}

.lien_inpage:hover {
/* caractéristiques des liens internes dans les pages 1, 2, 3, 4 (résidentiel, commercial et industriel, basse énergie, tranformation et restauration) au survol */
	background-color: inherit;
	color: #ACC92F;
	text-decoration: none;
}

.lien_inpage_actif {
/* caractéristiques du lien interne actif dans la page 1, 2, 3 ou 4 (résidentiel, commercial et industriel, basse énergie, tranformation et restauration) */
	background-color: inherit;
	color: #ACC92F;
	text-decoration: none;
}



.menu1{
/* positionnement de l'image menu 1 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 36px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu1.jpg');
	background-repeat: no-repeat;	
}

.menu1:hover{
/* positionnement de l'image menu 1 au survol */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 36px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu1_hover.jpg');
	background-repeat: no-repeat;	
}

.menu2{
/* positionnement de l'image menu 2 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 127px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu2.jpg');
	background-repeat: no-repeat;
}

.menu2:hover{
/* positionnement de l'image menu 2 au survol */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 127px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu2_hover.jpg');
	background-repeat: no-repeat;
}

.menu3{
/* positionnement de l'image menu 3 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 218px;
	width: 91px;
	height: 125px;
	background-image:  url('images/menu/menu3.jpg');
	background-repeat: no-repeat;
}

.menu3:hover{
/* positionnement de l'image menu 3 au survol */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 218px;
	width: 91px;
	height: 125px;
	background-image:  url('images/menu/menu3_hover.jpg');
	background-repeat: no-repeat;
}

.menu4{
/* positionnement de l'image menu 4 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 309px; 
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu4.jpg');
	background-repeat: no-repeat;
}

.menu4:hover{
/* positionnement de l'image menu 4 au survol */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px; 
	left: 309px; 
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu4_hover.jpg');
	background-repeat: no-repeat;
}

.menu5{
/* positionnement de l'image menu 5 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px;
	left: 401px;
	width: 91px;
	height: 125px;
	background-image:url('images/menu/menu5.jpg');
	background-repeat: no-repeat;
	
}

.menu5:hover{
/* positionnement de l'image menu 5 */
	position: absolute;
	background-color: transparent;
	color: #FFFFFF;
	top: 17px;
	left: 401px;
	width: 91px;
	height: 125px;
	background-image:url('images/menu/menu5_hover.jpg');
	background-repeat: no-repeat;
}

.menu6{
	position: absolute;
	top: 17px;
	left: 492px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu6.jpg');
	background-color: transparent;
	color: #FFFFFF;
}
	
.menu6:hover{
	position: absolute;
	top: 17px;
	left: 492px;
	width: 91px;
	height: 125px;
	background-image: url('images/menu/menu6_hover.jpg');
	background-color: transparent;
	color: #FFFFFF;
}

.link{
	background-color: transparent;
	color: #FFFFFF;
	border: 0px;
}	

.menu_vertic{
/* positionnement de l'image libellée "Menu", à côté du menu */
	position: absolute;
	background-color: transparent;
	color: inherit;
	top: 54px;
	left: 23px;
}

.banner_flash{
/* positionnement de la banni?re Flash menant vers blog */
	position: absolute;
	background-color: transparent;
	color: inherit;
	width: 379px;
	height: 94px;
	/*top: 48px;
	left: 581px; */
	top: 290px;
	left: 21px;
	
}