a{ color:#006aa7;text-decoration:none ; }
a:hover{ color: #339DC6;text-decoration:underline }
body {
    font-family:Arial, Helvetica, sans-serif;
    background:url(images/bg_body.png);
    background-repeat:repeat-x;
}

.main{

    margin:0 auto;
    width:940px;
    height:470px;
}

.logo a {
    height:135px;
    width:195px;
    position:absolute;
    margin:auto;
    background:url(images/logo1.jpg) no-repeat;
    display: block;
    text-indent: -4000px;
    float:left;
}


.mainbody{

    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
    width: 940px;

}

.footer{

    margin-left: auto;
    margin-right: auto;
    margin:auto;
    padding:inherit;
    clear:both;
    width: 940px;
}


.menu { 

    padding-top:20px;
    height:50px;
    width:300px;
    float:right;
}

.login { 

    padding-top:20px;
    height:30px;
    width:300px;
    float:right;

}

.index_info { 

    padding-top:24px;
    font-size:20px;
    color:#666666;
    display:block;
    height:30px;
    width:300px;
    margin-left:200px;
}

#menu { 


    color:#666666;
    display:block;
    height:30px;
    width:300px;
    margin-left:200px;
    list-style:none;
}

.banner {

    width:940px;
    height:370px;
}


.inscription {

    width:420px;
    height:340px;
    margin-left:15px;
}



.channel_box {width:500px;height:270px;float:right;background:url(images/channel_box.gif) no-repeat;margin-top:10px;padding:10px 0 0 10px ;}
.channel_box_title {font-family:Verdana; font-size:17px;color:#6f1030;margin-bottom:30px;padding:0;}
.channel_sep {float:left;margin:5px 0 5px 0;background:url(images/channel_sep.gif) no-repeat;width:500px;height:5px;}
.salon {width:80px;margin-right:0px;float:left;}
.img_salon {padding:8px; float:left; }
.description_salon {padding-top:0px;padding-left:2px;float:left;  }
.description_salon h1 {font-family:Verdana; font-size:11px;color:navy;margin:0;padding:0;}
.description_salon h3 {font-family:Arial; font-size:11px;color:#666666;margin:0;padding:0;}
.description_salon h4 {margin:0;padding:0;color:gray}

.members_box {width:930px;height:260px;float:left;background:url(images/member_box.png) no-repeat;margin:0px 5px 0 0;padding:10px 0 0 10px ;}
.members_box_title {font-family:Verdana; font-size:17px;color:#6f1030;margin-bottom:5px;padding:0;}
.member {width:100px;height:100px;padding:2px !important;float:left;}
.img_member {padding:8px; float:left; }
.description_member {font-family:Arial;font-weight: bold; font-size:12px;color:#6f1030;margin:0;text-align : center;  }

.ads_box {width:260px;height:260px;float:right;background:url(images/ads_box.gif) no-repeat;padding:5px 5px 5px 5px;margin-left:5px;}

.left-pane {
   
    float:left;
    width:470px;
}
.right-pane {
    
    float:right;
    width:470px;
}

#features {
    height:60px;
    width:310px;
    padding-top:20px;
    padding-left:115px;

}

#features a{ color:#666666;text-decoration:none ; }
#features a:hover{ color: #666666;text-decoration:none }

#features.online { background:url(images/features/features_online.jpg);  }
.searchs { background:url('images/features/features_search.jpg') no-repeat left; }
.cam { background:url(images/features/features_cam.jpg) no-repeat left; }
.gratuit { background:url(images/features/features_free.jpg) no-repeat left; }
.msn { background:url(images/features/features_msn.jpg) no-repeat left; }
.mobile { background:url(images/features/features_mobi.jpg) no-repeat left; }
.horoscope { background:url(images/features/features_horoscope.jpg) no-repeat left; }
#features.text { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; padding:0; }


.hdevid {
    float:right;
    height:250px;
    width:10px;
    clear:both;
    margin-right:10px;
    background: url(images/divid.jpg) no-repeat;
    margin-top:10px;
}

hr { 

    border: none 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #efefef;
    width: 100%;
    height: 2px;
    margin: 10px auto 0 0;

}

.bigwhitetxt {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; font-weight: bolder; letter-spacing:1px; padding-bottom:4px; padding-top:5px; }
.subwhitetxt {font-size:20px;line-height:29px;word-spacing:-1px;padding-top:1px; padding-bottom:5px; color:#FFFFFF}
.littlewhitetxt {font-size:11px; color:#FFFFFF; vertical-align: middle}

.isciptiontxt {	
    font-size:11px;
    margin-right:2px;
    padding:5px;
    margin-top: 1px;
    margin-bottom: 2px;
    color:#FFFFFF;
    text-align: right;

}
.isciptiontxt2 {
    font-size:11px;
    margin-right:2px;
    padding:5px;
    margin-top: 1px;
    margin-bottom: 2px;
    color:black;
    text-align: right;

}


.contitle { padding:15px; }
.salons {margin:0px 10px 0px 10px; }

.pic_sal {padding:8px; }

.maingreytext {color:#666666; font-size:12px; margin-top:5px}




.insboutton { margin-top:15px; margin-left:auto; margin-right:auto;}

.footright {font-size:11px; float:right; margin-bottom:10px; color:#333333 }
.footleft {font-size:11px; float:left; margin-bottom:10px; color:#333333 }

.input, textarea {
    background-image:url(images/form_bg.jpg);
    background-repeat:repeat-x;
    border:1px solid #ccc;
    color:#185889;
    font-size:11px;
    margin-right:2px;
    padding:2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.loginput {
    background-image:url(images/form_bg.jpg);
    background-repeat:repeat-x;
    border:1px solid #ccc;
    color: #666666;
    font-size:12px;
    margin-right:2px;
    padding:2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.button {font-family: Verdana, Arial, sans-serif;display: inline-block;background:  url('images/bouton-bg.gif');background-repeat:repeat-x !important;border: 0px solid  !important;padding: 4px 7px 4px 7px !important;color: #fff !important;font-size: 11px !important;cursor: pointer;}
.button:hover {text-decoration: underline;}
.button:active {padding: 5px 7px 3px 7px !important;}

.select {

    background-image:url(images/form_bg.jpg);
    background-repeat:repeat-x;
    border:5px solid #104958;
}

.pseudo {
    background-image:url(images/pseudo.jpg);
    background-repeat:repeat-x;
    border:1px solid #ccc;
    border-right:none;
    color:#185889;
    height:25px;
    width:24px;
}

h1 { font-size:16px; font-weight:bold; color: #666666}
h2 { font-size:14px; font-weight:bold; color: #666666}

ul#priNav{float: left; list-style: none;margin: 30px 0px 0px 200px; font-size:12px}
ul#priNav li{float: left;}
ul#priNav li a{float: left; width: 80px; height: 30px; background: url(../images/nav-bg.gif) top left no-repeat; color: #666; text-decoration: none;font-weight: bold;font-size: 100%;border: 0;text-align: center;padding: 7px 0 0 0;margin: 0 10px;}
ul#priNav li a:hover, ul#priNav li.on a{background: url(../images/nav-bg-on.gif) top left no-repeat;color: #fff;}


#logincont { height:70px;  float:right; padding:15px 10px 0 15px;margin:0; }
.logo{width:251px;height:70px;float:left;background:url(images/logo.png) no-repeat;padding-top:7px}
#priUser {
    float: left;
    margin: 29px 0px 0px 10px;
    width: 120px;
    height: 30px;
    background: url(images/user_bg.gif)  bottom left no-repeat;
    text-decoration: none;
    border: 0;
    padding: 7px 0 0 0;

}

#priUser:hover {

    float: left;
    margin: 29px 0px 0px 10px;
    width: 120px;
    height: 30px;
    background: url(images/user_bg.gif) top left no-repeat;
    border: 0;
    padding: 7px 0 0 0;
}

#priPass {
    float: right;
    margin: 29px 0px 0px 10px;
    width: 120px;
    height: 30px;
    background: url(images/pass_bg.gif)  bottom left no-repeat;
    border: 0;
    padding: 7px 0 0 0;

}

#priPass:hover {

    float: right;
    margin: 29px 0px 0px 10px;
    width: 120px;
    height: 30px;
    background: url(images/pass_bg.gif) top left no-repeat;
    border: 0;
    padding: 7px 0 0 0;
}

#priBotton {

    float: right;
    margin: 30px 0px 0px 10px;
    width: 50px;
    height: 30px;
    background: url(images/go_bg.gif)  bottom left no-repeat;
    border: 0;
    padding: 7px 0 0 0;
}

#priBotton:hover {

    float: right;
    margin: 30px 0px 0px 10px;
    width: 50px;
    height: 30px;
    background: url(images/go_bg.gif) top left no-repeat;
    border: 0;
    padding: 7px 0 0 0;
}



span.username input,
span.password input {
    padding: 0px;
    width: 85px;
    background: none;
    border: none;
    outline: none;
    text-align: left;
    margin-left:27px;
    float: left;
    color: #646464;
    font-size: 11px;
}


/* Footer */
#footer{background:url(images/ftr.gif) repeat-x; height:53px; color:#fff; text-decoration:none; }
#footer p{margin:0 0 0 auto; width:225px; font-size: 9px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline; text-decoration:none}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }
#footer ul a:hover{ color:#bfdced; }

.shell{
    width:950px;
    margin:0 auto;

}

.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}


/*************** Notifications ***************/

.notification {
    position: relative;
    margin: 15px 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
}


.attention {
    background: #fffbcc url('images/notifications/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('images/notifications/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('images/notifications/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('images/notifications/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}
.cgu {

    border-left:0;
    border-right:0;
    border-bottom:0;
    background:none;
    border-color: #41c4ec;
    color:white;
    width:350px
}
.cgu a{
    color:#41c4ec
}
.cgu a:hover{
    color:#99ffff
}
.notification div {
    display:block;
    font-style:normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color:#990000;
    font-size:9px;
    position:absolute;
    right:5px;
    top:5px;
}

/* Notification for form inputs */

.input-notification {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

/* Notification for login page */

#login-wrapper #login-content .notification {
    border: 0;
    background-color: #141414;
    color: #fff !important;
}

.why_diff {padding-left:10px;padding-right:10px;background-color:#18687f;margin:10px 0px 10px 0px;width:910px}
.why_diff h1{padding-top:10px;color:#cccccc;font-size:26px}
.why_diff h2{padding-top:10px;color:#cccccc;font-size:18px}
.why_diff p{padding-bottom:20px;color:#cccccc;font-size:15px}

.topm_left{width:23px; height:478px; background:url(images/topm_left.png) no-repeat;float:left}
.topm_midle{width:895px; height:478px; background:url(images/topm_midle.png) repeat-x;float:left}
.topm_right{width:22px; height:478px; background:url(images/topm_right.png) no-repeat;float:left}
.bloc_400_up { width:400px; height:9px; background:url(../images/bloc_400_up.gif) no-repeat; }
.bloc_400_middle {width:400px; background:url(../images/bloc_400_middle.gif) repeat-y; }
.bloc_400_middle h1{margin:0; padding:10px 5px 5px 5px;color:#8d3151;font-family:Arial;font-size:20px}
.bloc_400_foot {width:400px; height:32px; background:url(../images/bloc_400_foot.gif); }


.animation1 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty1_01.png) no-repeat;
}
.inscription_box1{
    background:url(images/themes/flirty1_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation2 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty2_01.png) no-repeat;
}
.inscription_box2{
    background:url(images/themes/flirty2_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation3 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty3_01.png) no-repeat;
}
.inscription_box3{
    background:url(images/themes/flirty3_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation4 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty4_01.png) no-repeat;
}
.inscription_box4{
    background:url(images/themes/flirty4_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation5 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty5_01.png) no-repeat;
}
.inscription_box5{
    background:url(images/themes/flirty5_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation6 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty6_01.png) no-repeat;
}
.inscription_box6{
    background:url(images/themes/flirty6_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}
.animation7 {
    text-align:left;
    float:left;
    width:510px;
    height:370px;
    padding:inherit;
    background:url(images/themes/flirty7_01.png) no-repeat;
}
.inscription_box7{
    background:url(images/themes/flirty7_02.png) no-repeat;
    width:430px;
    height:370px;
    float:right;
}