/* ============================================================================================== */
/*                                                                                                */
/* Created for www.e-plumevision.com - 2007/08                                                    */
/*                                                                                                */
/* Graphic design and Website by Sylvain Côte / E-PLUMEVISION                                     */
/*                                                                                                */
/* ============================================================================================== */



/* ============================================================================================== */
/* [Sommaire]:
--------------------------------------------------

  * Général / markup :
    - html, body, td, div
    - html, body
    - h1
    - h2
    - h3
    - a:link img, a:visited img
    - form
    - hr
    - p
    - ul
    - li

  * Général / class :
    - span.nobr
    - hr.hidden 
    - .clearfix:after

  * div#access_bar :
    - div#access_bar
    - div#access_bar a
    - div#access_bar a:hover

--------------------------------------------------
   /[Sommaire] */
/* ---------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------- */
/* Général / markup                                                                               */
/* ---------------------------------------------------------------------------------------------- */



html, body, td, div {
    margin:                         0 ;
    padding:                        0 ;
}
html, body {
    color:                          #18281E ;
    font-family:                    Verdana, Geneva, Arial, Helvetica, sans-serif ;
    background-color:               #bfd8c7 ;
}
td, div {
    color:                          inherit ;
    font-family:                    inherit ;
    background-color:               inherit ;
}


h2 {
    letter-spacing:                 2px ;
    font-style:                     italic ;
    font-family:                    Georgia, Serif ;
    font-size:                      130% ;
    font-weight:                    bold ;
    color:                          #8818A8 ;
    padding:                        3px 0px 1px 0px ;
    margin:                         6px 0px 2px 0px ;
    text-align:                     left ;
}

h3 {
    font-family:                    Tahoma , Arial, Helvetica, sans-serif ;
    font-size:                      100% ;
    font-weight:                    bold ;
    margin:                         1em 0 1em 0px;
    letter-spacing:                 0.1em ;
    color:                          #522060 ;
}

a:link img, a:visited img {
    border:                         0 ;
}

form {
    margin:                         0 ;
    padding:                        0 ;
}

hr {
    height:                         1px ;
    color:                          #596B5F ;
    background-color:               #596B5F ;
    border:                         0 ;
}

p {
    margin:                         0.5em 0 0.5em 0 ;
    padding:                        0 ;
}

ul {
    list-style-type:                circle ;
    margin:                         5px 0px 10px 20px ;
    padding:                        0px ;
    text-align:                     left ;
}
li {
    margin:                         2px 0px 1px 0px ;
}
table {
    border-width:                   1px 0 0 1px ;
    border-style:                   solid ;
    border-color:                   #cccccc ;
}
td, th {
    border-width:                   0 1px 1px 0 ;
    border-style:                   solid ;
    border-color:                   #cccccc ;
}

/* ---------------------------------------------------------------------------------------------- */
/* Général / class                                                                                */
/* ---------------------------------------------------------------------------------------------- */



span.nobr {
    white-space:                    nowrap ;
}
hr.hidden {
    visibility:                     hidden ;
    height:                         0px ;
    clear:                          both ;
}
.clearfix:after {
    content:                        "." ;
    display:                        block ;
    height:                         0 ;
    clear:                          both ;
    visibility:                     hidden ;
}



/* ============================================================================================== */



/* ---------------------------------------------------------------------------------------------- */
/* div#access_bar                                                                                 */
/* ---------------------------------------------------------------------------------------------- */



div#access_bar {
    font-size:                      70% ;
    background-color:               #f7fdf9 ;
    padding:                        1px ;
}
div#access_bar a {
    float:                          left ;
    margin:                         3px 10px 0 0 ;
    color:                          #404040 ;
    text-decoration:                none ;
}
div#access_bar a:hover {
    text-decoration:                underline ;
}
div#access_bar-search {
    display:                        none ;
    float:                          right ;
    color:                          #404040 ;
}
div#access_bar-search input {
    font-size:                      100% ;
}


/* ---------------------------------------------------------------------------------------------- */
/* div#page_header                                                                                */
/* ---------------------------------------------------------------------------------------------- */



