/* CSS Document -NL Cadre photo de droite Skin Tightening (Refirme RF)  */
#Contenant {
	position: relative;
	top: 320px;
	left: 15%;
	width: 65%;
	height:auto;
	display:block;

}

h1 {
	position: absolute;
	top:220px;
	left: 15%;
	width: 63%;
	height:auto;
	font-size: 2em;	
	font-weight: bold;
	color:#FF3366;
	text-align:center;
	padding:1% 1% 1% 1%;
	-moz-border-radius: 15px 15px 0 0;
	
}
#Elos {
	float: left;
	position: absolute;
	top:245px;
	left:15.2%;

}

#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:#FFCC66;/* couleur de fond */
		background-image:url(../images/Scan/orangecadreg.jpg);
		border: 2px solid #FF9933;
		color:#FF3366; /* 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:#FF3366; /* On passe le texte en noir... */
		font-weight:bold;
        background-color:#FF9933; /* ... et au contraire, le fond en blanc */
		background-image:url(../images/Scan/orange2cadreg.jpg);
		border:2px solid #FFCC66;
}
#Cadred {
	position:absolute;
	top:190px;
	left:86%;
	width:160px;
	height: 810px;
	border: 2px solid #FFCC66;
	background-color:#FF9933;
	background-image:url(../images/Scan/orange1cadred.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: 810px;
	border: 2px solid #FF9933;
	background-color:#FFCC66;
	background-image:url(../images/Scan/orange2cadred.jpg);
	
}

.Photod1 {
	position: absolute;
	top: 50px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCC66;
	background-image:url(../images/ST/simple/ptiboucheav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod1:hover {
	position: absolute;
	top: 50px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptiboucheap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred1 {
	color:#FF3366;
	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 #FFCC66;
	background-image:url(../images/ST/simple/ptinasoav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod2:hover {
	position: absolute;
	top: 172px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptinasoap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred2 {
	color:#FF3366;
	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 #FFCC66;
	background-image:url(../images/ST/simple/ptiprofilav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod3:hover {
	position: absolute;
	top: 292px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptiprofilap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred3 {
	color:#FF3366;
	position: absolute;
	top:360px;
	width: 100%;
	text-align:center;
	white-space:nowrap;
}
.Photod4 {
	position: absolute;
	top: 412px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCC66;
	background-image:url(../images/ST/simple/ptiprofildav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod4:hover {
	position: absolute;
	top: 412px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptiprofildap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred4 {
	color:#FF3366;
	position: absolute;
	top:480px;
	left: auto; 
	width:100%;
	text-align:center;
	white-space:nowrap;
	
}
.Photod5 {
	position: absolute;
	top: 532px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCC66;
	background-image:url(../images/ST/simple/ptivisage2av.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod5:hover {
	position: absolute;
	top: 532px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptivisage2ap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred5 {
	color:#FF3366;
	position: absolute;
	top:600px;
	width: 100%;
	text-align:center;
	white-space:nowrap;
}
.Photod6 {
	position: absolute;
	top: 652px;
	left:23%;
	z-index:1;
	border: 2px solid #FFCC66;
	background-image:url(../images/ST/simple/ptivisageav.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.Photod6:hover {
	position: absolute;
	top: 652px;
	left: 23%;
	z-index:2;
	border: 2px solid #FF9933;
	background-image:url(../images/ST/simple/ptivisageap.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 80px;
}
.txtcadred6 {
	color:#FF3366;
	position: absolute;
	top:720px;
	width: 100%;
	text-align:center;
	white-space:nowrap;
}

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



