@charset "utf-8";
/* ---------------------------   PAGE ARTICLE   ------------------------------------*/

#principalArticle {
	font-family: 'Arial', sans-serif;
    font-size: 12px;
	width:742px;
	overflow:hidden;
}

#principalArticle #sujet {
	font-size: 18px;
	font-weight: bold;
	color: #FDCE1B;
	background-color: #000000;
	height: 1em;
	margin-bottom: 5px;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}

#principalArticle #sujet a{
	text-decoration:none;
	color: #FDCE1B;
}

#principalArticle #sujet a:hover{
	color: #FFFFFF;
}

/*Haut article */

#principalArticle #hautArticle {
	min-height:20px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	width:742px;
    margin-bottom: 20px;
	float:left;
}

#principalArticle #hautArticle .date {
	font-size: 12px;
	color: #1F6894;
	width:365px;
	border-right:solid 1px #000000;
	padding: 5px 0px 5px 5px;
	float:left;
}

#principalArticle #hautArticle .angle {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	width:366px;
	text-align:right;
	padding: 5px 5px 5px 0px;
	float:left;
}

#principalArticle #hautArticle .titre {
    text-align:center;
	margin-bottom:20px;
	clear:left;
}

#principalArticle #hautArticle .titre span {
	font-size: 18px;
	font-weight: bold;
	background-color:#FDC700;
	border: 1px solid #000000;
	padding: 2px 10px 2px 10px;
}

#principalArticle #hautArticle .centre {
	width:740px;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	float:left;
}

#principalArticle #hautArticle .centre .illustration {
	margin:0px 15px 0px 5px;
	width:192px;
	height:108px;
	border:1px solid #000000;
	overflow:hidden;
	float:left;
}

#principalArticle #hautArticle .centre .illustration img {
	border:none;
}

#principalArticle #hautArticle .centre .intro {
	font-size:13px;
    line-height:1.3em;
	width:525px;
	padding:0px;
	float:left;
}

#principalArticle #hautArticle .auteur {
	font-size:12px;
	text-align:right;
	width:720px;
	padding-right:20px;
	margin-bottom:10px;
	clear:left;
}

#principalArticle #hautArticle .page {
	font-size:12px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	border-top:solid 1px #000000;
	width:742px;
	float:left;
}

/*Chapitrage a gauche */

#principalArticle #chapitrage {
	font-size:12px;
	width:160px;
	overflow:hidden;
	padding:10px 5px;
	border:double 5px #FDC700;
	margin-bottom:20px;
}

#principalArticle #chapitrage .entete{
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom:10px;
	text-align:center;
}

#principalArticle #chapitrage .page{
	
}

#principalArticle #chapitrage .page a {
    text-decoration:none;
	color:#000000;
}

#principalArticle #chapitrage .page a:hover {
	color:#EB7106;
}

#principalArticle #chapitrage .page.actuel {
	font-size:12px;
	font-weight: bold;
	color:#FDC700;
}



/*Contenu de l'article*/

#principalArticle #contenuChapitre {
    font-family: 'Arial', sans-serif;
    font-size: 13px;
	line-height:1.3em;
	word-spacing:-0.1em;
	text-align:justify;
	width: 492px;
	padding:5px 15px 5px 5px;
	border-right:solid 40px #FDC700;
	float:left;
}

#principalArticle #contenuChapitre a {
    text-decoration:none;
    color:#1F6894;
	font-weight:bold;
}

#principalArticle #contenuChapitre a:hover {
    color:#EB7106;
}

#principalArticle #contenuChapitre a:hover img{
    border-color:#EB7106;
}
/*Mise en page editeur */

#principalArticle #contenuChapitre .lettrine {
   float: left; 
   font-size: 3.2em; 
   font-weight: bold;
   font-family: 'Arial', sans-serif;
   color: #FDC700;
   border: 1px solid #000000; 
   background-color: #FFFFFF; 
   margin-right: 5px;
   font-weight: bold;
   padding:1px 3px;
   line-height: 1em;
}

#principalArticle #contenuChapitre .titre {
    font-size:18px;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom: 10px;
	display:block;
}

#principalArticle #contenuChapitre .imageGauche {
	margin-right:10px;
	border:solid 2px #000000;
	float:left;
}

#principalArticle #contenuChapitre .imageDroite{
	margin-left:10px;
	border:solid 2px #000000;
	float:right;
}

#principalArticle #contenuChapitre .imageBord{
	border:solid 2px #000000;
}

#principalArticle #contenuChapitre .imageMarge {
    float: left;
	position:relative;
	left:-195px;
	margin-right:-195px;
}

#principalArticle #contenuChapitre .texteMarge {
    float: left;
	position:relative;
	left:-195px;
	margin-right:-195px;
	width:180px;
	overflow:hidden;
	font-size:11px;
    line-height:16px;
	font-weight:bold; 
	text-align:left; 
}

#principalArticle #contenuChapitre .important {
	background-color: #FDC700;
}

