.top {
    background: #FCFCFC;
    border-bottom: 1px solid #E5E5E5;
/* http://gradients.glrzad.com/ */
background-image: linear-gradient(bottom, rgb(225,230,230) 0%, rgb(121,171,160) 94%);
background-image: -o-linear-gradient(bottom, rgb(225,230,230) 0%, rgb(121,171,160) 94%);
background-image: -moz-linear-gradient(bottom, rgb(225,230,230) 0%, rgb(121,171,160) 94%);
background-image: -webkit-linear-gradient(bottom, rgb(225,230,230) 0%, rgb(121,171,160) 94%);
background-image: -ms-linear-gradient(bottom, rgb(225,230,230) 0%, rgb(121,171,160) 94%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(225,230,230)),
	color-stop(0.94, rgb(121,171,160))
);
}

.header {
    padding: 0 0 18px 0;
    width: 960px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
}

.header a {
    text-decoration: none;
}

.header a:hover, a:active, a:focus {
	background: none;
}

.logo {
    padding: 8px 0px 8px 0px;
}

.menubar {
    background: #e1e6e6;/*#F5F5F5;*/
    border-bottom: 1px solid #cccccc;
}

.centered {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.content {
    color: #333;
    font-size: 0.8em;
    margin-top: 10px;
}

#left {
    float: left;
    /* padding: 0 30px 0 0; */
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 188px;
    vertical-align: top;

/*    min-height: 500px;*/
}

#right {
    float: right;
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
    vertical-align: top;
    width: 188px;

/*    min-height: 500px;*/
}

#main {
    width : 772px; /*584*/
    vertical-align: top;
    margin-left: 188px;
}

#footer {
    font-size: 80%;
    height: 10px;
    background: #151515;
    width: 100%;
}

#debug {
    background: #FFFFFF;
}

/****************** Dropdown Menu styling starts here **************/
.menusan
{
 /* Use these parameters to positions your menusan. */
 position: relative;
 height: 32px;
 margin: 0;
 padding: 0;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    font-size: 80%;
}

.menusan, .menusan li, .menusan li ul { /* all lists */
 list-style: none;
  z-index: 99;
/* background: url(../images/grad2.gif);*/
position: relative;
}

.menusan li a {
 display: block;
 padding: 0 10px;
/* width: 10em;*/
 color:#373737;
 font-weight: bold;
/* border:2px solid #BC031F;*/
/*  border-right: 1px solid #2B6484;*/
 text-decoration:none;
 line-height: 32px;
 cursor: pointer;
}

.menusan li { /* all list items */
 float: left;
/* width: 10em; /* The width is needed by the Opera browser. */*/
/* border-bottom:1px solid #ccc;*/
}

.menusan li ul { /* second-level lists */
 position: absolute;
 background: #eeeeee;
		border: 1px outset #C1CAD5;
/*
border-left:1px solid #C1CAD5;
border-bottom:1px solid #C1CAD5;
border-top:1px solid #F3F6F9;
*/
/*width: 10em;*/
 left: -9999px; /* Use left instead of display to hide menusans; display: none isn’t read by screen readers. */
}
.menusan li ul li a {
width: 175px;
}

.menusan li a:hover {
 color:#770000;
 background: #79aba0; /*dddddd;*/
 display: block;
 padding: 0 10px;
/* width: 10em;*/
 font-weight: bold;
/* border:2px solid #BC031F;*/
/* border-right: 1px solid #2B6484;*/
 text-decoration:none;
 line-height: 32px;
 cursor: pointer;
}

.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 left: auto; /* change is to 10px, 20px, etc for indenting the sub menu */
}
/* **************** Dropdown Menu styling end here ***************/

html, body {
    height: 100%;
}

a {
    text-decoration: none;
}

.wrapper {
    min-height: 100%;
    margin: 0 auto 0em;
    height: auto !important;
    height: 100%;
}

.fd-pied {
    background: black;
    font-size: 80%;
}

#pied {
width: 960px;
margin: 0 auto;
text-align: left;
padding: 25px 0;
position: relative;
top: 100%;
}

#pied .liens {
float: left;
color: white;
width: 635px;
padding-left: 25px;
background: url(/templates/tophat/images/fd-lignes-pied.png) repeat-y 25px 0px;
}

#pied .liens .widget, #pied .liens .linkcat {
list-style-type: none;
}

#pied .liens .widget, #pied .liens .linkcat {
color: white;
display: block;
list-style-type: none;
float: left;
width: 155px;
padding: 0 25px;
}

#pied .liens .widget h3, #pied .liens .widget h2, #pied .liens .linkcat h3 {
font-size: 2em;
padding-bottom: 5px;
}

#pied .liens a:link, #pied .liens a:visited, #pied .liens a:hover, #pied .liens a:active, #pied .liens .col, #pied .liens .widget h3, #pied .liens .widget h2, #pied .liens .widget p, #pied .liens .widget ul, #pied .liens .linkcat h3, #pied .liens .linkcat h2, #pied .liens .linkcat p, #pied .liens .linkcat ul {
color: white;
text-decoration: none;
}

#pied h3, #pied h2 {
font-family: 'ModulaBold';
font-weight: normal;
}