body {
	font: 12px 'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link, a:active, a:hover, a:visited{
text-decoration:none;
}
p {margin:0px;}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color:#ffffff;
	height:107px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#logo{

float:left;
width:131px;
}
#main_menu{
float:left;
width:829px;


}
#main_flash{
float:left;
width:960px;
height:403px;

}
#main_news{
	float:left;
	width:960px;
	height:158px;
	padding-left:85px;
	padding-top:10px;
	background-image:url(../images/news.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}


#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */	
}

#footer {
float:left;
width:960px;
height:200px;
}

#developer{
width:910px;
text-align:right;
margin:0 auto;
height:50px;

}

#cont{
width:902px;
text-align:left;
margin:0 auto;
height:auto;
background-color:#ffffff;
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;

}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#header1{
	width:960px;
	height:76px;
	
	background-repeat:no-repeat;
	background-position:top center;
	
}

#left{
	float:left;
	width:85px;
	height:411px;
	
	background-repeat:no-repeat;
	background-position:left top;
}
#center{
	float:left;
	width:790px;
	height:411px;
}
.news_col1{
	float:left;
	width:168px;
	height:140px;

}
.news_col{
	float:left;
	width:180px;
	height:140px;

}

.vline{

	background-image:url(../images/vline.gif);
	background-repeat:no-repeat;
	background-position:135px 20px;

}
.vline2{

	background-image:url(../images/vline.gif);
	background-repeat:no-repeat;
	background-position:150px 20px;

}

#top_header{
	width:790px;
	height:113px;

	background-repeat:no-repeat;
	background-position:left top;
}
#top_menu{
	width:790px;
	height:32px;
	
	background-repeat:no-repeat;
	background-position:left top;
	
}
#top_flash{
z-index:-1;
	width:790px;
	height:266px;

}
#search{
	float:left;
	display:block;
	width:606px;
	height:107px;
	padding:0;
	
	background-repeat:no-repeat;
	background-position:left top;
}
#ssheader{
	float:left;
	display:block;
	width:960px;
	height:24px;
	padding:0;
	
	background-repeat:no-repeat;
	background-position:left top;
}

#flash{
float:left;
	width:608px;
	height:301px;
}
#fl{
margin:0;
padding:0;

}
#mascot{
float:left;
	width:352px;
	height:37px;
}
.text{
font-family:'Trebuchet MS';
font-size:11px;
color:#666666;
text-align:left;
line-height:19px;
}

.text_black{
font-family:'Trebuchet MS';
font-size:11px;
color:#333333;
text-align:justify;
}
.text12{
font-family:'Trebuchet MS';
font-size:12px;
color:#666666;
text-align:justify;
}
.blue {
	color: #ff0000;
	font-weight: bold;
}

.linkf, .linkf:link, .linkf:hover, .linkf:active, .linkf:visited {
    font: bold 10px 'Trebuchet MS';
    text-decoration: none;
    color: #086FD8;
    text-align: left;
    text-transform: capitalize;
}
                        
#footer_menu{
	float:left;
	width:740px;
	height:30px;
	padding:0px;
	background:#E7EEF4;

}
#footer2{
	float:left;
	width:200px;
	height:200px;
	padding:0px;
	font: normal 10px 'Trebuchet MS';
	padding-top:3px;
	color: #086FD8;
	background:#ffffff;

}
#footer-cont{

width:960px;
height:200px;
background-image:url(../images/footer_content.jpg);
background-repeat:no-repeat;
background-position:center 0px;
}

#content_page{
float:left;
width:960px;

}
#lang1{
	float:left;
	padding:0px;
	font: normal 10px 'Trebuchet MS';
	padding-top:3px;
	color: #086FD8;
}
#copy{
	float:right;
	padding:0px;
	margin-left:30px;
	font: normal 10px 'Trebuchet MS';
	padding-top:3px;
	color: #086FD8;
}


.content_bg{
	width:960px;
	
	background-repeat:repeat-y;
	background-position:left top;
}


#center_pane{
	position:relative;
	left:0px;
	width:770px;
	padding:0px;
	background-color:#000000;
	margin:0 auto;
	padding:10px;

}
#content_zone{
	float:left;
	width:200px;
	padding:0px;
	background-color:#000000;
}
.title{
font-family:'Trebuchet MS';
font-size:24px;
color: #ff0000;
font-weight: bold;
}

.hnews{
font-family:'Trebuchet MS';
padding-left:10px;
font-size:18px;
color: #ff0000;
font-weight: bold;
}

.news_middle{
	
	background-repeat:repeat-y;
	background-position:middle top;
}

.news_header{

	background-repeat:repeat-y;
	background-position:middle top;
	height:47px;
}

.titleNews,.titleNews:active,.titleNews:link,.titleNews:hover,.titleNews:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
}
.newsItalic {
	font-family: Tahoma;
	font-size: 10px;
	font-style: oblique;
	color: #003366;
}
.news {
	font-family: Tahoma;
	font-size: 10px;
	color: #003366;
	text-align: justify;

}
.linkMore, .linkMore:link, .linkMore:active,.linkMore:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	vertical-align: middle;
}


