/***********3 collonne*******************/

.tab{
	width : 930px; 
	height : auto; 
	border : #8e0005 1px solid;
	text-align: center;
}
.header{
	width : 925px;
	float: right;
	border : #8e0005 4px solid;
	text-align: center;
	background-color: rgb(238, 222, 190);
}
.header1{
	width : 180px;
	hight : 300px;
	float: right;
	border : #8e0005 0px solid;
}
.header2{
	width : 730px;
	hight : 90px;
	float: left;
	border : #8e0005 1px solid;
}
.footer{
	width : 925px;
	text-align: center;
}
.th1{
	color: #fffcdd; 
	font-size: 16px; 
	font-weight : bold;
	background-color: #a00000; 
	height: 25px; 
	width: 162px;
	background-image: url("/+inc/theme/i_back_catd.gif");
	float: right;
}
.th2{
	color: #fffcdd; 
	font-size: 10px; 
	font-weight : bold;
	background-color: #a00000; 
	height: 25px; 
	width: 933px;
	background-image: url("/+inc/theme/i_back_catd.gif");
	float: right;
  a:link,a:active,a:visited,a:hover { color : #fffcdd; }
}.thmenu{
	color: #fffcdd; 
	font-size: 16px; 
	background-color: #a00000; 
	height: 25px; 
	width: 926px;
	background-image: url("/+inc/theme/i_back_catd.gif");
}.thcenter{
	color: #fffcdd; 
	font-size: 16px; 
	background-color: #a00000; 
	height: 25px; 
	width: 99%;
	background-image: url("/+inc/theme/i_back_catd.gif");

}
#colonne1 {
	float: left;
	width: 162px;
	border : #8e0005 4px solid;
	background-color: rgb(238, 222, 190);
}
#colonne2 {
	float: right;
	width: 162px;
	border : #8e0005 4px solid;
	background-color: rgb(238, 222, 190);
}
#centre {
	margin-left: 168px;
	margin-right: 168px;
	border : #8e0005 4px solid;
	background-color: rgb(238, 222, 190);
}

.bar {
	clear: both;
	float: left;
	text-align: center;
	width: 95%;
}



/***********style*******************/
body {
	margin:0px;
	padding:0px;
	font-family:Tahoma,Arial, Sans-Serif;
	font-size:13px;
	color:#990000;
	background-color:#F4EEDD;
	background-image:url(/i_background.jpg);
	background-repeat:repeat-x-y;
	text-align: center;	
}
	
a:link,a:active,a:visited,a:hover { 
	color : #990000; 
	text-decoration: none;
 	
}


#content {
	width:565px;
	height:auto;
	background-image:url(images/top_bg.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	margin:5px 5px 0px 0;
	padding: 5px 0 10px 0;
	border: 1px solid #CC0000;
	vertical-align: top;
}
/**********topic max**************/
#topicmax2  {
width: 260px;
height: 220px;
float: right;
color: #000;
list-style: none;
border: 1px solid #CC0000;
padding: 0;
margin:  10px 10px 0 0px;
background-color: #fff;
text-align: center;
cursor: pointer;
cursor: hand;
}

#topicmax2  h1 {
font: bold 12pt Arial, Sans-Serif;
color: #CC3300;

margin: 0;
padding: 10px 0 10px 0;
text-align: center;
text-decoration:none;
}

#topicmax2  img {
background: #F4EEDD;
border: 1px solid #990000;
background-position: 50% 50%;
height: 168px;
width: 250px;
background-image:url(/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#topicmax2  p {
color: #990000;
height: 70px;
overflow: scroll;
font: 10px Arial;
margin: 0;
padding: 0 10px 0 10px;
cursor:text;
}

#topicmax2  .url {
color: #DC7112;
font-family: Tahoma,Arial, Sans-Serif;
font-size:12px;
height: 30px;
text-align: right;
background-image:url(/loading.gif);
border-top: 1px solid #CC0000;
cursor: pointer;
cursor: hand;
display: block;
}

#topicmax2  .url a{
	display: block;
	height: 30px;
padding: 5px 15px 0 0;

}

#topicmax2  A:link{
text-decoration: none;
color: #CC3300;
}
#topicmax2  A:visited {
text-decoration: none;
color: #CC3300;
}
#topicmax2  A:active {
text-decoration: none;
color: #CC3300;
}
#topicmax2 A:hover{
text-decoration: none;
color: #CC3300;
}

/**********topic max**************/
#topicmax  {
width: 170px;
float: right;
color: #000;
list-style: none;
border: 1px solid #CC0000;
padding: 0;
margin:  10px 10px 0 0px;
background-color: #fff;
text-align: center;
cursor: pointer;
cursor: hand;
}

#topicmax  h1 {
font: bold 12pt Arial, Sans-Serif;
color: #CC3300;

