body {
font-family:Arial,Verdana,sans-serif;
color: black;
background-color:black;
      } 


#wrapper {
position:relative;
left:20%;
top:100px;
width:60%;
color: black;
background-color:black;
      }


#bandeau {
position:relative;
left:0px;
top:0px;
width:100%;
color: #38180E;
background-color:black;
background-position:center;
padding: 5px 0 5px 0;
margin-bottom: 0;
text-align:center;

      }

#gauche {
position:absolute;
left:0px;
top:0px;
width:190px;
color: white;
background-color:black;
      }


#droite {
position:absolute;
top:0px;
width:190px;
right:0px;
color: white;
background-color:black;
      }



#zone_de_navigation {
position:relative;
left:1%;
top:0;
width:98%;
color: white;
background-color:black;
padding: 0px 0px 0px 0px;
margin-top:0em;
border-style:solid;
border-width:0px;
border-color:black;
text-align:center;

      }

#zone_de_navigation ul{
margin-bottom: 0;
margin-top: 0;
}

#zone_de_navigation li{
display: inline;
list-style-type: none;
margin: 0 1px 0 0;
}

#zone_de_navigation a {
color: grey;
background-color:black;
padding:4px 8px 4px 8px;
border: 0px solid #38180E;
      }

#zone_de_navigation a:active {
background-color:black;}

#zone_de_navigation a:hover,
#page_accueil_coiffure_butterfly_agen-sud_bon-encontre #navi1 a,
#page_soins-massage #navi2 a,
#page_coupe-coloration #navi3 a,
#page_lissage-bresilien #navi4 a,
#page_mariage #navi5 a,
#page_produits #navi6 a

{
color: white;
background-color:black;
padding-bottom: 5px;
border-bottom:none;
      }
#zone_de_navigation a:visited{
outline:none;
	}

#zone_de_texte {
position:relative;
left:0px;
top:0em;
width:100%;
color:black;
background-color:black;
padding: 5px 0 5px 0;
margin-bottom: 0;
text-align:center;

      }


#zone_de_navigation2 {
position:relative;
left:1%;
top:0;
width:98%;
color: white;
background-color:black;
padding: 0px 0px 0px 0px;
margin-top:0em;
margin-bottom:0;
border-style:solid;
border-width:0px;
border-color:black;
text-align:center;
      }

#zone_de_navigation2 ul{
margin-bottom: 0;
margin-top: 0;
}

#zone_de_navigation2 li{
display: inline;
list-style-type: none;
margin: 0 1px 0 0;
}

#zone_de_navigation2 a {
color: grey;
background-color:black;
padding:4px 8px 4px 8px;
border: Opx solid #38180E;

      }

#zone_de_navigation2 a:active {
background-color:black;}

#zone_de_navigation2 a:hover,
#page_plan_coiffure_butterfly_agen #navi8 a,
#page_contact #navi9 a,
#page_mentions #navi10 a,
#page_plan_coiffure_butterfly_bon-encontre #navi11 a
{
color: white;
background-color:black;
padding-bottom: 5px;
border-bottom:none;
      }

#zone_de_navigation2 a:visited {
outline:none;
}

#lien_utile {
position:absolute;
width:201px;
top:42px;
right:5px;
color: white;
background-color:black;
text-align:center;
      }


#lien_utile a{
	color:grey;
	font-weight:bolder;
	text-decoration:none;
	}

#lien_utile a:hover{
	color:white;
	background-color:black;
outline:none;
	}

#lien_utile a:visited{
	
outline:none;
	
	}


#lien_utile_mairie {
position:absolute;
width:201px;
top:42px;
right:5px;
color: white;
background-color:black;
text-align:center;
      }


#lien_utile_mairie a{
	color:grey;
	font-weight:bolder;
	text-decoration:none;
	}

#lien_utile_mairie a:hover{
	color:white;
	background-color:black;
outline:none;
	}

#lien_utile_mairie a:visited{
	
outline:none;
	
	}




#referencement {
position:relative;
left:1%;
width:98%;
margin-top:0;
padding: 5px 0 5px 0;
color: black;
background-color:black;
text-align:center;
 outline:none;
      }

#referencement a{
	color:black;
	font-weight:bolder;
	text-decoration:none;
 outline:none;
	}

#referencement a:hover{
	color:black;
	
        outline:none;
	}

#referencement a:visited{
	color:black;
outline:none;
	
	}

a {text-decoration: none; }

a:link { color: black;}


a:visited { color:black;}

a:hover { color: black;}