/* ================ */
/* = Right column = */
/* ================ */

body #right-col {
	width: 206px;
	float: right;
	margin-top: 25px;
}

body #right-col #infosSum{
	width:169px;
	margin:0px auto;
	min-height:190px;
	height:auto !important;
	/*height:190px;*/
	font-size:11px;
	/*background: url('../images/imgsite/account/bg-col-infos-bot.png') left bottom no-repeat;*/
	background-color: #cc0000;
}
body #right-col #infosSum h4{
	height:30px;
	text-indent:-9999px;
}
body #right-col #infosSum .bottom{
	background: url('../images/imgsite/account/bg-col-infos.png') top left no-repeat;
	padding-bottom: 5px; /*modif adrien*/
}
body #right-col #infosSum .details{
	display:block;
	margin-bottom:20px;
	padding-left:15px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}
body #right-col #infosSum .title{
	display:block;
	font-weight:bold;
	font-size:11px;	
}
body #right-col #infosSum .bloc{
	width:159px;
	margin:0px auto;
	margin-bottom:5px;
	background: url('../images/imgsite/account/bg-col-infos-bloc.png') top left no-repeat;
}
body #right-col #infosSum .bloc p{
	padding:5px 10px;
	background:#FFF url('../images/imgsite/account/bg-col-infos-bloc-bot.png') left bottom no-repeat;
}
body #right-col #infosSum .vip{
	width:139px;
	/*height:25px;*/
	margin:5px auto 5px auto ;/*modif adrien*/
	padding:5px 10px;
	/*background: url('../images/account/bg-col-infos-small-bloc.png') top left no-repeat;*/
	background-color: #fff; /*modif adrien*/
}
/*Ajout*/
body #right-col #infosSum .vip table{
	width: 100%;
	background-color: #CCC;
}
body #right-col #infosSum .vip table td{
	text-align: center;
}
body #right-col #infosSum .vip p{
	border: 1px solid #CCC;
	text-align:center;
}
body #right-col #infosSum .vip p span{
	color: #c00;
	font-weight: bold;
}
body #right-col #infosSum .vip table td.tdHead{
	width: 54px;
	font-weight:bold;
	text-align: center;
}
/*fin ajout*/

body.login #right-col #help {
	margin-top: 2px;
}
/* ======================================================== */
/* = Left column = */
/* ======================================================== */
body.accountPlan #main, body.accountSpace #main, body.accountInfo #main{min-height:920px;}
body.accountLogin #main{min-height:550px;}
body #left-col {
	width: 766px;
	float: left;
	font-size:12px;
}
/* = Breadcrumbs = */
/* ======================================================== */
body #left-col #breadcrumbs{
	height: 22px;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #3399CC;
	margin: 0 3px;
	margin-bottom:10px;
	padding-top:13px;
}
body #left-col .breadcrumbs-bm{
	border-top: 1px solid #3399CC !important;
}

body #left-col #breadcrumbs .logout{
	float:right;
	color:#000000;
	font-size:11px;
}
body #left-col #breadcrumbs ul{
	height:19px;
	margin:0px;
	padding:0px;
	margin-right:100px;
}
body #left-col #breadcrumbs ul li{
	display:block;
	float:left;
	height:13px;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
}
body #left-col #breadcrumbs ul li.pipeline{
	margin:0px 8px;
	border-left:1px solid #D3D4D5;
}

body #left-col #breadcrumbs ul li#bgarianne{
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
	background-color:#f0f0f0;
}

body #left-col #breadcrumbs ul li a{
	color:#C00;
}
body #left-col #breadcrumbs ul li a:hover {
background-color:#f0f0f0;
}

body #left-col #breadcrumbs ul li a:active {
background-color:#f0f0f0;
}

body.login #left-col #breadcrumbs {
	border-bottom: 0;
	margin-bottom: 0;
}

/* = Misc = */
/* ======================================================== */
body #left-col .link_red {
    color: #C00;
    font-size: 11px;
    font-style: normal;
}

body #left-col .gray {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #D3D4D5;
}
body #left-col .hop {
	margin:30px 0px;
}
body #left-col h2 {
	text-indent: -9999px;
	height: 27px;
	margin: 0 3px;
	background: url('../images/imgsite/account/bg-account-title.png') no-repeat;
}
body #left-col h2.titlePlan {
	text-indent: -9999px;
	height: 27px;
	margin: 0 3px;
	background: url('../images/imgsite/account/bg-account-plan-title.png') no-repeat;
}
body #left-col h2.titleRM {
	background: url('../images/imgsite/account/bg-rm-mobile-title.png') no-repeat;
}
body #left-col h2.titleContact {
	text-indent: -9999px;
	height: 27px;
	margin: 0 3px;
	background: url('../images/imgsite/account/bg-account-contact-title.png') no-repeat;
}
body #left-col span.error,
body #left-col div.error{
    margin-left:16px;
    padding-bottom: 10px;
    padding-left: 190px;
    font-style: italic;
    color: red;
}
/* ======================================================================================= */
/* = ACCOUNT = */
/* ======================================================================================= */
/* = Blocs = */
/* ======================================================== */
body #left-col h3 {
	text-indent: -9999px;
	height: 54px;
	margin: 0px;
}
body #left-col h3.titleProfile{
	background: url('/images/imgsite/account/bg-title-profile.png') no-repeat;
}
 

body #left-col h3.titlePhone{
	background: url('../images/imgsite/account/bg-title-phone.png') no-repeat;
}
body #left-col h3.titlePlan{
	background: url('../images/imgsite/account/bg-title-plan.png') no-repeat;
	margin-top: 50px;
}
body #left-col h3.titleLogin{
	height:7px;
	background: url('../images/imgsite/account/bg-title-login.png') no-repeat;
}
body #left-col h3.forgotPwd{
	margin-left: 70px;
	width: 350px;
	height:28px;
	background: url('../images/imgsite/account/bg-title-forgotPwd.png') no-repeat right;
}
body #left-col .red{
	color:#3399CC;	
}
body #left-col .redArrow{
	display:block;
	padding-right:20px;
	color:#C00;
	font-size:11px;
	text-align:right;
	text-decoration:none;
	background: url('../images/imgsite/right-arrows.png') center right no-repeat;
}

body #left-col #profile{
	width:283px;
	/*padding-top: 20px;*/
}
body #left-col #phone{
	float:right;
	width:487px;
	/*padding-top: 20px;*/
}
body #left-col #plan{
	margin-top:30px;
}
/*Profile*/
body #left-col #profile .bloc{
	min-height:94px;
	height:auto !important;
	height:94px;
	padding:15px 25px;
	font-size:18px;
	font-weight:bold;
	background: url('../images/imgsite/account/bg-profile.png') bottom left no-repeat;
}
body #left-col #profile .bloc .red{
	display:block;
	margin-bottom:25px;
	font-size:24px;
}
/*Phone*/
body #left-col #phone .bloc{
	overflow:auto;
	min-height:120px;
	height:auto !important;
	height:120px;
	padding:5px 25px 0px 25px;
	font-size:18px;
	font-weight:bold;
	background: url('../images/imgsite/account/bg-phone.png') bottom left no-repeat;
}
body #left-col #phone .bloc .pic{
	float:right;
	
}
body #left-col #phone .bloc .infos{
	margin-right:160px;
}
body #left-col #phone .bloc .infos .gray{
	clear:left;
	margin-bottom:10px;
}
body #left-col #phone .bloc .infos .mobile{
	font-size:18px;
}
body #left-col #phone .bloc .infos .redArrow{
	float:left;
	margin-bottom:10px;
	margin: 0px;
	
}

body #left-col #phone .bloc .infos a{
	text-decoration: none;
	cursor: hand;
}

/*Plan*/
body #left-col #plan .bloc{
	overflow:auto;
	padding:0px 25px 15px 25px;
	font-weight:bold;
	background: url('../images/imgsite/account/bg-plan.png') bottom left no-repeat;
}

