/*
	CSS pour Le Devoir - Page texte
	Emilie - egzakt.com
	2009/09/10
*/

#profil {
	margin: 0 auto;
	width:940px; /* Important pour IE */
	/*background:url(../images/ul/tuiles/conteneur_page_texte.gif) repeat-y left top;*/
}

#profil #colonne_principale {
	width:940px;
	font:0.85em/1.2em Verdana, sans-serif;
	margin-bottom:50px;
}

#profil h1 {
	font:1.8em/1.1em Georgia, serif;
	color:#000;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

#profil h3 {
	font:1.17em/1.2em Verdana, sans-serif;
	color:#000;
	margin:0;
	text-transform:uppercase;
}

#profil #intro_section {
	color:#666666;
	line-height:1.5em;
}

#profil #form_profil {
	width:940px;
	background-color:#E6E6E6;
	padding:15px;
}

#profil label {
	font-weight:bold;
	color:#000;
}

#profil  input,
#profil  select {
	padding:2px;
	border:1px solid #000;
	font:10px/14px Verdana, sans-serif;
	color:#262626;
}

#profil  .message_erreur{
	padding:6px 10px;
	background-color:#EB0000;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}

#profil  .erreur {
	color:#EB0000;
}

#profil  #note_asterisque {
	color:#666666;
	font-size:0.92em;
	line-height:1.2em;
	margin-top:17px;
}

#profil  a.bouton_type2 {
	font-size:0.92em;
	line-height:1.2em;
	margin-top:0;
}

#profil  a.bouton_type2 span {
	padding-bottom: 6px;
}


/* ONGLETS
-----------------------------------------*/
#profil #colonne_principale ul#onglets_profil {
	width:940px; /* Important pour IE6 */
	list-style-type:none;
	margin:15px 0 0 0;
	padding:11px 0 0 11px;
	background:#E6E6E6 url(../images/ul/tuiles/onglets_profil.gif) repeat-x left bottom;
	overflow:hidden;
	line-height:1.1em;
}

ul#onglets_profil li {
	display:inline; /* Pour IE */
}

ul#onglets_profil a {
	float:left;	
	padding:8px;
	margin-right:5px;
	color:#787878;
	text-decoration:none;
	background:url(../images/ul/boutons/onglets_profil.gif) repeat-x left top;
	border-top:1px solid #fff;
	border-bottom:1px solid #B3B3B3;
}

ul#onglets_profil a:hover {
	color:#000;
}

ul#onglets_profil a.selected {
	background-position:left bottom;
	border:1px solid #B3B3B3;
	border-bottom:1px solid #E6E6E6;
	color:#000;
}



/* INFORMATIONS PERSONNELLES (Comprend aussi les sélecteurs pour le site abonnements)
-----------------------------------------*/
 #identifiant {
	width:589px; /* Important pour IE */
}

 #identifiant .buffer,
 #identifiant .salutation {
	float:left;
	width:60px;
	margin-bottom:8px;
	padding-right:14px; /* En padding au lieu de margin à cause de IE bug input margin inheritance */
}

 #identifiant .changer_mot_de_passe,
 #identifiant .changer_courriel,
 #identifiant .nom,
 #identifiant .courriel {
	float:left;
	width:248px;
	margin-bottom:8px;
}

 #identifiant .changer_mot_de_passe_confirmation,
 #identifiant .changer_courriel_confirmation,
 #identifiant .prenom {
	float:right;
	width:248px;
	margin-bottom:8px;
}

 #identifiant .changer_mot_de_passe input,
 #identifiant .changer_courriel input,
 #identifiant .changer_mot_de_passe_confirmation input,
 #identifiant .changer_courriel_confirmation input,
 #identifiant .nom input,
 #identifiant .prenom input {
	width:242px;
}

 #identifiant .telephone,
 #identifiant .telephone {
	float:left;
	width:160px;
	margin-bottom:8px;
	padding-right:18px; /* En padding au lieu de margin à cause de IE bug input margin inheritance */
}

 #identifiant .cellulaire,
 #identifiant .cellulaire {
	float:left;
	width:160px;
	margin-bottom:8px;
	padding-right:18px; /* En padding au lieu de margin à cause de IE bug input margin inheritance */
}

 #identifiant .telephone_travail,
 #identifiant .telephone_travail {
	float:left;
	width:180px;
	margin-bottom:8px;
	padding-right:18px; /* En padding au lieu de margin à cause de IE bug input margin inheritance */
}

 #identifiant .telephone_travail_poste,
 #identifiant .telephone_travail_poste {
	float:left;
	width:88px;
	margin-bottom:8px;
}

 #identifiant .telephone input,
 #identifiant .cellulaire input,
 #identifiant .telephone input,
 #identifiant .cellulaire input {
	width:154px;
}

 #identifiant .telephone_travail input {
	width:170px;
}

 #identifiant .telephone_travail_poste input,
 #identifiant .telephone_travail_poste input {
	width:76px;
}

 #identifiant .courriel,
 #identifiant .courriel {
	float:left;
	width:284px;
	margin-bottom:8px;
}

 #identifiant .courriel_repete,
 #identifiant .courriel_repete {
	float:right;
	width:284px;
	margin-bottom:8px;
}

 #identifiant .courriel input,
 #identifiant .courriel_repete input,
 #identifiant .courriel input,
 #identifiant .courriel_repete input {
	width:278px;
}

