/* -----------------------------------------------------------------------------------------------
	GENERAL
-----------------------------------------------------------------------------------------------*/

@font-face {
   font-family: "ProggySquare";
   src: url('/fonts/ProggySquare.ttf') ;
}

body {
	background-color : #000000;
	background-image : url("/images/site/bg.jpg");
	background-attachment : fixed;
	text-align: justify;
	font-family : arial;
	font-size: 12px;
	color: #161616;	
}

* {
	padding : 0px;
	margin: 0px;
}

p {
	text-align: justify;
	font-family : arial;
	font-size: 12px;
	color: #161616;
}

.cachette {
	visibility: hidden;
	height: 1px;
}

li {
	text-align: justify;
	font-family : arial;
	font-size: 12px;
	color: #161616;
	margin-left: 50px;
}

.signature {
	text-align: right !important;
}

.txtGrisClair {
	color : #c2c2c2;
}

.txtRouge {
	color : #FF0000;
}

.textBarre {
	text-decoration: line-through;
}

.border {
	border: 1px solid #000000;
}

.margin15 {
	margin: 15px;	
}	

a {
	text-decoration: none;
	color: #54427e;
}

a:hover {
	color : #5e087d;
}

a h1:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------
	LES FORMULAIRES (Pour éviter la coloration sous Linux par exemple)
-----------------------------------------------------------------------------------------------*/

input, textarea {

	background-color: #e0e0e0;
	border: 1px solid #5f5f5f;
	color: black;
	
}

/* -----------------------------------------------------------------------------------------------
	PAGE D'ACCUEIL
-----------------------------------------------------------------------------------------------*/
	
#container {
	width: 1002px;
	margin : 0px auto 0px auto;
	padding : 0px;
	position: relative;
}

#container  #header {
	font-size: 40px;
	font-family: ProggySquare;
	font-size: 40px;
	margin:10px 0px 0px 0px;
	padding: 0px;
}

#container  #header .logo_rss {
	margin:0px;
	padding : 0px;
	position: relative;
}

#container  #pagecontent {
	width: 1000px;
	/*height: 1120px;*/
	margin: 0px;
	padding : 0px 0px 10px 0px;
	position: relative;
	border-bottom:1px dotted #625A66;
}



#container  #pagecontent h1 {
	font-family: arial, verdana;
	font-size: 18px; 
	margin-bottom : 15px;
	text-align:center;
	color: #5e087d;
}

/* -----------------------------------------------------------------------------------------------
	LA CHEMIN DE FER
-----------------------------------------------------------------------------------------------*/

#container  #pagecontent #chemin_de_fer {
	margin: 0px 0px 0px 5px;
	font-family : ProggySquare, tahoma;
	font-size: 12px;	
	color: #eeeeee;
	background-color: #220130;
	
}

#container  #pagecontent #chemin_de_fer a {
	font-family : ProggySquare, tahoma;
	font-size: 12px;
	text-decoration: none;
	line-height: 16px;
	color: #eeeeee;
}

#container  #pagecontent #chemin_de_fer a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------
	LA HOME
-----------------------------------------------------------------------------------------------*/

#container  #pagecontent #content {
	border: 1px solid blue;
	background-repeat: repeat-y;
	width: 100%;
	height: 100%;
	position: relative;
}

/* -----------------------------------------------------------------------------------------------
	CADRE RUBRIQUE DANS LA PAGE ARTICLE
-----------------------------------------------------------------------------------------------*/
.cadre_rubrique ul {
	margin-left: 5px;
}

.cadre_rubrique li {
	line-height: 30px;
	list-style-type: square;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	color: #eeeeee;
}


	/*-------------------------------
	DERNIERS ARTICLES
	---------------------------------*/

#container  #pagecontent #cadre_lastarticles,
#container  #pagecontent .cadre_rubrique {
	width: 300px;
	height: 100%;
	position: relative;
	margin: 10px ;
	margin-left: 0px;
	text-align:center;
}

#container  #pagecontent #cadre_lastarticles,
#container  #pagecontent #left_col {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
	background-color: rgba(94,7,124,0.25);
}

#cadre_lastarticles .titre,
#container  #pagecontent .cadre_rubrique .titre {
	font-family: arial;
	font-size: 22px;
	font-family: ProggySquare;	
	line-height: 20px;
	text-align: center;
	margin:5px 0 5px 0px;
} 

