/*
Title: Cars Rolland styles pour all media
Author:   Eric Tranchart, contact[arro]studio-tranchart.com
Updated: 13 Nov 2009
Notes:   Plouzané, Finistère, France
*/


body  {
   margin: 0;
   padding: 0;
   background-image: url(imports/trame-fond.gif);

   font-size: 13px;
   line-height: 16px;
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   }


/* TEXTES */

a {
   text-decoration: none;
   }
p {
   margin: 0 0 16px 0;
   padding: 0;
   color: #555;
   text-align: justify;
   }
p a {
   color: #808080;
   }
p a:hover {
   color: #DB4E70;
   border-color: #DB4E70;
   }
p a:active {
   color: #AD5DAD;
   border-color: #AD5DAD;
   }
p.no-strong strong {
   font-weight: normal;
   text-decoration: underline;
   }


a img {
   border: 1px solid #256ab6;
   padding: 5px;
   }
a:hover img {
   border-color: red;
   }

table {
   width: 450px;
   }
form table td {
   background-color: #f0f0f0;
   border: 1px solid #999;
   padding: 4px 6px;
   color: #333;
   }

a.logopartenaire {
   display: block;
   text-align: center;
   padding: 5px;
   }

h1 {
   color: #FA8100;
   font-weight: normal;
   font-size: 21px;
   line-height: 24px;
   margin-top: 20px;
   }
h2 {
   font-weight: bold;
   font-size: 13px;
   line-height: 15px;
   color: #256AB6
   }
h3 {
   font-weight: bold;
   font-style: italic;
   font-size: 14px;
   line-height: 24px;
   color: #DB4E70;
   display: block;
   border-bottom: 2px dotted #DB4E70;
   }

/* BLOCS */

div {
   margin: 0;
   padding: 0;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   }

span {
   margin: 0;
   padding: 0;
   }

#entete {
   height: 97px;
   background-image: url(imports/fond-entete-03.gif);
   }
#entete img {
   margin: 6px 2px;
   }

/* MENU 1 */
#menu1 {
   height: 38px;
   background-image: url(imports/fond-menu1.png);
   background-repeat: no-repeat;
   }
#menu1 a {
   display: block;
   width: 64px;
   height: 31px;
   padding: 7px 3px 0 43px;
   float: left;
   font-size: 12px;
   line-height: 12px;
   font-weight: bold;
   color: #D2EBF3;
   background-image: url(imports/rollover-menu1-2.png);
   background-repeat: no-repeat;
   background-position: 0 -76px;
   border-width: 0 1px 0 0;
   border-color: #fff;
   border-style: solid;
   }
#menu1 a:hover {
   color: #fff;
   background-position: 0 -38px;
}
#menu1 a:active {
   color: #FF2A00;
   background-position: 0 0;
}
#menu1 a.uneligne {
   padding-top: 12px;
   height: 26px;
   }

#menu1 a.home-rolland {
   background-image: url(imports/home-rolland.png);
   font-size: 8px;
   width: 72px;
   height: 10px;
   padding: 28px 0 0 33px;
   }
#menu1 a.home-rolland span {
   display: none;
   }

#debut {
   margin-top: 20px;
   height: 60px;
   background-image: url(imports/bloc-bleu-haut.png);
   background-repeat: no-repeat;
   }
#debut p {
   font-weight: bold;
   font-style: italic;
   font-size: 17px;
   line-height: 20px;
   display: block; 
   margin-left: 253px;
   color: #239DC5;
   }

#contenu {
   background-color: #2F5FB2;
   background-image: url(imports/fond-bloc-bleu.png);
   padding-bottom: 15px;
   }

/* CONTENU COL GAUCHE */
#colgauche {
   width: 230px;
   margin-left: 0;
   padding-top: 175px;
   float: left;
   }
#colgauche p {
   color: #fff;
   text-align: right;
   font-size: 14px;
   line-height: 18px;
   padding-right: 20px;
   }
#colgauche img {
   float: right;
   margin-right: 17px;
   }

