@charset "UTF-8";

* {	margin:0; padding:0;	}
object { display:block;}
img { display:block; margin:0 auto; border:0;}
.spacer { height:1px; line-height:1px;}

#blocTest { float:right; background-color:#FF0000; width:250px; height:520px;}

body { background-color:#A9AAAC; background-image:url(images/bacground.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:justify; padding-bottom:50px;}

#global {position:relative;margin:0 auto; background:url(../images/fond.jpg) repeat-y; width:920px;}
#global-application {position:relative;margin:0 auto; background:url(../images/fond.jpg) repeat-y; width:920px; height:515px;}
#contenu { width:900px;}

/* carres animés haut */
#banniere { width:920px; padding:10px 0 0 0;}
#banniere-landing { width:920px; height:22px; background:url(../images/banniere-accueil.jpg) no-repeat; padding:63px 0 0 0;}

/* MENU */
#blocMenu { position:absolute; left: 20px; top:95px; width:160px; height:200px;}
#blocMenu2 { float:left; padding: 10px 0 0 20px;width:160px; height:200px;}


#MenuSpry { position:absolute; left: 20px; top:95px; width:160px; height:200px; background-color:#003366;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#0098A1; text-align:left; padding-bottom:10px;}


/*CONTENU */
#salon { height:500px; margin:10px 0 0 190px; z-index:1; background:url(../images/salon.jpg) no-repeat; padding:10px;}
#salon-SAVE {width:710px;height:500px;position:absolute;left:190px;top:95px; z-index:1;}


#texteSalon { width:340px; height:100px; background:#FFFFFF; -moz-opacity:0.9;opacity: 0.9;filter:alpha(opacity=90);  z-index:2; padding:10px;}
.text-affich { width:340px;  background:#FFFFFF; -moz-opacity:0.9;opacity: 0.9;filter:alpha(opacity=90);  z-index:3; padding:0 10px 10px;}

#fondProduits {  margin:10px 20px 0 190px; background-color:#c3c4c6; width:710px;}
#produits {padding:10px; min-height:510px; }
.texteProduits { width:410px; background:#FFFFFF; -moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);padding:10px;}
.texteProduits h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-align:left; padding-bottom:10px;}
.texteProduits h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0098A1; text-align:left; } 
.texteProduits ul { list-style-position:outside; padding-left:50px;}
.texteProduits li {}
.texteProduits a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:left; padding-bottom:30px;}
.texteProduits a:hover {color:#E20031;}

#savoir-faire { margin:10px 20px 0 190px; background-color:#c3c4c6;}
.texte-savoir-faire {background:#FFFFFF; -moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80); padding:10px;}

#application { margin:10px 0 0 190px;}

#carresAnimes {float:right; padding:10px 20px 0 0;}
#carresAnimes-produits { position:absolute; top:555px; left:746px; height:24px; width:156px;}

/* PIED DE PAGE */
#piedPage {position:relative;margin:0 auto; width:920px;}
#piedPage p { text-align:right; padding:0 10px 0 0;}
#piedPage a { text-decoration:none; color:#4D4D4D;}
#piedPage a:hover { color:#FFFFFF;}

/* CONTACT */
#fond-contact {width:680px;padding:10px; margin: 10px 0 0 200px; background: url(../images/fond-contact2.jpg) left repeat-y; color:#FFFFFF;}


#tabloContact tr { height:30px;}
.inputtxt {border:1px solid grey; width:300px;}
.deux-points { width:20px; text-align:center;}

 span.interro img {display:inline;}
 
 #fondGris {  margin:10px 20px 0  190px; background:#A9AAAC; padding:10px;}