body {
	margin: 0;
	padding: 0;
}

#main_container {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 1000px;
}

#main_abonnement {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	height: 650px;
}

#header_bilan {
	width: 1020px;
	/*height: 80px;*/
	float: left;
	/*background-image:url(../images_refonte/header_bg.jpg);*/
	background-repeat: no-repeat;
	background-position:right bottom;

}

#header_abonnement {
	width: 860px;
	height: 170px;
	float: left;
	background-image:url(../images/page-abonnement-header.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	position:relative;
}

#titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color:brown;	
	padding-left: 40px;
	padding-top: 18px;
	background-image:url(../images_refonte/titre_header2.jpg);
	background-repeat:no-repeat;
	width: 980px;
	height: 42px;
	float: left;
}

#corps{ 
	width:1000px; 
	padding-left:20px; 
	float:left; 
	background:url(../images_refonte/corps_repeat.jpg) repeat-y top center;
}


#bilan_footer {
	width: 1020px;
	height: 46px;
	float: left;
	background:url(../images_refonte/footer_bilan.jpg) no-repeat top center;
} 


#gauche {
	width: 190px;
	height: auto;
	float: left;
	margin: 0 12px;
	}

#gauche img {
border: none;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}

#droite {
	width: 240px;
	height: auto;
	float: left;
	margin: 0 12px;
	
}

#droite img {
border: none;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}


#center {
	width: 500px;
	float: left;
	height:auto;
	padding-left:2px;
	position: relative;
}

img {
	border: none;
}


#chemin {
	width: 502px;
	height: 60px;
	float:left;
	background:url(../images_refonte/chemin_bilan.jpg);
	background-repeat:no-repeat;
	margin:10px 0;
}

#chemin_inscription {
	width: 502px;
	height: 60px;
	float:left;
	background-image:url(../images_refonte/chemin_inscription.jpg);
	background-repeat:no-repeat;
	margin:10px 0;
}

.texte_etape_1{
	width: 469px;
	border:1px solid #c3c3c3;
	float:left;
	padding: 10px;
	margin-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	text-align: justify;
	margin-bottom:10px;
}

.texte_etape_1_gris{
	width: 469px;
	border:1px solid #c3c3c3;
	float:left;
	padding: 10px;
	margin-left:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	text-align: justify;
	background:#f9f9f9
}

a{
	text-decoration:none;
	font-weight:bold;
	color: #3d3d3d;
}




#texte_inscription{
	width: 480px;
	height: 55px;
	float:left;
	background-image:url(../images/texte_inscription.jpg);
	background-repeat:no-repeat;
	margin-top: 15px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 18px;
}

#inscrire {
	width: 150px;
	height: 30px;
	float:right;
	margin-right: 150px;
	display: inline;
}

#etape {
	width: 500px;
	height: 22px;
	float: left;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#f20674;
	font-weight:bold;
	background:url(../images_refonte/etape_bg.jpg) no-repeat left center;
	padding:8px 0 10px 35px;
}

#content {
	width: 500px;
	height: auto;
	float:left;
}

.vous_haut {
	width: 500px;
	height: 63px;
	background-image:url(../images_refonte/etape_top.jpg);
	background-repeat:no-repeat;
	float:left;	
    width: 500px;
}

.vous_haut span {
	background:url(../images_refonte/orange2.png) no-repeat left center;
	padding:15px 0 0 80px;
	color: #E5207C;
    font-size: 22px;
    font-weight: bold;
	height:35px;
	float:left;
	margin-left:10px;
}

.vous_mid {
	width: 500px;
	height: auto;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
	background-image:url(../images_refonte/etape_mid.jpg);
	background-repeat:repeat-y;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #69775a;
}

