html * {
    margin: 0;
    padding: 0;
}
html {
    background: #333;
}
#Page {
    width: 980px;
    margin: 20px auto;
    padding: 10px;
    background: #EEE;
}
#Header {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
#Header .Logo {
    border: none;
}
#Header h1 {
    margin-bottom: 10px;
}
#Header .Contact span {
    margin: 0 10px;
}
#Right {
    float: right;
    width: 150px;
}
#Right .Nav a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    border: solid 1px #000;
    background: #E2E2E2;
    padding: 3px;
    margin: 0 10px 10px 0;
    text-align: center;
}
#Right .Nav a:hover {
    background: #EBEBEB;
}
#Right .Article {
    margin-top: 20px;
    margin-right: 10px;
}
#Right .Article .Content {
    text-align: center;
}
#Right .Article .Title {
    font-size: 18px;
    text-align: center;
}
#Middle {
    overflow: auto;
}
#Content {
    width: 830px;
    min-height: 350px;
    float: right;
}
#Footer {
    width: 100%;
    height: 20px;
    margin-top: 10px;
    text-align: center;
position: relative;
}
#Footer .Content {
    position: relative;
    top: -5px;
}
#Footer * {
    display: inline;
    white-space: pre;
}
#Footer img {
    margin: 0 10px;
}
#Footer br {
    clear: both;
    visibility: hidden;
}
#pf5 { position: absolute; left: 0; bottom: 0; width: 140px; height: 37px; } #pf5t { font-size: 10px;
white-space: normal !important;  /*background: red;*/ display: block;
line-height: 12px !important;}
#Right .Address {
    margin-top: 30px;
}
#Realisations .CategorieArt {
    display: none;
}
#Realisations {
    text-align: center;
    overflow: auto;
}
#Realisations img,
#Realisations .Article {
    margin: 0 8px 18px 8px;
    border: solid 2px #000;
    display: block;
    float: left;
    position: relative;
}
#Realisations .Title {
    font-size: 19px;
}
#Realisations .Article {
    overflow: hidden;
    display: block;
    float: left;
    background: #E2E2E2;
    padding: 10px;
    text-align: justify;
}
#Realisations div.Wide {
    width: 236.5px;
    height: 172.375px;
}
#Realisations div.Tall {
    width: 167.5px;
    height: 230px;
}
#Realisations img.Wide {
    width: 256.5px;
    height: 192.375px;
}
#Realisations img.Tall {
    width: 187.5px;
    height: 250px;
}
.Presentation #Content {
    /*text-align: center;/**/
    overflow: auto;
}
.Presentation #Content img {
    display: block;
}
.Presentation #Content .Text {
    text-align: justify;
}
.Presentation #Content .Text:first-letter {
    float: left;
    font-size: 30px;
    margin-right: 5px
}
#presentationImg0 {
    float: right;
    margin: 0 0 1px 10px;
}
#presentationImg1 {
    float: left;
    margin: 0 10px 1px 0;
}
#presentationImg3 {
    clear: both;
    float: left;
    position: relative;
    padding-right: 10px;
}
#presentationImg2 {
    float: right;
    position: relative;
    padding-left: 10px;
}
#paragrapheBiographie {
    margin-bottom: 20px;
}
#deviseTitle {
    text-align: left;
    margin-bottom: 10px;
}
#deviseContent {
    text-align: center !important;
    width: auto;
    margin: auto;
    font-weight: bold;
    margin-bottom: 20px;
}
.Realisations canvas {
}
.Realisations canvas:hover {
    cursor: pointer;
}
.Realisations .CategorieArt {
    display: none;
}
.Contact #Content {
    text-align: center;
}
.Contact #FormContact {
    width: 600px;
    height: 350px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: left;
    padding: 15px;
}
.Contact #FormContact label,
.Contact #FormContact input {
    display: block;
    float: left;
    width: 120px;
}
.Contact #FormContact label {
    text-align: right;
    margin: 0 10px 10px 0;
}
.Contact #FormContact input,
.Contact #FormContact textarea {
    border: solid 1px #000;
    background: #E2E2E2;
}
.Contact #FormContact textarea {
    width: 460px;
    height: 200px;
}
.Contact #FormContact br {
    clear: left;
}
.Contact #FormContact .Submit {
    position: relative;
    top: 10px;
    left: 130px;
}
.overlay_dialog{ background-color: #CECECE; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.overlay___invisible__ { background-color: #CECECE; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

.dialog { display: block; position: absolute; background: transparent; cursor:default; }
.dialog_window { border:1px solid #F00; background:#FFF; padding:20px; margin-left:auto; margin-right:auto; width:400px; }
.dialog table.table_window  { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding:0px; }
.dialog table.table_window td , .dialog table.table_window th { padding: 0px;  }
.wired_frame { display:block; position:absolute; border:1px #000 dashed; }
.dialog_wired_frame { background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.dialog_nw { width: 9px; height: 28px; background: transparent url(ArtEtMetal/Img//Dial-topl.png) no-repeat 0 0;}
.dialog_n  { height:28px; background: transparent url(ArtEtMetal/Img//Dial-topm.png) repeat-x 0 0; }
.dialog_ne { width: 15px; height: 28px; background: transparent url(ArtEtMetal/Img//Dial-topr.png) no-repeat 0 0;}

.dialog_close    { width:15px; height: 9px; cursor: pointer; position: absolute; top:11px; right: 5px; z-index:500; background: transparent url(ArtEtMetal/Img//Dial-btnclose.png) no-repeat 0 0;}
.dialog_maximize { width:15px; height: 9px; cursor: pointer; position: absolute; top:11px; right: 20px; z-index:500; background: transparent url(ArtEtMetal/Img//Dial-btnmax.png)   no-repeat 0 0;}
.dialog_minimize { width:15px; height: 9px; cursor: pointer; position: absolute; top:11px; right: 35px; z-index:500; background: transparent url(ArtEtMetal/Img//Dial-btnmin.png)   no-repeat 0 0;}
.dialog_title    { width:100%; height:14px; margin-top:2px; float:left; text-align:left; font-size:12px;
                    font-weight:bold; font-family:arial,sans-serif,verdana, helvetica; color:#FFFFFF;}
.dialog .title_window { -moz-user-select:none; }
.top_draggable { cursor:move; }


.dialog_e { width: 15px; background:transparent url(ArtEtMetal/Img//Dial-right.png) repeat-y top right; }
.dialog_w { width: 9px; background: transparent url(ArtEtMetal/Img//Dial-left.png) repeat-y top left; }

.dialog_content {
    overflow: visible; background: #FFFFFF; color: #000000;
    font-size: 11px; font-family: helvetica,sans-serif,verdana,arial;
    font-weight: normal; font-style: normal;
}
.dialog_buttons_area { text-align: center; width: 100%;}
.dialog_buttons {text-align: center; width: 25%; font-size: 11px; font-family: helvetica,sans-serif,verdana,arial;}
.dialog_buttons input { text-align:center; padding:1px; min-width:75px; }

.dialog_sw { width:9px; height:15px; background: url(ArtEtMetal/Img//Dial-btml.png) no-repeat 0 0;}
.dialog_s  { height:15px; background: url(ArtEtMetal/Img//Dial-btmm.png) repeat-x 0 0; cursor: default;}
.dialog_se { width:15px; height:15px; background: url(ArtEtMetal/Img//Dial-btmr.png) no-repeat 0 0; cursor: default;}
.dialog_sizer { width: 15px; height:15px; background: url(ArtEtMetal/Img//Dial-btmrszr.png) no-repeat 0 0; cursor: se-resize;
}
.dialog_progress {
    float:left; margin:auto; text-align:center; width:100%; height:16px;
    background: transparent url(ArtEtMetal/Img//spinner.gif) no-repeat center center
}