body {
	margin:0;
  padding:0;	
	background:#40BCD6 url(images/font.jpg) repeat-x 0 0 ;
  min-height: 100%; 
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	scrollbar-face-color: #F3F4F4;
  scrollbar-highlight-color: #F3F4F4;
  scrollbar-3dlight-color: #F3F4F4;
  scrollbar-darkshadow-color: #F3F4F4;
  scrollbar-shadow-color: #47BED7;
  scrollbar-arrow-color: #182652;
  scrollbar-track-color: #F3F4F4;
}
 /* style des div principales*/
#container {	
  margin:0;
 /**/
	position:absolute;
  left: 50%; 
  margin-left: -480px; /* moitié de la largeur */
	width:960px;
	border:0; 
	padding:0;
}

#header_FR {
  background:url(images/top.png);
	width:960px;
	height:189px;
	/*background:#FFF url(images/header.gif) top right no-repeat;*/
	padding:0;
	margin:0;
	z-index:1000;
}
#header_EN {
  background:url(images/top_EN.png);
	width:960px;
	height:189px;
	/*background:#FFF url(images/header.gif) top right no-repeat;*/
	padding:0;
	margin:0;
	z-index:1000;
}

#ligne2 {
  background-color:#FFFFFF;
	width:960px;
	padding:0;
	margin:0;
}

#menu{
  background:transparent url(images/left.png) no-repeat 0 0;
  position: relative; 
  height:449px;
  width:235px;
  float: left;
  margin:0;
}
#scroller{
  margin-left:10px;
  width:160px;
  height:400px;
}
#scroller img{
  border:1px solid #CCC;
}

#center{
	position: relative; 
	width:705px;
	float: left; 
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
	margin:-17px 0 0 0;
}
 /*les drapeaux en haut à droite*/
#flag{
	margin: 10px 0px 10px 10px;
	position: relative; 
	width:275px;
	height:15px;
	float: right; 
	text-align:right;
	line-height:10px;
}
.drap {cursor:pointer;border:0;padding:0 0 2px 2px;}

/* style des categories du menu*/
#cat1{
	width:160px;
	height:30px;
	cursor:pointer;
	position: relative; 
	margin-top: 20px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
	font-size: 16px;
	padding: 10px 20px 0px 0px;
}
#cat2{
	width:145px;
	height:30px;
	cursor:pointer;
	position: relative; 
	margin-top: 20px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;	
	font-size: 16px;
	padding: 10px 15px 0px 0px;

}
#cat3{
	width:125px;
	height:30px;
	cursor:pointer;
	position: relative; 
	margin-top: 20px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;	
	font-size: 16px;
	padding: 10px 20px 0px 0px;
}
#cat4{
	width:110px;
	height:30px;	
	cursor:pointer;
	position: relative; 
	margin-top: 20px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;	
	font-size: 16px;
	padding: 10px 20px 0px 0px;
}
#cat5{
	width:115px;
	height:30px;
	cursor:pointer;
	position: relative; 
	margin-top: 20px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
  padding: 10px 5px 0px 0px;	
	font-size: 12px;
}

#cat1 a, #cat2 a, #cat3 a, #cat4 a, #cat5 a{
  color: #FFFFFF;
	font-weight: normal;
}

/* style des logos du menu */
#logo1{
	background:url(images/logo/accueil.png) no-repeat;
	cursor:pointer;
	width:50px;
	height:50px;
	position: relative; 
	margin-top: 15px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
}
#logo2{
  background:url(images/logo/cafmet.png) no-repeat;
	cursor:pointer;
	position: relative; 
	margin-top: 15px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
	width:50px;
	height:50px;
}
#logo3{
  background:url(images/logo/activites.png) no-repeat;
	cursor:pointer;
	position: relative; 
	margin-top: 15px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
	width:50px;
	height:50px;
}
#logo4{
	background:url(images/logo/liens.png) no-repeat;
	cursor:pointer;
	position: relative; 
	margin-top: 15px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
	width:50px;
	height:50px;
}
#logo5{
  background:url(images/logo/membres.png) no-repeat;
	cursor:pointer;
	position: relative; 
	margin-top: 15px; 
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px;
	width:50px;
	height:50px;
}

 /* style des sous menu flottant*/
#sous_menu1, #sous_menu2, #sous_menu3, #sous_menu4{
  background:#FFFFFF url(images/sous_menu.png);
	border:1px solid  #182652;
	position:absolute;
	width:150px;
	height:auto;
	z-index:1;
}
#sous_menu1 {	
	left:225px;
	top:207px;	
}
#sous_menu2 {
	left:210px;
	top:280px;
}
#sous_menu3 {
	left:195px;
	top:355px;
}
#sous_menu4 {
	left:180px;
	top:430px;
}




#sous_menu ul{
  margin:0;  
  padding:0;
}
#sous_menu ul li{
  list-style-type:none;
  margin:0;
	padding:5px;
}
#sous_menu ul li:hover{
  background: #6DA554;
  margin:0;
	padding:5px;
}
#sous_menu li a {
  font-size: 14px;
  color: #182652;
  text-decoration: none;
  border: 0 none;
  text-align:center;
  font-weight:normal;
}
#sous_menu li a:hover {
	color:#FFFFFF;
}
/*----footer----*/

#footer{
  width:960px;
  height:30px;
  margin:0;
  padding:5px 0 0 0;
  text-align:center;
  z-index:0;
}

#footer ul{
  margin:0;
}

#footer ul li{
  display:inline;
}

#footer ul li a{
  padding-left:20px;
  text-decoration:none;
  font-size:11px;
  color:#FFFFFF;
}

#footer ul li a:hover{
  color:#182652;
}
#footer div {
  text-align:center;
  width:100%;
}
#footer div a{
  padding-top:8px;
  text-decoration:none;
  font-size:11px;
  color:#FFFFFF;
}

ul.liens, ul.partenaires{
  list-style-type:none;
  padding:0;
  margin:0;
}
ul.partenaires li{
  list-style-type:none;
  margin:10px 20px 10px 0;
  padding:5px;
  border: 1px dotted #6DA554;
  height:auto;
  width:150px;
  float:left;
}
ul.liens li{
  list-style-type:none;
  margin:10px 20px 10px 0;
  padding:5px;
  border: 1px dotted #6DA554;
  height:auto;
}
ul.liens li img, ul.partenaires li img{
  padding:0 15px 0 0;
}
ul.liens li div.image, ul.partenaires li div.image{
  height:56px;
  width:64px;
  margin:0 15px 0 5px;
  float:left;
  border:1px solid #CCC;
}

/*sert pour les formulaires pas bien remplis, met en évidence le champ vide*/
.focus {
  background-color: #ffcc00;
}

.message{
color:#FF6600;
font-size:11px;
line-height:10px;
}

table{
  border-color:#CCC;
  border-collapse: collapse
}
th{
  color:#000;
  font-weight:bold;
}

#actus{
  position:absolute;
  top:270px;
}
#actualites{
  width:470px;
  height:130px;
  padding:8px;
  overflow:auto;
  background:#F3F4F4;
}