body {
   background:white;
   font-family: "Trebuchet ms",  Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-size:13px;
   margin:0;
   padding:0 15px 0 15px;
}

a img {
   border:0;
}

/* ===================================== bandeau */
#bandeau {
   background:url('pics/headerBg.png') repeat-x left;
   height:87px;
   margin-bottom:15px;
   position:relative;
   padding:0;
   margin:0;
}

#logo {
   background:url('pics/headerLeft.png') no-repeat bottom left;
   height:87px;
}

#logo a img {
   margin:12px 0 0 5px;
}

#bandeau ul , #login-status {
   list-style:none;
   margin:0;
   padding:0 7px 0 0;
   position:absolute;
   right:0;
   width:auto;
   z-index:90;
}

#bandeau li {
   float: left;
   margin:0;
   padding:0 0 0 5px;
}

#bandeau ul a {
   display:block;
   float:left;
   font-weight:bold;
   text-decoration:none;
}

/* login box */

#login-status {
   background:url('pics/headerRight.png') no-repeat top right;
   color:white;
   font-weight:bold;
   height:87px;
   top:0;
   padding:7px 5px 5px 5px;
   z-index:80;
}
#login-status div { display:inline;}
#login-status a, #login-status button {
   background:#3a8cbf;
   border:1px solid #49aad7;
   border-color:#42a0db #235675 #235675 #42a0db;
   margin:2px;
   color:white;
   font-weight:bold;
   padding:1px 3px 1px 3px;
   text-decoration:none;
}
#login-status a:hover, #login-status button:hover {
   background:#409cd6;
   color:white;
   cursor:pointer;
   padding:1px 3px 1px 3px;
   text-decoration:none;
}

#login-status button {
   margin:0;
}

#login-status input {
   background:white;
   border:1px solid #235675;
   margin:0;
   padding:1px 2px 1px 2px;
   width:50px;
   border-radius:5px;
}

/* Accessibility links */

#accessibilite {
   top:38px;
   font-size:0.7em;
}
#accessibilite a {
   background:#3278a4;
   color:#588cac;
   padding:1px 4px 1px 4px;
   border-radius:5px;
}


#accessibilite:hover a {
   background:#3a8dc1;
   color:white;
   padding:1px 4px 1px 4px;
   border-radius:5px;
}

#accessibilite:hover a:hover {
   background:#409cd6;
}

/* Top menu */

#topmenu {bottom:0;}
* html #topmenu {bottom:-1px !important;}

#topmenu a {
   background:white url('pics/thumbBg.png') repeat-x bottom;
   border:1px solid #103950;
   color:#004e7f;
   margin:0;
   padding:2px 5px 1px 5px;
   border-radius:7px 7px 0 0;
}

#topmenu a.active, #topmenu a:hover {
   background:white;
   border-bottom-color:white;
}

/* ============================= Important message */

#message_important {
   background:#fff4d9;
   border:1px solid #ffc96d;
   color:#eb7c00;
   font-size:13px;
   font-weight:bold;
   margin:15px 0px 0 205px;
   padding:5px;
   text-align:center;
   border-radius:7px;
}

#message_important a {
   color:inherit;
   text-decoration:underline;
}
#message_important a:hover {
   background:#fffcf5;
}
#message_important p {
   margin:0 0 5px 0;
}

/* ============================= Content */

#contenu {
   margin:0 0 0 205px;
}

#contenu hr {
   border:none 0;
   border-top:1px solid #53bdff;
   height:1px;
}

#contenu .box, .content-page, .jcommunity-box {
   background:url('pics/contentBg.png') repeat-x left 5px;
   border:1px solid #53bdff;
   font-size:13px;
   margin:15px 0 0 0;
   padding:0 10px 0 10px;
   border-radius:7px;
}

#contenu .box h1, .content-page h1, .jcommunity-box h1 {
   background:#e1f2fc url('pics/contentTitleBg.gif') repeat-x bottom;
   color:#2275a8;
   font-size:25px;
   margin:0 -10px 0 -10px;
   padding:2px 5px 2px 5px;
   border-radius:7px 7px 0 0;
}

