#sidebar > .container{
    width: 305px;    
}
#sidebar .internal{
    width: 292px;
    margin: 0 auto;
    background: #e0d0d1;
}
/** -------------------------------------- Login or Loggued **/
.connection-pad{
  margin-bottom: 0;
  padding-top: 70px;
  position: relative;
  top: -11px;
}
.connection-pad ul, .connection-pad li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#login{   
  background: transparent url(../images/sidebar_login_top.png) no-repeat 0 0;
  *background: transparent url(../images/sidebar_login_top.gif) no-repeat 0 0;
}

#connected, #connected-menu{   
  background: transparent url(../images/sidebar_connected_top.png) no-repeat 0 0;
  *background: transparent url(../images/sidebar_connected_top.gif) no-repeat 0 0;
  background: transparent url(../images/sidebar_sale_bg.png) no-repeat 0 0;
  *background: transparent url(../images/sidebar_sale_bg.gif) no-repeat 0 0;
  padding-top: 25px;
  position: relative;
  top:-7px;
}
#login fieldset{
    margin:0 20px;
}
#login input.text
{
	/* float: left;*/
	float:right;
	width: 160px;
	border: none;
	/*margin-bottom: 10px;*/
	height: 12px;
	font-size: 10px;
	padding: 10px 10px;
	color: #959595
}

#login label{
	color: #FFF;
	padding-top:8px;
	display: block;
	float: left;
}

#login #submit-connexion
{
    float: right;
}

#login input[type="submit"].button-submit{
   height: 21px; /** a modifier en fonction du bouton */
   width: 31px;
   cursor: pointer;
   text-indent: -9999px;
   border: none;
   background: url(../images/bt_ok.png) no-repeat left top; /** a modifier en fonction du bouton */
}

#loader-connexion{
	float: right;
	
}

#message-close, #message-inscription-close
{
	margin: 0 auto;
}

#login input[type="password"]{
    margin-bottom: 0;
}
#login .input a{
    float: left;
	text-decoration: underline;
	margin-top: 4px;
}
#login .input{
    clear: both;
	height: auto;
	margin-bottom: 10px;
}
a.login:link, a.login:visited, a.login:hover, a.login:focus, a.login:active{
    color: #fff;
    text-decoration: none;
}
#login-repeat{    
    background: transparent url(../images/sidebar_login_repeat.png) repeat-y 0 0; 
}
#register-call{
    background: transparent url(../images/sidebar_login_register_call.png) no-repeat center;
    *background: transparent url(../images/sidebar_login_register_call.gif) no-repeat;
    display: block;
    width: 100%;
    text-indent: -9999px;
    height: 38px;
}
#login-bottom{
    background: transparent url(../images/sidebar_login_bottom.png) no-repeat bottom left;
    *background: transparent url(../images/sidebar_login_bottom.gif) no-repeat bottom left;
    padding-bottom: 20px;
}

#connected-bottom{
    background: transparent url(../images/sidebar_connected_bottom.png) no-repeat bottom left;
    *background: transparent url(../images/sidebar_connected_bottom.gif) no-repeat bottom left;
}

/** -------------------------------------- Account menu **/
#connected-menu .title{
    color: #431845;
    margin-left: 2px;
    display: block;
    text-indent: 20px;
    margin-top: 20px;
    background: transparent url(../images/account_title.png) no-repeat 0 0;
    *background: transparent url(../images/account_title.gif) no-repeat 0 0;
}
#menu-account{
    text-align: left;
    padding-top: 20px;
    padding-left: 2px;
    padding-bottom:26px;
}

#menu-account li a {
    width:270px;
    *width:275px;
    *margin-left:-16px;
}

a.menu-account{
    color: #431845;
    display: block;
    text-indent: 20px;
    font-weight: bold;
    text-decoration: none;
    background: transparent url(../images/menu_account_on.png) no-repeat 0 0;
    *background: transparent url(../images/menu_account_on.gif) no-repeat 0 0;
}

