/********************************************************************* 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: #666666;
	text-decoration: none;
}

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

/******************************************************************** 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;
}


a.lien1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1250a4;
	text-decoration: none;
}
a.lien1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1250a4;
	text-decoration: none;
}
a.lien1:hover {
	text-decoration: underline;
	color: #1250a4;
}
a.lien1:active {
	text-decoration: none;
	color: #1250a4;
}

/********************************************************************** 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{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
.fondsite {
	background-image: url(gifs/images/maroeuil_28.jpg);
	background-repeat: repeat-y;
}
.adresse {
	background-image: url(gifs/images/maroeuil_30.jpg);
	height: 63px;
}
.fondcontenu {
	background-image: url(gifs/images/maroeuil_20.jpg);
	background-repeat: no-repeat;
}
.fondnews {
	background-image: url(gifs/images/maroeuil_14.jpg);
	height: 51px;
	text-align:center;
}
.blanc {
	color: #FFFFFF;
}
.rouge {
	color: #c80505;
}

.rougegd {
	color: #c80505;
	font-size: 14px;
}
.bleu {
	font-size: 12px;
	color: #1493DE;
}
.pourbdd1 {
	background-image: url(gifs/images/pourbdd_02.jpg);
	background-repeat: repeat-y;
}
.alignementgauche {
float: left;
display:block;
margin-right: 10px;
}


/********************************************rollover******************************************************/
#index {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 89px;  /* changer la largeur ici */ 
    height: 43px; /* changer la hauteur ici */ 
    background: url(gifs/images/maroeuil_over_05.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/maroeuil_05.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; 
} 


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

#energie a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
}
/**********************************************************************************************************/
.ita {
	font-size: 10px;
	font-style: italic;
}