/* CSS Document FR - Cadre photo de droite Location*/
#Contenant {
	position: absolute;
	top: 330px;
	left: 15%;
	width: 65%;
	height:auto;
	border: 2px solid #CCC;
	display:block;
		
}

h1 {
	position: absolute;
	top:220px;
	left: 15%;
	width: 63%;
	height:auto;
	font-size: 2em;	
	font-weight: bold;
	color:#6633CC;
	text-align:center;
	padding:1% 1% 1% 1%;
	border: 2px solid #CCC;
	
	
}
h6 {
	position: relative;
	width: 100%;
	height:auto;
	font-size: 2em;	
	font-weight: bold;
	color:#6633CC;
	text-align:center;
	background-color:#FFFFCC;
	background-image:url(../images/gradmauve.png);
	border: 2px solid #CC99FF;
	-moz-border-radius: 15px;
}
#menug, #menug ul /* Liste */     
{
        padding : 20px 0 0 0; /* pas de marge intérieure */
        margin : 0% 0% 0% 0%; /* ni extérieure */
		position: absolute;
		top: 242px;
		left: 2%;
		width: 133px;
		z-index: 3;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 1,5em; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		height:-113px;
		display:block;
}

#menug /* Ensemble du menu */
{ 
        font-weight : normal; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 1em; /* hauteur du texte : 12 pixels */
		margin : 0% 0% 0% 0%;
		
}

#menug a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding : 0; /* aucune marge intérieure */
        background-color:#FFCCFF;/* couleur de fond */
		background-image:url(../images/Scan/mauve1cadreg.jpg);
		border: 2px solid #CC99FF;
		color:#6633CC; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 100px; /* largeur */
}

#menug li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menug li
{
        border-bottom: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
	
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menug li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}


#menug a:hover /* Lorsque la souris passe sur un des liens */    
{
        color:#6633CC; /* On passe le texte en noir... */
		font-weight:bold;
        background-color:#CC99FF; /* ... et au contraire, le fond en blanc */
		background-image:url(../images/Scan/mauve2cadreg.jpg);
		
		border:2px solid #FFCCFF;
}
a.PhotoMenud {position:absolute;
		left:85%;
		top:240px;
		width:177px;
		height:296px;
		border:2px solid #CC99FF;
		-moz-border-radius:15px;
		background-image:url(../images/beauteFractional1flou.jpg);}
		
a.PhotoMenud:hover {background-image:url(../images/beauteFractional1.jpg);
					border:2px solid #FFCCFF;}
#Cadred {
	position:absolute;
	top:550px;
	left:85%;
	width:177px;
	height: 440px;
	border: 2px solid #CC99FF;
	background-color:#CC99FF;
	background-image:url(../images/Scan/mauve2cadred.jpg);
	text-align:center;
	display:inline;
	-moz-border-radius: 15px;
	font-size:0.9em;
}
.celcadred {
	height:64px;
}

#Cadred:hover {
	position:absolute;
	top:550px;
	left:85%;
	width:177px;
	height: 440px;
	border: 2px solid #FFCCFF;
	background-color:#FFCCFF;
	background-image:url(../images/Scan/mauve1cadred.jpg);
	
}

.Photod1 {
	position: absolute;
	top: 50px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/Epilation/simple/ptiDosAvt.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod1:hover {
	position: absolute;
	top: 50px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/Epilation/simple/ptiDosAp.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred1 {
	color:#6633CC;
	position: absolute;
	top:120px;
	left: auto; 
	width:100%;
	text-align:center;
	white-space:nowrap;
	
	
	
}
.Photod2 {
	position: absolute;
	top: 172px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptirosaceeav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod2:hover {
	position: absolute;
	top: 172px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/IPL/simple/ptirosaceeap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred2 {
	color:#6633CC;
	position: absolute;
	top:240px;
	width: 100%;
	text-align:center;
	white-space:nowrap;
}
.Photod3 {
	position: absolute;
	top: 292px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/ST/simple/ptiprofildav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod3:hover {
	position: absolute;
	top: 292px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/ST/simple/ptiprofildap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred3 {
	color:#6633CC;
	position: absolute;
	top:360px;
	width: 100%;
	text-align:center;
	white-space:nowrap;
}

.Prix {
	background-color:#CC99FF;
	position: absolute;
	left: 52px;
	top: 424px;
	width:auto;
	font-size: 0.8em;
	text-decoration:none;
	border: 1px solid red;
	border-bottom:none;
	color:red;
}
.Prix:hover {
	background-color:#FFCCFF;
	position: absolute;
	left: 52px;
	top: 424px;
	width:auto;
	font-size: 0.8em;
	text-decoration:none;
	border: 1px solid red;
	color:red;
	border-bottom:none;
}

.dremarque1 {
	font-style:italic;
	font-size: 0.9em;
	width:100%;
	text-align:left;
	color:#6633CC;
}
.dsiinternetexplorer {
	color:#666666;
	font-size: 0.8em;
	text-align:center;
}
.lienssimple {
	color:#CC66FF;
	font-weight:bold;
	text-decoration:none;
}
.lienssimple:hover {
	color:#CC99FF;
	font-weight:bold;
	text-decoration:none;
}
.dremarque1 {
	font-style:italic;
	font-size: 0.9em;
	width:100%;
	text-align:right;
	color:#6633CC;
}
.dsiinternetexplorer {
	color:#666666;
	font-size: 0.8em;
	text-align:center;}

div.vign {
   float:right;
   margin-right: 8px;
   background: transparent;
   border: 4px solid #FC0;
   }


a.lightbox img {
	
	height:240px;
	
	
	}

    a.lightbox:active span.f,
   a.lightbox:focus span.f {
   -khtml-opacity: .8;
   -moz-opacity: .8;
   filter: alpha(opacity=80);
   opacity: .8;
   background: #000;
   display: block;
   height: 100%;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 1000;
   }

    a.lightbox:active img,
   a.lightbox:focus img {
   border:16px solid #63C;
   background:#FC0;
   height: auto;
   left: 50%;
 margin: -250px 0 0 -310px;
   overflow: hidden;
  position: absolute;
   z-index: 1001;
   }
table {
	margin:auto;
}
.tablemauve { 
	border-width: thin;
	border-style: solid;
	border-color: #CC99FF;

	
}

td {
	border-width: thin;
	border-style: solid;
	border-color: #FFCCFF;
}