/* DEBUG FIREFOX */
/* 
  L'utilisation d'un padding sous FF augmente la taille du calque
  Utiliser _width et _height pour donner la valeur a IE et soustraire le padding pour FF
*/

.clear {
	clear:both;
	display: block;
	padding:0px;
	margin:0px;
	overflow: hidden;
	height:1px; /*Permet de garder le fond sour Mozilla*/
}


/* COMMON */
 
*{
	margin: 0px;
	padding: 0px;
}

html body {     
	background-color: #FFFFFF;
	text-align:center;
	background-image: url("../img/filet_body.gif");
	background-repeat: repeat-y repeat-x;
}

html body, table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

img {
	border: 0px;
}

a:link{
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

a:hover{
	font-weight: normal;
	font-style : normal;
	text-decoration: underline;
	color: #5A82A5;
}


/* DIV */

div#cont_main {
	z-index:0;
  position: relative;
	margin-left: auto;
	margin-right: auto;  
	padding-left:25px;
	padding-right:25px;
	background-image: url("../img/filetBackgrnd_Container.png");
	background-repeat: repeat-y;
	width: 907px;
	text-align:left;
}

div#cont_header {
	z-index:1;  
	position: relative;
	border-bottom: solid 1px #989898;
	width: 856px;
	height: 144px;
	background-image: url("../img/bandeau.jpg");
	background-repeat: no-repeat;
	text-align:left;	
}

img#head_link {
	z-index:3;  
	position: absolute;
	top:12px;
	width: 170px;
	height: 90px;
}

div#cont_footer {
	z-index:1;
 	position: relative;
	margin-left: auto;
	margin-right: auto;  
	padding-left:25px;
	padding-right:25px;
	padding-top: 52px;
	background-image: url("../img/footer.png");
	background-repeat: no-repeat;
	width: 906px;
	height: 87px;
	text-align:center;
	font-size: 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #828282;			
}

div#cont_footer a{
  text-decoration: none;	
  color: #828282;
}

div#cont_footer a:hover{
  text-decoration: underline;
  color: #555555;
}

div#cont_trailer {
	z-index:2;  
	position: relative;
	padding-left: 30px;
	text-align:left;	
	padding-top: 112px;
	font-size: 11px;
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	height:30px;
	width:680px;
	color: #020202;	
}

div#cont_trailer a{
  text-decoration: none;	
  color: #000000;
}

div#cont_trailer a:hover{
  text-decoration: underline;
  color: #222222;
}

div#cont_title {
	z-index:2;  
	position: absolute;
	top: 123px;
	_top: 122px;
	right: 0px;	
	padding-top:2px;
	background-image: url("../img/ongletNews.gif");
	background-repeat: no-repeat;
	width:139px;
  height:19px;
	_height:21px;
	text-align:center;
	font-weight: bold;
  color: #ffffff;	
}

div#cont_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

div#cont_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

div#cont_page {
	z-index:1;
	position: relative;
	background-color: #ffffff;
	background-image: url("../img/filetGris_Container.gif");
	background-repeat: repeat-x;
	width:856px;
	height:600px;
	_height:auto;
}

div#frame_left {
	z-index:2;  
  margin-top:7px;
  margin-bottom:25px;  
	float:left;
  position: relative;
	width:173px;
	text-align:left;
}

div#frame_main {
	z-index:2;  
  margin-top:7px;
  margin-bottom:25px;
	float:right;
  position: relative;
	width:650px;
	text-align:left;
}

/* MENU */

.menu_title {
	z-index:3;
	clear:both;
	position: relative;
	padding-top:2px;
	padding-left:5px;
	padding-right:11px;
	background-image: url("../img/head_boxLeft.gif");
	background-repeat: no-repeat;
	width:158px;
	_width:173px;
	height:21px;
	_height:23px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

.menu_item {
	z-index:3;  
	clear:both;	
	position: relative;
	border-top:solid 1px #F0F1F5;
	border-bottom:solid 1px #676767;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:11px;
	padding-right:5px;
	background-repeat: repeat-y;
	background-color: #E6E4E5;
	width:155px;
	_width:173px;
	height:-4px;
	_height:auto;
	text-align:left;
  color: #132259;
  overflow: hidden;
  font-size: 11px;
}

.menu_item a{
	font-weight: bold;
  text-decoration: none;	
  color: #132259;
}

.menu_item a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #474380;
}

