.note{
	color: #666666;
	font-size: 9px;
	line-height: 1.1em;
	width: 100%;
}
.image{
	float:left;
}
#info{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
	width: 100%;
	display:none;
	
}
.wrap{
	width: 460px;
	margin:  0 auto;
	margin-top: 40px;
}
#menu2 li{
	/*font-size: 72px;*/
	display: block;
}

#menu2 li a{
	text-decoration:none;
	color: transparent;
	text-shadow: 0px 0px 5px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	-ms-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}
#menu2 li a:hover{
	color: #FFF;
	text-shadow: 0px 0px 5px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	padding-left: 20px;
	
}

#menu2:hover li a{
	text-shadow: 0px 0px 5px #4e6f88;
	filter: dropshadow(color=#4e6f88, offx=0, offy=0);
}

/* Connexion popup */
#login_popup2 {
    display:none;
    font-family: Verdana, sans-serif;
    position:fixed;
    top:33%;
    left:35%;
    background-color:#E4E4E4;
    z-index:999;
    /*border:solid 1px #000000;*/
    /*width:502px;*/
	width:auto;
    _position:absolute;
    _top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
    _margin-top:220px;
	-webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
}
.arrondi {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bout{
	font-size: 1.6em;
     width: 200px;
     height: 43px;
     padding-top: 7px; /*permet le centrage vertical*/
     text-align: center;
     color: #000;
     background: #444;
	 
	 /*effet de dégradé*/
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
	 
	 border-radius: 8px;
	 text-shadow: 0px 1px 0px white;
	 
	 box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.bout:hover{
     color: #222;
     background: #555;
     background: -webkit-linear-gradient( #777, #333);
     background:    -moz-linear-gradient( #777, #333);
     background:     -ms-linear-gradient( #777, #333);
     background:      -o-linear-gradient( #777, #333);
     background:         linear-gradient( #777, #333);
}
.bout:active{
     color: #000;
     background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
#login_popup2 .fermer {
    float:right;
    text-decoration:underline;
    font-size:0.830em;
    color:#888888;
    cursor:pointer;
}

#login_popup2 .haut {
    position:relative;
    background-color:#e4e4e4;
    padding:16px 15px 5px 15px;
}

#login_popup2 h1 {
    font-family: "Georgia", serif;
    font-size:1.460em;
    margin: 0 0 10px 5px;
    border-bottom:solid 1px #000000;
    padding-bottom:13px;
    font-weight:normal;
    color: #333;
}

#login_popup2 table {
    border-collapse:collapse;
    width:300px;
    margin:10px 0;
}

#login_popup2 tr th {
    text-align:left;
    font-weight:normal;
    padding:0 0 1px 2px;
    vertical-align:bottom;
    font-size:0.890em;
}

#login_popup2 tr td {
    vertical-align:top;
}

#login_popup2 td.gauche {
    padding-right:20px;
}
#login_popup2 td.droite {
    padding-left:20px;
}

#login_popup2 input {
    display:block;
    border:solid 1px #262626;
    color:#666666;
    font:10px/13px;
    margin:2px 0;
    padding:2px 2px;
    width:160px;
}

#login_popup2 tr td a {
    font-size:0.860em;
    color:#757575;
    /*line-height:1.700em;*/
    padding-left:2px;
	width:100px;
}

#login_popup2 .actions {
    padding:12px 15px;
    /*text-align:right;*/
    background-color:#ffffff;
}

#login_popup2 .actions-connexion {
    padding:12px 15px;
    text-align:right;
    
}

#login_popup2 .actions a.creer_profil {
    font-size:0.860em;
    color:#000000;
    padding-right:10px;
}
/*
	CSS pour Le Devoir - Présentation abonnements
	Emilie - egzakt.com
	2009/09/08
*/

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

#abb_presentation #colonne_principale {
	float:left;
	width:619px;
	margin-bottom:20px;
}

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

#abb_presentation #intro_section {
	font:0.85em/1.2em Verdana, sans-serif;
}

#abb_presentation #intro_section a {
	color:#1C1E7C;
}

#abb_presentation #intro_section a:hover {
	color:#2882E6;
}

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


/* APERÇU DES ÉDITIONS
-----------------------------------------*/
#abb_presentation #vue_ensemble #colonne_principale {
	background-color:#ffffff;
}

#abb_presentation #vue_ensemble #colonne_principale {
	width: 940px;
}

