/*------------------------\
|   http://www.mihc.fr/
\------------------------*/

body {
                margin: 0px;
                font: 12px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
                background: #eae8e2 url(../pics/bg_main.gif) repeat-y center center;
                color: #333;
}

html            { overflow-y: scroll; }

a               { color: #665546; text-decoration: none; }
a:link          { color: #665546; text-decoration: none; }
a:visited       { color: #665546; text-decoration: none; }
a:hover         { color: #479; text-decoration: underline; }
a:active        { color: #58a; text-decoration: underline; }

div.global  {
                width: 701px;
                margin-left:auto;
                margin-right:auto;
                margin-top: 0px;
                margin-bottom: 25px;
                padding-left:13px;
                padding-right:13px;
                background: transparent url(../pics/bg.gif) no-repeat top center;
}

div.header      { height: 52px; padding-top: 10px; padding-left: 10px; }

div.headpic {
                width: 700px;
                margin-left:auto;
                margin-right:auto;
}

.float          { display: block; width: 340px; float: left; }
.float2         { display: block; width: 340px; height: 100%; float: left; }
.floatr         { display: block; width: 340px; float: right; }

.clear          { clear: both; }

.head           { display: block; width: 300px; margin: 10px; float: left; }
.imghead        { border-top: 1px solid #beb7a4; }
.panier         { display: block; width: 200px; margin: 10px; float: right; }
.events         { width: 320px; float: left; margin: 10px; }

.links          { text-align: justify; width: 205px; float: left; margin: 10px; background-color: #f0f0f0; }

.proc {
                margin-left:auto;
                margin-right:auto;
                height: 49px;
                width: 470px;
                padding-left: 200px;
                padding-top: 20px;
                background: #f0f0f0 url(../pics/proc.gif) no-repeat center;
}

#menu {
                height: 20px;
                width: 700px;
                background: #f0f0f0 url(../pics/bg_menu.png) repeat-x center;
}

#menu ul,#menu ul li{
                list-style:none; margin:0; padding:0; display: inline;
}

#menu li#item1 a {
                height: 19px;
                width: 100px;
                background: transparent url(../pics/menu_gal.png) no-repeat center;
                float: right;
}

#menu li#item2 a {
                height: 19px;
                width: 100px;
                background:  transparent url(../pics/menu_art.png) no-repeat center;
                float: right;
}

#menu li#item3 a {
                height: 19px;
                width: 100px;
                background: transparent url(../pics/menu_cal.png) no-repeat center;
                float: right;
}

#menu li#item11 a {
                height: 19px;
                width: 100px;
                background: #eae8e2 url(../pics/menu_gal_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                float: right;
}

#menu li#item21 a {
                height: 19px;
                width: 100px;
                background:  #eae8e2 url(../pics/menu_art_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                font-size: 14px;
                float: right;
}

#menu li#item31 a {
                height: 19px;
                width: 100px;
                background: #eae8e2 url(../pics/menu_cal_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                font-size: 14px;
                font-style: normal;
                text-align: right;
                float: right;
}

#menu li#item1 a:hover {
                height: 19px;
                width: 100px;
                background: #eae8e2 url(../pics/menu_gal_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                float: right;
}

#menu li#item2 a:hover {
                height: 19px;
                width: 100px;
                background:  #eae8e2 url(../pics/menu_art_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                float: right;
}

#menu li#item3 a:hover {
                height: 19px;
                width: 100px;
                background: #eae8e2 url(../pics/menu_cal_1.png) no-repeat center;
                border-bottom: 1px solid #beb7a4;
                float: right;
}


#artindex {
                font-size: 14px;
                font-variant: small-caps;
                margin: 0px;
}


img             { vertical-align: middle; border: none; position: relative; }
img.left        { float: left; margin: 15px 25px 15px 0px; }
img.right       { float: right; margin: 15px 0px 15px 25px; }
img.center      { display: block; margin-left: auto; margin-right: auto; }
img.galery      { vertical-align: middle; }


p               { text-align: justify; margin: 10px 30px 10px 30px; }

h3              { font-size: 14px; font-weight: bold; text-align: center; }

.center {
                display: block;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                overflow: hidden;
}

.centrer {
                display: block;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                overflow: hidden;
}

.legende {
                display: block;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                color: #999;
}

.small {
                font-size: 15px;
}

.gal {
                width: 550px;
                display: block;
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                padding: 25px;
                background-color: #fff;
                overflow: hidden;
}

.galpics {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                height: 110px;
                width: 110px;
                float: left;
}

.galpics {
                display: block;
}
.galpics span {
                display: inline-block;
                height: 50%;
                width: 1px;
}

h1 {
                font-size: 1em;
                margin: 0px;
}

.titre  {
                font-weight: normal;
                font-size: 17px;
                font-style: italic;
}

.big {
                font-size: 19px;
}

.bigex {
                font-size: 14px;

}

.icons1         { width: 200px; height: 80px; float: left; margin: 10px; }

.icons2         { width: 200px; height: 80px; float: right; margin: 10px; }

.comment        { width: 100%; clear: both; display: block; }

.grey           { color: #aaa; }

.white          { background-color: #fcfcfc; }

.code           { font: bold 14px monaco,courier,monospace, lucida console; }


.pics           { height: 160px; width: 700px; padding:0; margin:0; overflow: hidden }
.pics img       { padding: 5px;  top:0; left:0 }
.pics a         { display: block;  top: 0; left: 0 }

noscript p, noscript ol     { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a                  { color: #a00; text-decoration: underline }
noscript ol                 { margin-left: 25px; }

a:focus         { outline:none }

.stripViewer .panelContainer .panel ul {
                text-align: left;
                margin: 0 15px 0 30px;
}

.slider-wrap    {
                margin-top: 0px;
                position: relative;
                width: 100%;
}

.csw            { overflow: hidden; height: 100%; }
.csw .loading   { margin: 200px 0 300px 0; text-align: center }

.stripViewer {
                position: relative;
                overflow: hidden;
                border: 0px solid #000;
                margin: auto;
                width: 100%;
                height: 100%;
                clear: both;
}

.stripViewer .panelContainer {
                position: relative;
                left: 0; top: 0;
                width: 100%;
                list-style-type: none;
}

.stripViewer .panelContainer .panel {
                float:left;
                height: 100%;
                position: relative;
                width: 700px;
}

.stripViewer .panelContainer .panel .wrapper {
                padding: 10px;
}

div#cross-links { text-align: right; position: relative; right: -343px; width:350px; height:30px; font-weight: normal; font-size: 12px; }
a.cross-link    { font-weight: normal; }


.stripNav       { display: none; }
.stripNavL      { display: none; height: 4px; }
.stripNavR      { display: none; height: 4px; }

label {
                display:block;
                width:80px;
                float:left;
}

input, select, button, textarea {
                vertical-align: middle;
                border: 1px solid #333;
                padding: 0px;
                background: #fff;
                background-color: #fcfcfc;
                font: 13px  "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#postbutton     { margin-left: 80px; float: left; }
#validbutton    { margin-right: 80px; float: right; }