/************************************************************************************************/
/*************************************** Balises globales **********************************/
/************************************************************************************************/
/* Liens */
A:link {
	COLOR: #e6512f;
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #e6512f;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #ffae00;
}
A:active {
	COLOR: #ffae00;
}

/* pas de border sur les images cliquables */
A IMG{
	BORDER-TOP-WIDTH: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	BORDER-RIGHT-WIDTH: 0px
	
}

/* Titres */
H1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 32px;
	MARGIN-BOTTOM: 0px;	
	MARGIN-TOP: 5px;
	PADDING-LEFT: 8px;

}
H2 {
	FONT-WEIGHT: normal;
	MARGIN: 20px 0px 10px FONT-SIZE: 28px;
}
H3 {
	FONT-WEIGHT: normal;
	MARGIN: 20px 0px 10px FONT-SIZE: 24px;
}
H4 {
	FONT-WEIGHT: normal;
	MARGIN: 20px 0px 10px FONT-SIZE: 20px;
}
H5 {
	FONT-WEIGHT: normal;
	MARGIN: 20px 0px 10px FONT-SIZE: 20px;
}
H6 {
	FONT-WEIGHT: normal;
	MARGIN: 20px 0px 10px FONT-SIZE: 20px;
}

/* Corps de la page */
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: url('../design-images/bg.gif');
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT: 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
	COLOR: #b53cc3;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #000000;
}

/* Mise en forme*/
.italic{
	font-style:italic
}

/************************************************************************************************/
/*************************************** Définitions des zones **********************************/
/************************************************************************************************/


/* Zone principale*/
#zone_document {
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	WIDTH: 992px;
}

/*Zone du bandeau*/
#zone_header {
	CLEAR: right;
	FLOAT: left;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 8px;
	BACKGROUND-IMAGE: url('../design-images/header-bg.jpg');
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 992px;
	HEIGHT: 474px;
}
#zone_header H1 A {
	COLOR: #9c9c9c;
}
#zone_header .slogan {
	FONT-SIZE: 13px;
	MARGIN-BOTTOM: 2px;
	MARGIN-LEFT: 8px;
	COLOR: #bababa;
}


/* Zone contenant le menu de navigation */
#zone_menu UL {
	FLOAT: right;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: -33px;
	MARGIN-RIGHT: 0px;
	LIST-STYLE-IMAGE: none;
	LIST-STYLE-TYPE: none;
}
#zone_menu LI {
	FLOAT: left;
}
#zone_menu LI A:link {
	DISPLAY: block;
	FLOAT: left;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	PADDING-TOP: 5px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN-RIGHT: 4px;
	MARGIN-TOP: 4px;
	BACKGROUND: url(design-images/nav-bg.gif) #474848;
	FONT-SIZE: 14px;
	COLOR: #8e8e8e;
	HEIGHT: 22px;
}
#zone_menu LI A:visited {
	DISPLAY: block;
	FLOAT: left;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	MARGIN-TOP: 4px;
	MARGIN-RIGHT: 4px;
	FONT-SIZE: 14px;
	COLOR: #8e8e8e;
	BACKGROUND: url(design-images/nav-bg.gif) #474848;
	HEIGHT: 22px;
}
#zone_menu LI A:hover {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	MARGIN-TOP: 4px;
	FONT-SIZE: 14px;
	BACKGROUND: url(design-images/nav-bg2.gif) #474848 repeat-x;
	COLOR: #b7b7b7;
}
#zone_menu LI A:active {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-LEFT: #000000 1px solid;
	MARGIN-TOP: 4px;
	FONT-SIZE: 14px;
	BACKGROUND: url(design-images/nav-bg2.gif) #474848 repeat-x;
	COLOR: #b7b7b7;
}
#zone_menu LI.active A {
	COLOR: #b6b6b6;
	BACKGROUND-COLOR: #494949;
}


/* Zone de contenue global comprennant les 3 colonnes */
#zone_contenu {
	CLEAR: both;
	FLOAT: left;
	MARGIN-TOP: -250px;
	WIDTH: 100%;
	COLOR: #b6b6b6;
}

/*Zone correspondant à la colonne de gauche */
#zone_colonne_gauche {
	FLOAT: left;
	WIDTH: 400px;
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 33px;
	PADDING-TOP: 0px;
	BACKGROUND-IMAGE: url(../design-images/gris75.png);
}

/* Zone correspondant à la colonne centrale */
#zone_colonne_centre {
	float: left;
	Z-INDEX: 5;
	BACKGROUND-IMAGE: url(../design-images/gris25.png);
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 268px;
	PADDING-LEFT: 16px;
	padding-right: 16px;
	OVERFLOW: hidden;
	WIDTH: 244px;
}

