/* ########################### MISE EN PAGE #############################""*/
body
{
background-color:black;
}
.header
{
	text-align : center;
	width: 900px; 
	margin-left: auto;
	margin-right: auto;
}
.section
{
	Height : 588px;
	background: black url('../images/home/home_fond.jpg')  no-repeat center left;
}
.Hbody
{
}
#bloc_page
{
    margin: auto;
}
.Menu
{
	position: absolute;
	float: left;	
	z-index: 1;
	margin-top:auto;
	margin-left:60px;	
}
.EncartMenu
{
	width:215px;
	height:285px;
	position:absolute;
	margin-top:200px;
	margin-left:115px;
	z-index: 2;
	font-weight: bold;
	text-align : center;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	overflow: hidden;

}
.MenuSup
{
	position: absolute;
	z-index: 3;
	margin-top:160px;
	margin-left:420px;

}
.EncartMenuSup
{
	width:452px;
	height:295px;
	position:absolute;
	margin-top:195px;
	margin-left:470px;
	z-index: 4;
	font-weight: bold;
	text-align : justify;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	overflow: hidden;

}

.EncartMenuNews
{
	width:280px;
	height:100px;
	position:absolute;
	margin-top:200px;
	margin-left:460px;
	z-index: 4;
	font-weight: bold;
	text-align : justify;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	overflow: auto;

}
.footer
{
	/*padding-top:120px;*/
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center ;
	vertical-align : bottom;
	font-size: 7pt;
	font-family: verdana;
	color:#465920
 }
 
/*########################## LAYER ##################################"*/
.layercontainer
{
	position: absolute;
}
.mappositioner
{
	position: absolute;
	overflow-y : scroll;
	width:750px;
	height:550px;	

}
.mapcontainer
{
	margin-top: 50px;
	width:750px;
	height:620px;	
}

.layer1
{
	position: absolute;
	z-index:11;
	top:-23px;
	height:45px;
	width:45px;
	

}

.layer2
 {
	position: absolute;
	z-index:12;
	top:-23px;
	height:45px;
	width:45px;
}

.layer3
 {
	position: absolute;
	z-index:13;
	top:-23px;
	height:45px;
	width:45px;
}

.layerV3-1
{
	z-index:21;
	/*top:-23px;
	height:45px;
	width:45px;*/
}

.layerV3-2
 {
	z-index:23;
	/*top:-23px;
	height:45px;
	width:45px;*/
}
.layerV3-3
 {
	z-index:24;
	/*top:-23px;
	height:45px;
	width:45px;*/
}

.layerav1
 {
	position: absolute;
	z-index:31;
	/*height:126px;
	width:120px;
	top:-63px*/
}

.layerav2
 {
	position: absolute;
	z-index:32;

}

.layerav3
 {
	position: absolute;
	z-index:33;

}
.layerav4
 {
	position: absolute;
	z-index:34;

}
.layerav5
 {
	position: absolute;
	z-index:35;

}
.layerav6
 {
	position: absolute;
	z-index:36;

}
 /*############################# TITLE ###################################*/
h2
{
	background-color:#D5B482;
	color:#802F00;
	text-align: center ;
	font:normal 16px Trebuchet MS,Arial,Helvetica,Times New Roman;
	margin-top:0;
}


/* ########################### NORMAL LINK #############################""*/
a:link
{
	color:#802F00;
	text-decoration:none;
	font-weight: bold;
}

a:visited
{
	color:#802F00;
	text-decoration:none;
	font-weight: bold;
}
a:active
{
	color:#CFA600;
	text-decoration:none;
	font-weight: bold;
}
a:hover
{
	color:#A54200;
	text-decoration:none;
	font-weight: bold;
}
/*SMALL LINK*/
a.small:link
{
	color:#802F00;
	text-decoration:none;
	font-size: 0.9em;
}

a.small:visited
{
	color:#802F00;
	text-decoration:none;
	font-size: 0.9em;
}
a.small:active
{
	color:#CFA600;
	text-decoration:none;
	font-size: 0.9em;
}
a.small:hover
{
	color:#A54200;
	text-decoration:none;
	font-size: 0.9em;
}

.ChoixCite
{
	color:#524509;
	text-decoration:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	padding:5px 15px;
    display: flex;

}