#contenu .box h1 a:hover, .content-page h1 a:hover, .jcommunity-box h1 a:hover {
   background:none;
}

#contenu .box h2, .content-page h2, .jcommunity-box h2 {
   background:url('pics/blueSquare.gif') no-repeat center left;
   color:#2275a8;
   font-size:20px;
   margin:5px 0 0 0;
   padding:0 0 0 15px;
}

#contenu .box h3, .content-page h3, .jcommunity-box h3 {
   color:#2275a8;
   font-size:17px;
   margin:0 0 5px 0;
}

#contenu .box a, .content-page a, .jcommunity-box a {
   color:#eb9100;
   font-weight:bold;
   padding:1px 1px 1px 1px;
   text-decoration:none;
   border-radius:5px;
}

#signin a {
   color:#eb9100;
   font-weight:bold;
   padding:1px 3px 1px 3px;
   text-decoration:none;
   border-radius:5px;
}

#contenu .box a:hover , #signin a:hover, .content-page a:hover, .jcommunity-box a:hover {
   background:#fff4d9;
   color:#eb7c00;
}

#contenu .content-action-bar {
   margin:5px 0 0 0;
   padding:0;
}

#contenu .content-action-bar .editdate {
   float:right;
   font-size:12px;
   margin:0;
   padding:0;
}

#contenu .content-nav {
   border:1px solid #c7eaff;
   font-size:12px;
   padding:3px;
   text-align:right;
   border-radius:5px;
}

#contenu .content-action-bar ul {
   list-style:none;
   margin:0;
   padding:0;
}

#contenu .content-action-bar li {
   display:inline;
   margin:0;
   padding:0 5px 0 0;
}

#contenu .content-action-bar li a {
   background:#419fd9;
   color:white;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding:1px 4px 1px 4px;
   text-decoration:none;
   border-radius:5px;
}

#contenu .content-action-bar li a:hover {
   background:#3a8fc3;
}

#contenu .content-action-bar ul form, #contenu .content-action-bar ul div {
   display:inline;
   margin:0;padding:0;
}

#contenu input.button, #contenu input[type=submit] {
   background:#3a8cbf;
   border:1px solid #49aad7;
   border-color:#42a0db #235675 #235675 #42a0db;
   margin:2px;
   color:white;
   font-weight:bold;
   padding:1px 3px 1px 3px;
}

#contenu input[type=text], #contenu textarea {
   background:white;
   border:1px solid;
   border-color:#377eaa;
   margin:0;
   padding:1px 2px 1px 2px;
}

#contenu dt {
   font-weight:bold;
   margin-top:0.5em;
}

#contenu code {
   background-color:#fff4d9;
   font-size:12px;
}

#contenu pre {
   background-color:#fff4d9;
   overflow:auto;
   margin:5px 10px;
   border:1px solid #ffc96d;
   padding:5px;
}

#contenu pre code {
   background-color:#fff4d9;
   font-size:1em;
}

#contenu pre strong {
   color:#ff0000;
   font-weight:normal;
}

#contenu .attribut a, #contenu .tag a {
   background:none;
   color:inherit;
   font-weight:inherit;
   padding:0;
}
#contenu .attribut a:hover, #contenu .tag a:hover {
   background:none;
   color:inherit;
   font-weight:inherit;
   text-decoration:underline;
}

#contenu .attribut {
   background-color:#dffcdc;
   color:#1d6915;
}

#contenu .tag {
   background-color:#e9f5fd;
   color:#154869;
}
#contenu .tag:before {
   content:"<";
}
#contenu .tag:after {
   content:">";
}


#contenu .task {
   background-color:#e9f5fd;
   border:1px solid #82cfff;
   padding:0px 10px 0px 10px;
   margin:1em 0;
   clear:both;
}

