/*****************************************************/
/*                      CSS							 */
/*****************************************************/
/*	Author: Adrien van DELFT						 */
/*													 */
/*	Date : 	23/06/08				 				 */
/*	Client : Sequence Nature				         */
/*	Agence : Net-Design								 */
/*													 */
/*													 */
/*****************************************************/



*{
	margin:						0;
	padding:					0;
	}
html, body {
	margin:						0;
	padding:					0;
	font-family:				"Trebuchet MS", Tahoma;
	font-size:					18px;
	line-height: 				18px;
	background: 				url(../sfx/body-bg.jpg) repeat-x;
}

a{
	color: #587043;
	text-decoration: none;
	}

/*****************************************************/
/*                      STRUCTURE					 */
/*****************************************************/

h1 a{	
	width: 339px;
	height: 216px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	background: url(../sfx/logo-rempart-vert.jpg) no-repeat;
	text-indent: -5000px;
	left: 50%;
	margin-left: -500px;
	}

h2{
	width:1px;
	height: 1px;
	position: fixed;
	top:-1px;
	left:-1px;
	text-indent: -5000px;
	}

h3{
	font-size: 110%;
	color:#000;
	margin-bottom:20px;
	margin-top:20px;	
	}
	
	
h4{
	font-size: 110%;
	color:#587043;
	margin-bottom:20px;
	margin-top:20px;
	}
	
#container{	
	width: 1000px;
	position:absolute;
	margin: 210px 0px 0px 0px;
	background:#fff;
	left: 50%;
	margin-left: -500px;
	}
#contenu{
	width: 600px;
	margin-left: 340px;
	}
#footer{	
	width: 800px;
	height: 200px;
	position:relative;
	margin: 0px 0px 0px 0px;
	background: url(../sfx/footer.jpg) no-repeat;
	}
#footer span{
	width: 450px;
	font-size: 10px;
	color: #6b4f2e;
	display: block;
	position: absolute;margin: 155px 0px 0px 102px;
	}
#footer span a{color: #6b4f2e;text-decoration: none;}
#footer span a:hover{color: #000;}


#footer-ra{
	width: 148px;
	height:92px;
	background: url(../sfx/footer-ra.jpg) no-repeat;
	text-indent: -5000px;
	position: absolute;
	margin: 82px 0px 0px 768px;
	}

#footer-sn{
	width: 83px;
	height:109px;
	background: url(../sfx/footer-sn.jpg) no-repeat;
	text-indent: -5000px;
	position: absolute;
	margin: 86px 0px 0px 920px;
	}

#menu-principal{	
	width: 669px;
	height: 216px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	/* background: url(../sfx/menu-principal-bg.jpg) no-repeat; */
	background: url(../sfx/menu-principal-bg-vide.jpg) no-repeat;
	left: 50%;
	margin-left: -161px;
	}

#contenu-principal-deco-haut-droite{	
	width: 42px;
	height: 711px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	background: url(../sfx/contenu-principal-deco-haut-droite.jpg) no-repeat;
	text-indent: -5000px;
	left: 50%;
	margin-left: 466px;
	}
#contenu-principal-deco-haut-gauche{	
	width: 83px;
	height: 362px;
	position:absolute;
	margin: 210px 0px 0px 0px;
		background:transparent url(../sfx/contenu-principal-deco-haut-gauche.png) no-repeat;	text-indent: -5000px;
	left: 50%;
	margin-left: -517px;
	}

#contenuPrincipal{margin-top: 10px !important;}
	
.propContenuPrincipal {
    height:400px;
    float:right;
    width:1px;
  }

.clearContenuPrincipal {
    clear:both;
    height:1px;
    overflow:hidden;
  }


/* link fix for transparent background image */
.ie6{
	position: relative;
	z-index: 1;
}	
#sub-menu-container{	
	display: block;
	width: 220px;
	height: 402px;
	position:absolute;
	margin: 210px 0px 0px 0px;
	left: 50%;
	margin-left: -450px;
	font-size: 12px;
	}

#sub-menu-container-style2{	
	display: block;
	width: 220px;
	
	position:absolute;
	margin: 235px 0px 0px 0px;
	left: 50%;
	margin-left: -450px;
	}


.sub-menu{	
	width: 250px;
	height: 402px;
		background:transparent url(../sfx/sub-menu-bg.png) no-repeat;	overflow: hidden;
	background-position: right;
	}
	
	
#sub-menu-container-style2 .sub-menu{	background:transparent url(../sfx/sub-menu-style2-bg.png) no-repeat;background-position:bottom;height:340px;}
	
#sub-title2{
	margin-left: 20px;
	margin-bottom: 30px;
	}
		
#sub-title{	
	width: 171px;
	height: 80px;
	margin: 25px 0px 0px 12px;
	text-indent: -5000px;
	}