body #left-col #plan .bloc h4{
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:#C00;
}
body #left-col #plan .bloc .btn_modify{
	padding: 0px;
	background: transparent url('../images/imgsite/account/bt-modifier.jpg') bottom left no-repeat;
	border: medium none;
	height: 39px;
	width: 121px;
	text-indent: -9999px;
	float:right;
} 
body #left-col #plan .bloc .infos{
	margin-right:285px;
}
body #left-col #plan .bloc .infos .gray{
	margin:25px 0px 10px 0px;
}
body #left-col #plan .bloc .infos .title{
	margin-bottom:10px;
	font-size:20px;
}
body #left-col #plan .bloc .infos .title .price{
	display:block;
	font-weight:normal;
}
body #left-col #plan .bloc .infos .title .price .red{
	font-weight:bold;
}
body #left-col #plan .bloc .infos .bill {
	line-height: 20px;
}
body #left-col #plan .bloc .infos .bill .redArrow{
	float:left;
} 
body #left-col #plan .bloc .options{
	float:right;
	width:265px;
}
body #left-col #plan .bloc .options h4{
	padding-left:20px;
}
body #left-col #plan .bloc .options table{
	width:100%;
}
body #left-col #plan .bloc .options table tr td{
	height:40px;
	vertical-align:top;
}
body #left-col #plan .bloc .options table tr td.option{
	height:40px;
	padding-left:20px;
	vertical-align:top;
	border-left:1px solid #D3D4D5;
}
body #left-col #plan .bloc .options table tr td.status-icon {
	text-align: right;
}
body #left-col #plan .bloc .options table tr td a{
	display:block;
	color:#C00;
	font-weight:normal;
}

/* ======================================================================================= */
/* = ACCOUNT - MY PLAN = */
/* ======================================================================================= */
/*Infos*/
body #left-col #infosPlan{
	float:left;
	width:371px;
	margin-bottom:25px;
}
body #left-col #infosPlan .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-plan-infos.png') top left no-repeat;
}

body #left-col #infosPlan .compte{
	height:32px;
	background: url('/images/imgsite/account/bg-title-space-compte.png') top left no-repeat;
}

body #left-col #servicesPlan .mobile{
	height:32px;
	background: url('/images/imgsite/account/bg-title-space-problemes.png')  top left no-repeat;
}

body #left-col #servicesPlan .formule{
	height:32px;
	background: url('/images/imgsite/account/bg-title-space-formule.png')   top left no-repeat;
}

body #left-col #infosPlan .infos{
	height:32px;
	background: url('/images/imgsite/account/bg-title-space-infos.png')   top left no-repeat;
}


body #left-col #infosPlan .title .hidden{
    display:none;   
}

body #left-col img.nospace {
border:medium none;
display:block;
}
 

body #left-col .grayinfostest {
margin-left:8px;
	padding:0px;
	width:337px;
	border-bottom:1px solid #D3D4D5;
}

body #left-col #infosPlan .blocprobleme,
body #left-col #servicesPlan .blocprobleme
{

	height:130px;
	background: url('../images/imgsite/account/bloc-probleme.png') bottom left no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size:12px;
	line-height:16px;
	
}

body #left-col #infosPlan .blocformule,
body #left-col #servicesPlan .blocformule
{

	height:110px;
	background: url('../images/imgsite/account/bloc-formule.png') bottom left no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size:12px;
		line-height:16px;

}

body #left-col #infosPlan .blocinfos,
body #left-col #servicesPlan .blocinfos
{

	height:110px;
	background: url('../images/imgsite/account/bloc-infos.png') bottom left no-repeat;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size:12px;
		line-height:16px;

}

body #left-col #infosPlan .bloccompte,
body #left-col #servicesPlan .bloccompte
{

	height:130px;
	background: url('../images/imgsite/account/bloc-compte.png') bottom left no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-size:12px;
		line-height:16px;

}

body #left-col #nomspace
{
font-size:16px;
font-weight:bold;
 

}

 


body #left-col #infosPlan   strong,
body #left-col #servicesPlan   strong{

font-weight:bold;
} 

 

body #left-col #infosPlan .bloc,
body #left-col #servicesPlan .bloc{
	min-height:190px;
	height:auto !important;
	height:190px;
	padding:20px 0px;
	background: url('../images/imgsite/account/bg-plan-bloc.png') bottom left no-repeat;
}

body #left-col #infosPlan .bloc .btn_modify{
	padding: 0px 10px;
	background: transparent url('../images/imgsite/account/bt-modifier.jpg') bottom left no-repeat;
	border: medium none;
	height: 30px;
	width: 121px;
	text-indent: -9999px;
	float:right;
} 

body #left-col #infosPlan table{
	width:310px;
	margin:0px auto;
	line-height: 16px;
}
body #left-col #infosPlan table tr td.label{
	width:115px;
	color:#8C8C8C;
	font-size: 11px;
}
body #left-col #infosPlan table tr td a.vip{
	color:#C00;
	margin-left:10px;
}
/*Services*/
body #left-col #servicesPlan{
	float:right;
	width:371px;
	margin-bottom:25px;
}
body #left-col #servicesPlan .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-plan-services.png') top left no-repeat;
}
body #left-col #servicesPlan .title .hidden{
    display:none;   
}
body #left-col #servicesPlan .bloc table{
	width:300px;
	margin:0px auto;	
}
body #left-col #servicesPlan .bloc table tr td{
	height:38px;
	vertical-align:top;
	
}
body #left-col #servicesPlan .bloc table tr td.option{
	padding-left:20px;
	font-weight: bold;
	line-height: 12px;
}
body #left-col #servicesPlan .bloc table tr td a{
	display:block;
	color:#C00;
	font-weight:normal;
}
body #left-col #servicesPlan table tr td a.modify{
	display:block;
	height:23px;
	width:81px;
	text-indent:-9999px;
	background: url('../images/imgsite/account/bt-modify.png') top left no-repeat;
}
body #left-col #servicesPlan table tr td a.disable{
	display:block;
	height:23px;
	width:81px;
	text-indent:-9999px;
	background: url('../images/imgsite/account/bt-disable.png') top left no-repeat;
}
body #left-col #servicesPlan table tr td a.enable{
	display:block;
	height:23px;
	width:81px;
	text-indent:-9999px;
	background: url('../images/imgsite/account/bt-enable.png') top left no-repeat;
}
/*Options*/
body #left-col #optionsPlan{
	clear:both;
}
body #left-col #optionsPlan .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-plan-options.png') top left no-repeat;
}
body #left-col #optionsPlan .title .hidden{
    display:none;   
}
body #left-col #optionsPlan .bloc{
	overflow:auto;
	padding:0px 35px;
	background: url('../images/imgsite/account/bg-plan-bloc-repeat.png') top left repeat-y;
}
body #left-col #optionsPlan .bloc #bloc1{
	float:left;
	width:330px;
	padding:20px 0px;
	padding-right:30px;
	border-right:1px solid #D3D4D5;
}
body #left-col #optionsPlan .bloc #bloc2{
	margin-left:380px;
	padding:20px 0px;
}
body #left-col #optionsPlan .bloc .fifty img.offre{
	float:left;
	margin-top:20px;
}
body #left-col #optionsPlan .bloc .fifty div{
	margin-left:160px;
	font-size:14px;
	font-weight:bold;
}
body #left-col #optionsPlan .bloc #bloc2 div{
	margin-left:170px;
}
body #left-col #optionsPlan .bloc .fifty div .price{
	display:block;
	color:#C00;
	font-size:14px;
}
body #left-col #optionsPlan .bloc .fifty div a.thickbox{
	display:block;
	text-indent:-9999px;
	height:39px;
	width:158px;
	margin-top:40px;
	background: url('../images/imgsite/account/bt-subscribe.png') top left no-repeat;
}

body #left-col #optionsPlan .gradient{
	height:69px;
	padding:30px 35px 0px 35px;
	background: url('../images/imgsite/account/bg-gradient.png') top left no-repeat;
}
body #left-col #optionsPlan .gradient p .red{
	color:#C00;
	font-size:14px;
	font-weight:bold;
}
body #left-col #optionsPlan .gradient p.mentions{
	color:#C8C8C8;
	font-size:11px;
	font-style:italic;
}

/*Bills*/
body #left-col #billsPlan .title{
	height:26px;
	text-indent:1px;
	color:#FFF;
	padding-top:12px;
	background: url('../images/imgsite/account/bg-title-plan-bills.png') top left no-repeat;
}
body #left-col #billsPlan .title .hidden{
	display:none;	
}
body #left-col #billsPlan .title .nav{
	display:block;
	width:100px;
	margin:0px auto;	
}
body #left-col #billsPlan .title .nav a{
	color:#FFF;
}
body #left-col #billsPlan .title .nav a.next{
	margin-left:10px;
}
body #left-col #billsPlan .title .nav a.prev{
	margin-right:10px;
}
body #left-col #billsPlan .title .nav .pipeline{
	margin:0px 5px;
}
body #left-col #billsPlan .bloc{
	padding:3px 2px 2px 5px;
	background: url('../images/imgsite/account/bg-plan-bills.png') bottom left no-repeat;
}