#infos_perso  .bouton {
	float:right;
	margin-top:11px;
	border:0;
	padding:0;
}

#infos_perso  a.bouton_type2 {
	float:right;
	margin-top:11px;
}

#infos_perso a#desabonner_alertes_speciales {
	margin-top: 0;
}

#choix_desabonner_alertes_speciales {
	padding-bottom: 8px;
	border-bottom: 1px solid #666666;
	margin-bottom: 15px;
}

/* ADRESSES (Comprend aussi les sélecteurs pour le site abonnements)
-----------------------------------------*/
#profil #adresses  .description {
	border-bottom:0;
	margin-bottom:0;
}

#profil #adresses  .description a {
	color:#2882E6;
}

#profil #adresses  .description a:hover {
	color:#1C1E7C;
}

#profil #adresses  h3 {
	margin-bottom:5px;
}

#profil #adresses #livraison,
#profil #adresses #facturation {
	width:589px; /* Important pour IE */
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #666;
}

#profil #adresses  .changer {
	margin-bottom:10px;
}

#profil #adresses  .changer a {
	text-decoration:none;
	color:#2882E6;
	font-weight:bold;
}

#profil #adresses  .changer a span {
	text-decoration:underline;
}

#profil #adresses  .changer a:hover {
	color:#1C1E7C;
}

#profil #adresses  .disabled {
	border:1px solid #fff;
	color:#111;
	background-color:#fff;
}


#profil #adresses  div.no_civique,
 #facturation div.no_civique,
 #livraison div.no_civique {
	float:left;
	width:77px;
	margin-bottom:8px;
	margin-right:7px;
}

#profil #adresses .adresse div.no_civique input,
 #facturation div.no_civique input,
 #livraison div.no_civique input {
	width:71px;
}

#profil #adresses  div.rue,
 #facturation div.rue,
 #livraison div.rue {
	float:left;
	width:320px;
	margin-bottom:8px;
	margin-right:7px;	
}

#profil #adresses  div.rue input,
 #facturation div.rue input,
 #livraison div.rue input {
	width:314px;
}

#profil #adresses  div.app,
 #facturation div.app,
 #livraison div.app {
	float:left;
	width:68px;
	margin-bottom:8px;
}

#profil #adresses  div.app input,
 #facturation div.app input,
 #livraison div.app input {
	width:62px;
}

#profil #adresses  div.code_postal,
 #facturation div.code_postal,
 #livraison div.code_postal {
	float:right;
	width:85px;
	margin-bottom:8px;
}

#profil #adresses  div.code_postal input,
 #facturation div.code_postal input,
 #livraison div.code_postal input {
	width:75px;
}

#profil #adresses  .ville,
 #facturation .ville,
 #livraison .ville {
	float:left;
	width:194px;
	margin-bottom:8px;
	padding-right:10px;
}

#profil #adresses  .ville input,
 #facturation .ville input,
 #livraison .ville input {
	width:190px;
}

#profil #adresses  .province,
 #facturation .province,
 #livraison .province {
	float:left;
    width:155px;
	margin-bottom:8px;
	margin-left:5px;
}

#profil #adresses  .province select,
 #facturation .province select,
 #livraison .province select {
/*  width:158px;
*/}

#profil #adresses  .province input,
 #facturation .province input,
 #livraison .province input {
    width: 146px !important;
    width:108px;
}

#profil #adresses  .pays,
 #facturation .pays,
 #livraison .pays {
	float:left;
	width:224px !important;
	width:220px;
	margin-bottom:8px;
}