#contenu .task pre , #contenu .task pre code {
   background-color:#fafdff;
   border-color:#82cfff;
}

/* Non edite */
#contenu kbd {
   border:1px outset black;
   background-color: #c5dbe1;
   padding:0.1em;
   border-radius:5px;
}

#contenu var {
   background:#fff4d9;
   color:#b86200;
   font-weight:normal;
}
#contenu var:before {
   content:"'";
}
#contenu var:after {
   content:"'";
}

/* Non edite */
#contenu img.screenshot, #contenu img.screenshot-left, #contenu img.screenshot-right {
   display:block;
   margin:0.5em;
}

/* Non edite */
#contenu img.screenshot-right {
   float:right;
}

/* Non edite */
#contenu img.screenshot-left {
   float:left;
}

/* Non edite */
#contenu table.donneestuto {
   border-collapse:collapse;
   border:2px solid #0a5b87;
}

/* Non edite */
#contenu table.donneestuto td {
   vertical-align:top;
   border:1px solid #0a5b87;
   padding:0.3em;
   margin:0;
}




/* news */

#contenu .news {
   font-size:13px;
   margin:0 0 15px 0;
}

#contenu .billet {
   background-color:#e9f5fd;
   border:1px solid #82cfff;
   margin:5px 0 -1px 0;
   padding:0 10px 0 10px;
   border-radius:5px 5px 0 0;
   text-align:left;
}

#contenu .news h2 {
   text-align:left;
}

#contenu .news h2 a:hover {
   background:none;
}

#contenu .newsdate {
   font-size:12px;
   margin:0;
   text-align:left;
}

#contenu .post-info {
   background-color:#e9f5fd;
   border:1px solid #82cfff;
   border-top:0;
   display:inline;
   font-size:11px;
   padding:2px 2px 2px 4px;
   border-radius:0 0 5px 5px;
}

#contenu .post-info a {
   color:#1d638f;
   font-weight:normal;
}
#contenu .post-info a:hover {
   background:#fafdff;
   color:#1d638f;
}

#contenu .note {
   background-color:#ffffae;
   border:1px solid #a6a671;
   padding:4px;
}

#comments {
   padding-bottom:10px;
}

#comments blockquote {
   border:0;
   border-left:2px solid #2275a8;
   padding-left:5px;
}

 #comments fieldset {
   border:0;
   padding:0;
 }

 #comments label[for=c_content] {
   display:block;
   margin-bottom:5px;
 }

/* ======================================== Forum */

#contenu table.forum,
#contenu table.forumdata  {
   clear:both;
   border:1px solid #377eaa;
   border-collapse:collapse;
   font-size:13px;
   margin:10px 0 10px 0;
   width:100%;
   border-radius:7px;
}

/* Because IE sucks and is not able to see that there is a left margin on the content, so 100% means the whole size of the window */
* html table.forum, * html table.forumdata {
   width:auto;
}

div.content-nav + table.forum {
   margin:0 !important;
}

#contenu table.forum tr, #contenu table.forumdata tr {
   background:white url('pics/menuHover.png') repeat-x left -7px;
}

#contenu table.forum th, #contenu table.forumdata th{
   background:#419fd9 url('pics/menuTitleBg.gif') repeat-x bottom;
   border-bottom:1px solid #377eaa;
   color:#d5efff;
   padding:3px 5px 3px 5px;
}

#contenu table.forum td, #contenu table.forumdata td {
   background:none;
   border:1px solid #377eaa;
   vertical-align:middle;
   padding:4px;
   text-align:center;
}

#contenu table.forum tr > td:first-child, #contenu table.forumdata tr > td:first-child {
   text-align:left;
}

#contenu table.forum td.lastpost {
   font-size:0.8em;
}

#contenu table.forum td h2 {
   background:none;
   margin:0;
   padding:0;
}

#contenu table.forum td p {
   margin:0;
   padding:0;
}

#contenu table.forumform {
   font-size:13px;
}

#contenu table.forumform td {

   vertical-align:top;
}