body #left-col #billsPlan .bloc table{
	width:100%
}
body #left-col #billsPlan .bloc table tr th{
	height:43px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border-left:1px solid #D3D4D5;
	background:url('../images/imgsite/account/bg-table-header.png') top left repeat-x;
}
body #left-col #billsPlan .bloc table tr td{
	height:35px;
	text-align:center;
	border-left:1px solid #D3D4D5;
}
body #left-col #billsPlan .bloc table tr.odd td {
	background-color: #f9f9f9;
}
body #left-col #billsPlan .bloc table tr.impaye td {
    color: #C00;
}
body #left-col #billsPlan .bloc table tr td.date{
	width:120px;
}
body #left-col #billsPlan .bloc table tr td.total{
	width:178px;
	font-weight:bold;
	font-size:14px;
}
body #left-col #billsPlan .bloc table tr td.pdf{
	width:270px;
}
body #left-col #billsPlan .bloc table tr td.pdf a{
	line-height:19px;
	padding-left:30px;
	display: -moz-inline-block;
	display: inline-block;
	height: 19px;
	color:#C00;
	background:url('../images/imgsite/picto-pdf.png') center left no-repeat;
}

body #left-col #billsPlan .bloc #soldeARegler {
	padding-left: 150px;
	padding-top: 3px;
	padding-bottom: 3px;
}

body #left-col #billsPlan .bloc #soldeARegler div {
	display: block;
	border: 1px solid #C00;
	width: 400px;
}

body #left-col #billsPlan .bloc #soldeARegler div span {
    display: -moz-inline-block;
    display: inline-block;
	width: 32%;
    height: 35px;
    font-weight:bold;
    font-size:14px;
    line-height:35px;
    text-align:center;
    vertical-align:middle;
}
body #left-col #billsPlan .bloc #soldeARegler div a {
    display: -moz-inline-block;
    display: inline-block;
    width: 32%;
    height: 35px;
    font-weight:bold;
    font-size:14px;
    line-height:35px;
    text-align:center;
    text-indent:-9999px;
    vertical-align:middle;
    background: url('../images/imgsite/btn-payer.png') top left no-repeat;
    margin-top: 5px;
}

body #left-col .mentionsPlan{
	margin-top:85px;
}
body #left-col .mentionsPlan p{
	color:#666;
	font-size:11px;
	margin-bottom:20px;
}

/*Conso PP*/
body #left-col #infosConsoPP{
	float:left;
	width:371px;
	margin-bottom:25px;
}
body #left-col #infosConsoPP .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-conso.png') top left no-repeat;
}
body #left-col #infosConsoPP table td.subtitleConso{
	text-align: center;
	font-weight: bold;
}
body #left-col #infosConsoPP table td.subtitleConso span{
	color: #c00;
}
body #left-col #infosConsoPP table td.headTable{
	font-weight: bold;
}

body #left-col #infosConsoPP .bloc,
body #left-col #infosConsoPP .bloc{
	min-height:190px;
	height:auto !important;
	height:190px;
	padding:20px 0px;
	background: url('../images/imgsite/account/bg-plan-bloc.png') bottom left no-repeat;
}
body #left-col #infosConsoPP table{
	width:310px;
	margin:0px auto;
	line-height: 16px;
}
body #left-col #infosConsoPP table tr td.label{
	width:115px;
	color:#8C8C8C;
	font-size: 11px;
}
body #left-col #infosConsoPP table tr td a.vip{
	color:#C00;
	margin-left:10px;
}
/*Fin conso PP*/

/*Bills PP*/
body #left-col #billsPlanPP .title{
	height:26px;
	text-indent:1px;
	color:#FFF;
	padding-top:12px;
	background: url('../images/imgsite/account/bg-title-rechargements.png') top left no-repeat;
}
body #left-col #billsPlanPP .title .hidden{
	display:none;	
}
body #left-col #billsPlanPP .title .nav{
	display:block;
	width:100px;
	margin:0px auto;	
}
body #left-col #billsPlanPP .title .nav a{
	color:#FFF;
}
body #left-col #billsPlanPP .title .nav a.next{
	margin-left:10px;
}
body #left-col #billsPlanPP .title .nav a.prev{
	margin-right:10px;
}
body #left-col #billsPlanPP .title .nav .pipeline{
	margin:0px 5px;
}
body #left-col #billsPlanPP .bloc{
	padding:0px 2px 2px 5px;
	background: url('../images/imgsite/account/bg-plan-bills.png') bottom left no-repeat;
}

body #left-col #billsPlanPP .bloc table{
	width:100%
}
body #left-col #billsPlanPP .bloc table tr th{
	height:43px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border-left:1px solid #D3D4D5;
	background:url('../images/imgsite/account/bg-table-header.png') top left repeat-x;
}
body #left-col #billsPlanPP .bloc table tr td{
	height:35px;
	text-align:center;
	border-left:1px solid #D3D4D5;
}
body #left-col #billsPlanPP .bloc table tr.odd td {
	background-color: #f9f9f9;
}
body #left-col #billsPlanPP .bloc table tr td.date{
	width:120px;
}
body #left-col #billsPlanPP .bloc table tr td.total{
	width:178px;
	font-weight:bold;
	font-size:14px;
}
body #left-col #billsPlanPP .bloc table tr td.pdf{
	width:270px;
}
body #left-col #billsPlanPP .bloc table tr td.pdf a{
	line-height:19px;
	padding-left:30px;
	display: -moz-inline-block;
	display: inline-block;
	height: 19px;
	color:#C00;
	background:url('../images/imgsite/picto-pdf.png') center left no-repeat;
}

/* ======================================================================================= */
/* = ACCOUNT - PREPAID INIT INFO = */
/* ======================================================================================= */
body #popup-prepaid{
	float: left;
	font-size:12px;}

body #popup-prepaid .title{
	display:block;
	width:300px;
	margin-left:16px;
	padding-top: 10px;
	font-weight:bold;}

body #popup-prepaid #rsvErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 190px;
	font-style: italic;
	color: red;}

body #popup-prepaid * .etoile{color:#C00;}

body #popup-prepaid form{display:block;margin-top:5px;}
body #popup-prepaid form .field{
	clear:both;min-height:22px;margin-bottom:6px;}
body #popup-prepaid form .field label{
	float:left;
	display:block;
	height:25px;
	width:190px;
	padding-right:15px;
	color:#333;
	text-align:right;}
body #popup-prepaid form .field input{
	width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;}
body #popup-prepaid form .field .error{
	border:1px solid #F00;}

body #popup-prepaid form .field_controls{
	margin-top:10px;border:1px solid #fff;text-align:center;display:block;}

body #popup-prepaid form .field_controls input{border:none;}



/* ======================================================================================= */
/* = ACCOUNT - Activer ligne = */
/* ======================================================================================= */
body #popup-activate{
	float: left;
	font-size:12px;}

body #popup-activate .title{
	display:block;
	width:600px;
	margin-left:0px;
	padding-top: 10px;
	font-weight:bold;}

body #popup-activate #rsvErrors{
	display:none;
	margin-left:15px;
	padding-bottom: 10px;
	padding-left: 300px;
	font-style: italic;
	color: red;}

body #popup-activate * .etoile{color:#C00;}

body #popup-activate form{display:block;margin-top:5px;}

body #popup-activate form .field{
	clear:both;min-height:22px;margin-bottom:6px;}

body #popup-activate form .field label{
	float:left;
	display:block;
	height:25px;
	width:300px;
	padding-right:15px;
	color:#333;
	text-align:right;}

body #popup-activate form .field input{
	width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;}

body #popup-activate form .field .error{
	border:1px solid #F00;}

body #popup-activate form .field_controls{
	margin-left:315px;margin-top:10px;border:1px solid #fff;display:block;}

body #popup-activate form .field_controls input{border:none;}

