@import url('/plugins/abohuma/css/abohuma_hd.css');
/* liste de tous les styles réagissant comme des modules : */

.col_portage, .col_poste, 
.col_huma_et_hd, .col_huma_et_hd .debut, .col_huma_et_hd h4,
#teteabonnement, #teteabonnement .debut, #teteabonnement .txt,
.imagegauche, .paiement, .align,
#abohumaForm .etape,
.col_HD, .col_HD.debut, .col_HD .fin, .col_HD .cnt, .col_HD p,
.col_etudiant, .col_etudiant .debut, .col_etudiant .fin, .col_etudiant .cnt,
.col_etudiant .cnt .paiement, .col_etudiant .paiement .fin, .col_etudiant .paiement .debut, .col_etudiant .paiement .cnt, 
.col_huma_et_hd h5, 
.abohumaCnt, .abohumaCnt span, .abohumaCnt .cnt, .abohumaCnt .puces, .abohumaCnt .puces *,
.etape .ticaracteres, 
.form_normal input, .form_normal .item, .form_normal, .form_normal H5,  
.codecode, #prelevement {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
}

/*----------- intro --------------*/

#abohumaPlugin {
	text-align:left;
	padding:0 0 0 5px; 
}

#teteabonnement {
	margin:0 10px; _margin:0 4px ; 
	height: 150px;
	text-align:left;
	border:2px solid #D32026;
	background: url(/squelettes/icono/deg_introabocnt.gif) repeat-x bottom;
}

#teteabonnement .debut {
	background: url(/squelettes/icono/abonnement4_03.gif) repeat-x bottom;
	width: 12px;
	height:150px;
}

#teteabonnement .txt {
	width: 370px;
	margin: 0 0 0 27px;
	font: bold 1em/160% Arial, Helvetica, sans-serif;
}

#teteabonnement li.spip {
	display:block;
	padding : 0 0 0 18px;
	background: url(/squelettes/icono/puce_trianglerouge.gif) no-repeat 2px 5px ;
}

.imagegauche {
	margin: 15px;
}

.imagedroite {
	display:block;
	float:right;
}

/*----------- ETAPES --------------*/

#abohumaForm .etape {
	width: 650px;
	padding : 8px 0 0 37px; padding : _8px 0 0 ;
	border:none;
}

#abohumaForm .premiere, #abohumaForm .deuxieme, #abohumaForm .troisieme {
	text-decoration:underline;
	color:#F51E24;
	border:none;
	height: 32px;
	font: bold 1.2em/160% Arial, Helvetica, sans-serif;
}

#abohumaForm .premiere font, #abohumaForm .deuxieme font, #abohumaForm .troisieme font {
	color:#000;
}

#abohumaForm .etape.cnt {
	border-left : 1px solid #000;
	margin :0 0 0 13px; _margin :0 0 0 7px;
	padding : 8px 0 10px 15px ;
	width: 670px;
}

/*----------- premiere étape --------------*/

#abohumaForm .premiere{
	margin: 7px 0 0 ;
	background: url(/squelettes/icono/puce_etape1.gif) no-repeat 0 6px;
}

/*----------- Huma et HD --------------*/

.col_huma_et_hd {
	width:456px;
	background: url(/squelettes/icono/fin_humahd.gif) no-repeat 0 bottom ;
	padding : 0 0 10px;
	margin : 0 0 10px;
}

.col_huma_et_hd .debut{
	width:454px;
	height: 51px;
	text-align:center;
	padding: 0 0 5px;
	background: #FFFBF0 url(/squelettes/icono/debut_humahd.gif) no-repeat 0 0;
}

.col_huma_et_hd .debut div{
	display: block;
	overflow:hidden;
	zoom:1;
	margin: 10px 0 5px ;
	border-left: 2px solid #B01B1F;
	border-right: 2px solid #B01B1F;
}

.col_huma_et_hd h4{
	width:225px;
	height: 55px;
	font : bold 1.3em/110% Arial, Helvetica, Sans-serif;
	color: #DF2B00;
}

.paiement label{
	display: block;
	overflow:hidden;
	zoom:1;
	float: left;
	font : bold .85em/120% Arial, Helvetica, Sans-serif !important;
	padding : 0px 0 0 3px;
	margin: 5px 0 3px;
	color: #B01B1F;
	float:left;
}

.paiement input {
	display: block;
	overflow: hidden;
	zoom:1;
	float:left;
	height: 12px;
	width: 12px;
	margin: 8px 0 0 10px;
}

.col_poste, .col_portage {
	width:217px;
}

.prix_etudiant {
	display:none ;
}

.col_huma_et_hd h5 {
	margin : 8px 0 0 6px;
	background: #E3D19F ;
	font : bold .9em/140% Arial, Helvetica, Sans-serif;
	padding : 5px 0 5px 10px;
	width: 190px; _width: 174px;
}

