/*
CSS
*/
body{
	font-family: Arial;
	font-size:8.5pt;
	color: #E2E2E2;
	padding:0;	
	margin:0; 
	background: url(../images/bg.jpg) repeat-x;
	text-align:left;
	height: 100%;	
}

table#contentpaneopen {
 font-size:11pt;
}

div#conteneur{
	position: relative;
	width:766px;
	left:0px;
  	top:0px;
	margin: 0 auto;
	min-height: 100%;  	
}



div#bottom {

	width:766px;
	height:22px;
	background:#445daa;
	position: absolute;
	bottom: 0; left: 0;
}


div#bottom .text{

	width:766px;
	height:22px;
	top:7px;
	background:#445daa;
	position:relative;
	font-size: 10px; 
	font-family:arial;
	color: #ffffff;
	font-weight:bold;



}


#fisheye {

	width:766px;
	height:33px;
	position:absolute;
	left:0px;
  	top:0px;


}



img {
	border: none;
}


#fond {



}



/* dock - top */
.dock {
	position: absolute; 
	top : 170px;
	left:50%;
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 30px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 30px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 0px 10px 0px; 
	width: 80%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(../images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}



}

.violet10 {

	font-size: 10px; 
	font-family:arial;
	color: #010d54;
	font-weight:bold;

}

.violet12 {

	font-size: 12px; 
	font-family:arial;
	color: #010d54;
	font-weight:bold;

}

.violet10souligne {

	font-size: 10px; 
	font-family:arial;
	color: #010d54;
	font-weight:bold;
	text-decoration:underline;

}






#header {

	width:766px;
	height:170px;
	position:relative;
	left:0px;
  	top:0px;
	margin-top: 0;
}


#header .part1{

	width:766px;
	height:13px;
	background: transparent url(../images/head1.jpg) no-repeat;
	position:absolute;
	left:0px;
  	top:0px;

}

#header .logo{

	width:268px;
	height:157px;
	background: transparent url(../images/head2.jpg) no-repeat;
	position:absolute;
	left:0px;
  	top:13px;

}

#header .part2{

	width:498px;
	height:157px;
	background: transparent url(../images/head3.jpg) no-repeat;
	position:absolute;
	left:268px;
  	top:13px;

}

#barre {

	width:766px;
	height:33px;
	position:relative;
	left:0px;
  	top:0px;

}

#barre .part1{

	width:28px;
	height:33px;
	background: transparent url(../images/barre1.jpg) no-repeat;
	position:absolute;
	left:0px;
  	top:0px;

}

#barre .part2{

	width:28px;
	height:33px;
	background: transparent url(../images/barre2.jpg) no-repeat;
	position:absolute;
	left:738px;
  	top:0px;

}

#barre .partmilieu{

	width:710px;
	height:33px;
	background:#49598a;
	position:absolute;
	left:28px;
  	top:0px;

}







#textdessus {

	width:410px;
	height:20px;
	position:relative;
	left:340px;
  	top:30px;
	font-size: 9.5px; 
	font-family:arial;
	color: #5f83b3;
	font-weight:bold;


}



#pointsarticle {
	left:146px;
	top:1px;
	width:640px;
	height:15px;
	font-size: 18px; 
	font-family:arial;
	color: #ffffff;
	font-weight:bold;
	position:absolute;

}

#points2 {
	left:115px;
	top:1px;
	width:640px;
	height:15px;
	font-size: 18px; 
	font-family:arial;
	color: #ffffff;
	font-weight:bold;
	position:absolute;

}



#centre {

	width:766px;
	position:relative;
	text-align:left;

}

#menu{

	width:175px;
	height:360px;
	background: transparent url(../images/fondmenu.jpg) no-repeat;
	position:relative;
	left:0px;
  	top:80px;

}
/*
#menu .menutitre{

	width:78px;
	height:28px;
	background: transparent url(../images/flashinfo.png) no-repeat;
	position:absolute;
	left:48px;
  	top:20px;

}
*/
#menu .textmenu{

	width:155px;
	height:150px;
	position:absolute;
	left:10px;
  	top:65px;
	font-size: 9px; 
	font-family:arial;
	color: #39529c;
	font-weight:bold;

}

#menu .menuliens1{

	width:165px;
	height:30px;
	position:absolute;
	left:0px;
  	top:150px;

}

