/*
** Espiegle CSS Stylesheet
** by Samuel LASRY 2003, 
** highly inspired from Plone CSS
*/

body {
    ;
    background: #FFFFFF;;
    color: #000000;;
    margin: 0;
    padding: 0; font-variant:normal; font-size: 75%; font-family: Helvetica, Arial, sans-serif; font-weight:normal
}

table {
    font-size: 100%;
}

a {
    color: #000000;;
    text-decoration: none;
    background-color: transparent;
}

div.footer a:hover {
    text-decoration: underline;
    background-color: transparent;;
}

td.left div.box a { 
                    text-decoration: none;
}
td.left div.box a:hover { 
                    text-decoration: none;
color: #9c0042;
}

p {
    margin: 0.5em 0em 1em 0em;
    text-align: left;
    line-height: 1.5em;
}



div.header table { 
                   background: #009c9b;;
                   font-weight: bold;;     
                   color: #FFFFFF;;
}

div.header table a { 
                     color: #FFFFFF;;
}

div.header table a:hover { 
                     color: #9c0042;;
}

div.header table a.current { 
                             color: #9c0042;;
                             text-decoration: underline;;
                             text-transform: uppercase;;
}

div.footer { 
             margin: 1em 1em 1em 1em;;
             border: #9c0042;;
             border-width: 1px;;
             border-left-width: 0px;;               
             border-right-width: 0px;;               
             border-style: solid;;             
             }

table.columns {
	width: 800;
	}

table.columns td.left {
    vertical-align: top;
    width: 20%;
    padding: 0em 1em 0em 0.5em;
}

table.columns td.main {
                        background-color: #ffffff;;
                        vertical-align: top;
                        padding: 0em 2em 0em 1em;
                        margin: 0;
                        width: 80%;
}

table.columns td.right {
    vertical-align: top;
    padding: 2em 2em 0em 0em;
}

table.columns td.main a {
    color: #000000;;
}

table.columns td.main a:hover {
    color: #bb0000;;
}

table.columns td.main p.titre {
                                font-weight: bold;;
                                font-size: 1.2em;;
                                text-align: justify;;
                                color: #FF6300;;
}

table.columns td.main div.section {
                                font-weight: bold;;
}

table.columns td.main table {
                              margin: 1em, 1em, 1em, 1em;;
                              padding: 5;;
                              }

table.columns td.right a {
                           color: #000000;;
}

table.columns td.right a:hover {
                                 color: #ff6300;;
                                 text-decoration: none;;    

}

p {
    margin: 0.5em 0em 1em 0em;
    text-align: justify;
    line-height: 1.5em;
}




/* boxes */

div.box {
          border: none;;
          margin: 0em 0em 0em 0em;
          padding: 0;
          font-weight: bold;;
}

div.box h4 {
             font-size: 1em;
}

div.box h5 { 
             background: #ffffff;;
             border: none;;
             color: #009c9b;;
             display: inline;
             font-size: 1em;
             height: 1em;
             }

div.box div.body {
                   background: transparent;;
                   border-collapse: collapse;
                   border: #4525dd;;
                   }

.boxDetails {
              text-align: right;
              }

div.box .content {
                   border: #9c0042;;
                   border-width: 1px;;
                   border-top-width: 0px;;               
                   border-style: solid;;
                   font-size: 10px;;
                   padding: 0em 1em 1em 1em;;
                   }

div.boxactu {
border: #9c0042;;
                   border-width: 1px;;
                   border-left-width: 0px;;               
                   border-bottom-width: 0px;;               
                   border-right-width: 0px;;                
                   border-style: solid;;
           margin: 0em 0em 0em 0em;
          padding: 0;
          font-weight: bold;;
}

div.boxactu .content {
                   
                   font-size: 9px;;
                   padding: 0em 0em 0em 0em;;
                   }

div.boxactu h5 { 
             background: #ffffff;;
             border: none;;
             color: #999999;;
             display: inline;
             font-size: 1em;
             height: 1em;
             }

.titreactu {
                                font-weight: bold;;
                                font-size: 1.5em;;
                                text-align: center;;
                                color: #000000;;
}
/* ligne horizontale */

hr {
    clear: both;
    height: 1px;
    color: #eaeaea;;
    background-color: transparent;
}


/* lists */

ul { 
    line-height: 1.5em;;
    list-style-type: circle;;
    margin: 0.5em 0 0 2em;
    padding:0;
}

ul a {
    text-decoration: underline;
}

ul li {
    margin-bottom: 0em;
}


/* form elements */

form {
    border: none;
    margin: 0;
}

textarea {
           border: solid;;
           border-width: 2px;;
           border-style: groove;;
           color: black;;
           background-color: white;
           }

input {
        border: solid;;
        border-width: 2px;;
        border-style: groove;;
        color: black;;
        background-color: white;
        margin-bottom: 1px; /* IE bug fix */
        }

input.button { 
               color: #FFFFFF;;
               background-color: #009c9b;;
               }

input:hover.button { 
               color: #990000;;
               background-color: #009c9b;;
               }

select {
           border: solid;;
           border-width: 2px;;
           border-style: groove;;
           color: black;;
           background-color: white;
         vertical-align: top;
}