.col_huma_et_hd .paiement p, .col_HD .paiement p {
	margin : 6px 0 0 12px; _margin: 6px 0 0 9px;
	background: url(/squelettes/icono/puce_trianglebordeau.gif) no-repeat 0 4px ;
	font : bold .85em/140% Arial, Helvetica, Sans-serif;
	padding : 0 0 0 12px;
	float:left;
	width: 190px; _width: 168px;
}

/*------ Huma seulement ------*/

.col_poste {
	background: #E3D19F url(/squelettes/icono/deg_huma_hd_huma.gif) repeat-x bottom;
	border-left: 2px solid #B01B1F;
	padding: 0 0 0 8px;
}

.col_poste img {
	margin : 8px 0 0 7px;
}

.col_poste .paiement {
	background: #ECDEBB url(/squelettes/icono/deg_hd.gif) repeat-x bottom;
	margin: 10px 0 0 4px;
	padding:  0 0 5px;
}

/*------ Huma et HD ------*/

.col_portage .paiement {
	background: #F6F0D8 url(/squelettes/icono/deg_hd_huma.gif) repeat-x bottom;
	margin: 10px 0 0;
	padding:  0 0 5px;
}

.col_portage img {
	margin : 8px 0 0 6px;
}

.col_portage {
	background: #ECDEBB url(/squelettes/icono/deg_huma_et_hd.gif) repeat-x bottom;
	border-right: 2px solid #B01B1F;
	padding : 0 8px 0 0;
}

/*------------- Encadré Étudiants --------------*/

.col_etudiant {
	width:198px;
	margin : 0 0 0 7px;
	font : bold 1.4em/90% Arial, Helvetica, Sans-serif;
	background: #484754 url(/squelettes/icono/debut_etudiants.gif) no-repeat 0 0;
}

.col_etudiant .fin {
	height: 12px;
	width: 100%;
	background: #fff url(/squelettes/icono/fin_etudiant.gif) no-repeat 0 0;
}

.col_etudiant .cnt{
	margin : 50px 0 0 !important;
	width: 191px ; _width: 195px !important;
	padding:0 2px; _padding:0 14px !important;
	border-left: 1px solid #BE1516;
	border-right: 2px solid #BE1516;
	background: url(/squelettes/icono/deg_etudiant.gif) repeat-x bottom;
	text-align:left;
}

.col_etudiant .cnt p {
	margin : 6px 6px 0 10px; _margin : 6px 6px 0 0px;
	padding : 0 0 4px;
	width: 180px;
	float:left;
	font : bold 1.2em/130% Arial, Helvetica, Sans-serif;
	color: #fff;
}

.col_etudiant .cnt .paiement label {
	display:block;
	overflow:hidden;
	zoom: 1;
	float:left;
	width:130px;
}

.col_etudiant .cnt .paiement {
	width : 169px;
	height: 102px;	_height: 103px;
	background: #EDEDED;
	margin: 0px 11px 0; _margin: 0;
}

.col_etudiant .cnt .paiement p {
	width : 160px;
	height: 47px;
	font : bold .7em/130% Arial, Helvetica, Sans-serif;
	color: #000;
	margin: 0px 8px 0;
}

.col_etudiant .cnt .paiement .debut {
	width : 169px;
	height: 5px;
	background: url(/squelettes/icono/debut_encart_etudiants.gif) no-repeat -1px 0px;
}

.col_etudiant .cnt .paiement .fin {
	display: block;
	overflow:hidden;
	zoom:1;
	float:left;
	width : 169px;
	height: 5px;
	margin: 0 !important;
	background: #fff url(/squelettes/icono/fin_encart_etudiant.gif) no-repeat 0 0;
}

.col_etudiant label {
	width : 135px;
	margin: 2px 0 0;
	padding : 0 7px !important;
}

.col_etudiant input{ margin: 3px 0 0 6px; }
.col_etudiant .cnt .texteblanc {	padding: 3px 0 8px 2px; _padding: 3px 0 5px 2px; }

/*------------- Encadré Spécial HD --------------*/

.col_HD {
	display:block;
	overflow:hidden;
	zoom:1;
	width:198px;
/*	height: 349px; *height: 355px; _height: 360px;
*/	margin : 0 0 2px 7px;
	font : bold 1.4em/90% Arial, Helvetica, Sans-serif;
	background: #FFD63F url(/squelettes/icono/debut_hd.gif) no-repeat 0 0;
}

.col_HD .fin {
	height: 20px;
	width: 100%;
	background: #FFD63F url(/squelettes/icono/fin_hd.gif) no-repeat 0 0;
}