#profil #adresses  .pays select
 #facturation .pays select,
 #livraison .pays select {
/*  width:158px;
*/}

#profil #adresses  .deroulant,
 #livraison .deroulant {
	margin-top:10px;
}

#profil #adresses  #note_asterisque {
	margin-top:23px;
}

#profil #adresses  .bouton {
	float:right;
	border:0;
	padding:0;
}

#profil #adresses  a.bouton_type2 {
	float:right;
}

#date_livraison label,
#precision_livraison label {
	width: 120px;
	display:inline-block;
}

#date_livraison {
	/*padding-top:0 !important;*/
}

/* ABONNEMENT
-----------------------------------------*/
#profil  .description, #profil  .description {
	border-bottom:1px solid #666;
	padding:0 0 14px 0;
	margin-bottom:16px;
}

#profil #abonnement .action {
	border-bottom:1px solid #666;
	padding:0 0 14px 0;
	margin-bottom:16px;
}

#profil #abonnement .action h3 a {
	text-decoration:none;
	padding-left:20px;
	background:url(../images/ul/boutons/profil_abonnement_action.gif) no-repeat left 0;
}

#profil #abonnement .action h3 a:hover {
	color:#000;
	background-position:left -43px;
}

#profil #abonnement .action h3 a.selected,
#profil #abonnement .action h3 a.selected:hover {
	color:#000;
	background-position:left -86px;
}


/* En cours */
#profil #abonnement #en_cours ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#profil #abonnement #en_cours li {
	padding:10px 0;
}

#profil #abonnement #en_cours th {
	text-align:left;
	font-weight:normal;
	padding:2px 0;
	width:185px;
}

#profil #abonnement #en_cours td {
	font-weight:bold;
	color:#1C1E7C;
	padding:2px 0;
}


/* Suspendre */
#profil #abonnement #suspendre .attention {
	margin:10px 0;
	color:#000;
}

#profil #abonnement #suspendre .attention .titre {
	font:bold 1.08em/1.2em Verdana, sans-serif;
	color:#BD1400;
	margin-bottom:1px;
}

#profil #abonnement #suspendre #voyage .titre {
	font:bold 1.08em/1.2em Verdana, sans-serif;
	color:#000;
	margin-bottom:12px;
}

#profil #abonnement #suspendre #voyage ul {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#3A3A3A;
}

#profil #abonnement #suspendre #voyage li {
	padding-bottom:12px;
}

#profil #abonnement #suspendre form ul, #profil #abonnement #service form ul {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}

#profil #abonnement #suspendre form li, #profil #abonnement #service form li {
	padding-bottom:8px;
}

#profil #abonnement #suspendre form .titre, #profil #abonnement #service form .titre {
	font-weight:bold;
	margin-right:5px;
}

#profil #abonnement #suspendre form label, #profil #abonnement #service form label {
	margin-right:5px;
}

#profil #abonnement #suspendre form li.edition label,
#profil #abonnement #suspendre form li#acces_pdf label,
#profil #abonnement #service form li.edition label {
	font-weight:normal;
}

#profil #abonnement #suspendre form input, #profil #abonnement #service form input {
	width:65px;
}

#profil #abonnement #suspendre form input.radio, #profil #abonnement #service form input.radio {
	width:auto;
}

#profil #abonnement #suspendre form .bouton, #profil #abonnement #service form .bouton, #profil #abonnement #div_papier_virtuel form .bouton {
	text-align:right;
	margin-top:10px;
}

#profil #abonnement #suspendre form .bouton input, #profil #abonnement #service form .bouton input {
	border:0;
	padding:0;
	width:90px;
}


/* Contact service */
#profil #abonnement #service #abonnements_actifs {
	color:#1C1E7C;
	font-weight:bold;
	margin:12px 0;
}

#profil #abonnement #service .coordonnees {
	margin-bottom:15px;
}

#profil #abonnement #service .titre_abonnement {
    font-weight:bold;
    margin-right:5px;
}

#profil #abonnement #service .titre {
	font:bold 1.08em/1.2em Verdana, sans-serif;
	color:#000;
}

#profil #abonnement .coordonnees .type {
	margin:6px 0;
}

#profil #abonnement .coordonnees .note {
	color:#666666;
	font-size:0.92em;
	line-height:1.1em;
}

#profil #abonnement .coordonnees a {
	color:#2882E6;
}

#profil #abonnement .coordonnees a:hover {
	color:#1C1E7C;
}