#abb_presentation #vue_ensemble #conteneur_apercu_editions {
	margin-top:15px;
	font:0.85em/1.2em Verdana, sans-serif;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .edition {
	border:solid 5px #C2C2C2;
	padding:5px;
	padding-bottom:0;
	width:454px;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .edition .edition_interieur {
	height:370px; /* Contrôle de la hauteur des boites de présentation d'abonnement */
	border-bottom: solid 5px #ffffff;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .edition_papier {
	float:left;
	background: url("../images/ul/tuiles/abb_papier_presentation.jpg") no-repeat left top;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .edition_internet {
	float:right;
	background: url("../images/ul/tuiles/abb_internet_presentation.jpg") no-repeat left top;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .titre {
	width:230px;
	margin-top:12px;
	margin-bottom:4px;
	cursor:pointer;
	float:right;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .titre h2 {
	color:#000;
	font:1.8em/1.1em Verdana, sans-serif;
	margin:0;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .titre a {
	text-decoration:none;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .titre a:hover {
	color:#000;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .titre .a_partir {
	color:#787878;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions div.prix {
	float:left;
	width:180px;
	margin-top:178px;
	margin-left:20px;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions div.prix span.prix {
	color:#BD1400;
	font-size:1.54em;
	line-height:1.2em;
	font-weight:bold;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions div.prix a {
	color:#2882E6;
	display:block;
	margin:10px 0;
	font-size:1.086em;
	line-height:1.260em;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc {
	color:#666666;
	padding-top:3px;
	clear:right;
	float:right;
	width:234px;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc .sous_titre {
	color:#666666;
	font-size:1.100em;
	font-weight:bold;
	padding-left:3px;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc ul {
	margin:10px 0;
	padding:0 0 0 18px;
	color:#000;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc li {
	padding:4px 6px;
	color:#787878;
	list-style-type: disc;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc li span {
	color:#000000;
	font-size:1.086em;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc a {
	color:#2882E6;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc a.plus:hover {
	color:#1C1E7C;
	background-position:left -40px;
}

#abb_presentation #vue_ensemble  #conteneur_apercu_editions .desc .action {
	margin:15px 0;
}

#abb_presentation #vue_ensemble div.note {
	padding:10px 0;
	color:#666666;
	font-size:0.900em;
	font-family:Verdana, sans-serif;
	background: url("../../images/ul/graphiques/separateur_double.gif") repeat-x scroll left bottom transparent;
	margin-bottom:10px;
}

#abb_presentation #vue_ensemble .separateur {
	background-color:#666666;
	height:2px;
	margin:5px;
}


/* ABONNEMENT ÉDITIONS
-----------------------------------------*/
#abb_presentation #vue_ensemble  #conteneur_abonnement_editions {
	width:619px; /* Important pour IE6 */
	margin-top:15px;
	background:url(../../images/ul/tuiles/conteneur_abonnement_editions.gif) repeat-y left top;
	font:0.85em/1.2em Verdana, sans-serif;
}

#abb_presentation #vue_ensemble  #conteneur_abonnement_editions .edition_papier {
	float:left;
	width:299px;
	padding:12px;
}

#abb_presentation #vue_ensemble  #conteneur_abonnement_editions .edition_electronique {
	float:right;
	width:299px;
	padding:12px;
}

#abb_presentation #vue_ensemble  #conteneur_abonnement_editions .titre {
	color:#1C1E7C;
	font:1.2em/1.2em Verdana, sans-serif;
	margin-bottom:10px;
}

#abb_presentation #vue_ensemble  .formules ul {
	list-style-type:none;
	margin:3px 0 6px 0;
	padding:0;
}

#abb_presentation #vue_ensemble  .formules li {
	overflow:hidden;
	width:275px;
	padding:5px 0;
}

#abb_presentation #vue_ensemble  .formules ul input {
	float:left;
}

#abb_presentation #vue_ensemble  .formules ul .detail {
	float:right;
	width:250px;
}

#abb_presentation #vue_ensemble  .formules label span {
	text-transform:uppercase;
}

#abb_presentation #vue_ensemble  .formules label strong {
	font-size:1.17em;
	line-height:1.2em;
}

#abb_presentation #vue_ensemble  .formules .prix {
	font-weight:bold;
	color:#BD1400;
}

#abb_presentation #vue_ensemble  .formules .note {
	font-size:0.92em;
	line-height:1.1em;
	color:#666666;
}

#abb_presentation #vue_ensemble  .formules a.autres {
	color:#2882E6;
	text-decoration:none;
}

#abb_presentation #vue_ensemble  .formules a.autres span {
	text-decoration:underline;
}

#abb_presentation #vue_ensemble  .formules a.autres:hover {
	color:#1C1E7C;
}

#abb_presentation #vue_ensemble  .formules input.bouton {
	margin-top:10px;
}

#abb_presentation #vue_ensemble  #verif_code_postal {
	border-top:1px solid #fff;
	margin-top:10px;
	padding-top:10px;
}

#abb_presentation #vue_ensemble  #verif_code_postal strong {
	color:#1C1E7C;
}

#abb_presentation #vue_ensemble  #verif_code_postal form {
	margin:5px 0 10px 0;
}

#abb_presentation #vue_ensemble  #verif_code_postal label {
	font-weight:bold;
}

#abb_presentation #vue_ensemble  #verif_code_postal input {
	width:74px;
	padding:3px;
	margin:5px 10px 0 0;
	border:1px solid #000;
	font:bold 12px/15px Verdana, sans-serif;
	color:#000;
}