.col_HD .cnt{
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 52px 0 0 1px !important ; 
	border-left: 1px solid #ff8e36 !important;
	border-right: 2px solid #ff8e36 !important;
	text-align:left !important;
	width : 195px; _width : 173px !important;
	_padding: 0 10px !important;
}

.col_HD img {
	position: relative;
	margin : 7px 0 0 12px; _margin : 10px 0 0 0px !important;
	float: left;
}

.col_HD .cnt p {
	margin : 27px 0 0 20px; _margin : 27px 0 0 15px;
	width: 80px;
	float:left;
	font : bold .85em/130% Arial, Helvetica, Sans-serif;
	color: #B01B1F;
}

.col_HD .cnt .paiement {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 3px 5px 0px; _padding: 6px 0px 0px ;
	width : 160px; 	*width : 162px; _width : 170px;
	background: #FFEC94 ;
	margin: 3px 11px 0; _margin: 7px 1px 0 ;
}

.col_HD .cnt .paiement p {
	color: #000;
	margin:0 0 0 7px;
	padding : 0 15px;
	width:110px;
}

.col_HD label {
	width : 100px; _width :80px;
	margin: 6px 0 0;
}

.col_HD .align { *width: 160px; }
.col_HD input{ margin: 6px 0 0 20px; _margin: 6px 0 0 15px;}

/*------------- Encadré prélévement --------------*/

#date_prelevement {	display:none;}
#date_prelevement  .cnt { *width: 620px; *border:none;}
#date_prelevement  .puces { background:none; *height:36px;}

.abohumaCnt {
	width : 662px;
	height: 54px;
	margin: 10px 0 10px;
	background: url(/squelettes/icono/deg_complabo.gif) repeat-x;
}

.abohumaCnt *{
	float: left;
}

.abohumaCnt .debut {
	height: 54px;
	width: 6px;
	background: url(/squelettes/icono/debut_complabo.gif) no-repeat;
}

.abohumaCnt .fin{
	height: 54px;
	width: 8px;
	float: right;
	background: url(/squelettes/icono/fin_complabo.gif) no-repeat 0 1px;
}

.abohumaCnt .cnt{
	padding: 8px 0 0 10px;
	width: 638px;
	height: 43px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #aaa;
	font : bold .95em Arial, Verdana, sans-serif ;
	background: url(/squelettes/iconofin_complabo.gif) no-repeat;
}

.abohumaCnt .cnt p{
	font : bold .95em Arial, Verdana, sans-serif ;
}

.abohumaCnt .puces{
	width : 140px; *width : 120px;
	padding: 3px 0 0 10px;
	border-left: 1px solid #000;
	margin: 0 0 0 20px ;
	font: bold .85em Arial, Verdana, sans-serif;
}

.abohumaCnt .puces label{
	width : 90px; 
	font: bold .85em Arial, Verdana, sans-serif;
}

.abohumaCnt .align{
	*width: 200px;
}

.etape .ticaracteres {
text-align : center;
width: 625px;
	margin:  0 19px;
	font : bold .8em/170% Arial, Verdana, sans-serif ; *font : bold .75em Arial, Verdana, sans-serif ;
}

/*----------- deuxième étape --------------*/


#abohumaForm .deuxieme{
	background: url(/squelettes/icono/puce_etape2.gif) no-repeat 0 6px;
}

.form_normal input {
	margin: 5px;
	border: 1px solid #aaa;
	width : 300px;
 }
 
 .form_normal .item {
	height: 20px;
	width : 300px;
 }

 .form_normal label.code{
	height: 40px;
 }

 .form_normal input.code{
	height: 16px;
	margin: 20px 5px 5px;
 }

/*----------- troisième étape --------------*/

#abohumaForm .troisieme{
	background: url(/squelettes/icono/puce_etape3.gif) no-repeat 0 6px;
}

 .form_normal h5{
	width: 640px;
	padding : 10px 0 0;
	height: 30px;
	color: #B01B1F;
	font: bold 1em Arial, Veradana, sans-serif;
 }

.codecode {	width: 650px; }
.codecode .alert {	display:none; }
.codecode table {	margin: 0 auto 10px;	 }
.codecode table td {	padding: 0 5px;	}

.instruc {
	font-weight: normal !important;
	margin: 0 0 0 38px;
	padding : 0 0 5px !important;
}

.instruc_adresse {
	margin: 0 0 0 88px;
}

#envoyer {
	width: 200px;
	margin : 10px 240px;
	padding: 5px;
	font-weight:bold;
	border: 2px solid #701919;
	background : #B01B1F;
	color: #fff;
	cursor: pointer;
}

#envoyer:hover {
	background : #F51E24;
}

.form_normal .ticaracteres {
	margin : 10px 260px;
}

/**/
.messageAbo {
	border:5px solid #D32026;
	padding:10px;
	font-weight:bold;
}