#sub-list{
	list-style-type: none;
	display: block;
	width: 190px;
	margin-left: 15px;
	font-weight:bold;
	}

.sub-menu a{
	line-height:15px;
	color: #587043;
	text-decoration: none;
	position: relative;
	z-index: 1;
	font-size: 14px;
	margin-bottom:4px;
	}
	
.sub-menu a.current, .sub-menu a:hover{
	display: block;
	background: url(../sfx/sub-menu-over.jpg) no-repeat;
	background-position: top left;
	color: #000000 !important;
	padding-left: 25px;
	line-height:17px;
	}
	
#questceque #sub-title{	background: url(../sfx/sub-title-questceque.jpg) no-repeat;}
#phreatik #sub-title{	background: url(../sfx/naturion-phreatik.png) no-repeat;height:40px;}
#yunnick #sub-title{	background: url(../medias/naturamis/yunick-sub-title.jpg) no-repeat;height:40px}




#imprimer{	
	width: 104px;
	height: 42px;
	margin: -36px 0px 0px 614px;
		background:transparent url(../sfx/imprimer.png) no-repeat;	text-indent: -5000px;
	left: 50%;
	cursor: pointer;
	}

#imprimer a{	
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}

#contenuPrincipal p {
	margin-top: 20px;
	
	margin-bottom: 20px;
	}


/*****************************************************/
/*               PAGE ARTICLE TEMPALTE1				 */
/*****************************************************/

	
#questceque #contenuPrincipal ul,#naturactivites #contenuPrincipal ul{list-style-type: none;margin-left: 15px;}

#questceque #contenuPrincipal li,#naturactivites #contenuPrincipal li {
	background: url(../sfx/list-style-1.jpg) no-repeat;
	padding-left: 15px;
	}
#naturactivites #contenuPrincipal ol li{background: none;}

.pkko{
	display: block;
	background: #e5e9af url(../sfx/pkko.jpg) no-repeat;
	background-position: left top;
	padding-left: 200px;
	padding-top: 5px;
	padding-right: 5px;
	}

.plkc{
	display: block;
	background: #e5e9af url(../sfx/plkc.jpg) no-repeat;
	background-position: right top;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 200px;
	}
.bigBlackFont{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}
.bigGreenFont{
	font-size: 14px;
	font-weight: bold;
	color: #587043;
	}



/*****************************************************/
/*               HOME								 */
/*****************************************************/


#home-h1{
	width:1px;
	height: 1px;
	position: fixed;
	top:-1px;
	left:-1px;
	text-indent: -5000px;
	}
	
#home-anim{
	width: 1000px;
	height: 548px;
	position:absolute;
	margin-top:0px;
	left: 50%;
	margin-left: -503px;
	}

#home-deco{
	width: 185px;
	height: 38px;
	position:absolute;
	margin-top:472px;
	background: url(../sfx/home-deco.jpg) no-repeat;
	text-indent: -5000px;
	left: 50%;
	margin-left: -511px;
	}

#home-form{
	width: 346px;
	height: 184px;
	position:absolute;
	margin-top:543px;
	margin-left: -302px;
	background: url(../sfx/home-form.jpg) no-repeat;
	left: 50%;
	}
#input4{
	border: 0px;
	/*background: none;*/
	/*position: absolute;
	
	*/
	margin: 20px 0px 0px 0px;
	background-color:#000;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height:19px;
	width:177px;
	}
#input1{
	border: 0px;
	background: none;
	position: absolute;
	margin: 46px 0px 0px 72px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height:19px;
	width:177px;
	}
#input2{
	border: 0px;
	background: none;
	position: absolute;
	margin: 99px 0px 0px 72px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height:19px;
	width:177px;}
#input3{
	border: 0px;
	background: url(../sfx/home-form-btn.jpg);
	position: absolute;
	margin: 89px 0px 0px 265px;
	font-size: 1px;
	font-weight: bold;
	color: #ffffff;
	height:55px;
	width:54px;
	cursor: pointer;
	}

#home-code a {
	width: 155px;
	height: 22px;
	position:absolute;
	margin-top:720px;
	background: url(../sfx/home-code.jpg) no-repeat;
	text-indent: -5000px;
	left: 50%;
	margin-left: -130px;
	}
#home-code a:hover {background-position: 0px -22px;}


#home-1evisite a{
	width: 239px;
	height: 185px;
	position:absolute;
	margin-top:542px;
	background: url(../sfx/home-1evisite.jpg) no-repeat;
	text-indent: -5000px;
	left: 50%;
	margin-left: 32px;
	}

#home-1evisite a:hover {background-position: 0px -197px;}


