/* CSS Document */

body, html
{
	background: #E67917 url(../images/charte/bg-body.jpg) repeat-x top left;
	display:table;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
p, ul, li, table, div, h1, h2, h3, hr, img
{
	padding:0px;
	margin:0px;
}

/* bannerul flash*/
#container
{
	margin:0;
	width:100%;

}
#container0
{
	margin:0 auto;
	width:784px;
	display:table;
}
#header
{
	margin:0px;
	width:784px;
	height:205px;
	padding:0px;
	display:table;
}
/* care contine coloana din stanga si coloana din dreapta*/
#container1
{
	background:#FAF7F6 url(../images/charte/bg-container.jpg) repeat-y top left ;
	width:784px; 
	display:table;
}
	#left-col
	{
		width:226px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		font-weight:normal;
	}
		#menu
		{
			width:226px;
			height:250px;
			float:left;			
		}
		#mdm
		{
			width:226px;
			height:190px;
			float:left;
			background:url(../images/charte/bg-mdm.jpg) no-repeat top left;
		}
		#adress
		{
			width:226px;
			height:226px;
			background:url(../images/charte/bg-adresse.jpg) no-repeat top left;
			float:left;
		}
		#adr	{	
			width:190px;
			margin-top:55px;
			margin-left:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ffffff;
			text-align:left;
			line-height:18px;
		}
		#email
		{
			width:90px;
			margin-top:15px;
			margin-left:70px;
		}
		#plan
		{
			width:226px;
			height:188px;
			float:left;
			background:url(../images/charte/bg-plan.jpg) no-repeat top left;
		}
		.map{
		margin-top:42px;
		cursor:pointer;

		}
	
/*---------------------------------------------------------------*/
	#right-col
	{
		width:558px;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		font-weight:normal;
	}
		.page-dynamic
		{
			text-align:left;
			width:550px;
			color:#000000;
			
		}
		.page-dynamic p
		{
			line-height:18px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#000000;
			text-align:justify;
			margin-left:9px;
			margin-right:5px;
			
		}
		.page-title
		{
			width:558px;
			height:50px;
			float:left;
		}
		
		.presentation
		{
			background:url(../images/charte/title-presentation.jpg) no-repeat center top;
		}
		.logistique
		{
			background:url(../images/charte/title-logistique.jpg) no-repeat center top;
		}
		.pyrotechnie
		{
			background:url(../images/charte/title-pyrotechnie.jpg) no-repeat center top;
		}
		.conseil
		{
			background:url(../images/charte/title-conseil.jpg) no-repeat center top;
		}
		.contact
		{
			background:url(../images/charte/title-contact.jpg) no-repeat center top;
		}
		.merci
		{
			background:url(../images/charte/title-merci.jpg) no-repeat center top;
		}
ul.list
{
	margin-left:30px;
	margin-top:5px;
	width:490px;
	float:left;
}
.list li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 8px;
	background-repeat:no-repeat;
	padding:3px 2px 2px 15px;
	padding-left:40px;
	line-height:18px;
}	
.image{
margin-left:30px;
margin-top:10px;
margin-bottom:10px;

}	
ul.list1
{
	margin-left:30px;
	margin-top:10px;
	width:310px;
	float:left;
}
.list1 li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 6px;
	background-repeat:no-repeat;
	padding:3px 2px 2px 15px;
	padding-left:40px;
	line-height:15px;
}		

