.filet_violet {
	color: #522498;
	border-bottom:dashed 1px #522498;
	width:250px;
}
.violet1 {
	color:#522498;
}
.gris1 {
	color:#9E9E9E;
}
h3.orange1 {
	color:#EC7A08;
}
.vert1 {
	color:#7AB800;
}
.filet_gris1 {
	color:#9E9E9E;
	border-bottom:dashed 1px #9E9E9E;
}
.filet_orange1 {
	color:#EC7A08;
	border-bottom:dashed 1px #EC7A08;
}
.filet_vert1 {
	color:#7AB800;
	border-bottom:dashed 1px #7AB800;
}
.filet_violet1 {
	color: #522498;
	border-bottom:dashed 1px #522498;
}
#colonne_gauche #entete_sous_menu_int  h2{
	padding-left:5px;
}

#centre ul{
	margin-left: 40px;
	margin-bottom: 20px;
}

#centre li{
	font-size: 0.7em;
}



#colonne_droite #entete_sous_menu,
#colonne_droite #entete_sous_menu_int {
	position: relative;
	width:186px;
	height:32px;
	background:url(../images/encart_head.gif) no-repeat;
}
#colonne_droite #entete_sous_menu_int {
	margin-top:20px;
}
 
#colonne_droite #entete_sous_menu h2,
#colonne_droite #entete_sous_menu_int h2 {
	position:relative;
	color:#FFFFFF;
	font-size:0.77em;
	text-align:center;
	padding-top:10px;
}

#colonne_droite #body_sous_menu  {
	position: relative;
	width:186px;
	background:url(../images/encart_body.gif) #EFEFEF;
	height: auto;
	min-height: 100px; 
	_height: 100px;
	min-height: 100px;
}
 
#colonne_droite #body_sous_menu ul {
	position:relative;
	margin-left:15px;
	}
 
#colonne_droite #body_sous_menu li {
	list-style-type:none;
	padding-left:25px;
	padding-bottom:2px;
	}
#colonne_droite #body_sous_menu p {
	margin-left:15px;
	padding-bottom:8px;
	font-size:0.71em;
	}
#colonne_droite #body_sous_menu img {
	margin-left:15px;
	}
	
#colonne_droite #body_sous_menu li a {
	color:#7F7F7F;
	font-size:0.71em;
	font-weight:bold;
	text-decoration:none;
}

#colonne_droite #body_sous_menu li a:hover {
	color:#000000;
	}

#colonne_droite #foot_sous_menu {
	position: relative;
	width:186px;
	height:21px;
	background:url(../images/encart_foot.gif) no-repeat;
}

#colonne_droite #body_sous_menu ul {
	position:relative;
	margin-left:25px;
	}
#colonne_droite #body_sous_menu li {
	list-style-type:circle;
	padding-left:5px;
	padding-bottom:2px;
}

#FermeEnFerme a{
	color: #522498;
	font-weight:bold;
	text-decoration: none;
}

#FermeEnFerme a:hover{
	color: #000;
}

#ArboNiv1 a{
	color: #522498;
	text-decoration: none;
}

#ArboNiv1 a:hover{
	color: #000;
}

#conteneur #centre #ArboNiv1 #FichePrestaFerme h4{
	font-size:1.03em;
	color: #522498;
}

#FichePrestaFerme {
	padding: 10px;
}

#blocCommune{
	background-color: #eee;
}

#blocCommune ul{
	margin-left: 20px;
}

#blocCommune a{
	font-weight: bold;
	color: #9E9E9E;
	text-decoration: none;
}

#blocCommune a:hover{
	color: #000;
}

/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	color: white;
	background: #522498;
	margin: 0;
	padding: .5em;
	font-weight: bold;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #522498;
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label, #corpForm fieldset#votreRecherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
/**************************/