#profil #abonnement #service form ul {
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}

#profil #abonnement #service form li {
	padding-bottom:8px;
}

/*#profil #abonnement #service form label {
    float:left;
    width:125px;
}
*/
#profil #abonnement #service form input {
	width:65px;
}

#profil #abonnement #service form .bouton {
	text-align:right;
}

#profil #abonnement #service form .bouton input {
	border:0;
	padding:0;
	width:90px;
}


/* Renouveler */
#profil #abonnement #renouveler .description {
	border:0;
	padding-bottom:0;
	margin:10px 0 20px 0;
	line-height:1.6em;
}

#profil #abonnement #renouveler form {
	margin-top:20px;
}

#profil #abonnement #renouveler form .titre {
	margin-right:5px;
	font-weight:bold;
}

#profil #abonnement #renouveler form label {
	font-weight:normal;
	margin-right:5px;
}

#profil #abonnement #renouveler form .bouton {
	text-align:right;
}

#profil #abonnement #renouveler form .bouton input {
	border:0;
	padding:0;
	width:122px;
}


/* MIEUX VOUS CONNAÎTRE (Comprend aussi les sélecteurs pour le site abonnements)
-----------------------------------------*/
/* Fiche personnelle */
#connaitre  .description {
	border-bottom:0;
	padding-bottom:0;
}

 #fiche,
#etape3_profil #fiche {
	border-top:1px solid #666666;
	margin-top:15px;
	padding-top:15px;
}

 #fiche ul,
#etape3_profil #fiche ul {
	width:284px;
	list-style-type:none;
	margin:0;
	padding:0;
}
 #fiche ul.gauche,
#etape3_profil #fiche ul.gauche {
	float:left;
}
 #fiche ul.droite,
#etape3_profil #fiche ul.droite {
	float:right;
}

 #fiche li,
#etape3_profil #fiche li {
	padding-bottom:12px;
}

 #fiche li .titre,
#etape3_profil #fiche li .titre {
	font-weight:bold;
	margin-bottom:2px;
}

 #fiche select,
#etape3_profil #fiche select {
	width:280px;
}

 #fiche .autre,
#etape3_profil #fiche .autre {
	margin-top:5px;
}

 #fiche .autre input,
#etape3_profil #fiche .autre input {
	width:220px;
}

 #fiche #nb_enfants label,
#etape3_profil #fiche #nb_enfants label {
	font-weight:normal;
}

 #fiche #nb_enfants input,
#etape3_profil #fiche #nb_enfants input {
	width:40px;
	margin-right:12px;
}

 #fiche #achat_internet_6mois label,
#etape3_profil #fiche #achat_internet_6mois label {
	font-weight:normal;
	margin-right:10px;
}


/* Intérêts */
 #interets,
#etape3_profil #interets {
	border-top:1px solid #666666;
	margin-top:15px;
	padding-top:15px;
}

 #interets .titre,
#etape3_profil #interets .titre {
	font-weight:bold;
}

 #interets ul,
#etape3_profil #interets ul {
	width:284px;
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0;
}
 #interets ul.gauche,
#etape3_profil #interets ul.gauche {
	float:left;
}
 #interets ul.droite,
#etape3_profil #interets ul.droite {
	float:right;
}

 #interets li,
#etape3_profil #interets li {
	padding:1px 0;
}

 #interets ul label,
#etape3_profil #interets ul label {
	font-weight:normal;
}


/* Accepte recevoir */
 ul#conditions,
#etape3_profil ul#conditions {
	width:589px;
	list-style:none;
	margin:20px 0 0 0;
	padding:0;	
}

 ul#conditions li {
	overflow:hidden;
}

 ul#conditions input {
	float:left;
}

 ul#conditions label {
	float:left;
	width:560px;
	padding:0 0 10px 5px;
}

 ul#conditions label a {
	color:#333333;
}

 ul#conditions label a:hover {
	color:#1C1E7C;
}

 ul#conditions label span {
	color:#BD1400;
	font-weight:bold;
}


/* Bouton */
#profil #connaitre  .bouton,
#etape3_profil  .bouton {
	text-align:right;
	margin-top:15px;
}

#profil #connaitre  .bouton input,
#etape3_profil  .bouton input {
	border:0;
	padding:0;
}


/* INFOLETTRES (Comprend aussi les sélecteurs pour le site abonnements)
-----------------------------------------*/
#infolettres  .description {
	border-bottom:0;
	padding-bottom:0;
}

/* Choix recevoir */
 #choix_recevoir,
