#boite1 {
    width: 573px;
    height: 236px;
    margin-right: 2px;
    float: left;
    overflow: hidden;    
  }

  #boite2 {
    width: 377px;
    height: 236px;
    float: right;
  }
  #boite2.en {  
    background: url(../images/bg_newsletter_en.png) #FFFFFF bottom center no-repeat;
  }
  #boite2.de {
    background: url(../images/bg_newsletter_de.png) #FFFFFF bottom center no-repeat;
  }
  #boite2.es {
    background: url(../images/bg_newsletter_es.png) #FFFFFF bottom center no-repeat;
  }
  #boite2.fr {
    background: url(../images/bg_newsletter_fr.png) #FFFFFF bottom center no-repeat;
  }
  .de {
    background: url(../images/bg_newsletter_de.png) #FFFFFF bottom center no-repeat;
  }
  .es {
    background: url(../images/bg_newsletter_es.png) #FFFFFF bottom center no-repeat;
  }
  .fr {
    background: url(../images/bg_newsletter_fr.png) #FFFFFF bottom center no-repeat;
  }
    #boite2 img.title {
      margin-left: 20px;
      margin-top: 13px;
      margin-bottom: 20px;
      }
  
    #boite2 img.news {
      border: #ffe512 3px solid;
      margin-left: 20px;
      margin-right: 15px;
      float: left;
      }
      
    #boite2 p {
      padding-left: 15px;
      padding-right: 15px;
      line-height: 1.2em;
      margin-top: 5px;
    }
  
    #boite2 a {
      color: #000000;
      font-weight: bold;
      text-decoration: underline;
      font-size: 1.1em;
    }
    
    #boite2 a:hover {
      text-decoration: none;
    }
  
    #boite2 p.date {
      font-size: 10px;
      color: #e31837;
    }
  
    #boite2 a.link {
      width: 80px;
      margin-right: 17px;
      background: url(../images/arrow.png) no-repeat left;
      text-align: right;
      clear: both;
      float: right;
      color: #000000;
      font-size: 1em;
      margin-top: 5px;
      text-decoration: none;
    }
  
    #boite2 a.link:hover{
      text-decoration: underline;
    }
  
    #boite2 span {
      display: none;
    }
  
    #boite2 form {
      margin-left: 20px;
      position: absolute;
      top: 205px;
    }

    #boite2 label {
      float: left;
    }

    #boite2 form button {
      background-position: top left;
      width: 18px;
      height: 18px;
      display: block;
      float: left;
      margin-left: 10px;
      border: none;
    }
    
    #boite2 form button:active {
      background-position: bottom left;
    }
  
    #boite2 form button.send {
      background: url(../images/bt_search_blank.png);
    }
    
    #boite2 a.letters {
      width: 115px;
      margin-left: 52px;
      background: url(../images/arrow.png) no-repeat left;
      text-align: right;
      color: #000000;
      font-size: 1em;
      margin-top: 5px;
      float: left;
      text-decoration: none;
    }
  
    #boite2 a.letters:hover{
      text-decoration: underline;
    }
    
      *+html #boite2 #green { margin-top: 13px padding-top: 0px;margin-bottom:0;padding-bottom:0; }
      *html #boite2 #green { margin-top: 13px padding-top: 0px }
      *+html #boite2.de #green { margin-top: 11px padding-top: 0px; margin-bottom:0;padding-bottom:0; }
      *html #boite2.de #green { margin-top: 11px padding-top: 0px }
    
    #boite2 #green { clear: both; padding-top: 0;/*13px*/ }                 
      #boite2.de #green { padding-top: 0;/*11px*/ }
    *+html #boite2 #green { clear: both; padding-top: 0;/*6px*/ }                
     *+html  #boite2.de #green { padding-top: 5px }
                                                     
      *+html #boite2 .greenfr { margin-top: 13px !important; padding-top: 0px !important;margin-bottom:0 !important;padding-bottom:0 !important; }
      *html #boite2 .greenfr { margin-top: 13px !important; padding-top: 0px  !important;}
    
  
  #boite3 {
    width: 573px;
    height: 194px;
    float: left;
    padding-top: 2px;
    margin-bottom: 2px;
    overflow: hidden;
  }

  #boite4 {
    width: 377px;
    height: 194px;
    margin-top: 2px;
    float: right;
  }
  
.popup {
  position: absolute;
  width:349px;
  /*background-color:#ce222e;*/
  /*padding:0px 0px 20px 20px;*/
  top: 30px;
  right:30px;
  cursor: default;
  z-index: 9999;
  color:white;
}

.popup form{
  background-color:#ce222e;
  display:block;
  padding:0px;
  padding:0px 20px 20px 20px;
}

.popup h1{
  font-size:16px;
  font-weight: bold;
  margin-bottom:1em;
}

.popup h2{
  font-size:12px;
  font-weight: bold;
  margin-bottom:1em;
}

.popup input{
  border:none;
}

.popup textarea{
  width:299px;
  height:75px;
}

.popup .head{
  display:block;
  width:349px;
  height:33px;
}

.popup .head .gauche{
  display:block;
  height:33px;
  width:288px;
  background:#ce222e;
}

.popup .head a.close {
  /*float: right;*/
  position:absolute;
  right:0px;
  cursor: pointer;
  color:white;
  background:url(../images/close2.gif) top right no-repeat;
  display:block;
  width:61px;
  height:33px;
}
.popup .head a.close-de {
  /*float: right;*/
  position:absolute;
  right:0px;
  cursor: pointer;
  color:white;
  background:url(../images/close2_de.gif) top right no-repeat;
  display:block;
  width:100px;
  height:33px;
}
.popup .head a.close-fr {
  /*float: right;*/
  position:absolute;
  right:0px;
  cursor: pointer;
  color:white;
  background:url(../images/close2_fr.gif) top right no-repeat;
  display:block;
  width:100px;
  height:33px;
}
.popup .head a.close-es {
  /*float: right;*/
  position:absolute;
  right:0px;
  cursor: pointer;
  color:white;
  background:url(../images/close2_es.gif) top right no-repeat;
  display:block;
  width:100px;
  height:33px;
}
.popup .head a.close:hover {
  /*background-position:bottom;*/
}

.popup .bouton{
  text-align:center;
}

.popup .bouton a img, .popup .bouton input{
  margin-top:20px;
}