#container  #pagecontent .cadre_rubrique .titre a,
#cadre_lastarticles .titre a {
	text-decoration: none;
}

#container  #pagecontent #cadre_lastarticles a.tous_les_articles_btn  {
	font-family: ProggySquare, Arial;
	font-size: 15px;
	color: #FFFFFF;
	text-align:center;
}

#container  #pagecontent .cadre_rubrique .titre a:hover,
#cadre_lastarticles .titre a:hover {
	text-decoration: underline !important;
	background: none !important;
}

#container  #pagecontent #cadre_lastarticles .unArticle,
#container  #pagecontent .cadre_rubrique .unArticle {
	cursor : hand;
	text-decoration:none;
	position: relative;
	width: 300px;
	margin-top: 10px;
}

#container  #pagecontent #cadre_lastarticles .unArticle .contenu {
	float:left;
	width: 220px;
}

#container  #pagecontent .cadre_rubrique .unArticle {
	margin-top: 3px;	
}

#container  #pagecontent #cadre_lastarticles .unArticle img,
#container  #pagecontent .cadre_rubrique .unArticle img {
	float: left;
	border: 1px solid #ffffff;
	margin : 5px;
	width: 50px;
	height: 35px;
}

#container  #pagecontent #cadre_lastarticles  .title,
#container  #pagecontent .cadre_rubrique .title {
	font-weight : bold;
	font-size: 12px;
	padding: 5px 10px 0px 5px;
	text-decoration: none;
	color: #eeeeee;
	font-family: ProggySquare, Arial;
	font-size: 15px;	
}

#container  #pagecontent #cadre_lastarticles .lastarticles_picto_left {
	border: none;
	margin-right: 3px;
}

#container  #pagecontent .cadre_rubrique .title {
	padding-top : 14px;

}

#container  #pagecontent #cadre_lastarticles .unArticle .accroche {
	padding: 3px 10px 5px 5px;
	text-decoration: none;
	color: #eeeeee;
	font-family: ProggySquare;
	font-size: 15px;
}

#container  #pagecontent #cadre_lastarticles .unArticle .date {
	text-align: right;
	margin-right: 10px;
	text-decoration: none;
}

#container  #pagecontent #cadre_lastarticles a {
	text-decoration: none;
}

#container  #pagecontent #cadre_lastarticles a,
#container  #pagecontent .cadre_rubrique a {
	color: #eeeeee;
}

#container  #pagecontent #cadre_lastarticles a:hover,
#container  #pagecontent #cadre_lastarticles .unArticle:hover, 
#container  #pagecontent .cadre_rubrique a:hover,
#container  #pagecontent .cadre_rubrique .unArticle:hover {
	text-decoration: underline;
	color: #ffffff;
}	

#container  #pagecontent #edito{
	width : 320px;
	float: right;
	display: inline;
	background-color : #321d4f;
	padding: 10px;
}

#container  #pagecontent #edito p {
	color: #FFFFFF;
	margin-left: 7px;
	margin-right: 7px;
	text-align: justify;
	font-family : verdana, arial;
	font-size: 12px;
	line-height: 18px;	
}

#container  #pagecontent #edito .titre {

}

#container  #pagecontent #edito p {
/*	text-align: justify;
	font-family : arial;
	font-size: 12px;
	line-height: 18px;
	color: #161616;
	text-indent: 20px;
	margin : 10px;*/
}

#container  #pagecontent #blocgauche {
	display:inline;
	float:left;
	position: relative;
	margin: 10px 0 0 30px;	
}

#container  #pagecontent #blocDerniersArticles {
	width :310px;
	height : 330px;
	padding: 0px;
	text-align: center;
}

#container  #pagecontent #blocDerniersArticles .titre {
	margin: 5 auto 10 auto;
	text-decoration : none;
}



#container .sep {
	clear: both;
}

#footer {
	margin : 5px 0 10px 0;
	text-align: center;
}

#footer p {
	font-style: italic;
	font-size: 11px;
	text-align: center;
	color: #eeeeee;
}

/* *****************************
MENU
****************************** */


#menu {
	position: relative;
	color : #FFFFFF;
	width :1002px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #625a66;
}

