/* CSS Document */
/* LASER CONSEIL */

/* couleurs vert #4E9375 (#8DAEA0) marron#9E9343 violet #72659A*/

body{
font-color : #OOOOOO;
margin: 1em 12%;
}

/*MAIN---------------------------------------*/
#main{
float : left;
width : 921px;
background-color : #FFFFFF;
margin : 2px 2px 2px 2px;
padding : 0;
border : 2px solid #A0A7A4;
}

/*HAUT----------*/
#haut{
float : auto;
width : 921px;
height : 62px;
background : #FFFFFF url(images/background.jpg) no-repeat;
/*border : 2px solid green;*/
margin : 0;
padding : 0;
}

#slogan{
float : auto;
margin : 22px 0 0 240px;
font-family : Trebuchet MS;
font-size : 18px;
color : #4E9375;
}

/*MENU----------*/

ul#navigation{
	/*position : relative;*/
	float : left;
	width : 921px;
	height : 85px;
	background-color : #FFFFFF;
	padding: 1px 0 0 0;
	margin: 0;
	list-style-type: none;
	/*border : 1px solid red;*/

}

ul#navigation li{
float : left;
font-family : Trebuchet MS;
font-size : 16px;
font-color : green;
font-weight : bold;
padding : 0 0 0 3px;
margin : 0;
}

ul#navigation li a{
display: block;
text-align : center;
width: 150px ;
line-height: 83px ;
text-decoration: none ;
color : #FFFFFF;
background: url(images/fondBT.jpg) no-repeat 0 0 ;
padding: 0;
margin : 0;
}


#navigation li a:hover{
background: url(images/fondBT.jpg) no-repeat 0 -82px ;
color : #9E9343;
}


/*PAGE----------*/
#contenu{/*zone gauche + zone texte*/
width : 920px;
background-color : #FFFFFF;
}
/*COTE GAUCHE----------*/

#diapo{
float : left;
width : 140px;
height : 105px;
margin : 8px 0 5px 5px;
}

/*SSMENU*/

#SSMenu{
float : left;
width : 155px;
margin: 0;
padding: O;
}

ul#ssmenu{
float : left;
width : 154px;
background-color : #FFFFFF;
padding: 14px 0 0 5px;
margin: 0;
list-style-type: none;
text-decoration: none;
}

*ul#ssmenu li{
font-family : Trebuchet MS;
font-size : 14px;
font-color : #72659A;
font-weight : bold;
line-height: 24px;
padding : 0;
margin : 0;
list-style-type: none;
text-decoration: none;
}

ul#ssmenu li a:link{
font-family : Trebuchet MS;
font-size : 14px;
color : #72659A;
font-weight : bold;
line-height: 24px;
padding : 0;
margin : 0;
text-decoration: none;
}

ul#ssmenu li a:visited{
font-family : Trebuchet MS;
font-size : 14px;
color : #72659A;
font-weight : bold;
line-height: 24px;
padding : 0;
margin : 0;
text-decoration: none;
}

ul#ssmenu li a:hover{
font-family : Trebuchet MS;
font-size : 14px;
color : #8DAEA0;
font-weight : bold;
line-height: 24px;
padding : 0;
margin : 0;
text-decoration: underline;
}

/*BOUTONS*/

#boutons{
float : left;
width : 149px;
margin : 0;
padding : 0;
}

#leftBtnAccueilRecherche{
float : left;
padding : 0 0 5px 2px;
width : 149px;
heigth : 100px;
}

#leftBtnAccueilRecherche a img{
border : 0;
}

#leftBtnAccueilTest{
float : left;
padding : 0 0 5px 2px;
width : 149px;
heigth : 100px;
}

#leftBtnAccueilTest a img{
border : 0;
}

#leftBtnAccueilDevis{
float : left;
padding-left : 2px;
width : 149px;
heigth : 72px;
}

#leftBtnAccueilDevis a img{
border : 0;
}

#leftBtnAcueiContactPro{
float : left;
padding-left : 2px;
width : 149px;
heigth : 85px;
}

