/* -----------------------------------------------------------------------------------------------
	GENERAL
-----------------------------------------------------------------------------------------------*/
body {
	background-color : #bec5dd;
	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;
}

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 {
	height:296px;
	width: 1002px;
	margin:0px;
	padding: 0px;
	background-color : #FFFFFF;
}

#container  #header img {
	margin:0px;
	padding : 0px;
}

#container  #pagecontent {
	width: 1000px;
	/*height: 1120px;*/
	background-color: #FFFFFF;
	border-top: 0px;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	margin: 0px;
	padding : 0px;
	position: relative;
}



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

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

#container  #pagecontent #chemin_de_fer {
	margin: 5px 0px 0px 10px;
	font-family : arial;
	font-size: 11px;	
	
}
#container  #pagecontent #chemin_de_fer img {
	float: left;
	margin-right: 10px;
}

#container  #pagecontent #chemin_de_fer a {
	font-family : arial;
	font-size: 11px;
	text-decoration: none;
	line-height: 20px;
	color: #321d4f;
}

#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;
}

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

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

#container  #pagecontent #cadre_lastarticles,
#container  #pagecontent #left_col {
	float: left;
	display: inline;
}

#container  #pagecontent #left_col li {
	margin-left: 0px;
}

#cadre_lastarticles .titre,
#container  #pagecontent .cadre_rubrique .titre {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	background-color: #6c617b;
	color: #FFFFFF;
	text-align: center;
	margin:5px 0 5px 0px;
} 

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


#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;
}

#container  #pagecontent #cadre_lastarticles .unArticle {
	height: 100px;
}

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

#container  #pagecontent #cadre_lastarticles .unArticle img,
#container  #pagecontent .cadre_rubrique .unArticle img {
	float: left;
	display:inline;
	border: 1px solid #161616;
	margin-right : 10px;
	margin : 5px;
}

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

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

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

#container  #pagecontent #cadre_lastarticles .unArticle .accroche {
	padding: 3px 10px 5px 5px;
	text-decoration: none;
}

#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:hover,
#container  #pagecontent #cadre_lastarticles .unArticle:hover, 
#container  #pagecontent .cadre_rubrique a:hover,
#container  #pagecontent .cadre_rubrique .unArticle:hover {
	background-color : #d9cde9;
	text-decoration: none;
}	

#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;
}

#container  #footer {
	margin : 5px 0 10px 0;
}

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

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


#menu {
	background-color : #321d4f;
	background-image: url("/images/fond_nav.gif");
	background-repeat: repeat-x;
	position: relative;
	color : #FFFFFF;
	width : 100%;
	height: 29px;
	margin: 0px !important;
}

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

#menu .link_navigation_last {
	width: 100px;
}

#menu .link_navigation img {
	border: none;
}

#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;
	margin-top : 30px;
	margin-left : 30px;
	width : 850px;
	padding: 0px;
}

.categoriesArticles img {
	float: left;
	border: 1px solid #161616;
	margin-right : 10px;
	margin-bottom : 5px;
}

.categoriesArticles .title {
	font-weight : bold;
	font-size: 14px;
	padding: 0px;
	margin : 0px;
	text-decoration: none;
}

.categoriesArticles .unArticle {
	margin-bottom: 10px;
	height : 80px;
	text-decoration: none;
	cursor : hand;
	padding: 5px;
}

.categoriesArticles a:hover,
.categoriesArticles .unArticle:hover {
	background-color : #dce3ea;
}	

/* -----------------------------------------------------------------------------------------------
	RUBRIQUES
-----------------------------------------------------------------------------------------------*/
#container #rubriquecontent {
	margin: 10px 10px 15px 30px;
	width: 800px;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
}

/* -----------------------------------------------------------------------------------------------
	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 {
	margin: 10px 10px 15px 30px;
	width: 600px;
	position: relative;
	float: left;
	display: inline;
	text-align: center;
}

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

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

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

#container  #articlecontent h1 {
	margin-bottom : 25px;
}

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

#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
-----------------------------------------------------------------------------------------------*/

/* FORMULAIRE */
.form_commentaire {
	position: relative;
	background-color: #c9c5ce;
	border: 1px dashed #321d4f;
	border-bottom: 1px solid #321d4f;	
	color : #FFFFFF;
}

.form_commentaire  textarea {
	width: 95%;
	height: 100px;
}

.form_commentaire #commentaire_submit {
	width: 100%;
	background-color : #321d4f;
	border: none;
	border-top: 1px solid #221c2a;
	color : #FFFFFF;
	font-weight: bold;
	font-family : arial, tahoma, helvetica;
}

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

.unCommentaire {
	border-bottom: 1px dashed #321d4f;
	margin-bottom: 10px;
	background-color: #ddd7e4;	
}

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

/* LISTE DES COMMENTAIRES */


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

/* BLOC RUBRIQUE */
#cadre_rubrique {
	
}

/* FOOTER ARTICLE */

#footer_article {
	background-color:#321D4F;
	border-top:1px solid #000000;
	position: relative;
	height: 25px;
	text-align:center;	
}

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

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

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

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

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

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

#footer_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;	
}

#left_col ul {
	list-style-type: none;
}

#left_col ul li {
	line-height: 35px;
}

/* -----------------------------------------------------------------------------------------------
	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;
}