#abb_presentation #vue_ensemble  #verif_code_postal input.bouton {
	float:right;
	width:90px;
	height:24px;
	margin:4px 0 0 0;
	padding:0;
	border:0;
}

#abb_presentation #vue_ensemble  #verif_code_postal #endroits {
	margin-bottom:20px;
}

#abb_presentation #vue_ensemble  #verif_code_postal #endroits .note {
	color:#666666;
	font-size:0.92em;
	line-height:1.2em;
	margin-bottom:4px;
}

#abb_presentation #vue_ensemble  #verif_code_postal #endroits a {
	color:#333;
}

#abb_presentation #vue_ensemble  #verif_code_postal #endroits a:hover {
	color:#1C1E7C;
}


/* PAGES TEXTES
-----------------------------------------*/
#abb_presentation .page_texte #bandeau {
	height:177px;
	margin-bottom:10px;
	font:0.85em/1.2em Verdana, sans-serif;
}
#abb_presentation #plus_abb_papier #bandeau {
	background:url(../../images/ul/photos/abb_bandeau_papier.jpg) no-repeat left top;
}
#abb_presentation #plus_electronique #bandeau {
	background:url(../../images/ul/photos/abb_bandeau_electronique.jpg) no-repeat left top;
}

#abb_presentation .page_texte #bandeau h2 {
	font:1.5em/1.1em Verdana, sans-serif;
	color:#000;
	margin:0;
	padding-top:117px;
	width:310px;
}

#abb_presentation .page_texte .editeur {
	font:0.85em/1.2em Verdana, sans-serif;
}

#abb_presentation .page_texte .editeur ul {
	margin:0;
	padding:0 0 0 18px;
}

#abb_presentation .page_texte .editeur h3 {
	font:1.2em/1.1em Verdana, sans-serif;
	text-transform:uppercase;
	margin:0 0 2px 0;
}

#abb_presentation .page_texte .editeur h4 {
	font:bold 1em/1.1em Verdana, sans-serif;
	text-transform:uppercase;
	margin:0 0 2px 0;
}

#abb_presentation .page_texte .editeur table.tmpl_abb_formules {
	border:0;
	margin-bottom:6px;
}

#abb_presentation .page_texte .editeur table.tmpl_abb_formules th {
	font-weight:normal;
	text-align:left;
	width:240px;
}

#abb_presentation .page_texte .editeur table.tmpl_abb_formules td {
	width:70px;
	font-weight:bold;
	color:#BD1400;
	text-align:right;
}

#abb_presentation .page_texte #colonne_principale .plus {
	margin-top:16px;
}

#abb_presentation .page_texte #colonne_principale .plus a {
	color:#2882E6;
	font-weight:bold;
	text-decoration:none;
	font:0.85em/1.2em Verdana, sans-serif;
}

#abb_presentation .page_texte #colonne_principale .plus a span {
	text-decoration:underline;
}

#abb_presentation .page_texte #colonne_principale .plus a:hover {
	color:#1C1E7C;
}

#abb_presentation .page_texte a.sabonner {
	display:inline-block;
	height:24px;
	padding-right:5px;
	margin-top:16px;
	text-decoration:none;
	color:#fff;
	font:0.77em/1.1em Verdana, sans-serif;
	text-transform:uppercase;
	background:url(../images/ul/boutons/abb_sabonner_droit.gif) no-repeat right top;
}

#abb_presentation .page_texte a.sabonner span {
	display:block;
	padding:6px 17px 5px 22px;
	background:url(../images/ul/boutons/abb_sabonner.gif) no-repeat left top;
}

#abb_presentation .page_texte a.sabonner:hover {
	background-position:right -24px;
	color:#000;
}

#abb_presentation .page_texte a.sabonner:hover span {
	background-position:left -25px;
}

/* LISTE DES ABONNEMENTS
-----------------------------------------*/

#abb_presentation ul.categories {
	font-size:1em;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin-bottom:0;
	margin-left:0;
	position:relative;
	top:1px;
}

#abb_presentation ul.categories li {
	float:left;
	background-color:#f0f0f0;
	border:solid 1px #999999;
	border-bottom:none;
	margin-left:5px;
}

#abb_presentation ul.categories li a {
	display:inline-block;
	padding:7px 17px;
	text-decoration:underline;
}

#abb_presentation ul.categories li a:hover {
	color:#000000;
}

#abb_presentation ul.categories li.premier {
	margin:0;
}

#abb_presentation ul.categories li:hover,
#abb_presentation ul.categories li.selected {
	background-color:#ffffff;
	border:solid 1px #000000;
	border-bottom:none;
	padding-bottom:1px;
}

#abb_presentation ul.categories li.selected:hover a,
#abb_presentation ul.categories li.selected a {
	text-decoration:none;
}

#abb_presentation ul.plans {
	background-color:#ffffff;
	margin:0;
	padding:2px 20px 10px 20px;
	list-style-type:none;
	border:solid 1px #000000;
}