#home-logo{
	width: 270px;
	height: 65px;
	position:absolute;
	margin-top:462px;
	/*background: url(../sfx/home-rhonealpes-sequencenature.jpg) no-repeat;*/
	text-indent: -5000px;
	left: 50%;
	margin-left: 198px;
	}
#home-footer{	
	height: 20px;
	position:absolute;
	margin: 725px 0px 0px 76px;
	left: 50%;
	}
#home-footer span{
	font-size: 10px;
	color: #6b4f2e;
	display: block;
	}
#home-footer span a{color: #6b4f2e;text-decoration: none;}
#home-footer span a:hover{color: #000;}



#sub-menu-2-item1{
	position:absolute;
		background:transparent url(../sfx/sub-menu-2-item1.png) no-repeat;	width:158px;
	height:181px;
	margin: 15px 0px 0px 85px !important;
	margin: 0px 0px 0px 85px;
	cursor: pointer;
	}
#sub-menu-2-item2{
	position:absolute;
		background:transparent url(../sfx/sub-menu-2-item2.png) no-repeat;	width:154px;
	height:196px;
	margin: 0px 0px 0px 211px !important;
	margin: -20px 0px 0px 211px;
	cursor: pointer;
	}
#sub-menu-2-item3{
	position:absolute;
		background:transparent url(../sfx/sub-menu-2-item3.png) no-repeat;	width:156px;
	height:170px;
	margin: 15px 0px 0px 332px !important;
	margin: 0px 0px 0px 332px;
	cursor: pointer;
	}
#sub-menu-2-item4{
	position:absolute;
		background:transparent url(../sfx/sub-menu-2-item4.png) no-repeat;	width:138px;
	height:175px;
	margin: 0px 0px 0px 460px !important;
	margin: -20px 0px 0px 460px;
	cursor: pointer;
	}
body #sub-menu-2 .sub-menu-2-item1_spotlight{	background:transparent url(../sfx/sub-menu-2-item1_spotlight.png) no-repeat;}
body #sub-menu-2 .sub-menu-2-item2_spotlight{	background:transparent url(../sfx/sub-menu-2-item2_spotlight.png) no-repeat;}
body #sub-menu-2 .sub-menu-2-item3_spotlight{	background:transparent url(../sfx/sub-menu-2-item3_spotlight.png) no-repeat;}
body #sub-menu-2 .sub-menu-2-item4_spotlight{	background:transparent url(../sfx/sub-menu-2-item4_spotlight.png) no-repeat;}

#sub-menu-2-item1 a, #sub-menu-2-item2 a, #sub-menu-2-item3 a, #sub-menu-2-item4 a{
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}


#naturion-bulle{
	line-height: 18px;
	width:440px;
	height: 200px;
		background:transparent url(../sfx/naturion-bulle.png) no-repeat;	position: absolute;
	margin: 300px 0px 0px -110px;
	padding: 55px 85px 40px 90px;
	left: 50%;
	font-size: 16px;
	color:#587043;
	}
#naturion-bulle .textes{
    display: none;
	/*margin-top: 20px;*/
	padding-top:20px;
}
#naturion-ph-bg{
	width:233px;
	height: 409px;
		background:transparent url(../sfx/naturion-ph-bg.png) no-repeat;	position: absolute;
	margin: 280px 0px 0px -260px;
	padding-top: 50px;
	left: 50%;
	}

#naturastuce #naturion-ph2-bg{margin: 362px 0px 0px 323px;}
	
#naturion-ph2-bg{
	width:134px;
	height: 154px;
		background:transparent url(../sfx/naturion-ph2-bg.png) no-repeat;	position: absolute;
	margin: 545px 0px 0px -75px;
	padding-top: 5px;
	padding-left: 5px;
	left: 50%;
	}
	
#options-naturion{
	width:450px;
	height: 81px;
	position: absolute;
	margin: 580px 0px 0px 70px;
	left: 50%;
	}

#tout-les-naturions{	
	display: block;
	float: left;
	width:158px;
	height: 81px;
		background:transparent url(../sfx/tout-les-naturions.png) no-repeat;	
	cursor: pointer;
	}
#tout-les-naturamis{	
	display: block;
	float: left;
	width:158px;
	height: 81px;
		background:transparent url(../sfx/tout-les-naturamis.png) no-repeat;	
	cursor: pointer;
	}
#imprimer-ma-fiche, #imprimer-ma-fiche-2{		
	display: block;
	float: left;
	width:127px;
	height: 81px;
		background:transparent url(../sfx/imprimer-ma-fiche.png) no-repeat;	
	cursor: pointer;	
	}
#imprimer-ma-fiche-2{width:150px;	background:transparent url(../sfx/imprimer-ma-fiche-2.png) no-repeat;}


#ma-naturastuce-btn{	
	display: block;
	float: left;	
	width:130px;
	height: 81px;
		background:transparent url(../sfx/ma-naturastuce-btn.png) no-repeat;	
	cursor: pointer;	
	}

