/*
 *
 * Theme Name: Crozatier
 * Author: Thierry Vigneau
 *
 *
*/
/*

  Couleurs dominantes :
  
    Gris :    #959595   |   rgb(149,149,149)
    Rouge :   #96233a   |   rgb(150,35,58)

*/

/* - - - GLOBAL - - - */

/* * styles de base * */

/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; padding: 0;
  font-weight: bold; font-style: normal;
  }
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
.regular { font-size: 12pt; }
/* Paragraphes */
p {
  margin: .75em 0; padding: 0;
  }
address {
  margin: .75em 0; padding: 0;
  font-style: normal;
  }

/* Liens */
a {
  text-decoration: none;
  color: rgb(89, 86, 87);
  }
/*
a:link {
  color: mediumblue;
  }
a:visited {
  color: indigo;
  }
*/
a:hover, a:focus, a:active {
  text-decoration: underline;
  color: crimson;
  }
.presse{ 
  text-decoration: underline;
  color: #96233a;
  }
/* Listes à puces */
ul, ol {
  margin: .75em 0 .75em 32px; padding: 0;
  }
li {
  margin: .5em 0; padding: 0;
  }
li p {
  margin: .5em 0; padding: 0;
  }

/* Listes de définitions */
dl {
  margin: .75em 0; padding: 0;
  }
dt {
  margin: .75em 0 0 0; padding: 0;
  font-weight: bold;
  }
dd {
  margin: .25em 0 .25em 32px; padding: 0;
  }

/* Formulaires */
form, fieldset {
  margin: 0; padding: 0;
  border: none;
  }
input, button, select {
  vertical-align: middle;
  }

/* Abréviations */
abbr, .abbr, acronym {
  border-bottom: 1px dotted rgb(180,180,180);
  cursor: help;
  }

/* Citations */
blockquote {
  margin: .75em 0 .75em 20px; padding: 0 0 0 10px;
  border-left: 2px solid rgb(221,221,221);
  }
blockquote p {
  margin: .5em 0; padding: 0;
  }
q {
  font-style: italic;
  quotes: none;
  }
cite {
  font-style: italic;
  }
q cite, q q {
  font-style: normal;
  }

/* Codes */
code {
  display: block; padding: 3px 8px; margin: 0 0 0 0.75em;
  border-left: 3px solid rgb(215,215,255); background-color: rgb(245,245,245);
  font-size: 1.1em;
  }

/* Tableaux */
table {
  margin: 0; padding: 0;
  border: 1px solid gray; border-collapse: collapse; border-spacing: 0;
  }
table td, table th {
  padding: 4px; margin: 0;
  border: 1px solid rgb(204,204,204);
  vertical-align: top; text-align: left;
  }
  
table.sa {
  margin: 0; padding: 0;
  border: 0px;
  }
table td.sa, table th.sa {
  padding: 10px; margin: 0;
  border: 0px;
  border-bottom:1px solid #888071;
  vertical-align: top; text-align: left;
  }
  
table td.saG {
  border: 0px;
  border-bottom:1px solid #888071;
  vertical-align: top; text-align: left;
  width:250px;
  }  

/* Divers éléments */
em, .em {
  font-style: italic;
  }
strong, .strong {
  font-weight: bold;
  }
img {
  border: 0;
  }
small, .small {
  font-size: 0.90em;
  }
big, .big {
  font-size: 1.15em;
  }
.soulinge{
  font-weight: bold;
  text-decoration:underline;
}
/* * * * */


/* * styles de base personnalisés * */

.dispnone {
  display: none;
  }

