html{
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a5027', endColorstr='#747474'); /* Pour IE */
}

body{
	position:absolute; top:0; bottom:0; right:0; left:0;
	background-color: #7a5027; 
	background: -webkit-linear-gradient(#7a5027, #747474); 	/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7a5027, #747474); 		/* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7a5027, #747474); 	/* For Firefox 3.6 to 15 */
    background: linear-gradient(#7a5027, #747474); 			/* Standard syntax (must be last) */
}

#map-canvas {
	height: 100%; 
	width: 1020px;
	margin-left: auto; 
	margin-right: auto;
}

header{
	width:100%;
	height: 130px;
}

#bandeau{
	width: 1024px;
	height: 128px;
	line-height: 128px;
	/*border: 1px solid black;*/
	margin-left: auto;
	margin-right: auto;
}

.imgIcone{
	float: left;
}

.titreAppli{
	margin-left: 20px;
	vertical-align: top;
	display: inline-block;
	line-height: normal;
}

section{
	width:100%;	
}

nav{
	width:100%;	
}

#barreNavigation{
	position: absolute; top:130px;  right:0; left:0;
	line-height: 28px;
	width: 1024px;
	overflow: auto;
	border: 2px solid #3d2814;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff9cb;
	background-color: #b2ad8d;
	background-image:url("../img/texture_claire_small.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.navNonLien{
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 18px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
}

.lienNav{
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 18px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
}

.navNonLienActif{
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 25px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
}

.lienNavPageActive{
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 25px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
}

.lienNav:hover{
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 17px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 25px;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	border-bottom: 2px dashed #a42e00;
	margin-bottom: -2px;
}

#corps{
	position:absolute; top:190px; bottom:0; right:0; left:0;
	width:1024px;
	/*border: 1px solid black;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}

#infosMap{
	position: absolute;
	width: 800px;
	top : 30px;	
	left: 112px;
	padding: 5px;
	background-color: #fff9cb;
	color: #3d2814;
	text-align: center;
	border : 2px solid #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	display: none;
	box-shadow: 5px 5px 5px #888888;
}

#fermerInfosMap{
	position: absolute;
	top : 19px;
	left: 907px;
	display: none;
}

#contenuCorps {
	height: 90%; 
	width: 1000px;
	margin-left: auto; 
	margin-right: auto;
	border: 2px solid #3d2814;
	text-align: left;
	padding: 10px;
	background-color: #b2ad8d;
	background-image:url("../img/textureFoncee.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
	overflow:auto;
	/* POUR IE */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
			src='../img/textureFoncee.jpg',
			sizingMethod='scale');
}

@font-face {
    font-family: DJB;
    src: url(../font/DJB.ttf);
}

h1{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fdeda3;
	font-family: DJB, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 33px;
}

h2{
	color: #a42e00;
	font-family: DJB, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 17px;
	font-weight: bold;
	margin-left: 10px;
}

h3{
	color: #792200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	margin-left: 15px;
	text-decoration: underline;
}

h4{
	color: #792200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	margin-left: 15px;
	font-style: italic;
}

p {
	margin-left: 15px;
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
}

p a {
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: italic;
	text-decoration: none;
}

p a:hover{
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: italic;
	text-decoration: underline;
}

.elementCliquable{
	cursor: pointer; 
}

#divListeBadge{
	position: absolute;
	float:left;
	width: 400px;
	height:90%;
	overflow: auto;
}

p .elementCliquable {
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: italic;
	text-decoration: none;
}

ol li{
	margin-left: 15px;
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
}

ul li{
	margin-left: 15px;
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
}

ul li a {
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: italic;
	text-decoration: none;
}

ul li a:hover{
	color: #a42e00;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-style: italic;
	text-decoration: underline;
}

.texteHeader{
	color: #b2ad8d;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;	
}

form h4{
	color: #792200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	font-style: italic;
}

form{
	color: #3d2814;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
}

form legend{
	color: #792200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	margin-left: 15px;
	font-style: italic;
}

fieldset fieldset legend{
	color: #792200;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-left: 15px;
	font-style: normal;
}