#menu a.link_nav_retro {
	line-height:29px;
	margin-right: 15px;
	color: #eeeeee;
	font-family: ProggySquare;
	font-size: 15px;
	margin-right: 15px;
	
}

#menu a.link_nav_retro:hover {
	color: #ffffff;
}

#menu a.link_nav_retro_green:hover {
	color: #00FF00;
}

#menu a.link_navigation:hover {
	color: #ffffff;
	text-decoration: underline;
}

#menu a.nav_selected {
	color: #a200ff;
}

#menu a.nav_selected_green {
	color: #00FF00;	
}


#menu .link_mailto {
	float:left;
	width: 150px;
	height:29px;
	background-image: url("/images/nav/nav_contact.gif");
	background-repeat: none;
	text-align:center;	
}

/* -----------------------------------------------------------------------------------------------
	CATEGORIES
-----------------------------------------------------------------------------------------------*/

.categoriesArticles {
	position: relative;
	padding-bottom: 10px;	
}

.categoriesArticles .unArticleA {
	float: left;
	margin: 20px 50px 10px 0px;	
}

.categoriesArticles img {
	float: left;
	margin-right : 10px;
}

.categoriesArticles .unArticle p {
	font-family: ProggySquare, Arial;
	font-size: 15px;
	color: #aaaaaa;	
}

.categoriesArticles p.title {
	font-weight : bold;
	font-family: ProggySquare, Arial;	
	color: #eeeeee;	
	font-size: 15px;
	padding: 0px;
	margin : 0px 0px 5px 0px;
	text-decoration: none;
}

.categoriesArticles .unArticle {
	width: 450px;
	height: 75px;
	text-decoration: none;
	cursor : hand;
	float: left;
}

.categoriesArticles .unArticle .date {
	color: #787778;
	margin-top: 5px;
}

#container #rubriquecontent {
	position: relative;
	text-align: center;
}

#container #rubriquecontent img {
	border: 1px solid #FFFFFF;
	width: 100px;
	height: 70px;	
}

/* -----------------------------------------------------------------------------------------------
	TOUS LES ARTICLES
-----------------------------------------------------------------------------------------------*/

#navigation_page {
	background-color: #321D4F;
	font-weight: bold;
	color: #FFFFFF;	
}

#navigation_page a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation_page a:hover {
	background-color: #321D4F;
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------
	ARTICLES
-----------------------------------------------------------------------------------------------*/

#container #articlecontent {
	width: 648px;
	overflow: hidden;
	padding: 0px 15px 0px 15px;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px solid black;
}

#container #articlecontent p {
	line-height: 18px;
	text-indent : 20px;
}

#container #articlecontent .sautligne {
	margin-top: 10px;	
}

#container  #articlecontent .imgCentre {
	margin: 20px;
}

#container  #articlecontent h1 {
	text-align: left;
	margin : 10px 0px 0px 0px;
}

#container  #articlecontent h2,
#container  #rubriquecontent h2 {
	text-align: left;
	font-family : ProggySquare, arial;
	font-size: 16px;
	color: #FFFFFF;
	font-weight : 600;
	height : 25px;
	line-height: 25px;
	background-color: #6C617B;
	padding-left: 20px;
	margin: 20px 0px 20px 0px;
}

#container  #articlecontent .sous-titre {
	margin-bottom: 10px;
	text-align: left;
}

#container  .sep_line {
	line-height: 0px;
	border-bottom: 1px dashed #898989;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}


.download {
	cursor : hand;
	text-decoration:none;
	height: 50px;
	margin-top: 3px;
	background-color : #d6e0e2;
	border: 1px solid #b7c0c2;
}

.download img {
	float: left;
	display:inline;
	margin-right : 10px;
	margin : 5px;
	height: 40px;
	width: 40px;
	border: 0px;
}

.download .title {
	font-weight : bold;
	font-size: 12px;
	padding: 5px 10px 0px 5px;
	text-decoration: none;
}

.download p {
	font-weight: normal;
}

/* LES IMAGES */

.img_illusStd {
	margin-bottom: 15px;
	border : 1px solid #222222;
}

