body {
    background: #647B9D url(../images/bg.jpg) repeat-x top center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;   
    margin: 40px auto 40px auto;    
   
} 
#tabbed_box {   
    margin: 0px auto 0px auto;   
    width:660px;   
}  
.tabbed_box h4 {   
    font-family:Arial, Helvetica, sans-serif;   
    font-size:23px;   
    color:#ffffff;   
    letter-spacing:-1px;   
    margin-bottom:10px;   
}   
.tabbed_box h4 small {   
    color:#e3e9ec;   
    font-weight:normal;   
    font-size:9px;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    text-transform:uppercase;   
    position:relative;   
    top:-4px;   
    left:6px;   
    letter-spacing:0px;   
}  
.tabbed_area {   
    border:1px solid #494e52;   
    background-color:#677FA1;   
    padding:8px;
    width:640px;       
}  

ul.tabs {   
    margin:0px; padding:0px;   
    margin-top:5px;   
    margin-bottom:6px;   
}  
ul.tabs li {   
    list-style:none;   
    display:inline;   
}  
ul.tabs li a { 
    background-color: #657077;   
    color:#ffebb5;   
    padding:8px 14px 8px 14px;   
    text-decoration:none;   
    font-size:9px;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    font-weight:bold;   
    text-transform:uppercase;   
    border:1px solid #464c54;    
} 
 
ul.tabs li a:hover {   
    background-color:#2f343a;   
    border-color:#2f343a;   
}
  
ul.tabs li a.active { 
    background-color:#ffffff;   
    color:#282e32;   
    border:1px solid #464c54;    
    border-bottom: 1px solid #ffffff;   
}  
.content { 
    background-color:#ffffff;   
    padding:10px;   
    border:1px solid #464c54;        
}   
#content_2, #content_3, #content_4, #content_5, #content_6{ display:none; }  

  
   
ul.title {   
    margin:0px;   
    padding:0px 20px 0px 20px;   
}   
ul.title li {   
    list-style:square;   
    border-bottom:1px solid #d6dde0;   
    padding-top:15px;   
    padding-bottom:15px;   
    font-size:13px;   
}   
ul.title li a {   
    text-decoration:none;   
    color:#3e4346;   
}   
ul.title li a small {   
    color:#8b959c;   
    font-size:9px;   
    text-transform:uppercase;   
    font-family:Verdana, Arial, Helvetica, sans-serif;   
    position:relative;   
    left:4px;   
    top:0px;   
}
//ul.title li:last-child {   
//    border-bottom:none;   
//} 

#page {
	width: 1042px;
	MARGIN: auto;
}
#line1 {
	width: 1042px;
	height:200px;
}
#logo {
	float: left;
	margin-left: 5px;
	height: 150px;
	width: 200px;
}
#top-advert {
	float: left;
	margin-left: 5px;
	height: 150px;
	text-align:center;
}

#line2 {
	width: 1042px;
	overflow: hidden;
	padding: 10px;
}
#dev {
	border: 1px dotted #CCC; 
	background-color: #E0EFF6;
	width: 200px;
	float: left;
	margin-top: 5px;
	}
#formation {
	width: 660px;
	float: left;
	margin: 5px;
	}
#formation-detail {
	width: 380px;
	float: left;
	border: 1px dotted #EEE; 
	background-color: #FFF;
	margin: 5px;
	padding: 5px;
	}
#right-advert {
	width: 200px; 
	float: left;
	margin-left: 0px;
	text-align: center;
	margin-top: 5px;
	}

.bloc {
	background-color: #CCE0EB; 
	border-bottom: thin dotted #E7EFFF;
	padding:5px;
	text-align: center;
	}
.bloc1 {
	border: 1px solid #346585; 
	background-color: #fffeec;
	height: 275px;
	width: 420px;
	float: left;
	margin-top: 5px; 
	margin-bottom: 20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px; 
	text-align: left;
        }
.bloc2 {
	width: 240px;
	float: left;
	color: #CCE0EB;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align: justify;
	}
.bloc3 { 
	width: 240px;
	float: left;
	color: #CCE0EB;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align: justify;
	}

#line3 {
	width: 1042px;
	background-color: #5E7595;
}
H1{
	Color: blue;
}
H2 { 
	background-color: #006699; 
	Color: white; 
	margin: 5px;
	text-align: center;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H6{
	Color:#CDEED1;
}
H4{
	Color:#CDEED1;
}
a.menu:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: normal; /* bold */
	font-size: 10pt;
	TEXT-DECORATION: none;
	text-align: left;
	}
a.menu:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: normal; /* bold */
	font-size: 10pt;
	TEXT-DECORATION: none;
	text-align: left;
}
a.menu:active {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: normal; /* bold */
	font-size: 10pt;
	TEXT-DECORATION: none;
	text-align: left;
}
a.menu:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: normal; /* bold */
	font-size: 10pt;
	TEXT-DECORATION: underline;
	text-align: left;
}
a.titre:link {
	Color: #336699;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: bold;
	font-size: 16pt;
	TEXT-DECORATION: none;
	text-align: center;

	}
a.titre:visited {
	 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: bold;
	font-size: 16pt;
	TEXT-DECORATION: none;
	text-align: center;
}
a.titre:active {
	 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: bold;
	font-size: 16pt;
	TEXT-DECORATION: none;
	text-align: center;
}
a.titre:hover {
	
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-style: normal; /* italic; oblique; */
	font-weight: bold;
	font-size: 16pt;
	TEXT-DECORATION: underline;
	text-align: center;
}
#login {
	 width: 600px; 
	background-color: #CCE0EB; 
	}
.clear { 
  clear: both;
  text-align: center; 
  }