/* header */
#header {
  position:fixed;
  z-index:5;
  top:0px;
  left:0px;
  width:100%;
  height:70px;
  background:#EBEBEC url(../img/fond2.png) repeat-x;
}

.header {
  position:fixed;
  left:50%;
  margin-left:-450px;
  width:900px;
  height:70px;
  z-index:9;
    background: url(../img2/header.png) no-repeat;
}

#menu {
  width:900px;
  height:39px;
  line-height:39px;
}

#menu #lang {
  float:right;
  padding-top:14px;
  padding-left:11px;
  width:35px;
  height:25px;
  cursor:pointer;
    background: url(../img/pictoLang.png) no-repeat 29px center;
}

#menu #lang a.fr {
  display:block;
  text-decoration:none;
  overflow:hidden;
  text-indent:-9999px;
  width:16px;
  height:11px;
    background: url(../img/fr.gif) no-repeat;
}

#menu #lang a.en {
  display:block;
  text-decoration:none;
  overflow:hidden;
  text-indent:-9999px;
  width:16px;
  height:11px;
    background: url(../img/en.gif) no-repeat;
}

#menu #lang #langHover {
  position:absolute;
  display:none;
  height:11px;
  width:35px;
}

#menu #lang #langHover a {
  float:left;
}

#menu #lang #langHover a.der {
  margin-left:3px;
}

#menu a.item2 {
  display:block;
  float:right;
  margin-left:4px;
  text-align:center;
  height:39px;
  line-height:39px;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  color:#fff;
}

#menu a#menuHome {
  width:54px;
}

#menu a#menuaboutUs {
  width:80px;
}

#menu a#menucontact {
  width:76px;
}

#menu a.ici {
  background: url(../img/menuHover.png) repeat-x;
}

#menu a.item2:hover {
  text-decoration:underline;
}


/* header */

/* contenuBox */
.contenuBox {
  width:900px;
  margin-left:auto;
  margin-right:auto;
}

.contenuBox .leftBox {
  width:657px;
  float:left;
}

.contenuBox .leftBox h2 {
  font-size:24px;
  font-weight:normal;
}

#aboutUs .leftBox h2 {
  padding-top:18px;
  padding-left:60px;
  width:597px;
  height:62px;
  background: url(../img/pictoAboutUs.png) no-repeat;
}

#contact .leftBox h2 {
  padding-top:22px;
  padding-left:50px;
  width:607px;
  height:47px;
  background: url(../img/pictoContact.png) no-repeat;
}

#contact2 .leftBox {
  height:200px;
  background: url(../img/fondContact2.png) no-repeat right bottom;
}

#contact2 .leftBox h2 {
  padding-top:22px;
  padding-left:50px;
  width:607px;
  height:67px;
  background: url(../img/pictoContact.png) no-repeat;
}

.contenuBox .leftBox p {
  text-align:justify;
  line-height:18px;
}

.contenuBox .leftBox p a#btBack {
  display:block;
  position:relative;
  top:40px;
  width:166px;
  height:42px;
  text-decoration:none;
  overflow:hidden;
  text-indent:-9999px;
  background: url(../img/backToHome.png) no-repeat;
}

.contenuBox .leftBox p a#btBack:hover {
  background-position: 0px -42px;
}

#visuAboutUs {
  float:right;
  position:relative;
  top:25px;
  left:-60px;
  width:151px;
  height:128px;
  background: url(../img/visuAboutUs.png) no-repeat;
}

.contenuBox .leftBox h3 {
  padding-top:30px;
  text-transform:uppercase;
  color:#35A0C0;
  font-size:12px;
  height:35px;
}

.contenuBox .leftBox ul {
  list-style-type:none;
  padding-bottom:10px;
}

.contenuBox .leftBox ul li {
  padding-left:12px;
  padding-bottom:6px;
  background: url(../img/puce.png) no-repeat 0px 4px;
}


.contenuBox .leftBox .formule {
  color:#434145;
  font-size:16px;
  padding-top:20px;
}