img.globeterrestre {
   position: absolute;
   margin: -207px 0 0 120px;
   }

#colgauche a.locV9pl, #colgauche a.lienAgence {
   display: block;
   margin-bottom: 20px;
   font-style: italic;
   font-weight: bold;
   font-size: 11px;
   line-height: 12px;
   color: #32AE4E;
   background-repeat: no-repeat;
   }

#colgauche a.locV9pl {
   width: 115px;
   height: 55px;
   padding: 10px 5px 0 90px;
   background-image: url(imports/loc-vehicule-9pl.gif);
   background-position: 0 -130px;
   }
#colgauche a.locV9pl:hover {
   background-position: 0 -65px;
   color: #fff;
   }
#colgauche a.locV9pl:active {
   background-position: 0 0;
   color: #FF2A00;
   }

#colgauche a.lienAgence {
   width: 210px;
   height: 5px;
   padding: 67px 0 0 5px;
   background-image: url(imports/agence-voy-ete.gif);
   color: #239DC5;
   }
#colgauche a.lienAgence:hover {
   color: #fff;
   }
#colgauche a.lienAgence:active {
   color: #FF2A00;
   }



/* CONTENU COL CENTRALE */
#col1haut {
   margin-left: 230px;
   padding-left: 180px;
   width: 310px;
   height: 22px;
   background-image: url(imports/bloc-blanc-haut.png);
   background-repeat: no-repeat;
   }

#col1haut span {
   font-size: 10px;
   line-height: 12px;
   color: #239DC5;
   display: block;
   float: left;
   margin-right: 20px;
   padding-left: 3px;
   padding-top: 5px;
   padding-bottom: 2px;
   border-left: 1px solid #239DC5;
   }
#col1haut span.imprimer {
   padding-right: 28px;
   background-image: url(imports/imprimer-rolland.gif);
   background-repeat: no-repeat;
   background-position: 47px 2px;
   }
#col1haut span.imprimer:hover {
   cursor: pointer;
   color: #DB4E70;
   background-image: url(imports/imprimer-rolland2.gif);
   }

#col1milieu {
   margin-left: 230px;
   padding: 20px;
   width: 450px;
   background-color: white;
   }


/* BAS COL CENTRALE */
#col1bas {
   padding-top: 60px;
   margin-left: 230px;
   width: 490px;
   height: 75px;
   background-image: url(imports/bloc-blanc-bas.png);
   background-repeat: no-repeat;
   background-position: top;
   }
#col1bas a {
   display: block;
   float: left;
   padding: 12px 70px 0 60px;
   width: 90px;
   height: 54px;
   background-image: url(imports/bouton-translucide.png);
   background-repeat: no-repeat;
   color: #F2D121;
   font-size: 18px;
   line-height: 21px;
   font-weight: bold;
   }
#col1bas a:hover {
   background-position: 0 -66px;
   }
#col1bas a:active {
   color: #db4e70;
   }

#col1bas a img {
   border: none;
   position: absolute;
   }
a.contact img {
   margin: -35px 0 0 68px;
   }
a.demdevis img {
   margin: -12px 0 0 62px;
   }

#fin {
   height: 25px;
   padding-top: 10px;
   background-image: url(imports/bloc-bleu-bas.png);
   background-repeat: no-repeat;
   background-position: bottom;
   font-size: 11px;
   line-height: 14px;
   text-align: center;
   border-top: 1px dotted #239DC5;
   }
#fin a {
   padding: 0 20px 0 12px;
   color: #239DC5;
   background-image: url(imports/carres-lien.gif);
   background-repeat: no-repeat;
   background-position: 0 3px;
   }
#fin a:hover {
   color: #fff;
   background-position: 0 -9px;
   }
#fin a:active {
   text-decoration: underline;
   background-position: 0 -21px;
   }

#legal {
   margin-top: 20px;
   font-size: 11px;
   line-height: 13px;
   text-align: center;
   color: #7878A0;
   }
#legal a {
   color: #7878A0;
   text-decoration: underline;
   }