/******************************* PAGE *****************************************************/
body
{
	background-image:url(../images/tplv41/ciel1.jpg),url(../images/tplv41/bck.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	margin: auto;
	background-color:#fff;
	font-family: verdana,sans-serif;
	font-size: 13px;
	
}

/*pub*/
.publicite_bas
{
	width:730px;
	height:90px;
	padding-left:200px;
	display:inline-block;
	/*margin-top:5px;*/
	margin-right:0px; 
	margin-top: 5px;
    background-repeat: no-repeat;
    /*height: 100px;*/
	background-image: none;
	/*background-color: #222A35;*/
	background-position: center;
	background-position: repeat-no;
}
.publicite_bas .financement .adsbygoogle ins
{
	background:#364A57 !important
}
.publicite_bas .financement p
{
	padding:20px 10px;
	font-size:1.2em;
	font-family:sans-serif;
	z-index:0;
	top:0px;
	text-align:center;
	width:100%;
}
.publicite_bas .financement p:before
{
	 content:'Kiponie est d\00E9velop\00E9  par des particuliers b\00E9n\00E9voles pendant leur loisir.  Si vous appreciez Kiponie, d\00E9sactivez Adblock sur notre Site afin que nous puissions payer le serveur. Le site est totalement gratuit et la pub se veut peu envahissante. Merci. ';
	 /*content:'K';*/

}
/******************************* Site *****************************************************/


.siteconteneur
{
	height: auto;
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}
/******************************* HEADER *****************************************************/
.headerV4
{
	background-image: url(../images/tplv41/islandonly2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:relative;
	float:left;
	  height: 251px;
	  width: 1024px;
}
.logo
 {
	float: left;
	height: 127px;
	width: 196px;
	padding-top: 60px;
	padding-left: 36px;

}

/******************************* Page *****************************************************/

.wrapper
{
   position: relative;
   float: left;
  /* background-color: #FFFFFF;*/
	height: auto;
	width: 1024px;
	background-image: url(../images/tplv41/bck-content2.png),url(../images/tplv41/bck-content-rep.png);
	background-repeat: no-repeat,repeat-y;
	margin-left:4px;   
  
}
.left1
{
   position: relative;
   float: left;
	margin-left: 7px;
	text-align: justify;
	background-image: url("../images/tplv41/encart-papier-up.png");
	background-repeat: no-repeat;
	width:172px;
	padding-top:22px;
	padding-left: 5px ;
	
}
.left1:after
{
    content:"";
    position:absolute;
    top:221px;
    left:0;
    right:0;
    bottom:0;
	background-image: url("../images/tplv41/encart-papier-int.png");
	background-repeat: repeat-y;
}

.contenu-left1
{
    position:relative;
    z-index:200;
	font-size: 1em;
  text-align:center;
	
}
.leftGr
{
   position: relative;
   float: left;
   left: 10px;
   top:10px;
   width: 740px;
   text-align:justify;
 
}
.pagecarte
{
   position: relative;
   float: left;
   left: 10px;
   top:10px;
   width: 950px;
   text-align:justify;
   margin-bottom:40px;
 
}

.left2
{
   position: relative;
   float: left;
   left: 5px;

   width: 500px;
   padding-right:20px;
    padding-left:auto;
  
  text-align:justify;

  /* background:#f0e8d8;*/
}
.left3
{
text-align:center;
   position: relative;
   float: left;
   right: 10px;
   width: 250px;
}
.mright
{
	padding-left:3px;
	text-align:center;
	position: relative;
	width:55px;
	float: right;	
	background: url('../images/tplv41/menudv5.png')  no-repeat center 100%;
	height:777px;
	padding-top:0px;   
   
}



.bbwrap{
list-style-type:none;
margin-left:-10px;
padding:0;
}

.bbwrap li{
margin-top: 12px; /*spacing between each image*/

display:block;

}

.bbwrap li img{
width: 68px; /* width of each image.*/
height: 44px; /* height of each image.*/
border:0;
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bbwrap li img:hover{
-moz-transform:scale(1.3); /*scale up image 1.8x*/
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.pancarte/* pancarte login*/
 {
	margin-top:210px;
	margin-left: -30px;
	float: left;
	position : relative;
	background-image: url("../images/tplv41/pancarte.png");
	background-repeat: no-repeat;
	width:195px;
	height:37px; 
	padding-top:14px;
	text-align:center;
}
.pancarte-info/* pancarte login*/
{
	margin-top:210px;
	margin-left: -180px;
	float: left;
	position : relative;
	/*background-image: url("../images/tplv41/pancarte.png");
	background-repeat: no-repeat;*/
	width:195px;
	height:35px; 
	padding-top:0px;
	text-align:left;
}
.pancarte_nav/* pancarte nav*/
 {
	margin-top:210px;
	margin-right: 100px;
	float: right;
	position : relative;
	text-align: center;
	background-image: url("../images/tplv41/pan-nav-red.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width:88px;
	height:33px; 
	display: block;
	z-index:1000;

 }
.pancarte_nav .nav_link { display: block; position: absolute; }
.pancarte_nav #nav_link_0 { width: 40px; height: 33px; top: 0px; left: 0px; }
.pancarte_nav #nav_link_1 { width: 40px; height: 33px; top: 0px; left: 40px; }
/*).pancarte_nav #nav_link_2 { width: 40px; height: 33px; top: 0px; left: 80px; }*/
.nav_link span
{
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.79);*/

	position:absolute;
	padding:15px;
	float: left;
	margin-top:10px;
	margin-left:-600px;
	width:600px;
	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:1000;
		
}
.nav_link:hover span,.nav_link :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);
	z-index:1000;

}
.nav_link a
{
/*text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.85);*/
}
.pancarte-mon/* pancarte money*/
 {
	margin-top:225px;
	margin-left:0px;
	float: left;
	position : relative;
	background:#BABABA;
	opacity:0.6;
		
	/*border-radius*/
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
	/*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);
	text-align:center;
}
.pancarte-datecon/* pancarte datecon*/
 {
	margin-top:75px;
	margin-left:900px;
	float: left;
	position : absolute;
	background:#BABABA;
	opacity:0.5;
		
	/*border-radius*/
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
	/*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);
	text-align:left;
}

.encpapier
{
   position: relative;
	margin-left: 2px;
	text-align: justify;
	z-index:1;
	background-image: url("../images/tplv41/papier-up-250.png");
	background-repeat: no-repeat;
	width:250px;
	padding-top:15px;

	
}
.encpapier:after
{
    content:"";
    position:absolute;
    top:105px;
    left:0;
    right:0;
    bottom:0;
	background-image: url("../images/tplv41/papier-int-250.png");
	background-repeat: repeat-y;
    z-index:1;
}

.contenu-encpapier
{
	padding-left: 10px ;
	padding-right: 10px ;	
    position:relative;
    z-index:2;
	font-size: 1em;	
}


/******************************* MENUS niveau 2*****************************************************/

.MTopV4 /*top du conten (pageIG)*/
{

}


/******************************* FOOTER *****************************************************/
.footerV4
{
	position: relative;
	background-image: url(../images/tplv41/footer.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 205px;
	width: 980px;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	padding-top: 44px;
	margin-left:5px;
}
.footer p a:link {
	color: #544232;
	text-decoration: none;
}
.footer p a:hover {
	color: #ffff00;
	text-decoration: none;
}
.footer p a:active {
	color: #544232;
	text-decoration: none;
}
.footer p a:visited {
	color: #544232;
	text-decoration: none;
}

/*bloc simple*/
.bloc {  
	width: auto;  
	height: auto;  
	background: #f0e8d8;  
	  
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #dacdb1), color-stop(0.2, #f0e8d8));  
	background-image: -webkit-linear-gradient(center bottom, #dacdb1 5%, #f0e8d8 20%);  
	background-image: -moz-linear-gradient(center bottom, #dacdb1 5%, #f0e8d8 20%);  
	background-image: linear-gradient(center bottom, #dacdb1 5%, #f0e8d8 20%);  
  
	-webkit-box-shadow: 0 0 30px #cdbe9f inset, 0 0 2px #beae8c inset;  
	-moz-box-shadow:    0 0 30px #cdbe9f inset, 0 0 2px #beae8c inset;  
	box-shadow:         0 0 30px #cdbe9f inset, 0 0 2px #beae8c inset;  
	padding-bottom:50px;
	
}  
.bloc:after, .bloc:before {  
    content: " ";  
    position: absolute;  
    width: 50%;  
    height: 100px;  
    z-index: -10;  

}  
  

.simple {  
-moz-box-shadow: 0 0 2 #cdbe9f inset, 0 0 2px #beae8c inset, 0 0 5px #816f47;  
-webkit-box-shadow: 0 0 30px #cdbe9f inset, 0 0 2px #beae8c inset, 0 0 5px #816f47;  
box-shadow: 0 0 30px #cdbe9f inset, 0 0 2px #beae8c inset, 0 0 5px #816f47;  
    }  
.simple:after, .simple:before { display: none; }  

/* SS MENU test */
 .ssmenu ul{height:20px;padding:1px 0px;margin-left:1px;}
 .ssmenu ul li{float:left;list-style:none;height:25px;border:1px solid black;
background:#CF953F;background:-moz-linear-gradient(top,#CF953F 50%,#BF8937 80%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.5,#BF8937),color-stop(0.8,#BF8937));
-moz-border-radius:2px 2px 0px 0px/25px 25px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px/25px 25px 0px 0px;
border-radius:2px 2px 0px 0px/25px 25px 0px 0px;
-moz-box-shadow:1px 1px 2px #C7B1A3 inset,0px 0px 1px black,0px -1px 1px white;
-webkit-box-shadow:1px 1px 2px #C7B1A3,0px 0px 1px black,0px -1px 1px white;
box-shadow:1px 1px 2px #C7B1A3 inset,0px 0px 1px black,0px -1px 1px white;}
 .ssmenu ul li a {display:block;height:25px;padding:2px 5px 0px 5px;color:rgba(255,255,255,0.8);text-decoration:none;font-weight:bold;}
 .ssmenu ul li:hover{background:#99886F;background:-moz-linear-gradient(top,#99886F,#B59668);
background:-webkit-gradient(linear,left top,left bottom,from(#99886F),to(#B59668));}
 .ssmenu ul li:hover a{color:white;text-shadow:0px 0px 2px #030;}

.TaverniereContainer
{
	display:block;
	position : relative;
	padding-left:0px;
	margin-top : 0px;
	margin-left : 0px;
	z-index:10;

}
.KPV4tpl_list li
{
 list-style:none; 
 text-align: center;

}
/*img cadre*/
.image_cadre
 {
	border-width :2px;
	border-style :solid;
	border-color :#fff;
	 -webkit-box-shadow:1px 1px 5px #555;
   -moz-box-shadow:1px 1px 5px #555;
		box-shadow:1px 1px 5px #555;
}


/*spécifique MF tools*/
/* ########################### INFO BULLE #############################""*/
a.info
{
	position: relative;
	color: black;
	text-decoration: none;
	/*border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span 
{
	display: none; /* on masque l'infobulle */
	z-index: 10001; 
	
}
a.info:hover
{
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
	z-index: 10001; 
	
}
a.info:hover span 
{
   display: block; /* on affiche l'infobulle */ /*block*/
   position: absolute;
z-index: 1001; 
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   padding: 3px;
   border-left: 4px solid #E2C56F;
   
   color: #826A23;
   border: 1px solid #E2C56F;
  	z-index: 10001; 
 
}

/* ########## POPUP TAVERNIERE */
/*
.taverniere
{
	color:#524509;
	text-decoration:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	padding:5px 15px;
}*/

.avert
{
	background-image: url("/images/avert-rouge.png");
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 9; 

}
.classred
{
	background-image: url("/images/avatar/pigeon-rouge.png");
	display: block; 
	width: auto;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.classred-journal
{
	background-image: url("/images/avatar/journal-rouge.png");
	display: block; 
	width: auto;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.panneau-pret
{
	background-image: url("/images/pret.png");
	display: block; 
	width: auto;
	position: relative;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.map_taverniere {
	border-width :2px;
	border-style :solid;
	border-color :#fff;
	 -webkit-box-shadow:1px 1px 5px #555;
   -moz-box-shadow:1px 1px 5px #555;
		box-shadow:1px 1px 5px #555;
	background-image: url("/images/tavernev1_1.jpg");
	 display: block;
	 width: 750px;
	 height: 406px;
	 position: relative;
	 background-position: 0 0;
	 background-repeat: no-repeat;
	z-index: 150; 
	 
 }
.map_taverniere .map_link { display: block; position: absolute; }
.map_taverniere #map_link_0 { width: 36px; height: 37px; top: 144px; left: 478px; }
.map_taverniere #map_link_1 { width: 38px; height: 36px; top: 144px; left: 522px; }
.map_taverniere #map_link_2 { width: 70px; height: 40px; top: 134px; left: 635px; }
.map_taverniere #map_link_3 { width: 36px; height: 45px; top: 285px; left: 427px; }
.map_taverniere #map_link_5 { width: 38px; height: 58px; top: 288px; left: 474px; }
.map_taverniere #map_link_6 { width: 46px; height: 67px; top: 311px; left: 682px; }
.map_taverniere #map_link_7 { width: 145px; height: 79px; top: 1px; left: 200px; }

.map_link span
{
	position:absolute;
	padding:15px;
	float: left;
	margin-top:-50px;
	margin-left:-400px;
	width:400px;
	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: 150; 
			
}
.map_link:hover span,.map_link :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);
				z-index: 150; 

}
/*.map_link span:before
{
	content:'';
	position:absolute;
	top:-6px;
	left:10px;
	width:0;
	height:0;
	border-bottom:6px solid rgba(255,255,255,.9);
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}*/


.taverniere:hover,.taverniere: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;
}
.taverniere span
{
	position:absolute;
	padding:15px;
	margin-top:-350px;
	margin-left:15px;
	max-width:400px;
	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 .5s;
	   -moz-transition:all .5s;
		-ms-transition:all .5s;
		 -o-transition:all .5s;
			transition:all .5s;

	-webkit-transition-delay: 100ms;
		-moz-transition-delay: 100ms;
		-ms-transition-delay: 100ms;
		-o-transition-delay: 100ms;
		transition-delay: 100ms;			
			
	/*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);
			
		transition-timing-function:ease-in;		
	z-index: 19; 
			
}
.taverniere:hover span,.taverniere :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);
}
/*
.taverniere span:before
{
	content:'';
	position:absolute;
	top:-6px;
	left:10px;
	width:0;
	height:0;
	border-bottom:6px solid rgba(0,0,0,.9);
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}*/
/* ########## POPUP CONSEILLER */


.conseiller
{
	color:#524509;
	text-decoration:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	padding:5px 15px;
	z-index:102;
	
}
.conseiller:hover,.conseiller: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:102;

}
.conseiller span
{
	position:absolute;
	padding:15px;
	margin-top:0px;
	margin-left:15px;
	width:400px;
	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:102;
	
			
}
.conseiller:hover span,.conseiller :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);
	z-index:102;
			
}
.conseiller span:before
{
	content:'';
	position:absolute;
	top:-6px;
	left:10px;
	width:0;
	height:0;
	border-bottom:6px solid rgba(255,255,255,.9);
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	z-index:102;
	
}
/*############Popup choix #####################*/


.choixdiff
{
	color:#524509;
	text-decoration:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	padding:5px 15px;
	z-index:102;
	
}
.choixdiff:hover,.choixdiff: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:102;

}
.choixdiff span
{
	display: block;
	position:absolute;
	padding:15px;
	margin-top:0px;
	margin-left:20px;
	width:400px;
	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:102;
	
			
}
.choixdiff:hover span,.choixdiff :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);
	z-index:102;
			
}

/*############Container Edile #####################*/
.CadreEdile
{
	background:#FFF;
	height: auto;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-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:101;

}
/*.Edile 
{
	height: 600px;
	background-image: url("/images/bouton/btplus.png");
	background-position: 270px 170px;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-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);

}
.Edile:hover,.Edile:focus
{
	height: auto;
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
		-ms-transition:all .25s;
		 -o-transition:all .25s;
			transition:all .25s;
	transition-duration: 1s;
	transition-timing-function: ease;
	transition-delay: 0s;
	display: block;
}*/

.conseillerDroite
{
	color:#524509;
	text-decoration:none;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	padding:5px 15px;
	z-index:102;
	
}
.conseillerDroite:hover,.conseillerDroite: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:102;
	
}
.conseillerDroite span
{
	position:absolute;
	padding:15px;
	margin-top:0px;
	margin-left:-350px;
	width:400px;
	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:102;
	
			
}
.conseillerDroite:hover span,.conseillerDroite :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);
	z-index:102;
			
}
.conseillerDroite span:before
{
	content:'';
	position:absolute;
	top:-6px;
	left:300px;
	width:0;
	height:0;
	border-bottom:6px solid rgba(255,255,255,.9);
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	z-index:102;
	
}



/*##########################Back paper ######## -V4 approved*/
.paper-400px-left-container
{
	position : relative;
	text-align: left;
	z-index:1;
	width:400px;

	background-image: url("../template/v4/up-paper-400px.png");
	background-repeat: no-repeat;
	
}
.paper-400px-left-container:after
{
    content:"";
    position:absolute;
    top:289px;
    left:0;
    right:0;
    bottom:0;
	background-image: url("../template/v4/back-paper-400px.png");
	background-repeat: repeat-y;
    z-index:1;

}
.contenu
{
    position:relative;
    z-index:2;
	font-size: 1em;
}
.line1
{
	background-color: rgba(239, 323, 202, 0.3);
	min-height:37px;
}
.line1:hover
{
	background-color: rgba(239, 323, 202, 0.6);
	min-height:37px;
}
.line2
{
	background-color: rgba(230, 224, 195, 0.3);
	min-height:37px;

}
.line2:hover
{
	background-color: rgba(230, 224, 195, 0.6);
	min-height:37px;

}

/*##########################Container BODY ######## -V4 approved*/
 .ColG400px
{
	margin-top: 10px;
	margin-left: 10px;	
	position:relative;
	float:left;
	width:400px;
}
 .ColD200px
{
	margin-top: 0px;
	margin-right: 10px;	
	position:relative;
	float:right;
	width:300px;
}

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


/* ########################### SMALL NORMAL LINK #############################""*/
a.tabl:link
{
	color:#802F00;
	text-decoration:none;
	font-size: 0.9em;
}

a.tabl:visited
{
	color:#802F00;
	text-decoration:none;
	font-size: 0.9em;
}
a.tabl:active
{
	color:#000000;
	background-color:#E4D389;
	text-decoration:none;
	font-size: 0.9em;
}
a.tabl:hover
{
	color:#000000;
	background-color:#E5CE65;
	text-decoration:none;
	font-size: 0.9em;
}



/*########################## LAYER ##################################"*/
.layercontainer
{
	position: absolute;
}


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

}

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

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

/*############################# TITLE ###################################*/
h2
{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.79);
	font-size:1.4em;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	text-align: center;
	height:56px;
	width:447px;
	background-image: url("../images/tplv41/supporth2.png");
	background-repeat: no-repeat;
}
h3
{

	font-size:1.2em;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	text-align: center;
	height:37px;
	width:162px;
	color:#000000;
	padding-top:10px;
	background-image: url("../images/tplv41/supporth3.png");
	background-repeat: no-repeat;
}
h4
{

	font-size:1.3em;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	text-align: center;
	height:37px;
	width:250px;
	color:#000000;
	padding-top:15px;
	background-image: url("../images/tplv41/supporth4.png");
	background-repeat: no-repeat;
}
h5
{
	background-color:#D5B482;
	color:#FFFFFF;
	padding:1px 0 1px 5px;
	font:normal 17px Trebuchet MS,Arial,Helvetica,Times New Roman;
	margin-top:0;
	margin-bottom:0;

}

/*######################### TABLEAU ####################################"*/

.marche
{
	color: black;
	font-size: 1.0em;
	text-align: center; 
	border-collapse: collapse;
	padding: 2px;
	width:458px;
	border:0px;

}

.journal
{
	padding:0;margin:0;
	width:460px;
	border:0px;
}

.col2
{
	color: black;
	font-size: 1.0em;
	text-align: center; 
	border-collapse: collapse;
	padding: 2px;
	width:258px;
	border:0px;

}

.TableContainer
{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;	
	width:730px;
}

.TableCol0
{
	vertical-align:top;
	width:730px;
}

.TableCol1
{
	vertical-align:top;
	width:460px;
}

.TableCol2 
{
	vertical-align:top;
	width:260px;
}

.TableMap
{
	vertical-align:top;
	width:500px;
}

.TablePerso
{
	vertical-align:top;
	width:224px;
	font-size:0.85em;
}

.TitleT1
{
	border:1px solid #D5B482;
	margin-bottom:15px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:5px;	
}

.TitleT2
{
	border:1px solid #D5B482;
	margin-bottom:15px;
	padding-bottom:15px;
}

.xp 
{
	border: 1px dashed #CE9544;
	text-align: left;
	display: block;
	width: 650px;
	background-color: #FDF3D6;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 40px;
}

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



/* ########################### MENU DEROULANT  #############################""*/
.marquee
{
	font-family:  Times, Arial, "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	font-size:0.9em;
	width:100%;
	font-weight: bold;
	color:black;
}

/*######################## IMAGE ########################################*/
.imgleft
{
	float: left;
	padding-right:10px;
	padding-bottom:5px;	
}
.imgtaverniere
{
	float: left;
	padding-right:50px;
	padding-bottom:5px;	
}

/* ########################### TABLEAU NORMAL 1  #############################""*/


caption.p
{
   margin: auto;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 10px; 
}

table.p
{
   font-size:0.9em;
   margin: auto;
   border-collapse: collapse; 
   width: 550px;
}

th.p
{
	background-color: #BC8F48;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center; 
	background-image: url("../images/titlem.jpg");	
	background-repeat: repeat-x;	 
}

tr.p
{
   border: 1px solid black;
}

td.p
{

   text-align: center; 
   padding: 2px;
   background-color:#F3EDDB;
}

td.e
{
   text-align: center; 
   padding: 2px;
   background-color:#ECE1C0;
}

/* tableau V4 BAse */
.TableV4 {
	margin:auto;
	padding:0px;
	width:95%;
	box-shadow: 10px 10px 5px #888888;
	/*border:1px solid #4c4c4c;*/

	/*-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;	*/
	
}
.TableV4 table
{
    border-spacing: 1px;
	width:100%;
	/*height:100%;*/
	margin:0px;
	padding:0px;
}
/*.TableV4 tr:last-child td:last-child
 {
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.TableV4 table tr:first-child td:first-child
 {
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.TableV4 table tr:first-child td:last-child 
{
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}.TableV4 tr:last-child td:first-child
{
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}
.TableV4 tr:hover td
{
	
}*/
.TableV4 tr:nth-child(odd){ background-color:#f2d5ba; }
.TableV4 tr:nth-child(even)    { background-color:#d3ad89; }
.TableV4 td
{
	vertical-align:middle;
	border:1px solid #974817;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:2px;
	font-size:12px;
	/*font-family:Arial;*/
	font-weight:normal;
	color:#000000;
}
/*.TableV4 tr:hover
{
	opacity:0.7;
}*/

.TableV4 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.TableV4 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.TableV4 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.TableV4 tr:first-child td
{
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.79);
		background:-o-linear-gradient(bottom, #7f3f00 5%, #562900 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f3f00), color-stop(1, #562900) );
	background:-moz-linear-gradient( center top, #7f3f00 5%, #562900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f3f00", endColorstr="#562900");	background: -o-linear-gradient(top,#7f3f00,562900);

	background-color:#7f3f00;
	border:0px solid #4c4c4c;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.TableV4 tr:first-child:hover td
{
	background:-o-linear-gradient(bottom, #7f3f00 5%, #562900 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7f3f00), color-stop(1, #562900) );
	background:-moz-linear-gradient( center top, #7f3f00 5%, #562900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f3f00", endColorstr="#562900");	background: -o-linear-gradient(top,#7f3f00,562900);

	background-color:#7f3f00;
}
.TableV4 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.TableV4 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* tableau V4 2 */
.TableV4-2 {
	margin:auto;
	padding:0px;
	width:95%;
	/*border:1px solid #4c4c4c;*/

/*	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;	*/
	
}
.TableV4-2 table
{
    border-spacing: 1px;
	width:100%;
	/*height:100%;*/
	margin:0px;
	padding:0px;
}
/*.TableV4-2 tr:last-child td:last-child
 {
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.TableV4-2 table tr:first-child td:first-child
 {
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.TableV4-2 table tr:first-child td:last-child 
{
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}
.TableV4-2 tr:last-child td:first-child
{
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}*/
.TableV4-2 tr:nth-child(odd){ background-color:#f2d5ba; }
.TableV4-2 tr:nth-child(even)    { background-color:#d3ad89; }
.TableV4-2 td
{
	vertical-align:middle;
	border:1px solid #974817;
	border-width:1px 1px 1px 1px;
	padding:2px;
	font-size:12px;
	/*font-family:Arial;*/
	font-weight:normal;
	color:#000000;
}

/* tableau V4 3 */
.TableV4-3 {
	margin:auto;
	padding:0px;
	width:98%;
	/*border:1px solid #4c4c4c;*/

	/*-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;	*/
	
}
.TableV4-3 table
{
    border-spacing: 1px;
	width:100%;
	/*height:100%;*/
	margin:0px;
	padding:0px;
}
/*.TableV4-3 tr:last-child td:last-child
 {
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.TableV4-3 table tr:first-child td:first-child
 {
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
}
.TableV4-3 table tr:first-child td:last-child 
{
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
}
.TableV4-3 tr:last-child td:first-child
{
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}*/
.TableV4-3 tr:nth-child(odd){ background-color:#F3EDDB; }
.TTableV4-3 tr:nth-child(even)    { background-color:#ECE1C0; }
.TableV4-3 td
{
	vertical-align:right;
	border:1px solid #974817;
	border-width:0px 0px 0px 0px;
	padding:2px;
	font-size:12px;
	/*font-family:Arial;*/
	font-weight:normal;
	color:#000000;
}


.tableV5
{
   border: 1px solid darken($baseColor, 5%);
   border-radius: $borderRadius;
   box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   max-width: calc(100% - 2em);
   margin: 1em auto;
   overflow: hidden;
   width: 800px;
}

.tableV5 table
{
	width:95%;
	box-shadow: 10px 10px 5px #888888; 
   
   td, th { 
      color: darken($baseColor, 10%);
      padding: $padding; 
   }
   
   td {
      text-align: center;
      vertical-align: middle;
      
      &:last-child {
         font-size: 0.95em;
         line-height: 1.4;
         text-align: left;
      }
   }
   
   th
   { 
      background-color: lighten($baseColor, 50%);
      font-weight: 300;
   }
   
   tr {     
      &:nth-child(2n) { background-color: white; }
      &:nth-child(2n+1) { background-color: lighten($baseColor, 55%) }
   }
}

@media screen and (max-width: 700px)
{   
   .tableV5 table, .tableV5 tr, .tableV5 td { display: block; }
   
   .tableV5 td 
   {
      &:first-child
	  {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         width: $imageBig;
      }

      &:not(:first-child) 
	  {
         clear: both;
         margin-left: $imageBig;
         padding: 4px 20px 4px 90px;
         position: relative;
         text-align: left;

         &:before {
            color: lighten($baseColor, 30%);
            content: '';
            display: block;
            left: 0;
            position: absolute;
         }
      }

      &:nth-child(2):before { content: 'Name:'; }
      &:nth-child(3):before { content: 'Email:'; }
      &:nth-child(4):before { content: 'Phone:'; }
      &:nth-child(5):before { content: 'Comments:'; }
   }
   
   .tableV5 tr 
   {
      padding: $padding 0;
      position: relative;
      &:first-child { display: none; }
   }
}

@media screen and (max-width: 500px)
 {
   
   .tableV5 img 
   {
      border: 3px solid;
      border-color: lighten($baseColor, 50%);
      height: $imageBig;
      margin: 0.5rem 0;
      width: $imageBig;
   }
   
   .tableV5 td 
   {
      &:first-child 
	  { 
         background-color: lighten($baseColor, 45%); 
         border-bottom: 1px solid lighten($baseColor, 30%);
         border-radius: $borderRadius $borderRadius 0 0;
         position: relative;   
         top: 0;
         transform: translateY(0);
         width: 100%;
      }
      
      &:not(:first-child)
	  {
         margin: 0;
         padding: 5px 1em;
         width: 100%;
         
         &:before {
            font-size: .8em;
            padding-top: 0.3em;
            position: relative;
         }
      }
      
      &:last-child  { padding-bottom: 1rem !important; }
   }
   
   .tableV5 tr 
   {
      background-color: white !important;
      border: 1px solid lighten($baseColor, 20%);
      border-radius: $borderRadius;
      box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
      margin: 0.5rem 0;
      padding: 0;
   }
   
   .table-users { 
      border: none; 
      box-shadow: none;
      overflow: visible;
   }
}


/* ###########################  PETITS TABLEAU  #############################""*/

table.ppt3
{
   font-size:0.9em;
   margin: auto;
   border-collapse: collapse;
   width: 400px;
}

table.ppt
{
   font-size:0.9em;
   margin: auto;
   border-collapse: collapse;
   width: 200px;
}

table.ppt2
{
   font-size:1.1em;
   margin: auto;
   border-collapse: collapse;
   width: 400px;
}

table.ppt1
{
   font-size:0.9em;
   margin: auto;
   border-collapse: collapse;
   width: 100px;
}

.Ched
{
   font-size:0.9em;
   border-collapse: collapse;
   width: 100px;
}

td.ppt1
{
   padding: 2px;
}
/* ########################### GRAPHISME kiposcripteur#############################""*/

/* ------kiposcripteur --------*/
td.ks
{
	background-image: url("images/bckks.gif");
}


/* ------Tableau --------*/
table.j
{
   margin: auto;
   border-collapse: collapse;
   width: 700px;

}

/* ------Cellules --------*/
td.j
{
	border: 1px solid black;
	text-align: justify;
	padding: 8px;
	background-image: url("../images/journal/BckJV2.jpg");
	font-size: 0.85em;
}

/* ------ Fieldset --------*/

fieldset.journal
{
	margin: auto;
	/*text-align:justify;*/
	margin-bottom: 15px;
	background-image: url("../images/journal/BckJV2.jpg");
	width: 700px;
}


/* ############## Graphisme Accueil #####################""*/


table.m
{
	font-size:1em;
	margin: auto;
	border-collapse: collapse;
	width: 550px;
	border: 1px solid #8C6117;
	background-image :url("../images/bcknews.jpg");
	background-repeat: repeat-x;	

}


th.m
{
	background-color: #D5C684;
	color: black;
	font-size: 1em;
	padding: 8px;
	text-align: left;
	background-image: url("../images/titlem.jpg");	
	background-repeat: repeat-x;		
}


td.m
{
	text-align: justify;
	padding: 7px;
	
}



/* ############## CELLULES ENTETES COULEURS VILLES #####################""*/
th.Gaalen
{
	background-color: #BC8F48;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center; 
}

th.Kipie
{
	background-color: #0078E1;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center; 
}

th.Pyrrit
{
	background-color: #DAB137;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}

th.Gypsis
{
	background-color: #14934D;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}

th.Karst
{
	background-color: #C2C02F;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}

th.Lapiaz
{
	background-color: #B4B4B4;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}

th.Koryndon
{
	background-color: #CDAA10;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}

th.Eolis
{
	background-color: #9FDAF6;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}
th.Piethra
{
	background-color: #BFFFCF;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}
th.Aargoni
{
	background-color: #7FEAFF;
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
}


/* ############## CELLULES ENTETES SPECIALES .... #####################""*/

th.Erreur
{
	color: black;
	font-size: 1.0em;
	padding: 8px;
	text-align: center;
	background-image: url("../images/titleerreur.jpg");	
	background-repeat: repeat-x;	 
}

 
/* ########################### LIGNES SPECIALES  #############################""*/

/* ------ Lignes ShoutBox --------*/
td.h
{
   text-align: left;
   padding: 2px;
   background-color:#F3EDDB;
   font-size:1.2em;   
}

td.h2
{
	text-align: left; 
	padding: 2px; 
	font-size:1.2em;   
}

/* ------ Lignes Couleur ATPE etc.. --------*/
td.Macon
{
   text-align: center; 
   padding: 2px; 
   background-color:#8B8B8B;
}
td.Menuisier
{
   text-align: center; 
   padding: 2px;
   background-color:#B9851D;
}
td.TailleurP
{
   text-align: center;
   padding: 2px;
   background-color:#CCCCCC;
}
td.Tailleur
{
   text-align: center;
   padding: 2px; 
   background-color:#96B277;
}
td.Boucher
{
   text-align: center;
   padding: 2px; 
   background-color:#D28585;
}
td.Epicier
{

   text-align: center; 
   padding: 2px;
   background-color:#BEB18B;
}
td.Brasseur
{
   text-align: center; 
   padding: 2px;
   background-color:#C2EBDD;
}
td.Fromager
{
   text-align: center;
   padding: 2px;
   background-color:#EEF0E8;
}
td.Boulanger
{
   text-align: center;
   padding: 2px;
   background-color:#EED393;
}
td.Conservateur
{
   text-align: center;
   padding: 2px;
   background-color:#FFBF28;
}
td.Poisson
{
   text-align: center; 
   padding: 2px;
   background-color:#78AEFF;
}
td.Or
{
   text-align: center;
   padding: 2px;
   background-color:#E0C136;
}
td.Metal
{
   text-align: center;
   padding: 2px; 
   background-color:#A99494;
}
td.Cheval
{
   text-align: center; 
   padding: 2px;
   background-color:#B9A03A;
}
td.Poterie
{
   text-align: center; 
   padding: 2px;
   background-color:#A3E0CD;
}
td.Marbre
{
   text-align: center; 
   padding: 2px;
   background-color:#CDEAE9;
}
td.Tannerie
{
   text-align: center; 
   padding: 2px;
   background-color:#DEBB95;
}
td.Mediplante
{
   text-align: center; 
   padding: 2px;
   background-color:#ADEBFE;
}
td.Papier
{
   text-align: center; 
   padding: 2px;
   background-color:#AFCF83;
}


/* ########################### MISES EN PAGES TEXTE  #############################""*/

/* ------ Titres --------*/

h3
{
   text-align:center;
   font-weight: bold;
   font-size: 1.1em;
   color: #874A00;
   margin-bottom: 15px;
}

h4
{
   text-align:center;
   font-weight: bold;
   font-size: 0.9em;
   color: #874A00;
   margin-bottom: 10px; 
}

/* ------Textes --------*/

.cligno
{
	text-decoration:blink;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}

.top
{
	vertical-align: top;
}

.justify
{
	text-align: justify;
}

.vim
{
	color:  #58471F;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.imp
{
	color:  #CC0000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/* ------Aucun passage a la ligne lors d'un DIV --------*/

.nodiv
{
	display: inline;
	position: relative;
}






fieldset.mot
{
   margin: auto;
	text-align:center;
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #E9D8AF;
   width: 170px;
}



ptt
{
	color:  #000000;
	font-size: 0.85em;
}


strong
{
	color:  #802F00;
	font-size: 18px;
}

.pt
{
	font-size: 0.8em;
	font-weight: bold;	
}


.mt
{
	color:  #000000;
	font-size: 9px;
	font-weight: bold;
	background-color:#FFFFFF;
	text-align:center;
}


fieldset.message
{
   margin-bottom: 15px;
   background-color: #E8E9B9;
   width: 500px;
}

.infm
{

	font-weight: bold;
	background:center;
	background-image :url("../images/kcode_info.png");
	background-repeat: no-repeat;
	height:30px;
	padding-left:35px;
	padding-top:5px;		
}



/*TABLEAU*/
/*TABLEAU CENTRE CONTROL FLOTTANT LEFT*/
.monperso
{
	width: 170px;
	/*margin-left: 10px;*/
	border: 1px solid #8C6117;
	font-size: 1.0em;
	text-align: justify;
	/*float:left;*/
	background-color:#E8E4D6;
	margin-bottom: 2px;
}

/*TABLEAU CENTRE CONTROL  right*/
.mesinfos
{
	width: 380px;
	margin-left: 2px;
	margin-bottom: 2px;
	border: 1px solid #8C6117;
	font-size: 1.0em;
	text-align: justify;
	background-color:#E8E4D6;
}

/*TABLEAU CENTRE CONTROL  right*/
.mesinfosV3
{
	width: 575px;
	margin-left: 2px;
	margin-bottom: 2px;
	border: 1px solid #8C6117;
	font-size: 1.0em;
	text-align: justify;
	background-color:#E8E4D6;
}

/*TABLEAU princ*/
.princ
{
	margin: auto;
	width: 550px;
	/*margin-left: 10px;*/
	border: 1px solid #8C6117;
	font-size: 1.0em;
	text-align: justify;
	/*float:left;*/
	background-color:#E8E4D6;
	margin-bottom: 2px;
}

/*TD tab flottant left*/
.carac
{
	border: 1px solid #8C6117;
	/* border-color :#986A29;*/
	text-align: justify;
	padding: 1px;
	background-color:#F6E4AD;
}

.carac2
{
	border: 1px solid #8C6117;
	/* border-color :#986A29;*/
	text-align: left;
	padding: 1px;
	background-color:#F3EDDB;
}


.title
{
	border: 1px solid #8C6117;
	/* border-color :#986A29;*/
	text-align: left;
	padding: 1px;
	background-color:#B59B4E;
	font-weight: bold;
}

.title2
{
	border: 1px solid #8C6117;
	/* border-color :#986A29;*/
	text-align: left;
	padding: 1px;
	background-color:#B59B4E;
}

/*TD tab flottant left*/
.action
{
	/*border: 1px solid #8C6117;*/
	/* border-color :#986A29;*/
	text-align: left;
	padding: 1px;
	font-size: 1.0em;
	/*background-color:#F6E4AD;*/
}

/*TD histo*/
.histo
{
	border: 1px solid #8C6117;
	/* border-color :#986A29;*/
	text-align: left;
	padding: 1px;
	font-size: 1.0em;
	background-color:#F6E4AD;
}

/*TABLEAU classique*/
.c
{  
	font-size:0.9em;
	margin: auto;
	border-collapse: collapse;
	width: 550px;
	border: 1px solid #8C6117;
	text-align: justify;
	background-color:#E8E4D6;
}


.c2
{  
	font-size:0.9em;
	margin: auto;
	width: 550px;
	border: 1px solid #8C6117;
	text-align: justify;
	background-color:#E8E4D6;
}

/*TABLEAU Forum*/

.forum
{  
	font-size:0.9em;
	margin: auto;
	width: 725px;
	border: 1px solid #8C6117;
	text-align: justify;
	background-color:#E8E4D6;
}





/******************************* div *****************************************************/

#GNav
{
	width:700px;
}
#GNav ul
{
	list-style:none;
}
#GNav li
{
	list-style:none;
	display:inline;
	margin:0 5px;
}
#GNav li a
{
	color:#B9A03A;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:5px solid #B9A03A;
	cursor:pointer;
	padding:0 0 1px 0;
}
#GNav li a:hover
{
	border-bottom:5px solid #B97B00;
	color:#B97B00;
	text-decoration:none;
}
#GNav li a.current
{
	border-bottom:5px solid #B97B00;
	color:#B97B00;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
/* ########################### MESSAGES  #############################""*/
.messageInfo, .messageValid, .messageWarning, .messageErreur, .messageMissions {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
max-width:660px;
text-align: justify;

}
.messageInfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url(../images/kcode_info.png); 
}
.messageValid {
color: #4F8A10;
background-color: #DFF2BF;
/*background-image:url('success.png');*/
}
.messageWarning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(../images/kcode_attention.png); 
}
.messageErreur {
color: #D8000C;
background-color: #FFBABA;
    background-image: url(../images/kcode_erreur.png); 
}
.messageMissions {
color: #7D4B00;
background-color: #F8E965;
    background-image: url(../images/kcode_missions.png); 
}


.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 ;
	border: 1px #D40000;
}

/* ########################### BLASONS  #############################""*/
/* ########################### BLASONS  #############################""*/


.blason3
{

	background:center;
	background-image :url("../images/bgypsisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blason6
{

	background:center;
	background-image :url("../images/bkarstptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blason4
{

	background:center;
	background-image :url("../images/bkipieptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blason7
{

	background:center;
	background-image :url("../images/blapiazptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blason5
{

	background:center;
	background-image :url("../images/bpyrritptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blason8
{

	background:center;
	background-image :url("../images/bgaalenptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason9
{

	background:center;
	background-image :url("../images/beolisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason10
{

	background:center;
	background-image :url("../images/bkoryndonptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason12
{

	background:center;
	background-image :url("../images/bpiethraptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason11
{

	background:center;
	background-image :url("../images/baargoniptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason15
{

	background:center;
	background-image :url("../images/blazulptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason14
{

	background:center;
	background-image :url("../images/bislandsisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blason13
{

	background:center;
	background-image :url("../images/bcaledonythptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonGypsis
{

	background:center;
	background-image :url("../images/bgypsisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonKarst
{

	background:center;
	background-image :url("../images/bkarstptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonKipie
{

	background:center;
	background-image :url("../images/bkipieptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonLapiaz
{

	background:center;
	background-image :url("../images/blapiazptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonPyrrit
{

	background:center;
	background-image :url("../images/bpyrritptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

.blasonGaalen
{

	background:center;
	background-image :url("../images/bgaalenptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonEolis
{

	background:center;
	background-image :url("../images/beolisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonKoryndon
{

	background:center;
	background-image :url("../images/bkoryndonptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonPiethra
{

	background:center;
	background-image :url("../images/bpiethraptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonAargoni
{

	background:center;
	background-image :url("../images/baargoniptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonLazul
{

	background:center;
	background-image :url("../images/blazulptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonIslandsis
{

	background:center;
	background-image :url("../images/bislandsisptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}
.blasonCaledonyth
{

	background:center;
	background-image :url("../images/bcaledonythptt.gif");
	background-repeat: no-repeat;
	height:24px;
	padding-left:1px;
	padding-top:1px;
}

				
/* ########################### GRAPHISME BOUTON  #############################""*/

input.Trm
{
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 0px;
	/*color: #...;*/
	background-image: url(../images/bouton/bt_trm.gif);
	border: 0;
}
input.Trt
{
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 0px;
	/*color: #...;*/
	background-image: url(../images/bouton/bt_trt.gif);
	border: 0;
}
input.Sale
{
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 0px;
	/*color: #...;*/
	background-image: url(../images/bouton/bt_sale2.gif);
	border: 0;
}
input.AS
{
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 0px;
	/*color: #...;*/
	background-image: url(../images/bouton/bt_as.gif);
	border: 0;
}
input.Mae
{
	cursor: pointer;
	width: 22px;
	height: 22px;
	font-size: 0px;
	/*color: #...;*/
	background-image: url(../images/bouton/bt_eau.gif);
	border: 0;
}

/*##########################MAP#####################################*/

.popout img{
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	/*z-index:1;*/

}
.popout img:hover{
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
		/*z-index:2;*/

}

/*########################## LAYER ##################################"*/

.mappositioner
{
	position: absolute;
	overflow-y : auto;
	overflow-x : auto;
	width:1000px;
	height:550px;
	margin-left:-50px;

}
.mapcontainer
{
	margin-top: 50px;
	width:1000px;
	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;
}

.layerV3-2
 {
	z-index:23;

}
.layerV3-3
 {
	z-index:24;

}
.layerV3-4
 {
	z-index:25;

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

}
.layerav7
 {
	position: absolute;
	z-index:37;

}
/*########################## TABLEAU ##################################"*/

td.map
{
	/*border: 1px dashed #CE9544;*/
	border-collapse: collapse;
}


td.JTitle /*titre journal */
{
	background-color:#E5DDC8;
	color:#7D5300;
	font-size:18px;
	font-weight:bold;
}
td.JArt /*Article journal */
{
	font-size:15px;
}