/* CSS Document FR Cadre photos de droite - IPL Photorajeunissement */
#Contenant {
	position: relative;
	top: 310px;
	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;
	
	
}

#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: 162px;
		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;
}
#Cadred {
	position:absolute;
	top:190px;
	left:86%;
	width:160px;
	height: 930px;
	border: 2px solid #FFCCFF;
	background-color:#CC99FF;
	background-image:url(../images/Scan/mauve1cadred.jpg);
	text-align:center;
	display:inline;
	-moz-border-radius: 15px;
	font-size:0.9em;
}
.celcadred {
	height:64px;
}
#Cadred:hover {
	position:absolute;
	top:190px;
	left:86%;
	width:160px;
	height: 930px;
	border: 2px solid #CC99FF;
	background-color:#FFCCFF;
	background-image:url(../images/Scan/mauve2cadred.jpg);
	
}

.Photod1 {
	position: absolute;
	top: 50px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptivisagevxeclatesav.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/IPL/simple/ptivisagevxeclatesap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred1 {
	color:#6633CC;
	position: absolute;
	top:120px;
	left: auto; 
	width:100%;
	text-align:center;
	
	
	
}
.Photod2 {
	position: absolute;
	top: 172px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptineztelangiectasiesav.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/ptineztelangiectasiesap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred2 {
	color:#6633CC;
	position: absolute;
	top:240px;
	width: 100%;
	text-align:center;
}
.Photod3 {
	position: absolute;
	top: 292px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptipoikilodermieav.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/IPL/simple/ptipoikilodermieap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred3 {
	color:#6633CC;
	position: absolute;
	top:360px;
	width: 100%;
	text-align:center;
}
.Photod4 {
	position: absolute;
	top: 412px;
	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;
}
.Photod4:hover {
	position: absolute;
	top: 412px;
	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;
}
.txtcadred4 {
	color:#6633CC;
	position: absolute;
	top:480px;
	left: auto; 
	width:100%;
	text-align:center;
	
	
}
.Photod5 {
	position: absolute;
	top: 532px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptitachesboucheav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod5:hover {
	position: absolute;
	top: 532px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/IPL/simple/ptitachesboucheap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred5 {
	color:#6633CC;
	position: absolute;
	top:600px;
	width: 100%;
	text-align:center;
}
.Photod6 {
	position: absolute;
	top: 652px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptitachesfrontsav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod6:hover {
	position: absolute;
	top: 652px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/IPL/simple/ptitachesfrontap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred6 {
	color:#6633CC;
	position: absolute;
	top:720px;
	width: 100%;
	text-align:center;
}
.Photod7 {
	position: absolute;
	top: 772px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCCFF;
	background-image:url(../images/IPL/simple/ptitachesmainsav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod7:hover {
	position: absolute;
	top: 772px;
	left: 23%;
	z-index:2;
	border: 2px solid #CC99FF;
	background-image:url(../images/IPL/simple/ptitachesmainsap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred7 {
	color:#6633CC;
	position: absolute;
	top:840px;
	width: 100%;
	text-align:center;
}
.Prix {
	background-color:#FFCCFF;
	position: absolute;
	left: 52px;
	top: 914px;
	width:auto;
	font-size: 0.8em;
	text-decoration:none;
	border: 1px solid red;
	border-bottom:none;
	color:red;
}
.Prix:hover {
	background-color:#CC99FF;
	position: absolute;
	left: 52px;
	top: 914px;
	width:auto;
	font-size: 0.8em;
	text-decoration:none;
	border: 1px solid red;
	color:red;
	border-bottom:none;
}