/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.vertclair {
	color: #c7fd7c;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#activité{
	font-weight: bolder;
	font-size: 16px;
	color: #000066;
	}
/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/
legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.bleu {
	background-color: #6cb8e7;
}
.fondvertclair {
	background-color: #9DC886;
}

.fondintro {
	background-image: url(gifs/images/intro_04.gif);
	background-repeat: repeat-x;
	height: 702px;	
}

.fleur {
	background-image: url(gifs/images/fleur_06.gif);
	background-repeat: no-repeat;
	height: 220px;
}
.bleufonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003971;
	text-decoration: underline;
}
.centreimage {
	margin: 2px;
	padding: 2px;
}

.textemarge{
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}


.vert {
	background-color: #cdeba3;
}
.fondsite {
	background-image: url(gifs/images/bionis_04.jpg);
	background-repeat: repeat-x;
}
.blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.autre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}


.fondsitegauche {
	background-image: url(gifs/images/bionis_01.gif);
	background-repeat: repeat-x;
}
.petage {
	background-image: url(gifs/images/pourpetage_22.gif);
	background-repeat: repeat;
}
.fondnews {
	background-image: url(gifs/images/bionis_20.jpg);
	background-repeat: no-repeat;
	height: 32px;
}
.textevert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006633;
}



/*********************************menu rollover**************************************/
#index {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 35px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_10.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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


#conseil {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 25px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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


#eaux {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 25px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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


#taillis {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 40px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_16.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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


#maitrise {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 42px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_17.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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


#bionis {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 29px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis-rollover_18.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

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

#actualites{    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 256px;  /* changer la largeur ici */ 
    height: 29px; /* changer la hauteur ici */ 
    background: url(gifs/images/bionis_over_21.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

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

#actualites a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**********************************************************************************************************/
/****************************************rollover pour traitement*****************************************/
#traitement1{    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 66px; /* changer la hauteur ici */ 
    background: url(gifs/images/fleur-eaux-rollover_06.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#traitement1 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/fleur-eaux_06.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#traitement2 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 49px; /* changer la hauteur ici */ 
    background: url(gifs/images/fleur-eaux-rollover_08.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#traitement2 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/fleur-eaux_08.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#traitement3 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 51px; /* changer la hauteur ici */ 
    background: url(gifs/images/fleur-eaux-rollover_09.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#traitement3 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/fleur-eaux_09.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#traitement4 {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 55px; /* changer la hauteur ici */ 
    background: url(gifs/images/fleur-eaux-rollover_10.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#traitement4 a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/fleur-eaux_10.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


/*********************************rollover pour taillis**************************************/
#s {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 340px;  /* changer la largeur ici */ 
    height: 59px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-taillis-rollover_06.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#s a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-taillis_06.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#g {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 340px;  /* changer la largeur ici */ 
    height: 60px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-taillis-rollover_08.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#g a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-taillis_08.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#g a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**********************************************************************************************************/
/***************************************rollover pour maitrise de vos installations*****************************************/
#a {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 485px;  /* changer la largeur ici */ 
    height: 66px; /* changer la hauteur ici */ 
   /*background: url(gifs/images/sscat-maitrise-rollover_06.gif) no-repeat left top;*/    /* placement de l'image over */ 
} 

#a a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    /*background: url(gifs/images/sscat-maitrise_06.gif) no-repeat left top;*/   /* placement de l'image du menu */ 
    color: #000; 
} 

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


#b {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 49px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-maitrise-rollover_08.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#b a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-maitrise_08.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#c {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 51px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-maitrise-rollover_10.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#c a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-maitrise_10.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#d {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 55px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-maitrise-rollover_11.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#d a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-maitrise_11.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#e {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 405px;  /* changer la largeur ici */ 
    height: 60px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-maitrise-rollover_12.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#e a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-maitrise_12.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#e a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**********************************************************************************************************/
/***************************************rollover pour conseil et diagnostic*****************************************/
#y {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 477px;  /* changer la largeur ici */ 
    height: 58px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-conseil-rollover_06.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#y a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-conseil_06.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#x {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 477px;  /* changer la largeur ici */ 
    height: 61px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-conseil-rollover_07.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#x a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-conseil_07.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#z {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 477px;  /* changer la largeur ici */ 
    height: 63px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-conseil-rollover_08.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#z a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-conseil_08.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#z a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**********************************************************************************************************/
/*********************************rollover bionis*****************************************/
#historique {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 211px;  /* changer la largeur ici */ 
    height: 66px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-bionis-rollover_01.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#historique a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-bionis_01.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

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


#reference {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 211px;  /* changer la largeur ici */ 
    height: 77px; /* changer la hauteur ici */ 
    background: url(gifs/images/sscat-bionis-rollover_02.gif) no-repeat left top;    /* placement de l'image over */ 
} 

#reference a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/sscat-bionis_02.gif) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#reference a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**************************************************** Modifs ******************************************************/
.titre {
font-size:13px;
color:white;
font-weight:bold;
padding:5px;
}

.descriptif {
font-size:11px;
color:#333333;
text-align:justify;
}

.photo {
border:1px solid #b5e07a;
padding:1px;
}