a.menu-account:hover{
    color: #fff;
    background: transparent url(../images/menu_account_off.png) no-repeat 0;
    background: transparent url(../images/menu_account_off.gif) no-repeat 0;
}
a.menu-account-sel:link, a.menu-account-sel:visited, a.menu-account-sel:hover, a.menu-account-sel:focus, a.menu-account-sel:active{
    color: #fff;
    font-weight: bold;
    display: block;
    text-indent: 20px;
    text-decoration: none;    
    background: transparent url(../images/menu_account_off.png) no-repeat 0;
    *background: transparent url(../images/menu_account_off.gif) no-repeat 0;
}
/** -------------------------------------- Effets **/

#effect{
    width: 590px;    
    background: transparent url(../images/effect_popup.png) no-repeat top left;
    *background: transparent url(../images/effect_popup.gif) no-repeat top left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}
#effect-mode-call{
    background: transparent url(../images/sidebar_effect_01.png) no-repeat 40% top;
    *background: transparent url(../images/sidebar_effect_01.gif) no-repeat 40% top;
    height: 65px;
}
#effect-bon-plan-call{
    background: transparent url(../images/sidebar_effect_02.png) no-repeat 40% top;
    *background: transparent url(../images/sidebar_effect_02.gif) no-repeat 40% top;
    height: 65px;
}
#effect-sur-mesure-call{
    background: transparent url(../images/sidebar_effect_03.png) no-repeat 40% top;
    *background: transparent url(../images/sidebar_effect_03.gif) no-repeat 40% top;
    height: 85px;
}
#effect-chrono-call{
    background: transparent url(../images/sidebar_effect_04.png) no-repeat 40% top;
    *background: transparent url(../images/sidebar_effect_04.png) no-repeat 40% top;
    height: 78px;
}

.effect{
    display: none;
    height: 306px;
    padding: 100px 35px 15px 35px;    
}
.effect li{
    list-style: none;
    padding-left: 15px;
}
.effect p{
     color:#421742;
     font-weight:bold;
}
.effect strong{
     color:#ac68a3;
}
.effect a:link, .effect a:visited, .effect a:hover, .effect a:focus, .effect a:active{
    text-decoration: underline;
    color:#ac68a3;
}
a.effect-call{
    display: block;
    height: 60px;
    text-indent: -9999px;
}
a#effect-close{    
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 2px;
    top: 7px;        
}

/** -------------------------------------- Nuage de mots **/
#cloud{
   margin-bottom: 10px;
   height:200px;
   position: relative;
   top: 0;
   left: 0;   
}
#cloud .internal{    
  height:200px;   
}
.word{
    color: #381b39;
    position: absolute;
}
.word-0{
    font-size: 0.8em;
    letter-spacing: 0.0em;
}
.word-1{
    font-size: 1.2em;
    letter-spacing: 0.1em;
}
.word-2{
    font-size: 1.4em;
    letter-spacing: 0.2em;
}
.word-3{
    font-size: 1.6em;
    letter-spacing: 0.3em;
}
.word-4{
    font-size: 1.8em;
    letter-spacing: 0.3em;
}
.pos-top-10{
    top: 20px;
}
.pos-top-20{
    top: 40px;
}
.pos-top-30{
    top: 60px;
}
.pos-top-40{
    top: 80px;
}
.pos-top-50{
    top: 100px;
}
.pos-top-60{
    top: 120px;
}
.pos-top-70{
    top: 140px;
}
.pos-top-80{
    top: 160px;
}
.pos-top-90{/** -------------------------------------- Publicité **/
    top: 180px;
}
.pos-left-10{
    left: 20px;
}
.pos-left-20{
    left: 40px;
}
.pos-left-30{
    left: 60px;
}
.pos-left-40{
    left: 80px;
}
.pos-left-50{
    left: 100px;
}
.pos-right-10{
    right: 20px;
}

/** -------------------------------------- Publicité **/
#advert{

}
#advert .internal{
   background: #e0d0d1 url(../images/sidebar_pub.png) no-repeat 0 0;
   height: 248px;
}