.menu_bottom {
	z-index:3;
	clear:both;
	margin-bottom:15px;
	position: relative;
	background-image: url("../img/foot_boxLeft.gif");
	background-repeat: no-repeat;
	width:173px;
	height:3px;
}


/* NEWS */

div#news_title {
	clear:both;
	position:relative;
	margin-top:11px;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	background-color: #888888;
	width:612px;
	_width:632px;
	height:20px;
	_height:22px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

div#news_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

div#news_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

div#news_main {
	clear:both;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	background-color: #E8EAF6;
	width:572px;
	_width:632px;
	height:-40px;
	_height:auto;	
	text-align:left;
  color: #4A4683;	
}

.news_date {
  font-weight: bold;
  color: #3C3C46;	
}

div#news_main a{
  text-decoration: none;	
  color: #3C3C46;
}

div#news_main a:hover{
  text-decoration: underline;
  color: #474380;
}

/* CATEGORIES */

.cat_titlemain {
	clear:both;
	position:relative;
	margin-left:-24px;
	margin-top:-7px;
	padding-top:14px;
	padding-bottom:7px;
	padding-left:11px;
	padding-right:11px;
	background-color: #888888;
	width:652px;
	_width:674px;
	_height:22px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

.cat_titlemain a{
	font-weight: normal;
  text-decoration: none;	
  color: #ffffff;
}

.cat_titlemain a:hover{
	font-weight: normal;
  text-decoration: underline;
  color: #dddddd;
}

.cat_titlemain td{
	font-weight: normal;
  color: #ffffff;
}

.cat_title {
	clear:both;
	margin-top:1px;
	margin-left:-24px;	
	position:relative;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:11px;
	padding-right:11px;
	border-bottom:solid 1px #666;
	width:652px;
	_width:674px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

.cat_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

.cat_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

/* COMMON */

.onglet_title {
	z-index:3;
  float:left;	
  display:inline;  
	clear:both;	
	position: relative;
	margin-left:-24px;	
	margin-top:20px;
	padding-top:2px;
	padding-left:11px;
	padding-right:11px;
	background-color:#c9c9c9;
	height:20px;
	_height:22px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;
}

.onglet_title_fin {
  float:left;
	margin-top:20px;  
  display:inline;
	z-index:3;
	background-image: url("../img/ongletGris.gif");
	background-repeat: no-repeat;
	width:11px;
	height:22px;
}

.onglet_back {
	z-index:3;
  float:left;	
  display:inline;
	position: relative;
	margin-left:-10px;		
	margin-top:20px;
	height:22px;
	width:102px;
}


.zone_text1 {
	z-index:3;
	clear:both;
	position: relative;
	margin-left:-24px;
	_margin-top:-3px;
	padding-top:11px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:30px;
	background-color:#DBDBDB;
	width:652px;
	_width:674px;
	height:-40px;
	_height:auto;
	text-align:left;
  color: #382F80;	 
}
  
.zone_text2 {
	z-index:3;
	clear:both;
	position: relative;
	margin-left:-24px;		
	padding-top:11px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:30px;
	background-color:#E8EAF6;
	width:652px;
	_width:674px;
	height:-40px;
	_height:auto;
	text-align:left;
  color: #76719A;	 
}

.zone_text2 a{
  text-decoration: none;	
  color: #3C3C46;
}

.zone_text2 a:hover{
  text-decoration: underline;
  color: #474380;
}

.hr {
	z-index:3;
	clear:both;
	position: relative;
	margin-top:11px;
	margin-bottom:20px;
	border-bottom:solid 1px #53AE45;
	width:643px;
	height:14px;
	text-align:left;
  color: #53AE45;	 
  font-weight: bold;
}