.clear {
  clear: both; height: 0; font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

/* curseur */
.c_help {
  cursor: help;
  }

/* opacite */
.opacite {
  filter: alpha(opacity=88); -moz-opacity: 0.88; opacity: 0.88;
  }

/* alignement */
.alignleft {
  float: left; margin: 0 10px 5px 0;
  }
.alignright {
  float: right; margin: 0 0 5px 10px;
  }
.aligncenter {
  margin: 10px auto 10px auto;
  }

/* texte align */
.txtalignleft {
  text-align: left;
  }
.txtalignright {
  text-align: right;
  }
.txtaligncenter {
  text-align: center;
  }

/* formatage du texte */
.txtupper {
  text-transform: uppercase;
  }

/* titlepage */
h1 {
  font-size: 1.5em; line-height: 1.1em;
  /* text-transform: uppercase; color: rgb(150,35,58); */
  }
.titlemin {
  font-size: 1.2em; letter-spacing: -1px;
  }
.titlembigtop {
  margin-top: 145px;
  }
.titlemtop {
  margin-top: 100px;
  }
.titlemintop {
  margin-top: 50px;
  }

/* couleurs */
.colorR {
  color: rgb(150,35,58);
  }
.colorG {
  color: rgb(89, 86, 87);
  }
.colorN {
  color: rgb(0,0,0);
  }

/* spécifique */
.TexteBig {
  padding: 0 25px;
  font-size: 1.3em; font-weight: bold; line-height: 1.25em;
  }

.bordersouligne, .bordersoulignesmall {
  padding-bottom: 2px; border-bottom: 2px solid rgb(150,35,58);
  }
.bordersouligne:hover, .bordersoulignesmall:hover {
  text-decoration: none;
  }
.bordersoulignesmall { border-bottom-width: 1px; }

.address {
  margin-top: -0.5em;
  }

/* * * * */

/* - - - - - - */


/* - - - STRUCTURE - - - */
html { font-size: 100%; }
* html { font-size: 135%; }
body {
  padding: 0; margin: 0; height: 100%;
  font-family: Arial, Verdana, Tahoma, FreeSans, sans-serif; font-size: 12px;
  }


  #page {
    margin: 0 auto; padding: 0; position: relative; width: 1000px;
    }


    #header {
      margin: 0; padding: 8px 0 5px 0; position: relative; float: left; width: 100%;
      min-height: 135px; /* height: 177px; */
      }
    * html #header { height: 135px; }
    .fullpage {
      min-height: 110px !important;
      }
    * html .fullpage { height: 110px !important; }

      /* logo */
      #header .logo {
        float: right; margin: 5px 35px 0 0; padding: 0;
        }
      #header .logocenter {
        margin: 0; padding: 0;
        text-align: center;
        }
      /* slogan */
      #header .slogan {
        margin: 0; text-align: center;
        font-size: 1.9em; color: rgb(89, 86, 87);
        }
      /* navigation rapide */
      .navigation-rapide {
        margin: 0; padding: 0; list-style-type: none;
        position: absolute; bottom: 5px; left: 790px;
        }
      .navigation-rapide li {
        margin: 0 5px 0 0; padding: 0; float: left;
        }
      .navigation-rapide li img {
        /* width: 25px; */
        }
      .navigation-rapide li a img, .navigation-rapide li a:hover img {
        filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;
        }
      .navigation-rapide li a:hover img {
        filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
        }
      /* menu de navigation + sous-menu de navigation (droite) */
      .menu-nav,
      .ssmenu-nav {
        margin: 0; padding: 0 0 0 108px; list-style-type: none; float: left;
        min-width: 110px;
        }
      .ssmenu-nav {
        padding: 15px 0;
        }
      * html .menu-nav { width: 110px; }
      .snav {
        padding-left: 25px;
        }
        .menu-nav li,
        .ssmenu-nav li {
          margin: 2px 0; padding: 0;
          }
        .menu-nav li a, .menu-nav li a:hover,
        .ssmenu-nav li a, .ssmenu-nav li a:hover  {
          color: rgb(89, 86, 87); /* rgb(149,149,149); | rgb(120,120,120) */ 
          }
        .menu-nav li.active a, .menu-nav li.active a:hover,
        .ssmenu-nav li.active a, .ssmenu-nav li.active a:hover {
          color: rgb(150,35,58);
          }


    #content {
      margin: 0; padding: 0; position: relative; float: left; width: 100%;
      min-height: 372px;
      background: url('../Images/Gabarit/fond-content-global.jpg') 0 0 repeat;
      }
    * html #content { height: 372px; }


    #scontent {
      margin: 0; padding: 0; position: relative; float: left; width: 100%;
      min-height: 70px;
      }
    * html #scontent { height: 170px; }
    #scontent.long {
      text-transform: uppercase; letter-spacing: 6px; font-size: 16px;
      color: rgb(149,149,149); text-align: center; font-weight: bold;
      }
    #scontent.short {
      }
      /* global */
      #scontent h1, #scontent p, #scontent ul {
        margin: 1.3em 0 -0.1em 0;
        }
      /* chemin de navigation */
      #scontent .chemin-nav {
        padding: 0; margin-left: 243px; list-style-type: none; float: left;
        color: rgb(150,35,58);
        }
      * html #scontent .chemin-nav { margin-left: 121px; }
      #scontent .grand .chemin-nav {
        margin-left: 150px;
        }
      * html #scontent .grand .chemin-nav { margin-left: 75px; }
      #scontent .chemin-nav li {
        margin: 0; padding: 0; float: left;
        }
      #scontent .chemin-nav li a, .menu-infos li a:hover {
        color: rgb(150,35,58);
        }


    #footer {
      margin: 0 0 15px 0; padding: 1px; position: relative; clear: both; width: 100%;
      min-height: 20px;
      }
    * html #footer { height: 20px; }

      /* menu de navigation */
      .menu-infos {
        position: absolute; bottom: 0; left: 108px;
        margin: 0; padding: 0; list-style-type: none; float: left;
        color: rgb(89, 86, 87); font-size: 12px;
        }
      .menu-infos li {
        margin: 0; padding: 0; float: left;
        }
      .menu-infos li a, .menu-infos li a:hover {
        color: rgb(149,149,149);
        }
      .menu-infos li.active a, .menu-infos li.active a:hover {
        color: rgb(150,35,58);
        }
      /* slogan */
      #footer .slogan {
        margin: 0; position: absolute; bottom: 0; right: 38px;
        font-size: 25px; color: rgb(149,149,149);
        }
