/*generale*/
body, h1, h2, h3, ul, li{
	margin:0;
	padding: 0;
}

body{
	background: #b9ada3;
	color: #8e8e8e;
	font-family: Arial;
	font-size: 13px;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: 0;
}

a:hover img{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

.clear{
	clear: both;
	height: 0;
}

.clearGrand{
	clear: both;
	height: 10px;
}

.majuscule{
	text-transform: uppercase;
}

.petit{
	font-size: 90%;
}
/*generale*/

/*global*/
#global{
	background: #fff;
	margin: 20px auto;
	padding: 20px 20px 5px 20px;
	width: 955px;
}
/*global*/

/*entete*/
#entete{
	position: relative;
}

#entete.index{
	height: 307px;
}

#h1{
	left: 15px;
	position: absolute;
	top: 15px;
}
/*entete*/

/*menu*/
#menu{
	background: #554029;
	height: 19px;
	list-style: none;
	padding-top: 4px;
	width: 955px;
}

#menu li{
	float: left;
}

#menu a{
	color: #ddd2c9;
	margin:0 0 0 30px;
	padding: 0 5px;
	text-transform: uppercase;
}

#menu a.lienBoutique{
	color: #fad570;
	text-decoration: none;
}

#menu a.actif, #menu a:hover{
	background: #dddd39;
	color: #554029;
	text-decoration: none;
}

#menu a#lienAccueil{
	background: url(images/fond-maison.gif) no-repeat top left;
	margin:0 60px 0 10px;
	padding-left: 20px;
	text-transform: none;
}

#menu a#lienAccueil:hover{
	color: #ddd2c9;
}
/*menu*/

/*index*/
#contenuAccueilGauche{
	float: left;
	padding: 10px 15px 0 0;
	width: 669px;
}

#contenuAccueilDroite{
	float: left;
	padding-top: 10px;
	width: 271px;
}

#contenuAccueilGauche strong{
	color: #554029;
}

#contenuAccueilGauche em{
	color: #554029;
	display: block;
}

#actus{
	float: left;
	width: 228px;
}

.boiteAccueil{
	display: inline;
	float: left;
	margin-left: 15px;
	width: 132px;
}

.boiteAccueil h2{
	font-size: 95%;
	font-weight: normal;
	text-transform: uppercase;
}

#salonCoiffure h2 a{
	color: #554029;
}

#institutBeaute h2 a{
	color: #7fa533;
}

#nostarifs h2 a{
	color: #c08840;
}

#contenuAccueilDroite h1 a{
	color: #d16d00;
}

#contenuAccueilDroite h1{
	font-size: 105%;
	text-align: right;
	text-transform: uppercase;
}

#contenuAccueilDroite p{
	background: #e7ddcf;
	color: #554029;
	padding-left: 17px;
}

#contenuAccueilDroite p img.droite{
	float: right;
	margin-left: 3px;
}

#contenuAccueilDroite strong{
	display: block;
}

#contenuAccueilDroite a{
	color: #d16d00;
	display: block;
	text-transform: uppercase;
}

#contenuAccueilDroite a#cliquezIci{
	display: block;
	margin: 5px 0 0 60px;
	padding-bottom: 2px;
}
/*index*/

/*pied*/
#pied{
	background: url(images/fond-pointille.gif) repeat-x left 12px;
	text-align: center;
	color: #554029;
}

#pied a{
	color: #554029;
	padding: 0 5px;
}

#pied span{
	background: #fff;
}
/*pied*/

/*tarifs*/
#tarifsGauche{
	float: left;
	width: 440px;
}

#tarifsDroite{
	float: left;
	padding-left: 61px;
	width: 440px;
}

.tarif{
	background: url(images/pointilles.gif) repeat-x bottom left;
	font-size: 105%;
}

span.prixTarif{
	background: #fff;
	color: #554029;
	float: right;
	font-weight: bold;
	text-align: left;
	width: 60px;
	font-size:14px;
}

span.nomTarif{
	background: #fff;
	float:left;
	margin:0;
	padding:0 5px 0 12px;
}

.listeTarifs{
	background: url(images/fond-tarif.gif) repeat-y left top;
	padding-left: 7px;
}

#tarifsGauche h2, #tarifsDroite h2{
	background: url(images/fond-titre-tarif.gif) no-repeat left 5px;
	color: #d37801;
	font-size: 100%;
	margin: 25px 0 0 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}

#tarifsGauche h2.couleur2, #tarifsDroite h2.couleur2{
	color: #39a9dd;
}
/*tarifs*/

/*contenu*/
#contenu h1{
	background: url(images/puce-h1.gif) no-repeat top left;
	color: #554029;
	font-family: "Trebuchet MS";
	font-size: 200%;
	font-weight: normal;
	margin: 20px 0 10px 0;
	padding:20px 0 0 55px;
	text-transform: uppercase;
}

#contenu{
	padding-bottom: 20px;
}
/*contenu*/

/*contact*/
#googleMap{
	display: inline;
	float: left;
	height: 380px;
	width: 380px;
}

#contactGauche{
	float: left;
	padding-right: 100px;
	width: 417px;
}

#contactForm{
	margin: 25px 0 0 70px;
}

label{
	color: #554029;
	display: block;
}

input, textarea{
	border: 1px solid #c8c8c8;
	color: #000;
	display: block;
	margin-bottom: 5px;
}

input.grdEspace{
	margin-bottom: 15px;
}

textarea{
	height: 135px;
	width: 255px;
}

#contactForm input.envoyer{
	border: 0;
	margin: 20px auto;
}

#contactForm input.envoyer:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}

input.hidden{
	display: none;
}
/*contact*/

/*presentation*/
#contenu h2{
	font-size: 105%;
	text-transform: uppercase;
}

#paraInstitutBeaute{
	background: url(images/fond-tarif.gif) repeat-y left top;
	margin-top: -11px;
	padding: 15px 0 0 20px;
	position: relative;
}

h2#paraInstitutBeauteTitre{
	background: url(images/fond-titre-tarif.gif) no-repeat left 5px;
	color: #7fa533;
	font-size: 110%;
	margin: 25px 0 0 0;
	padding: 0 0 0 20px;
	text-transform: none;
}

#paraInstitutBeaute ul{
	float: left;
	list-style: none;
}

#paraInstitutBeaute ul.deuxieme{
	padding-left: 50px;
}

#paraInstitutBeaute p{
	width: 450px;
}

#paraInstitutBeaute a{
	color: #8e8e8e;
	font-weight: bold;
}

#nosServices{
	background: #e7e2df;
	color: #554029;
	font-size: 115%;
	margin-top: 32px;
	padding: 18px;
	width: 450px;
}

#nosServices p{
	margin-top: 0;
}

#paraInstitutBeaute img{
	position: absolute;
	right: 0;
	top: 0;
}

#paraCoiffure{
	background: url(images/fond-tarif.gif) repeat-y left top;
	margin-top: -11px;
	padding: 15px 0 0 20px;
	position: relative;
}

#paraCoiffure p{
	position: relative;
	z-index: 150;
}

h2#paraCoiffureTitre{
	background: url(images/fond-titre-tarif.gif) no-repeat left 5px;
	color: #724f22;
	font-size: 110%;
	margin: 50px 0 0 0;
	padding: 0 0 0 20px;
	text-transform: none;
}

#paraCoiffure img{
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 100;
}

#espaceurBas{
	height: 200px;
}
/*presentation*/