body {
    font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
    word-spacing:2px;
    /*color:#444; */
    color:#144596;
    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/img17.JPG) top repeat-x; */
       /*background:url(images/gm2.jpg); */
    padding:20px;
}

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

#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:250% Arial;
    color:#0ba2e1;
    padding:5px 20px 5px 5px;
    
    margin:0 20px 0 0;
}

#header h1 a {
    /*color:#f7560f; */
    color:#ffffff;
    text-decoration:none;
    
}

#header h1 a:hover {
    /*color:#b81313; */
    color:#ffffff;
    
}

#header h2 {
    font:150% Arial;
    font-weight:normal;
    color:#f7560f;
    padding:14px 0 0 0;
    border:none;
}

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


#header #nav {
    clear:both;
    background:url(images/nav2.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:none;
}

#header #nav a {
    font:120% Arial;
    text-decoration:none;
    font-weight: bold;
    color:#ffffff;
    padding:8px;
}

#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;
}

/* Search */



#recherche {

    float: right;

    padding: 0 0 0 0;

}



#textfield1 {

    width: 175px;

    background: #144596;

    border: none;

}



#search {

    width: 175px;

    background: #ffffff;

    border: 1pxsolid;

}




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

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

#sidebar h3 {
    color:#144596;
    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:#144596;
}

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

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

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

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

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

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

#sidebar input {
    padding:2px;
    background:#f6f6f6;
    border:1px solid #ccc;
    color:#144596;
    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:#144596;
    line-height:20px;
    margin:10px 0;
}

#sidebarright h2 {
    font:160% Arial;
    color:#0ba2e1;
    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:#144596;
    text-decoration:none;
}

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


#content {
    margin:20px 200px 20px 200px;
    padding:20px 40px 20px 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;
    border: 0px;
}

form {
    padding:10px;
    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:#0ba2e1;
}

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

.lien {
    text-align: justify;
}

.lien a, .lien a:hover {
    font-size: 12px;
    color: #0ba2e1;
    text-decoration: none;
    font-weight: bold;
}

.lien span {
    color: #F7560F;
}

.ariane {
    color: #144596;
}

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

.ariane a:hover {
    color: #10ba2e1;
    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;
}

/* bourse du header */
.bourse {
        position:absolute;
        top: 2em;
        right: 9em;
        width: 4em;
 }

/* 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: none;
color: #144596;
}
#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: #144596;
    background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
    display: block;
}
#container .off {
    display: none;
}