margin: 0;
padding: 10px 0 10px 0;
text-align: center;
text-decoration:none;
}

#topicmax  img {
background: #F4EEDD;
border: 1px solid #990000;
background-position: 50% 50%;
height: 70px;
width: 160px;
background-image:url(/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}

#topicmax  p {
color: #990000;
height: 70px;
overflow: scroll;
font: 10px Arial;
margin: 0;
padding: 0 10px 0 10px;
cursor:text;
}

#topicmax  .url {
color: #DC7112;
font-family: Tahoma,Arial, Sans-Serif;
font-size:12px;
height: 30px;
text-align: right;
background-image:url(/loading.gif);
border-top: 1px solid #CC0000;
cursor: pointer;
cursor: hand;
display: block;
}

#topicmax  .url a{
	display: block;
	height: 30px;
padding: 5px 15px 0 0;

}

#topicmax  A:link{
text-decoration: none;
color: #CC3300;
}
#topicmax  A:visited {
text-decoration: none;
color: #CC3300;
}
#topicmax  A:active {
text-decoration: none;
color: #CC3300;
}
#topicmax A:hover{
text-decoration: none;
color: #CC3300;
}
/**********topic**************/
#topic {
width: 109px;
float: right;
color: #000;
list-style: none;
border: 1px solid #CC0000;
padding: 0;
margin:  2px 2px 0 0px;
background-color: #fff;
text-align: center;
vertical-align: top;
cursor: pointer;
cursor: hand;
font: 10px Arial;
}

#topic h1 {
font: bold 12pt Arial, Sans-Serif;
color: #CC3300;

margin: 0;
padding: 10px 0 10px 0;
text-align: center;
text-decoration:none;
}

#topic img {
background: #F4EEDD;
border: 1px solid #990000;
background-position: 50% 50%;
height: 70px;
width: 100px;
}

#topic p {
color: #000080;
height: 70px;
overflow: scroll;
font: 10px Arial;
margin: 0;
padding: 0 10px 0 10px;
cursor:text;
}

#topic .url {
color: #DC7112;
font-family: Tahoma,Arial, Sans-Serif;
font-size:12px;
height: 30px;
text-align: right;
vertical-align: top;
background-image:url(/loading.gif);
border-top: 1px solid #CC0000;
cursor: pointer;
cursor: hand;
display: block;
}

#topic .url a{
	display: block;
	height: 30px;
padding: 5px 15px 0 0;

}

#topic A:link{
text-decoration: none;
color: #CC3300;
}
#topic A:visited {
text-decoration: none;
color: #CC3300;
}
#topic A:active {
text-decoration: none;
color: #CC3300;
}
#topic A:hover{
text-decoration: none;
color: #CC3300;
}


/**********top**************/
#top {
width: 140px;
float: center;
color: #000;
list-style: none;
border: 1px solid #CC0000;
padding: 0;
margin:  2px 2px 0 0px;
background-color: #fff;
text-align: center;
vertical-align: top;
cursor: pointer;
cursor: hand;
font: 10px Arial;
}



#top img {
background: #F4EEDD;
border: 1px solid #990000;
background-position: 50% 50%;
height: 70px;
width: 130px;
text-align: center;
}



#top .url {
color: #DC7112;
font-family: Tahoma,Arial, Sans-Serif;
font-size:12px;
height: 30px;
text-align: right;
vertical-align: top;
background-image:url(/loading.gif);
border-top: 1px solid #CC0000;
cursor: pointer;
cursor: hand;
display: block;
}

#top .url a{
	display: block;
	height: 30px;
padding: 5px 15px 0 0;

}

#top A:link{
text-decoration: none;
color: #CC3300;
}
#top A:visited {
text-decoration: none;
color: #CC3300;
}
#top A:active {
text-decoration: none;
color: #CC3300;
}
#top A:hover{
text-decoration: none;
color: #CC3300;
}
/**********menu**************/
.menu1 {
clear:both;
float:left;
font-family:Arial,sans-serif;
font-size:14px;
margin:0;
height:24px;
padding-left:5px;
width:100%;
z-index:10;
}

.menu1 ul {
list-style-type:none;
margin:0;
padding:0;
}

.menu1 ul li {
float:left;
position:relative;
z-index:10000;
}

.menu1 ul li a,.menu1 ul li a:visited {
cursor:pointer;
display:block;
float:left;
font-weight:bold;
height:24px;
line-height:24px;
text-decoration:none;
}

* html .menu1 ul li a,.menu1 ul li a:visited {
height:24px;
}

.menu1 ul li a:hover {
border-color:#A4D201;
width:auto;
}

.menu1 ul li:hover a {
border-color:#00C;
width:auto;
}

.menu1 ul li ul {
display:none;
}

.menu1 table {
border-collapse:collapse;
font-size:11px;
margin:-1px;
}