#leftBtnAcueiContactPro a img{
border : 0;
}

#fleurs{
float : left;
width : 132px;
margin : 0;
padding : 0;
}

/*CENTRE*/
#page{
float : left;
width : 511px;
background-color : #FFFFFF;
margin : 0;
padding : 0;
/*border : 1px solid black;*/
}

#zoneTexte{/*le texte*/
float : left;
width : 511px;
text-align : justify;
background-color : #FFFFFF;
font-family : Trebuchet MS;
font-size : 14px;
font-color : #OOOOOO;
padding : 5px 0 0 0;
margin : 0;
}

#zoneTexte a{
color : #4C4072;
text-decoration : underline;
}

#zoneTexte a.ancre{/* ancre dans la page Glossaire*/
color : #4C4072;
text-decoration : none;
}

#zoneTexte a.ancreExt{/* ancre externe dans les pages*/
color : black;
text-decoration : none;
}

#zoneTexte a:hover{
color : #4E9375;
text-decoration : none;
}

#zoneTexte a:visited, a:link{
text-decoration : none;
}

#zoneTexte h3{
font-family : Trebuchet MS;
font-size : 16px;
font-weight : bold;
color : #4E9375;
padding : 10px 0 10px 0;
margin : 0;
}

#zoneTexte h2{
font-family : Trebuchet MS;
font-size : 14px;
color : #4E9375;
font-weight : bold;
padding : 10px 0 10px 10px;
margin : 0;
}

#zoneTexte h4{
font-family : Trebuchet MS;
font-size : 18px;
color : #4E9375;
font-weight : bold;
padding : 10px 0 0 20px;
margin : 0;
}

/*texte d'intro*/
.intro{
color : #4E456A;
}

/*terme glossaire*/
.def{
color : #4E9375;
font-weight : bold;
}

/*Titre DEVIS*/
.devis{
color : #4E9375;
}

/*Questions fréquentes*/
.questions{
color : #4E9375;
font-weight : bold;
}

#trait{
float : left;
padding : 15px 0 3px 0;
margin : 0;
}

#traitGlossaire{
float : left;
margin : 15px 0 10px 0;
padding : 0;
}



/*epilation_qu'est ce que l'epilation laser*/
#image1{
float : right;
margin : 0;
padding : 2px 2px 2px 2px;
}

/*epilation_cycle du poil*/
#image2{
margin : 0;
padding : 2px 2px 2px 35px;
}

/*resultats_barbe*/
#image3{
float : left;
margin : 0;
padding : 10px 20px 5px 30px;
}

/*resultats_main*/
#image4{

margin : 0;
padding : 10px 30px 5px 2px;
}

#tableauCycle{
float : left;
margin : 0;
padding : 5px 0 15px 20px;
}

/*lasers_definition*/
#image5{
float : right;
margin : 0;
padding : 2px 2px 2px 10px;
}

#image6{
float : left;
margin : 0;
padding : 2px 2px 2px 2px;
}

/*partie A SAVOIR ! <<*/
#page h5{
text-align : right;
font-family : Trebuchet MS;
font-size : 14px;
color : #4E9375;
font-weight : bold;
padding : 5px 0 5px 0;
margin : 0;
}

/*partie RECHERCHER <<*/
#page h1{
text-align : right;
font-family : Trebuchet MS;
font-size : 14px;
color : #72659A;
font-weight : bold;
padding : 5px 0 5px 0;
margin : 0;
}

/*partie Démonstrations/effet laser <<*/
#imageeffetlaser{
margin : 5px 0 0 20px;
}

/*formulaire Recherche*/


/*formulaire Rechercher un centre --------------------------------------------------------------*/
#formRechercher{
	width: 510px;
	margin : 0;
	padding : 0;
}

#formRechercher p{
	margin: 0 0 0 2px;
}

#formRechercher fieldset{
	margin-bottom: 0px;
	padding : 10px 0 10px 18px;
	border: #8DAEA0 1px solid;
	background-color : #E0EEE8;
}