#contenu table.forumform th {
   text-align:right;
   vertical-align:top;
}

#contenu table.forum a {
   color:#2275a8;
   padding:0;
}
#contenu table.forum a:hover {
   background:none;
}

#contenu .forumMessage {
   margin-bottom:15px;
}
#contenu .forumMessage h3 {
   margin-bottom:0;
}

#contenu .forumtext pre , #contenu .forumtext pre code {
   background-color:#fafdff;
   border-color:#82cfff;
}

#contenu .firstMessage pre, #contenu .firstMessage pre code {
   background-color:#fffcf5;
   border-color:#ffc96d;
}

#contenu .forumMessage h2 {
   background-image:url('./pics/orangeSquare.gif');
   color:#eb9100;
   margin-bottom:0;
}

#contenu .forumMessage h2 a, #contenu .forumMessage h2 a:hover, #contenu .forumMessage h3 a, #contenu .forumMessage h3 a:hover {
   background-color:inherit;
   color:inherit;
   padding:0;
}

/* Because IE sucks and is not even able to correctly interpret 'inherit'  */
#contenu .forumMessage h3 a, #contenu .forumMessage h3 a:hover {
   color:#2275a8;
}

#contenu .forumtext {
   background-color:#e9f5fd;
   border:1px solid #82cfff;
   margin:5px 0 0 0;
   padding:0 10px 0 10px;
   border-radius:5px;
}

#contenu .firstMessage .forumtext {
   background-color:#fff4d9;
   border-color:#ffc96d;
}

#contenu .forumtext blockquote {
   margin-left:1.5em;
   padding-left:0.5em;
   border-left:2px solid #419fd9;
}

#contenu .forumsignature {
   font-size:0.9em;
}

#contenu .forumeditmessage {
   text-align:right;
   font-style:italic;
   font-size:0.8em;
   margin-bottom:0;
}

#contenu .forumMessageInfo {
   height:15px;
}

#contenu .forumMessageInfo > p:first-child {
   border-right:1px solid black;
}

#contenu .forumMessageInfo p {
   float:left;
   font-size:11px;
   padding:0 2px 0 0;
   margin:0 5px 0 0;
}

#contenu .forumModeration, #contenu .forumMessageOptions {
   text-align:right;
   font-size:11px;
   font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
   padding:0 5px 10px 0;
}

#contenu .forumMessageOptions a, #contenu .forumModeration a, #contenu .msgoptions a {
   background-color:#e9f5fd;
   border:1px solid #82cfff;
   color:#1d638f;
   font-weight:normal;
   margin:0 5px 0 0;
   border-radius:5px;
}

#contenu .forumMessageOptions a:hover, #contenu .forumModeration a:hover, #contenu .msgoptions a:hover {
   background:#fafdff;
   color:#1d638f;
}

#contenu .forumMessageOptions a {
   border-top-color:#e9f5fd;
   border-radius:0 0 5px 5px;
}

#contenu .firstMessage .forumMessageOptions a, #contenu .firstMessage .forumModeration a {
   background:#fff4d9;
   border-color:#ffc96d;
   color:#eb7c00;
}

#contenu .firstMessage .forumMessageOptions a:hover, #contenu .firstMessage .forumModeration a:hover {
   background:#fffcf5;
   color:#eb7c00;
}

#contenu .firstMessage .forumMessageOptions a {
   border-top-color:#fff4d9;
}

#contenu .forumAlert {
   border:1px solid grey;
}

#contenu .forumError {
   border:1px solid red;
}

#contenu .msgoptions {
   font-size:10px;
   padding:7px 0 3px 0 !important;
   text-align:right;
}

#contenu .msgoptions a {
   padding:2px !important;
   margin:0 0 0 5px;
}

/* Non edite */
#contenu .msgnew, #contenu .msgpages {
   font-size:10px;
}

#contenu .msgnew {
   color:#eb7c00;
   font-weight:bold;
   padding:0 1px 0 1px;
   text-transform:uppercase;
   white-space:pre;
}