#abb_presentation ul.plans li {
	margin:0;
	padding:5px 0;
	border-bottom:solid 1px #000000;
}


#abb_presentation ul.plans li h2 {
	margin-top:10px;
	font-size:1.400em;
}

#abb_presentation ul.plans li.dernier {
	border-bottom:none;
}

#abb_presentation ul.plans li div.action {
	text-align:right;
	position:relative;
	margin-bottom:5px;
}

#abb_presentation ul.plans li div.action button {
	margin-left:20px;
}

#abb_presentation ul.plans li div.action span.prix {
	position:absolute;
	right:170px;
	top:12px;
	font-size:1.4em;
	color:#bd1400;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#abonnement_actions2 {
	position: relative;
	/*border: 1px solid #ccc;
	background-color: #f2fafe;*/
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.923em;
	line-height: 1.2em;
	margin-top: 0;
}

#abonnement_actions2.pas_connecte {
	padding-top: 12px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #f2fafe;
}

#abonnement_actions3 {
	position: relative;
	/*border: 1px solid #ccc;
	background-color: #f2fafe;*/
	padding: 22px 18px 18px 18px;
	font-family: Arial, Verdana, sans-serif;
	/*font-size: 0.923em;*/
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 20px;
}

#abonnement_actions3.pas_connecte {
	padding-top: 12px;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #f2fafe;
}
#abonnement_actions4 {
padding-top: 12px;
padding-bottom: 10px;
border: 1px solid #B1ABAB;
background-color: #E4E4E4;

position: relative;
padding: 11px 18px 11px 13px;
font-family: Arial, Verdana, sans-serif;
line-height: 1.2em;
margin-top: 0px;
margin-bottom: 20px;
}
.icone {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-left: 5px;
}
#activer_privileges {
	position: relative;
	
	
	font-family: Arial, Verdana, sans-serif;
	
	line-height: 1.2em;
	
	margin-bottom: 20px;
}

#onglet_mon_compte {
	position: absolute;
	left: -1px;
	top: -26px;
	width: 137px;
	height: 27px; /* 27px */
	padding-top: 8px;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #bd1400;
	text-align: center;
	background: url('../images/ul/graphiques/onglet_mon_compte.gif') left top no-repeat;
}

#abonnement_actions2 ul.gauche,
#abonnement_actions2 ul.droite {
	width: 431px;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}

#abonnement_actions2 ul.gauche li,
#abonnement_actions2 ul.droite li {
	width: 442px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

#abonnement_actions2 ul.gauche li a,
#abonnement_actions2 ul.droite li a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	background: url('http://www.ledevoir.com/images/ul/graphiques/puce_mon_compte.gif') right 4px no-repeat;
	padding: 1px 10px 1px 0;
}

#abonnement_actions2 ul.gauche li a:hover,
#abonnement_actions2 ul.droite li a:hover {
	text-decoration: underline;
	background-position: right -46px;
}

#abonnement_actions2 ul.gauche {
	float: left;
}

#abonnement_actions2 ul.droite {
	float: right;
}

.pas_connecte a.afficher_login_popup {
	color: #bd1400;
}

.pas_connecte a.afficher_login_popup:hover {
	color: #000;
}

.pas_connecte #login_facebook {
	position: absolute;
	left: 220px;
	top: 7px;
}
#contact2 {
	margin-top: 12px;
	padding-bottom: 13px;
	background: url(../../images/ul/graphiques/separateur_double.gif) repeat-x left bottom;
	color: #363636;
	font-family: Verdana,sans-serif;
	font-size: 0.90em;
}

#titre1{
	float:left;
}

#titre2{
	width:auto;
	float: right;
}


/*
	CSS pour Le Devoir - Inscription au programme en classe
	Imane Boudhar - ledevoir.com
	2013/08/05
*/



#conteneur_colonnes {
width: 950px;
margin: 15px 10px 0 20px;
background: url(../../images/ul/tuiles/abb_conteneur_colonnes.gif) repeat-y left top;
}
#bandeauClasse{
    margin: 0 auto;
    display: block;
}
#colonne_principale {
float: left;
width: 629px;
}
#colonne_principale .contenu_padding {
width: 619px;
margin-left: 0px;
}
.etapes .form_etape, .etapes #resume_final {
width: 630px;
background-color: #F2F2F2;
padding: 0px 20px;
margin-top: 20px;
}
.form_etape {
margin-bottom: 10px;
}
#date_limite{
font-size: 88%;
float: left;
width: 545px;
padding:0px 0px;
margin-left:-15px;
}
.form_etape #envoyer{
    float:right;
    margin-right: -15px;
}

