/*==========================================================================
//	STYLESHEET FOR ESPACE FEMMES		//	COLOURS
// 	Version: 		1.0					//	
// 	Date: 			October 2008		//
// 	Author: 		SOFTAKT				//
==========================================================================*/

/*-------------------------------
Global
-------------------------------*/

body {
font-family: Tahoma, Verdana, Sans-Serif;
font-size:12px;
color: #333;
background:#aaaaaa url(images/body-back.gif) repeat-x;
}

/* backgrounds */

#nolog {
}

#nolog #container {
margin: 0 auto;
width:930px;
}

#nolog #header, #nolog #footer-home {
margin-left:170px;
width:760px;
}

#nolog-content {
float:right;
width: 760px;
overflow:hidden;
background: #fdfcfd url(images/nolog-content-back.jpg) no-repeat;
padding-top: 5px;
}

#log #content {
background: #fdfcfd url(images/nolog-content-back.jpg) no-repeat;
}

/* Links
-------------------------------*/

a {
color: #333;
text-decoration:none;
}

a:hover {
color: #f9069a;
}

a:focus {
outline: 1px dotted #333;
} 

/* Forms
-------------------------------*/

input, textarea, select {
border: solid 1px #999;
padding:1px 2px;
}

input:hover, input:focus, textarea:hover, textarea:focus {
border: solid 1px violet;
}

form label {
cursor: pointer;
}

input, select, textarea {
font-size: 100%;
font-family: inherit;
}

input.submit, input.radio, input.checkbox {
border: 0 none;
padding:0;
}

input.radio {
vertical-align:middle;
}

/*==========================================================================
Design : structure / navbar / sidebars 
==========================================================================*/

/*-------------------------------
Structure
-------------------------------*/

#header {
height: 140px;
position:relative;
}

.header-home {
background:url(images/header.jpg) no-repeat bottom center;
}

#container {
margin: 0 auto;
width:760px;
}

#content {
overflow:hidden;
zoom:1;
}

/*-------------------------------
Contenu Home
-------------------------------*/

/* Home */ 

.content-home img {
display:block;
}

#home-encours {
width:460px;
height:90px;
padding:5px 0 0 300px;
background: #fff url(files_site/index_photo_bas.jpg) no-repeat;
}

#home-encours img {
float:left;
margin-right:30px;
}

/*-------------------------------
Contenu noLog
-------------------------------*/

/* noLog sidebar */

#nolog-sidebar {
width:160px;
margin-right:10px;
float:left;
}

/*login form*/

#nolog-login-form {
height:150px;
background:url(images/log-form-back.gif) no-repeat;
margin-bottom:10px;
overflow:hidden;
padding-left:10px;
}

#nolog-login-form form {
margin-top:15px;
}

#nolog-login-form legend {
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
font-size:16px;
color: #f9069a;
}

#nolog-login-form input {
background:#000;
color:#fff;
vertical-align:middle;
width:100px;
}

#nolog-login-form .champs {
margin-top:10px;
}

#nolog-login-form p {
margin-top:15px;
}

#nolog-login-form p input {
width: 28px;
}

#nolog-login-form a {
font-size:10px;
}

#nolog-devenir a {
display:block;
height:60px;
width:130px;
background:url(images/nolog-devenir-back.gif) no-repeat;
line-height:60px;
font-variant:small-caps;
padding-left:30px;
color:#fff;
font-size:16px;
}

#nolog-text {
margin-top:10px;
background:url(images/nolog-side-text.gif);
height:290px;
padding:0 10px;
overflow:hidden;
}

/* Register form */

#register-header {
width:470px;
margin-left:10px;
margin-top:15px;
float:left;
}

#register-header  h2 {
color:#f9069a;
font-size:18px;
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
}

#register-encours {
float:right;
width: 230px;
}

#register-encours {
margin-top:20px;
font-size:18px;
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
}

#register-encours img {
display:block;
}

.pink {
font-weight:bold;
color: #f9069a;
}

#register-form {
margin: 15px;
clear:both;
}

.register-form-left {
width:49%;
float:left;
}

.register-form-right {
width:49%;
float:right;
}

#register-form label {
display:block;
width:140px;
float:left;
font-size: 11px;
line-height:18px;
}

#register-form legend {
color:#f9069a;
font-weight:bold;
font-size:16px;
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
}

#register-form input {
vertical-align:middle;
}

#register-form p {
overflow:hidden;
padding-bottom:3px;
margin: .5em 0;
}

/* ventes en cours */

#nolog-encours {
background: #d1cbcf;
overflow:hidden;
height:100%;
padding: 5px 0;
}

#nolog-encours p {
float:left;
margin:3px 0 0 100px;
font-variant:small-caps;
font-size:16px;
display:inline;
font-weight:bold;
}

#nolog-encours img {
float:left;
margin-right:40px;
}

.nolog-encours-imgs {
float:right;
display:inline;
}


/*-------------------------------
Contenu Log
-------------------------------*/

/* Campagnes */

#campagnes {
width:560px;
float:right;
margin-right:5px;
display:inline;
margin-top: 5px;
}

.campagne-item {
display:inline;
float:left;
width:176px;
border: solid 2px black;
text-align:center;
margin:5px 0 5px 5px;
}