body #popup-activate form .field_controls .button_valid{
	background:url('../images/imgsite/bt-valider-thin.png') bottom left no-repeat;
	border:none;
	font-size: 0px;
	display:block;
	text-indent:-9999px;
	line-height: 0px;
	width:121px;
	height:39px;
	
	}

/* ======================================================================================= */
/* = ACCOUNT - INFOS = */
/* ======================================================================================= */
body #left-col h3.titleInfos{
	background: url('../images/imgsite/account/bg-title-infos.png') no-repeat;
}

body #left-col #myInfos{
	background:url('../images/imgsite/account/bg-infos.png') top left repeat-y;
}
body #left-col #myInfos .title{
	display:block;
	height:17px;
	width:165px;
	line-height:17px;
	margin-left:16px;
	padding-left: 5px;
	font-weight:bold;
	/*background:url('../images/imgsite/account/puce-rouge.png') center left no-repeat;*/
}
body #left-col #myInfos .modify,
body #left-col #myInfos .modifyPass{
	display:block;
	float:right;
	color:#C00;
}

/* Details */
body #left-col #myInfos .details{
	overflow:auto;
	zoom:1;
	clear:left;
	padding-bottom:40px;
	background:url('../images/imgsite/account/bg-infos-details.png') bottom left no-repeat;
}
body #left-col #myInfos .details .title{
	width:120px;
}
body #left-col #myInfos .details .modify{
	width:575px;
}

body #left-col #myInfos .details .etoile {
	color : #C00;
}

body #left-col #myInfos .details dl,
body #left-col #myInfos .bankAccount dl,
body #left-col #myInfos .annuaire dl {
	overflow:auto;
	margin-left:16px;
	margin-top:15px;
}
body #left-col #myInfos .details dt,
body #left-col #myInfos .bankAccount dt,
body #left-col #myInfos .annuaire dt {
	clear:left;
	display:block;
	height:25px;
	width:160px;
	padding-right:35px;
	float:left;
	color:#333;
	text-align:right;
}
body #left-col #myInfos .details dd,
body #left-col #myInfos .bankAccount dd,
body #left-col #myInfos .annuaire dd {
	float:left;
	display:block;
	width:555px;
	height:25px;
}
body #left-col #myInfos .details dt.add,
body #left-col #myInfos .bankAccount dt.add,
body #left-col #myInfos .details dd.add,
body #left-col #myInfos .bankAccount dd.add{
	height:45px;
}

/* Mise à jour des coordonnées bancaires*/
body #left-col #myInfos .bankAccount{
	overflow:auto;
	clear:left;
	zoom:1;
	padding-bottom:30px;
	/*background:url('../images/imgsite/account/bg-infos-bank.png') bottom left no-repeat;*/
	background: url(../images/imgsite/account/bg-infos-details.png) no-repeat left bottom;
}
body #left-col #myInfos .bankAccount #modifyBankRIB,
body #left-col #myInfos .bankAccount #modifyBankCB{
	width:575px;
}
body #left-col #myInfos .bankAccount .link_red {
	padding-left: 50px;
}
body #left-col #myInfos .bankAccount .field input.error[type="radio"]{
    border: 1px solid #FF0000;
    height: 40px;
    padding: 0px;
    width: 12px;
}
body #left-col #myInfos .bankAccount .type{
	display:block;
	margin-left:55px;
	margin-top:15px;
	font-weight:bold;
	color:#666;
}
/*Mot de passe*/
body #left-col #myInfos .password{
	clear:left;
	/*height:57px;*/
	/*padding-top:10px;*/
	padding-bottom: 40px;
	background:url('../images/imgsite/account/bg-infos-details.png') no-repeat bottom left;
}
body #left-col #myInfos .password .title{
	width:90px;
}
body #left-col #myInfos .password #modifyPass{
	width: 575px;
}
body #left-col #myInfos .password  div#id_alert_accountLogin{
	margin-left: 20px;
}


body #left-col #myInfos .password * .etoile {
	color : #C00;
}

/* Annuaire */
body #left-col #myInfos .annuaire{
	overflow:auto;
	clear:left;
	zoom:1;
	padding-bottom: 40px;
	background:url('../images/imgsite/account/bg-infos-password-bottom.png') no-repeat bottom left;
}

body #left-col #myInfos .annuaire .title{width:165px;}
body #left-col #myInfos .annuaire #formAnnuaireError{display:none;padding-left: 175px;padding-bottom: 5px; color: red;}
body #left-col #myInfos .annuaire #formAnnuaireEmailError{display:none;padding-top: 5px;padding-left: 15px;color: red;}

body #left-col #myInfos .annuaire #modifyAnnuaire{width: 575px;}

/*FORMULAIRE*/
body #left-col .form_generic{display:block;margin-top:15px;}
body #left-col .form_generic .field,.form_generic .field_inline,.form_generic .field_invert{clear:both;min-height:22px;margin-bottom:6px;}
body #left-col * html body .form_generic .field,* html body .form_generic .field_inline{height:22px;}
body #left-col .form_generic .field_small{clear:both;height:25px;}
body #left-col .form_generic .field_medium{clear:both;height:80px;}
body #left-col .form_generic .field_big{clear:both;height:60px;}
body #left-col .form_generic .field_cb{clear:both;height:40px;}
body #left-col .form_generic  .etoile {color : #C00;}
body #left-col .form_generic .field .indic {
    display: inline-block;
    padding-left: 10px;
    width: 200px;
    color: #999999;
}
body #left-col .form_generic .field .indic a {
    color: #C00;
    font-size: 11px;
    font-style: normal;
}
body #left-col .form_generic .field .indic a:hover .image_cryptogramme {
    display:block;
}
body #left-col .form_generic .field .indic .image_cryptogramme {
    display: none;
}
body #left-col .form_generic .field .indic .image_cryptogramme img {
    width: 200px;
    hegith: 150px;
    position:absolute;
    clear:both;
}
	
body #left-col .form_generic .field label,
body #left-col .form_generic .field_small label,
body #left-col .form_generic .field_medium label,
body #left-col .form_generic .field_big label,
body #left-col .form_generic .field_cb label,
body #left-col .form_generic span.intitule{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	width:170px;
	padding-right:35px;
	color:#333;
	text-align:right;
}
body #left-col .form_generic .field span.help {
	display:inline-block;
	width:250px;
	padding-left:10px;
}

body #left-col .form_generic span.etiquette{
	display:block;
	height:25px;
	line-height:25px;
	text-align:left;
}

body #left-col .form_generic .field_invert label{
	height:25px;
	line-height:25px;
	color:#333;
	text-align:left;
}
body #left-col .form_generic .field_invert .right_input{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	width:190px;
	padding-right:15px;
	text-align: right;
}
body #left-col .form_generic .field_invert .right_input input{vertical-align: text-bottom;}
body #left-col .form_generic .input_radio{
    border:medium none;
    float: left;
    padding: 0px;
    width: 12px;
    height: 40px;
}

body #left-col .form_generic label.card {
    float: left;
    padding-left: 5px;
    width: 50px;
    height: 38px;
}

body #left-col .form_generic label.card_left {
	height:38px;padding-top: 7px;
}

body #left-col .form_generic .half_field{
	display:block;
	float:left;
	width: 390px;
	text-align: center;
}

body #left-col .form_generic .half_field label {
	padding-top: 5px;
	display:block;
	width:auto;
	padding-bottom: 15px;
}
body #left-col .form_generic .half_field label span{
	padding-left: 5px;
	height:40px;
	font-size: larger;
	font-weight: bold;
}

body #left-col .form_generic .alone_field{
	display:block;
	clear:both;
	padding-left: 50px;
	height:30px;
}

body #left-col .form_generic .alone_sub_field{
	display:block;
	clear:both;
	padding-left: 70px;
	padding-bottom: 7px;
}

body #left-col .form_generic div.alone_sub_field input{
	height:15px;
	padding:5px;
	border:1px solid #BEC1C0;
}

body #left-col .form_generic div.alone_sub_field input.text_email{
	width:200px;
}
body #left-col .form_generic div.alone_sub_field .error{
	border:1px solid #F00;
}

body #left-col #myInfos .annuaire .sub_field{
	clear:both;
	margin-bottom:6px;
	margin-left:205px;
}
body #left-col #myInfos .annuaire .sub_field .error{border:1px solid #F00;}
body #left-col #myInfos .annuaire .sub_field label{clear:both;height:25px;line-height:25px;color:#333;}
body #left-col #myInfos .annuaire .sub_field input{width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;}