h2 {
font-weight: normal;
font-size: 160%;
margin: 0 0 5px 0;
clear: left;
}
.contenu_padding div{
font-size: 95%;
line-height: 135%;
color: #555;
}
form span.req {
display: inline;
float: none;
color: red !important;
font-weight: bold;
margin: 0;
padding: 0;
}
.erreurs {
padding: 6px 10px;
background-color: #EB0000;
color: #fff;
font-weight: bold;
margin-bottom: 10px;
}
table.coordonnees .erreur {
border: solid 1px red;
color: #000000 !important;
}


/* FORMULAIRE COORDONNEES */

table.coordonnees {
    width:100%;
    margin-bottom:20px;
    border-collapse:collapse;
}


table.coordonnees tr th {
	padding-top:6px;
	text-align:left;
	width:280px;
	vertical-align:top;
}


table.coordonnees tr td {
	text-align:left;
	vertical-align:top;
	padding: 0;
}


table.coordonnees tr td select,
table.coordonnees tr td input {
	margin-top:4px !important;
	margin-right:10px;
}


table.coordonnees tr td select {
	width:165px;
}


table.coordonnees tr.espacement th,
table.coordonnees tr.espacement td {
	padding-bottom:12px;
}


table.coordonnees #no,
table.coordonnees #civique {
	width:40px;
}


table.coordonnees #no_appartement,
table.coordonnees #no_appartement {
	width:40px;
}


table.coordonnees #code_postal,
table.coordonnees #code_postal,
table.coordonnees #extension_travail {
	width:75px;
}


table.coordonnees #pays,
table.coordonnees #province,
table.coordonnees #niveau_scolaire {
	width:153px;
}


table.coordonnees .erreur {
	border:solid 1px red;
	color:#000000 !important;
}


#livraison table.coordonnees {
	margin-bottom:0;
}


form .instruct{
left: 100%;
visibility: visible;
opacity: 1;
}

form .instruct span {
line-height: 120%;
font-size: 80%;
color: #444;
}
#success {
color: #269c00;
}

/*
	CSS pour Le Devoir - Nouvelle page d'abonnement
	Imane Boudhar - ledevoir.com
	2015/03/04
*/
#abb_presentation{
font: 101.3%/125% helvetica;
}
#abb_presentation h1{
text-transform: none;
font-weight: bold;
padding-bottom: 5px;
margin: 0 0 0px 0;
}

#abb_presentation h1.sub-title{
font-size: 1.8em;
padding-bottom: 0px;
color: #575151;
}

#abb_presentation .colonne h1.sub-title{
font-size: 2.3em;
color: #fff;
}
#contenu-global{
background-color: #E5E6E8;
/*height: 985px;
margin-top: 30px;*/
float:left;
padding-bottom:20px;
}
#contenu-global .main-titre{
font-size: 30px;
text-align: center;
text-transform: uppercase;
padding-top: 25px;
}
#contenu-global .mini-presentation{
text-align: center;
font-family: Georgia;
font-size: 1.4em;
}
#abb_presentation .abb_contenu{
padding-top: 40px;
text-align: center;
position: relative;
width: 852px;
margin: 0 40px;
float:left;
}

.abb_contenu .col-icones img{
width: 65px;
}
.abb_contenu .col-icones img.icon1{
padding-top: 31px;
}
img.icon2, img.icon3, img.icon4{
padding-top: 14px;
}

.abb_contenu .colonne{
width: 284px;
float:left;
}
.abb_contenu .colonne img.photo{
width: 235px;

}
.abb_contenu .colonne .options ul{
position: relative;
margin: 0 auto 0 auto;
}
.abb_contenu .colonne .options{
padding: 0;
position: relative;
margin: auto;
}
.abb_contenu .colonne .options span, .abb_contenu .colonne .options a{
display: table-cell;
vertical-align: middle;
padding-left: 13px;
color: #5a5a5a;
}
.abb_contenu .colonne .options a{
text-decoration: underline;
font-size: 0.9em;
color: #252424;
text-align: center;
padding-top: 15px;
}
.abb_contenu .colonne .options-top{
padding: 5px 0 40px 0;
}
.abb_contenu  .option2 .options-top{
background-color: #ebebeb;
}
.option1, .option3{
margin-top: 21px;
padding: 0;
background-color: #FFFFFF;
}
.option2{
background-color: #fff;
}
.option1 .titre, .option2 .titre, .option3 .titre{
padding-top: 26px;
padding: 10px 0 15px 0;
border-bottom: #e0e0e0 solid 2px;
}
div.shadow-left{
background: url("/images/ul/tuiles/shadow-left.png");
height: 810px;
width: 20px;
position: absolute;
left: 264px;
top: 49px;
z-index: 9999;
}
div.shadow-right {
background: url("/images/ul/tuiles/shadow-right.png");
height: 810px;
width: 20px;
position: absolute;
right: 264px;
top: 49px;
z-index: 9999;
}
.abb_contenu .colonne .options ul li{
height: 61px;
font-family:  arial;
padding: 0px 20px 0 20px;
background: 0;
border-top: #e0e0e0 solid 1px;
display: table;
width: 284px;

list-style: none;
font-size: 0.9em;
color: #5a5a5a;
line-height: 15px;
font-weight: 600;
text-align: left;
padding-left: 9px;
text-transform: uppercase;
}
.abb_contenu .colonne .options ul li .fa-chevron-circle-right{
font-size: 30px;
padding: 0;
display: table-cell;
width: 11px;
vertical-align: middle;
}
.abb_contenu  .colonne ul li.autres-formules{
text-transform: capitalize;
}
.abb_contenu  .option2 ul li.autres-formules{
height: 66px; 
}
.abb_contenu .colore{
background-color: #F2F2F2;
}

