@charset "utf-8";
/* CSS Document */
/* CCS RESOLOGIK 2012 */

body { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin:0px;  }
/*
body { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:13px; color:#000000; margin:0px; background:#fff  repeat-x; }
*/

#superglobal { width:900px; position:absolute; left:50%; margin-left:-450px; }
#global { width:900px; position:absolute; left:50%; margin-left:-450px; background:white}

#header { float:left; width:900px; height:323px;  background:white }
/*#left { float:left; width:210px; height:424px;  background-image: url('img/background/pourbackground.jpg') }
#right { float:right; width:210px; height:424px;  background-image : url('img/background/pourbackground.jpg') }

*/

#menu { float:left; width:878px; height:32px; }
#menu a { text-decoration:none; color:#003399; }
#menu a:hover { text-decoration:none;}

#content { float:left; width:900px; height:auto; }
#milieu { float:left; width:878px; height:auto; }
#texte { float:left; width:450px; padding-left:15px; padding-right:15px; text-align:justify; margin-bottom:10px; }
#contenu { float:left; width:440px; padding-left:0px; padding-right:2px; text-align:justify; margin-bottom:10px; }

#bottom2 { float:left; width:900px; height:27px; }
#bottom2 a { text-decoration:none; color:white;  }

#bottom { float:left; width:900px; height:11px;  background:white }
#footer { float:left; width:900px; height:auto;  }
#menu_footer { float:left; margin:10px 0 0 10px;  background:white }
#copy { float:right; margin:0 10px 0 0; }
#menu_footer a { text-decoration:none; color:#000; }
#menu_footer a:hover { text-decoration:underline; }

#contact { width:350px; float:left; margin-left:20px; }
#contact p label { display:block; width:100px; float:left; padding-top:3px; margin-top:-8px; }
#contact p label em { font-size:9px; margin-top:-8px; }
#contact p input { width:200px; margin-top:-8px; }
#contact p input.cp { width:50px; margin-top:-8px; }
#contact p input.tel { width:100px; margin-top:-8px; }
* html #contact p input { width:200px; margin-top:-8px; }
*+html #contact p input { width:200px; margin-top:-8px; }
#contact p input.btn { width:100px; margin-top:-8px; }

#plan { width:310px; float:right; text-align:center; margin-right:50px; }

h1 { color:#FFFFFF; text-transform:uppercase; background:url(img/bg_hi.jpg) no-repeat; height:30px; font-size:21px; font-weight:normal; padding-left:10px; padding-top:4px; }
h2 { color:#000000;  text-align: center;font-family: Vivaldi;	font-size: xx-large; }

.imgleft { float:left; margin:0 15px 0 0; }
.imgright { float:right; margin:0 0 0 15px; padding:3px; background:#FFFFFF; border:1px solid #CCCCCC; }
.specialiste { font-size:20px; color:#6a6a6a; }
.construction { font-size:16px; text-align:center; font-weight:bold; }
.center { text-align:center; }


#gauche { float:left; width:100px; padding-right:0px; }
#droite { float:right; width:530px; }

ul.no li { list-style-image:url(img/puce_li.jpg); }

#produit { position : relative; width:341px; height:153px; background:url(img/bg_produit.jpg) no-repeat; margin:20px; float:left; }
a{color:#ba7d82}
#tableau{position: relative; float: left;}

#titre{ font-size: 15px; height:30px;}
#description{height: 90px; width:241px;}
#photo{ position: relative;}
#prix{margin-bottom:3px; }
#details{text-align:right; margin-top:5px; }


/*img#QRCODEIMG{
  width:100px;
  height:100px;
}
img#QRCODEIMG:hover{
width:300px;
  height:300px;
}
*/
#QRCODE{
  position:absolute;
  left: 800px;
  top:60px;
  width:150px;
  height:150px;

  
}
#QRCODE:hover{
  position:absolute;
  left:710px;
  top:45px;
  width:301px;
  height:301px;

  
}