/* - - - - - - */



/* - - - CONTENT - - - */
/* normal */
#content .fbox {
  float: left; min-height: 372px; line-height: 1.3em; position: relative; /* overflow: auto; */ height: 372px;
  }
* html #content .fbox { height: 372px; }
#content .noscroll { height: auto; }
#content .flpad, #content .frpad {
  padding: 0 10px 0 15px;
  }
#content .fleft {
  width: 521px; margin: 0 0 0 242px;
  background: rgb(200, 196, 185) url('../Images/Gabarit/fond-content-fleft.jpg') right top no-repeat;
  }
* html #content .fleft { margin-left: 120px; }
#content .flpad {
  width: 491px;
  }
#content .fright {
  float: left; width: 237px; margin: 0;
  }
#content .frpad {
  width: 207px;
  }
/* grand */
#content .grand .flpad, #content .grand .frpad {
  padding: 0 15px 0 10px;
  }
#content .grand .fleft {
  width: 713px; margin: 0 0 0 150px;
  background: rgb(200, 196, 185) url('../Images/Gabarit/fond-content-fleft-grand.jpg') right top no-repeat;
  }
* html #content .grand .fleft { margin-left: 75px; }
#content .grand .flpad {
  width: 683px;
  }
#content .grand .fright {
  float: left; width: 137px; margin: 0;
  }
#content .grand .frpad {
  width: 107px;
  }

