/***** Général *******/
*
{
	padding: 0px;
	margin: 0px;
}


body
{
	background: url(../images/bg.jpg) repeat-x #df1413;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:12px;
	color: #ffffff;
}

	a
	{
	text-decoration: underline;
	color:#FFFF00;
	}
	
	a:hover
	{
	text-decoration: none;
	color:#000000;
	}


	img
	{
	border: 0px;
	}


	
/******* Contenu **********/	
	
	#global
	{
		display:block;
		width:850px;
		margin:0px auto;
	}
	
		.sitemap 
		{
		padding-left: 80px;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:14px;
		color: #ffffff;
		line-height:20px;
		list-style:square;
		}
		
		.sitemap li a:hover
		{
		text-decoration: none;
		color:#ff0000;
		}
	
		#global_naby
		{
		display:block;
		width:850px;
		height:810px;
		margin:0px auto;
		background: url(../naby/videos/images/fond_video02.png) no-repeat;
		}
		
		#global_naby02
		{
		display:block;
		width:850px;
		height:485px;
		margin:0px auto;
		background: url(../naby/videos/images/fond_video.png) no-repeat;
		}
		
		#global_naby03
		{
		display:block;
		width:850px;
		height:700px;
		margin:0px auto;
		background: url(../naby/videos/images/fond_video02.png) no-repeat;
		}
		
		#videos
		{
		display:block;
		width:840px;
		height:790px;
		margin:0px auto;
		}
		
		#videos_naby
		{
		display:block;
		width:840px;
		height:510px;
		margin:0px auto;
		}
		
		#divmovie
		{
		display:block;
		width:420px;
		height:330px;
		margin:0px auto;
		}
	
		#global_personnages
		{
		display:block;
		width:850px;
		height:575px;
		margin:0px auto;
		background: url(../naby/personnages/images/fond_video.png) no-repeat;
		}
	
		#slogan_naby
		{
		display:block;
		background:url(../naby/images/bande_haut_naby.png) no-repeat;
		width:850px;
		height: 243px;
		float:left;
		}
		
		#slogan_naby02
		{
		display:block;
		background:url(../naby/images/bande_haut_naby02.png) no-repeat;
		width:850px;
		height: 243px;
		float:left;
		}
		
		#slogan_naby p
		{
		padding-left:25px;
		padding-top: 95px;
		}
		
		#slogan_naby02 p
		{
		padding-left:25px;
		padding-top: 95px;
		}
	
		#entete
		{
		width:855px;
		margin:0px auto;
		}

		#logo
		{	
		display:block;
		float:left; 
		}
	
		#icone
		{
		display:block;
		width:135px;
		height: 50px;
		float:right;
		margin:0px;
		}

		#icone li
		{ 
		display: inline;
		}


		#slogan
		{
		display:block;
		background:url(../images/bande_haut.png) no-repeat;
		width:850px;
		height: 244px;
		float:left;
		}
		
		#slogan p
		{
		padding-left:35px;
		padding-top: 60px;
		}	
	
		
		#slogan01
		{
		display:block;
		background:url(../images/bande_haut02.png) no-repeat;
		width:850px;
		height: 244px;
		float:left;
		}
		
		
		#slogan01 p
		{
		padding-left:35px;
		padding-top: 60px;
		}	
	
		
		#slogan02
		{
		display:block;
		background:url(../images/bande_haut03.png) no-repeat;
		width:850px;
		height: 244px;
		float:left;
		}
		
		#slogan02 p
		{
		padding-left:35px;
		padding-top: 60px;
		}	
		
		#slogan03
		{
		display:block;
		background:url(../images/bande_haut04.png) no-repeat;
		width:850px;
		height: 244px;
		float:left;
		}
	
		#slogan03 p
		{
		padding-left:35px;
		padding-top: 60px;
		}	
	
		#contenu
		{
		display:block;
		width:850px;
		margin:0px auto;
		}
	
				
		#colonne_g  
		{	
		display:block;
		float:left; 
		width: 250px;
		height: 365px;
		background:url(../images/bg_sous_menu.png)  no-repeat;
		margin:0px auto;
		}
		
		#colonne_g  p
		{	
		font-size:12px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana; 
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		}
		
		#titre_g
		{
		display:block;
		width:237px;
		height: 33px;
		background:url(../images/sous_menu_g.png)  no-repeat;
		margin: 6px 4px;
		}
		
		#titre_g a
		{
		display: block;
		float: left;
		font-size:15px;
		color: #ffffff;
		font-family:"Comic MS", Tahoma, Verdana;
		text-decoration: none;
		padding-left: 7px;
		padding-top: 5px;
		}
		
		
		#titre_g a:hover
		{
		display: block;
		float: left;
		width: 237px;
		height: 33px;
		text-decoration: none;
		background:url(../images/sous_menu_g-over.png)  no-repeat;
		padding-left: 7px;
		padding-top:5px;
		}
		
		#titre_g01
		{
		display:block;
		width:237px;
		height: 33px;
		background:url(../images/sous_menu_g.png)  no-repeat;
		margin: 6px 4px;
		}
		
		#titre_g01 a
		{
		display: block;
		float: left;
		font-size:15px;
		color: #ffffff;
		font-family:"Comic MS", Tahoma, Verdana;
		text-decoration: none;
		padding-left: 7px;
		padding-top: 5px;
		}
		
		#titre_g01 a:hover
		{
		display: block;
		float: left;
		width: 237px;
		height: 33px;
		text-decoration: none;
		background:url(../images/sous_menu_g-over.png)  no-repeat;
		padding-left: 7px;
		padding-top:5px;
		}
		
		#titre_g02
		{
		display:block;
		width:237px;
		height: 33px;
		background:url(../images/sous_menu_g.png)  no-repeat;
		margin: 6px 4px;
		}

		#titre_g02 a
		{
		display: block;
		float: left;
		font-size:15px;
		color: #ffffff;
		font-family:"Comic MS", Tahoma, Verdana;
		text-decoration: none;
		padding-left: 7px;
		padding-top: 5px;
		}
		
		#titre_g02 a:hover
		{
		display: block;
		float: left;
		width: 237px;
		height: 33px;
		text-decoration: none;
		background:url(../images/sous_menu_g-over.png)  no-repeat;
		padding-left: 7px;
		padding-top:5px;
		}

		#colonne_d
		{
		display:block;
		float:left;
		width:600px;
		height: 353px;
		margin:0px auto;
		}
		
		#colonne_dcontact
		{
		display:block;
		float:left;
		width:600px;
		height: 395px;
		margin:0px auto;
		}
		
		#colonne_portfolio
		{
		display:block;
		float:left;
		width:570px;
		height:350px;
		margin:0px auto;
		}
		
		.portfolio
		{
		padding: 10px 10px 0px 20px;	
		font-size:15px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		text-align: justify;
		}
		
		
		#titre_d
		{
		display:block;
		width:596px;
		height: 48px;
		background:url(../images/bg_titre.png)  no-repeat;
		font-size:22px;
		color: #ffffff;
		font-family:"Comic MS", Tahoma, Verdana;
		padding-top: 10px;
		padding-left: 15px
		}
		
		.colonne_d
		{
		padding-left: 15px;
		padding-right: 10px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		text-align:justify;
		}
		
		.entreprise
		{
		padding-left: 15px;
		padding-right: 10px;
		padding:20px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		text-align:justify;
		}
		
		.page_texte
		{
		padding-left: 15px;
		padding-right: 10px;
		padding:20px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		}
		
		.page_texte a
		{
		font-size:14px;
		color: #ffffff;
		text-decoration:underline;
		}
		
		.page_texte a:hover
		{
		font-size:14px;
		color: #33FF00;
		}
		
		.entreprise a
		{	
		font-size:14px;
		color: #ffffff;
		text-decoration:underline;
		}
		
		.entreprise a:hover
		{
		font-size:14px;
		color: #33FF00;
		}
		
		#services
		{
		padding-left: 45px;
		padding-right: 10px;
		padding-top:0px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		list-style-image:url(../images/bullet02.png);
		}
		
		#services li
		{
		padding-left:3px;
		padding-right: 10px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		line-height:21px;
		}
		
		.services
		{
		padding-left: 15px;
		padding-right: 10px;
		padding:10px;	
		font-size:14px;
		color: #ffffff;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		}	
		
		#btn_accueil
		{
		display:block;
		float:left;
		width:600px;
		height: 160px;
		margin: 0px auto;

		}
		
		
		.btns
		{
		display:block;
		float:left;
		padding:5px;
		margin: 5px;
		}	


/******* Menu **********/		
	

	#menu
		{
		display:block;
		width:850px;
		height: 47px;
		margin: 0px auto;
		text-align:center;
		background: url(../images/fond_menu_haut.png) no-repeat;
		padding-top:19px;
		}

		#menu li
		{ 
		display: inline;
		}

		#menu li a
		{
		font-family: "Comic", Arial, serif;
		font-size:18px;
		width: 200px;
		color: #999999;
		text-decoration: none;
		float: left;
		height:36px;
		font-weight: normal;
		}

		#menu li a:hover
		{		
		color: #018a01;
		text-decoration: none;
		}
	
		.aucun
		{
		color: #02d602;
		}



/******* Menu-bas **********/		
	


		#menu_bottom
		{
		display:block;
		float:left;
		width:850px;
		height: 80px;
		background: url(../images/bande_bas.png) no-repeat;
		margin: 0px;
		color: #ffffff;
		text-align:center;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:11px;
		padding-top: 20px;
		
		}

		#menu_bottom a
		{
		
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:12px;
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		margin: 0px auto;
		display: inline;
		}
		

		#menu_bottom a:hover
		{		
		color: #000000;
		text-decoration: none;
		}

		/*.bordure
		{		
		float: left;
		border-right-style: solid;
		border-right-color: #ffffff;
		border-right-width: 1px;
		}*/
	

/******* autres **********/		
		
	.clear 
	{
	clear:both; 
	} 
	
	
/******* village enchante **********/		
		
	#village 
	{
	display:block;
	margin: 0px auto;
	width:100%;
	} 
		
	.village
	{
	display:block;
	margin: 0px auto;
	width:1024px;
	} 

/******* Menu Portfolio **********/

		#menu_portfolio
		{
		width: 200px;
		list-style: none;
		margin: 40px auto;
		padding: 0px;
		}

		
		#menu_portfolio li a
		{
		font-family: "Comic", Arial, serif;
		font-size:14px;
		font-weight:bold;
		width:220px;
		color: #ffffff;
		text-decoration: none;
		float: left;
		height:36px;
		font-weight: normal;
		padding: 65px 0px 0px 0px;
		}

		#menu_portfolio li a:hover
		{		
		color: #26ff26;
		text-decoration: none;
		}
		
		#auparc
		{
		position: absolute;
		z-index:1;
		width:300px;
		height: 280px;
		left: 645px;
		top: 56px;
		overflow: visible;
		font-family:"Trebuchet MS", Tahoma, Verdana;
		font-size:17px;
		color: #FFFF33;
		font-weight: bold;
		text-align:center;
		}
		
		#auparc02
		{
	position: absolute;
	z-index:1;
	width:360px;
	height: 260px;
	left: 589px;
	top: 48px;
	overflow: visible;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:17px;
	color: #FFFF33;
	font-weight: bold;
	text-align:center;
	border: medium solid #FFFF00;
		}
		
#bulleaide{
	position: absolute;
	left: -700px;
	top:700px;
	padding: 20px 0px 50px 0px;
	background:url(../naby/images/bubble.png) no-repeat;
	width: 308px;
	height:65px;
	visibility: hidden;
	z-index: 100;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);*/
}

#bulleaide_titre {
	color: #ffffff;
	text-align:center;
}

#bulleaide p{
	font-size:14px;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	padding-left: 80px;
}

*#bulleaide_pointe{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}*

