@import url("reset.css");

@font-face {
        font-family:myfont1;
        src: url(Geo.ttf);
        
}

body{

	background-color: #000;

}
#container{
margin:0 auto 0 auto;
width:675px;
text-align: left;
font-family: myfont,Verdana;
height: 100%:

}
a{

	color: #222222;	
	text-decoration: none;
	font-family: myfont1;
	font-size: 24px;
	margin-left: 12px;
	margin-right: 5px;
	
	
}
a:hover{

	color:#227799;
}
a.active{

	color:red;
}
a.link
{
	font-size: 14px;
	
	

}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;text-align: left; }
.group { display: inline-block; clear: both;text-align: left }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

#page-wrap { 
    text-align: left;
    height:510px;
    width: 675px;
    background-color: white;
}

#main-content { padding: 0px;background-color: white; }

h1 { text-align: left;padding-bottom: 10px;padding-top: 10px; }
p { margin: 0 0 15px 0; }

.spacer{height:10px;width:100%;background-color: white}

#nav{
	padding-top: 15px;
	margin-top: 30px;
	
	background-color: white;
	width:675px;
	padding-bottom: 15px;
} 
nav ul { 
    list-style: none;  
    
}
nav ul li {text-align: left ; }
nav ul li a {
	display: block;
	font-family: myfont1;
	
	
	
	
}
nav ul li a:hover {
	color: #227799;
}	
nav ul li a:active, nav ul li a.current {

color: #227799;
	
}
.current{color:#227799;}
li {text-align: left;list-style: circle;font-size: 12px;line-height: 15px; }


.banner_top{

    width:675px;
	height:138px;


}

.focus
{		font-family: Verdana;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 5px;
	border-bottom: 1px solid black;
	width :462px;
	height: 168px;
	margin-left: 4px;
	background-color: white;
}
.thumbs
{
	
	width:170px;
	height: 168px;
	float: left;
	margin-right: 1px;
	
	

}
.short_text
{	
	padding: 4px;
	font-family: Verdana;
		width:278px;
	height:158px;
	float: right;
	line-height: 15px;
	
}
.lText
{

	width:460px;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	line-height: 16px;
	font-family: Verdana;
	font-size: 11px;	


}
.lText a{font-family: Verdana;font-size: 12px;color: #000088}

.fHeader{
	font-family: Verdana;
	font-size: 14px;
	color: black;
	width : 278px;
	margin-bottom: 15px;
	padding-left: 6px;

}
.fContent{
	font-family: Verdana;
	font-size: 12px;
	
	width : 278px;
	margin-top: 1px;
	margin-bottom: 15px;
	padding-left: 6px;

}
.fContent a{font-size: 12px;}


.list
{	
	padding: 1px;
	padding-left: 5px;
	margin-top: 1px;
	width:468px;
	height:305px;
	background-color: white;

}

.lHeader{
	font-family: Verdana;
	
	width:466px;
	height: 50px;

}
.lContent{
	font-family: Verdana;
	font-size: 13px;
	margin-top: 1px;
	
	width:466px;
	height:302px;

}
.side
{	
	background-color: #bbeeff;
	font-size: 12px;
	padding: 1px;
	float: right;
	width:180px;
	height:498px;
	margin-right: 10px;
	
	


}
.side div
{	
	
	padding: 10px 5px 10px 5px;
	border-bottom:1px dashed black;
	margin-bottom: 1px;
	width: 168px;
	color: #555555;
	line-height: 17px;
}
.side input
{
	font-family: Verdana;
	font-size: 11px;
	margin-right: 8px;
	background-color: #eeeeee;
	border: none;
	cursor: pointer;
	margin-top: 2px;
	
}
.side a
{
font-family: Verdana;
margin: 0px;
font-size: 12px;
color: blue;

}

font.sTitle
{
	color: black;
	font-weight: 600;

}
.list_item
{

	font-family: Verdana;
	font-size: 14px;
	
	margin-top:8px;
	
	width:464px;
	cursor: pointer;
	height:15px;

}

div.active 
{

	background-color: #aaccff;

}
div.survol

{

	color: blue;

}

.lDate
{
	font-family:Verdana;
	font-size: 11px;
	width:120px;float:left;margin-left:5px;

}

.lTitle
{
	font-family:Verdana;
	font-size: 11px;
	width:320px;float:left;

}
.lID
{

	font-family: Verdana;
	font-size: 12px;
	width:20px;float:left;


}
.more{
	
	
	font-size: 13px;
	font-weight: 600;
	width:65px;
	height:20px;
	float: right;
	color: red;
	text-align: right;
	margin-bottom: 2px;
	background-color: #eeeeee;
	text-align: center;
	padding-top: 5px;

}
.more a{

font-size: 12px;
color: red;
}

.bordered{


	border: 1px solid red
}
.top{

	height: 180px;

}


.details{border: 1px solid black;}

.lieu{font-size: 13px;  font-family: Verdana;margin-top: 20px;margin-bottom: 5px;}
.periode{font-size: 13px;  font-family: Verdana;margin-bottom: 5px;}
.clients{font-size: 13px;  font-family: Verdana;margin-bottom: 5px;}
.partenaires{font-size: 13px;  font-family: Verdana;margin-bottom: 5px;}

.bot{width:652px;}

.moreImg{width:650px;height: 10px;}
.moreImg img{width: 152px;margin-right: 10px;margin-top: 10px;float: left;}
li{margin-left: 30px;}




.activites{

	width: 470px;
	height:500px;
	margin-left: 5px;
	padding: 0px;


}
.activites a{

	margin: 0 25px 0 5px;
	font-size: 14px;
	font-family: Verdana;
	color: #777777;

}
a.selected{


	color:#000077;

}
.cont_act{

	margin: 20px 0px 0px 5px;
	width: 470px;
	
	font-size: 12px;


}