html {
  height: 101%;
  font-size: 100%;
}
body {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-image: url(images/vdf_1600x1200.jpg);
  background-color: #cccccc;
}
#t {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-image: url(images/body_tarifs.jpg);
  background-color: #cccccc;
}
#a {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-image: url(images/vdf_1600x1200-2.jpg);
  background-color: #cccccc;
}
#b {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-image: url(images/vdf_1600x1200-3.jpg);
  background-color: #90ba0e;
}
#c {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-image: url(images/vdf.jpg);
  background-color: #90ba0e;
}
#passion {
  margin: 0px 0 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  background-image: url(images/bg-passion.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  color: #333333;
  background-color: white;
  position: relative;
}
h1 {
  text-transform: uppercase;
  font-size: 130%;
  margin-bottom: 0px;
  color: white;
  text-align: right;
  margin-right: 1.7em;
  margin-top: 0px;
  padding-top: 13px;
}
h2 {
  font-size: 140%;
  margin-top: 1em;
  text-align: left;
  color: #192753;
}
h3 {
  font-size: 150%;
  text-transform: uppercase;
  text-align: left;
  color: #333333;
}
h4 {
  color: #999999;
  font-size: 120%;
  margin-left: 2em;
}
#Wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#Wrapper2 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  margin-top: 80px;
}
#Plan {
  margin-left: 5px;
}
.lien_skip {
  visibility: hidden;
  height: 0px;
  font-size: 0px;
}
#Banniere {
  width: 728px;
  float: left;
  margin-top: 0px;
  height: 90px;
}
#Logo {
  width: 960px;
}
#navigation {
  margin-right: 20px;
  height: 60px;
  margin-top: -20px;
}
.navigation {
  font-weight: bold;
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
}
.navigation ul {
  margin: 0;
  padding: 6px 0 7px;
  text-align: center;
}
.navigation ul li {
  display: inline;
}
.navigation ul li a {
  border-bottom: 3px solid gray;
  padding: 6px 3px 4px;
  margin-right: 20px;
  text-decoration: none;
  color: white;
}
.navigation ul li a:hover, .navigation ul li a.selected {
  border-bottom-color: yellow;
}
span {
  display: none;
}
#pack li {
  display: inline;
  padding-bottom: 10px;
  float: left;
}
li.pack1 a {
  background: transparent url(images/pack1.png) repeat scroll 0% 50%;
  width: 150px;
  height: 150px;
  display: block;
}
li.pack2 a {
  background: transparent url(images/pack2.png) repeat scroll 0% 50%;
  width: 150px;
  height: 150px;
  display: block;
}
li.pack3 a {
  background: transparent url(images/pack3.png) repeat scroll 0% 50%;
  width: 150px;
  height: 150px;
  display: block;
}
li.pack4 a {
  background: transparent url(images/pack4.png) repeat scroll 0% 50%;
  width: 150px;
  height: 150px;
  display: block;
}
li.pack1 a:hover {
  background-image: url(images/pack1hover.png);
}
li.pack2 a:hover {
  background-image: url(images/pack2hover.png);
}
li.pack3 a:hover {
  background-image: url(images/pack3hover.png);
}
li.pack4 a:hover {
  background-image: url(images/pack4hover.png);
}
.titre {
  background-position: right top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 7px;
  margin-top: 30px;
}
#ContentA {
  padding: 10px 0px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentAccueil {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
  height: 500px;
}
#ContentB {
  border: 5px solid white;
  padding: 1px 0px 10px;
  background-position: right top;
  background-color: white;
  background-repeat: repeat;
  background-image: url(images/bg_contentB.jpg);
  width: 955px;
}
#ContentInfo {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentI {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentPlan {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentG {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentL {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentS {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentT {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentTS {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#ContentX {
  padding: 1px 0px 10px;
  background-position: right top;
  background-repeat: repeat;
  width: 955px;
}
#content-suite {
  padding-right: 6.1em;
  padding-left: 7.4em;
  margin-top: 3em;
  background-image: url(images/pdf-center.png);
  background-position: left top;
  background-repeat: repeat-y;
  color: #333333;
  padding-top: 1em;
}
#content-suite a {
  text-decoration: none;
  color: #333333;
}
#content-suite a:hover {
  text-decoration: underline;
  color: #2a19b3;
}
#content-suite a:visited {
  color: #333333;
}
.dossier {
  padding: 0em 1em 1em;
  font-weight: bold;
  margin-bottom: 1em;
  float: left;
  width: 465px;
  height: 362px;
  margin-left: 26px;
  color: #333333;
  margin-top: -10px;
}
.dossier a {
  text-decoration: none;
  color: #333333;
}
.dossier a:active {
  color: #999999;
}
.dossier a:hover {
  text-decoration: underline;
  color: #333333;
}
.Para_Annonce {
  text-align: center;
  margin-bottom: 0px;
  font-weight: inherit;
  font-size: 12px;
  margin-top: -0.2em;
}
.dossierR {
  float: left;
  width: 415px;
  padding-top: 0px;
}
.dossierA {
  float: left;
  margin-top: 50px;
  margin-left: 80px;
  background-image: url(images/bgclassa.png);
  background-repeat: no-repeat;
  width: 340px;
  height: 290px;
  padding-top: 21px;
  padding-left: 21px;
}
.dossierQR {
  float: left;
  height: 350px;
  margin-left: 35px;
  width: 390px;
  font-weight: bold;
  margin-top: 37px;
}
.dossierQR .headerbar {
  font-style: normal;
  font-variant: normal;
  line-height: normal;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: left center;
  color: #333399;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: inherit;
}
.dossierQR ul {
  margin: 0 0 0px;
  padding: 0;
  list-style-type: none;
}
.dossierQR ul li {
  padding-bottom: 5px;
  padding-top: 11px;
}
.dossierQR ul li a {
  border-bottom: 1px solid #dadada;
  background: transparent url(media/arrowbullet.png) no-repeat scroll left center;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
  text-decoration: none;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: inherit;
  font-size: 12px;
  padding-left: 5px;
  color: white;
}
.dossierQR ul li a:visited {
  color: #333333;
}
.dossierQR ul li a:hover {
  color: #a70303;
  background-color: #f3f3f3;
}
.dossierG {
  float: left;
  width: 300px;
  height: 250px;
  margin-left: 80px;
  margin-top: 50px;
}
.dossierG7 {
  border: 1px solid #cccccc;
  padding: 0em 0.5em 0.5em;
  float: left;
  font-weight: bold;
  margin-left: 26px;
  width: 392px;
  font-size: 9px;
  background-color: #5f7c06;
  color: white;
  margin-top: 7px;
}
.dossierG7 li {
  display: inline;
}
.dossierG7 li a {
  padding: 0px 3px;
  color: white;
  text-decoration: none;
}
.dossierG7 li a:visited {
  color: white;
}
.dossierS {
  float: left;
  width: 400px;
  margin-left: 25px;
  height: 385px;
}
.dossierT {
  float: left;
  width: 400px;
  height: 385px;
  margin-left: 0px;
  padding-top: 10px;
}
#slogan {
  margin-right: auto;
  margin-left: auto;
  width: 664px;
  height: 28px;
  margin-top: 460px;
}
.clr {
  clear: both;
  height: 0px;
}
.suite {
  float: right;
}
.pk {
  float: right;
  padding-right: 10px;
}
.ph {
  float: right;
}
.img1et1 {
  float: right;
  margin-right: -15px;
}
#footer {
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  color: #cccccc;
  margin-top: 2.5em;
}
#footer a {
  text-decoration: none;
  font-weight: inherit;
  color: white;
}
#footer a:active {
  color: #cc0000;
}
#footer a:hover {
  text-decoration: underline;
  font-weight: inherit;
  color: #cccccc;
}
#link {
  background-color: #424242;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  width: 850px;
  margin-right: auto;
  margin-left: auto;
}
#link a {
  text-decoration: none;
  font-weight: inherit;
  color: white;
}
#link a:active {
  color: #cc0000;
}
#link a:hover {
  text-decoration: underline;
  font-weight: inherit;
  color: #cccccc;
}
.f1 {
  border-right: 2px solid #666666;
  padding-right: 1em;
  float: left;
}
.f2 {
  border-right: 2px solid #666666;
  padding-right: 1em;
  float: left;
}
.f3 {
  border-right: 2px solid #666666;
  padding-right: 1em;
  float: left;
}
.f4 {
  padding-right: 1em;
  float: left;
}
.footer {
  list-style-type: none;
}
.imgpack {
  margin-left: 45px;
}
.tpack {
  text-align: center;
}
.pk {
  float: right;
  margin-right: -90px;
}
.bt_moincher {
}
.devis {
  margin: 0px 0px 0px 5px;
  padding: 0.5em;
  display: inline;
  float: left;
  width: 380px;
}
.bt_pack {
  margin-top: 0.2em;
  float: left;
}
.resultats {
  text-align: center;
  margin-top: -15px;
  width: 473px;
  margin-left: -5px;
  height: 310px;
}
#filapropos {
}
.CM {
  margin-left: 2em;
  float: right;
}
#plus {
  height: 60px;
  width: 460px;
}
.garantie {
  float: left;
  margin-left: -15px;
  margin-top: 9.8em;
}
.ig {
  float: left;
}
.topimage {
  margin-top: 4em;
  margin-bottom: -40px;
}
.Lastimage {
}
.ban {
  border:  none;
}
.logo {
}
.champs {
  margin-bottom: 1.5em;
  margin-top: 1em;
  width: 780px;
}