/* BLoc Prix*/
#bloc_prix {
	position:absolute;
	background: url('../Images/Produits/pave_prix.png') no-repeat ;
	z-index:1;
	width:220px;
	height:226px;
	top:130px;
	left:-226px;	
	font-family:Trebuchet MS;
}
#bloc_prix2 {
	position:absolute;
	background: url('../Images/Produits/pave_premier_prix.png') no-repeat ;
	z-index:1;
	width:220px;
	height:226px;
	top:130px;
	left:-226px;	
	font-family:Trebuchet MS;
}
#texte_prix2 {
	top:140px;
	right:29px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	height:28px;
	line-height:21px;
	border-bottom:2px solid #FFF;
}
#libelle_prix2{
	top:170px;
	color:#fff;
	padding-left:15px;
	font-size:13px;
	line-height:23px;
	width:auto;
	position:absolute;
	right:29px;
}
#texte_prix {
	top:155px;
	right:27px;
	font-size:30px;
	font-weight:bold;
	position:absolute;
	height:29px;
	line-height:22px;
}
#libelle_prix{
	top:186px;
	padding-left:10px;
	font-size:13px;
	color:#000000;
	line-height:20px;
	width:auto;
	position:absolute;
	right:29px;
}  
/* grand Stop Affaires*/
#content .grandSA .fbox {
  float: left; min-height: 372px; line-height: 1.3em; position: relative; /* overflow: auto; */ height: 498px;
  }
#content .grandSA .flpad, #content .grandSA .frpad {
  padding: 0 15px 0 10px;
  }
#content .grandSA .fleft {
  width: 713px; margin: 0 0 0 107px;
  background: rgb(200, 196, 185) url('../Images/StopAffaires/stop_affaire.gif') left top no-repeat;
  }
* html #content .grandSA .fleft2 { margin-left: 75px; }
#content .grandSA .fleft2 {
  width: 713px; margin: 0 0 0 107px;
  background: rgb(200, 196, 185) url('../Images/Gabarit/fond-content-fleft-stopaffaires.jpg') left top no-repeat;
  }
* html #content .grandSA .fleft { margin-left: 75px; }
#content .grandSA .flpad {
  width: 683px;
  }
#content .grandSA .fright {
  float: left; width: 137px; margin: 0;
  }
#content .grandSA .frpad {
  width: 107px;
  }  


  /* scrollbar */
  .flscroll, .frscroll {
  	padding: 0 10px 0 15px /*!important*/;
    }
  .flscroll { width: 496px !important; }
  .frscroll { width: 212px /*!important*/; }
  .grand .flscroll { width: 688px !important; }
  .grand .frscroll { width: 112px !important; }
  .grandSA .flscroll { width: 631px !important; }
  .grandSA .frscroll { width: 212px !important; }
  .contentscroll {
  	width: 100%; height: 100%; overflow: auto; float: left;
    }

  a.jScrollArrowUp {
  	background: url('../Images/Gabarit/basic_arrow_up.gif') repeat-x 0 0;
  	background-image: url('../Images/Gabarit/transparent.png');
  }
  a.jScrollArrowUp:hover {
  	background-position: 0 -15px;
  }
  a.jScrollArrowDown {
  	background: url('../Images/Gabarit/basic_arrow_down.gif') repeat-x 0 0;
  	background-image: url('../Images/Gabarit/transparent.png');
  }
  a.jScrollArrowDown:hover {
  	background-position: 0 -15px;
  }
  a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  	background-position: 0 -30px;
  }


  /* illustration */
  #content .fbox .ill {
    margin: 0; padding: 0; position: relative
    }
  #content .fbox .gmaps {
  	background-image: url('../Images/Gabarit/fond-content-fleft-cadre.jpg');
    }
  #content .fbox .gmaps img {
  	padding: 3px 3px 4px 4px; /* width=514 =/= 521 height=365 =/= 372 */
    }
  #content .fbox .ill img {
    display: block;
    }

  /* texte */
  #content .fleft {
    color: rgb(150,35,58);
    }
  #content .fright {
    color: rgb(89, 86, 87);
    }
  .colorINV .fleft { color: rgb(149,149,149) !important; }
  .colorINV .fright { color: rgb(150,35,58) !important; }


  /* specifique */
  #content .minh-forlink {
    min-height: 310px; padding-bottom: 10px;
    }
  * + html #content .minh-forlink { min-height: 325px; }
  * html #content .minh-forlink { height: 325px; }
  #content .fright h1 {
    font-size: 12px;
    }
  #content .fright .prix {
    font-size: 1.2em; font-weight: bold;
    }
  #content .link , #content .link_assoc{
    float: left; width: 165px; margin: 0; padding: 10px 3px 10px 38px; /* position: absolute; bottom: 0; right: 16px; z-index: 10; */
    font-size: 1.3em;
	position: absolute;
	bottom: 0px;
    }
  #content .margmin { padding-left: 10px; padding-top: 0; width: 175px; font-size: 1.1em; }
  #content .link, #content .link a, #content .link a:hover, #content .link_assoc {
    text-decoration: none; color: rgb(150,35,58);
    }
  #content .link a:hover {
    font-weight: bold;
    }
  #content .margmin a:hover {
    font-weight: normal; text-decoration: underline;
    }
	
  #content .link_assoc {
	padding-left: 15px;
    font-size: 0.8em;
	font-weight: bold;
	left:0px;
 }