/* Zone de la colonne de droite */
#zone_colonne_droite {
	FLOAT: right;
	WIDTH: 300px;
	BACKGROUND: #545456;
	PADDING-BOTTOM: 0px;
}

#contenu_colonne_droite {
	MARGIN-TOP: 0px;
	MARGIN-RIGHT: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	PADDING-BOTTOM: 13px;
}

#zone_footer {
	CLEAR: both;
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 10px;
	margin-right: 0px;
	background-color: #545456;
	WIDTH: 100%;
}
#zone_footer A {
	FONT-SIZE: 11px;
	COLOR: #e6512f;
}
#zone_footer A:hover {
	COLOR: #ffae00;
	BORDER-BOTTOM: #ffae00 1px dashed;
}
#zone_footer p {
	CLEAR: both;
	TEXT-ALIGN: left;
	COLOR: #e6512f;
	FONT-SIZE: 11px;
	PADDING-LEFT: 20px;
}


/************************************************************************************************/
/*************************************** Définitions des cadres *********************************/
/************************************************************************************************/

/* Rappel du dernier billet présenté sur le blog */
#cadre_dernier_billet {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}

#cadre_dernier_billet .titre {
	CLEAR: right;
	FLOAT: right;
	PADDING-TOP: 10px;
	MARGIN-TOP: 15px;
	MARGIN-BOTTOM: 15px;
	MARGIN-LEFT: 5px;
	WIDTH: 338px;
}

#cadre_dernier_billet .post-title A {
	BORDER-BOTTOM-WIDTH: 0px;
}
#cadre_dernier_billet .post P.img {
	FLOAT: left;
	MARGIN: 0px 15px 0px 0px;
}
#cadre_dernier_billet .post P.img IMG {
	BORDER-RIGHT: #d0d0d0 1px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #d0d0d0 1px solid;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 8px;
	BORDER-LEFT: #d0d0d0 1px solid;
	PADDING-TOP: 8px;
	BORDER-BOTTOM: #d0d0d0 1px solid;
	BACKGROUND-COLOR: #eeeeee;
}

#cadre_dernier_billet .post-footer {
	BORDER-RIGHT: #545454 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #545454 1px solid;
	PADDING-LEFT: 15px;
	FONT-SIZE: 90%;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #545454 1px solid;
	COLOR: #888888;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #545454 1px solid;
	BACKGROUND-COLOR: #444444;
}

#cadre_dernier_billet .date {
	MARGIN-TOP: 15px;
	BACKGROUND: url(../design-images/date.gif) no-repeat;
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	WIDTH: 57px;
	HEIGHT: 57px;
	TEXT-ALIGN: center;
}
#cadre_dernier_billet .date .month {
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 5px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 3px;
	PADDING-BOTTOM: 2px;
	TEXT-TRANSFORM: uppercase;
	COLOR: #dfdfdf;
	PADDING-TOP: 2px;
	TEXT-ALIGN: center;
}

#cadre_dernier_billet .date .day {
	MARGIN-TOP: -8px;
	DISPLAY: block;
	FONT: 2.3em Georgia;
	COLOR: #bababa;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
}
#cadre_dernier_billet .titles {
	FONT-WEIGHT: normal;
	FONT-SIZE: 24px;
	BORDER-BOTTOM-WIDTH: 0px;
	TEXT-DECORATION: none;
}
#cadre_dernier_billet .titles A:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 24px;
	BORDER-BOTTOM-WIDTH: 0px;
	TEXT-DECORATION: none;
}
#cadre_dernier_billet .titles A:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 24px;
	BORDER-BOTTOM-WIDTH: 0px;
	TEXT-DECORATION: none;
}
#cadre_dernier_billet .titles A:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 24px;
	BORDER-BOTTOM-WIDTH: 0px;
	TEXT-DECORATION: none;
}


/* Cadre marron foncé */
.cadre_marron_fonce {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
}
.cadre_marron_fonce P {
	color: #d0d0d0;
}
.cadre_marron_fonce .separated {
	BORDER-TOP: #20292c 1px solid;
	padding-top: 10px;
}
.cadre_marron_fonce .item {
	CLEAR: both;
}
.cadre_marron_fonce .item IMG {
	border-right: #494949 3px solid;
	border-top: #494949 3px solid;
	border-left: #494949 3px solid;
	border-bottom: #494949 3px solid;
	float: left;
	margin-right: 15px;
}