#etape2_profil #choix_recevoir,
#choix_manchettes {
	border-top:1px solid #666;
	margin-top:15px;
	padding-top:15px;
}

 #choix_recevoir .titre,
#etape2_profil #choix_recevoir .titre,
#choix_manchettes .titre {
	font-weight:bold;
}

 #choix_recevoir label,
#etape2_profil #choix_recevoir label,
#choix_manchettes label {
	margin-right:10px;
	font-weight:normal;
}


/* Choix sections */
 #choix_sections,
#etape2_profil #choix_sections {
	border-top:1px solid #666;
	margin-top:15px;
	padding-top:15px;
}

 #choix_sections ul,
#etape2_profil #choix_sections ul {
	width:589px; /* Important pour IE */
	list-style-type:none;
	margin:10px 0;
	padding:0;
	overflow:hidden;
}

 #choix_sections li,
#etape2_profil #choix_sections li {
	float:left;
	width:137px;
	padding:1px 10px 1px 0;
}

 #choix_sections ul label,
#etape2_profil #choix_sections ul label {
	font-weight:normal;
}
 #choix_sections ul.types label,
#etape2_profil #choix_sections ul.types label {
	font-weight:bold;
}


/* Choix auteurs */
 #choix_auteurs,
#etape2_profil #choix_auteurs {
	border-top:1px solid #666;
	margin-top:15px;
	padding-top:15px;
}

 #choix_auteurs h3,
#etape2_profil #choix_auteurs h3 {
	margin-bottom:8px;
}

 #choix_auteurs select,
#etape2_profil #choix_auteurs select {
	display:block;
	margin-top:10px;
}

/* Choix sujets */
 #choix_sujets,
#etape2_profil #choix_sujets {
	border-top:1px solid #666;
	margin:15px 0 10px 0;
	padding-top:15px;
}

 #choix_sujets h3,
#etape2_profil #choix_sujets h3 {
	margin-bottom:8px;
}

 #choix_sujets label,
#etape2_profil #choix_sujets label {
	display:block;
	margin-bottom:10px;
}

 #choix_sujets input,
#etape2_profil #choix_sujets input {
	width:180px;
	margin-right:4px;
}

form#form_profil div#choix_auteurs select#infolettres_auteurs {
    display: inline;
}

#ajouter_auteur {
    margin-left:5px;
}

#infolettres  input.bouton {
	float:right;
	margin-top:11px;
	border:0;
	padding:0;
}

#infolettres  a.bouton_type2 {
	float:right;
	margin-top:11px;
}

.list_container {
    width:590px;
    height:125px;
    margin-top: 15px;
    background-color: #fff;
    color: #000;
    overflow:auto;
}
.list_container .aucun {
    text-align:center;
    display:block;
    padding-top:50px;
}
.list_container ul {
    list-style: none;
    padding: 0 10px;
}
.list_container ul li {
    padding:3px;
}
.list_container ul li:hover {
    background-color: #E6F1F8;
}
.list_container ul li.nom {
    float:left;
}
.list_container ul li a.retirer {
    float:right;
}
#profil #colonne_principale ul {
    padding:0;
    margin:0;
}
#profil #colonne_principale ul li {
    list-style:none ;
}

/*#form_profil*/
.ui-datepicker-trigger {
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom:4px;
}

#profil ul.holder {
	padding: 4px 5px 0 5px !important;
	background-color: #fff !important;
}

#profil ul.holder li input {
	border: 0;
}

#profil ul.holder li a.closebutton {
	background:url("../images/ul/boutons/close.gif") repeat scroll 0 0 transparent;
	display:block;
	font-size:1px;
	height:7px;
	position:absolute;
	right:4px;
	top:5px;
	width:7px;
}

#profil .profil_infolettres #choix_auteurs select {
	margin-top: 0;
}

.profil_alertes,
.profil_infolettres {
	float: left;
	width: 700px;
	padding: 10px 0 15px 0;
}

.profil_infolettres ul.holder {
	width: 660px;
}

.profil_infolettres {
	padding: 10px 10px 15px 0;
	border-right: 1px solid #666;
	min-height:250px;
}

.profil_alertes #choix_sujets {
	margin-top: 8px;
}

.profil_infolettres h2,
.profil_alertes h2 {
	font: normal 1.636em/1.3em Arial, Verdana, sans-serif;
	float: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

a#desabonner_alertes {
	margin: 0 !important;
	display: block;
}