#tout-les-naturamis a, #tout-les-naturions a,#imprimer-ma-fiche a,#imprimer-ma-fiche-2 a,#ma-naturastuce-btn a{
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}
	
	
	








/*****************************************************/
/*               HOME								 */
/*****************************************************/


#naturastuce #spaceur{height:300px;}	
	
#naturastuce-bulle{
	width:719px;
	height: 179px;
		background:transparent url(../sfx/naturastuce-bulle.png) no-repeat;	position: absolute;
	margin: 310px 0px 0px -230px;
	left: 50%;
	font-size: 16px;
	color:#587043;
	}	

#naturastuce-nom{
	width:363px;
	position: absolute;
	margin:47px 0px 0px 166px;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	}	

#naturastuce-theme{
	width:319px;
	position: absolute;
	margin:96px 0px 0px 116px;
	font-size: 18px;
	color:#000000;
	}	

#naturastuce-difficulte{
	width:219px;
	position: absolute;
	margin:128px 0px 0px 140px;
	}	
	
#voir-ma-fiche{
	width:127px;
	height: 61px;
		background:transparent url(../sfx/voir-ma-fiche.png) no-repeat;	position: absolute;
	margin: 479px 0px 0px 329px;
	left: 50%;
	font-size: 16px;
	color:#587043;
	cursor: pointer;
	}
#voir-ma-fiche a{
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}
.sub-menu-thumbnail #sub-list{width:150px;}
.sub-menu-thumbnail #sub-list li{
	background: url(../sfx/thumbnail-naturion.jpg) no-repeat;
	background-position: 0px 0px;
	float: left;
	margin: 5px;
	width: 48px;
	height:48px;
	}
.sub-menu-thumbnail #sub-list li.current{background-position: 0px -48px;}
.sub-menu-thumbnail #sub-list li.inactif{background-position: 0px -96px;}
.sub-menu-thumbnail #sub-list li img{border:0px;margin: 9px}










/*****************************************************/
/*               Naturactivites						 */
/*****************************************************/
#naturactivites-bulle{
	width:728px;
	height: 211px;
		background:transparent url(../sfx/naturactivites-bulle.png) no-repeat;	position: absolute;
	margin: 300px 0px 0px -230px;
	left: 50%;
	font-size: 16px;
	color:#587043;
	}	

#naturactivites-nom{
	width:363px;
	position: absolute;
	margin:60px 0px 0px 180px;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	}	

#naturactivites-theme{
	width:719px;
	position: absolute;
	margin:96px 0px 0px 124px;
	font-size: 18px;
	color:#000000;
	}	

#naturactivites-difficulte{
	width:719px;
	position: absolute;
	margin:120px 0px 0px 140px;
	}	
	
#naturactivites-duree{
	width:719px;
	position: absolute;
	margin:161px 0px 0px 116px;
	font-size: 18px;
	color:#000000;
	}	

#naturactivites #spaceur{height:300px;}
#naturactivites .sub-menu{background: none;}

#naturactivites-ph-bg{
	width:233px;
	height: 171px;
		background:transparent url(../sfx/naturactivites-ph-bg.png) no-repeat;	position: absolute;
	margin: 345px 0px 0px 239px;
	padding-top: 5px;
	padding-left: 5px;
	left: 50%;
	}
	





/*****************************************************/
/*               Ou participer						 */
/*****************************************************/

#map-container{
	width:945px;
	height: 545px;
	position: absolute;
	margin: 211px 0px 0px -485px;
	padding-top: 5px;
	padding-left: 5px;
	left: 50%;
	}


#map #spaceur{height:500px;}	





/*****************************************************/
/*               Hiome naturion						 */
/*****************************************************/

#naturions #spaceur{height:197px;}	

#naturions #contenu{margin-left: 0px;width: 905px;}
#naturions #sub-menu-2-item1{margin: 15px 0px 0px 449px !important;}
#naturions #sub-menu-2-item2{margin: 0px 0px 0px 565px !important;}
#naturions #sub-menu-2-item3{margin: 15px 0px 0px 688px !important;}
#naturions #sub-menu-2-item4{margin: 0px 0px 0px 815px !important;}

#naturions-haut{
	width:898px;
	height: 100px;
		background:transparent url(../sfx/naturions-haut.png) no-repeat;	position: absolute;
	margin: 317px 0px 0px -422px !important;
	margin: 330px 0px 0px -422px;
	left: 50%;
	}

#naturions-list{
	width:900px;
	margin-left: 0px;
	background: url(../sfx/naturions-bg.jpg) repeat-y;
	padding-left: 25px;
	padding-bottom: 10px;
	margin-top: 0px !important;
	margin-top: -190px;
	margin-left: 74px;
	}