div#page_header {
    margin:                         0 ;
    width:                          100% ;
    background:                     url(/_styles/epv-007/bg_header.png) ;
    background-repeat:              repeat-x ;
    position:                       relative ;
    border-style:                   solid ;
    border-color:                   #142c1a ;
    border-width:                   1px 0 0 0 ;
    position:                       relative ;
}
div#page_header-banner-img-pos {
    width:                          100% ;
    overflow:                       hidden ;
}
img#page_header-banner-img {
    display:                        block ;
    width:                          100% ;
    margin-top:                     2em ;
    padding:                        0 ;
    border:                         0 ;
    min-width:                      1024px ;
    min-height:                     125px ;
}
div#page_header-content {
    margin:                         0 ;
    padding:                        0 ;
    position:                       absolute ;
    top:                            0 ;
    width:                          100% ;
}
div#page_header-intro {
    font-family:                    Verdana ;
    font-size:                      80% ;
    color:                          #000000 ;
    letter-spacing:                 1px ;
    padding:                        0 ;
    margin:                         0 ;
}
img#page_header-logo {
    margin:                         0.6em 0 0 1.3em ;
}
/* -------------------------------------------- */
div#page_header-pos_intro {
    position:                       absolute ;
    width:                          100% ;
    background-color:               #BFD8C7 ;
    top:                            1px ;
}
div#page_header-pos_intro p {
    margin:                         0.3em 0 0 0 ;
    padding:                        0 ;
    font-size:                      70% ;
    letter-spacing:                 1px ;
}

div#page_header-def_pos {
    position:                       absolute ;
    width:                          100% ;
    text-align:                     right ;
    margin-top:                     -4.5em ;
}
span#page_header-def {
    font-size:                      150% ;
    color:                          #2a362c ;
    margin-right:                   2em ;
    padding:                        0.2em 1em 0.2em 1em ;
    background-image:               url(/_styles/epv-007/bg_trans.png) ;
    letter-spacing:                 0.1em ;
}
div#page_header-desc {
    position:                       relative ;
    margin-top:                     -1.4em ;
    margin-right:                   3em ;
    top:                            -2px ;
    left:                           0 ;
    width:                          100% ;
    height:                         1.4em ;
    padding:                        0 ;
    line-height:                    1.4em ;
    letter-spacing:                 0.1em ;
    width:                          100% ;
    color:                          #000000 ;
    border-width:                   1px 0 1px 0 ;
    border-color:                   #142c1a ;
    border-style:                   solid ;
}



/* ---------------------------------------------------------------------------------------------- */
/* div#page_description                                                                           */
/* ---------------------------------------------------------------------------------------------- */



div#page_description {
   display:                         none ;
}



/* ---------------------------------------------------------------------------------------------- */
/* div#page_menu                                                                                  */
/* ---------------------------------------------------------------------------------------------- */



div#page_menu {
    font-size:                      90% ;
}

div#page_menu-m1 {
    width:                          100% ;
    background:                     url(/_styles/epv-007/bg_trans_green.png) ;
}
div#page_menu-m1 ul {
    margin:                         0 ;
    padding:                        0 ;
}
div#page_menu-m1 li {
    display:                        block ;
    float:                          left ;
    padding:                        0 ;
    margin:                         0 ;
}
div#page_menu-m1 li:hover {
    background-color:               #F1FFFD ;
}
div#page_menu-m1 li.selected, div#page_menu-m1 li.selected:hover {
    background:                     #638A70 ;
}
div#page_menu-m1 a {
    margin:                         0 1em 0 1em ;
    text-decoration:                none ;
    color:                          #000000 ;
    letter-spacing:                 2px ;
    line-height:                    16px ;
    font-weight:                    bold ;
}
div#page_menu-m1 li.selected a {
    color:                          #ffffff ;
}

