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

/* RESET ALL */
* {
  margin: 0;
  padding: 0;
}

/* BOXES */

body{
  background-color: #CEE6EF;
  text-align: center;
  overflow: scroll;
}
#centerBox{
  width: 900px;
  height:auto;
  margin: 0 auto;
  text-align:left;
  background-color:#56c0eb;
}
#frame{
  width: 900px;
  height:auto;
  margin: 0 auto;
  text-align:left;
  float:left;
  background-color:#56c0eb;
}
#leftPanel{
  width:200px;
  height:auto;
  float:left;
}
#logoBox{
  width:200px;
  height:335px;
  float:left;
  background-image:url(../images/layout/logo.jpg);
  background-repeat:no-repeat;
}
#midPanel{
  width:700px;
  height:auto;
  float:left
}
#midTopBox{
  width:700px;
  height:250px;
  float:left;
  background-image:url(../images/layout/bg-mid-top.jpg);
  background-repeat:no-repeat;
}
#midHeaderBox{
  width:680px;
  height:71px;
  float:left;
  background-image:url(../images/layout/bg-mid-mid.jpg);
  background-repeat:no-repeat;
  padding:14px 0px 0px 20px;
}
#midContentBox{
  width:700px;
  height:auto;
  min-height:560px;
  float:left;
  background-color:#0893CB;
  background-image:url(../images/layout/bg-mid-content.jpg);
  background-repeat:no-repeat;
  padding:0px 0px 20px 0px;
}
.contentBox{
  width:660px;
  height:auto;
  float:left;
  text-align:justify;
  padding:20px 20px 20px 20px;
}
.contentBoxCentered{
  width:660px;
  float:left;
  text-align:center;
  padding:20px 20px 20px 20px;
}
.contentBox ul{
  padding-left:20px;
}
.lienBox{
  width:580px;
  height:120px;
  float:left;
  text-align:right;
  padding:0px 0px 0px 0px;
  margin:0px 0px 20px 0px;
}
.lienTxt{
  width:440px;
  height:70px;
  float:left;
  padding:50px 20px 0px 0px;
}
.lienJpg{
  width:120px;
  height:120px;
  float:left;
}
#flashBox{
  width:500px;
  height:200px;
  float:left;
  padding:28px 0px 0px 10px;
}
#addressBox{
  width:160px;
  height:120px;
  float:left;
  padding:60px 10px 0px 10px;
}
#footerBox{
  width:900px;
  height:23px;
  float:left;
  text-align:center;
  background-image:url(../images/layout/bg-footer.jpg);
  background-repeat:no-repeat;
  padding:10px 0px 0px 0px;
}

.centerEd{
  text-align:center;
}
.violet{
  background-color:violet;
  color:#000000;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.indigo{
  background-color:indigo;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.bleu{
  background-color:blue;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.vert{
  background-color:green;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.jaune{
  color:#000000;
  background-color:yellow;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.orange{
  color:#000000;
  background-color:orange;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}
.rouge{
  color:#000000;
  background-color:red;
  border:#FFFFFF solid 1px;
  padding:10px 20px 10px 20px;
}

/* TEXT FORMATTING */

.addressBoxText14, .addressBoxText14 a{
  font-family:"Myriad Pro";
  font-size:14px;
  line-height:18px;
  color:#FFFFFF;
  font-weight:normal;
}
.addressBoxText16, .addressBoxText16 a{
  font-family:"Myriad Pro";
  font-size:16px;
  line-height:24px;
  color:#FFFFFF;
  font-weight:bold;
}
.contentTextHeader18, .contentTextHeader18 a{
  font-family:"Myriad Pro";
  font-size:18px;
  line-height:20px;
  color:#FFFFFF;
  font-weight:bold;
}
.contentTextHeaderU18, .contentTextHeaderU18 a{
  font-family:"Myriad Pro";
  font-size:20px;
  line-height:20px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:underline;
}
.contentText10, .contentText10 a{
  font-family:"Myriad Pro";
  font-size:10px;
  line-height:16px;
  color:#FFFFFF;
  font-weight:normal;
}
.contentText14, .contentText14 a{
  font-family:"Myriad Pro";
  font-size:14px;
  line-height:16px;
  color:#FFFFFF;
  font-weight:normal;
}
.contentTextB14, .contentTextB14 a{
  font-family:"Myriad Pro";
  font-size:14px;
  line-height:16px;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}
a.contentTextB14:hover{
}
.contentTextL14, .contentTextL14 a{
  font-family:"Myriad Pro";
  font-size:14px;
  line-height:16px;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  padding:4px 4px 0px 4px;
}
a.contentTextL14:hover{
  color:#003366;
  background-color:#CCCCCC;
}

.footerText{
  font-family: "Courier New", Courier, monospace;
  font-size:12px;
  color:#FFFFFF;
}

/* FIELDS */

#contact fieldset{
  padding:4px;
  border:none;
  margin-top:20px;
}
#contact ol{
  list-style:none;
}
#contact li{
  margin-bottom:4px;
}
.nameF, .emailF, .phoneF{
  width:400px;
  color: #781351;
  background: #FFFFFF;
  padding:2px;
}
.security_code{
  width:200px;
  color: #781351;
  background: #FFFFFF;
  padding:2px;
}
#contact textarea{
  height:100px;
  width:400px;
  color: #781351;
  background: #FFFFFF;
  padding:2px;
}
.submitF{
  cursor:pointer;
  border:outset 1px #CCCCCC;
  background:#FFFFFF;
  color:#781351;
  font-weight:bold;
  padding: 4px 20px 4px 20px;
}
.txtLeft{
  width:500px;
  height:170px;
  float:left;
}
.imgRight{
  width:160px;
  height:170px;
  float:left;
  text-align:left;
  padding:0px 0px 0px 0px;
}
.imgCenterEd{
  width:660px;
  height:auto;
  float:left;
  text-align:center;
  padding:0px 0px 20px 0px;
}
.hidden{ display:none;}