* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#fff url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & Déco *****/

div#logo_flash {
width:272px;
height:48px;
background:transparent url(img/logo_flash.png) no-repeat;
position:absolute;
top:25px;
left:342px; }

/***** Stylage contenu *****/

/* Fiches references*/

ul#fiche li {
margin:20px 0;
padding-bottom:20px;
border-bottom:1px solid #B8D0F2;}

ul#fiche li dl dt span {
letter-spacing:0;
text-transform:uppercase;
font-weight:bold;
font-size:120%;
text-decoration:none;
color:#FEAC26;}

ul#fiche li dl dt, ul#fiche li dl dd {
padding-bottom:5px;}

ul#fiche li dl dd a {
font-size:75%;
text-decoration:underline;
color:#5F5F5F;}

/* Fil d'ariane */

p#ariane {
padding:10px 0;
font-size:80%;}

p#ariane a {
font-size:120%;
text-decoration:none;
font-weight:bold;
line-height:2;
color:#006DAE;}

p#ariane a:hover {
text-decoration:underline;}

/* Galerie */

ul#reference {
overflow:auto;
color:#A3A29F;}

ul#reference li {
float:left;
width:147px;
height:170px;
margin-right:50px;
color:#484B49;
margin-bottom:15px;}

/*
ul#reference {
border:1px solid red;
overflow:hidden;
width:728px;
color:#A3A29F;}

ul#reference li {
float:left;
width:147px;
height:170px;
margin-right:35px;
color:#484B49;
margin-bottom:15px;}
*/
ul#reference li a img {
border:1px solid #000;
width:145px;
height:100px;}

ul#reference li a {
text-align:center;
color:#FDB435;
font-weight:bold;
display:block;
width:145px;}

ul#reference li a:hover {
text-decoration:none;}

h1, .invis {
position:absolute;
top:-9999px; }

div#entete h2 {
width:100%;
position:absolute;
bottom:13px;
left:0;
color:#666;
letter-spacing:3px;
font-size:80%;
text-align:center; }

div#titre h2 {
padding-left:90px;
color:#FEAC26;
font-size:90%;
text-transform:uppercase;}

div#presentation_contenu p {
margin-bottom:10px; }

div#img {
float:right;
margin-left: 15px;}

div#presentation_contenu h3 {
text-transform:uppercase;
font-size:11px;
margin-left:20px;}

.adresse ul li {
text-align:center;}

.sommaire {
width:400px;
float:left;
text-align:left;
margin-bottom:50px;}

.sommaire2 {
width:400px;
float:left;
text-align:left;
margin-bottom:70px;}

.sommaire a {
color:#0080CB;
text-decoration:none;}

.sommaire a:hover {
text-decoration:none;}

.adresse a {
color:#0080CB;
text-decoration:none;}

.adresse a:hover {
text-decoration:underline;}


/***** Layout *****/

div#global {
width:957px;
margin:0 auto; }

div#entete {
position:relative;
width:100%;
height:132px;
background:transparent url(img/entete_fond.jpg) no-repeat; }

div#menu {
position:relative;
z-index:10;
width:917px; /*957*/
padding:0 20px;
height:52px;
background:transparent url(img/menu_fond.jpg) no-repeat; }

div#titre {
width:100%;
height:32px;
line-height:32px;
background:transparent url(img/titre_fond.jpg) no-repeat; }

div#contenu {
width:100%;
height:388px;
background:transparent url(img/contenu_fond.jpg) no-repeat; }

div#presentation_contenu {
overflow:auto;
margin:0 auto;
width:818px; /*858*/
height:368px; /*378*/
padding:10px 20px;
padding-bottom:0;
font-size:75%;
color:#333;
letter-spacing:1px; }

div#pied {
line-height:1;
position:relative;
text-align:center;
width:100%;
height:234px;
background:transparent url(img/pied_fond.jpg) no-repeat; }

/***** ~menu *****/

div#menu dl {
position:relative;
letter-spacing:1px;
font-size:75%;
padding-left:15px;
padding-right:40px;
background:transparent url(img/puce_menu.png) no-repeat right center;
float:left;
color:#fff;
height:41px;
line-height:41px; }

div#menu dl dd {
width:140px;
position:absolute;
top:41px;
left:0;
padding-bottom:8px;
text-align:center;
line-height:1;
background-color:#0080CB; }

div#menu dl dd a {
color:#C2DEFB;
text-decoration:none;
text-align:center;
line-height:1.3;
background-color:#0080CB; }

div#menu dl dd a:hover {
color:#EDF5FE; }

div#menu dl.no_style {
padding-right:0;
background:none; }

div#menu dl dt a {
text-decoration:none;
color:#fff; }

/***** ~entete *****/

p#villes_g, p#villes_d {
color:#4AA4FE;
font-size:60%;
position:absolute;
top:10px; }

p#villes_g {
left:50px; }

p#villes_d {
right:53px; }

p#type_societe, p#qualif {
color:#ccc;
font-size:60%;
width:100%;
position:absolute;
left:0;
text-align:center; }

p#type_societe {
top:5px; }

p#qualif {
top:75px; }

div#adresse, div#contact {
line-height:1.5;
font-size:75%;
font-weight:bold;
letter-spacing:2px;
width:250px;
text-align:center;
color:#3399FF;
position:absolute; }

div#adresse {
top:70px;
left:60px; }

div#contact {
top:80px;
right:60px; }

/***** ~pied *****/

div#pied ul {
line-height:1.2;
width:325px;
position:absolute;
top:110px;
right:313px; }

div#pied ul li {
color:#3399FF;
margin-right:2px;
font-size:70%;
display:inline; }

div#pied ul li a {
color:#3399FF;
padding-right:2px;
text-decoration:none; }

div#pied ul li a:hover {
text-decoration:underline; }

/***** ~pop*****/

 a.pop {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.pop:hover {
      background: none;
      z-index: 50;
   }
   
   a.pop span {
     display: none;
   }
   
   a.pop:hover span {
      display: block;
      position: absolute;
      top: -10px;
      left: 40px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:350px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;



   }

/*Espace client */

input{
border:1px solid #CCC;}

input.bouton{
border:1px solid #111;
margin-left:15px;
}

form a {
color:#0F5F95;
text-decoration:none;}


form a:hover {
text-decoration:underline;}


p#espace_client {
position:absolute;
top:38px;
right:60px;}

p#espace_client a {
font-size:75%;
color:#0F5F95;
font-weight:bold;
text-decoration:none;}

p#espace_client a:hover {
text-decoration:underline;}