@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}   
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*||||||||||||||||||||||||||||||||||||||||||*/

body{
    
  
    margin:0px;
    padding:0px;
    font-family: "courier new";
    min-width: 1000px;
    min-height: 500px;
    font-size:0.70em;
    font-weight:bold;
    /*background: url(../img/commun/mh-logo.png) center center fixed no-repeat;*/
    /*overflow:hidden;*/
  
}


#content{
    z-index:1;
}


img{
    border:none;
    margin:0px;
    padding:0px;  
}

a:link{
    color:black;
    text-decoration: none;
}
a:hover{
    color:black;
    text-decoration: underline;
}
    a:active{
    color:black;
    text-decoration: none;
}
a:visited{
    color:black;
    text-decoration: none;
}


/*********
PREHOME
*********/


#enterButton{
    position:absolute;
    border:none;
    text-align:center;
    left:50%;
    margin-left:-71px;
    /*background-image:url(../img/commun/bt-enter-en.png);*/
    background-repeat:no-repeat; 
    width:142px;
    height: 22px;
    cursor:pointer;
    bottom:150px;
    display:none;
    /*opacity:0;*/
  
}

#enterButton:hover{

    /*background-image:url(../img/commun/bt-enter-over-fr.png);*/
    background-repeat:no-repeat;

}

#teasingText{
    position:absolute;
    /*color:#ababab;
    width:1000px;*/
    word-spacing: -2px;
    font-size:1.1em;
    font-weight:normal;
   /* margin-left:50%;*/
    text-align:center;
/*    left:-500px;*/
  top:-350px;
    
}

#conteneur{
    position:absolute;
    bottom:0;


}
.progressContener{
    position:absolute;
    width: 286px;
    margin-left:50%;
    left:-143px;
    height:3px;
    /*background-color: #d1d1d1;*/
    bottom:50px;
  
}
#progressBar_under{
    position:absolute;
    width: 286px; 
    height:3px;
    bottom:0px;
    /*background-color: #d1d1d1;*/
    background-image:url(../img/commun/barre_load.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}

#progressBar{ 
    position:absolute;
    width: 0px; 
    height:3px;
    background-color:#000000;
    bottom:0px;
 }


/*********
MENU HEADER
*********/

#menu{
      
    z-index:3000;
    position:relative;
    display:block;
    top:0px;
    left:0px;
    background-color:#ededed;

    width:100%;
    height:30px;
    display:block;
    -moz-box-shadow: 0 0 5px 5px #888888;
    -webkit-box-shadow: 0 0 5px 5px #888888;
    box-shadow: 0 0 5px 5px #888888;
    display:none;

}


.menuText{
    position:relative;
    float:left;
    left:0;
    cursor:pointer;
    margin-top:6px;
    display:block;
    margin-right:10px;
        
        
    
}

 
.menupos0 {
    margin-left:10px;

}

 
#langsite{
    
    float:right;
    margin-top:10px;
    margin-right:10px;
}



/*********
POP UP
*********/
.contentPopup{
  /*text-align:center;*/
}
.contentPopup, .mentionPopup{
    position:absolute;
    width:auto;
    margin:0px;
    padding:0px;
}
.mentionPopup{
    background:url(../img/fr/pc/img/mentionsHeader.png) #ffffff top no-repeat;
    width:400px;
    height:465px;
}
.divImg{
    /*position:relative;*/
    position:absolute;
    margin:0px;
    padding:0px;
    float:left;
    z-index:2;
}

.divTrait{
    position:relative;
    /*background-color:#C60;*/
    margin:0px;
    text-aling:left;
    padding:0px;
    /*border-bottom:solid 2px #000000;*/
    background-image:url(../img/commun/pixel.png);
}

.image{
    position:absolute;
}

.header{
    /*position:relative;*/
    position:absolute;
    margin:0px;
    padding:0px;
    background-image:url(../img/commun/pixel.png);
}


/*********
FOOTER
*********/

#footer{
    
    height:35px; width:100%; background-color: #FFF; z-index: 1; position: absolute; bottom:0;
    display:none; left:0;    z-index:3000;
    padding: 0;
    margin:0;
    -moz-box-shadow: -5px 0 5px 5px #888888;
    -webkit-box-shadow: -5px 0 5px 5px#888888;
    box-shadow: -5px 0 5px 5px #888888;
    height: 30px;
    background-color:#ededed;
    text-align: left;

    
}
#footerLeft{
    margin-left:10px;
   
}

#footerRight{
    position:relative;
    float:right;
    margin-right:10px;   
}

#footerRefresh{
    position: absolute;
    bottom:0;
    top:10px;
    width:75px;
    cursor:pointer;
}

#footerRight div{
   
}


/*********
Mentions legales + credit 
*********/

body#mentionlegaleBody, body#creditBody{
    background:url(../img/commun/fond-mmm.gif) 50% center fixed no-repeat;/**/ overflow-y:scroll; overflow-x:hidden;
    font:11px courier , Mono, sans-serif;

 
}


#mentionslegalespopup, #creditspopup{
    position:absolute;
    width:600px;
    margin-left:-300px;
    left:50%;
    margin-top:1%;
    font-size:12px;
    font-weight:normal;
}
#mentionslegalespopup .titre{
    font-weight: bold;
    margin-top:20px;
    line-height: 50px;
    text-transform:uppercase;
    
}
 #creditspopup .titre{
    font-weight: bold;
    margin-top:20px;
    line-height: 50px;
    
}

