/*ERIC MEYER RESET CSS*********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
	border-bottom-color: #0099CC;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/***************************************************************/

html {
position: relative;
overflow-y: scroll;
}

p {
padding-top: 10px;
}

#titre{
display: block;
width: 800px;
height: 70px;
}

body {
position: relative;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
width: 99%;
height: 100%; 
	font-size: 15px;
background-color:#1c1a15;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin: 0px;
}

#wrapper{
margin: 0 auto;
width: 960px;
height: 100%;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
}

#upper{
margin: 0px auto;
background-image:url(../images/up.jpg);
width: 960px;
height: 35px;
background-repeat: repeat-x;
}


#incendie{
margin-left: 5px;
}


#content {
padding: 0px;
position: relative;
margin: 0px auto;
width: 960px;
}

#content2{
padding: 0px;
position: relative;
margin: -10px auto;
width: 960px;
}

	#left{
	float: left;
	background-image:url(../images/sidebarleft.jpg);
	background-repeat:no-repeat;
	width: 36px;
	height: 670px;
	}
	#center{
	background-image:url(../images/fondcentre.jpg);
	background-repeat:repeat-x;
	float: left;
	width: 888px;
	min-height: 560px;
	}
	#right{
	float:left;
	float: left;
	background-image:url(../images/sidebar_right.jpg);
	background-repeat:no-repeat;
	width: 36px;
	height: 670px;
	}
	
	h1{
	margin: 0px auto;
	background-image:url(../images/titre.jpg);
	width: 800px;
	height:68px;
	background-repeat:no-repeat;
	line-height:0px;
	text-indent: -5000px;
	}
	
	h3{
	margin-top: 15px;
	text-align:center;
	font-size: 18px;
	}

	a{
	color:#FFFFFF;
	text-decoration: none;
	}
	a:hover{
	color:#CCCCCC;
	}
	a img{
	border: none;
	}
	
	#insidecontent h2{
	margin: 0px;
	padding-top: 30px;
	font-size:20px;
	text-align:center;
	}
	
			.floatin{
		float: left;
		min-height: 50px;
		width: 410px;
		margin: 10px 0px 11px 23px;
		text-align:justify;
		}
		
		
.floatin img{
border: 2px solid #404548;
	}
	
/*****************STYLE SPECIFIQUE PAGE DE TEXTE COMPLET******************************/	
	#floatin2{
		float: left;
		min-height: 50px;
		width: 780px;
		margin: 10px 0px 11px 50px;
		text-align:justify;
		}
		
			#floatin2 h2{
	padding-top: 10px;
	font-size:20px;
	text-align:center;
	}
		
/*******************************NAV PRINCIPALE****************f************************/
.floatin ul{
margin-top: 30px;
}

.floatin ul li a{
padding-left: 60px;
font-size:20px;
line-height: 55px;
text-decoration:none;
}	
	
/***************************NAV PRINCIPALE ET AUXILIAIRE*************************************/	
	#auxnav{
	width: 520px;
	margin: 0px 0px 13px 10px;
	float:left;
	}
	#auxnav li{
	display: inline;
	}
	
	
			#auxnav2{
	width: 310px;
	margin: 0px 0px 15px 0px;
	float:right;
	}
	#auxnav2 li{
	display: inline;

	}
	#auxnav2 li a{
		font-size: 12px;
	}
	
	
	#insidecontent{
	width: 886px;
	float: left;
	}
	
.clearer{
clear:both;
}

#explication {
padding-top: 5px;
display: block;
width: 700px;
margin: 10px auto;
text-align:justify;
}

#lienindex {
padding-top: 100px;
position: absolute;
width: 886px;
margin: 10px auto;
text-align:center;
z-index: 1000;
}



#citation {
color:#CCCCCC;
padding-top: 10px;
display: block;
width: 580px;
margin: 10px auto;
text-align:justify;
}

#citation2 {
color:#CCCCCC;
padding-top: 10px;
display: block;
width: 400px;
margin: 10px auto;
text-align:justify;
}


#footer{
background-image:url(../images/footer_03.jpg);
color:#CCCCCC;
width:959px;
margin: 0px auto;
text-align:center;
height: 103px;
}
#footer p{
padding-top: 110px;
font-size:11px;
}

#footer a{
color:#CCCCCC;
font-size:11px;
}
#footer a:hover{
color:#666666;
}

#footer3{
background-image:url(../images/footer_03.jpg);
color:#CCCCCC;
width:959px;
margin: 50px auto 0px;
text-align:center;
height: 103px;
}
#footer3 p{
padding-top: 110px;
font-size:11px;
}

#footer3 a{
color:#CCCCCC;
font-size:11px;
}
#footer3 a:hover{
color:#666666;
}





#footer2{
background-image:url(../images/footer_03.jpg);
background-repeat:no-repeat;
background-position:center bottom;
color:#CCCCCC;
width:959px;
height: 236px;
margin: 0px auto;
text-align:center;
}
#footer2 p, #footer2 p a{
margin-top: 100px;
font-size:11px;
}

#footer2 a{
color:#CCCCCC;
}
#footer2 a:hover{
color:#666666;
}




/****************************PAGE DE GENERIQUE************************************************/

#ours{
margin: 20px auto;
	border: 2px solid #404548;
	background-color: #1c1a15;
display: block;
width: 560px;
padding:20px 20px 20px 20px;
background-image:url(../images/fondinfo.jpg);
background-repeat: repeat-x;
background-color:#534b41;
}


/*Positionnements en absolute****************************************************************/

#chateau{
position: absolute;
width: 180px;
height: 458px;
top: 106px;
left: 730px;
}

#canons{
position: absolute;
width: 180px;
height: 458px;
top: 106px;
left: 530px;
}

#ecu1{
position: absolute;
width: 120px;
height: 117px;
top: 7px;
left: 426px;
z-index:100;
}

#ecu2{
position: absolute;
width: 80px;
height: 238px;
top: 147px;
left: 57px;
}

#noborder{
border:none;
}

#position_artillerie{
position: absolute;
width: 872px;
height: 131px;
top: 620px;
left: 37px;
}

#citations{
color:#CCCCCC;
padding: 30px 50px;
}

#dedicace{
width: 554px;
margin: 0px auto;
height: 200px;
margin-top: -40px;
}
#camp{
display: block;
margin-top: -30px;
margin-right: 37px;
float: right;
width:537px;
height: 162px;
}

#chateau2{
position: absolute;
margin-top: -81px;
margin-right: 35px;
left: 565px;
width:358px;
height: 151px;
z-index: 5000;
}

#alternatif{
position: absolute;
display: block;
color:#FFFFFF;
}


a.info {
position: relative;
text-decoration: none;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
background-image:url(../images/fondinfo.jpg);
background-repeat: repeat-x;
background-color:#534b41;
text-align: justify;
display: inline;
position: absolute;
top: 2em;
left: 1em;

text-align: center;
color: white;
padding: 10px;
width: 400px;
margin-left: -170px;

-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
}