.vous_bas {
	width: 500px;
	height: 29px;
	float:left;
	background-image:url(../images_refonte/etape_bas.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.vous_mid label{
font-size:12px;
font-weight: bold;
color: #3d3d3d;

}

.vous_mid input[type=text]
{
	width:150px;
	height:20px;
	border:1px solid #797878;
}

.vous_mid input[type=password]
{
	width:150px;
	height:20px;
	border:1px solid #797878;
}

.vous_mid select
{
	width:155px;
	height:22px;
	border:1px solid #797878;
}

.vous_mid textarea
{
	width:200px;
	height:60px;
	border:1px solid #797878;
}

.etape_suivante {
	background-image:url(../images_refonte/etape_suivante.jpg);
	background-repeat:no-repeat;
	width: 200px;
	height: 55px;
	float: left;
	border: none;
	cursor: pointer;
	margin-top: 15px;
	margin-left: 165px;
}

.error{
	float:right;
	width:25px;
	}

/*#etape_1_inscription {
	width: 500px;
	height: 225px;
	float: left;
	margin: 20px 0;
	background-image:url(../images/etape_1_inscription.jpg);
	background-repeat:no-repeat;
}*/

.valider_inscription {
	background-image:url(../images_refonte/submit_2011.jpg);
	background-repeat:no-repeat;
	width: 122px;
	height: 40px;
	border: none;
	cursor: pointer;
}

.texte_ins{ 
	padding-left:10px; 
	width:460px; 
	float:left; 
	margin-left:15px;
}
.texte_ins img{
	float:right;
	margin-top:-115px;
}
.liste {
	background:url(../images_refonte/liste.jpg) no-repeat left center;
	padding:3px 0 0 25px;
	color: #E5207C;
    font-size: 12px;
    font-weight: bold;
	height:17px;
	margin-top:8px;
	float:left;
	width:100%;
}

.liste2 {
	background:url(../images_refonte/liste.jpg) no-repeat left center;
	padding:0px 0 0 25px;
	color: #3d3d3d;
    font-size: 12px;
    font-weight: normal;
	height:17px;
	margin-top:20px;
	float:left;
	width:90%;
}

.f22 {
	font-size: 20px;
	font-style: normal;
	font-weight:bold;
	color: #3d3d3d;
}

.f12 {
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	
}

/*

#retour_site_abonnement{
	width:860px; height:40px; float:left; padding-top:10px;
}

#retour_site_abonnement a{
	float:right;
	margin-right:20px;
}
#center_abonnement{
	width:860px; height:auto; background:url(../images/maquette-paiement-center-bg.jpg) repeat-y; float:left;
}
#content_top_abonnement{
	width:860px; height:106px; float:left;
}
#vu_tele_abonnement{ 
	width:130px; height:106px; float:left;
}
#texte_top_abonnement{
	width:730px; height:96px; float:left; padding-top:10px;
}
#content_gauche_abonnement{
	width:500px; height:auto; float:left; text-align:center;
}
#content_droite_abonnement{
	width:360px; height:auto; float:left; text-align:center;
}

#footer_abonnement{ 
	width:860px; height:20px; background:url(../images/page-abonnement-footer.jpg) no-repeat; float:left;
}

.f26{
	margin-left:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:26px; font-weight:bold;
}

.f20{
	margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:20px;
}*/







/*
#alimentation_haut {
	width: 415px;
	height: 20px;
	background-image:url(../images/alimentation_haut.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left: 115px;
	padding-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	margin-top: 10px;
}


#rapport_alimentation_haut {
	width: 415px;
	height: 20px;
	background-image:url(../images/rapport_alimentation_haut.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left: 115px;
	padding-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	margin-top: 10px;
}

#mode_vie_haut {
	width: 415px;
	height: 20px;
	background-image:url(../images/mode_vie_haut.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left: 115px;
	padding-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	margin-top: 10px;
}

#finalement_haut {
	width: 415px;
	height: 20px;
	background-image:url(../images/finalement_haut.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left: 115px;
	padding-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	margin-top: 10px;
}





#inscription {
	width: 490px;
	height: auto;
	float: left;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}



#abonnement {
	width: 410px;
	height: 310px;
	float: left;
	background-repeat:no-repeat;
	background-image:url(../images/maquette-paiement-bg-abonnement.jpg);
	margin-left:47px;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 15px;
	font-weight: bold;
	color: #FFF;
}

#abonnement table{ ]margin-left:-80px; text-align:left}
#titre_abonnement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;	
	padding-left: 40px;
	padding-top: 18px;
	width: 760px;
	height: 42px;
	float: left;
}

#texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	color: #000;
	padding-left: 40px;
	padding-top: 20px;
	float:left;
}

.bleu {
	color :#64c0ec;
}

.f19 {
	font-size: 19px;
	font-style: normal;
	font-weight:normal;
	color: #000;
}

.f12 {
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	height: 15px;
	display: block;
}

#formule {
	float: left;
	width: 365px;
	height: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	margin-top: 25px;

}

.bouton_abonnement {
	width: 317px;
	height: 41px;
	border: none;
	background-image:url(../images/page-abonnement-bouton-abonnement-1-clic.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	margin-top:10px;
}

#method_ig {
	width:284px;
	height: 275px;
	float:left;
	background-image:url(../images/maquette-paiement-methode-bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000;
	padding-left:10px;
	padding-top:15px;
	text-align:left;
	margin-left:20px;
}

#main_pay {
	width: 900px;
	height: 550px;
	margin-left:auto;
	margin-right: auto;
}

#header_pay {
	width: 900px;
	height: 80px;
	background-image:url(../images/header_paiement.jpg);
	background-repeat:no-repeat;
	float: left;
}

#container_pay {
	width: 900px;
	height: 465px;
	background-image: url(../images/paiement_bg.jpg);
	background-repeat:no-repeat;
	float: left;
}
.orange{
	color:#F60;}

.bleue{
	color:#3b5998;
}

#video_abonnement{
	width: 295px;
	height: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: left;
	background-image: url(../images/maquette-paiement-bg-video.jpg);
	text-align: center;
	margin-top:0px;
	margin-left:20px;
	
}


#methode_abonnement {
	width: 735px;
	height: 40px;
	float: left;
	background-image:url(../images/methode_abonnement.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-align:left;
	font-style: normal;
	font-weight: normal;
	padding-left: 65px;
	padding-top: 25px;
}

#raisons_abonnement {
	width: 860px;
	height: auto;
	float: left;
}

#raisons_haut_abonnement {
	width: 860px;
	height: 15px;
	float: left;
	background-image:url(../images/raisons_haut_abonnement.jpg);
	background-repeat:no-repeat;
}

#raisons_milieu_abonnement {
	width: 820px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin:0;
	background-image:url(../images/raisons_milieu_abonnement.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align:justify;
	font-style: normal;
	font-weight: normal;
}

#raisons_bas_abonnement {
	width: 860px;
	height: 15px;
	float: left;
	background-image:url(../images/raisons_bas_abonnement.jpg);
	background-repeat:no-repeat;
}

#logo_cliquable{ 
	width:197px; height:90px; cursor:pointer; position:absolute; left: 9px; top: 45px;
}*/


  #popup_fond {
    background: none repeat scroll 0 0 BLACK;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: fixed;
    top: 0;

    width: 100%;
    z-index: 1000;
}
#popup_container {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;

    width: 100%;
    z-index: 1000;
}
#popup_contenu {
    background: url("images/fonds/cadre-inscription-imc.png") repeat scroll 0 0 transparent;
    color: BLACK;
    display: block;
    height: 300px;
    left: 50%;
    margin-left: -313px;
    margin-top: -256px;
    position: absolute;
    top: 50%;

    width: 520px;
    z-index: 1000;
}
#popup_contenu .inner_description_content {
	background: url("../images/popupcontainerpremium.png") repeat scroll 0 0 transparent;
    color: #3D3D3D;
    float: left;
    font-size: 13px;
     padding: 0 20px 20px 30px;
    width: 520px;
	height: 510px;
}
#popup_contenu h2 {
    color: #E5207C;
    float: left;
    font-size: 25px;
    margin: 24px 0 15px 0px;
    width: 440px;
}
#popup_contenu ul {
    float: left;
    list-style: square outside none;
    margin: 4px 0 0;
}
#popup_contenu li {
    margin: 0 0 5px;
}
#popup_contenu li span {
    float: none;
    font-weight: bold;
}
#popup_contenu a {
    color: #3D3D3D;
    font-weight: bold;
    text-decoration: none;
}
#popup_contenu input[type="text"] {
    background: url("../../../images/inscription/input_bg_2011.jpg") repeat-x scroll left top transparent;
    border: 1px solid #84CB1E;
    height: 18px;
}
#popup_contenu input[type="password"] {
    background: url("../../../images/inscription/input_bg_2011.jpg") repeat-x scroll left top transparent;
    border: 1px solid #84CB1E;
    height: 18px;
}