.campagne-item img {
width:175px;
display:block;
}

.campagne-item a:hover img {
opacity: 0.85;
filter: alpha(opacity=85);
}

.campagne-item p {
margin:0;
background:#fff;
}

.campagne-item-date {
display:block;
font-size:11px;
font-variant:small-caps;
color:#fff;
background:#FB069C;
padding: 1px; 0;
}

.campagne-item p a {
display:block;
font-size:11px;
font-variant:small-caps;
color:#fff;
background:#000;
padding:1px 0;
}

.campagne-item p a:hover {
color: #f9069a;
}

/* Sidebar */

#log-sidebar {
float:left;
width:175px;
margin-left:10px;
display:inline;
}

/* Compte */

#log-compte {
background:#fff url(images/compte-back.gif) no-repeat top center;
overflow:hidden;
zoom:1;
margin-top:5px;
margin-bottom:10px;
}

#log-compte p {
margin: 10px 0 10px 15px;
}

#log-compte .pseudo img {
margin-right: 5px;
}

#log-compte .pseudo {
color:#f9069a;
font-weight:bold;
}

#log-compte ul {
margin-left:30px;
padding:0;
}

#log-compte a.link-logout {
margin-left:20px;
text-decoration:underline;
}

#log-compte li {
background: url(images/heart-pink.gif) no-repeat;
padding-left: 15px;
margin:10px 0;
}

#panier {
text-align:center;
background:black;
padding:3px 0;
}

#panier img {
margin-right:10px;
vertical-align:middle;
}

#panier a {
color:#f9069a;
font-variant:small-caps;
}

/* Anim flash & coups de coeur */

#anim-flash {
margin-bottom:10px;
}

#coups-coeur img {
display: block;
}

/*-------------------------------
Footers
-------------------------------*/

/* Bottom */

#footer-infos {
color:#fff;
height:47px;
background: url(images/footer-infos-back.gif) repeat-x;
position:relative;
font-size:10px;
}

#footer-infos form {
position:absolute;
top:5px;
left:10px;
}

#footer-infos input {
vertical-align:middle
}

#footer-infos p {
position:absolute;
right:70px;
top:5px;
margin:0;
}

.logout #footer-infos p {
top:15px;
}

#footer-infos p img {
margin:0 5px;
}

#footer-infos-line2 img {
vertical-align:middle;
}

#footer-infos-line2 {
position:absolute;
bottom: 4px;
left:10px;
}

.logout #footer-infos-line2 {
bottom: 15px;
}

#footer-infos #passvip {
position:absolute;
right:0;
top:0;
}

/* Footer home */

#footer-home div {
background: url(images/footer-back.gif) repeat-x;
height:32px;
line-height:35px;
margin:2px 0;
text-align: center;
}

#footer-home div a {
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
color:#fff;
padding:0 20px;
}

#footer-home div a:hover {
color:#333;
}

#footer-home p {
color:#333;
text-align: center;
background: url(images/footer-text-back.gif) repeat-x;
line-height:1;
font-size:10px;
padding:5px 100px;
margin:2px 0;
}

/* Footer page */

#footer-page {
padding: 0 10px;
background:#fdfcfd;
}

#footer-page #footer-links {
background: url(images/footer-page-back.gif) repeat-x;
height:22px;
line-height:22px;
}

#footer-page a {
color:#fff;
font-size:10px;
padding:0 20px;
}

#footer-page a:hover {
color:#f9069a;
}

#footer-page #copyright {
background: url(images/footer-text-back.gif) repeat-x;
line-height:1;
text-align:center;
margin:1px 0;
font-size:10px;
color:#333;
padding: 5px 0;
}

#footer-page #copyright a {
color:#333;
padding: 0;
}

/*-------------------------------
Header
-------------------------------*/

/* Logo */

#logo {
float:left;
margin-left: -120px;
margin-top: 30px;
display:block;
position:relative;
z-index:2;
}

#nolog #logo {
margin-left:250px;
display:inline;
}

/* Login form */

#login-form {
float:right;
width:170px;
margin-top:10px;
}

#login-form legend {
font-size: 16px;
font-family: "Trebuchet MS", Trebuchet, Serif;
font-variant:small-caps;
color:#fff;
}

#login-form input {
margin:5px 0;
display:block;
vertical-align:middle;
width: 140px;
color:#ef0694;
}

#login-form p input {
display:inline;
margin:0;
width: 28px;
}

#login-form p a {
color:#fff;
text-decoration:underline;
}

/* Menu rose */

#menu {
position:absolute;
bottom:3px;
left:0;
width:100%;
height:29px;
background: url(images/menu-back.gif) repeat-x;
z-index:1;
}

#menu li {
float:left;
padding: 5px 50px;
}

.menu-left, .menu-right {
width: 12px;
height:29px;
position:absolute;
z-index:2;
}

.menu-right {
bottom:3px;
right:0;
background: url(images/menu-right.gif) no-repeat;
}

.menu-left {
bottom:3px;
left:0;
background: url(images/menu-left.gif) no-repeat;
}

#menu li a {
color:#fff;
font-variant:small-caps;
font-size: 16px;
}

#menu li a:hover {
color:#333;
}