/* - - - - - - */



/* - - - CARROUSEL - - - */
#carrousel {
  float: left; width: 100%; margin: 0; padding: 0 0 10px 0; list-style-type: none;height:130px;
  }
#carrousel li {
  margin: 0 0 5px 0; padding: 0 2px 0 4px; float: left; position: relative;
  }
  /* liens */
  #carrousel li a, #carrousel li a:hover {
    display: block; float: left; height: 80px; cursor: pointer;
    font-size: 1em; text-decoration: none; font-weight: bold;
    color: rgb(165,165,165);
    }
  #carrousel li a:hover {
    color: rgb(90,90,90);
    }
  #carrousel li.active a, #carrousel li.active a:hover {
    color: rgb(90,90,90);
    }
  /* Images */
  #carrousel li a img {
    filter: alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45;
    }
  #carrousel li a:hover img {
    filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
    }
  #carrousel li.active a img, #carrousel li.active a:hover img {
    filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
    }
  /* infos */
  #carrousel li .infos, #carrousel li .infos_s {
    display: block; width: 104px; text-align: center;
    }
  #carrousel li .infos {
    position: absolute; top: 80px; left: 5px; text-align: left;
    }

/*** SKIN ***/

/* liste des Images */
.jcarousel-skin .jcarousel-clip {
  width: 99.85%; /* 99.5 */height: 155px;
  }
/* boutons action */
.jcarousel-skin .jcarousel-next-horizontal {
  position: absolute; top: -17px; right: 0px; width: 30px; height: 40px;
  cursor: pointer; background: url('../Images/Gabarit/fleche-droite.png') no-repeat 0 0;
  }
.jcarousel-skin .jcarousel-prev-horizontal {
  position: absolute; top: -17px; left: 0; width: 30px; height: 40px;
  cursor: pointer; background:  url('../Images/Gabarit/fleche-gauche.png') no-repeat 0 0;
  }
.jcarousel-skin .jcarousel-next-horizontal:hover {
  background-image: url('../Images/Gabarit/fleche-droite-hover.png') !important;
  }
.jcarousel-skin .jcarousel-prev-horizontal:hover {
  background-image: url('../Images/Gabarit/fleche-gauche-hover.png') !important;
  }
/* boutons inactifs */
.jcarousel-next-disabled {
  background-image: url('../Images/Gabarit/transparent.png') !important;
  }
.jcarousel-prev-disabled {
  background-image: url('../Images/Gabarit/transparent.png') !important;
  }
/* - - - - - - */


/* - - - INFO BULLE - - - */
.infobulle {
position: absolute;
  width: 143px;
  color: white; font-size: 1.2em; text-align: center;
  }