body #left-col .form_generic .field_big label{
	height:50px;	
}
body #left-col .form_generic .field .input_field,
body #left-col .form_generic .field_small .input_field,
body #left-col .form_generic .field_medium .input_field,
body #left-col .form_generic .field_big .input_field{
	width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;vertical-align: top;
}
body #left-col .form_generic .field .input_select,
body #left-col .form_generic .field_small .input_select,
body #left-col .form_generic .field_medium .input_select,
body #left-col .form_generic .field_big .input_select{
    border:1px solid #BEC1C0;padding:5px;vertical-align: top;
}
body #left-col .form_generic .field .error,
body #left-col .form_generic .field_small .error,
body #left-col .form_generic .field_medium .error,
body #left-col .form_generic .field_big .error{
	border:1px solid #F00;padding:5px;
}

body #left-col .form_generic textarea{
	width:160px; padding:5px; 
}
body #left-col .form_generic .field_inline label{
	float:left;display:block;
	height:12px;
	line-height:12px;
	padding-left:5px;padding-right:10px;
	font-weight:bold;
}
body #left-col .form_generic .field_inline input{float:left;}
body #left-col .form_generic .field_valid{margin-left:255px;margin-top:10px;border:1px solid #fff;}
body #left-col .form_generic .field_valid button{border:none;text-indent:-9999px;width:121px;height:39px;background:url('../images/imgsite/bt-valider-large.png') bottom left no-repeat;}

body #left-col .form_generic .field_controls{margin-left:255px;margin-top:10px;border:1px solid #fff;}
body #left-col .form_generic .field_controls .cancel{border:none;text-indent:-9999px;width:121px;height:39px;background:url('../images/imgsite/bt-annuler-thin.png') bottom left no-repeat;}
body #left-col .form_generic .field_controls .button_valid{border:none;text-indent:-9999px;width:121px;height:39px;background:url('../images/imgsite/bt-valider-thin.png') bottom left no-repeat;}


body #left-col #myInfos .rsvErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 190px;
	font-style: italic;
	color: red;
}

body #left-col #myInfos #formDetails_utilError {
	display:none;
	padding-bottom: 10px;
	padding-left: 165px;
	font-style: italic;
	color: red;
}
body #left-col #myInfos #formDetails_utilDeleteError {
	display:none;
	padding-bottom: 10px;
	padding-left: 140px;
	font-style: italic;
	color: red;
}

	
body #left-col .details .redArrow{
	display:block;
	margin-left:260px;
	color:#C00;
	font-weight:bold;
	width: 77px;
    font-size:11px;
	background: url('../images/imgsite/right-arrows.png') center right no-repeat;
}

body #left-col #myInfos .modify_util,
body #left-col #myInfos .modify,
body #left-col #myInfos .delete,
body #left-col #myInfos .modifyPass{
	display:block;
	float:right;
	color:#C00;
}

body #left-col #myInfos #titulaire
{
	float : left;
	width: 387px;
}	



body #left-col #myInfos #utilisateur
{
	float : left;
	width: 360px;
	margin-left:12px;
}

body #left-col #myInfos #titulaire .field_controls{margin-left:130px;margin-top:10px;border:1px solid #fff;}

body #left-col #myInfos #utilisateur .field_controls{margin-left:30px;margin-top:10px;border:1px solid #fff;}

body #left-col #myInfos .details .entete_titulaire{
	width:401px;
}
body #left-col #myInfos .details .entete_utilisateur{
	width:311px;
}

body #left-col #myInfos .details .entete_titulaire .modify{
	width:190px;
}
body #left-col #myInfos .details .entete_utilisateur .add{
	width:50px;
}
body #left-col #myInfos .details .entete_utilisateur .modify_util{
	width:50px;
}
body #left-col #myInfos .details .delete{
	width:50px;
}


body #left-col #myInfos .details dd{
	float:left;
	display:block;
	width:175px;
	height:25px;
}

body #left-col #myInfos #utilisateur input{width:150px;border:1px solid #BEC1C0;height:15px;padding:5px;}


body #left-col #myInfos #utilisateur .field label
{
	float:left;
	display:block;
	height:25px;
	line-height:25px;
	width:130px;
	padding-right:35px;
	color:#333;
	text-align:right;
}

body #left-col #myInfos .details #utilisateur dd{
	float:left;
	display:block;
	width:140px;
	height:25px;
}


body #left-col #myInfos #utilisateur .field .error{
	border:1px solid #F00;}


/* ======================================================================================= */
/* = ACCOUNT - LOGIN = */
/* ======================================================================================= */
body #left-col #account {
	margin-bottom: 100px;
	background-image: url(../images/imgsite/account/bg_bloccontact.png);
	background-repeat: no-repeat;
	background-position: 1px -3px;
}

body #left-col #account .bloc{
	padding:170px 0px;
	background: url('../images/imgsite/account/bg-plan-account.png') bottom left no-repeat;
 
}


body #left-col #account .bloc #spaceleft{
	padding-left:310px;
	margin-top:-80px;
	 
}

body #left-col #account .bloc .info_oubli{
	padding-left:150px;

	 
}
body #left-col #account .form_generic{width:560px;margin:0px auto;}
body #left-col #account .form_generic .field label,
body #left-col #account .form_generic span.intitule{
	width:225px;
	padding-right:20px;
	color:#000;
}


body #left-col #account .form_generic .field .etoile{color:#C00;}
body #left-col #account .form_generic .field a
{
  display:block;
  font-size:11px;
  color:#C00;
  margin-left:295px;
  margin-top:10px;
  border:1px solid #fff;

}
body #left-col #account .form_generic .field_valid
{
	
	margin-left:295px;
	margin-top:10px;
 
}

body #left-col #account .field .error{
	border:1px solid #F00;}

body #left-col #account .form_generic #id_alert_accountLogin_cmde
{
  padding-left: 242px;
  display:none;
  padding-top: 5px;
  color: red;
  font-style: italic;
}
/*
.fieldBirthDate{
	width:30px;border:1px solid #BEC1C0;height:15px;padding:5px; margin-right:0px;
}
.fieldBirthDate-year{
	width:50px;border:1px solid #BEC1C0;height:15px;padding:5px;
}*/

body #left-col #account input{
	width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;}

body #left-col #account .text
{  
  font-size:12px;  
  margin-left:20px;
  margin-bottom:20px;
  border:1px solid #fff;

}

body #left-col #account p{
	margin-left: 40px;
}




/* ======================================================================================= */
/* = ACCOUNT - CONTACT = */
/* ======================================================================================= */

body.contact #left-col #breadcrumbs {
	border-bottom: 0;
	margin-bottom: -2px;
}
body.contact #right-col {
	margin-top: 26px;
}
body.contact #right-col #services {
	margin-top: 0;
}
body.contact #right-col div {
	width: 170px;
}
/*Contact Email*/
body #left-col #contactMail{
	float:left;
	width:371px;
	margin-bottom:25px;
}
body #left-col #contactMail .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-contact-mail.png') top left no-repeat;
}
body #left-col #contactMail .bloc{
	padding:15px 0px 20px 20px;
	background: url('../images/imgsite/account/bg-plan-bloc.png') bottom left no-repeat;
}
body #left-col #contactMail p{
	font-size:11px;	
	margin-bottom:10px;
}
body #left-col #contactMail .form_generic{margin-top:0px;}
body #left-col #contactMail .form_generic .field label,
body #left-col #contactMail .form_generic span.intitule{
	width:130px;
	padding-right:20px;
}
body #left-col #contactMail .form_generic .field .etoile{color:#C00;}

body #left-col #contactMail .form_generic .field_valid{margin-left:200px;margin-top:10px;border:1px solid #fff;}
body #left-col .form_generic .field_valid button{width:122px;height:29px;background:url('../images/imgsite/bt-valider-thin.png') bottom left no-repeat;}
body #left-col .form_generic .field_valid #validateDetails{width:122px;height:29px;background:url('../images/imgsite/bt-valider-thin.png') bottom left no-repeat;}

