/* ============================================================================================== */
/*                                                                                                */
/* Created for www.la-passerelle-des-arts.org - 2008/07                                           */
/*                                                                                                */
/* 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 {
    background-color:               #ACA8B0 ;
}

html, body, td, div {
    margin:                         0 ;
    padding:                        0 ;
}

body {
    font-family:                    Verdana, Geneva, Arial, Helvetica, sans-serif ;
}
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:                          #605D63 ;
    padding:                        3px 0px 1px 0px ;
    margin:                         2.4em 0px 0.8em 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 ;
}



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



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



div#access_bar {
    font-size:                      70% ;
    background-color:               #ffffff ;
    padding:                        1px ;
    overflow:                       auto ;
}
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 {
    float:                          right ;
    color:                          #404040 ;
}
div#access_bar-search input {
    font-size:                      100% ;
}



/* ---------------------------------------------------------------------------------------------- */
/* div#page_container                                                                             */
/* ---------------------------------------------------------------------------------------------- */




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



div#page_header {
    background-color:               #ffffff ;
    background-image:               url(/-styles/lapasserelle-008/bg_header.png) ;
    background-repeat:              repeat-x ;
    overflow:                       auto ;
    margin:                         2% 2% 0 2% ;
}
div#bloc_menu_info {
    height:                         180px ;
    width:                          224px ;
    float:                          left ;
    background:                     url(/-styles/lapasserelle-008/header.png) ;
    margin:                         0 2em 0 0 ;
    padding:                        0 ;
}
ul#menu_info {
    display:                        block ;
    margin:                         1.5em 1em 1em 1em ;
}
ul#menu_info li {
    display:                        block ;
    list-style-type:                none ;
    margin:                         0.8em 0 0.8em 0em ;
    padding:                        0 ;
    border-style:                   none none solid none ;
    border-color:                   #ffffff ;
    border-width:                   1px ;
}
ul#menu_info a {
    color:                          #ffffff ;
    text-decoration:                none ;
    letter-spacing:                 0.1em ;
}

p#site_title {
    margin:                         0.5em 0.5em 0.5em 1em ;
    font-size:                      300% ;
    font-family:                    Helvetica, sans-serif ;
    letter-spacing:                 0.2em ;
}
p#site_subtitle {
    margin:                         0.5em 2em 0 1em ;
    font-family:                    Helvetica, sans-serif ;
    text-align:                     right ;
    letter-spacing:                 0.2em ;
}





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


div#page_description {
   display:                         none ;
}



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



div#page_menu {
    border-style:                   solid ;
    border-width:                   1px 0 0 0 ;
    border-color:                   #605D63 #000000 #000000 #000000 ;
    font-size:                      90% ;
    margin:                         0 2% 0 2% ;
}

div#page_menu-m1 {
    width:                          100% ;
    background-color:               #C0BEC2 ;
    overflow:                       auto ;
}
div#page_menu-m1 ul {
    margin:                         0 0 0 1em ;
    padding:                        0 ;
}
div#page_menu-m1 li {
    display:                        block ;
    float:                          left ;
    padding:                        0.3em 0 0.3em 0 ;
    margin:                         0 ;
}
div#page_menu-m1 li:hover {
    background-color:               #C0BEC2 ;
}
div#page_menu-m1 li.selected, div#page_menu-m1 li.selected:hover {
    background-color:               #F0EFF1 ;
}
div#page_menu-m1 a {
    margin:                         0 1em 0 1em ;
    text-decoration:                none ;
    color:                          #302F31 ;
    letter-spacing:                 2px ;
    line-height:                    16px ;
    font-weight:                    bold ;
}
div#page_menu-m1 li.selected a {
    color:                          #302F31 ;
}

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_content {
    background-color:               #ffffff ;
    background-image:               url(/-styles/lapasserelle-008/bg_margin.png) ;
    background-repeat:              repeat-y ;
    margin:                         0 2% 0 2% ;
    overflow:                       auto ;
}

div#stamps {
    float:                          left ;
    margin:                         53px 53px 53px 86px ;
    background-color:               transparent ;
	width:							226px ;
}

img#stamp {
    border:                         1px solid #A2A7AC ;
    padding:                        6px ;
    background:                     #ffffff ;
}

div#stamps div.stamp {
    margin:                         2em 0 0 0 ;
    border:                         1px solid #A2A7AC ;
    padding:                        6px ;
    font-size:                      80% ;
    background-color:               #ffffff ;
}


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.encart {
    margin:                         1em 1em 1em 0 ;
    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.bloc-text {
    max-width:                      35em ;
}















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











div#page_title {
    background-color:               #F0EFF1 ;
    border-style:                   solid ;
    border-width:                   1px 0 1px 0 ;
    border-color:                   #F0EFF1 #000000 #605D63 #000000 ;
    padding:                        1em 0 1em 0 ;
}
p.before_h1 {
    font-family:                    Tahoma ;
    color:                          #605D63 ;
    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:                          #605D63 ;
    padding:                        2px 0px 2px 0px ;
    margin:                         5px 0px 5px 86px ;
    letter-spacing:                 0.1em ;
}
p.before_h1 + h1 {
    padding:                        0px 0px 2px 0px ;
    margin:                         2px 0 5px 0 ;
}










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:                   #604A20 ;
    border-style:                   solid ;
    padding:                        0 1em 0 1em ;
    margin:                         1em ;
    background-color:               #FFFCF7 ;
}


/* ---------------------------------------------------------------------------------------------- */
/* 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 ;
    margin:                         0 2% 2% 2% ;
    background-color:               #F0EFF1 ;
    border-style:                   solid ;
    border-width:                   1px 0 0 0 ;
    border-color:                   #605D63 #000000 #000000 #000000 ;
    padding:                        1em 0 1em 0 ;
}
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 ;
}



div.partner {
    overflow:                       auto ;
    border-style:                   solid ;
    border-width:                   1px 0 0 0 ;
    border-color:                   #522060 ;
    margin:                         0 1em 2em 0 ;

}