.grayimg
{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	z-index:20;

}

.ChoixCite:hover,.ChoixCite:focus
{
	/*text-shadow:0 1px 2px black;*/
	background:#D5D1BD;
	/*box-shadow*/
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);
	   -moz-box-shadow:0 1px 0 rgba(255,255,255,.4);
			box-shadow:0 1px 0 rgba(255,255,255,.4);
	color:#FFFFFF;
	outline-color: #000000;
	z-index:21;
	
}
.ChoixCite span
{
	position:fixed;
	margin-top:0px;
	margin-left:-300px;
	width:300px;
	background:rgba(255,255,255,1);
	opacity:0;
	color:#402520;
	/*transform*/
	-webkit-transform:scale(0) rotateZ(-12deg);
	   -moz-transform:scale(0) rotate(-12deg);
		-ms-transform:scale(0) rotateZ(-12deg);
		 -o-transform:scale(0) rotate(-12deg);
			transform:scale(0) rotateZ(-12deg);
	/*transition*/
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
		-ms-transition:all .25s;
		 -o-transition:all .25s;
			transition:all .25s;

			
	/*border-radius*/
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	/*box-shadow*/
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.5);
	   -moz-box-shadow:0 0 2px rgba(0,0,0,.5);
			box-shadow:0 0 2px rgba(0,0,0,.5);
	z-index:21;
			
}
.ChoixCite:hover span,.ChoixCite :focus span
{
	opacity:1;
	/*transform*/
	-webkit-transform:scale(1) rotateZ(0);
	   -moz-transform:scale(1) rotate(0);
		-ms-transform:scale(1) rotateZ(0);
		 -o-transform:scale(1) rotate(0);
			transform:scale(1) rotateZ(0);
			
}


/* ########################### FORMULAIRES  #############################""*/

input[type=text],input[type=password],textarea,select {
   	padding:1px;
   	margin:1px;
   	border:1px solid #A3824D;
    background-color: #F4E1C0;
    padding-left: 3px;
    font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
   	font-size: 10pt;
	color: #915a09;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border:1px solid #A3824D;
	background-color: #FAF0E2;
	padding-left: 3px;
	color: #915a09;
}

input[type=submit],input[type=reset],input[type=button],button {
	background-color:#F7E3C0;
	border-color:#C5A97C rgb(154, 130, 92) rgb(154, 130, 92) rgb(197, 169, 124);
	border-style:solid;
	border-width:1px;
	color:#634425;
	cursor:pointer;
	font-weight:bold;
	font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
    font-size: 10pt;
	height: 2.142em;
  
}

/* ########################### MESSAGES  #############################""*/

.messageInfo{ 
    background: url(../images/kcode_info.png) no-repeat; 
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	display:block;

	border: 1px dashed #3366CC;
    background-color: #E5ECF9; 
    color: #3366CC;
	
}

.messageValid{
    /*background: url(../images/kcode_valid.png) no-repeat; */
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	display:block;

	border: 1px dashed #006600;
    background-color: #B0E57C;	
    color: #006600;

}

.messageWarning { 
    background-position: 10px center;
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	display:block;

    background: url(../images/kcode_attention.png) no-repeat; 

    color: #FFA500;
	border: 1px dashed #FFA500;
    background-color: #FFFF80; 
}

.messageErreur
 { 
    background-position: 10px center;
	margin-top : 10px;
	margin-left : 130px;
    padding-left : 10px;
    padding-right : 10px;
    margin-bottom: 5px;
	text-align : center;
	width: 500px;
    font: normal 10pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	display:block;

    background: url(../images/kcode_erreur.png) no-repeat; 
    background-color: #FEBDBA;
    color: #D40000;
	border: 1px dashed #D40000;
}

.messageErreurMini td 
{ 
    /*background: url(../images/kcode_erreurmini.png) no-repeat; */
    background-position: 10px center;
    background-color: #FEBDBA;
    padding-left : 35px;
    padding-right : 5px;
    margin-bottom: 5px;
    color: #D40000;
    height: 20px;
    font: normal 8pt "Trebuchet MS",Tahoma,Arial,Helvetica;
	border: 1px dashed #D40000;
}
				

/*########################## autre ##################################"*/


.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.ptt
{
    font-size:0.9em;

}