/*Contact courrier*/
body #left-col #contactCourrier{
	float:right;
	width:371px;
	margin-bottom:25px;
}
body #left-col #contactCourrier .title{
	height:32px;
	background: url('../images/imgsite/account/bg-title-contact-courrier.png') top left no-repeat;
}
body #left-col #contactCourrier .bloc{
	padding:15px 0px 20px 20px;
	background: url('../images/imgsite/account/bg-plan-bloc.png') bottom left no-repeat;
}
body #left-col #contactCourrier .bloc .red{
	display:block;
	margin-bottom:15px;
	font-weight:bold;
}
body #left-col #contactCourrier .bloc p{
	line-height:20px;
}
/*Contact téléphone*/
body #left-col #contactTel{
	clear:both;
	margin: 0 0 20px;
}
body #left-col #contactTel .title{
	height:41px;
	background: url('../images/imgsite/account/bg-title-account-contact.png') top left no-repeat;
}
body #left-col #contactTel .bloc{
	overflow:auto;
	background: url('../images/imgsite/account/bg-plan-bloc-repeat.png') top left repeat-y;
}
body #left-col #contactTel .bloc #bloc1{
	text-align:center;
	float:left;
	height:166px;
	width:394px;
	padding:68px 0px 0;
	background: url('../images/imgsite/account/bg-bloc00-account-contact.png') top left no-repeat;
}
body #left-col #contactTel .bloc #bloc2{
	text-align:center;
	height:175px;
	float:right;
	width:392px;
	padding:59px 0 0;
	background: url('../images/imgsite/account/bg-bloc01-account-contact.png') top left no-repeat;
}

body #left-col #contactTel .numero{
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
}

body #left-col #contactTel .numerofixe{
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
	background: url('../images/imgsite/account/picto-tel-rouge.png') 0 4px no-repeat;
	padding-left:25px;
}

body #left-col #contactTel .numerovirgin{
	font-size:20px;
	color:#cc0000;
	font-weight:bold;
	background: url('../images/imgsite/account/picto-mobile-rouge.png') top left no-repeat;
	padding-left:32px;
}

body #left-col #contactTel .texte03{
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin:4px 0 27px 0;
}

body #left-col #contactTel .texte04{
	font-weight:bold;
}

body #left-col #contactTel .texte05{
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:150px;
	text-align:left;
}

body #left-col #contactTel .telBottom{
	height:72px;
	padding:0;
	background: url('../images/imgsite/account/bg-bloc03-account-contact.png') top left no-repeat;
	font-size:11px;
	color:#666666;
	font-style:italic;
}

body #left-col #contactTel span{
	font-weight:bold;
}

body #left-col #contactTel .telBottom #bloc3{
	float:left;
	height:56px;
	width:280px;
	padding:16px 60px 0px 50px;
}
body #left-col #contactTel .telBottom #bloc4{
	height:56px;
	float:right;
	width:260px;
	padding:16px 80px 0px 50px;
}

body #id_alert_accountLogin{
width:275px;
margin-top:10px;
padding-left: 145px;
	color:red;
	font-weight:bold;
	font-size:12px;
}

body #id_alertb_accountLogin{
width:305px;
margin-top:10px;
margin-bottom:15px;
margin-top:10px;
padding-left: 405px;
	color:red;
	font-weight:bold;
	font-size:12px;
}

/* ======================================================================================= */
/* = ACCOUNT - ACTIVATE = */
/* ======================================================================================= */

body #left-col h2.activate {
	text-indent: -9999px;
	height: 24px;
	width: 578px;
	margin: 0 3px 3px;
	background: url('../images/imgsite/account/bg-title-activer.png') no-repeat;
}
body #left-col #activateForm {
	margin-bottom: 100px;
}
body #left-col #activateForm .bloc{
	padding:30px 0px;
	background: url('../images/imgsite/account/bg-plan.png') bottom left no-repeat;
}

body #left-col #activateForm .form_generic{width:560px;margin:0px auto;}
body #left-col #activateForm .form_generic .field label,
body #left-col #activateForm .form_generic span.intitule{
	width:225px;
	padding-right:20px;
	color:#000;
}
body #left-col #activateForm .form_generic .field .etoile{color:#C00;}
body #left-col #activateForm .form_generic .field a{display:block;font-size:11px;color:#C00;text-align:right;}
body #left-col #activateForm .form_generic .field_valid{margin-left:295px;margin-top:10px;border:1px solid #fff;}

.fieldBirthDate{
	width:30px;border:1px solid #BEC1C0;height:15px;padding:5px; margin-right:10px;
}
.fieldBirthDate-year{
	width:50px;border:1px solid #BEC1C0;height:15px;padding:5px;
}
body #left-col #activateForm .form_generic p{
	margin-left: 40px;
}

/* ======================================================================================= */
/* = contractSignature */
/* ======================================================================================= */
body #left-col h2.signElec {
	text-indent: -9999px;
	height: 27px;
	margin: 0 3px;
	background: url('../images/imgsite/account/bg-title-sign.gif') no-repeat;
}

/* ======================================================================================= */
/* = ACCOUNT - SAV = */
/* ======================================================================================= */
body #left-col h2.titleSAV {
	background: url('../images/imgsite/account/bg-account-sav-title.png') no-repeat;
}

body #left-col h3.titleSavAction{
	background: url('../images/imgsite/account/bg-title-sav-action.jpg') no-repeat;
}

body #left-col div.titleSavRDV{
	background: url('../images/imgsite/account/bg-title-sav-rdv.jpg') no-repeat;
	height:54px;
	display:block;
}

body #left-col div.titleSavRDV div{
	float:right;
	padding-top:12px;
	padding-right:15px;
}

body #left-col div.titleSavRDV div a {
	color: white;
}

body #left-col h3.titleSavMobile{
	background: url('../images/imgsite/account/bg-title-sav-mobile.jpg') no-repeat;
}

body #left-col h3.titleSavHistorique{
	background: url('../images/imgsite/account/bg-title-sav-historique.jpg') no-repeat;
	height: 38px;
}

body #left-col #savElement{ 
	background:url('../images/imgsite/account/bg-infos.png') top left repeat-y;
}

body #left-col #savElement div{
	overflow:auto;
	padding:0px 20px 10px 20px;
	margin-bottom: 15px;
	font-style: normal;
	font-weight: normal;
}

body #left-col #savElement div div{
	padding:0px;
	float:left;
}

body #left-col #savElement div p.intitule{
    font-weight: bold;
}

body #left-col #savElement .bloc,
body #left-col #savElementHistorique .bloc{
	background: url('../images/imgsite/account/bg-infos-details.png') bottom left no-repeat;
	padding-bottom: 30px;
}

body #left-col #savElement .lastbloc,
body #left-col #savElementHistorique .lastbloc{
	background: url('../images/imgsite/account/bg-plan.png') bottom left no-repeat;
}

body #left-col #savElement div p {
	padding-bottom: 5px;
	clear: both;
} 

body #left-col #savElement div dl dt{
	float: left;
	clear: left;
	width: 230px;
	text-align: right;
	padding-right: 35px;
	color:#333333;
	height: 25px;
	display: block;
} 

body #left-col #savElement div dl dd{
	float: left;
	display: block;
	width: 350px;
} 

body #left-col #savElement div .button {
	padding: 0px;
	background: transparent url("../images/imgsite/account/bt-modifier.jpg") bottom left no-repeat;
	border: medium none;
	height: 39px;
	width: 121px;
	text-indent: -9999px;
	font-size: 0px;
	display:block;
	line-height: 0px;
} 

/*body #left-col #savElement div .historique {
	width: 100%;
	border-collapse: collapse;
	margin-top: 5px;
} 

body #left-col #savElement div .historique tbody tr td,
body #left-col #savElement div .historique thead tr th {
	text-align: center;
	border-color: gray;
	border-style: dotted;
	border-width: 1px;
	padding: 3px;
	font-style: normal;
	font-weight: normal;
}

body #left-col #savElement div .historique thead tr th {
	font-weight: bold;
}*/
body #left-col #savElementHistorique div{
    overflow:auto;
    padding:0px 3px 0px 4px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: normal;
}

body #left-col #savElementHistorique .lastbloc table{
    width:100%
}
body #left-col #savElementHistorique .lastbloc table tr th{
    height:43px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    border-left:1px solid #D3D4D5;
    background:url('../images/imgsite/account/bg-table-header.png') top left repeat-x;
}
body #left-col #savElementHistorique .lastbloc table tr td{
    height:35px;
    text-align:center;
    border-left:1px solid #D3D4D5;
}

body #left-col #savStatut {
	padding-bottom: 15px;
} 