.abb_contenu .colonne p{
color: #fff;
font-size: 0.9em;
margin: 0 35px;
line-height: 18px;
font-family: Georgia;
padding-top: 9px;
}
.abb_contenu .colonne .sub-title{
height: 30px;
}

.abb-bouton {
width: auto;
padding: 8px 0;
text-align: center;
display: inline-block;
font-size: 1.6em;
border-radius: 7px;
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
font-size: 0.85em;
width: 120px;
color: #fff;
margin-top: 20px;
}
.abb-bouton.medium {
font-size: 1.0em;
width: 235px;
font-weight: bold;
padding: 10px;
text-transform: uppercase;
}
a.abb-bouton{
text-decoration: none;
}
a.abb-bouton:visited, a.abb-bouton:hover{
text-decoration: none;
color:#fff;
}
.abb_contenu .prix{
font-weight: bold;
padding-top: 20px;
font-size: 40px;
font-family: 'Georgia',sans-serif;
text-transform: uppercase;
color: #D02828;
line-height: 30px;
}
.abb_contenu .mois{
font-family: 'helvetica';
font-size: 17px;
}
.abb_contenu .option1 .prix{
color: #c80e84;
}
.abb_contenu .option2 .prix{
color: #0fa0b4;
}
.abb_contenu .option3 .prix{
color: #6baa28;
}

.abb_contenu .option1 .titre{
background-color: #c80e84;
}
.abb_contenu .option2 .titre{
background-color: #0fa0b4;
padding-top: 25px;
}
.abb_contenu .option2 p{
padding-top: 15px;
}
.abb_contenu .option3 .titre{
background-color: #6baa28;
}


.option2 .fa-chevron-circle-right{
	color: #0fa0b4;
}
.option2 .abb-bouton{
	background: #0fa0b4;
}
.option2 .abb-bouton:hover {
	background: #22BACF;
}

.option1 .fa-chevron-circle-right{
	color: #c80e84;
}
.option1 .abb-bouton{
	background: #c80e84;
}
.option1 .abb-bouton:hover {
	background: #DB44A4;
}

.option3 .fa-chevron-circle-right{
	color: #6baa28;
}
.option3 .abb-bouton{
	background: #6baa28;
}
.option3 .abb-bouton:hover {
	background: #88C04C;
}

#abb_presentation .colonne h2{
	font: 1.5em/1.1em Georgia, serif;
	font-size: 2.3em;
	margin-bottom: 10px;
	font-weight: bold;
}
#abb_presentation .option1 h2{
	color: #c80e84;
}
#abb_presentation .option2 h2{
	color: #0fa0b4;
}
#abb_presentation .option3 h2{
	color: #6baa28;
}
/*
	CSS pour Le Devoir - Le nouveau Devoir virtuel
	Imane Boudhar - ledevoir.com
	2015/04/09
*/
#abb_presentation.virtuel {
	width: 940px;
}
#abb_presentation.virtuel h1 {
	padding: 0;
	margin: 0 0 40px 0;
	text-align: center;
	font-family: Georgia, serif;
	font-size: 50px;
	font-weight: normal;
	color: white;
}
#abb_presentation.virtuel h2 {
	padding: 0;
	margin: 0 0 15px 0;
	font-family: Georgia, serif;
	font-size: 34px;
	font-weight: normal;
	line-height: 38px;
}

#abb_presentation.virtuel h2.tv {
	display:none;
}
#abb_presentation.virtuel p {
	padding: 0;
	margin: 0 0 30px 0;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}
#abb_presentation.virtuel a {
	color: white;
	text-decoration: none;
}
#abb_presentation.virtuel a:hover {
	color: rgb(141,202,219);
}		
#abb_presentation.virtuel ul {
	padding: 0;
	margin: 0;
}
#abb_presentation.virtuel li {
	list-style-type: none;
	padding-bottom: 28px;
	font-family: Georgia, serif;
	font-size: 28px;
	font-weight: normal;
	line-height: 33px;

}
#abb_presentation.virtuel .top {
	padding: 30px 50px 0 50px;
	background-color: rgb(28,149,183);
	color: white;
	overflow: hidden;
}
#abb_presentation.virtuel #ordi {
	float: left;
	width: 575px;
	margin-right: 30px;
}

