/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BALISES GENERALES */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body
{
  /*background:#949ABE url(/images/sitefond.gif) repeat-x;*/
  margin:0;padding:0;
  font:normal normal normal 12px Arial, Helvetica, sans-serif;
  color: #fff;
  text-align:left;
}
#body
{
  background-color: #3D4E7A;
  margin:0;padding:0;
  font:normal normal normal 12px Arial, Helvetica, sans-serif;
  color: #fff;
  /*background:#fff;*/
  text-align:center;
}
a
{
  color: #fff;
  text-decoration:none;
}
a:hover
{
  text-decoration:underline;
}
div, span, li, ul, a, img, p
{
  margin: 0;
  padding: 0;
  border: none;
}
/* Formulaires */
form
{
  margin:10px 0px 0px 0px ;
}
input, textarea, select
{
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #3B578B;
  width: 290px;
  font-size: 12px;
}
label
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
}
.bouton, .boutonRouge, .boutonVert, .boutonJaune
{
  width: auto;
  cursor: pointer;
  display:inline;
}
.bouton
{
  background-color: #8F97BD;
  color: #fff;
}
.boutonRouge
{
  background-color: #b00;
  color: #fff;
}
.boutonVert
{
  background-color: #0b0;
  color: #fff;
}
.boutonJaune
{
  color:#fff;
  background:#BA9B13;
}
.invisible
{
  display:none;
}
.gras
{
  font-weight: bold;
}
.italique
{
  font-style: italic;
}
.nowrap
{
  white-space: nowrap;
}
/* Message et erreur */
.erreur
{
  color: #a03047;
  text-align: center;
  padding: 100px 0;
  background:#fff;
}
.message
{
  color: #a03047;
  border: 1px solid #a03047;
  margin-top:5px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  text-align:center;
  background:#fff;
}
.message p a
{
  color:#a03047;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BALISE COMMUNE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#logo
{
  margin:30px 0px 0px 50px;
  width:146px;height:84px;
}
.cadreimg
{
  height:4px;
  font-size:0px;line-height:0px;
  background:transparent url(/images/cadreimg.gif) repeat-x;
  clear:both;
  margin:0px;padding:0px;
}
h1
{
  font-size:18px;
  font-family: "Times", serif;
  margin:0px 0px 5px 0px;
  text-transform:uppercase;
}
.jaune
{
  color:#F1CA21;
  font-weight: bold;
}
.gras
{
  font-weight:bold;
}
.exposant
{
  vertical-align: 4px; font-size: 70%
}
.efface
{
  color:#ADB1CD;
}
.center
{
  text-align:center;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MENUS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -----------------------  MENU 1 ------------------- */
#menufirst
{
  position:absolute;
  text-transform:uppercase;
  font-size:10px;
  z-index:25;
}
.menufirstaccueil
{
  left:310px;top:100px;
}
.menufirstpages
{
  left:310px;top:20px;
}
#menufirst ul
{
  list-style:none;
}
  #menufirst li a:hover
   {
    text-decoration:underline;
  }
/* -----------------------  MENU GENERAL ------------------- */
#menu
{
  position:absolute;
  font-size:10px;
  list-style:none;
}
#menu a:hover
{
  text-decoration:none;
}
.menuaccueil
{
  top:145px;left:300px;
}
.menupages
{
  top:65px;left:300px;
}
  #menu ul
    {
    list-style:none;
  }
  #menu li
    {
    float:left;
  }
  #menu li a
    {
    display:block;
    background:#8F97BD;
    border:1px solid #FFF;
    line-height:20px;
    text-align:center;
    padding: 0 15px;
  }
  #menu li a:hover
    {
    background:#3B578B;
  }
  /*#menu1  {width:75px;}  Actualités*/
  #menu2  {width:70px;}  /*Produits*/
  /*#menu3  {width:75px;}  /*Savoir-Faire
  #menu4  {width:100px;}  /* Travaux Public
  #menu5  {width:75px;}  /*Bâtiments
  #menu6  {width:100px;}  /*Le Grès des vosges*/

/* -----------------------  SOUS MENU ------------------- */
.menuniveau1
{
  position:absolute;
  display:none;
  float:none;
}
  .menuniveau1 li
  {
    margin-top:-1px;
    float:none;
    clear:both;
  }
  .menuniveau1 li a
    {
    line-height:12px;
    width:70px !important;
    width:100px;
  }
/* -----------------------  SOUS MENU PRODUITS PLAQUETTES MODULAIRES ------------------- */
.menuniveau2
{
  position:absolute;
  z-index:10;
  margin-left:101px !important;
  margin-left:99px;
  display:none;
  margin-top: 1px !important;
/*   margin-top: 0; */
}
 .menuniveau2 li
    {
/*     margin-top: 0; */
    float:none;
    width:100px;
  }
  .menuniveau2 li a
    {
    line-height:12px;
  }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* OSSATURE  GENERALE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#principal
{
  width:955px;min-height:600px;
  position:absolute;left:50%; margin-left: -477px;
  text-align:left;
  background:#949ABE url(/images/sitefond.gif) repeat-x;
}
  .principalaccueil
    {
    height:600px;
  }
#header
{
  height:136px;
}
#content
{

}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE ANIMATION   */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#animationflash
{
  margin:109px 0px 0px 250px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE ACCUEIL  */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#accueild
{
  float:right;
  width:455px;
}
#accueilg
{
  min-height:600px;
  margin-right:455px;
  background:transparent url(/images/accueilgfond.jpg) 100% 0% no-repeat;
  display:block;
}
  #accueild img
    {
    width:455px;height:600px;
    display:block;
  }
#accueilactuxbox
{
  margin:100px 0px 0px 30px;
  width:430px;
  height:380px;
}
#accueilactuxbox div
{
  clear:none;
}
  #accueilactusheader
    {
    font-size:16px;
    margin-left:10px;
    font-weight:bold;
  }
  #accueilactusliste
    {
    background:#8E9BBC;
    height:314px;
    margin:0px;padding:0px;
  }
  #accueilactusliste a:hover
    {
    text-decoration:none;
  }
  #accueilactusliste ul a:hover
   {
    text-decoration:underline;
  }
  #accueilactusliste div
    {
    margin:0px 10px 0px 10px;
    padding:5px 0px 5px 0px;
  }
  .accueilactus
    {
    border-bottom:1px dashed #6377A2;
    height:116px !important;
    height:126px;
  }
  .accueilactus img
    {
    float:left;
    border:1px solid #fff;
    width:104px;height:104px;
  }
  .accueilactustitre
    {
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
  }
  .accueilactus div, .accueilactus p
    {
    margin-left:115px;
  }
  #accueilactusliste ul
    {
    list-style:none outside url(/images/pucejaune.gif);
    margin:2px 15px 0px 30px;
    font-size:10px;
  }
  #accueilactusliste ul li a
    {
    color:#586E9C;
  }
  #accueilactusliste ul li.suite    {list-style:none;}
  #accueilactusliste ul li.suite a {color:#fff;}
#mentionlegale
{
  text-align:right;
  text-transform:uppercase;
  margin-top:5px;
  font-size: 10px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE MODELE  CMS / ACTUS / PROMOS  */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#cmsgauche
{
  float:left;
  width:268px;
}
  #cmsimg
    {
    width:268px; height:267px;
  }
#cmsdroite
{
  margin:0px 30px 15px 290px;
  text-align:justify;
}
#cmstexte
{
  text-align:justify;
}
#nojavascript
{
  margin:60px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE SAVOIRFAIRE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#SavoirFaireReferences
{
  margin-top:20px;
  width:660px;
}
#SavoirFaireReferences p span
{
  text-transform:uppercase;
}
#SavoirFaireReferences p span:hover
{
  color:#F1CA21;
}
#SavoirFaireReferences p
{
  width:310px;
  float:left;
  margin:0px 15px 0px 0px;
}
#SavoirFaireReferences a img
{
  width:100%
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE PHOTOTEQUE  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER */
#ptheader
{
  height:66px;
  background:#273A5F;
}
#ptheader img
{
  width:266px;height:66px;
  float:left;
}
#ptheader h1
{
  float:left;
  margin:5px 0px 0px 30px;
}
#ptheader h1 a
{
  text-decoration:none;
}
.h1pagephotos
{
  display:block;
  margin-left:70px;
}
/* SYSTEME DE NAVIGATION */
.ptnavpage
{
  font-size:9px;
  margin-right:15px !important;
  margin-right:7px;
  float:right;
}
#ptheader  .ptnavpage
{
  margin-top:50px;
}
.ptnavpage a.selected
{
  color:#F1CA21;
  font-weight:bold;
  font-size:11px;
}
/* PHOTOS */
#ptphotos
{
  margin:15px 30px 0px 287px;
}
#ptphotos img
{
  margin:6px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE PHOTOTEQUE POPUP */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#ptpopup
{
  width:640px;height:640px;
  /*position:absolute;left:50%; margin-left: -320px;*/
  text-align:left;
  background:#9198BC;
}
  #ptpopupimg
    {
    height:640px;
    overflow:hidden;
    text-align:center;
  }
  #ptpopupnav
  {
    height:50px;
    background: #9198BC;
  }
    #ptpopupnav a
        {
      display:block;
      line-height:50px;
      width:150px;
      font-size:16px;
    }
    .ptpopupprec
        {
      float:left;
      text-align:left;
    }
    .ptpopupsuiv
        {
      float:right;
      text-align:right;
    }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE MODELE  ACTUS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#actusliens
{
  display:block;
  height:25px;
  float:right;
  margin-top:15px;
  padding-left:20px;
  background:none;
}
.actulienspdf
{
  background:transparent url(/images/pucepdf.gif) no-repeat;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE MODELE  ACTUS LISTE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#altitre
{
  margin-left:300px;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
}
  .alactus
    {
    margin:10px 0px 10px 0px;
    clear:both;
  }
  .algauche
    {
    width:268px;
    float:left;
    background:#273A5F;
    margin-bottom:15px !important;
    margin-bottom:0px;
  }

    .algauche img
        {
      width:104px;height:104px;
      margin-left:164px;
      display:block;
    }
  .aldroite
    {
    padding-left:290px;
  }
  .aldroite div a:hover
    {
    text-decoration:none;
  }
    .aldroite h2
        {
      font-size:14px;padding:0;margin:0;
      color:#DABC30;
      text-transform:uppercase;
    }
    .aldroitelink
        {
      background:transparent url(/images/pucejaune.gif) no-repeat;
      background-position:2px 60%;
      padding-left:12px;
      margin-top:10px;
    }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE MODELE  PRODUITS / REFERENCES */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ENTETE IMAGE */
#prodimg
{
  width:955px;height:248px;
}
/* MENU DE GAUCHE */
#prodinfo
{
  float:left;
  width:205px;
  padding-top:10px;
  font-size:10px;
}
#prodinfo div, #prodinfo a
{
  border-top:1px dashed #fff;
  display:block;
}
#prodinfo a:hover
{
  background-color:#97A5CC;
  text-decoration:none;
}
#prodinfo a#retour
{
  border-bottom:1px dashed #fff;
  border-top: none;
  padding-left: 25px;
}
.pucejaune
{
  background:transparent url(/images/pucejaune.gif) no-repeat;
  background-position:20px 8px;
}
.pucepdf
{
  background:transparent url(/images/pucepdf.gif) no-repeat;
  background-position:12px 3px;
}
#prodinfotele     {padding:5px 0px 5px 35px;}
#prodinfophoto   {
	padding:5px 0px 5px 35px;
	color:#DABC30;
	font-weight:bold;
	}
#prodinfotype
{
  border-bottom:1px dashed #fff;
  padding:5px 0px 5px 0px;
}
#prodinfotype p
{
  margin-left:35px;
}
#prodinfotype a
{
  border:0;padding:0px 0px 0px 35px;margin:0;
  line-height:12px;
/*   height:12px; */
}
/* MENU DE DROITE */
#prodcom
{
  margin:15px 30px 0px 287px;
}
  #prodcom div
    {
    text-align:justify;
    margin-bottom:15px;
  }
  #prodtitre
    {
    font-size:18px;
    text-transform:uppercase;
  }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE POPUP TYPE DE ROCHE  */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#typopup
{
  width:790px;height:637px;
  position:absolute;left:50%; margin-left: -395px;
  text-align:left;
}
/* COMMUN */
.typopupup
{
  height:6px;
  font-size:6px;line-height:6px;
}
/* PARTIE GAUCHE  */
#type
{
  width:612px;height:620px;
  float:left;
  background:transparent url(/images/poputtypefondgauche.gif) repeat-x;
}
  #typetitre
    {
    background:#273A5F;
    height:68px;
    height:65px !important;
    padding-left:370px;
    padding-top:3px;
    font-size:18px;
    font-family: "Times", serif;
    text-transform: uppercase;
  }
    #typeimg
      {
      position:absolute;
      left:10px;top:15px;
      width:351px;height:351px;
    }
    #typeimg img
        {
      border:2px solid #fff;
    }

  #typeutilisations
    {
      margin-left:389px;
      height: 310px;
      overflow: hidden;
  }
  #typeutilisationstitre
    {
    margin-top:5px
  }
  #typeutilisationsliste
    {
    margin-top:5px;
    list-style:none;
  }
  #typeutilisationsliste li
    {
    margin:0px;padding:0px;
    padding-left:20px;
  }
    .typelistetitre
        {
      text-transform:uppercase;
      font-weight:bold
    }
    .typeoff
        {
      background:transparent url(/images/popuptypeoff.gif) no-repeat;
      background-position:0px 0px;
    }
    .typeon
        {
      background:transparent url(/images/popuptypeon.gif) no-repeat;
      background-position:0px 0px;
    }
  #typetexte
    {
    margin:5px 0px 0px 15px;
    height:220px;
    overflow:auto;
    background:transparent url(/images/fondtype.jpg) no-repeat scroll right bottom;
  }
/* PARTIE DROITE  */
#finition
{
    width:178px;height:637px;
    background:transparent url(/images/poputtypefonddroite.gif) repeat-x;
    float:left;
}
  #finitiontitre
  {
    height:68px;
    height:18px !important;
    padding-top:50px;
    background:#807E94;
    text-align:center;
    text-transform:uppercase;
  }
  #taillesfinitions
  {
    height:535px;
    overflow:auto;
  }
  .taille
  {
    float:left;
    width:79px;height:100px;
    margin-left:5px;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
  }
  .taille img
  {
    width:69px;height:69px;
  }
  #finitionencours
  {
    text-align:center;
    width:178px;
  }
  #finitionencours img
  {
    width:116px;height:116px;
  }
  #cadreimgtypederoche
  {
    clear:none;
  }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* page: TYPE DE ROCHE; */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#typederochetexte
{
  float:left;
  width:250px;
  margin:15px 0px 15px 10px;
  padding-bottom:15px;
}
#typederochesimgs img
{
  width:110px;height:110px;
}
typederochesimgs a
{
  float:left;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE CONTACT */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#cmscoord {
  margin:0px 30px 15px 0px;
}
#cmscoord p{
  text-align:center;
}
#cmscoord p.titre {
  font-size:12px;
  font-weight:bold;
  margin:5px 0px 0px 0px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE INTRANET */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#content_intranet
{
  margin-left:30px;
  margin-right:30px;
}
.boutonRadio, .inputauto
{
  width:auto;
  border:none;
}
.inputnormal
{
  width:200px;
}
.tabIntranet
{
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 0;
  border-style: hidden;
  margin: 10px auto;
  width: 90% !important;
  width: 90%;
}
.tabIntranet td, .tabIntranet th
{
  height: auto;
  padding: 4px;
  margin: 0;
  font-size: 12px;
  border-top: 1px solid #ecf8fe;
}
.tabIntranet th
{
  background-color: #ecf8fe;
  border-style: hidden;
  border-width: 0;
  color: #00a7eb;
  text-align: center;
}
.tabIntranet td a, .ajout a
{
  font-weight: normal;
  text-decoration: none;
}
.ajout
{

  font-size: 12px;
  clear: right;
  margin-bottom: 5px;
}
.suivant
{
  float: right;
  display: inline;
}
.precedent a, .suivant a
{
  text-decoration: none;
  font-size: 10px;
}
.stats
{
  font-size: 10px;
  display: inline;
}
.rouge
{
  color: #b00;
}
.vert
{
  color: #0b0;
}
.orange
{
  color: #fc0;
}
#intractustypeinterne
{
  display:none;
  margin:10px;
}
#intractustypeexterne
{
  display:none;
  margin:10px;
}
#intractustypepdf
{
  display:none;
  margin:10px;
}
.intraphotos
{
  text-align:center;
  float:left;
}
#intranetaccueilboutons
{
  margin-top:10px;
}
#intranetaccueilboutons p
{
  margin-top:2px;
}
#intranetaccueilboutons input
{
  width:250px;
}
#boutonproduitaction
{
  float:left;
}
#boutonproduitoption
{
  float:right;
}
.intratd
{
  width:150px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Plan d'accès */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.imgplan
{
  width:200px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Revendeurs */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#centre.standard
{
height:430px;
left:0px;
overflow:hidden;
position:relative;
top:0px;
/*width:650px !important;
width:632px;*/
}
/*#centre {
position:absolute;
left:210px;
top:60px;
}*/
.cases_reven
{
height:430px;
margin:5px 0;
}
/*.cases_reven img
{
position:absolute;
right:15px;
}*/
#basrhin.cases_reven 
{
overflow:auto;
}
/*#basrhin.cases_reven img
{
margin-right:0;
}*/
.cases_reven span
{
margin-left:5px;
display:block;
font-size:11px;
}
.cases_reven h3
{
font-size:11px;
margin-bottom:0;
margin-left:5px;
}
.cases_reven p
{
margin-bottom:10px;
}
#top.cases_reven
{
background: transparent url(/UserFiles/Image/carte-generale.gif) no-repeat scroll right top;
margin-bottom:0;
margin-top:0;
}
.cases_reven div.right
{
float:right;
}
.cases_reven a.map
{
width:120px;
height:150px;
display:block;
position:absolute;
top:122px;
/*left:444px !important; */
left:423px;
}
.cases_reven a.map:hover
{
/* background: transparent url(/UserFiles/Image/carte-generale-over.gif) no-repeat scroll center center; */
}
#middle.cases_reven
{
margin-bottom:0;
}
.adresses
{}
#rheinland h2, #saarland h2
{
background-color:#abeb77;
color:#fff;
font-size:12px;
padding:3px 5px;
display:inline;
}
#basrhin h2, #hautrhin h2, #moselle h2, #meurthe h2,
#vosges h2, #hautesaone h2, #belfort h2
{
background-color:#76e4bd;
color:#fff;
font-size:12px;
padding:3px 5px;
display:inline;
}
#switzerland h2
{
background-color:#ff6068;
color:#fff;
font-size:12px;
padding:3px 5px;
display:inline;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FCKEditor */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */