/**
 * ------------------------------------------------------------------------
 *  Made by Jacques Bodin-Hullin
 *     Jardin <jacques @ bodin-hullin . net>
 *
 *  Started on March 21, 2008
 *  Last update Juny 01, 2008
 *
 *  Copyright (C) 2008 - Jacques 'Jardin' Bodin-Hullin
 * ------------------------------------------------------------------------
 */

* {
   padding: 0;
   margin: 0;
   /*font-size: 14px;*/
   /*font-family: 'trebuchet ms', arial, serif;*/
}

body {
   /*width: 1028px;*/
   /*margin: 0 auto 0 auto;*/
   background-color: #045DDF;
   font-size: 14px;
   font-family: arial, serif;
   text-align: center;
   overflow: auto;
   height: auto !important;
   height: 100%;
   /*padding: auto !important;*/
   padding: 0;
   margin: 0;
}

body p#rapid_access { display: none; }

html {
   margin: auto !important;
   margin: 0;
   overflow: auto !important;
   overflow: visible;
   height: auto !important;
   height: 100%;
   /*padding: auto !important;*/
   padding: 0;
}

html > body {
   overflow: visible !important;
}

/**
 * Links
 */
a {
   /*color: #75BBCF;*/
   /*color: #D44A58;*/
   color: #31849C;
   background-color: transparent;
   text-decoration: none;
}
a:hover { text-decoration: underline; }
a img { border: none; }

/**
 * Ghost
 */
div#ghost {
   position: fixed !important;
   position: absolute;
   /*position: fixed;*/
   left: 50%;
   top: 50%;
   width: 650px;
   padding: 14px;
   margin-left: -340px;
   background: #EFEFEF url(images/ghost_background.png) top left repeat-x;
   border: 1px solid #2C0E00;
   color: #2C0E00;
   text-align: center;
   /*z-index: 99;*/
   overflow: auto;
}

body > div#ghost { position: fixed; }

div#ghost div.message {
   line-height: 25px;
}

/**
 * Banner
 */
div#banner {
   height: 188px;
   text-align: center;
   background: url(images/degrade_repeat.jpg) repeat-x top left;
}

div#banner div {
   width: 892px;
   margin: 0 auto 0 auto;
   padding-left: 80px;
   padding-right: 40px;
}

div#banner strong { display: none; }

div#banner a.bonaf {
   display: block;
   background: url(images/panneau.jpg) no-repeat top left;
   float: left;
   width: 243px;
   height: 187px;
   /*position: absolute;*/
   /*top: 0;*/
   /*left: 50%;*/
   /*margin-left: -450px;*/
}

div#banner span.ideas {
   display: block;
   background: url(images/vosidees.jpg) no-repeat top left;
   float: right;
   width: 487px;
   height: 169px;
   margin-top: 10px;
   /*position: absolute;*/
   /*left: 50%;*/
   /*margin-left: -70px;*/
}

/**
 * Menu
 */
div#menu {
   height: 174px;
   background: url(images/vue_repeat.jpg) top left repeat-x;
   text-align: left;
}

div#menu ul {
   width: 797px;
   margin: 0 auto 0 auto;
   list-style-type: none;
   height: 33px;
   padding-top: 104px;
   padding-left: 40px;
}

div#menu ul li {
   display: block;
   float: left;
   height: 33px;
}

div#menu ul li a {
   display: block;
   height: 31px;
   margin: 0 13px 0 13px;
   text-decoration: none;
   text-align: left;
}

div#menu ul li a.ok:hover span.gt {
   display: inline;
   font-family: 'arial', serif;
   color: white;
   font-weight: bold;
   font-size: 20px;
}

div#menu ul li a span { display: none; }

div#menu ul li a.home {
   background-image: url(images/menu/menu_01.jpg);
   width: 86px;
}
div#menu ul li a.briefs {
   background-image: url(images/menu/menu_03.jpg);
   width: 102px;
}
div#menu ul li a.projectetvous {
   background-image: url(images/menu/menu_05.jpg);
   width: 131px;
}
div#menu ul li a.project {
   background-image: url(images/menu/menu_07.jpg);
   width: 144px;
}
div#menu ul li a.company {
   background-image: url(images/menu/menu_09.jpg);
   width: 164px;
}

div#menu ul li a.home-on {
   background-image: url(images/menu/menu_onv2_01.jpg);
   width: 86px;
}
div#menu ul li a.briefs-on {
   background-image: url(images/menu/menu_onv2_03.jpg);
   width: 102px;
}
div#menu ul li a.projectetvous-on {
   background-image: url(images/menu/menu_onv2_05.jpg);
   width: 131px;
}
div#menu ul li a.project-on {
   background-image: url(images/menu/menu_onv2_07.jpg);
   width: 144px;
}

/**
 * Div top
 */
div#top {
   width: 1012px;
   margin: 0 auto 0 auto;
   height: 39px;
   background: url(images/haut_arrondit.jpg) no-repeat top left;
}

/**
 * Global 1
 */

div#global1 {
   width: 932px;
   margin: 0 auto 0 auto;
   background: url(images/bgverti_d.jpg) repeat-y top right white;
   padding-right: 80px;
   text-align: left;

   /*background-color: green;*/
   /*opacity: 0.5;*/
}

/**
 * Global
 */
div#global {
   background: url(images/bgverti_g.jpg) repeat-y top left white;
   padding-left: 80px;
   padding-bottom: 0;
   padding-top: 30px;
   overflow: hidden;
   text-align: left;
   width: 852px;

   /*background-color: red;*/
   /*opacity: 0.5;*/
}

/**
 * Menu right
 */
div#right {
   float: right;
   /*background: url(images/login.jpg) top left no-repeat white;*/
   /*height: 279px;*/
   /*width: 150px;*/
   /*padding: 0 13px 0;*/
}

/**
 * Menu Panel
 */
div#menu_panel {
   background: url(images/login.jpg) top left no-repeat white;
   height: 279px;
   width: 150px;
   padding: 0 13px 0;
   overflow: hidden;
}

div#menu_panel h3 {
   text-align: center;
   color: white;
   padding-top: 10px;
   padding-bottom: 15px;
   font-size: 17px;
}

div#menu_panel form {
   margin: 0 auto 0 auto;
}

/**
 * Content
 */
div#content {
   width: 670px;
   float: left;
}

div#content-home {
   width: 850px;
   float: left;
}

/**
 * Semantics
 */
h1 {
   font-size: 22px;
}

/**
 * Copyright
 */
div#copyright {
   background: url(images/footer.jpg) top left no-repeat;
   height: 261px;
   width: 1012px;
   margin: 0 auto 0 auto;
   /*text-align: right;*/
   /*padding: 45px 160px 0 0;*/
   /*color: #E0B9AB;*/
   /*font-size: 10px;*/
}

div#copyright div.text {
   text-align: right;
   padding: 30px 160px 0 0;
   color: #E0B9AB;
   font-size: 10px;
   clear: both;
}

div#copyright div.text a {
   /*color: #B88A7A;*/
   color: #E0B9AB;
}

div#copyright div#chaines {
   margin: 0 auto 0 auto;
   width: 740px;
   height: 52px;
   padding: 100px 0 0 0;
   /*width: 570px;*/
   /*height: 40px;*/
}


/**
 * Formular
 */
form {
   text-align: left;
}

form fieldset {
   border: none;
}

form fieldset legend {
   font-weight: bold;
   padding-left: 25px;
   padding-bottom: 10px;
}

form input, form textarea, div#ghost button, form select {
   border: 1px solid gray;
   margin-bottom: 3px;
   padding: 1px;
}

form input[type=radio] {
   margin-bottom: 0;
}

form input[type=text], form input[type=password], form select {
   width: 250px;
}

#menu_panel form input[type=text],
#menu_panel form input[type=password] { width: auto; }

form textarea {
   width: 350px;
   height: 175px;
}

form input[type=submit], div#ghost button {
   padding-left: 4px;
   padding-right: 4px;
   margin: 10px auto 0 auto;
}

form label {
   float: left;
   width: 250px;
}

/**
 * Tableaux
 */
table {
   width: 95%;
   border-collapse: collapse;
   /*border: 1px solid black;*/
   margin: 0 auto 0 auto;
}

table thead tr {
   border-bottom: 1px solid #010066;
}

table tfoot tr {
   border-top: 1px solid #010066;
}

table thead tr th,
table tfoot tr th  {
   text-align: center;
}

table.discussion {
   display: block;
   border-collapse: separate;
   height: 400px;
   max-height: 400px;
   overflow: auto;
   border: 1px dashed gray;
}

table tbody tr.line1 {
   background: #DFECFF;
   height: 25px;
}

table tbody tr.line2 {
   height: 25px;
}

table.discussion div.edit {
   font-size: 12px;
   color: gray;
   margin-top: 5px;
   margin-right: 10px;
   text-align: right;
}

/**
 * Messages
 */
p.message {
   text-align: center;
   font-weight: bold;
}

p.links {
   margin-top: 10px;
   text-align: center;
   padding-bottom: 15px;
}

div.footer {
   height: 39px;
   background: url(images/bas_arrondit.jpg) no-repeat top left;
   width: 1012px;
   margin: 0 auto 0 auto;
}

div.footer div.text {
   font-size: 10px;
   padding-top: 15px;
}

/**
 * Icons
 */
img.ico {
   vertical-align: middle;
}

/**
 * Liste de définitions
 */
dl {
   border: 1px solid #010066;
   background: #DFECFF;
   width: 400px;
   margin: 20px auto 20px auto;
   padding: 5px;
   overflow: hidden;
}

dl dt {
   display: block;
   float: left;
   width: 120px;
   padding: 0 0 0 5px;
   font-weight: bold;
}

dl dd {
   display: block;
   width: 270px;
   float: right;
}

/**
 * Semantique
 */
h1 {
   text-align: center;
   padding: 0 0 5px 0;
   border-bottom: 1px solid gray;
   margin: 5px auto 20px auto;
   width: 90%;
   font-size: 19px;
}

h4 {
   padding: 5px 0 5px 15px;
}

/**
 * Pagination
 */
p.pagination {
   text-align: center;
   padding: 10px;
}

p.pagination span { font-weight: bold; }

/**
 * CGU
 */
div#cgu, div#mentions-legales {
   text-align: justify;
   margin: 0 50px 0;
}

div#cgu p, div#mentions-legales p {
   margin: 5px 0 5px;
}

div#cgu ol,
/*div#mentions-legales ol*/
div#cgu ul,
div#mentions-legales ul {
   margin-top: 10px;
   margin-left: 20px;
}

div#cgu ol.ola {
   list-style-type: lower-alpha;
}


/**
 */
.both {
   clear: both;
}


/**
 * Admin
 */
.adminleft, .adminright{
   width: 300px;
   border: 1px solid #010066;
   background: #DFECFF;
   padding: 5px;
   overflow: hidden;
   text-align: left;
}

.adminleft {
   float: left;
   margin: 0 3px 6px 6px;
}

.adminright {
   margin: 0 6px 6px 3px;
}

.adminleft ul,
.adminright ul {
   list-style: none;
}


/**
 * Bloc notes
 */
div.blocnote {
   text-align: left;
   border: 1px solid #010066;
   background: #DFECFF;
   padding: 3px;
   height: auto !important;
   height: 300px;
   max-height: 300px;
   overflow: auto;
}

div.blocnote pre {
   font-family: 'trebuchet-ms', arial, serif;
   overflow: auto;
   padding: 2px;
   font-size: 13px;
}

form textarea#blocnotes {
   width: 100%;
   height: 300px;
   overflow: auto;
}


/**
 * Que deviennent mes idees
 */
div#vosidees p {
   width: 80%;
   margin: 0 auto 15px auto;
   text-align: justify;
}



/**
 * Participations aux concours
 */
div.part {
   background: top left no-repeat #CFCFCF;
   height: 100px;
   width: 130px;
   float: left;
   /*border: 2px solid gray;*/
   margin: 2px;

}

div.part a {
   display: block;
   /*height: 91px;*/
   height: 96px;
   /*width: 121px;*/
   width: 126px;
   border: 2px solid gray;
   /*padding: 5px 0 0 5px;*/
}

div.part a:hover {
   border-color: #F2963F;
}

div.part a span {
   display: block;
   height: 16px;
   width: 121px;
   padding: 2px 0 2px 5px;
   background: white;
   margin-top: 70px;
}

/**
 * recherches
 */
span.search {
   background-color: #F7E500;
}

/**
 * Participations aux briefs
 */
p.brief-parts {
   text-align: left;
   margin-top: 15px;
}


/**
 * Les news
 */
div.news-top {
   background: url(images/news_big_haut.jpg) no-repeat top left #FFF;
   width: 788px;
   margin: 0 auto 0;
   height: 35px;
}

ul.news, div.rapid-news {
   list-style-type: none;
   margin: 0 auto 0 auto;
   padding: 0 15px 0;
   background: url(images/news_big_repeat.jpg) repeat-y top left #FFF;
   width: 758px;
}

ul.news li a.news {
   color: black;
   text-decoration: none;
   display: block;
   height: 20px;
   padding-top: 2px;
   padding-left: 35px;
   background: url(ico/bullet_go.png) 5px no-repeat;
   margin-right: 8px;
}

ul.news li a.news strong {
   padding-right: 8px;
}

ul.news li a.news:hover {
   /*background-color: #FFFAFA;*/
   background-position: 10px;
}

div.news-bottom {
   background: url(images/news_big_bas.jpg) no-repeat top left #FFF;
   width: 788px;
   margin: 0 auto 10px;
   height: 35px;
}

div#ghost div#news-view h4 {
   text-align: center;
   padding: 0;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid white;
}

div#ghost div#news-view div.content {
   padding: 5px;
   margin-bottom: 10px;
   text-align: justify;
}