.contenuBox .leftBox .formule a {
  text-decoration:none;
  color:#35A0C0;
}

.contenuBox .leftBox .formule a:hover {
  text-decoration:underline;
}

.contenuBox .rightBox {
  width:198px;
  float:right;
}

.contenuBox .rightBox h4 {
  padding:0;
  margin:0;
  height:40px;
  font-weight:normal;
  font-size:14px;
}

.contenuBox #contactInfo {
  padding-top:17px;
  background: url(../img/fondContact.png) no-repeat 0px 95px;
}

.contenuBox #mixmoov h2 {
  padding-top:16px;
  padding-left:57px;
  width:139px;
  height:60px;
  font-size:24px;
  font-weight:normal;
  background: url(../img/pictoMixmoov.png) no-repeat;
}

.contenuBox #contactInfo h2 {
  padding-top:5px;
  padding-left:46px;
  width:150px;
  height:58px;
  font-size:24px;
  font-weight:normal;
  background: url(../img/pictoContactInfo.png) no-repeat;
}

.contenuBox #contactInfo2 {
  padding-top:25px;
}

.contenuBox #contactInfo2 h2 {
  padding-top:5px;
  padding-left:46px;
  width:150px;
  height:58px;
  font-size:24px;
  font-weight:normal;
  background: url(../img/pictoTwitter.png) no-repeat;
}

.contenuBox .rightBox h3 {
  padding-top:8px;
  color:#35A0C0;
  font-size:16px;
  font-weight:normal;
  text-align:center;
}

.contenuBox .rightBox p {
  text-align:justify;
  padding-bottom:20px;
}

.contenuBox .rightBox p.fin {
  padding-top:20px;
  padding-bottom:33px;
  background: url(../img/fin.png) no-repeat center bottom;
}

.contenuBox .rightBox a#btDemo {
  display:block;
  position:relative;
  top:24px;
  left:8px;
  width:184px;
  padding-top:56px;
  color:#434145;
  font-size:18px;
  text-align:center;
  text-decoration:none;
  background: url(../img/tryItNow.png) no-repeat;
}

.contenuBox .rightBox a#btDemo:hover {
  text-decoration:underline;
  background-position: 0px -95px;
}

.contenuBox .rightBox #btTwitter {
  position:relative;
  top:32px;
  left:6px;
  display:block;
  text-decoration:none;
  height:36px;
  padding-left:44px;
  line-height:36px;
  color:#434145;
  background: url(../img/twitter.png) no-repeat;
}

.contenuBox .rightBox #btTwitter:hover {
  text-decoration:underline;
}

.contenuBox .rightBox p span {
  display:block;
  text-align:center;
}

.contenuBox .rightBox p span strong {
  display:block;
  text-align:center;
}

.contenuBox .leftBox fieldset p {
  padding-bottom:16px;
}

.contenuBox .leftBox fieldset p label {
  float:left;
  display:block;
  padding-left:50px;
  width:142px;
}

.contenuBox .leftBox fieldset p input {
  width:262px;
  height:22px;
  background-color:#fff;
  border:solid 1px #878889;
}

.contenuBox .leftBox fieldset p select {
  width:264px;
  height:22px;
  background-color:#fff;
  border:solid 1px #878889;
}

.contenuBox .leftBox fieldset p textarea {
  width:262px;
  height:100px;
  font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color:#434145;
  background-color:#fff;
  border:solid 1px #878889;
}

.contenuBox .leftBox fieldset p input:focus, .contenuBox .leftBox fieldset p select:focus, .contenuBox .leftBox fieldset p textarea:focus, .contenuBox .leftBox fieldset #captchaZone input#formCaptcha:focus {
  border:solid 1px #35A0C0;
}

.contenuBox .leftBox fieldset a#btSend {
  display:block;
  position:relative;
  left:292px;
  width:166px;
  height:42px;
  overflow:hidden;
  text-decoration:none;
  text-indent:-9999px;
  background: url(../img/btSend.png) no-repeat;
}