#abb_presentation.virtuel .middle {
	overflow: hidden;
	background-color: rgb(141,202,219);
	padding: 25px 50px;
}
#abb_presentation.virtuel .left {
	width: 420px;
	float: left;
	border-right: 2px solid black;
}
#abb_presentation.virtuel .right {
	float: left;
	width: 350px;
	margin-left: 25px;


}
#abb_presentation.virtuel .bottom {
	clear: both;
	padding: 10px;
	text-align: center;
	color: white;
	font-size: 14px;
	background-color: black;
}
#abb_presentation.virtuel .bouton {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-color: black;
	color: white;
	padding: 9px;
	border: 2px solid white;
	}
#abb_presentation.virtuel .bouton:hover {
	background-color: rgb(28,149,183);
	color: white;

}
#abb_presentation.virtuel .apps {
	margin-right: 15px;
	height: 35px;
}
#abb_presentation.virtuel #iconeApp {
	margin-right: 15px;
	height: 45px;
	float: left;
}

/* Formulaire de contact: Mon abonnement */
#formulaire_contact{
	font-family: Verdana,sans-serif;
	font-size: 1.0em;
	float: left;
}

#formulaire_contact .colonne-gauche{
	float:left;
	width: 385px;
	background-color: #EEE;
	padding: 10px;
    min-height: 410px;
}

#formulaire_contact .colonne-gauche ul li{
	padding: 10px;
	line-height: 1.2em;
	cursor: pointer;
}

#formulaire_contact .colonne-gauche ul li .item-titre{
	font-weight: bold;
	padding-left: 20px;
}

#formulaire_contact .colonne-gauche ul li .item-content{
	padding-left: 20px;
}

#formulaire_contact .colonne-gauche ul li a,
#formulaire_contact .colonne-gauche ul li a:visited{
	color: #000;
	text-decoration: none;
}

#formulaire_contact .colonne-gauche ul li#selected,
#formulaire_contact .colonne-gauche ul li#selected a{
	background-color: #0fa0b4;
	color: #ffffff;
}

#formulaire_contact .colonne-gauche ul li#selected .fa-cog{
	color: #ffffff;
}

#formulaire_contact .colonne-gauche ul li .fa-cog{
	float: left;
	font-size: 15px;
	color: #C80E84;
}
#formulaire_contact .colonne-droite .fa-times-circle{
	position: relative;
	top: -5px;
	/*background-color: #fff;*/
	/*right: 365px;*/
	font-size: 20px;
	cursor: pointer;
	display:none;
	left: 518px;
	color: #000;
}
#formulaire_contact .colonne-droite{
	width: 555px;
	float: right;
}
#formulaire_contact .colonne-droite .popup-content{
	min-height: 410px;
	margin-left: 10px;
	/*border: solid 3px #0fa0b4;*/
	box-shadow: 1px 1px 12px #989898;
	padding: 0 15px 15px 15px;
	background-color: #EEEEEE;
	color: #000;
}

#formulaire_contact .colonne-droite #mon-abonnement,
#formulaire_contact .colonne-droite #suspendre-abonnement,
#formulaire_contact .colonne-droite #renouveler,
#formulaire_contact .colonne-droite #probleme-livraison,
#formulaire_contact .colonne-droite #modification-adresse{
	display:none;
}

#formulaire_contact .colonne-droite th{
	width: 185px;
    text-align: left;
}

#formulaire_contact .colonne-droite li{
	padding: 10px 0;
}

#formulaire_contact .colonne-gauche li.inactif{
	color: #716E6E;
	cursor: default;
}

#formulaire_contact .colonne-droite #mon-abonnement li{
	border-bottom: 1px solid #eee;
}

#formulaire_contact .colonne-droite .message_succes, 
#formulaire_contact .colonne-droite .message_erreur {
	margin:0;
	width: 100%;
	text-align: left; 
}

#formulaire_contact .colonne-droite .message_erreur {
    margin-bottom: 10px;
}

#formulaire_contact .colonne-droite #renouveler .message_erreur{
	display:none;
}
#formulaire_contact .colonne-droite  a.bouton_type2{
	height: 24px;
	padding-right: 5px;
	margin-top: 16px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	background: none;
	background-color: #454043;
	font-size: 0.8em;
}
#formulaire_contact .colonne-droite  a.bouton_type2 span{
	background: none;
	font-weight: bold;
}
#formulaire_contact .colonne-droite #suspendre-abonnement .bouton,
#formulaire_contact .colonne-droite #modification-adresse .bouton_type2,
#formulaire_contact .colonne-droite #probleme-livraison .bouton_type2{
	/*position: relative;
	left: 430px;*/
	float: right;
}