#formRechercher fieldset.fieldsetgris{
	background-color : #E7E7E8;
	margin-top : 0px;
	margin-bottom : 20px;
}

/* FORMULAIRE TESTEZ VOUS Label */
#formRechercher label{
	width: 145px;
	float: left;
	padding-left : 5px;
	text-align: left;
	font-size : 14px;
	margin: 3px 0 3px 0;
}

/* FORMULAIRE rechercher textarea */

#formRechercher select{
	width : 310px;
}

#formRechercher textarea {
	margin: 3px 0 3px 0;
	width: 310px;
	border: #CCC 1px solid;
}

#formRechercher fieldset input{
	float : auto;
	margin: 3px 0 3px 0;
	width: 310px;
	border: #8DAEA0 1px solid;
}



/* button submit */
#formRechercher input[type="submit"]{
	float : right;
	border: #4E9375 1px solid;
	width: 80px;
	font-weight : bold;
	margin : 0 0 5px 10px;
	background-color: #D8D4E2;
}

#formRechercher input[type="submit"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

#formRechercher input[type="reset"]{
	float : right;
	border: #4E9375 1px solid;
	width: 60px;
	margin : 0 0 5px 0;
	background-color: #D8D4E2;
}

#formRechercher input[type="reset"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

#formulaireRecherche{
font-family : Trebuchet MS;
font-size : 14px;
color : #72659A;
text-decoration: none;
font-weight : bold;
padding : 0;
}

#formulaireRecherche h6{
font-family : Trebuchet MS;
font-size : 16px;
color : #72659A;
text-decoration: none;
padding : 0;
margin : 0;
}

#formulaireRecherche p{
font-family : Trebuchet MS;
font-size : 14px;
color : #000000;
text-decoration: none;
font-weight : normal;
}

.champsfacultatifs{
font-family : Trebuchet MS;
font-size : 16px;
float : left;
color : #000000;
font-weight : lighter;
margin-left: 160px;
}

.charte{
font-family : Trebuchet MS;
font-size : 14px;
text-decoration: none;
color : #4E9375;
float: right;
}

.charte a{
font-family : Trebuchet MS;
font-size : 14px;
text-decoration: none;
color : #4E9375;
}

.charte a:link{
font-family : Trebuchet MS;
font-size : 14px;
text-decoration: none;
color : #4E9375;
}

.charte a:visited{
font-family : Trebuchet MS;
font-size : 14px;
text-decoration: none;
color : #4E9375;
}

.charte a:hover{
font-family : Trebuchet MS;
font-size : 14px;
text-decoration: underline;
color : #000000;
}

.chartetxt{
float : left;
font-size : 14px;
font-color : #OOOOOO;
padding : 0;
margin : 0;
}

#btAccueil{
float : left;
width : 800px;
text-align : justify;
background-color : #FFFFFF;
font-family : Trebuchet MS;
font-size : 14px;
font-color : #OOOOOO;
padding : 10px 0 0 400px;
margin : 0;
}

#btAccueil a.bt{
color : #4E9375;
}

.champs{
font-family : Trebuchet MS;
font-size : 12px;
text-decoration: none;
float : right;
color : #4E9375;
padding-right: 45px;
}

.demande{
font-size : 16px;
font-weight : lighter;
color : #000000;
}


/*formulaire Contacts---------------------------------------------------------------*/

#formContact{
width: 510px;
}

#formContact p{
margin: 0;
padding: 0;
}

.repASP{
align :center;
font-size : 16px;
color : #4E9375;
}

/*formulaire Contacts FIELDSET*/

#formContact fieldset{
	margin-bottom: 20px;
	padding : 10px 0 10px 18px;
	border: #CCC 1px solid;
	background-color : #DFDBE9;
}

#formContact fieldset legend{
    padding: 0 3px 5px 3px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 14px;
	color : #4E9375;
}

/*formulaire Contacts LABEL*/

