/* CSS Document */

/*MISE A ZERO*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
/*DOCUMENT*/
html, body
{
	font: 75% "Arial", sans-serif;
	height:100%;
	margin: 0;
	padding: 0 ;
	text-align: center ;
	color:#f9f2bb;
	background-color:#330000;
	z-index: 1;
	
}
/*BLOC CENTRE*/
div#conteneur
{
	width: 770px ;
	min-height: 100%;
	margin: 0 auto ;
	padding:0;
	text-align: left ;	
	background: url(img/fond.gif) no-repeat 0px 0px ;
	background-color:#4c0405;
	position: relative;	
	
}

div#conteneur2
{
	width: 770px ;
	min-height: 100%;
	margin: 0 auto ;
	padding:0;
	text-align: left ;	
	background: url(img/fond2.gif) no-repeat 0px 0px ;
	background-color:#4c0405;
	position: relative;
}
div#centre
{
padding-bottom:50px;
position: relative;
overflow:auto;
z-index:2;
}

div#footer {
clear:both;
	position: absolute;
	width: 100%;
	bottom: 0;
	
	}
	div#footer h1{
	height:50px;
	text-align:center;
	font-size:16px;
	padding-left:200px;
	padding-right:25px;
	padding-bottom:50px;
	}
	div#footer a{
	

	text-align:center;

	text-decoration: none ;
	color: #f9f2bb;

	
	}
	div#footer h2{
	text-align:center;
	font-size:11px;
	padding:5px 0px;
	background-color:#4c0405;
	border-top:1px solid #ce571f;
	}

/*TETE DE PAGE*/
div#header
{
position:relative;
height:280px;
background: url(img/logo.jpg) no-repeat 10px 10px;
z-index:100;
}

	div#header h1
	{
	position:absolute;
	
	

	text-align:left;
	font-family: Arial;
	font-size:16px;
	font-weight:bold;
	top:10px;
	left:80px;
	}
	div#header h2
	{
	position:absolute;
	top:70px;
	left:180px;
	
	font-style:normal; 
	font-weight:bold;
	font-size:12px;
	text-align:left;
	
	
	}
	div#header h3
	{
	position:absolute;
	top:10px;
	left:280px;
	font-style:normal; 
	font-size:16px; 
	font-weight:400;
	text-align:center;
	}
	.photos
	{
	position:absolute;
	top:90px;
	height:150px;
	width:770px;
	border-top:1px solid #ce571f;
	
	
		}
/*MENU*/
div#menu {
color:#FFFFFF;
z-index:100;
width: 100%; /* correction pour Opera */
position: absolute; /* placement du menu, à modifier selon vos besoins */
top:240px;
height:35px;
left:171px;
margin:0 auto;
font-size:12px;
text-align:center;
}
#menu dl {
float: left;
width: 136px;
/*background-color:#FFFF00;*/
}

#menu dt,#menu dt a {
line-height: 31px ;
font-size: 13px ;
font-weight: 600 ;
width: 134px;
letter-spacing: 1.5px ;
display: block ;
text-decoration: none ;
color: #f9f2bb;

}
#menu dt{border-left:1px solid #ce571f;}
#menu dd {
display: none;
}
#menu ul {}
#menu li {

text-align:left;
padding-left:2%;

padding-bottom:2%;
list-style-type:none;
}


#menu li a{
line-height: 20px ;
font-size: 12px ;
font-weight: 600 ;
display: block ;
text-decoration: none;
color: #f9f2bb;

}

#menu dl:hover{
color: #4c0405;
background-color: #ce571f;
}

#menu dl:hover>dd{
color: #4c0405;
background-color: #4c0405;
width:135px;
margin-left:1px;

}
/*#menu dl:hover,#menu dl:focus{
color: #4c0405;
background-color: #ce571f;
}*/
#menu ul li a:hover,#menu ul li a:focus{
background-color: #ce571f;
}
/*CORPS DE LA PAGE*/
div#sousmenu
{
float:left;
width:150px;
margin-left:10px;
margin-right:10px;	
}
div#sousmenu ul
{

list-style-type:none;
margin-left:0px;
}

div#sousmenu li a
{
display:block;
margin-bottom:10px;
padding-right:10px;
text-align:left;
font-size: 12px ;
text-decoration: none ;
color: #f9f2bb;
}
div#sousmenu a:hover
{
color: #ce571f;
}
div#sousmenu a.select
{

font-size: 14px ;
text-decoration: none ;
color: #ce571f;
}


div#contenu
{
padding-top:20px;
padding-bottom:20px;
padding-left:30px;
padding-right:30px;
font-size: 12px ;
margin-left:185px;

    position: relative;
    width: 470px;
    overflow:auto;
    z-index: 1;
    background-color: #330000;
	border:1px solid #ce571f;
}
.imgCont{
padding:15px;}
div.scrollholder
{
font-size: 12px ;
float:right;
margin-right:55px;
    position: relative;
    width: 530px; height: 400px;
    overflow:auto;
    z-index: 1;
    background-color: #330000;
	border:1px solid #ce571f;
	
}



div#contenu h1
{
font-size: 13px ;
font-weight:bold;
z-index:4;
}
div#contenu hr
{
color:#4c0405;
width:150px;
height:1px;
z-index:4;
}
div#centre h3
{
width:500px;
margin-right:65px;
margin-top:65px;
padding:10px;
float:right;
text-align:center;
color:#f3d3b4;
font-size: 18px ;
line-height:40px;
font-weight:bold;
background-color:#4c0405;
z-index:4;
}
div#centre h4
{
width:500px;
margin-right:65px;
margin-top:10px;
padding:10px;
float:right;
text-align:center;
color:#f3d3b4;
font-size: 18px ;
line-height:40px;
font-weight:bold;
background-color:#4c0405;
z-index:4;
}
div#centre h5.cheminDeFer
{
float:right;
width:530px;
margin-right:55px;
color:#f3d3b4;
font-size: 11px ;
line-height:20px;
font-weight:bold;
background-color:#4c0405;
z-index:4;
}
div#centre h5.cheminDeFer a{
color:#f3d3b4;
text-decoration:none;

}
div#contenu span{
font-weight:600;}

div#contenu a{
text-decoration:underline;
color: #f9f2bb;
font-weight:600;}
div#contenu a:hover{
background-color: #ce571f;
}
div#contenu ul
{
margin-left:10px;
margin-bottom:10px;
margin-top:10px;
list-style-type:square;
z-index:4;
}
div#contenu ul li
{
margin-bottom:5px;
z-index:4;
}
div#contenu ol
{

padding-left:20px;

list-style-type:upper-alpha;
z-index:4;
}
div#contenu ol li
{
margin-bottom:5px;

font-size: 12px ;
font-weight:bold;
z-index:4;
}
div#contenu legend
{
line-height:14px;
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
z-index:4;
}

div#contenu label
{
float:left;
display:block;
text-align:left;
width:100px;
z-index:1;
}
p.left{text-align:left;z-index:4;}
p.center{text-align:left;
font-weight:800;
margin-left:100px;
z-index:1;

}
input.center{margin-left:150px;}
.bouton {
margin-left:175px;
cursor:pointer;
text-align:center;
		width: 100px;
		line-height: 16px ;
		height:28px;
		font-size: 14px ;
		font-weight: 600 ;
		background-color:#ce571f;
		border:1px solid #4c0405;
		
		text-decoration: none ;
		color: #f9f2bb;
		}