body #left-col #savStatut .pictobloc {
	float: left;
	padding:0px 50px 10px 100px;
}
	
body #left-col #savStatut .pictobloc div {
	float: left;
	width: 110px;
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	text-align: center;
} 

body #left-col #savStatut .pictobloc div img{
	height: 120px;
	padding: 3px;
} 

body #left-col #savStatut .pictobloc div .selected{
	height: 120px;
	border:2px solid red;
	padding: 3px;
} 

body #left-col #savStatut .textbloc {
	clear: both;
	text-align: center;
} 

body #popupSav{
	font-size:12px;
	padding: 15px;
}

body #popupSav .title{
	font-weight:bold;
}

body #popupSav #savErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-style: italic;
	color: red;}

body #popupSav #rsvErrors{
	display:none;
	margin-left:0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-style: italic;
	color: red;}

body #popupSav * .etoile{color:#C00;}

body #popupSav form{display:block;margin-top:5px;}
body #popupSav form .field{
	clear:both;min-height:22px;margin-bottom:6px;}
body #popupSav form .field label{
	float:left;
	display:block;
	height:25px;
	width:190px;
	padding-right:15px;
	color:#333;
	text-align:right;}
body #popupSav form .field input{
	width:160px;border:1px solid #BEC1C0;height:15px;padding:5px;}
body #popupSav form .field .error{
	border:1px solid #F00;}

body #popupSav form .field_controls{
	margin-top:10px;border:1px solid #fff;text-align:center;display:block;}

body #popupSav form .field_controls input{border:none;}

/* ======================================================================================= */
/* = ACCOUNT - Migration = */
/* ======================================================================================= */
body #left-col h3.title_shadow,
body #left-col h3.title_no_shadow {
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding-left:15px;
	padding-top:12px;
	text-indent:0px;
}
body #left-col h3.title_no_shadow{
	background: url('../images/imgsite/account/bg-title-easy.png') no-repeat;
	height: 25px;
}
body #left-col h3.title_shadow {
	background: url('../images/imgsite/account/bg-title-shadow-easy.png') no-repeat;
	height: 42px;
}

body #left-col div.details{
	background:url('../images/imgsite/account/bg-infos.png') top left repeat-y;
	padding: 0 3px;
	overflow: auto;
}

body #left-col div.details table.resume{
	width: 100%;
    text-align:left;
}

body #left-col div.details table.resume tbody tr {
    border-top: solid 5px #eaeaea;
}

body #left-col div.details table.resume tbody th,
body #left-col div.details table.resume tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: solid 1px #eaeaea;
    border-left: solid 1px #eaeaea;
    font-weight:bold;
}

body #left-col div.details table.resume tbody th {
    text-align:center;
    font-size: 20px;
    width: 250px;
}

body #left-col div.details table.resume tbody td {
    line-height:17px;
    padding-right: 12px;
}

body #left-col div.details table.resume li {
	list-style-image:url('../images/imgsite/account/arrow-gray.png');
	list-style-position:outside;
	margin-left:14px;
}

body #left-col div.details table.resume tfoot {
    background: #eaeaea url('../images/imgsite/account/bg-account-reglement-factures-total.png') repeat-x scroll left top;
}

body #left-col div.details table.resume tfoot th {
	text-align: right;
    padding-right: 20px;
    font-weight:bold;
    font-size: 14px;
    height: 60px;
}

body #left-col div.details table.resume .prix {
    font-weight:bold;
    font-size: 18px;
    color: red;
    width: 170px;
}

body #left-col div.details table.resume .prix_noir {
    font-weight:bold;
    font-size: 14px;
    color: black;
}

body #left-col div.details p {
	padding: 10px 13px;
}

body #left-col div.details dl {
	overflow:auto;
	margin-left:16px;
	margin-top:15px;
	clear: both;
}

body #left-col div.details dt {
	clear:left;
	display:block;
	height:25px;
	width:160px;
	padding-right:35px;
	float:left;
	color:#333;
	text-align:right;
}

body #left-col div.details dd {
	float:left;
	display:block;
	width:555px;
	height:25px;
}

body #left-col div.details #rsvErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 190px;
	font-style: italic;
	color: red;
}

body #left-col div.rsvErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 190px;
	font-style: italic;
	color: red;
}

body #left-col div.detailsEnd{
	background:url('../images/imgsite/account/bg-text-bottom.png') no-repeat;
	height: 25px;
}

body #left-col #migrationOffre .tableauOffres {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}

body #left-col #migrationOffre .tableauOffres div {
	float: left;
	width: 257px;
	padding-top: 10px;
	padding-right: 5px;
}

body #left-col #migrationOffre .tableauOffres div h4{
	padding-left:15px;
	padding-top:12px;
	height: 25px;
	font-weight: bold;
	font-size: 15px;
	color: white;
	background: url('../images/imgsite/account/bg-title-type-offre-easy.png') no-repeat;
}

body #left-col #migrationDuree {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}

body #left-col #migrationDuree .btn_valid {
	background:transparent url(../images/imgsite/bt-valider-thin.png) no-repeat scroll left bottom;
	display:block;
	float:right;
	height:32px;
	padding-right:10px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:126px;
}

body #left-col #migrationDuree h3.allinclusive {
	background: url('../images/imgsite/account/bg-title-all-inclusive.png') no-repeat;
	height: 37px;
	margin-top: 15px;
}
body #left-col #migrationDuree h3.vip {
	background: url('../images/imgsite/account/bg-title-vip.png') no-repeat;
	height: 37px;
	margin-top: 15px;
}

body #left-col #migrationDuree div.details .topImage{
	background:url('../images/imgsite/forfaits/bg-forfait-rouge.png') bottom left no-repeat scroll;
	padding: 0px;
}

body #left-col #migrationDuree div.details .caption{
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto 15px;
	width:535px;
	padding-top: 20px;
}

body #left-col #migrationDuree div.details table.tarifs {
	width:535px;
	margin:0px auto;
	margin-bottom:18px;
}

body #left-col #migrationDuree div.details table.tarifs span.choice,
body #left-col #migrationDuree div.details table.tarifs span.choice{
	display:block;
	height:37px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/imgsite/forfaits/bg-choice.png') top center no-repeat;
}
body #left-col #migrationDuree div.details table.tarifs span.choice span{
	display:block;
	height:25px;
	font-weight:bold;
	text-indent:-9999px;
}

body #left-col #migrationDuree div.details table.tarifs tr {
	height:70px;
}

body #left-col #migrationDuree div.details table.tarifs td,
body #left-col #migrationDuree div.details table.tarifs th {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #D3D4D5;
	background: url('../images/imgsite/forfaits/bg-column.png') top left repeat-y;
}
body #left-col #migrationDuree div.details table.tarifs td{
	font-size:18px;
	border:1px solid #D3D4D5;
}
body #left-col #migrationDuree div.details table.tarifs td.libelle{
	width:271px;
}
body #left-col #migrationDuree div.details table.tarifs th{
	font-size:14px;
}
body #left-col #migrationDuree div.details table.tarifs th.border{
	border:1px solid #D3D4D5;
}
body #left-col #migrationDuree div.details table.tarifs .red{
	color:#C00;
}
body #left-col #migrationDuree div.details .tarifs td.empty {
	background: url('../images/imgsite/forfaits/bg-column-last-empty.png') top left repeat-y;
}

body #left-col #migrationDuree div.details a.showDetails {
	color:#CC0000;
	display:block;
	font-size:11px;
	margin-left:122px;
	padding-bottom: 10px;
}

body #left-col #migrationDuree div.details ul {
	padding: 10px 25px;
}

body #left-col #migrationDuree div.details ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

body #left-col #migrationDuree div.detailsBigEnd{
	background:url('../images/imgsite/account/bg-forfait-bottom.png') no-repeat;
	height: 25px;
	padding-bottom: 10px;
}

body #left-col #migrationDuree div.legende p{
	margin-bottom: 15px;
	font-style: italic;
	font-size: smaller;
}
body #left-col #migrationPanier #email_override{
	padding-bottom: 10px;
}

body div.popup{
	display:block;
	font-size:12px;}

body div.popup .title{
	display:block;
	margin-left:16px;
	padding-top: 10px;
	font-weight:bold;}

body div.popup #rsvErrors{
	display:none;
	margin-left:16px;
	padding-bottom: 10px;
	padding-left: 190px;
	font-style: italic;
	color: red;}