.img_comment {
	font-style : italic;
	text-align : center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.photocomment {
	font-style : italic;
	text-align : center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.img_livre {
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	border : 1px solid #000000;
}

/* -----------------------------------------------------------------------------------------------
	COMMENTAIRES
-----------------------------------------------------------------------------------------------*/

.commentaires_titre {
	color: #6C617B;
	font-family: ProggySquare, Tahoma;
	font-size: 15px;
	font-weight: bold;
	border : 1px solid #6C617B;
	border-bottom: none;
	border-right: none;
}

/* FORMULAIRE */
.form_commentaire {
	position: relative;
	background-color: #e8e6e9;
	border: 1px solid #6C617B;
	color : #6C617B;
}

.form_commentaire p {
	font-family: ProggySquare, arial;
	font-size: 15px;
}

.form_commentaire  textarea {
	width: 95%;
	height: 100px;
	background-color: #e8e6e9;
	border: 1px dashed #321d4f;	
	font-family: ProggySquare, Arial, Tahoma;
	font-size: 15px;
	padding: 3px;
}

.form_commentaire .textinput {
	background-color: #e8e6e9;
	border: none;
	border-bottom: 1px dashed #321d4f;	
	font-family: ProggySquare, Arial, Tahoma;	
	font-size: 15px;
}

.form_commentaire #commentaire_submit {
	width: 100px;
	background-color : #6C617B;
	border: 1px solid #221c2a;
	color : #FFFFFF;
	font-weight: bold;
	font-family : ProggySquare, tahoma, arial, helvetica;
	font-size: 15px;
	margin: 5px 0px 5px 0px;
}

.form_commentaire .form_commentaire_titre {
	font-family : ProggySquare, arial, tahoma, helvetica;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
}

.form_commentaire .precisions {
	color: #675d75;
}

.unCommentaire {
	color: #321D4F !important;

}

.commentaires_bas {
	border : 1px solid #6C617B;	
	border-top: none;
	border-left: none;
	position: relative;
	top: -10px;
}

/* tout en !important pour éviter la surchage de articlecontent */
.unCommentaire  p {
	text-indent: 0px !important;
	line-height: normal !important;
	margin-top: 10px !important;
	color: #321D4F !important;
}

.commentaires_contenu {
	margin: 0px 10px 5px 25px;
	width: 565px;
}

/* LISTE DES COMMENTAIRES */


/* --------------------------------------------------------------------------------------------------- */

/* BLOC RUBRIQUE */
#cadre_rubrique {
	
}

/* NAVIGATION BAR ARTICLE */

#navbar_article {
	background-color:#321D4F;
	border-top:1px solid #000000;
	position: relative;
	/*height: 25px;*/
	text-align:center;	
	margin: 10px 0px 10px 0px;
}

#navbar_article a {
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
}

#navbar_article .footer_article_suivant {
	position: absolute;
	right: 20px;
	top: 0px;	
}

#navbar_article .footer_article_picto_right {
	position: absolute;
	right: 10px;
	top: 8px;
}

#navbar_article .footer_article_precedent {
	position: absolute;
	left: 20px;
	top: 0px;
}

#navbar_article .footer_article_picto_left {
	position: absolute;
	left: 10px;
	top: 8px;
}

#navbar_article .footer_rubrique_initiale {
	margin: 0px auto 0px auto;	
	line-height: 25px;
}

#navbar_article .footer_rubrique_initiale img {
	border: none;
	margin-right: 5px;
}

/* -----------------------------------------------------------------------------------------------
	NAV LEFT
-----------------------------------------------------------------------------------------------*/

.bouton_nav {
	border: 1px solid #000000;	
	background-color: #321D4F;
	text-decoration: none;
	text-align: center;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}

.bouton_nav:hover {
	background-color: #6c617b;
	border : 1px solid #321D4F;	
}

/* -----------------------------------------------------------------------------------------------
	RETRANSCRIPTION CODE ACTIONSCRIPT
-----------------------------------------------------------------------------------------------*/

.code {
	text-indent : 0px !important;
	text-align:left;
	font-family : "Courier", arial;
	font-size: 10px;
	border : 1px dashed #b8b8b8;
	padding : 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.code .blue {
	color : #0000FF;
}

.lienarticle {
	color : #54427e;
	text-decoration: none;
	font-weight: bold;
}

.lienarticle:hover {
	color : #5111e3;
}