#formContact label{
	width: 115px;
	float: left;
	padding-left : 5px;
	text-align: left;
	font-size : 14px;
	margin: 3px 0 3px 0;
}

/*formulaire Contacts INPUT*/

#formContact textarea {
	margin: 3px 0 3px 0;
	width: 320px;
	border: #CCC 1px solid;
}

#formContact fieldset input{
	margin: 3px 0 3px 0;
	width: 320px;
	border: #CCC 1px solid;
}

#formContact input[type="submit"]{
	float : right;
	border: #4E9375 1px solid;
	width: 80px;
	font-weight : bold;
	margin : 0 0 20px 10px;
	background-color: #D8D4E2;
}

#formContact input[type="submit"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

#formContact input[type="reset"]{
	float : right;
	border: #4E9375 1px solid;
	width: 80px;
	margin : 0 0 20px 0;
	background-color: #D8D4E2;
}

#formContact input[type="reset"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

/* Formulaire rubrique TESTEZ VOUS*/
#testezVous{
	width: 510px;
}

#testezVous p{
	margin: 0 0 0 2px;
}

#testezVous fieldset{
	margin-bottom: 20px;
	padding-bottom : 10px;
	border: #CCC 1px solid;
}

#testezVous fieldset legend{
    padding: 0 3px 5px 3px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 14px;
	color : #4E9375;
}

/* FORMULAIRE TESTEZ VOUS Label */
#testezVous label{
	background-color: #D8D4E2;
	display: block;
	width: 460px;
	float: left;
	margin : 5px 0 5px 0;
	padding-right : 3px;
	text-align: right;
	font-size : 12px;
}

#testezVous label:hover{
}

#testezVous input[type="radio"]{
	margin : 10px 0 7px 8px;
}


/* button submit */
#testezVous input[type="submit"]{
	float : right;
	border: #4E9375 1px solid;
	width: 80px;
	font-weight : bold;
	margin : 0 0 10px 10px;
	background-color: #D8D4E2;
}

#testezVous input[type="submit"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

#testezVous input[type="reset"]{
	float : right;
	border: #4E9375 1px solid;
	width: 60px;
	margin : 0 0 10px 0;
	background-color: #D8D4E2;
}

#testezVous input[type="reset"]:hover{
	background-color: #4E9375;
	cursor: pointer;
}

#puceHaut{
float : right;
margin : 0;
padding : 0;
}

#puceHaut a img{
border : 0;
}

/*COTE DROIT*/

#animation{
float : right;
width : 240px;
height : 357px;
padding: 5px 5px 0 0;
margin: 0;
}

/*FOOTER*/
ul#footer{
float : left;
}

ul#footermenu{
float : left;
width : 700px;
margin-left : 160px;
margin-top : 15px;
margin-bottom : 10px;
padding : 0;
background-color : #FFFFFF;
list-style-type: none;
text-decoration: none;
/*border : 1px solid black;*/
}

ul#footermenu a{
display : block;
float : left;
background-color : #FFFFFF;
list-style-type: none;
text-decoration: none;
}

*ul#footermenu li{
float : left;
font-family : Trebuchet MS;
font-size : 14px;
font-weight : bold;
font-color : #72659A;
padding : 0;
margin : 0;
list-style-type: none;
text-decoration: none;
}

ul#footermenu li a:link{
font-family : Trebuchet MS;
font-size : 14px;
font-weight : bold;
color : #72659A;
padding : 0;
margin : 0;
text-decoration: none;
}

ul#footermenu li a:visited{
font-family : Trebuchet MS;
font-size : 14px;
color : #72659A;
font-weight : bold;
padding : 0;
margin : 0;
text-decoration: none;
}

ul#footermenu li a:hover{
font-family : Trebuchet MS;
font-size : 14px;
color : #8DAEA0;
font-weight : bold;
padding : 0;
margin : 0;
text-decoration: none;
}

.CRights{
font-family : Trebuchet MS;
font-size : 12px;
font-weight : bold;
color : #8DAEA0;
}