body div.popup div.content{
	display:block;
	margin-top:5px;
	width:auto;
}
body div.popup div.content dl dt{
	float: left;
	clear: left;
	width: 180px;
	text-align: right;
	padding-right: 10px;
	min-height: 22px;
	vertical-align: middle;	
} 

body div.popup div.content dl dd{
	float: left;
	display: block;
	padding-bottom: 5px;
	width: 300px;
} 

body div.popup div.content dl dd ul{
	clear:both;
	display:block;
	min-height:22px;
	width:280px;
}

body div.popup div.content dl dd ul li{
	clear:both; 
	list-style: disc;
	margin-left: 14px;
}

body div.popup div.controls {
	clear:both;
	text-align:center;
	display:block;
}

body div.popup .button_valid{
	border:none;width:121px;height:39px;
	background:url('../images/imgsite/bt-valider-thin.png') bottom left no-repeat;
}

body div.popup .button_confirm{
	border:none;width:121px;height:39px;
	background:url('../images/imgsite/account/bt-confirmer.png') bottom left no-repeat;
}

/* ======================================================================================= */
/* = ACCOUNT - Renouvellement = */
/* ======================================================================================= */
body.accountRenouvellementPanier div.details div#mobile {
	float: left;
	width: 250px;
	text-align: center;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: bold;
}

body.accountRenouvellementPanier div.details div#mobile a {
	text-decoration: none;
	color: black;
}

body.accountRenouvellementPanier div.details div#resume {
	float: right;
	width: 500px;
}

body.accountRenouvellementPanier div.details div#resume dd,
body.accountRenouvellementPanier div.details div#resume dt {
    font-size: 14px;
    padding: 5px 15px 5px 15px;
    float: left;
    display: block;
    height: 30px;
	font-weight:bold;
}

body.accountRenouvellementPanier div.details div#resume dt {
    width: 310px;
}

body.accountRenouvellementPanier div.details div#resume dd {
    font-size: 14px;
    width:100px;
    border-left: solid 1px #eaeaea;
}

body.accountRenouvellementPanier div.details div#resume dt label input {
    height: auto;
}

body.accountRenouvellementPanier div.details div#resume .selected {
    font-size: 18px;
}

body.accountRenouvellementPanier div.details div#resume .prix {
    color: red;
    font-size: 14px;
}

/* ======================================================================================= */
/* = ACCOUNT - Reglement de factures = */
/* ======================================================================================= */
body #left-col #recapitulatif_factures {
    background:url('../images/imgsite/account/bg-account-reglement-factures.png') top left repeat-y;
    margin-left: 1px;
}
body #left-col #recapitulatif_factures table{
	width: 100%;
}
body #left-col #recapitulatif_factures table tr.title td.libelle {
    text-align:left;
    font-weight:bold;
    width: 485px;
    height: 40px;
    line-height:17px;
    padding-left: 10px;
    padding-right: 12px;
    border-right: solid 1px #eaeaea;
}
body #left-col #recapitulatif_factures table td.libelle {
	text-align:right;
    font-weight:bold;
	width: 485px;
	height: 40px;
	padding-right: 12px;
	border-right: solid 1px #eaeaea;
}
body #left-col #recapitulatif_factures table .montant {
	background:url('../images/imgsite/account/arrow-gray.png') no-repeat scroll left;
    padding-left: 35px;
    font-weight:bold;   
    font-size: 20px;
}
body #left-col #recapitulatif_factures table .montant .montant_facture,
body #left-col #recapitulatif_factures table .montant .euro {
	color: #C00;
}
body #left-col #recapitulatif_factures table #total_commande {
    background: #eaeaea ;
	height: 100px;
}
body #left-col #recapitulatif_factures table #total_commande2 {
    background:  url('../images/imgsite/account/bg-account-reglement-factures-total.png') repeat-x scroll left top;
	height: 11px;
}
body #left-col #recapitulatif_factures table #total_commande td.libelle {
	border-right: solid 1px white;
}
body #left-col #recapitulatif_factures table #total_commande td.montant {
    background: #eaeaea url('../images/imgsite/account/arrow-white.png') no-repeat scroll left;
}
body #left-col #formReglementFactures {
	margin-top: 0px;
    background: transparent url('../images/imgsite/account/bg-text-bottom') no-repeat scroll left bottom;
    padding-bottom: 10px;
    overflow: auto;
    clear: left;
}
body #left-col #formulaire_reglement {
    padding-left: 10px;
}
body #left-col #formulaire_reglement .card{
    float: left;
    padding-left: 5px;
    width: 50px;
}
body #left-col #formulaire_reglement .field input.error[type="radio"]{
    border: 1px solid #FF0000;
    height: 40px;
    padding: 0px;
    width: 12px;
}
body #left-col #formulaire_reglement .field {
	height: 30px;
}

body #left-col #formulaire_reglement .field_cb {
	height: 40px;
}

body #left-col #formulaire_reglement .field input{
    float: left;
}
body #left-col #formulaire_reglement .field .indic {
	display: inline-block;
	padding-left: 10px;
	width: 200px;
	color: #999999;
}
body #left-col #formulaire_reglement .field .indic a {
    color: #C00;
    font-size: 11px;
    font-style: normal;
}
body #left-col #formulaire_reglement .field .indic a:hover .image_cryptogramme {
    display:block;
}
body #left-col #formulaire_reglement .field .indic .image_cryptogramme {
	display: none;
}
body #left-col #formulaire_reglement .field .indic .image_cryptogramme img {
    width: 200px;
    hegith: 150px;
    position:absolute;
    clear:both;
}
body #left-col #formulaire_reglement .hidden{
    display: none;
}body #left-col #formulaire_reglement #formMailConfirmation .field {
    height: 25px;
}
body #left-col #formulaire_reglement #formMailConfirmation .field label {
	width: 250px;
}
body #left-col #formulaire_reglement #formMailConfirmation .field_checkbox {
    padding-left: 15px;
}
body #left-col #formulaire_reglement #formMailConfirmation #majEmail + label {
	line-height: 15px;
    font-size: 12px;
    font-style: normal;
}

body div.Dialog .contenu .message{
    font-weight:bold;   
    font-size: 16px;
    padding: 5px 5px 5px 5px;
}
body div.Dialog .contenu .rsvErrors{
    display:none;
    margin-left:16px;
    padding-bottom: 10px;
    font-style: italic;
    color: red;
}
body div.Dialog .contenu table {
    width: 100%;
    border-bottom: 1px solid #D3D4D5;
}
body div.Dialog .contenu table tr th{
    height:43px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    border-left:1px solid #D3D4D5;
    border-right:1px solid #D3D4D5;
    background:url('../images/imgsite/account/bg-table-header.png') top left repeat-x;
}
body div.Dialog .contenu table tr td{
    height:35px;
    text-align:center;
    border-left:1px solid #D3D4D5;
    border-right:1px solid #D3D4D5;
}
body div.Dialog .contenu #montant_a_payer{
	width: 100%;
    font-weight:bold;   
    font-size: 20px;
    margin-top: 10px;
    padding: 0px 5px 5px -5px;
    text-align: right;
}
body div.Dialog .contenu .field_controls{
	padding-top: 10px;
}
body div.Dialog .contenu .field_controls a{
    display: -moz-inline-block;
    display: inline-block;
    width: 32%;
    font-weight:bold;
    font-size:14px;
    vertical-align:middle;
    margin-top: 2px;
}
body div.Dialog .contenu .field_controls a span {
	display: none;
}
body div#recapitulatifCommande .contenu .field_controls{
    text-align: center;
}
body div#succesCommande .contenu .field_controls {
    text-align: right;
}
body div.Dialog .contenu .field_controls a.ConfirmButton {
    background: url('../images/imgsite/btn-payer.png') top left no-repeat;
    height: 35px;
    line-height:35px;
}
body div.Dialog .contenu .field_controls a.CloseButton {
    background: url('../images/imgsite/closelabel.gif') top right no-repeat;
    height: 28px;
    line-height:28px;
    margin-right: 5px;
}
.line-bm{	
	border-bottom:1px solid #D9D9D9; 
	font-size:12px; padding:8px 15px 6px; 
	color:#666666; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-weight: bold;
}
.right-col-bm{
	margin:92px 7px 0 0 !important;
}