/*** Mise en forme du formulaire envoi ami phototehque***/
#titreFormPhoto, #piedFormPhoto {	/*** Mise en forme du titre et du pied de formulaire ***/
	color: white;
	background: #9e9e9e;
	margin: 0;
	padding: .2em;
	font-weight: bold;
	width: 100%;
}
#piedFormPhoto {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedFormPhoto input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpFormPhoto {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid #9e9e9e;*/
	color: black;
	background: #efefef;
	margin: 0;
	padding: .2em;
	width: 100%;
}
#corpFormPhoto fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormPhoto legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpFormPhoto p {	/*** Mise en forme des lignes du formulaire ***/
	/*padding: .2em 0;
	margin: 0 0 .2em 0;*/
}
#corpFormPhoto fieldset#champsObli label, #corpFormPhoto fieldset#votreRecherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1;	/*** ... et centrés verticalement. ***/
}
#corpFormPhoto label:hover, #piedFormPhoto input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
/**************************/

.picturecontainer a{
	color: black;
}

#ajaxSearch_paging {
	text-align: center;
}

.ajaxSearch_resultLink {
	color: #9e9e9e;
}
.ajaxSearch_highlight1 {
	color: red;
}

.ditto_page{
	color: #9e9e9e;
}
#gmap_acces {
	width: 100%; 
	height: 300px;
}

#gmap-dechets{
	width: 500px;
	height: 300px;
	border: 1px solid black;
}

/*** Mise en forme du formulaire de contact***/
#titreFormC, #piedFormC {	/*** Mise en forme du titre et du pied de formulaire ***/
	color: white;
	background: #9e9e9e;
	margin: 0;
	padding: .2em;
	font-weight: bold;

}
#piedFormC {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedFormC input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpFormC {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid #9e9e9e;*/
	color: black;
	background: #efefef;
	margin: 0;
	padding: .2em;

}
#corpFormC fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpFormC legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpFormC p {	/*** Mise en forme des lignes du formulaire ***/
	padding:0;
	margin: 0;
}
#corpFormC fieldset#champsObli label, #corpFormC fieldset#votreRecherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1;	/*** ... et centrés verticalement. ***/
}
#corpFormC label:hover, #piedFormC input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpFormC .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}

#corpFormC textarea {
	width: 400px;
	height: 200px;
}
/**************************/

.dev_eco a, .dev_eco_body a{
	color: #522498;
	font-weight: bold;
	text-decoration: none;
}

.dev_eco a:hover, .dev_eco_body a:hover{
	color: #000;
}

.envir a, .envir_body a{
	color: #7AB800;
	font-weight: bold;
	text-decoration: none;
}

.envir a:hover, .envir_body a:hover{
	color: #000;
}

.solid a, .solid_body a{
	color: #EC7A08;
	font-weight: bold;
	text-decoration: none;
}

.solid a:hover, .solid_body a:hover{
	color: #000;
}

.vdd a, .vdd_body a{
	color: #9E9E9E;
	font-weight: bold;
	text-decoration: none;
}

.vdd a:hover, .vdd_body a:hover{
	color: #000;
}

#conteneur #centre li{
	font-size:11px;
}

#conteneur #centre p{
	/*margin: 5;*/
	/*padding: 5;*/
	margin-bottom: 10px;
	margin-top: 5px;
}

#G-D-Livron, #G-D-Beaufort, #G-D-Loriol, #G-D-Bourdeaux, #G-D-Eurre{
	width: 500px; 
	height: 300px;
	border: 1px solid black;
}

#Fiche-Presta-Ferme, #Fiche-Ecoso-Annuaire {
	margin: 10px;
}

#Fiche-Presta-Ferme h4 {
	color: #522498;
	font-size: 0.88em;
}

#Fiche-Presta-Ferme p , #Fiche-Ecoso-Annuaire p{
	font-size:0.71em;
	margin-bottom:15px;
}

#Fiche-Presta-Ferme ul, #Fiche-Ecoso-Annuaire ul {
	font-size:0.71em;
	margin-left:15px;
	margin-bottom: 15px;
}

