body {
margin:0px; 
padding:0px; 
background:#FFF; 
width:960px; 
margin-left:auto; 
margin-right:auto;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
background-image:url(images/gradient.jpg);
background-repeat:repeat-x;
}

/* The header and footer */
.headfoot {
display:block;  
height:313px; 
background-color:#000000;
background-image:url(images/bg_ic.jpg);
background-repeat:no-repeat;
}

#menu{
padding-top:143px;
}
#slogan{
padding-top:20px;
padding-left:5px;
font-size:20px;
color:#FF9933;
font-style:italic;
text-align:left;
width:400px;
}
#slogan2{
padding-top:5px;
padding-left:100px;
font-size:20px;
color:#FF9933;
font-style:italic;
width:350px;
}
#slogan3{
padding-top:5px;
padding-left:5px;
font-size:20px;
color:#FF9933;
font-style:italic;
text-align:right;
width:310px;
}
/* This bit does all the work */
#container {
position:relative; 
display:block; 
background-image:url(images/bg_3col.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}
#inner {
display:block; 
padding-top:9px; 
width:960px;
}
#left {
float:left; 
position:relative; 
width:230px; 
left:0px;
}
#right {
float:right; 
position:relative; 
width:230px; 
right:0px;
}
#center {
margin-left:230px; 
margin-right:230px;  
position:relative; 
display:block; 
height:1%;
}
.clear {clear:both;}

.foot{
position:relative;
display:block;
background-color:#006699;
text-align:center;
color:#FFFFFF;
height:30px;
}
.left_in{
padding-left:10px;
padding-right:10px;
width:200px;
color:#006699;
}
.center_in{
padding-right:10px;
padding-left:15px;
margin-left:auto;
margin-right:auto;
}
.center_in img{
padding:5px;
border:solid;
border-color:#006699;
border-width:thin;
float:left;
margin-right:10px;
}
.center_in li{
margin-left:10px;
}
.right_in{
padding-left:10px;
padding-right:10px;
margin-left:auto;
margin-right:auto;
width:200px;
}

h3 {
color: #333333;
text-align:left;
}

#titre{
padding:0px;
font-variant:small-caps;
font-size: 30px;
line-height: 51px;
font-weight: bold;
color: #006699;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
height:50px;
background-image:url(images/souligne.gif);
background-repeat:no-repeat;
background-position:top;
}

p {
text-align:left;
font-size:small;
}
.cap{
float: left;
width: .75em;
font-size: 62px;
line-height: 51px;
font-weight: bold;
color: #444;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
color:#0033CC;
}
a:hover {
text-decoration: none;
color:#FF6600;
}

.menu2 {padding:0; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(images/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(images/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/blank_overa.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(images/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/blank_overa.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #006699; white-space:nowrap; width:160px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:160px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #006699; white-space:nowrap; width:90px; z-index:400; height:auto;}
.menuplus{float:left; padding-left:7px; padding-top:7px;}
.menuplus img {
border:0px;
}

.imgpart{
border:0px;
width:80px;
}

.tdlogo{
background-color:#FFFFFF;
width:100px;
height:90px;
border:solid;
border-color:#006699;
border-width:1px;
text-align:center;
}