div#page_menu-m2 {
    margin:                         3em 0.5em 1em 0.5em ;
    font-size:                      80% ;
    color:                          #ffffff ;
}
div#page_menu-m2 a {
    margin:                         0 ;
    text-decoration:                none ;
    color:                          #000000 ;
    font-family:                    Verdana ;
    letter-spacing:                 1px ;
}
div#page_menu-m2 a:hover {
    text-decoration:                underline ;
}
div#page_menu-m2 a.selected {
    font-weight:                    bold ;
    color:                          #A43FC1 ;
}
div#page_menu-m2 ul {
    margin:                         0.5em 0 0.5em 0 ;
    padding:                        0 ;
    list-style-type:                none ;
}
div#page_menu-m2 li {
    width:                          100% ;
    margin:                         0.1em 0.2em 0.1em 0.2em ;
    padding:                        0 ;
}
div#page_menu-m2 li:before {
    content:                        "• " ;
    color:                          #000000 ;
}

div#page_menu-tech {
    font-size:                      70% ;
    color:                          #70908A ;
    margin:                         1em 0.5em 0.5em 0.5em ;
}
div#page_menu-tech a {
    margin:                         0 ;
    color:                          #465A56 ;
    font-family:                    Verdana ;
    letter-spacing:                 1px ;
}
div#page_menu-tech a.selected {
    font-weight:                    bold ;
    color:                          #A43FC1 ;
}
div#page_menu-tech ul {
    margin:                         0.5em 0 0.5em 0 ;
    padding:                        0 ;
    list-style-type:                none ;
}
div#page_menu-tech li {
    width:                          100% ;
    margin:                         0.1em 0.2em 0.1em 0.2em ;
    padding:                        0 ;
}
div#page_menu-tech li:before {
    content:                        "- " ;
    color:                          #A43FC1 ;
}


/* ---------------------------------------------------------------------------------------------- */
/* div#path_menu                                                                                  */
/* ---------------------------------------------------------------------------------------------- */

div#path_menu {
    width:                          100% ;
    font-size:                      80% ;
}
div#path_menu ul {
    margin:                         0 ;
    padding:                        0 ;
}
div#path_menu li {
    display:                        block ;
    float:                          left ;
    padding:                        0 ;
    margin:                         0 0 0 1em ;
}
div#path_menu a {
    color:                          #404040 ;
}



/* ---------------------------------------------------------------------------------------------- */
/* div#page_content                                                                               */
/* ---------------------------------------------------------------------------------------------- */


div#page_container {
/*
    background-image:               url(/_styles/epv-007/bg_circle.png) ;
    background-position:            0% 0% ;
    background-repeat:              no-repeat ;
*/
}


div.warning {
    font-size:                      80% ;
    margin:                         1em ;
    padding:                        0.3em 0.6em 0.3em 0.6em ;
    -moz-border-radius:             5px ;
    border-style:                   solid ;
    border-width:                   1px ;
    border-color:                   #ff3333 ;
    background-color:               #ffefef ;
}

















div#page_content {
    margin:                         0 ;
}

div#pc-container {
    position:                       relative ;
    background:                     url(/_styles/epv-007/bg_right.png) ;
    background-repeat:              repeat-y ;
    background-position:            100% 100% ;
    background-color:               #ffffff ;
}
div#pc-contained {
    background:                     url(/_styles/epv-007/bg_left.png) ;
    background-repeat:              repeat-y ;
    background-position:            0% 0% ;
}
div#pc-header {
    background:                     url(/_styles/epv-007/bg_top.png) ;
    background-repeat:              repeat-x ;
    background-position:            0% 0% ;
    padding:                        20px 20px 0 20px ;
}
div#pc-footer {
    background:                     url(/_styles/epv-007/bg_bottom.png) ;
    background-repeat:              repeat-x ;
    background-position:            100% 100% ;
    padding:                        0 20px 20px 20px ;
}
div#pc-content {
    padding:                        0 20px 0 20px ;
}

div#pc-corner-tl {
    position:                       absolute ;
    top:                            0 ;
    left:                           0 ;
    width:                          20px ;
    height:                         20px ;
    background:                     url(/_styles/epv-007/bg_tlcorner.png) ;
}
div#pc-corner-tr {
    position:                       absolute ;
    top:                            0 ;
    right:                          0 ;
    width:                          20px ;
    height:                         20px ;
    background:                     url(/_styles/epv-007/bg_trcorner.png) ;
}
div#pc-corner-br {
    position:                       absolute ;
    bottom:                         0 ;
    right:                          0 ;
    width:                          20px ;
    height:                         20px ;
    background:                     url(/_styles/epv-007/bg_brcorner.png) ;
}
div#pc-corner-bl {
    position:                       absolute ;
    bottom:                         0 ;
    left:                           0 ;
    width:                          20px ;
    height:                         20px ;
    background:                     url(/_styles/epv-007/bg_blcorner.png) ;
}