#menu .menuliens2{

	width:165px;
	height:30px;
	position:absolute;
	left:0px;
  	top:180px;

}

#menu .menuliens3{

	width:165px;
	height:30px;
	position:absolute;
	left:0px;
  	top:210px;

}

#menu .menuliens4{

	width:165px;
	height:30px;
	position:absolute;
	left:0px;
  	top:240px;

}





#imagecontact{

	width:175px;
	height:120px;
	position:relative;
	left:0px;
  	top:30px;

}

.fondcentre {

	align:top;
	background: transparent url(../images/bginterieur.jpg) repeat-x;
	background-positon:top left;

}






#partiegauche {

	width:550px;
	top:28px;
	left:25px;
	position:relative;

}


#partiegauche .articletitre{

	width:550px;
	height:20px;
	top:0px;
	left:0px;
	/*background: transparent url(../images/dernierarticles.gif) no-repeat;*/
	position:relative;
	
	font-weight:bold;
	display:inline; 
	padding:0; 
	margin:0;
	font-size: 18px; 
	font-family:Helvetica;
	color: #000948;	

}


#partiegauche .presentation{

	width:550px;
	height:21px;
	top:0px;
	left:0px;
	background: transparent url(../images/presentation.gif) no-repeat;
	position:relative;

}


#blocarticle {

	width:500px;
	height:40px;
	position:relative;

}

#blocarticle .rectangle{


	width:88px;
	height:18px;
	background: transparent url(../images/rectangle.gif) no-repeat;
	position:absolute;
	left:36px;
	top:11px;


}

#blocarticle .date{


	width:88px;
	height:18px;
	position:absolute;
	left:54px;
	top:12px;
	font-size: 10px; 
	font-family:arial;
	color: #010d54;
	font-weight:bold;


}

#blocarticle .jour{


	width:50px;
	height:40px;
	position:absolute;
	left:10px;
	top:3px;
	font-size: 36px; 
	font-family:arial;
	color: #ffffff;
	font-weight:bold;


}


#blocarticle .titre{


	width:400px;
	height:25px;
	position:absolute;
	left:130px;
	top:12px;
	font-size: 11px; 
	font-family:arial;
	color: #010d54;
	font-weight:bold;
	text-decoration:underline;


}
#blocarticle .titre :link, #blocarticle .titre :visited{color: #010d54;text-decoration:underline;}
#blocarticle .titre :hover { color: #6e84c0; text-decoration:underline}



#bloctext {
	
	width:540px;
	font-size: 11px; 
	font-family:arial;
	color: #ffffff;


}







.input_violet {	
		BORDER-RIGHT: #888888 1px solid; 
		BORDER-TOP: #888888 1px solid; 
		FONT-SIZE: 11px; 
		font-family:arial;
		color: #620c54;
		BORDER-LEFT: #888888 1px solid;
		BORDER-BOTTOM: #888888 1px solid; 
		
}

a:link, a:visited{color: #ffffff; text-decoration: none;}
a:hover { color: #115380; text-decoration:underline}

h3 {line-height: 100%; font-size: 120%;}
h4 {line-height: 100%; font-size: 110%;}
h5 {line-height: 100%; font-size: 94%;}
h6 {line-height: 100%; font-size: 80%;}

h1 {  
	font-weight:bold;
	display:inline; 
	padding:0; 
	margin:0;
	font-size: 18px; 
	font-family:Helvetica;
	color: #000948;
}

.contentheading {
	font-weight:bold;
	display:inline; 
	padding:0; 
	margin:0;
	font-size: 18px; 
	font-family:Helvetica;
	color: #000948;
}

.componentheading {
	font-weight:bold;
	display:inline; 
	padding:0; 
	margin:0;
	font-size: 18px; 
	font-family:Helvetica;
	color: #000948;
}

.contentpagetitle {  
	font-weight:bold;
	display:inline; 
	padding:0; 
	margin:0;
	font-size: 18px; 
	font-family:Helvetica;
	color: #000948;	
}

.points {
	width:100%;
	background: url(../images/points.png) repeat-x;			
}

h2 {  
	color:#000;
	display:inline; 
	padding:0; 
	margin:0;
	font-size:10px;
}

h3, h4 , h5, h6 {
	color					: #000;
	font-weight				: bold;
	font-family				: tahoma, Arial, Helvetica, sans-serif;
}

.color_hi {
	color					: #1881cb;
}