#naturions-list ul {list-style-type: none;}
#naturions-list ul li {
	display: block;
	width: 150px;
	height:178px;
	text-align: center;
	float: left;
	margin-bottom: 30px;
	margin-right: 10px;
	}
#naturions-list ul li a {text-decoration: none;color: #000;}	
#naturions-list ul li a img {border:0px;}	
	
#naturions-bas{
	width:933px;
	height: 64px;
	margin-left: 75px;
	background: url(../sfx/naturions-bas.jpg) no-repeat;
	clear: both;
	}
	
#naturions-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #naturions-list {height: 1%;}
#naturions-list {display: block;}
/* End hide from IE-mac */
	
	
#naturions-explications{
	width:256px;
	height: 33px;
		background:transparent url(../sfx/naturions-explications.png) no-repeat;	position: absolute;
	margin: 308px 0px 0px -409px;
	left: 50%;
	text-indent: -5000px;
	}
#naturamis-explications{
	width:256px;
	height: 33px;
		background:transparent url(../sfx/naturamis-explications.png) no-repeat;	position: absolute;
	margin: 308px 0px 0px -409px;
	left: 50%;
	text-indent: -5000px;
	}
		
.tool-tip {color: #fff;width: 248px;z-index: 13000;} 

.tool-title { 
	font-weight: bold; 
	font-size: 17px; 	
	margin: 0; 	
	color: #000;	
	padding: 8px 8px 4px; 	
	background: url(../sfx/balloon.png) top left;  }

.tool-text { 
	font-size: 17px;	
	padding: 4px 8px 8px;
	color: #000; 
	background: url(../sfx/balloon.png) bottom right;  } 












/*****************************************************/
/*               Confirm-page					 	 */
/*****************************************************/	

#confirm #spaceur{height:30px;}	

#confirm #contenu{margin-left: 0;width: 1000px;}	

#confirm-bravo{
	width:219px;
	height: 52px;
		background:transparent url(../sfx/confirm-bravo.png) no-repeat;	text-indent: -5000px;
	margin-left: 400px;
	}
#confirm-dommage{
	width:295px;
	height: 63px;
		background:transparent url(../sfx/confirm-dommage.png) no-repeat;	text-indent: -5000px;
	margin-left: 400px;
	}

#confirm-txt{
	font-size: 17px;
	line-height: 19px;
	font-weight: bold;
	text-align: center;
	margin: 30px 200px 20px 310px;
	width: 430px;
	}
#confirm-btn{
	width:369px;
	height: 89px;
		background:transparent url(../sfx/confirm-btn.png) no-repeat;	text-indent: -5000px;
	margin-left: 350px;
	cursor: pointer;
	}
 #confirm-btn a{
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}
#chance-btn{
	width:369px;
	height: 89px;
		background:transparent url(../sfx/chance-btn.png) no-repeat;	text-indent: -5000px;
	margin-left: 350px;
	cursor: pointer;
	}
 #chance-btn a{
	display: block;
	height: 0px;
	width: 0px;
	text-indent: -5000px
	}
	





/*****************************************************/
/*               Mentions legales				 	 */
/*****************************************************/	

#mentions #sub-title{
	width:174px;
	height: 78px;
		background:transparent url(../sfx/mentions-legales.png) no-repeat;	text-indent: -5000px;
	}

body#mentions .sub-menu{background: none;}	





/*****************************************************/
/*               Plan du site					 	 */
/*****************************************************/	


#plan-du-site .sub-menu{background: none; width: 600px;}
#plan-du-site #sub-list{width:600px;margin-top: 40px;}


#plan-du-site #sub-title{background: url(../sfx/plan-du-site-sub-title.png) no-repeat;height:30px;margin-bottom: 10px;}

#sub-sub-list{list-style-type: none;}

#sub-sub-list li a{
	color: #587043;
	margin-left: 40px;
	}

#plan-du-site-bg{
	width:456px;
	height: 313px;
	background: url(../sfx/plan-du-site-bg.jpg) no-repeat;
	position: absolute;
	margin: 28px 0px 0px 236px;
	}
.ie7 #plan-du-site-bg{margin: 28px 0px 0px -336px;}	




/*****************************************************/
/*               Inscription					 	 */
/*****************************************************/	

#inscription #spaceur{height:50px;}	

#inscription-container{
	width:813px;
	height: 453px;
	background: url(../sfx/inscription-bg-v2.png) no-repeat;
	position: absolute;
	margin: 214px 0px 0px -400px;
	left: 50%;
	}
	
#inscription-intro{
	width:450px;
	border: 0;
	position: absolute;
	margin: 75px 0px 0px 55px;
	font-size: 12px;
	}
	
#inscription-container label{
	display: block;
	height: 1px;
	width: 1px;
	text-indent: -5000px
	}
	
