#doc4
{
    /*width: 74.923em;  non-IE */
    width: 968px;
}

html
{
    background-color: #000000;
}

#bd
{
    padding-right: 87px;
    padding-left: 87px;
    background-position: center top;
    background-image: url(/Content/imagesite/body.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #000000;
    padding-top: 25px;
}

#hd
{
    background-position: center top;
    height: 231px;
    background-image: url(/Content/imagesite/header.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #000000;
    width: inherit;
}

#ft1
{
    color: #000;
    font-size: 0.7em;
    margin-left: 15px;
    margin-bottom: 8px;
}

#ft2
{
    color: #000;
    font-size: 0.7em;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
}

body
{
    background: #000000;
    font-size: 14px;
    font-family: "trebuchet ms" , arial, sans-serif;
    color: #000000;
    background-color: #000000;
    z-index: 250;
}

/*text formating*/
p
{
    margin-bottom: 5px;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

u
{
    text-decoration: underline;
}


/*menu*/
#menuDeroulant
{
    width: 780px;
    font-size: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    color: #fff;
    position: relative;
    top: 69px;
    left: 125px;
    z-index: 500;
}
#menuDeroulant li
{
    float: left;
    margin: 10px;
    width: 80px;
    padding: 0;
    border: 0;
    cursor: pointer;
}

#menuDeroulant .sousMenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #000;
    width: 140px;
    font-size: 0.8em;
    display: none;
}

#menuDeroulant .sousMenu li
{
    margin: 0px;
    float: none;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
    width: auto;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #222;
    border-bottom-color: #222;
}

#menuDeroulant .sousMenu li.first
{
    border-top-width: 0px;
    padding-top: 4px;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 margin: 0;
 padding: 0;
 text-decoration: none;
}
#menuDeroulant li a:hover { font-weight: bold; }
#menuDeroulant li a:active {  }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
}
#menuDeroulant .sousMenu li:hover { background-color: #222; }

#menuDeroulant li:hover > .sousMenu
{
    display: block;
}


#postit
{
    width: 60px;
    font-size: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    position: relative;
    top: 30px;
    left: 753px;
    text-decoration: none;
}
#postit li
{
    margin-bottom: 14px;
}

#postit li a:active,
#postit li a:link,
#postit li a:visited
{
    text-decoration: none;
    color: #443d31;
}

#postit li:hover, #postit li a:hover
{
    font-weight: bold;
}

/*layout*/
.archives
{
    background-image: url(/Content/imagesite/corner.gif);
    background-position: right top;
    background-repeat: no-repeat;
    font-size: 1em;
    padding: 10px 20px 3px 3px;
    margin: 52px 28px 28px 28px;
}

.blogs
{
    background-position: right top;
    font-size: 1em;
    padding: 10px 20px 3px 3px;
    margin: 8px;
    background-image: url(/Content/imagesite/corner.gif);
    background-repeat: no-repeat;
}

.coin
{
    font-size: 1.15em;
    text-align: right;
    font-weight: bold;
    padding-bottom: 1px;
    padding-top: 0px;
}

.news
{
    background-image: url(/Content/imagesite/corner.gif);
    background-position: right top;
    background-repeat: no-repeat;
    font-size: 1em;
    padding: 10px 20px 3px 3px;
    margin: 0px 8px 8px 8px;
}

.Row
{
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

.Title
{
    font-size: 1.15em;
    text-align: left;
    font-weight: bold;
}

.Text
{
    padding-left: 15px;
}

.Time
{
    font-size: 0.7em;
    font-style: italic;
    text-align: right;
}

.Timeblog
{
    font-size: 0.7em;
    font-style: italic;
    text-align: right;
    padding-bottom: 15px;
}

.Link
{
    font-size: 0.8em;
    padding-left: 15px;
    float:left;
}

a:link,
a:active,
a:visited
{
    text-decoration: underline;
    color: #700f10;
}

a:hover
{
    font-weight: bold;
}

.modlink
{
    text-decoration: underline;
    color: #0000FF;
    cursor: pointer;
}

.divform
{
    width: 700px;
}
.path
{
    text-decoration: none;
    position: absolute;
    margin-left: 10px;
}
.path ul li
{
    font-size: 0.9em;
    padding-right: 2px;
    display: inline;
}

.ContenuAccueil
{
    padding: 32px 10px 10px 10px;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
}

.Show
{
    padding-bottom: 10px;
    padding-right: 20px;
}

.Title
{
    font-weight: bold;
    font-size: 1.15em;
}

.Show .Nom, .Show .Date, .Show .Lieu, .Show .LienDetail, .detail
{
    padding-left: 10px;
}



.Show .detailMap, .Show .detailPhoto
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

#PromoAlbum
{
    text-align: center;
    padding-top: 8px;
    padding-right: 20px;
}

#PromoAlbum .Photo
{
    padding-left: 10px;
    text-align: left;
}

#PromoAlbum .Desc
{
    padding-left: 10px;
    text-align: left;
    padding-top: 8px;
}

.showSection
{
    margin-top: 5px;
    margin-left: 5px;
    background-image: url(/Content/imagesite/corner.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px 20px 3px 3px;
}

.Albumlist
{
    margin: 10px 10px 20px 10px;
    height: 120px;
}

.Disco
{
    margin-left: 25px;
    margin-right: 10px;
    margin-top: 52px;
}

.Album
{
    margin-bottom: 8px;
}

.Description
{
    position: relative;
    width: 700px;
    margin-top: 25px;
    margin-bottom: 15px;
    text-indent: 10px;
    clear: both;
}

.listeChanson
{
    height: 308px;
}

.tounePromo
{
    width: 23px;
    height: 17px;
    float: left;
    margin-right: 3px;
}

.Ecoute
{
    text-align: center;
    margin-bottom: 25px;
}
.TitleExtrait
{
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;    
    height: 36px;
}
.audioB
{
    vertical-align: middle;
}

.photoBio
{
    margin: 6px;
    text-align: center;
    display: inline;
    vertical-align: middle;
}

.detailbio
{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
}

.rss
{
    float: right;
    text-align: right;
}

.listPhoto
{
    width: 723px;
    background-image: url(/Content/imagesite/corner.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-right: 20px;
    margin-top: 32px;
    margin-bottom: 15px;
    margin-left: 23px;
}

.mainPhoto
{
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 23px;
    width: 750px;
    text-align: center;
}

.multimediaimgphoto
{
    padding: 40px 0px 40px 20px;
}

.multimediaimgparole
{
    padding: 40px;
}

.erreur
{
    padding: 40px;
}
.Acheter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    text-indent: 0px;
}

.ExpeVero
{
    font-size: 13px;
    font-weight: normal;
}

.MailForm .label{float:left;width:130px}
.MailForm {margin:8px}
#mailform {margin:15px 8px}

.FromField {width:200px}
.ToField {width:550px}
.SubjectField {width:550px}
.errormessage {color:Red;margin:20px}