.inner_description_content { background: white; }

#content_new {
	width: 840px;
	height: auto;
	float:left;
    margin: 0 0 0 65px;
}

.vous_haut_new {
	width: 840px;
	height: 63px;
	background-image:url(../images_refonte/top_new.png);
	background-repeat:no-repeat;
	float:left;	
}

.vous_haut_new span {
	background:url(../images_refonte/orange2.png) no-repeat left center;
	padding:15px 0 0 80px;
	color: #E5207C;
    font-size: 22px;
    font-weight: bold;
	height:35px;
	float:left;
	margin-left:10px;
}

.vous_mid_new {
	width: 840px;
	height: auto;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
	background-image:url(../images_refonte/middle_new.png);
	background-repeat:repeat-y;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #69775a;
	padding:0 5px;
}

.vous_bas_new {
	width: 840px;
	height: 29px;
	float:left;
	background-image:url(../images_refonte/bottom_new.png);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

.vous_mid_new label{
font-size:12px;
font-weight: bold;
color: #3d3d3d;

}

.vous_mid_new input[type=text]
{
	width:150px;
	height:20px;
	border:1px solid #797878;
}

.vous_mid_new input[type=password]
{
	width:150px;
	height:20px;
	border:1px solid #797878;
}

.vous_mid_new select
{
	width:155px;
	height:22px;
	border:1px solid #797878;
}

.vous_mid_new textarea
{
	width:200px;
	height:60px;
	border:1px solid #797878;
}

.texte_new{
	width: 840px;
	float:left;
	margin:0 0 0 72px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	text-align: justify;
	margin-bottom:10px;
}

#img_chocolate{
	float:left;
}

#text_chocolate{
	float:left;
	width:640px;
	font-size:18px;
	margin:20px 0 0 0;
}

#text_rose{
	background:#F20674;
	margin:20px 0 0 0;
	width:640px;
	height:30px;
	text-align:center;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 0 0 0;
}

.valider_inscription_new {
	background-image:url(../images_refonte/submit_2011_new.png);
	background-repeat:no-repeat;
	width: 152px;
	height: 34px;
	border: none;
	cursor: pointer;
}