h1 {
    font-family:                    Georgia, serif ;
    font-size:                      180% ;
    font-weight:                    bold ;
    margin:                         0 0 0.5em 0.5em ;
    letter-spacing:                 0.1em ;
    color:                          #8818A8 ;
}
p.before_h1 {
    font-family:                    Tahoma ;
    color:                          #709077 ;
    font-size:                      12px ;
    padding:                        2px 0px 0px 0px ;
    margin:                         10px 0px 0px 0px ;
    letter-spacing:                 2px ;
}

h1 {
    font-family:                    Georgia, serif ;
    font-size:                      180% ;
    font-weight:                    bold ;
    color:                          #709077 ;
    border-style:                   solid ;
    border-width:                   0px 0px 1px 0px ;
    border-color:                   #709077 ;
    padding:                        2px 0px 2px 0px ;
    margin:                         5px 0px 5px 0px ;
    letter-spacing:                 2px ;
}
p.before_h1 + h1 {
    padding:                        0px 0px 2px 0px ;
    margin:                         2px 0px 5px 0px ;
}










form.form-01 {
    font-size:                      80% ;
}
form.form-01 div {
    margin:                         0 1em 0.2em 1em ;
}
form.form-01 label span {
    float:                          left ;
}
form.form-01 input, form.form-01 textarea, form.form-01 select {
    float:                          right ;
    border-width:                   1px ;
    border-color:                   #206055 ;
    border-style:                   solid ;
    background-color:               #F7FFFD ;
    color:                          #081815 ;
    margin:                         0 0 0 1px ;
}

div.box-01 {
    border-width:                   1px ;
    border-color:                   #206055 ;
    border-style:                   solid ;
    padding:                        0 1em 0 1em ;
    margin:                         1em ;
    background-color:               #F7FFFD ;
}


/* ---------------------------------------------------------------------------------------------- */
/* table.table-01                                                                                 */
/* ---------------------------------------------------------------------------------------------- */

table.table-01 {
    border-style:                   solid ;
    border-width:                   1px ;
    border-color:                   #cccccc ;
}
table.table-01 td {
    vertical-align:                 top ;
    font-size:                      80% ;
    border-style:                   solid ;
    border-width:                   1px ;
    border-color:                   #cccccc ;
}

.tagcloud span.level0 {font-size: 70%;color:#DFDFDF}
.tagcloud span.level1 {font-size: 80%;color:#B8D6C2}
.tagcloud span.level2 {font-size: 90%;color:#66A87C}
.tagcloud span.level3 {font-size: 100%;color:#487A58}
.tagcloud span.level4 {font-size: 110%;color:#FFB77D}
.tagcloud span.level5 {font-size: 120%;color:#FFA155}
.tagcloud span.level6 {font-size: 130%;color:#FF8B2D}
.tagcloud span.level7 {font-size: 140%;color:#FF7505}
.tagcloud span.level8 {font-size: 150%;color:#DC6200}
.tagcloud span.level9 {font-size: 160%;color:#FF3300; font-weight: bold}
.tagcloud span.level10 {font-size: 170%;color:#FF3300; font-weight: bold}
.tagcloud a { text-decoration:none }

/* ---------------------------------------------------------------------------------------------- */
/* div#page_footer                                                                                */
/* ---------------------------------------------------------------------------------------------- */



div#page_footer {
    text-align:                     center ;
    font-size:                      62% ;
    clear:                          both ;
}
div#page_footer img.badge {
    margin:                         0 5px 0 5px ;
}

div#menu_about {
    margin:                         1em ;
}
div#menu_about a {
    color:                          #465A56 ;
}



form#form_contact label {
    width:                          37% ;
    float:                          left ;
}
form#form_contact input , form#form_contact textarea {
    width:                          61% ;
    float:                          right ;
}