.input-text-vert{
	background: url(../sfx/input-text-vert.jpg) no-repeat;
	background-position: right;
	width:185px;
	height: 26px;
	border: 0;
	position: absolute;
	/*
	width:176px;
    */
	}
.input-text-vert input{
	border: none;
	background: none;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	width:172px;
	height: 26px;
	margin-left: 5px;
	}

.ie7 .input-text-vert input{margin-left: -50px;}

#pseudo{margin: 139px 0px 0px 56px !important;margin: 125px 0px 0px 35px;}
#code{margin: 188px 0px 0px 56px !important;margin: 160px 0px 0px 35px;}
#code2{margin: 236px 0px 0px 56px !important;margin: 195px 0px 0px 35px;}
#email{margin: 284px 0px 0px 56px !important;margin: 230px 0px 0px 35px;}
#nom{margin: 329px 0px 0px 56px !important;margin: 258px 0px 0px 35px;}
#prenom{margin: 375px 0px 0px 56px !important;margin: 295px 0px 0px 35px;}

#pseudo-ep{margin: 107px 0px 0px 56px !important;margin: 95px 0px 0px 35px;}
#code-ep{margin: 157px 0px 0px 56px !important;margin: 130px 0px 0px 35px;}
#code2-ep{margin: 202px 0px 0px 56px !important;margin: 165px 0px 0px 35px;}
#email-ep{margin: 246px 0px 0px 56px !important;margin: 200px 0px 0px 35px;}
#nom-ep{margin: 293px 0px 0px 56px !important;margin: 228px 0px 0px 35px;}
#prenom-ep{margin: 340px 0px 0px 56px !important;margin: 265px 0px 0px 35px;}


span.radio {
   width: 137px;
   height: 177px;
   padding: 0 5px 0 0;
   background: url(../sfx/avatar-kko-roll3.jpg) no-repeat;
   display: block;
   clear: left;
   float: left;
   cursor: pointer;
 }

#avatar-kko-container{
	width:137px;
	height: 177px;
	border: 0;
	position: absolute;
	margin: 175px 0px 0px 285px !important;margin: 83px 0px 0px 285px;
	}
#avatar-lkc-container{
	width:137px;
	height: 177px;
	border: 0;
	position: absolute;
	margin: 175px 0px 0px 421px !important;margin: 83px 0px 0px 421px;
	
	}

#avatar-kko-container span.radio{background: url(../sfx/avatar-kko-roll.jpg) no-repeat;cursor: pointer;}


#inscrition-submit-btn{
	width: 276px;
	height: 60px;
	background: url(../sfx/creer-mon-rempart-btn.jpg) no-repeat;
	border: 0px;
	position: absolute;
	margin: 342px 0px 0px 276px !important;margin: 249px 0px 0px 276px;
	font-size: 1px;
	font-weight: bold;
	color: #ffffff;
	text-indent: -5000px;
	cursor: pointer;
	}
	
.input-text-orange{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	background: url(../sfx/input-text-orange.jpg) no-repeat;
	width:186px;
	height: 26px;
	border: 0;
	position: absolute;
	}
#connexion-pseudo{margin: 155px 0px 0px 585px !important;margin: 50px 0px 0px 585px;}
#connexion-code{margin: 202px 0px 0px 585px !important;margin: 86px 0px 0px 585px;}

#connexion-submit-btn{
	width: 232px;
	height: 53px;
	background: url(../sfx/aller-sur-mon-rempart.jpg) no-repeat;
	border: 0px;
	position: absolute;
	margin: 227px 0px 0px 566px !important;margin: 110px 0px 0px 566px;
	font-size: 1px;
	font-weight: bold;
	text-indent: -5000px;
	color: #ffffff;
	cursor: pointer;
	}
	
#inscription-mentions-legales{
	font-size: 9px;
	color:#99918d;
	line-height: 11px;
	text-align: justify;
	width:765px;
	position: absolute;
	margin: 443px 0px 0px 40px !important;margin: 327px 0px 0px 40px;
	}
#inscription-mentions-legales span{
	display: block;
	text-indent: -5000px;
	background: url(../sfx/mr-span-mention-legales.png) no-repeat;
	width: 248px;
	height:17px;
	margin-left: -3px;
	}	
	
	
	
	
	


/*****************************************************/
/*               Mon rempart espace perso		 	 */
/*****************************************************/	
#espace-perso-container{
	width:813px;
	height: 453px;
	background: url(../sfx/mr-espace-perso.png) no-repeat;
	position: absolute;
	margin: 214px 0px 0px -400px;
	left: 50%;
	}	
#espace-perso-container label{
	display: block;
	height: 1px;
	width: 1px;
	text-indent: -5000px
	}