.menu1 ul li:hover ul {
border-bottom:1px solid #b70b0c;
display:block;
left:-1px;
position:absolute;
top:24px;
width:154px;
}

.menu1 ul li:hover ul.endstop {
left:-92px;
}

.menu1 ul li:hover ul li ul {
display:none;
}

.menu1 ul li:hover ul li a {
background:#FBF4FB none repeat scroll 0;
border-color:#b70b0c;
border-style:solid solid none;
border-width:1px 1px 0;
color:#333;
display:block;
font-weight:normal;
height:16px;
line-height:16px;
padding:2px 10px;
width:132px;
}

.menu1 ul li:hover ul li a.drop,.menu1 ul li:hover ul li a:hover,.menu1 ul li:hover ul li a.drop:hover {
background:#FBF4FB url(/+inc/menu/bg_alternance_menu.gif);}

.menu1 ul li:hover ul li:hover ul {
display:block;
left:153px;
margin-top:0;
position:absolute;
top:0;
}

.menu1 ul li a:hover ul {
background:#FFF none repeat scroll 0;
border-bottom:1px solid #b70b0c;
display:block;
left:0;
margin-top:-3px;
position:absolute;
top:24px;
}

.menu1 ul li a:hover ul.endstop {
left:-92px;
}

.menu1 ul li a:hover ul li a {
background:#F6FBE5 none repeat scroll 0;
border-color:#b70b0c;
border-style:solid solid none;
border-width:1px 1px 0;
color:#333;
display:block;
font-weight:normal;
height:16px;
line-height:16px;
padding:2px 10px;
width:132px;
}

.menu1 ul li a:hover ul li a.drop {
background:#B1B7CB;
/*background:#B1B7CB url(/images/sub-arrow.gif) no-repeat scroll 3px 8px;*/
}

.menu1 ul li a:hover ul li a ul {
height:0;
position:absolute;
visibility:hidden;
width:0px;
}

.menu1 ul li a:hover ul li a:hover {
background:#FBF4FB;
/*background:#FBF4FB url(/images/sub-arrow.gif) no-repeat scroll 3px 8px;*/
color:#000;
}

.menu1 ul li a:hover ul li a.drop:hover {
background:#FBF4FB;
/*background:#FBF4FB url(/images/sub-arrow.gif) no-repeat scroll 3px 8px;*/
}

.menu1 ul li a:hover ul li a:hover ul {
color:#333;
left:153px;
margin-top:1px;
position:absolute;
top:-1px;
visibility:visible;
}

.menu1 ul li a .menu1_left_off {
background:url('/+inc/menu/onglet_menu_off_gauche.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_milieu_off {
background:#b70b0c url('/+inc/menu/onglet_menu_off_centre.gif');
color:#fff;
float:left;
height:24px;
padding:0 3px;
}

.menu1 ul li a .menu1_right_off {
background:url('/+inc/menu/onglet_menu_off_droit.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_left_on {
background:#b70b0c url('/+inc/menu/onglet_menu_on_gauche.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_milieu_on {
background:url('/+inc/menu/onglet_menu_on_centre.gif');
color:#b70b0c;
float:left;
height:24px;
padding:0 3px;
}

.menu1 ul li a .menu1_right_on {
background:url('/+inc/menu/onglet_menu_on_droit.gif') no-repeat;
float:left;
height:24px;
width:3px;
}



.menu1 ul li a .menu1_left_off_high_tech {
background:url('/+inc/menu/ongle_hightech_gauche.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_milieu_off_high_tech {
background:url('/+inc/menu/ongle_hightech_centre.gif');
color:#ffffff;
float:left;
height:24px;
padding:0 3px;
}

.menu1 ul li a .menu1_right_off_high_tech {
background:url('/+inc/menu/ongle_hightech_droite.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_left_off_high_tech_on {
background:url('/+inc/menu/ongle_hightech_gauche.gif') no-repeat;
float:left;
height:24px;
width:3px;
}

.menu1 ul li a .menu1_milieu_off_high_tech_on {
background:url('/+inc/menu/ongle_hightech_centre.gif');
color:#c00;
float:left;
height:24px;
padding:0 3px;
}

.menu1 ul li a .menu1_right_off_high_tech_on {
background:url('/+inc/menu/ongle_hightech_droite.gif') no-repeat;
float:left;
height:24px;
width:3px;
}


}

@media print {
    .menu1{
    	position:absolute;
    	left:0px;
    	top:-500px;
    	width:1px;
    	height:1px;
    	overflow:hidden;
    }
}
<!--[if lte IE 6]>
		#colonne1 {
			margin-right: 2px;
		}
		#colonne2 {
			margin-left: 2px;
		}		
		#centre {
			overflow: visible;
			height: 1%;
		}
	<![endif]-->