.contenuBox .leftBox fieldset a#btSend:hover {
  background-position:0px -42px;
}

.contenuBox .leftBox fieldset #retour {
  position:absolute;
  margin-left:480px;
}

.contenuBox .leftBox fieldset #retour span {
  color:#FF0000;
}

.contenuBox .leftBox fieldset #captchaZone {
  padding-bottom:32px;
}

.contenuBox .leftBox fieldset #docCommerciale {
  padding-left:192px;
  padding-right:203px;
  height:50px;
}


.contenuBox .leftBox fieldset #docCommerciale label {
  float:right;
  text-align:right;
  display:block;
  width:200px;
}

.contenuBox .leftBox fieldset #captchaZone label {
  float:left;
  display:block;
  width:270x;
  height:50px;
}

.contenuBox .leftBox fieldset #captchaZone img {
  border:solid 1px #878889;
  position:relative;
  left:66px;
}

.contenuBox .leftBox fieldset #captchaZone input#formCaptcha {
  position:relative;
  top:16px;
  left:66px;
  width:195px;
  height:22px;
  background-color:#fff;
  border:solid 1px #878889;
}

.contenuBox .leftBox fieldset #required {
  position:absolute;
  padding-left:50px;
  padding-top:15px;
  font-size:10px;
  font-style: italic;
}

/* contenuBox */

/* footer */
#footer {
  position:fixed;
  bottom:0px;
  height:42px;
  background: url(../img/fondFooter.png) repeat-x;
}

.footer {
  width:900px;
  margin-left:auto;
  margin-right:auto;
  height:42px;
  line-height:42px;
  color:#fff;
  font-size:11px;
  background: url(../img/footer.png) no-repeat right center;
}
/* footer */

#fondPopup {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  cursor:pointer;
  z-index:98;
}

#popup {
  position:absolute;
  display:none;
  top:100px;
  left:50%;
  padding-top:20px;
  padding-left:23px;
  padding-right:24px;
  padding-bottom:21px;
  width:468px;
  height:503px;
  margin-left:-283px;
  background: url(../img/popUp.png) no-repeat;
  z-index:99;
}

#popup a#closePopup {
  float:right;
  font-size:11px;
  text-decoration:none;
  color:#fff;
  position:relative;
  top:3px;
  left:-5px;
}

#popup h2 {
  font-weight:normal;
  font-size:15px;
  color:#EBEBEB;
  padding-top:10px;
  padding-left:13px;
  height:33px;
}

#popup #player {
  position:relative;
  left:12px;
  width:442px;
  height:360px;
}

#popup #menuPlayer {
  padding-top:12px;
  padding-left:12px;
  height:77px;
}

#popup #menuPlayer a {
  display:block;
  float:left;
  width:99px;
  height:73px;
  margin-right:17px;
  text-decoration:none;
  border:solid 2px #fff;
}

#popup #menuPlayer a#player1 {
  background: url(../img/sample1.png) no-repeat;
}

#popup #menuPlayer a#player2 {
  background: url(../img/sample2.png) no-repeat;
}

#popup #menuPlayer a#player3 {
  background: url(../img/sample3.png) no-repeat;
}

#popup #menuPlayer a span {
  display:none;
  width:99px;
  height:73px;
  background: url(../img/play.png) no-repeat center;
}

#popup #menuPlayer a:hover span {
  display:block;
}

#phoneP {
  height:40px;
  padding-bottom:0px;
}
#formPhone {
  width:192px;
  line-height:22px;
}

#phoneSpan {
  display:block;
  float:left;
  width:70px;
  height:40px;
}

#formPays {

}

#visuFlag {
  display:block;
  padding-left:22px;
  width:48px;
  height:24px;
  line-height:24px;
}

.messageError {
  padding-left:20px;
  color:#FF0000;
}

#formTextareaError {
  position:relative;
  top:-88px;
  *left:-2px;
}


#formCaptchaError {
  position:relative;
  top:16px;
  left:66px;
}