html { height: 100%}
body { height:100%;  margin : 0; padding : 0;   color : #777;  font-size : 14px; font-family : "Arial", Helvetica, sans-serif; text-align : center; 
           background:#434343 url('../img/bgBody.png') repeat-x center top; }	
a            { text-decoration: underline; color: #a1a19f;}   /* 333333 */
a:hover { text-decoration: underline; color: #a3def6; }

#wrap { width : 980px; height:100%;  padding : 0; margin : 0 auto; text-align : justify; }
#header { color: #181818; height : 150px; padding : 0; margin : 0; }
.logo { padding-top : 12px;  padding-left : 45px;  border : none; float : left;  }
  
#content-wrap { width: 980px;  min-height:100%;  overflow: hidden; background : url(../img/bgContent-Repeat.png) repeat-y left top; } 
#content-bgTop { width: 980px;  height: 455px;  background : url(../img/bgContent-Top.png) no-repeat left top; } 
#content {width: 690px;  margin-top: 30px; margin-left: 30px;  float: left; }  /* [leftmenu=20+150] - 200 (right-margin) = 30px */
#content-Footer { width: 980px;  height: 127px;  float: left; background : url(../img/bgContent-Footer.png) no-repeat left bottom; } 

/* Main menu  (Abosulte)                                                                 */
/* ======================================= */
#nav { padding-top: 5px; margin-left: 200px;  color: #333; font-family : "Arial", Helvetica, sans-serif; font-size : 14px;  }
#menu {margin:0; padding: 0;}
#menu li { margin-right: 20px; display: inline; padding: 2px 5px 2px 5px; border: 1px solid #2d2d2d}
#menu li.current {background-color: #a3def6 } /* a3def6  */
#menu  a { text-decoration: none; color: #333}
#menu  a:hover { text-decoration: none; font-weight: normal; color: #a3def6}

#english  { text-align: right; margin-right: 17px; display: none;}
#francais { text-align: right; margin-right: 17px; display: none;}
#language a { text-decoration: none;  font-size : 12px;  color: white;}
#language a:hover { text-decoration: none; font-size : 12px;  color: white;}


/* Left menu (if any)                                                                        */
/* ======================================= */
#leftMenu { margin-top: 66px; margin-left: 20px; width: 150px;  font-family : "Arial", Helvetica, sans-serif; font-size : 14px; float: left; }
#leftMenu ul { list-style-type: none; padding: 0px; margin: 0px; }
#leftMenu li { color: #a3def6; padding: 2px 5px 2px 5px; margin-bottom: 10px; font-style: italic}
#leftMenu li.current {  color: #fff; font-style: italic; } /* a3def6  */
#leftMenu  a { text-decoration: none; color: #333}
#leftMenu  a:hover { text-decoration: none; font-weight: normal; color: #a3def6;  background-color: gray; display: block}
.leftMenu_bulletArea { display: none; margin-left: -12px;  width: 15px; background: url('../img/bullet.png') no-repeat left center; float: left;}

/* Wordpress                                                                                  */
/* ======================================= */
.postTitle   { padding-left: 2px;  padding-top: 2px;  margin-bottom: 5px; width: 675px;
                    background-color: #e1f0f6; border:  1px solid black; 
                    font-family: Verdana, arial, sans-serif; font-size: 10pt; color: #333333;
                    letter-spacing:1px; font-variant:small-caps; }
.postDate { text-align: right; font-weight: bold; font-size: 9pt; color: #fff; width: 675px;}

.variantTitle   { text-align: left;  font-size: 12pt;  color: #e1f0f6; letter-spacing:2px; font-variant:small-caps; margin-right: 20px}

               
/* thumbnails                                                                                  */
/* ======================================= */
.tnFrame {width: 203px; border: 2px solid #2d2d2d; margin-bottom: 20px; margin-right: 20px; float:left;  }
.tnFrame img {border: 1px solid #fff}
.tnFrame-text {height: 136px; width: 203px; color: #a1a19f; border: 2px solid #2d2d2d; margin-bottom: 20px; margin-right: 20px; float:left; }

.tnFiller { width: 204px; height: 136px; margin-bottom: 20px;  margin-right: 20px; float:left;  }
   

/* Exhibitions                                                                                  */
/* ======================================= */
#evolutionUndeciphered { display: none;}
#rencontreMyLife { display: none; }

/* For Curriculum Vitae                                                                    */
/* ======================================= */
#cvTitle   { font-size: 12pt; text-align: left; color: #e1f0f6; letter-spacing:2px; font-variant:small-caps; margin-right: 20px}
.cvBR     { font-size: 5px; }
.cvCol_1 { width:75px;   padding-left: 5px; color: #a1a19f; float: left }
.cvCol_2 { width:500px; padding-left: 5px; color: #a1a19f; }
.cvRow   { padding-left: 15px; color: #a1a19f; }

 .cvSectionTitle   {height: 15px; padding-left: 2px;  padding-top: 2px;  margin-bottom: 5px; width: 600px;
               background-color: #e1f0f6; /*a3def6;  #6dcff6; */ 
               border:  0.5pt solid black; 
               font-family: Verdana, arial, sans-serif; 
               font-weight: bold; font-size: 8pt; color: #333333;}

.cvSectionContent {  width: 590px; padding-left:2px; margin-left:10px;
           border-top:  none; border-bottom: none; 
           border-left: 0.5pt solid black; border-right:  none; 
           font-weight: normal; font-size: 9pt; color: #333333; }

.cvSectionSubTitle {width: 500px; padding-left:2px; margin-left:10px; 
            border-top:  0.5pt solid black; border-bottom: 0.5pt solid black;
            border-left: 0.5pt solid black; border-right:  0.5pt solid black;
            font-weight: normal; font-size: 9pt; color: #d7d7d7; }