.infobulle a {
  color: white;
  }

.infobulle .content {
  float: left; width: 100%;
  background: url('../Images/Gabarit/infobulle-opacite-fond.png') repeat 0 0;
  }
* html .infobulle .content { background-image: url('../Images/Gabarit/ie6-infobulle-opacite-fond.png'); }
.infobulle .bottom {
  height: 19px; float: left; width: 100%;
  background: url('../Images/Gabarit/infobulle-opacite-bottom.png') repeat 0 0;
  }
* html .infobulle .bottom { background-image: url('../Images/Gabarit/ie6-infobulle-opacite-bottom.png'); }
/* - - - - - - */



/* - - - FORMULAIRE - - - */
.formulaire {
  float: left; width: 100%; margin: -3px 0 10px 0; padding: 0;
  }
 .form-itin {
 margin-top: 0px;
 }
* html .formulaire { margin-bottom: -4px; }
  /* styles */
  /* sépration entre les différents champs */
  .formulaire p {
    padding: 0; margin: 6px 0 6px 0;
    font-weight: bold;
    }
  .formulaire .marglong {
    margin: 15px 0 10px 0;
    }
  /* actions : submit, reset, etc. */
  .formulaire .actions {
    margin: 10px 0 0 80px;
    }
  .form-itin .actions {
	margin: 10px;
	height:20px;
  }
  * html .formulaire .actions { margin-top: 5px; }
  .formulaire .nomarg {
    margin: 0;
    }
    .formulaire .actions input {
      margin: 0 0 0 5px;
      }
    * html .formulaire .floatinput input { float: left; }
    .formulaire .actions .reset {
      border: none; background-color: transparent; padding: 0; margin-top: 0; text-indent: -999em; cursor: pointer;
      width: 48px; height: 18px; float: left; background: url('../Images/Gabarit/bt-effacer.jpg') no-repeat 0 0; font-size: 0;
      }
    .formulaire .actions .submits {
      padding: 0 4px;
      border: 1px solid rgb(153,153,153); color: rgb(51,51,51);
      -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
      }
	.formulaire .actions .submits:hover {
	background-color: #C0C0C0;
	}
  /* input texte, textarea, etc. */
  .formulaire .styleinput, .formulaire .styletarea, .formulaire .inputselect {
    border: none; background-color: transparent; padding: 0; margin-top: 0;
    border-bottom: 1px solid rgb(89, 86, 87); color: rgb(51,51,51);
    }
  .formulaire .styletarea {
    border: 1px solid rgb(89, 86, 87);
    }
  .formulaire .styleredinput {
    border: 2px solid #96233a;
    background-color: #d2a0aa;
    }
  .formulaire .inputselect {
    padding: 0; margin: 1px 0 0 0;
    background-color: rgb(230, 223, 215);
    font-size: 0.9em;
    }
  /* informations manquante */
  .formulaire .infomanquante {
    border: 2px solid #96233a;
    }
  /* label */
  .formulaire .label {
    display: block; width: 85px; float: left;
    text-align: left;
    }
	.formulaire .shortlabel {
	display: block; width: 75px; float:left;
	text-align: left;
	}
  .margleft {
    margin: 0 -80px 0 80px;
    }
  * html .margleft { margin: 0; }
  .formulaire .llong {
    width: 180px;
    }
  .formulaire .margtop {
    margin-top: 5px;
    }
  .formulaire .margbigtop {
    margin-top: 15px;
    }
  /* divers */
  .formulaire .inputlong {
    width: 300px;
    }
  .formulaire .inputshort {
    width: 215px;
    }
  .formulaire .inputbigshort {
    width: 135px;
    }
  .formulaire .textareabr {
    margin-top: 5px; float: left;
    display: block; width: 300px; height: 55px;
    }
  .formulaire .noblock {
    display: inline; width: auto; float: none; vertical-align: middle;
    }