ul.list2
{
	margin-left:10px;
	width:530px;
	float:left;
}
.list2 li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 8px;
	background-repeat:no-repeat;
	padding:3px 2px 2px 0px;
	padding-left:40px;
	line-height:16px;
}		
ul.list3
{
	margin-left:20px;
	width:350px;
	float:left;
}
.list3 li
{
	background:url(../images/charte/bullet.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 8px;
	background-repeat:no-repeat;
	padding:3px 2px 2px 0px;
	line-height:16px;
	padding-left:40px;
}	
ul.list4
{
	margin-left:5px;
	margin-top:10px;
	width:310px;
	float:left;
}
.list4 li
{
	background:url(../images/charte/bullet1.jpg) no-repeat;
	list-style-type:none;
	background-position: 2px 6px;
	background-repeat:no-repeat;
	padding:3px 2px 2px 15px;
	padding-left:40px;
	line-height:15px;
}		


.image-right
{
	float:right;
	margin:5px 5px 10px 5px;
	cursor:pointer;
}	
.image-left
{
	float:left;
	margin:5px 10px 5px 5px;
	cursor:pointer;
}	

.line
{
	margin:5px 0px 5px 0px;
}

.paragraf
{
	background:url(../images/charte/bg-paragraf2.jpg) no-repeat top left;
	width:554px;
	height:141px;
	padding-top:5px;
}
.paragraf1
{
	background:url(../images/charte/bg-paragraf.jpg) no-repeat top left;
	width:554px;
	height:145px;
	padding-top:5px;
}
.paragraf2
{	
	margin-top:15px;
	background:url(../images/charte/paragraf3.jpg) no-repeat top left;
	width:554px;
	height:185px;
	padding-top:5px;

}

#evident
{
padding-top:30px;
height:100px;
width:380px;
float:left;
padding-bottom:20px;
}		
#text
{margin-top:15px;
margin-bottom:10px;
}
#textp
{margin-top:15px;
margin-bottom:10px;
}
#text12
{margin-top:15px;
margin-bottom:10px;
}
#text a:link,  #text a:visited 
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		color:#004D8B !important;
	}
#text a:hover,  #text a:active
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		color:#004D8B !important;

	}
#text1
{
margin-top:35px;
}
#text11
{
margin-top:35px;
}
#text2
{
width:350px;
margin-top:15px;
margin-bottom:10px;
}
#text3
{margin-top:5px;
margin-bottom:5px;
}
#text31
{margin-top:5px;
margin-bottom:5px;
}
#text32
{margin-top:5px;
margin-bottom:5px;
}

#text4
{margin-top:25px;
margin-bottom:25px;
}
#text41
{margin-top:25px;
margin-bottom:25px;
}
#title-contact1{
margin-top:10px;
text-align:center;
font-size:14px;
font-weight:bold;
color:#000000;
}
#title-contact{
margin-top:10px;
text-align:center;
font-size:14px;
font-weight:bold;
color:#000000;
}
#title-contact a:link,  #title-contact a:visited
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#004D8B !important;
	}
 #title-contact a:hover,  #title-contact a:active
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
		color:#004D8B !important;

	}


/*
#consulter
{
	text-align:center;
}
#consulter1
{
	text-align:center;
	margin-top:25px
}	
#title-aps
{
	font-family: verdana, tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	color:#004597;
	font-weight:bold;
	text-align:center;
	width:550px;
	padding-bottom:15px;
}
#title-aps1
{
	font-family: verdana, tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	color:#004597;
	font-weight:bold;
	text-align:center;
	width:550px;
	padding-bottom:5px;
}
#title-aps2
{
font-family: verdana, tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	color:#004597;
	font-weight:bold;
	text-align:center;
	width:420px;
	margin-top:20px;
	float:left;
}
#atelier
{
	font-family: verdana, tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	color:#004597;
	font-weight:bold;
	float:left;
	padding-left:10px;
}
#realisation
{
	font-family: verdana, tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	color:#004597;
	width:360px;
	font-weight:bold;
	float:left;
	margin-left:10px;
	margin-top:20px;
	text-align:center;
}
#realisation a:link, #realisation a:visited
	{
		font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		color:#8C92AC !important;
	}
#realisation a:hover, #realisation a:active
	{
		font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
		color:#00499C !important;

	}		*/
#container-footer
{
	width:100%;
	height:50px;
}

#footer
{
	background:url(../images/charte/bg-footer.jpg) no-repeat top right;
	width:784px;
	height:50px;
	margin:0 auto;
}
	#digital
	{
		width:150px;
		height:30px;
		float:left;
		margin-top:5px;
		margin-left:7px;
	}
	.digital-age{
	cursor:pointer; 
	margin-left:25px;
	}
	#nav-footer
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		font-weight:normal;
		text-align:right;
		float:right;
		width:600px;
		height:20px;
		padding-top:5px;
	}
		