#contenu .msgannouncement {
   color:white;
   background-color:black;
}

/* Non edite */
#forummenudroit {
   float:right;
   width:12em;
   padding:0 0.5em;
}

/* Non edite */
#forumcontenu {
   margin-right:13em;
}

/*============================== Navigation */

#navigation {
   left:15px;
   position:absolute;
   top:103px;
}

#navigation .menubox {
   background:#327ba8;
   border:1px solid #103950;
   margin:0 0 15px 0;
   padding:0;
   border-radius:7px;
   width:185px;
   color:#c4e8ff;
}

#navigation .menubox h3 {
   background:#419fd9 url('pics/menuTitleBg.gif') repeat-x bottom;
   color:#d5efff;
   font-size:20px;
   margin:0;
   padding:3px 3px 3px 5px;
   border-radius:7px 7px 0 0;
}

#navigation .menubox ul {
   border-bottom:1px solid #42a0db;
   border-top:1px solid #235675;
   list-style:none;
   margin:0 0 15px 0;
   padding:0;
}

#navigation .menubox li {
   display:inline;
   margin:0;
   padding:0;
}

#navigation .menubox li a {
   border-bottom:1px solid #235675;
   border-top:1px solid #42a0db;
   color:#c4e8ff;
   display:block;
   font-weight:bold;
   padding:3px 15px 3px 15px;
   text-decoration:none;
}
#navigation .menubox li a:hover, #navigation .menubox li a.active {
   background:white url('pics/menuHover.png') repeat-x top;
   border-bottom:1px solid #2c96d9;
   border-top:1px solid #103950;
   color:#00385a;
}

#navigation .menubox form {
   border-top:1px solid #235675;
   margin:0;
   padding:0;
}

#navigation .menubox form  div {
   border-top:1px solid #42a0db;
   display:block;
   padding:5px;
}

#navigation .menubox input {
   background:white;
   border:1px solid #103950;
   margin:5px 5px 5px 0;
   padding:1px 2px 1px 2px;
   width:125px;
   border-radius:5px;
}

#navigation .menubox button, #navigation .menubox input.button  {
   background:#327ba8;
   border:1px solid #49aad7;
   border-color:#42a0db #235675 #235675 #42a0db;
   color:#c4e8ff;
   cursor:pointer;
   font-weight:bold;
   margin:5px 0 5px 0;;
   padding:1px 2px 1px 2px;
   border-radius:2px;
}
#navigation .menubox button:hover, #navigation .menubox input.button:hover {
   background:#409cd6;
}

#sites_annexes {
   background:white url('pics/otherSitesBg.png') repeat-x left 5px;
   border:1px solid #53bdff;
   margin:0 0 15px 0;
   padding:0 0 5px 0;
   border-radius:7px;
   width:185px;
}

#sites_annexes h3 {
   background:#e1f2fc;
   border-bottom:1px solid #53bdff;
   color:#2275a8;
   font-size:20px;
   margin:0;
   padding:3px 3px 3px 5px;
   border-radius:7px 7px 0 0;
}

#sites_annexes ul {
   border-top:1px solid white;
   list-style:none;
   margin:0;
   padding:0;
}

#sites_annexes li {
   display:inline;
   margin:0;
   padding:0;
}

#sites_annexes li a {
   color:#2275a8;
   display:block;
   font-weight:bold;
   padding:3px 15px 3px 15px;
   text-decoration:none;
}
#sites_annexes li a:hover {
   background:url('pics/arrow.gif') no-repeat 5px center;
   color:#00385a;
}

/* ===================================== Footer */

#piedpage {
   color:#004571;
   font-size:11px;
   margin:20px 0 0 205px;
}

#piedpage hr {
   display:none;
}

#piedpage p {
   margin:0 0 5px 0;
   text-align:center;
}

#piedpage a {
   color:#004571;
   font-weight:bold;
   text-decoration:none;
}
#piedpage a:hover {
   text-decoration:underline;
}