/* ffleft & ffright */
.formulaire .ffleft {
  float: left; width: 49%; margin: 0;
  }
.formulaire .ffright {
  float: right; width: 49%; margin: 0;
  }
  /* spécifique : catalogue */
.formulaire .ffltel { width: 43%; }
.formulaire .ffrdatenais { width: 55%; }
  .formulaire .ffltel .label { width: 70px; }
  .formulaire .ffrdatenais .label { width: 190px; }
  .formulaire .ffltel .inputshort { width: 130px; }
  .formulaire .ffrdatenais .inputshort { width: 70px; }
/* - - - - - - */



/* - - - BOXS - - - */
.boxs {
  float: left; width: 100%; margin: 0; padding: 0;
  }
  /* pour 2colonnes */
  .boxs .box, .width3 .boxc, .width3 .boxl {
    float: left; width: 49.9%; margin: 0; padding: 0;
    }
  /* pour 3colonnes */
  .width3 .boxl, .width3 .boxc {
    text-align: center; margin: 5px 0;
    }
  .width3 .boxl {
    width: 45%;
    }
  .width3 .boxc {
    width: 27%;
    }
    .width3 img {
      border: 1px solid #96233a;
      }
/* - - - - - - */



/* - - - CARTES - - - */
/* positionnement de l'ile de france */
.idf {
  position: absolute; top: 87px; left: 250px;
  }
/* point sur la carte */
.point {
  position: absolute; top: 0; left: 0;
  font-size: 0.9em;
  }
.point, .point a {
  color: #959595; font-weight: bold;
  }
  .point img, .point #info_point {
  float: left;
  }
  .point #info_point {
  margin-top: -2px;
  font-size: 0.8em;
  }
/* box position */
.boxpos {
  position: absolute; bottom: 10px; left: 15px;
  }
  .boxpos .title {
    margin: 0 0 5px 0;
    color: white; font-size: 1.1em; font-weight: bold;
    }
  .boxpos .carte {
    margin: 0;
    border: 1px solid white;
    }
    .boxpos .carte a {
      display: block;
      }
/* - - - - - - */



/* - - - BOX CALQUE - - - */
.boxcalc {
  padding-top: 10px;
  background-color: rgb(242, 233, 224);
  }
* html .boxcalc { width: 100%; }
  .boxcalc .boxcalcscroll {
  	width: 100%; float: left; /* overflow: auto; height: 335px; */
    }
  /* bouton pour fermer */
  .boxcalc .close {
    padding: 0 0 8px 0; margin: 0; display: none;
    text-align: right; font-weight: bold;
    }
  .openboxc {
    display: none;
    }
  .boxcalc .close a, .boxcalc .close a:hover {
    padding: 1px 21px 0 0;
    background: url('../Images/Gabarit/link-close.png') no-repeat right top; color: rgb(153,153,153);
    }
/* - - - - - - */

/*--- BOX MAP --- */
#map {width: 521px;	height: 372px;}
#map div div {width:50px;}
#map div div div { width: 100%; }
.lst_mag {	text-align: left; }
.lst_mag a { margin-left: 30px;}
#directions { width: 230px;}
/*------*/

.LV_invalid{color:#CC0000;}

/* ----- SERVICES ----- */
.ptBig{
font-size:20pt;

}
#carteVIP{
position:absolute;
top:5px;
width:178px;
}
#texteVIP{
position:absolute;
top:1px;
left:190px;
width:300px;
}
#mentionsVIP{
position:absolute;
top:325px;
font-size:9px;
line-height:normal;
}

#Conseil{
position:absolute;
top:122px;
width:185px;
}
#texteConseil{
position:absolute;
top:110px;
left:190px;
width:280px;
}
#Offres{
position:absolute;
top:100px;
width:185px;
}
#texteOffres{
position:absolute;
top:80px;
left:190px;
width:280px;
}
.flash{
position:absolute;
top:0px;
left:0px;
margin:0px;
}