.cadre_marron_fonce A.en_savoir_plus {
	padding-right: 10px;
	font-weight: bold;
	background: url(../design-images/small_arrow.gif) no-repeat right center;
	color: #25a3ab;
	text-decoration: none;
}
.cadre_marron_fonce SPAN.date {
	display: block;
}
.cadre_marron_fonce H3 {
	font-weight: bold;
	font-size: 12px;
	color: #6f8992;
	margin-bottom: 0px;
}
.cadre_marron_fonce A.item {
	TEXT-DECORATION: none;
	
}
.cadre_marron_fonce .data {
	FLOAT: left;
	width: 187px;
}
.cadre_marron_fonce .data P {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
DIV.cadre {
	background: #1c1c1a;
	margin-top: 8px;
	position: relative;
	overflow: hidden;
}
DIV.cadre SPAN.cbl {
	background: url(../design-images/p-cbl.gif) #2b2c28;
	position: absolute;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
}
DIV.cadre SPAN.ctr {
	background: url(../design-images/p-ctr.gif) #2b2c28;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
}
DIV.cadre SPAN.ahg {
	BACKGROUND: url(../design-images/angle_haut_gauche.png) #2b2c28;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
}
DIV.cadre SPAN.abd {
	BACKGROUND: url(../design-images/angle_bas_droite.png) #2b2c28;
	position: absolute;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	width: 5px;
	height: 5px;
}

H2.cadre-title {
	margin: 10px 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 15px;
	color: #25a3ab;
}
H2.cadre-title IMG {
	PADDING-LEFT: 2px;
	margin-bottom: -1px;
}
H2.cadre-title A {
	font-size: 15px;
	color: #25a3ab;
	text-decoration: none;
}
#en_savoir_plus-tab {
	margin-bottom: 8px;
	WIDTH: 100%;
}
H2.en_savoir_plus-tab {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 15px;
	color: #25a3ab;
}
H2.en_savoir_plus-tab IMG {
	PADDING-LEFT: 2px;
	margin-bottom: -1px;
}
#en_savoir_plus-tab A {
	display: block;
	padding-left: 30px;
	font-weight: bold;
	font-size: 12px;
	background: url(../design-images/more_mid.gif) repeat-x;
	color: #fff;
	padding-top: 3px;
	white-space: nowrap;
	height: 22px;
	text-align: center;
	text-decoration: none;
}

/* Cadre marron clair utilisé pour le cadre "j'écoute  en boucle" sur la home*/

.cadre_marron_clair {
	BORDER-TOP: #404040 1px solid;
	BORDER-RIGHT: #404040 1px solid;
	BORDER-LEFT: #404040 1px solid;
	BORDER-BOTTOM: #404040 1px solid;
	PADDING-TOP: 5px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN-TOP: 8px;
	BACKGROUND-COLOR: #363636;
}
.cadre_marron_clair SPAN.cbl {
	BACKGROUND: url(../design-images/p-cbl.gif) #2b2c28;
	LEFT: 0px;
	OVERFLOW: hidden;
	WIDTH: 5px;
	BOTTOM: 0px;
	POSITION: absolute;
	HEIGHT: 5px;
}
.cadre_marron_clair SPAN.ctr {
	RIGHT: 0px;
	BACKGROUND: url(../design-images/p-ctr.gif) #2b2c28;
	OVERFLOW: hidden;
	WIDTH: 5px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 5px;
}
.cadre_marron_clair SPAN.ctl {
	BACKGROUND: url(../design-images/p-ctl.gif) #2b2c28;
	LEFT: 0px;
	OVERFLOW: hidden;
	WIDTH: 5px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 5px;
}
.cadre_marron_clair H3 {
	MARGIN-TOP: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #bababa;
}


/* Cadre lien sur titre + texte simple : utilisé dans le rappel des billets sur la page d'accueil */

#zone_colonne_centre .cadre_simple {
	padding-right: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 11px;
	MARGIN-LEFT: 0px;
	COLOR: #818181;
	PADDING-TOP: 15px;
	width: 100%;
}
#zone_colonne_centre .title {
	MARGIN-TOP: 15px;
	MARGIN-BOTTOM: 0px;
	FONT: bold 11px/15px Arial, sans-serif;
	COLOR: #b3b3b3;
}
#zone_colonne_centre .title A {
	COLOR: #b3b3b3;
	TEXT-DECORATION: none;
}
#zone_colonne_centre .title A:link {
	COLOR: #b3b3b3;
	TEXT-DECORATION: none;
}
#zone_colonne_centre .title A:hover {
	TEXT-DECORATION: underline;
}
#zone_colonne_centre .separated {
	BORDER-TOP: #20292c 1px solid;
}