#footer-droits
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	float:left;
	width:600px;
	color:#ffffff;
	padding-top:3px;
}
	#nav-footer a:link, #nav-footer a:visited
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#ffffff;
		font-weight:normal;
		text-decoration:none;
	}
	#nav-footer a:hover, #nav-footer a:active
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		text-decoration:underline;
	}

	#mentions-link:link, #mentions-link:visited
	{
		color:#ffffff !important;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px !important;
		font-weight:bold !important;
	}
	#mentions-link:hover, #mentions-link:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px !important;
		font-weight:bold !important;
		text-decoration:underline;
		color:#ffffff!important;
	}	
/*---mini-popup---*/
#pays{
width:200px;
height:300px;
}
/*---popup---*/
#fermer 
{
	background-color:#00508D;
	height:30px
}
#fermer a:link, #fermer a:visited{
	height:20px;
	font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	font-weight:bold;
	color:#F0F4F8;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	height:20px;
	font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
	font-size:12px;
	font-weight:bold;
	color:#F0F4F8;
	text-decoration:underline;
}

/*---popup:Europe---*/
#fermer-mini{
	width:60px;
	padding-top:20px;
	margin-left:210px;
	
}
#popup-europe{
width:319px;
height:210px;
background:url(../images/popup-index/bg-europe.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#europe-contenu{
width:270px;
height:120px;
padding-left:25px;
margin-top:50px;
float:left;
}
#left-list
{
	margin-left:0px;
	padding-top:2px;
	width:140px;
	height:120px;
	float:left;
}
#left-list1
{
	margin-left:0px;
	padding-top:2px;
	width:130px;
	height:20px;
	float:left;
}

#right-list
	{
		margin-left:10px;
		padding-top:2px;
		width:110px;
		height:120px;
		float:left;
	}
	#right-list1
	{
		margin-left:0px;
		padding-top:0px;
		width:80px;
		height:90px;
		float:left;
	}

#flag-list p
	{
		list-style-type:none;
		background-repeat:no-repeat;
		padding-left:0px;
		line-height:13px;
		padding-left:2px;
	}

.flag{
	float:left;
	padding-right:3px;
	}
#flag-list{
	width:140px;
	float:left;
	height:20px;}

#flag-list2{
	width:80px;
	float:left;
	height:20px;}

#flag-list1{
	width:110px;
	float:left;
	height:20px;}
#flag-list1 p
	{
		list-style-type:none;
		background-repeat:no-repeat;
		padding-left:0px;
		line-height:13px;
		padding-left:2px;
	}
#popup-asie{
width:319px;
height:210px;
background:url(../images/popup-index/bg-asie.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#asie-contenu{
width:270px;
height:120px;
padding-left:25px;
margin-top:50px;
float:left;
}
#popup-amerique{
width:226px;
height:210px;
background:url(../images/popup-index/bg-ameriques.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#amerique-contenu{
width:220px;
height:120px;
margin-left:25px;
margin-top:50px;
float:left;
}
#fermer-amerique{
	width:60px;
	padding-top:20px;
	margin-left:130px;
}
#popup-oceanie{
width:226px;
height:210px;
background:url(../images/popup-index/bg-oceanie.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#oceanie-contenu{
width:270px;
height:120px;
padding-left:25px;
margin-top:50px;
float:left;
}
#popup-afrique{
width:226px;
height:210px;
background:url(../images/popup-index/bg-afrique.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#afrique-contenu{
width:200px;
height:120px;
padding-left:25px;
margin-top:50px;
float:left;
}
	#fermer-afrique{
	width:60px;
	margin-top:100px;
	margin-left:115px;
}	
#popup-moyen-orient{
width:226px;
height:210px;
background:url(../images/popup-index/bg-moyen-orient.jpg) no-repeat top left;
color:#ffffff;
font-family:verdana,  tahoma, trebuchet MS, Bitstream Vera Sans, black chancery;
font-size:12px;
font-weight:bold;
}
#moyen-orient-contenu{
width:270px;
height:120px;
padding-left:25px;
margin-top:50px;
float:left;
}