body {
        font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
        word-spacing:2px;
        color:#444;
        margin:20px;
        /*background:url(images/body.jpg) top repeat-x #121212;
        background-attachment:fixed;   */
}

* {
        margin:0;
        padding:0;
}

#wrapper {
        background:#fff;
        border:3px solid #ccc;
        max-width:1200px;
        min-width:760px;
        margin:0 auto;
}

* html #wrapper
{
        max-width:1200px;
        min-width: 760px;
}

#innerwrapper {
        margin:1px;
        background:url(images/innerwrapper.jpg) top repeat-x;
        padding:20px;
}

#header input {
        width:150px;
        padding:5px;
        background:#fff;
        border:2px solid #f6f6f6;
        font:150% Arial;
        color:#999;
}

#header input:hover {
        border:2px solid #ccc;
}

#header input:focus {
        border:2px solid #79B5D6;
        color:#555;
}

#header form {
        padding:27px 25px 20px 25px;
        float:right;
        background:#fff;
        width:160px;
        margin:-20px -20px 0 0 !important;
        margin:-20px -10px 0 0;
        border:none;
}

#header h1 {
        float:left;
        font:220% Tahoma;
        color:#333;
        padding:5px 20px 5px 5px;

        margin:0 20px 0 0;
}

#header h1 a {
        color:#333;
        text-decoration:none;

}

#header h1 a:hover {
        color:#111;

}

#header h2 {
        font:100% Tahoma;
        font-weight:normal;
        color:#555;
        padding:20px 0 0 0;
        border:none;
}

#header h2 a {
        text-decoration:none;
        border-bottom:2px solid #f6f6f6;
}


#header #nav {
        clear:both;
        background:url(images/nav.jpg) top repeat-x #4F9EC9;
        border-bottom:2px solid #4F9EC9;
        border-top:2px solid #388CBA;
        border-left:2px solid #388CBA;
        border-right:2px solid #388CBA;
        padding:10px 10px 10px 0 !important;
        padding:4px 10px 10px 0;
}

#header a em {
        font-style:normal;
        text-decoration:underline;
}

#header #nav a {
        font:90% Verdana;
        text-decoration:none;
        font-weight: bold;
        padding:15px;
}

#header #nav a:hover {
        background:#4F9EC9;
}

#header #nav a.active {
        background:#4F9EC9;
}

#header #nav li {
        display:inline;
        list-style:none;
        margin:0 1px 0 0;
}

#header #subnav {
        background:#4F9EC9;
        padding:5px 7px 7px 7px;
        font:90% Verdana;
        color:#DEEDF5;
        border-bottom:2px solid #388CBA;
        border-left:2px solid #388CBA;
        border-right:2px solid #388CBA;
}

#header #subnav li {
        list-style:none;
        display:inline;
}

#header #subnav a {
        color:#DEEDF5;
        text-decoration:none;
        font:100% Verdana;
        padding:5px;
        border-bottom:2px solid #4F9EC9;
}

#header #subnav a:hover {
        border-bottom:2px solid #388CBA;
}

#header #subnav a.active {
        border-bottom:2px solid #388CBA;
}


#sidebar {
        width:170px;
        padding:10px 0px 0px 20px;
        float:left;
        color:#666;
}

#sidebar h2 {
        font:140% Arial;
        color:#333;
        margin:10px 0 10px 0;
        border:none;

}

#sidebar h3 {
        color:#999;
        font:100% Verdana;
        font-weight:bold;
        letter-spacing:1px;
        margin:0 0 -10px 0;
}

#sidebar p {
        margin:15px 0;
}

#sidebar p.news {
        background:#fefefe;
}

#sidebar p.news a.more {
        display:block;
        text-align:right;
        font:80% Verdana;
        text-transform:uppercase;
        letter-spacing:1px;
        text-decoration:none;
        padding:10px 0;
}

#sidebar p.news a:hover {
        color:#666;
}

#sidebar .subnav {
        border-top:1px solid #fafafa;
}

#sidebar .subnav li {
        list-style:none;
        border-bottom:1px solid #fafafa;
}

#sidebar .subnav li a {
        color:#666;
        text-decoration:none;
        display:block;
}

#sidebar .subnav li a:hover {
        color:#666;
}

#sidebar .subnav li a b {
        float:right;
        display:none;
        color:#666;
}

#sidebar .subnav li a:hover b {
        display:inline;
}

#sidebar input {
        padding:2px;
        background:#f6f6f6;
        border:1px solid #ccc;
        color:#666;
        font:90% Verdana;
}

#sidebarright {
        width:170px;
        float:right;
        padding:10px 0 0 20px;
        background:url(images/sidebarright.jpg) top left no-repeat;
}

#sidebarright p {
        font:90% Verdana;
        color:#777;
        line-height:20px;
        margin:10px 0;
}

#sidebarright h2 {
        font:160% Arial;
        color:#333;
        margin:10px 0;
        border:none;
}

#sidebarright ul {
        margin:10px 0 10px 15px;
        font:90% Verdana;
}