#Fiche-Presta-Ferme li, #Fiche-Ecoso-Annuaire li {
	list-style-type:none;
	padding-bottom:2px;
}

#Fiche-Presta-Ferme li a {
	color: #522498;
	font-weight:bold;
	text-decoration:none;
}
#Fiche-Presta-Ferme li a:hover, #Fiche-Ecoso-Annuaire li a:hover {
	color: #000;
}

#Fiche-Ecoso-Annuaire li a {
	color: #EC7A08;
	font-weight:bold;
	text-decoration:none;
}

#Fiche-Ecoso-Annuaire h4 {
	color: #EC7A08;
	font-size: 0.88em;
}

#Fiche-Ecoso-Annuaire h1 {
	color: #000;
	font-size: 0.88em;
}

#Fiche-Ecoso-Annuaire h2 {
	color: #ccc;
	font-size: 0.88em;
}

#Bloc-Special {
	/*border: 1px solid blue;*/
	width: 265px;
	height: 106px;
	background:url(../images/nous-contacter.jpg) no-repeat;
	margin-left:16px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#Bloc-Special a {
	text-indent:-50000px;
	position:absolute;
	width: 265px;
	height: 106px;
}

#Bloc-Special2 {
	width: 265px;
	height: 106px;
	background:url(../images/panel.jpg) no-repeat;
	margin-left:16px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#Bloc-Special2 a {
	text-indent:-50000px;
	position:absolute;
	width: 265px;
	height: 106px;
}

#entete_sous_menu_int h2 a{
	color:#fff;
	text-decoration: none;
}

#entete_sous_menu_int h2 a:hover{
	color:#fff;
	text-decoration: none;
}

#bloc-ecoso {
	margin-left: 25px;
	width: 189px;
	height: 198px;
	background:url(../images/fond-bloc-ecoso.jpg) no-repeat;
	/*border: 1px solid blue;*/
	float: left;
}

#bloc-ecoso p{
	padding:25px;
	text-align: center;
}

#bloc-ecoso a{
	color: #e57404;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	line-height: 150%;
}

#ResultatTri{
	/*border:1px solid green;*/
}
#ResultatCommune{
	/*border:1px solid blue;*/
}
#ResultatDomaine{
	/*border:1px solid red;*/
}
#FichePrestataire, #FichePrestataire1, #FichePrestataire2, #FichePrestataire3{
	border:1px solid orange;
}
#CarteResultat, #LaCarte{
	/*border:1px solid yellow;*/
	height: 300px;
	width: 100%;
}
		
#Fiche-Ecoso-Annuaire ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #ec7a08;
    margin: 0;
}
#Fiche-Ecoso-Annuaire ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #f5bc83;
    margin: 2px 2px 0px 2px;
    border: 1px solid #ec7a08;
	padding: 0px;
}
#Fiche-Ecoso-Annuaire ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
	
#Fiche-Ecoso-Annuaire ul#tabnav li.active a {
    color: #000;
}

#Fiche-Ecoso-Annuaire #tabnav a {
  float: left;
  display: block;
  color: #666;
  text-decoration: none;
  padding: 4px;
}

#Fiche-Ecoso-Annuaire #tabnav a:hover {background: #fff;}

#conteneur #centre ul.thumbs li p 
{
	font-size:10px;
	text-align:center;
}

ul.thumbs li {
height: 150px;
}

#body_sous_menu ul li.active a{
color:black;
}

/**************************************************************
	Validate
	v 2.1
**************************************************************/
#myForm {
	/*border: 1px solid #cac9b9;*/
	padding: 5px;
}
#myForm p {
	margin-bottom: 5px;
}
#myForm label {
	float: left;
	width: 100px;
}
#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm textarea{
width:380px;
height: 100px;
}
#myForm .red {
	border: 1px solid red;
}
#myForm label.red {
	border: none;
	color: red;
}
#myForm .customRed {
	border: none;
	color: red;
}
#myForm #submit {
	margin-left: 100px;
}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}
#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
/*************************************************************/