* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
/* Les balises --------------------------------------------------------------------------------------------*/
body
{
margin : 0px ;
padding : 0px ;
font-family : verdana;
background-color : #a29a88 ;
background-image : url("http://www.select-rencontre.com/images/ombre_body.png");
background-repeat : no-repeat;
background-position : top center ;
}
* html body
{
background-image : none ;
}
img
{
border : 0px ;
}
/* Mise en page globale --------------------------------------------------------------------------------*/
#page
{
background-color : #a29a88 ;
position : relative;
width : 1000px ;
height : auto ;
margin-left : auto ;
margin-right : auto ;
background-color : #a29a88 ;
scrollbar-base-color : #d0cabd ;
scrollbar-arrow-color : #a29a88 ;
scrollbar-3dlight-color : #a29a88 ;
scrollbar-darkshadow-color : #d0cabd ;
scrollbar-face-color : #d0cabd ;
scrollbar-track-color : #d0cabd ;
}
/* bandeau -------------------------------------------------------------------------------------------------*/
#bandeau
{
width : 1000px ;
height : 68px ;
background-image : url("http://www.select-rencontre.com/images/bandeau.png");
background-repeat : no-repeat;
}
#bandeau img
{
margin-left : 305px;
}
/* Menu ------------------------------------------------------------------------------------------------- */
#menu
{
width : 1000px ;
height : 25px ;
background-image: url("http://www.select-rencontre.com/images/fond_menu.png");
background-repeat: no-repeat;
}
#menu ul,li
{
margin : 0px;
padding : 0px;
list-style-type : none;
}
#menu li
{
float:left;
}
#menu a
{
text-decoration : none;
line-height : 22px;
text-align : center;
font-size : 12px;
margin-right : 5px;
margin-left : 30px;
letter-spacing : 1px;
}
/* class texte menu ---------------------------------------------*/
.couleur_menu
{
color : #393938;
}
.menu_texte_en_blanc
{
color : #e4e2de;
}
#menu a:hover
{
color : #e4e2de;
}
/* contenu ------------------------------------------------------------------------------------------------*/
#contenu
{
width : 1000px ;
height : 430px ;
background-image : url("http://www.select-rencontre.com/images/fond_contenu.png");
background-repeat : no-repeat;
}
#contenu2
{
width : 1000px ;
height : 430px ;
background-image : url("http://www.select-rencontre.com/images/fond_contenu_champ.png");
background-repeat : no-repeat;
}
/* Zone de texte : accueil ------------------------------------------------------------*/
#zone_de_texte1
{
width : 325px ;
height : 410px ;
background-repeat : no-repeat;
position : absolute;
top : 92px ;
left : 315px ;
overflow-x : hidden ;
overflow-y : auto ;
padding-right : 10px ;
padding-top : 20px ;
}
#zone_de_texte2
{
width : 325px ;
height : 410px ;
background-repeat : no-repeat;
position : absolute;
top : 92px;
left : 315px;
text-align : justify;
color : #393938;
font-size : 10px;
overflow-x : hidden ;
overflow-y : auto ;
padding-right : 10px ;
padding-top : 20px ;
}
#zone_de_texte2 p
{
padding:0px;
margin:0px;
}
#zone_de_texte1 h1
{
color : #393938;
font-size : 11px;
padding : 30px 0px 10px 0px;
margin : 0px;
text-align : justify;
}
#zone_de_texte2 h1
{
color : #393938;
font-size : 10px;
padding : 30px 0px 10px 0px;
margin : 0px;
text-align : justify;
}
#zone_de_texte1 h2
{
color : #393938;
font-size : 9px;
padding : 0px;
margin : 0px;
text-align : justify;
}
#zone_de_texte2 h2
{
color : #393938;
font-size : 9px;
padding : 0px 0px 5px 0px;
margin : 0px 0px 5px 0px ;
text-align : justify;
}
#zone_de_texte1 p
{
text-align : justify;
color : #393938;
font-size : 10px;
padding : 0px 0px 10px 0px;
margin : 0px;
}
/* class texte */
#zone_de_texte1 h1.titre_index
{
font-size : 10px;
}
#zone_de_texte2 h1.titre_index
{
font-size : 10px;
}
#zone_de_texte2 h1.titre_presentation
{
font-size : 10px;
letter-spacing : 1px;
}
/* Footer --------------------------------------------------------------------------------------------*/
#footer
{
width : 1000px ;
height : 73px ;
background-image : url("http://www.select-rencontre.com/images/fond_footer.png");
background-repeat : no-repeat;
clear : both;
width : 1000px;
font-size : 10px;
color : #393938 ;
}
#footer p
{
margin : 0px ;
padding : 0px ;
line-height : 65px;
margin-left : 207px;
font-weight : bold;
}
#footer a
{
text-decoration : none;
font-size : 10px;
color : #393938;
text-decoration : none;
}
/* Images --------------------------------------------------------------------------------------------*/
.femme_gauche
{
position : absolute;
bottom : 0px;
left : 0px;
z-index : 5;
}
.femme_droite-haut
{
position : absolute;
top : -3px;
right : 0px;
z-index : 5;
}
.femme_droite-bas
{
position : absolute;
top : 130px;
right : 0px;
z-index : 5;
}
.caviar_form
{
position : absolute;
bottom : 0px;
left : 296px;
}
/* Formulaire ------------------------------------------------------------------------------------------*/
#formulaire
{
width : 500px;
height : 500px;
background-repeat : no-repeat;
margin-left : 297px;
}
form
{
width : 350px;
height : 500px;
position : absolute;
top : 135px;
left : 265px;
}
label
{
color : #313131;
font-size : 11px;
font-weight : bold;
width : 110px;
display : block;
float : left;
margin : 0px 10px 15px 0px;
text-align : left;
}
input[type='text'], input[type='password']
{
border : solid 1px #88857e;
width : 220px;
background-color: #d2ccc1;
}
#formulaire br
{
clear : both;
}
textarea
{
background-color: #d2ccc1;
float : right;
width : 220px;
border : solid 1px #88857e;
margin-top : -25px;
margin-right : 6px;
}
#formulaire label.aligngauche
{
text-align : left;
margin-right : 150px;
}
input[type='image']
{
float : right;
margin-right : 70px;
margin-top : 5px;
}
.champs
{
color : red;
font-size : 9px;
margin : 0px 0px 0px 90px;
line-height : 50px;
}
.champsvert
{
color : green;
font-size : 10px;
margin : 0px 0px 0px 90px;
line-height : 50px;
}
#edit textarea, #edit textarea
{
width : 325px ;
height : 370px ;
margin-top : 15px ;
font-size : 10px;
font-family : Verdana;
}
#edit
{
width : 325px ;
height : 430px ;
background-repeat : no-repeat;
position : absolute;
top : 92px;
left : 315px;
display : none;
}
#edit form, #admin form
{
margin : 0px;
padding : 0px;
position: relative;
top : 0px;
left : 0px;
width : auto;
height : auto;
}
#FCKeditor1___Frame
{
width : 290px !important;
height : 370px !important;
margin-top : 20px !important;
}
#admin
{
width : 325px;
}
#admin legend
{
font-size : 11px;
color : #393938 ;
}
#admin input[type="text"], #admin input[type="password"]
{
width : 150px ;
}
#admin table
{
float : left ;
}
#deco
{
width : 100px ;
height : 20px ;
position: absolute;
bottom : 0px ;
left : 5px ;
font-size:12px;
z-index:100;
}
#extension
{
position : absolute ;
font-size : 10px ;
background-color : #A29A88 ;
width : 160px ;
height : 50px ;
bottom : 50px ;
right : 180px ;
text-align : center ;
z-index : 9999 ;
visibility : hidden ;
}
#extension a
{
text-decoration : underline ;
}