ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #c0c0c0;
	background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.mail{
  font-family: Helvetica;
  font-size: 10px;    
}

.mail a:link{
	
	color:#000;
	font-size: 10px;
}

.mail a:hover{
	
	color:#ff0000;
	text-decoration:underline;
	font-size: 10px;
}

.mail a:visited{
	
	color:#000;
	font-size: 10px;
}

.savoirfaire_menu{
  font-family: Helvetica;
  color:#ccc;
  font-size: 10px;    
}

.savoirfaire_menu a:link{
	
	color:#ccc;
	font-size: 10px;
}

.savoirfaire_menu a:hover{
	
	color:#ff0000;
	text-decoration:underline;
	font-size: 10px;
}

.savoirfaire_menu a:visited{
	
	color:#ccc;
	font-size: 10px;
}

.grosnumero{
  font-family: Helvetica;
  font-size: 40px;    
}

.grostitre{
  font-family: Helvetica;
  font-size: 16px;    
}

.description{
  font-family: Helvetica;
  font-size: 12px;   
  color: #4d4d4d;
  width: 230px;
}

.contact{
  font-family: Helvetica;
  font-size: 12px;    
}

.titrepresentation{
  font-family: Helvetica;
  font-size: 14px; 

  color: #000;
  width: 240px;
}

.ppresentation{
  font-family: Helvetica;
  font-size: 12px; 
  line-height: 14px;
  color: #4d4d4d;
  width: 240px;
}

.basproduit{
    background-image: url(../images/basproduit.jpg);
	background-repeat: no-repeat;
	width:1086px;
	height:198px;
}

.photo_habitat_01{
    background-image: url(../images/photo_habitat_01.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_habitat_02{
    background-image: url(../images/photo_habitat_02.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_habitat_03{
    background-image: url(../images/photo_habitat_03.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_habitat_04{
    background-image: url(../images/photo_habitat_04.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_cuisine_01{
    background-image: url(../images/photo_cuisine_01.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}


.photo_cuisine_02{
    background-image: url(../images/photo_cuisine_02.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}


.photo_cuisine_03{
    background-image: url(../images/photo_cuisine_03.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_cuisine_04{
    background-image: url(../images/photo_cuisine_04.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_bureaux_01{
    background-image: url(../images/photo_bureaux_01.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_bureaux_02{
    background-image: url(../images/photo_bureaux_02.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_bureaux_03{
    background-image: url(../images/photo_bureaux_03.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_bureaux_04{
    background-image: url(../images/photo_bureaux_04.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_luminaires_01{
    background-image: url(../images/photo_luminaires_01.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}


.photo_luminaires_02{
    background-image: url(../images/photo_luminaires_02.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}


.photo_luminaires_03{
    background-image: url(../images/photo_luminaires_03.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_luminaires_04{
    background-image: url(../images/photo_luminaires_04.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_collectivite_01{
    background-image: url(../images/photo_collectivite_01.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_collectivite_02{
    background-image: url(../images/photo_collectivite_02.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_collectivite_03{
    background-image: url(../images/photo_collectivite_03.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}

.photo_collectivite_04{
    background-image: url(../images/photo_collectivite_04.jpg);
	background-repeat: no-repeat;
	width:816px;
	height:394px;
}
.gauche_accueil{
    background-image: url(../images/gauche_accueil.jpg);
	background-repeat: no-repeat;
	width:528px;
	height:593px;
}

.haut{
    background-image: url(../images/haut.jpg);
	background-repeat: no-repeat;
	width:1086px;
	height:185px;
}

.haut2{
    background-image: url(../images/haut2.jpg);
	background-repeat: no-repeat;
	width:1086px;
	height:185px;
}

.gauche_presentation{
    background-image: url(../images/gauche_presentation.jpg);
	background-repeat: no-repeat;
	width:528px;
	height:593px;
}

.gauche_produit{
    background-image: url(../images/gauche_presentation.jpg);
	background-repeat: no-repeat;
	width:270px;
	height:394px;
}

.gauche_contact{
    background-image: url(../images/gauche_contact.jpg);
	background-repeat: no-repeat;
	width:528px;
	height:593px;
}


.droite_contact{
    background-image: url(../images/droite_contact.jpg);
	background-repeat: no-repeat;
	width:558px;
	height:593px;
}

.mention{
    background-image: url(../images/mention.jpg);
	background-repeat: no-repeat;
	width:558px;
	height:593px;
}

.droite_presentation{
    background-image: url(../images/droite_presentation.jpg);
	background-repeat: no-repeat;
	width:558px;
	height:593px;
}

.footer{
    background-image: url(../images/bas.jpg);
	background-repeat: no-repeat;
	width:1086px;
	height:135px;
	color:#fff;
	font-size: 11px;
	padding-top:90px;
}

.footer a:link{
	
	color:#fff;
	font-size: 11px;
}

.footer a:hover{
	
	color:#fff;
	text-decoration:underline;
	font-size: 11px;
}

.footer a:visited{
	
	color:#fff;
	font-size: 11px;
}

.blocmenu{
    position: relative;
	top: 315px;
	left: 90px;
	width:140px;
}
/********/

#btn_contact {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 64px;
height: 16px;
background: url(../images/btn_contact_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#btn_contact a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/btn_contact.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#btn_contact a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#btn_accueil {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 64px;
height: 18px;
background: url(../images/btn_accueil_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#btn_accueil a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/btn_accueil.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#btn_accueil a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#btn_quisommesnous {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 140px;
height: 17px;
background: url(../images/btn_quisommes_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#btn_quisommesnous a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/btn_quisommes.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#btn_quisommesnous a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#btn_savoir {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 115px;
height: 16px;
background: url(../images/btn_savoir_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#btn_savoir a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/btn_savoir.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#btn_savoir a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_01 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 270px;
height: 132px;
background: url(../images/01_habitat_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_01 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/01_habitat_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_01 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_02 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 288px;
height: 132px;
background: url(../images/02_cuisine_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_02 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/02_cuisine_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_02 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_03 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 270px;
height: 132px;
background: url(../images/03_bureaux_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_03 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/03_bureaux_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_03 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_04 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 288px;
height: 132px;
background: url(../images/04_luminaires_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_04 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/04_luminaires_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_04 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_05 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 270px;
height: 130px;
background: url(../images/05_collectivite_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_05 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/05_collectivite_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_05 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/********/

#panneau_06 {	/* "lien" sera notre conteneur, ici la balise div */
	float: left;
width: 288px;
height: 130px;
background: url(../images/06_collectivite_over.jpg) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#panneau_06 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background:url(../images/06_collectivite_off.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#panneau_06 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}