#sidebarright ul li {
        margin:5px 0;
}

#sidebarright a {
        border-bottom:1px dotted #eee;
        color:#444;
        text-decoration:none;
}

#sidebarright a:hover {
        border-bottom:1px dashed #ccc;
}


#content {
        margin:0 200px 0 200px;
        padding:20px 0 0 20px;
}

#contentnorightbar {
        margin:0 0 0 240px;
        padding:20px 0 0 20px;
}

p {
        margin:15px 0;
        line-height:22px;
}

h2 {
        font:160% Arial;
        color:#79B933;
        border-bottom:2px solid #f6f6f6;
}

h2 a {
        color:#79B933;
        text-decoration:none;
}

h2 a:hover {
        color:#5F9128;
}

h4 {
        font-family: Arial;
        font-weight: bold;
        color:#79B933;
}

h4 a {
        color:#79B933;
        text-decoration:none;
}

h4 a:hover {
        color:#5F9128;
}


#footer {
        clear:both;
        border-top:1px solid #eee;
        padding:10px;
        margin:30px 0 0;
}

a {
        color:#222;
}

a:hover {
        text-decoration:none;
}

h3 {
        font:140% "Trebuchet MS";
        margin:10px 0;
}

#content ul {
        margin-bottom: 3px;
        color:#333;
}
#content ul span {
        color:#444;
}
#contentnorightbar ul {
        margin:15px 0 15px 20px;
        line-height:25px;
        padding:15px 0;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee;
        color:#79B933;
}
#contentnorightbar ul span {
        color:#444;
}

img {
        padding:1px;
}

form {
        padding:4px;
        border:1px dotted #ccc;
}

label {
        display:block;
        font-weight:bold;
        color:#444;
        margin:5px 0;

}
input {
        padding: 2px;
        margin: 2px;
        border :1px dotted #ccc;
        font:90% Verdana;
        color:#666;
}

textarea {
        padding:4px;
        font:90% Verdana;
        border:1px solid #eee;
        height:200px;
        display:block;
        color:#777;
}

p img {
        float:left;
        margin:0 10px 0 0;
}

blockquote p {
        font:160% Georgia;
        color:#aaa;
        padding:0 10% 0 0;
        line-height:30px;
}

/* AutoCompletion CSS */

#autocompletion {
    border: 1px solid #999;
    background: #fafafa;
        text-align: left;
  }
  #autocompletion ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #autocompletion li {

  }
  #autocompletion a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: #CCC;
  }

#feed {
        color: #0098EF;
        font-weight: bold;
}

.vote a{
        color: #119FF0;
        font-size: 28px;
        font-weight: bold;
}

.votetable {
        background: white;
        width : 70px;
        height: 92px;
        margin-right: 5px;
}

/*ajout resux*/
.votelargeur {width: 80px;}

a.cat_display {
        text-decoration: none;
        font-weight: bold;
        font-size: 12px;
        color:#8CC739;
}

a.subcat_display {
        text-decoration: none;
        font-size: 10px;
        border-bottom : 1px dotted #CCC;
}

.lien {
        text-align: justify;
}

.lien a, .lien a:hover {
        font-size: 12px;
        color: #8CC739;
        text-decoration: underline;
        font-weight: bold;
}

.lien span {
        color: #F7560F;
}

.ariane {
        color: #A9A9A9;
}

.ariane a {
        color: #A9A9A9;
        text-decoration: underline;
        font-weight: normal;
        font-size: 11px;
}

.ariane a:hover {
        color: #A9A9A9;
        text-decoration: none;
        font-weight: normal;
        font-size: 11px;
}

.sitetable {
        background: #F7F7F7;
        width: 100%;
        border: 1px dashed #CCC;
        vertical-align : top;
}

.sitetd {
        border: 1px solid #CCC;
}

.warning {
        background: #CFEBF7 url(images/notice.png) no-repeat 1em ;
        border: 2px solid #000;
        text-align: center;

        padding: 10px;
        font-family: tahoma, verdana;
        font-weight: bold;
        max-width: 780px;
}


/* Onglets fiche site */
#container {
        font: bold 12px Verdana;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
        clear: both;
        border: 1px solid #CCC;
        margin-top: 10px;
}

#container ul#menu {
        font-weight: bold;
}
#container ul#menu li {
        font: bold 12px Verdana;
        list-style-type: none;
        text-align: left; /*set to left, center, or right to align the menu as desired*/
        display: inline;
        margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
        margin: 0.5em 0 0.5em 0;
        font-size: 1.4em;
}
#container .content {
        border: 1px solid #d5d5d5;
        padding: 10px;
}

#container a.current {
        padding: 3px 7px;
        border: 1px solid #d5d5d5;
        background-image: url(images/shadeactive.gif);
        border-bottom-color: white;
}
#container a.ghost  {
        padding: 3px 7px;
        margin-right: 3px;
        border: 1px solid #d5d5d5;
        color: #333333;
        background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
        display: block;
}
#container .off {
        display: none;
}