#espace-perso-container #pseudo{margin: 104px 0px 0px 67px !important;margin: 90px 0px 0px 67px;}
#espace-perso-container #code{margin: 155px 0px 0px 67px !important;margin: 130px 0px 0px 67px;}
#espace-perso-container #code2{margin: 202px 0px 0px 67px !important;margin: 163px 0px 0px 67px;}
#espace-perso-container #email{margin: 246px 0px 0px 67px !important;margin: 195px 0px 0px 67px;}
#espace-perso-container #nom{margin: 295px 0px 0px 67px !important;margin: 228px 0px 0px 67px;}
#espace-perso-container #prenom{margin: 341px 0px 0px 67px !important;margin: 263px 0px 0px 67px;}
#espace-perso-container #inscrition-submit-btn{
	width: 151px;
	height:65px;
	background: url(../sfx/mr-espace-perso-valider-btn.png) no-repeat;
	margin: 320px 0px 0px 400px !important;
	margin: 228px 0px 0px 400px;
	}

#espace-perso-container #avatar-kko-container{margin: 160px 0px 0px 285px !important;margin: 65px 0px 0px 285px;}
#espace-perso-container #avatar-lkc-container{margin: 160px 0px 0px 421px !important;margin: 65px 0px 0px 421px;}

body #espace-perso-container #inscription-mentions-legales{
	font-size: 11px;
	color:#99918d;
	line-height: 12px;
	text-align: justify;
	width:245px;
	position: absolute;
	margin: 250px 0px 0px 612px !important;margin: 150px 0px 0px 612px;
	}
body #espace-perso-container #inscription-mentions-legales span{
	display: block;
	text-indent: -5000px;
	background: url(../sfx/mr-span-mention-legales.png) no-repeat;
	width: 248px;
	height:17px;
	margin-left: -3px;
	}	
	
	
	
	
	
.messageAlerte {
    padding: 50px;
    z-index: 13500;
    position: absolute;
    top:100px;
    left: 50%;
	margin-left: -500px; 
    display:block;
    width:836px;
	
    
}

.messageAlerteContenu {
    display:block;
    margin: 0px 0px 0px 217px;
    width: 400px;
}
	
.alert_top{
    display: block;
    height: 139px;
    clear: both;
    width:836px;
    	background:transparent url(../sfx/alert_top.png) no-repeat;}
.alert_middle{
    display: block;
    clear: both;
    width:836px;
    	background:transparent url(../sfx/alert_middler.png) no-repeat;    background-repeat: repeat-y;
}
.alert_bottom {
    display: block;
    height: 127px;
    clear: both;
    width:836px;
    	background:transparent url(../sfx/alert_bottom.png) no-repeat;}



/*****************************************************/
/*               Mon rempart 					 	 */
/*****************************************************/	

#mr-boiteInfo{
	display: block;
	width: 763px;
	height: 230px;
	background: url(../sfx/mr-boiteInfo.png) no-repeat;
	margin: 265px 0px 0px -381px;
	position: absolute;
	left: 50%;
	}
	
#mr-boiteInfo-Felli{
	display: block;
	width: 174px;
	height: 53px;
	background: url(../sfx/mr-boiteInfo-Felli_1.png) no-repeat;
	margin: 102px 0px 0px 45px;
	position: absolute;
	text-indent: -5000px;
	}
#mr-boiteInfo-Text{
	display: block;
	width: 500px;
	height: 55px;
	margin: 110px 0px 0px 232px;
	position: absolute;
	}
	
	
	
	
	
#mr-boiteCode-iefix{
	margin: 212px 0px 0px -437px;
	position: absolute;
	left: 50%;}	
#mr-boiteMenu{
	display: block;
	width: 466px;
	height: 169px;
		background:transparent url(../sfx/mr-boiteMenu.png) no-repeat;	}
#mr-boiteMenuAvatar-lkc{
	display: block;
	width: 148px;
	height: 202px;
		background:transparent url(../sfx/mr-avatar-lkc.png) no-repeat;	margin: 0px 0px 0px 0px;
	position: absolute;
	}
#mr-boiteMenuAvatar-kko{
	display: block;
	width: 148px;
	height: 202px;
		background:transparent url(../sfx/mr-avatar-kko.png) no-repeat;	margin: -11px 0px 0px 0px;
	position: absolute;
	margin-left: 0px;
	}
#mr-boiteMenuBienvenue{
	display: block;
	width: 290px;
	margin: 50px 0px 0px 145px;
	position: absolute;
	color: #33231c;
	font-size: 20px;
	}
.ie7 #mr-boiteMenuBienvenue{font-weight:bold;font-size:20px;line-height:25px}

#mr-boiteMenuDeconnexion{
	display: block;
	width: 152px;
	height: 26px;
		background:transparent url(../sfx/mr-boiteMenuDeconnexion.png) no-repeat;	margin: 80px 0px 0px 100px;
	position: absolute;
	cursor: pointer;
	}