#principalArticle #contenuChapitre .spoiler{
	background-color:#000000;
	margin:0px;
	padding:0px;
}

#principalArticle #contenuChapitre .relance {
	font-size: 14px;
	color: #FDC700;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	border: 1px solid #FDC700;
	text-align:center;
	display:block;
	font-weight:bold;
}

#principalArticle #contenuChapitre .relanceXL {
	font-size: 14px;
	color: #FDC700;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	text-align:center;
	display:block;
	width:532px;
	position:relative;
	left:0px;
	font-weight:bold;
}

#principalArticle #contenuChapitre .relanceXXL {
    font-size: 14px;
	color: #FDC700;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	text-align:center;
	display:block;
	width:728px;
	position:relative;
	left:-195px;
	font-weight:bold;
}

/*Mise en page editeur MUSIQUE */

#principalArticle #contenuChapitre .lettrine_musique {
   float: left; 
   font-size: 3.2em; 
   font-weight: bold;
   font-family: 'Arial', sans-serif;
   color: #FF4E4B;
   border: 1px solid #000000; 
   background-color: #FFFFFF; 
   margin-right: 5px;
   font-weight: bold;
   padding:1px 3px;
   line-height: 1em;
}

#principalArticle #contenuChapitre .titre_musique {
    font-size:18px;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom: 10px;
	display:block;
}

#principalArticle #contenuChapitre .imageGauche_musique {
	margin-right:10px;
	border:solid 2px #000000;
	float:left;
}

#principalArticle #contenuChapitre .imageDroite_musique{
	margin-left:10px;
	border:solid 2px #000000;
	float:right;
}

#principalArticle #contenuChapitre .imageBord_musique{
	border:solid 2px #000000;
}

#principalArticle #contenuChapitre .imageMarge_musique {
    float: left;
	position:relative;
	left:-195px;
	margin-right:-195px;
}

#principalArticle #contenuChapitre .texteMarge_musique {
    float: left;
	position:relative;
	left:-195px;
	margin-right:-195px;
	width:180px;
	overflow:hidden;
	font-size:11px;
    line-height:16px;
	font-weight:bold; 
	text-align:left; 
}

#principalArticle #contenuChapitre .important_musique {
	background-color: #FF4E4B;
}

#principalArticle #contenuChapitre .spoiler_musique{
	background-color:#000000;
	margin:0px;
	padding:0px;
}

#principalArticle #contenuChapitre .relance_musique {
	font-size: 14px;
	color: #FF4E4B;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	border: 1px solid #FF4E4B;
	text-align:center;
	display:block;
	font-weight:bold;
}

#principalArticle #contenuChapitre .relanceXL_musique {
	font-size: 14px;
	color: #FF4E4B;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	text-align:center;
	display:block;
	width:532px;
	position:relative;
	left:0px;
	font-weight:bold;
}

#principalArticle #contenuChapitre .relanceXXL_musique {
    font-size: 14px;
	color: #FF4E4B;
	background-color: #000000;
	margin:10px 0px;
	padding:10px;
	text-align:center;
	display:block;
	width:728px;
	position:relative;
	left:-195px;
	font-weight:bold;
}

/*Modèle editeur*/

#principalArticle #contenuChapitre div#centrer {
   width:497px; 
   text-align:center;
}

#principalArticle #contenuChapitre div#blocGauche {
    float: left;
	position:relative;
	left:-100px;
	margin-right:-95px;
}

#principalArticle #contenuChapitre div#blocGauche .image{
	text-align: center;
	border:dotted 1px #CCCCCC;
}

#principalArticle #contenuChapitre div#blocGauche .commentaire{
    font-size: 11px;
	color: #FFFF00;
	text-align: left;
	background-color:#000000;
	width:90px;
	padding-right:2px;
	padding-left:5px;
}

/*Reaction*/

#principalArticle #reaction {
   font-family: 'Arial', sans-serif;
   font-size:12px;
   text-align:left;
   padding:10px 5px;
   clear:left;
}

#principalArticle #reaction a{
   text-decoration:none;
   color:#1F6895;
   font-weight:bold;
}

#principalArticle #reaction a:hover{
   color:#EB7106;
}

/*Navigation*/

#principalArticle #navigation {
   font-family: 'Arial', sans-serif;
   font-size:12px;
   text-align:center;
   width:507px;
   margin:10px 0px;
}

#principalArticle #navigation a{
   padding:2px;
   text-decoration:none;
   display:inline-block;
   color:#000000;
}

#principalArticle #navigation span{
   padding:2px;
   display:inline-block;
   color:#CCCCCC;
}

#principalArticle #navigation span.actuel{
   font-weight:bold;
}

#principalArticle #navigation span.actuel, #principalArticle #navigation a:hover{
   color:#EB7106;
}

/* ---------------------------   SKIN 2  ------------------------------------*/

#principalArticle.skin_2 #sujet {
	color: #FF4E4B;
	background-color: #000000;
}