#formulaire_contact #form-contact{
	padding: 0 20px;
}
#formulaire_contact  input[type="text"],
#formulaire_contact  select,
#formulaire_contact  textarea{
	background:none #F4F4F4;
	border:1px solid #d1d1d1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	-moz-box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	box-shadow:inset 0 0 3px rgba(204, 204, 204, .75);
	color:#5A5A5A;
	font:400 14px/30px Arial, Verdana, sans-serif;
	height:30px;
	margin:0;
	outline:none;
	padding:0 9px;
	margin-bottom: 20px;
}
#formulaire_contact  input:focus,
#formulaire_contact  select:focus,
#formulaire_contact  textarea:focus {
	border-color:#72bcd5;
	-webkit-box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
	-moz-box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
	box-shadow:inset 0 0 3px rgba(38, 170, 211, .75);
}
#formulaire_contact #form-contact  input,
#formulaire_contact #form-contact select,
#formulaire_contact #form-contact textarea{
	width:100%;
	display:block;
}
#formulaire_contact  select {
	height:32px;
	line-height:30px;
	padding:0 0 0 5px;
}
#formulaire_contact  textarea {
	height:200px;
}
#formulaire_contact #form-contact #questions-site1, 
#formulaire_contact #form-contact #questions-mobile1,
#formulaire_contact #form-contact #questions-tablette1,
#formulaire_contact #form-contact #questions-site2,
#formulaire_contact #form-contact #questions-mobile2,
#formulaire_contact #form-contact #questions-tablette2,
#courriel-invalide, #choix-invalide, #message-requis, .message-infos,
#formulaire_contact .avertissement-renouvelement{
	display:none;
}
.error-msg {
  color: #E12528;
  display: none;
  font: 400 0.92307692307692em/1.33333333333333em Arial, Verdana, sans-serif;
  /*margin: -10px 0 0;
  padding: 8px 0 0;*/
  padding-bottom: 10px;
}
#formulaire_contact #form-contact .error {
  border: 2px solid #E12528;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*height: 30px;*/
  margin: -1px -1px 9px;
}
#formulaire_contact #form-contact .btn a {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none #2882E6;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  float: right;
  font: 700 14px/26px Arial, Verdana, sans-serif;
  height: 26px;
  margin: 0 0 0 20px;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
  text-decoration: none;
}
#loading{
	display:none;
}
#zone-captcha {
	margin-bottom: 15px;
}

#formulaire_contact #form-contact input#captcha_code{
	  width: 110px;
	  margin-top: 10px;
}
#captcha-code{
	float:left;
	padding-right: 25px;
}
#formulaire_contact .avertissement,
#formulaire_contact .message-infos,
#formulaire_contact .avertissement-renouvelement{
	margin: 0 0 15px 0;
	
	background-color: #F2F2F2;
	padding: 12px 18px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 6px 0 5px -5px rgba(0, 0, 0, 0.1), inset -6px 0 5px -5px rgba(0, 0, 0, 0.1);
}
#formulaire_contact .avertissement-text{
	padding-left: 45px;
}
#formulaire_contact .no_civique, #formulaire_contact .rue, #formulaire_contact .code_postal, #formulaire_contact .pays{
	float: left;
	padding-right: 15px;
}
#formulaire_contact .no_civique input, #formulaire_contact .app input{
	width: 70px;
}
#formulaire_contact #livraison h3, #formulaire_contact #facturation h3{
	padding-bottom: 10px;
	color: #0FA0B4;
}
#abb_presentation .message_success{
	color: green;
	padding: 0 0 15px 0;
	font-size: 1.15em;
}
#abb_presentation .message_erreurs{
	color: red;
	padding: 0 0 15px 0;
	font-size: 1.15em;
}
#abb_presentation .message_success i,
#abb_presentation .message_erreurs i{
	padding-right: 8px;
}
#formulaire_contact .titre-colonne{
	font-weight: bold;
	color: #0fa0b4;
	padding-bottom: 8px;
    font-size: 1.4em;
    line-height: 1.5em;
}

#formulaire_contact .colonne-droite .titre-colonne {
    margin-top: 10px;
}

#formulaire_contact span.alerte {
    color: #bd1400;
    font-style: italic;
}

#formulaire_contact #renouvellement-contact {
    display: block !important;
    background-color: #fff;
    margin-top: 20px;
}

#formulaire_contact #form-contact select#sous-type {
    display: none;
}

#formulaire_contact .aucun-profil a {
    color: #0fa0b4;
}

#formulaire_contact #champs-requis {
    padding-bottom: 10px;
    font-style: italic;
}
#formulaire_contact .bouton a.est-clique span {
    font-style: italic;
    opacity: 0.6;
}
/*Form monabonnement/plainte*/
form#plainte .template_incident input {
	width: 95px;
}
form#plainte .template_incident input.remarque_incident {
	width: 120px;
	font-size:13px;
}
form#plainte #raison {
	margin-bottom: 0;
}
form#plainte #description_plainte {
	height:4em;
	width:500px;
	line-height:1.5em;
}
form#plainte .template_incident {
	margin:5px 0 0 8px;
	display:none;
	font-size:0.92em;
}
form#plainte .ajout_incident {
	margin:0 0 6px 10px;
}
form#plainte .ajout_incident a {
	text-decoration:none;
}