img
{
	border: none;
}


.selected:link, .selected:active, .selected:hover, .selected:visited{
color: #086FD8;
}


#progr table {
	width:770px;
	border-top:1px solid #333333;
	border-right:1px solid #333333;
	margin:1em auto;
		border-collapse:collapse;
	}
#progr caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
#progr tr.odd td	{
	background:#171717
	}
#progr tr.odd .column1	{
	background:#121312;
	}	
#progr .column1	{
	background:#121312;
	}
#progr td {
	color:#999999;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	padding:.3em 1em;
	text-align:center;
	}				
#progr th {
	font-weight:normal;
	color: #ff0000;
	text-align:left;
	border-bottom: 1px solid #333333;
	border-left:1px solid #333333;
	padding:.3em 1em;
	}							
#progr thead th {
	background:#171717;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#ff0000;
	}	
#progr tfoot th {
	text-align:center;
	background:#171717;
	}	
#progr tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
#progr tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	
	
#ContactForm{
float:left;
width:500px;

}	
#contactInfos{
float:left;
width:200px;

}	

.bg-content{
	background-image:url(../images/bg_content.jpg);
	background-repeat:repeat-x;
}
#sec_menu{
	background-image:url(../images/second_menu2.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:97px;
}
#sec_menu2{
	background-image:url(../images/second_menu2.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:121px;
}

#con_menu{
	background-image:url(../images/con_menu.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:97px;
}
#cont_menu{
	background-image:url(../images/contact_menu.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	height:97px;
}
.Article {
width:790px;
position:relative;
left:-10px;

	
	border-bottom:1px solid #b2b2b2;
	background-color: #FFFFFF;
	padding: 0px;
	padding-left:0px;
	padding-bottom:10px;
	margin-top:0px;
	position:relative;
	top:-10px;

 	
}


.break{
	background-image:url(../images/content_break.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	height:21px;
}

#galerie_top{
left:3px;
float:left;
width:670px;


}
#galerie_bottom{
left:3px;
float:left;
width:670px;
margin-top:50px;

}


#ecran{
float:left;
width:560px;
}

#zoom{
float:left;
position:relative;
top:400px;
width:100px;

}

#nav2 { display: block; margin: 0; padding: 0; position: relative; }
  #nav2 li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav2 a { display: block; }
  
  #nav2 { margin:0 auto; height: 20px; margin-top:0px; float:right; padding-right:0px; width:900px; text-align:center;}

  
   #nav2 a { display:block; color: #ffffff; font-size: 0.9em; padding: 6px; line-height: 12px;width:auto;padding-left:20px; padding-right:20px; text-align:center;font-weight:normal;
     
	background-repeat:no-repeat;background-position: center 20px;
	line-height:20px;		}	
	
.no_space, .no_space:active, .no_space:hover, .no_space:visited{
padding:0;
margin:0;
}	

#dotari_list li{
margin-left:40px;
line-height:20px;
font-weight:normal;

}
	
	.type_submenu{
position:relative;
top:59px;
left:200px;
}
.type_submenu li{

border-left:1px solid #808080;
width:20px;
padding-left:13.5px; padding-right:13.5px; text-align:center;
line-height: 10px;
height:10px;


}

.type_submenu li a:active, .type_submenu li a:link, .type_submenu li a:visited, .type_submenu li a:hover{

color:#808080;

}
.type_submenu li a:hover{

color:#666666;
}

.sie7{
margin-top:15px;
}

.nleft{
float:left;
width:230px;

}
.nright{
float:right;
width:470px;
position:relative;
top:15px;

}

.n_preview a{
color:#4b29eb;
text-decoration:none;

}
.n_title{
width:270x;
}

.n_w{
width:500px;
position:relative;
left:-40px;
top:0px;

}

.line{
width:794px;
height:30px;
padding-top:30px;
}

#pic_cont{
position:relative;
top:17px;
left:30px;

}

.contact_name{
margin:0px;
padding:0px;
width:200px;
}

.link_das, .link_das:link, .link_das:active, .link_das:hover, .link_das:visited{
color:#808080;
text-decoration:none;
}
#dotari_list li{
line-height:13px;
}
.input{
width:200px;
font-family: "trebuchet MS";
color:#666666;
font-size:0.8em;
border:1px solid #cccccc;
background-color:#ededed;
}
.button{
width:70px;
font-family: "trebuchet MS";
color:#ffffff;
font-size:0.8em;
border:1px solid #ededed;
background-color:#a8a9ad;
}
.input_textarea{
width:200px;
height:150px;
font-family: "trebuchet MS";
color:#666666;
font-size:0.8em;
border:1px solid #cccccc;
background-color:#ededed;

overflow:auto;
}

.contactForm_item{
width:300px;
height:20px;
margin-bottom:2px;
margin-left:20px;
}
.form_title{
float:left;
width:80px;
height:20px;

font-family: "trebuchet MS";
color:#666666;
font-size:0.8em;
}
.form_field{
float:left;
width:200px;
height:20px;
}
.topm{

padding-top:180px;
padding-left:32px;
}
.sptas{
 margin-left:93px;
}

.grey{
color:#777777;
}