/***********************************************/
/***********************************************/
/*** Styles spécifiques à la page "Magazine" ***/
/***********************************************/
/***********************************************/

/**** Couverture + Liens ***/

#bloc_couverture {
	position: absolute;
	top: -70px;
	right: 60px;
}

#bloc_couverture img {
	position: absolute;
	top: 0px;
	right: 0px;
}

a.couv_lien {
	float: left;
	position: absolute;
	font-size: 10px;
	color: #bc141b;
	line-height: 10px;
	text-decoration: underline;
}

a#couv_lien_contact {
	width: 100px;
	height: 24px;
	padding: 12px 0px 0px 40px;
	top: 59px;
	right: 72px;
	background: url('../images/magazine/couv_lien_contact.gif') no-repeat top left;
}
a#couv_lien_contact:hover {	
	right: 120px;
}

a#couv_lien_acces {
	width: 120px;
	height: 24px;
	padding: 12px 0px 0px 40px;
	top: 104px;
	right: 57px;
	background: url('../images/magazine/couv_lien_acces.gif') no-repeat top left;
}
a#couv_lien_acces:hover {	
	right: 164px;
}

/**** Titre de la page ***/

h2#titre_magazine {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 20px 0px 20px 79px;
	height: 20px;
	width: 350px;
	color: black;
	word-spacing: -0.2em;
}
h2#titre_magazine span {
	float: left;
	font-size: 15px;
	color: #3E63A6;
	padding-left: 25px;
}

/**** Boutons ***/

#btn_abonnement {
	float: left;
	width: 166px;
	height: 50px;
	margin: 0px 0px 50px 40px;
	_margin: 0px 0px 50px 20px; /* IE */
	display: block;
	background: url('../images/magazine/btn_abonnement.gif') no-repeat top left;
}

#btn_specimen {
	float: left;
	width: 245px;
	height: 50px;
	margin: 0px 0px 50px 20px;
	display: block;
	background: url('../images/magazine/btn_consulter_un_specimen.gif') no-repeat top left;
}


/**** Informations sur le magazine ***/

#mag_infos_gauche {
	float: left;
	width: 256px;
	padding: 0px 10px 0px 20px;
	border-right: 1px solid #3a3a3a;
	text-align: right;
}

#mag_infos_droite {
	width: 418px;
	padding: 0px 20px 0px 10px;
	float: left;
}

/**** Cadre vert ***/

#cadre_vert {
	clear: both;
	float: left;
	width: 694px;
	margin: 35px 0px 0px 16px;
	_margin: 35px 0px 0px 8px;
	border-width: 1px;
	border-style: solid;
}

#cadre_vert p{
	float: left;
	width: 672px;
	padding: 10px;
	border: 1px solid white;
	text-align: justify;
	color: white;
}
.fond_rb {
	background : #57AB27;
}
.cadre_rb {
	border-color: #57AB27;
}
.fond_fa {
	background : #F4C085;
}
.cadre_fa {
	border-color: #F4C085;
}
.fond_el {
	background : #44AFEB;
}
.cadre_el {
	border-color: #44AFEB;
}
.fond_plm {
	background : #009036;
}
.cadre_plm {
	border-color: #009036;
}
.fond_pm {
	background : #E2001A;
}
.cadre_pm {
	border-color: #E2001A;
}
.fond_pa {
	background : #00619C;
}
.cadre_pa {
	border-color: #00619C;
}
.fond_qb {
	background : #7E0846;
}
.cadre_qb {
	border-color: #7E0846;
}
.fond_li {
	background : #0075B0;
}
.cadre_li {
	border-color: #0075B0;
}
/**** Rubriques ***/

table.rubrique_magazine {
	float: left;
	width: 245px;
	height: 129px;
	margin-bottom: 20px;
	background-image: url('../images/magazine/bg_rubrique_magazine.gif');
	background-repeat: no-repeat;
	background-position: 0px 62px;
}

table.rubrique_magazine td{
}

table.rubrique_magazine td.bloc_agrandir {
	height: 100px;
	width: 60px;
	padding: 5px 0px 0px 10px;
	vertical-align: top;
}

table.rubrique_magazine td.texte_rubrique {
	height: 95px;
	width: 165px;
	padding: 0px 10px 15px 5px;
	vertical-align: middle;
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
}


/**** Blocs Site Internet et Suppléments Rédactionnels ***/

#mag_site_internet {
	float: left;
	width: 288px;
	margin: 10px 25px 10px 20px;
	_margin: 10px 25px 10px 10px;
	background-image: url('../images/magazine/bg_site_internet.gif');
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

#mag_supp_redac {
	float: left;
	width: 375px;
	margin: 10px 0px;
	background-image: url('../images/magazine/bg_supplements_redactionnels.gif');
	background-repeat: no-repeat;
	background-position: 6px 0px;
}

#mag_site_internet p,
#mag_supp_redac p{
	float: left;
	width: inherit;
	text-align: justify;
}

#mag_site_internet img,
#mag_supp_redac img{
	float: left;
	margin: 0px 5px 5px 0px;
}

a.lien_rouge {
	float: left;
	margin: 25px 0px 10px 48px;
	font-size: 9px;
	color: #bc141b;
	text-decoration: none;
}
a.lien_rouge:hover {
	text-decoration: underline;
}