html,body    {margin:0; padding:0; height:100%;}
body         {font-family: "Open Sans",Arial; font-size:14px; color:#111111; background:#eee;}

.clear       {clear:both;}
.story       {margin:auto; width:1200px;}
.left        {float:left;}
.right       {float:right;}
.arrondi, iframe {border-radius:8px;}
hr           {height:1px; color:#999999; border:0; background:#999999;}

#top         {position:fixed; width:100%; background:#ffffff; height:55px; z-index:98; top:0px; background:#ffffff;}
.ttop        {letter-spacing:5px; font-size:18px; font-weight:300; top:15px; color:#aaaaaa; position:relative;}

#logo        {position:fixed; margin-left:50%; left:-70px; top:5px; z-index:99; width:140px; height:140px; text-align:center;}
#home        {position:fixed; width:100%; background:#185eb6; height:40px; z-index:98; top:55px;}
.tnav        {font-size:20px; color:#ffffff; line-height:40px; display:inline-block; padding:0 40px;transition: 0.3s; font-weight:700;}
.tnav:hover  {background:#222222; cursor:pointer;}

#intro       {margin-top:95px; width:100%; z-index:90; background:#185eb6;}
.diapotitre  {font-size:80px; color:#ffffff; font-weight:Bold; text-shadow: 2px 2px 4px #111111; text-align:center; margin-top:80px;}
.diapotexte  {font-size:35px; color:#ffffff; text-shadow: 2px 2px 4px #111111; text-align:center; margin-top:10px; line-height:45px;}

#menu        {width:100%; background:#222222 url('/ima/bgmenu.jpg'); min-height:35px; z-index:98; line-height:35px;}
.fixmenu     {position:fixed; top:75px;}

#vehicules     {width:100%; padding:100px 0 20px 0; text-align:center; z-index:50; color:#333333; font-size:0;}
.fixveh        {margin-top:35px;}
.bulle         {vertical-align:top; display:inline-block; width:250px; margin:20px; border-radius:10px;cursor:pointer; overflow:hidden;}
.bulle:hover .veh-intro {background:#185eb6; color:#ffffff;}
.bulle:hover .veh-prix { color:#ffffff;}
a:link .bulle, a:hover .bulle, a:visited .bulle {color:#333;}
.veh-photo img {vertical-align:top; transition: 0.3s; max-height:200px;}
.veh-intro     {position:relative; margin-top:0px; padding:5px; background:#fff; font-size:14px; text-align:left;transition: 0.3s;}
.veh-titre     {height:60px; overflow:hidden;}
.veh-prix      {font-size:17px; color:#e40005; font-weight:700;}
.blanc         {float:right; color:#ffffff; font-size:13px; font-weight:400; line-height:28px;}
.veh-type1     {position:absolute; margin-left:235px; margin-top:-10px; width:30px; height:30px; background:url('/ima/pasttype1.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:30px;}
.veh-type2     {position:absolute; margin-left:235px; margin-top:-10px; width:30px; height:30px; background:url('/ima/pasttype2.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:30px;}
.veh-nrj1      {position:absolute; margin-left:235px; margin-top:25px; width:30px; height:30px; background:url('/ima/pastnrj1.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:30px;}
.veh-nrj2      {position:absolute; margin-left:235px; margin-top:25px; width:30px; height:30px; background:url('/ima/pastnrj2.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:30px;}
.veh-nrj3      {position:absolute; margin-left:235px; margin-top:25px; width:30px; height:30px; background:url('/ima/pastnrj3.png'); font-size:14px; color:#ffffff; font-weight:bold; text-align:center; line-height:30px;}
#noveh         {margin:auto; padding:30px; background:#222222; font-size:20px; color:#ffffff; opacity:0.8; display:inline-block;}

.prev          {position:absolute; margin-left:0px; margin-top:-40px;}
.fiche-ctc     {display:block; font-size:16px; background:#49a652; padding:5px; margin-bottom:20px; width:560px; border-radius:10px; color:#fff; text-align:center; line-height:30px;}

.photo0 {display:block; transition:0.3s; margin-bottom:20px;}
.photo {display:inline-block; transition:0.3s; margin-right:20px; margin-bottom:20px;}
.photo img {border-radius:10px; max-width:100%;}


.fiche-retour  {float:left; font-size:14px; background:#222222 url('/ima/bgbas.jpg'); padding:5px; border-radius:8px; color:#ffffff; text-align:left;}
.fiche-imp     {float:right; font-size:14px; background:#ff5500; padding:5px; border-radius:8px; color:#ffffff; text-align:left;}
.ctc           {cursor:pointer; font-size:20px; font-weight:700; display:inline-block; background:#39d142; padding:0 5px 0 5px; border-radius:8px; margin:1px;}

.cell-head     {font-size:24px;}
.cell-prix     {font-size:40px; color:#e40005; font-weight:700; text-align:right;}
.cell          {color:#ffffff; background:#185eb6; padding:5px;}

#mbleu         {width:100%; background:#185eb6; height:5px; z-index:98;}
#page          {position:relative; padding:10px; font-size:14px; text-align:left; z-index:95; background:#ffffff; color:#333333; margin:-30px 0 20px 0; border-radius:10px;}
#fiche         {position:relative; padding:10px; font-size:14px; text-align:left; z-index:95; background:#ffffff; color:#333333; margin:0 0 20px 0; border-radius:10px;}

#why           {width:100%; padding:15px 0 15px 0; text-align:center; z-index:50; color:#ffffff; background:#185eb6;}
#bas           {width:100%; padding:15px 0 15px 0; text-align:center; z-index:50; color:#eeeeee; background:#222222 url('/ima/bgbas.jpg');}
.minitel       {font-size:26px; font-weight:700; display:inline-block;background:#eeeeee; color:#111111; padding:5px; border-radius:8px; margin:1px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease;}
.minitel:hover {background:#111111; color:#ffffff;}
#basp          {display:none;}

.titre         {position:relative; font-size:45px; margin:-80px 0 40px 0; text-align:center; width:100%;}
.mtitre        {font-size:20px;}
.big           {font-weight:700; font-size:50px;}

a              {outline: none;}
a:link         {color: #e40005; text-decoration: none}
a:visited      {color: #e40005; text-decoration: none}
a:hover        {color: #ff0000; text-decoration: none}
a.b:link       {color: #ffffff; text-decoration: none}
a.b:visited    {color: #ffffff; text-decoration: none}
a.b:hover      {color: #ffffff; text-decoration: none}

.text          {color: #ffffff; border:0; background: #222222; opacity:0.8; font-family:'Open Sans',Arial; font-size:14px; cursor:pointer; padding:2px; border-radius:2px;margin:0 10px 0 10px; width:200px;}
.text2         {color: #111111; background: #ffffff; border:1px solid #dddddd; font-family:'Open Sans',Arial; font-size:14px; cursor:pointer; padding:5px; border-radius:2px; width:290px; margin-bottom:5px;}
.textarea2     {color: #111111; background: #ffffff; border:1px solid #dddddd; font-family:'Open Sans',Arial; font-size:14px; cursor:pointer; padding:5px; border-radius:2px; width:900px; margin-bottom:5px;}
#formulaire    {position:absolute; margin-left:668px; margin-top:-210px; z-index:99; border-radius:8px; padding:10px; width:302px; box-shadow: 0px 0px 10px #111111; display:none; background:#49a652; font-size:14px; color:#ffffff; text-align:left; overflow:hidden;}
#depot         {position:absolute; margin-left:668px; margin-top:-210px; z-index:99; border-radius:8px; padding:10px; width:302px; box-shadow: 0px 0px 10px #111111; display:none; background:#ffffff; font-size:14px; color:#ffffff; text-align:left;}
.envoyer       {display:inline-block; border:0; background:#39d142; color:#ffffff; padding:4px; font-size:16px; font-weight:700; cursor:pointer;border-radius:4px;}
.envoyer:hover {background:#3fff4b;}

.color         {width:125px; height:25px; background:#cccccc; text-align:left; display:block;}
.mstars        {position:absolute; width:100px; height:20px; background:url('/ima/mstars.png'); display:block;}
.bstars        {position:absolute; width:125px; height:25px; background:url('/ima/bstars.png'); display:block;}
.mcolor        {width:100px; height:20px; background:#cccccc; text-align:left; display:block;}
.repavis       {margin-left:110px; padding:5px; border-radius:4px; background:#185eb6; display:inline-block; color:#ffffff;}
.clear         {clear:both;}
#note          {font-size:14px; color:#888888; padding:0 0 0 5px; line-height:25px;}
.rating        {margin:0; font-size:30px; display:inline-block; overflow:hidden;}
.rating input  {float:right; opacity:0; position:absolute; margin:0; width:30px;}
.rating a,.rating label {float:right;color: #bbbbbb; text-decoration: none; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; transition: color .4s;}
.rating label:hover ~ label,.rating input:focus ~ label,.rating input:checked ~ label,.rating label:hover,.rating label:active,.rating a:hover,.rating a:active,.rating a:hover ~ a,.rating a:focus,.rating a:focus ~ a	{color: #185eb6;cursor: pointer;}
.erreur        {color: #e40005; font-weight:700;}

@media screen and (max-width: 799px)
  {
  .story       {margin:auto; width:calc(100% - 30px); padding-left:15px; padding-right:15px;}
  .ttop,.tnav,.diapotitre,.diapotexte,.prev  {display:none;}
  .bulle       {margin:15px; width:calc(100% - 30px);}
  .veh-photo img {max-width: 100%; max-height:100%; width: 100%;}
  #menu {padding:10px 0;}
  #intro, #intro div {height:150px !important;}
  .text  {font-size:16px; margin:5px 0; width:100%; padding:8px; -webkit-appearance:none; text-align:center;}
  .text2, .textarea2, .envoyer {-webkit-appearance:none; width:calc(100% - 20px);}
  .left,.right {float:none; position:relative;}
  table,tr,td,iframe {display:block; width:100%; max-width:100%;}
  img          {max-width:100%; max-width:100%;}
  #depot       {margin-left:20px;}
  .fiche-ctc,#formulaire  {position:relative; margin:-80px 0 20px 0; width:calc(100% - 20px); padding:10px; z-index:97;}
  .photo0 img {max-width:100%;}
  .veh-type1, .veh-type2, .veh-nrj1, .veh-nrj2, .veh-nrj3 {margin-left:calc(100% - 50px);}
  .veh-intro {padding:10px;}
  .veh-titre {font-size:16px; height:auto;}
   .minitel {margin:0 0 5px 0; text-align:center;}
   .fiche-retour, .fiche-imp {float:none; display:block; margin-bottom:5px;}
   #why td {display:inline-block;}
  }
@media screen and (min-width: 800px) and (max-width: 1210px)
  {
  .story       {margin:auto; width:100%;}
  .ttop,.tnav  {font-size:14px; letter-spacing:0; padding:0 5px 0 5px;}
  .bulle       {margin:10px;}
  #bas         {font-size:10px;}
  .text        {font-size:13px; margin:0; width:150px;}
  table,tr,iframe {width:100%;}
  #depot {margin-left:250px;}
  .fiche-ctc,#formulaire  {margin-left:10%;}
  .photo0 img {max-width:100%;}
  }