/* CSS Document */

* {

margin: 0;
padding: 0;

}

body, html {

height: 100%;

}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}
 a:link {
	color: #66CCCC;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #66CCCC;
	text-decoration: none;
}

a:visited {
	color: #66CCCC;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul {
	

}

ul a {

text-decoration: none;


}

ul a:link {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

 ul a:active {
	color: #33CCCC;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


ul a:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}

ul a:hover {
	color: #33CCCC;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


.general {
	position: relative;
/* 	background-color: #FF3333; */
	width: 806px;
	height: 627px;
	margin-right: auto;
	margin-left: auto;
}

.hautdepage {
	/*background-color: #9900CC; */

width: 806px;
	height: 90px;
	padding-top: 5px;
}

.logo {
	float: right;
	height: 90px;
	width: 178px;
	
}
.positionlogo {
    float: right;
	height: 90px;
	width: 178px;
    padding-top: 5px;

	
}

.menuhaut {

float:left;
margin-top: 60px;
margin-left: 0px;

}

/* tous les "li" appartenant a un liste "ul" qui a pour classe "menuhaut" */
/* toutes les balises "li" qui sont dans une liste "ul" qui à la classe "menuhaut" */
ul.menuhaut li {

display: inline;
list-style-type: none;
margin-left: 10px;

}

ul.menuhaut a:link {

color: #33CCCC;
font-size: 11px;

}

ul.menuhaut a:active {

color: #990000;
font-size: 11px;

}


ul.menuhaut a:visited {

color: #33CCCC;
font-size: 11px;

}

ul.menuhaut a:hover {
	font-size: 12px;
	color: #990000;
}

ul.plansite a:link {

color: #FFFFFF;
font-size: 11px;

}

ul.plansite a:active {

color: #FFFFFF;
font-size: 11px;

}


ul.plansite a:visited {

color: #FFFFFF;
font-size: 11px;

}

ul.plansite a:hover {
	font-size: 11px;
	color: #33CCCC;

}


.milieudepage {

/* background-color: #CC3366; */

width: 806px;
height: 501px;

}

/*  ligne 1  */

.ligne1 {

/* background-color: #333399; */

width: 806px;
height:474px;

}

.blanc {

/* background-color: #333399; */

width: 806px;
height: 3px;
}


.navigation {

background-color: #FFFFFF;
width: 300px;
height: 474px;
float: left;


}

.fondsoins {
	background-color: #AB504F;
	background-image: url(soins/images/gauche-graph-soins.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;

}
.fondamaigri {
	background-color: #AB504F;
	background-image: url(soins/images/gauche-graph-amaig.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;

}
.fondpresentation {
	background-color: #AB504F;
	background-image: url(presentation/images/gauche-graph-presentation.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;

}
.fondpresentationc {
	background-color: #AB504F;
	background-image: url(presentation/images/fonnd-gauche-presentation.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;

}
.fondphotos {
	background-color: #AB504F;
	background-image: url(photos-avant-apres/images/fonnd-gauche-avant-apres.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;

}
.fondgraphphotos {
	background-color: #AB504F;
	background-image: url(photos-avant-apres/images/gauche-graph-avapres.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;
}

.fondliens{
	background-color: #AB504F;
	background-image: url(liens/images/gauche-graph-liens.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;


}

.fondcontact{
	background-color: #AB504F;
	background-image: url(nous-contacter/images/gauche-graph-contact.jpg);
	background-repeat: no-repeat;
	
	width: 300px;
	height: 474px;


}
.fondcredit{
	background-color: #AB504F;
	
	
	
	width: 300px;
	height: 474px;

}
.fondplansite{
	background-color: #AB504F;
	width: 300px;
	height: 474px;
	background-image: url(plan-du-site/images/gauche-graph-plansite.jpg);

}

.navcoter {


padding-top: 120px;
margin-left: 10px;

}

.photocyrille {
	padding-top: 0px;
	margin-left: 70px;
	margin-top: 10px;

}

.photocabinet{
	padding-top: 0px;
	margin-left: 50px;
	margin-top: 10px;

}

ul.navcoter li {
	list-style-type: none;
	margin-left: 7px;
	margin-bottom: 4px;

}

.navcoterbas {
	/*margin-top : 80px;*/

    margin-left: 10px;
	padding-top: 65px;
	margin-top: 0px;

}

ul.navcoterbas li {
	list-style-type: none;
	margin-left: 10px;/* verifier le decalage par rapport a la puce et l'espace entre la puce et le texte */
	background-image:url(images/spacer.gif);/* mettre la puce en image */
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 7px;
}

.titrebas-soins {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 17px;
	font-weight: bold;
	margin-top: 55px;
	color: #FFFFFF;
}

.titrebas-drdevoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 80px;
	font-weight: bold;
	margin-top: 40px;
	color: #FFFFFF;

}

.titrebas-tofcabinet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 50px;
	font-weight: bold;
	margin-top: 40px;
	color: #FFFFFF;
	}

.titreanimation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 50px;
	font-weight: bold;
	margin-top: 40px;
	color: #FFFFFF;

}

.photopresentation {
	margin-top: 40px;
	margin-left: 20px;

}
.introbassoins {
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
	padding-left: 17px;
	margin-top: 0px;
}
.introacces {
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
	padding-left: 50px;
	margin-top: 0px;
}

.contenu {
	background-image:url(soins/images/droit-graph-soins.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}


.contenuaccueil {
	background-image:url(images/droit-graph-accueil.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}
.contenuinjection {
	background-image:url(soins/injections/images/droit-graph-injection-txt.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}


.contenupeelings {
	background-image:url(soins/peelings/images/droit-graph-peeling-txt.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}

.contenupeelingsliens {
	background-image:url(soins/peelings/images/droit-graph-peeling-lien.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}
.contenumesotherapie {
	background-image:url(soins/soins-mesotherapie/images/droit-graph-meso-txt.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}


.contenumesotliens {

	background-image:url(soins/soins-mesotherapie/images/droit-graph-meso.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	
	
}


.contenulaser {

	background-image:url(soins/lasers/images/droit-graph-laser-txt.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	
	
	}


.contenulaserliens {

	background-image:url(soins/lasers/images/droit-graph-liens.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	}


.contenupresentation{

	background-image:url(presentation/images/droit-graph-presentationtxt.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	
	}

.contenupresentationliens{

	background-image:url(presentation/images/droit-graph-presentation.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}
.contenuamaigrissement{

	background-image:url(soins/amaigrissement/images/droit-graph-amaigrissement.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	}


.contenuliens {

	background-image:url(liens/images/fond-droit-liens.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}


.contenucontact{

	background-image:url(nous-contacter/images/fond-droit-contact.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}

.contenuinjectionnav {

	background-image:url(soins/injections/images/droit-graph-injection.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}	

.contenuliens {

	background-image:url(liens/images/droit-graph-liens.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}

.contenuphotos {

	background-image:url(photos-avant-apres/images/fond-droit-photos-liens.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}

.contenuphotosvign{

	background-image:url(photos-avant-apres/images/fond-droit-photos.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
	}

.contenuplansite{

	background-image:url(plan-du-site/images/droit-graph-plansite.jpg);
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 3px;
	background-repeat: no-repeat;
}
.fildariane {

position: relative;
top: 30px;
left: 55px;

color: #FFFFFF;
font-size: 10px;
text-align: left;

}
.fildariane a{

/*text-decoration: none;*/

}

.fildariane a:link, .fildariane a:active {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;

}

.fildariane a:visited, .fildariane a:hover {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;

}

.petiteimage {
width: 80px;/* a completer */
height: 60px;/* a completer */
z-index: 50;
margin-top: 74px;/* a completer */
margin-left: 390px;/* a completer */

}

.textesoins {
	width: 340px;/* a completer */
	height: 220px;/* a completer */
	z-index: 30;
	margin-top: 5px;/* a completer *//* on met en negatif le margin-top du texte pour le chevauchement */
	margin-left: 70px;/* a completer */
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	overflow: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.textesoinscheveux {
	width: 340px;/* a completer */
	height: 150px;/* a completer */
	z-index: 30;
	margin-top: 20px;/* a completer *//* on met en negatif le margin-top du texte pour le chevauchement */
	margin-left: 70px;/* a completer */
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}

.texteinjections {
	width: 340px;/* a completer */
	height: 220px;/* a completer */
	z-index: 30;
	margin-top: 5px;/* a completer *//* on met en negatif le margin-top du texte pour le chevauchement */
	margin-left: 70px;/* a completer */
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
	overflow: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.texteinjectionsvolumes {
	width: 340px;/* a completer */
	height: 220px;/* a completer */
	z-index: 30;
	margin-top: 0px;/* a completer *//* on met en negatif le margin-top du texte pour le chevauchement */
	margin-left: 70px;/* a completer */
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	overflow: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.textepeeling{
	width: 340px;/* a completer */
	height: 220px;/* a completer */
	z-index: 30;
	margin-top: 150px;/* a completer *//* on met en negatif le margin-top du texte pour le chevauchement */
	margin-left: 70px;/* a completer */
	color: #FFFFFF;
	font-size: 11px;
	text-align: justify;
	overflow: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}



.photos {
	width: 430px;/* a completer */
	height: 300px;/* a completer */
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 120px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 55px;
	z-index: 30;
	margin-top: 5px;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
	
}
.titrecontenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

}


.titrecontenupop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 7px;
	text-align: center;

}
.ecarts {
	margin-left: 36px;
	margin-right: -10px;
	border: 1px solid #FFFFFF;
	margin-bottom: 7px;

}

img {
	margin-right: 5px;
	border: 1px solid #FFFFFF;
}

.navigationaccueil {
	width: 300px;
	height: 474px;
	float: left;
	background-image: url(images/gauche-accueil.jpg);
	background-repeat: no-repeat;


}

.liensmesot {
	margin-left: 35px;
	padding-top: 140px;
	height: 110px;
	width: 340px;
	text-align: justify;
	text-indent: 0px;
}

.liensinjections{
	margin-left: 40px;
	padding-top: -20px;
	height: 200px;
	width: 340px;
	text-align: justify;
	text-indent: 0px;
}

.lienspeelings {
	margin-left: 40px;
	padding-top: 140px;
	height: 160px;
	width: 425px;
	text-align: left;
	padding-right: 7px;
	
	}

.liensliens {
	margin-left: 60px;
	padding-top: 10px;
	height: 160px;
	width: 425px;
	text-align: left;
	padding-right: 7px;
}


.navmilieudroit {
	/*margin-top : 80px;*/

    margin-left: 10px;
	padding-top: 20px;
	margin-top: 0px;
	padding-left: 10px;
}


ul.navmilieudroit li {
	list-style-type: none;
	margin-left: 10px;/* verifier le decalage par rapport a la puce et l'espace entre la puce et le texte */
	background-image:url(images/spacer.gif);/* mettre la puce en image */
	background-repeat: no-repeat;
	background-position: left center;
	text-align: justify;
	margin-bottom: 9px;
}

.flash {
	position: relative;
	top: 115px;
	left: 100px;
	width: 241px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	height: 341px;
	background-color: #B76969;
	border: 1px solid #B76969;

}


/* ligne 2 */

.ligne2 {

/* background-color: #CC66CC; */

width: 806px;
height: 24px;

margin-top: 3px;

}

.adresse {
	background-color: #AB504F;
	width: 300px;
	height: 24px;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;

}

.positionnementadresse {

margin-left: -4px;
padding-top: 5px;

}

.liens {

background-color: #AB504F;

width: 500px;
height: 24px;

float: left;

margin-left: 3px;

color: #FFFFFF;
font-size: 10px;
text-align: center;


}

.liensbas {

float:left;

}

/* tous les "li" appartenant a un liste "ul" qui a pour classe "liensbas" */
/* toutes les balises "li" qui sont dans une liste "ul" qui à la classe "menuhautliensbas" */
ul.liensbas li {

display: inline;
list-style-type: none;
margin-left: 5px;

}

.positionnementliens {

margin-left: 3px;
padding-top: 5px;

}

ul.liensbas a:link, ul.liensbas a:active {

color: #FFFFFF;
font-size: 10px;

}

ul.liensbas a:visited {

color: #FFFFFF;
font-size: 10px;


}

ul.liensbas a:hover {

color: #66FFFF;
font-size: 10px;


}

.photopopup {
	width: 500px;
	height: 255px;
	background-position: center center;
	padding-top: 10px;

}

.photopopup2 {
	width: 500px;
	height: 157px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup3 {
	width: 500px;
	height: 172px;
	background-position: center center;
	padding-top: 10px;


}

.photopopup4 {
	width: 500px;
	height: 210px;
	background-position: center center;
	padding-top: 10px;

}

.photopopup5{
	width: 500px;
	height: 187px;
	background-position: center center;
	padding-top: 10px;

}

.photopopup6{
	width: 500px;
	height: 238px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup7{
	width: 500px;
	height: 321px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup8{
	width: 384px;
	height: 154px;
	background-position: center center;
	padding-top: 10px;
}


.photopopup9{
	width: 483px;
	height: 138px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup10{
	width: 500px;
	height: 167px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup11{
	width: 500px;
	height: 187px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup12{
	width: 510px;
	height: 354px;
	background-position: center center;
	padding-top: 10px;
}
.photopopup13{
	width: 510px;
	height: 270px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup14{
	width: 500px;
	height: 680px;
	background-position: center center;
	padding-top: 10px;
}

.photopopup15{
	width: 200px;
	height: 280px;
	background-position: center center;
	padding-top: 10px;
	
	}

.photocarte{
	width: 564px;
	height: 479px;
	background-position: center center;
	padding-top: 10px;
}
.flashpop {
	width: 280px;
	height: 350px;
	background-position: center center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.flashpopup {
	width: 310px;
	height: 350px;
	background-position: center center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-left: 90px;
	margin-top: 70px;
	color: #AB504F;
}
.plandusite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 80px;
	padding-left: 15px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 100px;
	float: left;
	margin-left: 10px;
	}
.plandusiteb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 80px;
	padding-left: 10px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 280px;
	float: left;
	margin-left: 40px;

	}
.plandusitec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 15px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 100px;
	clear: left;
	padding-top: 10px;
	float: left;
	margin-left: 10px;

	}
.plandusited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 22px;
	padding-left: 50px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 280px;
	padding-top: 13px;
	float: left;
	}
.plandusitee{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	padding-left: 10px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 190px;
	clear: left;
	padding-top: 10px;
	float: left;
	margin-left: 13px;
	}
.plandusitef {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 17px;
	padding-left: 40px;
	list-style-type: circle;
	list-style-position: inside;
	height: 80px;
	width: 200px;
	padding-top: 13px;
	float: left;
	margin-left: 40px;
		}
.plandusiteg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
	padding-left: 30px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 260px;
	padding-top: 70px;
	float: left;
	margin-left: 10px;
	clear: left;
		}
.plandusiteh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 50px;
	padding-left: 15px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 120px;
	padding-top: 35px;
	float: left;
	margin-left: 25px;
			}
.plandusitei {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 30px;
	padding-left: 25px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 280px;
	padding-top: 5px;
	float: left;
	margin-left: 15px;
		}
.plandusitej {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 15px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 100px;
	padding-top: 10px;
	float: left;
	margin-left: 30px;
		}
.plandusitek {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 5px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 100px;
	padding-top: 30px;
	float: left;
	margin-left: 15px;
		}
.plandusitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 10px;
	list-style-type: circle;
	list-style-position: inside;
	height: 60px;
	width: 150px;
	padding-top: 30px;
	float: left;
	margin-left: 0px;