#wrapper_alertes_populaires,
#wrapper_preview_infolettre {
	float: right;
	width: 200px;
	padding: 0 0 10px 10px;
	border-left: 1px solid #666;
	min-height: 305px;
}

#wrapper_preview_infolettre {
	border: 0;
	min-height: 0;
	padding-top: 10px;
}

#wrapper_alertes_populaires h4 {
	font-size: 1.076em;
	line-height: 1.1em;
	font-weight: normal;
	padding: 12px 0;
	margin: 0;
}

ul#alertes_populaires {
	list-style-type: none;
	width: 190px;
	padding: 0;
	margin: 0;
}

ul#alertes_populaires li {
	padding: 0 0 2px 0;
	margin: 0;
}

ul#alertes_populaires li a {
	display: block;
	position: relative;
	font-size: 1.09em;
	line-height: 1.1em;
	padding: 10px 20px 10px 10px;
	color: #000;
	text-decoration: none;
	background: #fff url(../images/ul/boutons/alerte_thematique.gif) 170px 12px no-repeat;
}

ul#alertes_populaires li a:hover {
	background-position: 170px -58px;
}

.profil_alertes .list_container {
	width: 376px;
}

.wrapper_actions {
	margin-top: 20px;
	border-top: 1px solid #B3B3B3;
}

.profil_infolettres #choix_sections ul {
	width: 376px;
}

.profil_infolettres #choix_sections ul li {
	width: 170px;
	padding-bottom: 5px;
}

.profil_infolettres #choix_recevoir {
	margin: 0;
	border-top: 0;
	padding: 0;
}

.profil_infolettres .facebook-auto {
	width: 660px;
}

#profil #colonne_principale ul#feed_infolettres_auteurs_fb {
	width: 660px;
}

.profil_infolettres a#btn_recevoir_infolettre {
	margin-top: 0;
}

.profil_infolettres #choix_manchettes {
	margin-top: 8px;
}

#choix_manchettes .titre {
	padding-bottom: 8px;
}

#preview_infolettre {
	color: #666666;
	padding-top: 10px;
}

#preview_infolettre a {
	color: #2882E6;
	text-decoration: underline;
}

#preview_infolettre a:hover {
	color: #000;
}

input.radio_border {
	border: 0 !important;
}

.login_profil {
	float: right;
	text-align: right;
}

#login_facebook {
	display: inline-block;
	margin-top: 10px;
}

#profil .bouton {
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	box-shadow: none;
	background: none;
	border: none;
	border-radius: 0;
}

/****** Informations de paiement ******/
#informations-paiement #form_profil{
	width: 589px;
	background-color: #E6F1F8;
	padding: 15px 20px;
	margin-top: 2px;
}
div.formulaire #mode_paiement{
	padding-top: 20px;
}
div.formulaire .titre{
	font-weight:bold;
	width: 170px;
}

div.formulaire .espacement  {
	padding-bottom:10px;
	/*padding-right: 47px;*/
}

#profil #infos-paiement #modification-paiement {
/*width: 589px;
margin-bottom: 20px;*/
}

#profil #infos-paiement .bouton {
float: right;
border: 0;
padding: 0;
}

#form_profil #mode_credit .type {
float: left;
width: 110px;
margin-bottom: 8px;
}

#form_profil #mode_credit .numero {
float: left;
width: 196px;
margin-bottom: 8px;
}

#form_profil label.erreur {
border: none;
color: #EB0000 !important;
}
#form_profil #mode_credit .numero input {
width: 170px;
}
#form_profil #mode_credit .code input {
width: 60px;
}
#form_profil #mode_credit .code {
float: left;
width: 165px;
margin-bottom: 8px;
}
#form_profil #mode_credit input, #mode_credit select {
margin-top: 5px;
}
#form_profil #mode_cheque input, #mode_cheque select {
margin-top: 5px;
}
#form_profil #mode_cheque .numero_succursale {
width: 170px;
float: left;
}
#form_profil #mode_cheque .numero_institution {
width: 170px;
float: left;
}
#form_profil label.erreur {
border: none;
color: #EB0000 !important;
}
#informations-paiement #form_profil  .message_erreur{
	padding:6px 10px;
	background-color:#EB0000;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}

#informations-paiement #form_profil  .erreur {
	color:#EB0000;
	font-weight: bold;
}
#informations-paiement #form_profil .bouton{
	float: right;
}
.note-prelevement{
	color: red;
	font-weight: bold;
	padding-top: 20px;
}