#principalArticle.skin_2 #sujet a{
	text-decoration:none;
	color: #FF4E4B;
}

#principalArticle.skin_2 #sujet a:hover{
	color: #FFFFFF;
}

/*Haut article */

#principalArticle.skin_2 #hautArticle {
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

#principalArticle.skin_2 #hautArticle .date {
	color: #1F6894;
	border-right:solid 1px #000000;
}

#principalArticle.skin_2 #hautArticle .angle {
}

#principalArticle.skin_2 #hautArticle .titre {
}

#principalArticle.skin_2 #hautArticle .titre span {
	font-weight: bold;
	background-color:#FF4E4B;
	border: 1px solid #000000;
}

#principalArticle.skin_2 #hautArticle .centre {
}

#principalArticle.skin_2 #hautArticle .centre .illustration {
	border:1px solid #000000;
}

#principalArticle.skin_2 #hautArticle .centre .illustration img {
	border:none;
}

#principalArticle.skin_2 #hautArticle .centre .intro {
}

#principalArticle.skin_2 #hautArticle .auteur {
}

#principalArticle.skin_2 #hautArticle .page {
	border-top:solid 1px #000000;
}

/*Chapitrage a gauche */

#principalArticle.skin_2 #chapitrage {
	border:double 5px #FF4E4B;
}

#principalArticle.skin_2 #chapitrage .entete{
	font-weight: bold;
	text-transform:uppercase;
}

#principalArticle.skin_2 #chapitrage .page{
	
}

#principalArticle.skin_2 #chapitrage .page a {
    text-decoration:none;
	color:#000000;
}

#principalArticle.skin_2 #chapitrage .page a:hover {
	color:#EB7106;
}

#principalArticle.skin_2 #chapitrage .page.actuel {
	font-weight: bold;
	color:#FF4E4B;
}



/*Contenu de l'article*/

#principalArticle.skin_2 #contenuChapitre {
	border-right:solid 40px #FF4E4B;
}

#principalArticle.skin_2 #contenuChapitre a {
    color:#1F6894;
	font-weight:bold;
}

#principalArticle.skin_2 #contenuChapitre a:hover {
    color:#EB7106;
}

#principalArticle.skin_2 #contenuChapitre a:hover img{
    border-color:#EB7106;
}

/*Mise en page editeur */

#principalArticle.skin_2 #contenuChapitre .lettrine {
   color: #FF4E4B;
   border: 1px solid #000000; 
   background-color: #FFFFFF; 
   font-weight: bold;
}

#principalArticle.skin_2 #contenuChapitre .titre {
    font-size:18px;
	font-weight: bold;
	text-transform:uppercase;
	display:block;
}

#principalArticle.skin_2 #contenuChapitre .imageGauche {
	border:solid 2px #000000;
}

#principalArticle.skin_2 #contenuChapitre .imageDroite{
	border:solid 2px #000000;
}

#principalArticle.skin_2 #contenuChapitre .imageBord{
	border:solid 2px #000000;
}

#principalArticle.skin_2 #contenuChapitre .imageMarge {
}

#principalArticle.skin_2 #contenuChapitre .texteMarge {
}

#principalArticle.skin_2 #contenuChapitre .important {
	background-color: #FF4E4B;
}

#principalArticle.skin_2 #contenuChapitre .spoiler{
	background-color:#000000;
	margin:0px;
	padding:0px;
}

#principalArticle.skin_2 #contenuChapitre .relance {
	color: #FF4E4B;
	background-color: #000000;
	border: 1px solid #FF4E4B;
}

#principalArticle.skin_2 #contenuChapitre .relanceXL {
	font-size: 14px;
	color: #FF4E4B;
	background-color: #000000;
	margin:10px 0px;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	font-weight:bold;
}

#principalArticle.skin_2 #contenuChapitre .relanceXXL {
	color: #FF4E4B;
	background-color: #000000;
	font-weight:bold;
}

/*Modèle editeur*/

#principalArticle.skin_2 #contenuChapitre div#centrer {
   
}

#principalArticle.skin_2 #contenuChapitre div#blocGauche {
}

#principalArticle.skin_2 #contenuChapitre div#blocGauche .image{
	text-align: center;
	border:dotted 1px #CCCCCC;
}

#principalArticle.skin_2 #contenuChapitre div#blocGauche .commentaire{
	color: #FFFF00;
	text-align: left;
	background-color:#000000;
}

/*Reaction*/

#principalArticle.skin_2 #reaction {
}

#principalArticle.skin_2 #reaction a{
}

#principalArticle.skin_2 #reaction a:hover{
   color:#EB7106;
}

/*Navigation*/

#principalArticle.skin_2 #navigation {
}

#principalArticle.skin_2 #navigation a{
}

#principalArticle.skin_2 #navigation span{
}

#principalArticle.skin_2 #navigation span.actuel{
}

#principalArticle.skin_2 #navigation span.actuel, #principalArticle #navigation a:hover{
   color:#EB7106;
}