#mentionslegalespopup a{ 
    font-weight: bold;
}

#mentionslegalespopup section {
    margin-bottom:10px;
    text-align: justify;
}



/*********
CONTACT
*********/

body#contactBody{
    font-weight:normal;
    font:12px courier , Mono, sans-serif;
    top:0;
    margin-top:0;
     height:415px;
    background:url(../img/commun/fond-mmm.gif) 50% center fixed no-repeat;/**/ overflow:hidden; 
 
}
#contactpopup{
    position:absolute;
    margin-left:-175px;
    left:50%;
    width:350px;
    height:410px;
  
 margin-top:5%;
    /*
    margin-top: -205px;  
  top:50%;*/
 
}
#contactpopup #texte{
    
}

/*********
PRESS ROOM
*********/

body#pressroomBody{
    font:12px courier , Mono, sans-serif;
    background:white ;
    font-family: "arial";
    font-weight:normal;
    line-height: 13px;
    min-width: 550px;
    background:url(../img/commun/fond-mmm.gif) 50% center fixed no-repeat;/**/ overflow:hidden; 
}

#pressRoomPopup #enterPsswd {
    
   color:#cccccc;
   position:relative;
   margin-top:20px;
}
input:focus#enterPsswd {
    
    color:#000000;
}
#pressRoomPopup .texte {
   font:12px courier , Mono, sans-serif;
   position:relative;
   margin-left:20px;   
 
}

.okpress{
    text-align:center;
    width:243px;
    margin: 0 auto;
}


#pressRoomPopup {
    text-align:left;
    position:relative;
    width: 550px;
    margin-left: auto;
    margin-right: auto; 
}

#pressRoomPopup .titrePressRoom{
    font-weight:bold;
    font-size:14px
}

#pressRoomPopup .titreFondBlack{
    font-weight:bold;
    font-size:15px;
    text-transform:uppercase;
    background-color:#000;
    color:#FFF;
    padding-left: 5px;
    padding-right: 5px;
}

#pressRoomPopup .padding{
    font-size:11px;
    padding-left: 15px;
}

#pressRoomPopup .content{
    text-align:left;
    position:relative;
    width: 300px;
    margin-left: auto;
    margin-right: auto; 

}

#pressRoomPopup .size{
    width: 220px;
    text-align: left;
    margin: 0 auto;
    margin-top: 150px;
}




/*********
FOND
*********/


#clickOnFond{
    /*background-color:#660099;*/
    position:absolute;
    top:0px;
    left:0px;
    width:4000px;
    height:4000px;
}


/* extra edits */
#main{
  width:1024px;
  margin:0 auto;
  position:relative;
  font-family:'Cutive Mono', serif;
  font-weight:normal;
  letter-spacing:-2px;
  }
  #main a.visit-fb{
    font-size:19px;
    color:#f00;
    margin-left:100px;
    }
  
  #main div.mhlogo{
    width:287px;
    margin:150px auto 40px;
    }
  #main p.p-center{
    text-align:center;
    font-size:23px;
    margin-bottom:35px;
    } 
  
  #main p.work-title,
  #main p.work-desc{
    font-size:19px;
    margin-left:100px;
    margin-bottom:25px;
    line-height:1.2;
    }
    p.work-title{
      text-transform:uppercase;
      letter-spacing:0.5px;
      }
      
    
  #main div.mhlogo-work{
    width:287px;
    margin:125px auto 40px;
    } 
  
  #main div.mhlogo-work-in{
    width:287px;
    margin:125px auto 85px;
    }
  
  #main div.work-gray{
    width:924px;
    margin:0 auto;
    background:#ededed;
    }
    .work-gray img{
      margin:50px 50px;
      }
    .work-gray div{
      text-align:center;
      } 
      .work-gray div img{
        margin:0;
        } 
  
  #main div.work-vid{
    width:924px;
    margin:0 auto;
    background:#000;
    }
    .work-vid div{
      width:647px;
      margin:0 auto;
      padding:24px 0;
      }
    
  #main p.work-text{
    width:924px;
    margin:7px auto 30px;
    font-size:15px;
    }   
  
  #main div.mhback{
    position:absolute;
    right:50px;
    top:-70px;
    }
    .mhback a{
      color:#F00;
      font-size:19px;
      }
  
  #main .contactform{
    width:300px;
    margin:0 auto;
    margin-bottom:30px;
    padding:20px;
    border:1px solid #666;
    box-shadow:0px 0px 10px 2px #999;
    }
    .contactform label,
    .contactform input[type=text]{
      display:block;
      }
      .contactform input[type=submit]{
        width:70px;
        margin:10px auto;
        margin-left:20px;
        background:#CCC;
        border:1px solid #999;
        padding:3px;
        cursor:pointer;
        }
      .contactform input[type=text]{
        margin-left:20px;
        margin-top:5px;
        margin-bottom:10px;
        width:255px;
        height:25px;
        padding:3px;
        border:1px solid #CCC;
        }
      .contactform label{
        font-size:23px;
        } 
      

  /* isotope css */
  #iso-container{
    width:792px;
    margin:0 auto;
    }
    .iso-item{
      width:250px;
      height:340px;
      margin:7px;
      float:left;
      }
    
    
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/****** end of isotope css ******/    


/* validate css */
label.error {
  color: red;
  padding-left:25px;
  vertical-align: top;
  font-size:15px;
  }
input[type=text].error { 
    border: 1px solid red;
    }