#mr-boiteMenuModifProfil{
	display: block;
	width: 236px;
	height: 29px;
		background:transparent url(../sfx/mr-boiteMenuModifProfil.png) no-repeat;	margin: 110px 0px 0px 80px;
	position: absolute;
	text-indent: -5000px;
	cursor: pointer;
	}
	
	
.hiddenLink{text-indent: -5000px;display: block;width: 0;height: 0;}	
	
	

#mr-boiteCode-iefix2{
	margin: 190px 0px 0px 25px;
	position: absolute;
    z-index:100;
    width: 374px;
    height: 189px;
	left: 50%;}
#mr-boiteCode{
	display: block;
	width: 374px;
	height: 189px;
	
	}
.mr-boiteCode0{	
		background:transparent url(../sfx/box1.png) no-repeat;}

.mr-boiteCode2{	
		background:transparent url(../sfx/box2.png) no-repeat;}
.mr-boiteCode3,.mr-boiteCode5,.mr-boiteCode6{		
		background:transparent url(../sfx/box3.png) no-repeat;}
	
#mr-boiteCodeInput{
	display: block;
	width: 95px;
	background: none;
	color: #FFF;
	margin: 128px 0px 0px 128px;
	position: absolute;
	border: 0;
	}
#mr-boiteCodeBtn{
	display: block;
	width: 37px;
	height: 37px;
		background:transparent url(../sfx/mr-boiteCode-btnNB.png) no-repeat;	color: #FFF;
	margin: 115px 0px 0px 225px;
	position: absolute;
	border: 0;
	font-size: 1px;
	cursor: pointer;
	}
	
#mr-boiteCodeBtn-rappel{
	
	width: 54px;
	height: 55px;
		background:transparent url(../sfx/mr-boiteCode-btn.png) no-repeat;	color: #FFF;
	margin: 0px 0px 0px 30px;
	position: absolute;
	border: 0;
	font-size: 1px;
	cursor: pointer;
	}	
	
	
	
	
#mr-parcours{
	display: block;
	width: 801px;
	height: 518px;
	margin: 500px 0px 0px -372px;
	position: absolute;
	left: 50%;
	}
	
#quiz #contenuPrincipal{margin: 0 0 0 -45px;color: #33231c;font-size: 18px;line-height: 34px;}
#quizTitre{
width: 255px;
height:88px;
background: url(../sfx/quizTitre.png) no-repeat;
text-indent: -5000px;
margin-left: 150px;
}
#quizText{font-size: 14px;margin-bottom: 30px;} 


.quizlabel{font-size: 21px;font-weight: bold;}




#quiz span.radio {
   width: 34px;
   height: 34px;
   background-position: right;
   padding: 0 5px 0 0;
   background: url(../sfx/quiz-roll.jpg) no-repeat;
   display: block;
   clear: left;
   cursor:pointer;
 }


#quizSubmit{
background: url(../sfx/quizSubmit.jpg) no-repeat;
width: 367px;
height: 91px;
border: 0px;
border: 0px;
font-size: 1px;
font-weight: bold;
color: #ffffff;
text-indent: -5000px;
cursor: pointer;
}


*+html #contenuPrincipal ul, *+html #contenuPrincipal ol, * html #contenuPrincipal ul, * html #contenuPrincipal ol {
	padding: 15px;
	margin: 15px;
}
	
#monRempartLienEtape1{
float:left;
width: 100px;
height: 150px;
margin-top: 30px;

}
#monRempartLienEtape3{
float:right;
width: 100px;
height: 150px;
margin-top: 10px;

}
.clear{
    clear:both;
}


#lightboxMemory{
    width: 600px;
    height: 600px;
}
#lightboxMemoryContainer{
width: 600px;
height: 630px;
z-index:1051;
left:50%;
margin-left:-300px;
top: 50px;
margin-right: auto; 
position: absolute;
display:none;
border:10px solid #C8DD87;
background-color:#fff;
text-align:right;
}

#lightboxPuzzle{
    width: 590px;
    height: 300px;
}

#lightboxPuzzleContainer{
left:50%;
margin-left:-295px;
top: 100px;
position: absolute;
margin-right: auto; 
display:none;
width: 590px;
height: 330px;
z-index:1052;
border:10px solid #C8DD87;
background-color:#fff;
text-align:right;
}	

#lightboxPuzzleContainer a, #lightboxMemoryContainer a{
    
    height: 30px;
    text-align:right;
}
#lightboxFond{
display:none;
z-index: 1050;
position: absolute;
top: 0px;
bottom:0px;
right: 0px;
left: 0px;
opacity : 0.75;  
filter : alpha(opacity=75);
background-color:#333;

}