body {
	background:#020266 url(images/fond-body.png) repeat-x;
	margin:0 0 10px 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
* {
	list-style-type:none;
	margin:0;
	padding:0;
}
img {
	border:none;
	margin:0;
	padding:0;
}

.clearboth {
	clear:both;
	height:100%;
}
.alignmiddle {
	vertical-align:middle;
}
.orange {
	color:#F7A11F !important;
}
.orange:hover {
	color:#333 !important;
}

#conteneur {
	width:795px;
	margin:auto;
	border-right:1px solid #FFF;
	background:#FFF;
}
#bandeau {
	width:485px;
	position:relative;
}

ul#menu {
	width:485px;
	height:33px;
	display:block;
	position:relative;
	background-color:#dcd2c8;
}
ul#menu li {
	float:left;
	position:absolute;
	top:0;
}
ul#menu li a {
	display:block;
	width:118px;
	height:24px;
	background-position:left top;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:9px 0 0 0;
	text-align:center;
	text-decoration:none;
	outline:none;
}
ul#menu li a:hover {
	background-position:left bottom;
	position:absolute;
	top:0;
	left:0;
	padding:9px 6px 0 0 !important;
	color:#FFF;
}
.un {left:0; z-index:4;}
.un a {width:106px !important; background-image:url(images/menu-un.png) !important;}
.un a:hover {z-index:5 !important;}

.deux {left:106px; z-index:3;}
.deux a {width:152px !important; background-image:url(images/menu-deux.png) !important;}
.deux a:hover {z-index:6 !important;}

.trois {left:258px;	z-index:2;}
.trois a {width:118px !important; background-image:url(images/menu-trois.png) !important;}
.trois a:hover {z-index:7 !important;}

.quatre {left:376px;	z-index:1;}
.quatre a {width:103px !important; background-image:url(images/menu-quatre.png) !important; padding:9px 6px 0 0 !important;}
.quatre a:hover {z-index:8 !important;}

ul#menu li.hover a {
	z-index:10 !important;
	background-position:left bottom !important;
	padding:9px 6px 0 0 !important;
	color:#FFF;
}

#bande-bleue {
	width:auto;
	height:13px;
	display:block;
	background:#020266 url(images/bande-bleue.png);
	line-height:13px;
}

h1 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	background:#020266;
	padding:12px 14px 10px 14px;
	width:457px;
	margin:0 0 0 0;
}
h1 span {
	font-size:12px !important;
}
h2 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
h4 {
	display:block;
	padding:8px 0 8px 20px;
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#020266;
	background:url(images/tirets-fonce.png) repeat-x;
	margin:0 0 15px 0;
}

#partie-gauche {
	width:485px;
	float:left;
	background:url(images/pixel-gris.png) repeat-y top right;
	padding:0 2px 0 0;
}

#partie-droite {
	width:308px;
	float:right;
}
#menu-droite {
	background:#FFF url(images/fond-menu-droite.png) no-repeat;
	padding:0 0 15px 0;
}
#menu-droite.hauteur-accueil {
	padding:0 0 150px 0 !important;
}
#menu-droite h2 {
	padding:6px 18px 25px 18px;
}
#menu-droite ul.blanc li {
	background-image:url(images/puce-blanche.png) !important;
}
#menu-droite li {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 5px 0;
	padding:0 0 0 18px;
	background:url(images/puce-bleue.png) no-repeat 0 5px;
	line-height:12px;
}
#menu-droite li a {
	color:#000;
	text-decoration:none;
}
#menu-droite li a:hover {
	text-decoration:underline;
}
#menu-droite li ul {
	margin:3px 0 0 2px;
}
#menu-droite li ul li {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background:url(images/puce-ssmenu-droite.png) no-repeat 0 4px;
	line-height:12px;
}
#menu-droite li ul li a {
	color:#000;
}
ul.hide {
	display:none;
}
ul.show {
	display:block;
}
#contact-droite {
	width:288px;
	height:115px;
	background:url(images/fond-contact.png);
	border-top:1px solid #FFF;
	padding:12px 0 0 20px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:15px;
}
#contact-droite a {
	color:#F7A11F;
}
#contact-droite a:hover {
	text-decoration:none;
}

#recherche-rapide {
	width:288px;
	height:51px;
	background:#070769 url(images/fond-recherche.png);
	padding:12px 0 0 20px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#exemple {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#recherche-rapide input {
	margin:5px 0 0 0;
}
.input-recherche {
	height:17px;
	border: 1px inset;
}
.bouton-recherche {
	height:19px !important;
	padding:0 2px 0 2px;
	background:#DCD2C8;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	border:none;
}
#pub {
	width:308px;
	text-align:center;
}
#lien-microstep {
	padding:5px 0 5px 0;
	text-align:center;
}
#lien-microstep a {
	color:#F7A11F;
}
#lien-microstep a:hover {
	text-decoration:none;
}

#cadre-orange {
	background:#F7A11F;
	height:74px;
	padding:8px 12px 0 12px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#cadre-orange a {
	color:#FFF;
	text-decoration:underline;
}
#cadre-orange a:hover {
	text-decoration:none;
}
#cadre-orange h3 {
	margin:0 0 10px 0;
}

#vousetesici {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#020266;
	padding:8px 0 8px 10px;
}
#vousetesici a{
	color:#020266;
	text-decoration:underline;
}
#vousetesici a:hover{
	color:#020266;
	text-decoration:none;
}

/*--- NOS PRODUITS ---*/

#nos-produits {
	padding:0;
	margin:0;
}
#nos-produits dl {
	width:217px;
	float:left;
	padding:0 8px 15px 17px;
	background:url(images/tirets.png) repeat-x left bottom;
	margin:0 0 10px 0;
}
#nos-produits dl dt {
	height:38px;
	display:block;
	background:url(images/haut-ombre-dt-produit.png) no-repeat left bottom;
}
#nos-produits dl dt a {
	width:201px;
	height:22px;
	display:block;
	background:url(images/fond-dt-produits.png) repeat-x left top;
	padding:8px 0 0 0;
	margin:0 11px 0 5px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
#nos-produits dl dt a:hover {
	text-decoration:underline;
}
#nos-produits dl dd {
	padding:0 0 9px 0;
	text-align:center;
	background:url(images/bas-ombre-dt-produit.png) no-repeat left bottom;
}
#nos-produits dl dd a {
	background:url(images/milieu-ombre-dt-produit.png) repeat-y;
	display:block;
	outline:none;
}
#nos-produits dl dd img {
	margin:0 5px 8px 0;
}
#nos-produits dl dd.voir {
	margin:0 0 0 6px;
	padding:0 0 0 25px;
	text-align:left;
	background:none;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/fleche-voir.png) no-repeat 0 1px;
}
#nos-produits dl dd.voir a {
	background:none;
	display:inline;
	color:#F7A11F;
}
#nos-produits dl dd.voir a:hover {
	text-decoration:none;
}

/*--- TOUTE NOTRE GAMME ---*/

#toute-notre-gamme {
	padding:0;
	margin:10px 0 0 0;
}
#toute-notre-gamme dl {
	clear:both;
	height:95px;
	background:#F3F9FE;
	border:1px solid #FFF;
	border-right:none !important;
	border-left:none !important;
	margin:0 0 10px 0;
	padding:0;
}
#toute-notre-gamme dl:hover {
	border:1px solid #CCC;
	border-right:none !important;
	border-left:none !important;
}
#toute-notre-gamme dl dt {
	float:right;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:1px 0 0 0;
	text-align:left;
	vertical-align:middle;
}
#toute-notre-gamme dl dt a {
	color:#000;	
	width:290px;
	height:58px;
	display:block;
	padding:35px 0 0 15px;
	outline:none;
}
#toute-notre-gamme dl dt a:hover {
	text-decoration:none;
	background:#FFF url(images/fond-menu-droite.png) no-repeat right -220px;
}
#toute-notre-gamme dl dd {
	float:left;
	font-size:1px;
}
#toute-notre-gamme dl dd a {
	margin:0;
	padding:0;
}
#toute-notre-gamme dl dd img {
	width:140px;
	height:81px;
	padding:7px 20px 7px 20px;
	background:#FFF;
}

/*--- GAMME ---*/
#gamme {
	padding:0;
	margin:10px 0 0 0;
	
}
#gamme dl {
	clear:both;
	height:110px;
	margin:0 0 20px 0;
	padding:0 0 10px 10px;
	position:relative;
	background:url(images/tirets.png) repeat-x left bottom;
}
#gamme dl dt {
	width:260px;
	float:right;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:20px 0 0 0;
	text-align:left;
	vertical-align:middle;
}
#gamme dl dt a {
	color:#000;	
	text-decoration:none;
}
#gamme dl dt a:hover {
	text-decoration:underline;
}
#gamme dl dd {
	float:left;
	font-size:1px;
}
#gamme dl dd a {
	margin:0;
	padding:0;
}
#gamme dl dd img {
	width:160px;
	height:93px;
	padding:7px 20px 7px 20px;
	background:#FFF;
	border:2px solid #DCD2C8;
}
#gamme dl dd.description {
	width:260px;
	float:right;
	clear:right;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 0 0;
}
#gamme dl dd.details {
	background:#F7A11F url(images/fond-details.png) no-repeat;
	position:absolute;
	right:0;
	bottom:2px;
	z-index:100;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#gamme dl dd.details a {
	color:#FFF;
	width:170px;
	height:20px;
	display:block;
	padding:7px 0 0 0;
	outline:none;
}
#gamme dl dd.details a:hover {
	text-decoration:none;
}
/*--- DETAIL PRODUIT ---*/
#detail-produit {
	position:relative;
	width:461px;
	padding:0 12px 12px 12px;
	margin:0;
}
#detail-produit h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif !important;
	margin:0 0 10px 0;
	padding:10px 130px 5px 20px;
	background:url(images/fiche-produit.png) no-repeat 0 9px;
}
a.retour {
	background:#F7A11F url(images/fond-details.png) no-repeat;
	z-index:100;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	width:130px;
	height:20px;
	display:block;
	padding:7px 0 0 0;
	outline:none;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
}
a.retour:hover {
	text-decoration:none;
}
#detail-produit div.image {
	width:455px;
	border:3px solid #DCD2C8;
	margin:0 0 12px 0;
	text-align:center;
}
ul#actions {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	width:435px;
	border:3px solid #DCD2C8;
	padding:12px 10px 7px 10px;
	margin:0 0 12px 0;
	background:url(images/fond-actions.png);
}
ul#actions li {
	margin:0 0 5px 0;
}
ul#actions li a {
	color:#000;
}
ul#actions li a:hover {
	text-decoration:none;
}
ul#actions li img {
	vertical-align:middle;
	border:1px solid #DCD2C8;
	margin:0 5px 0 0;
}
#detail-produit p {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 10px 0;
	line-height:15px;
}
#detail-produit table {
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
	margin:0 0 10px 0;
	border:none;
	width:461px;
	border:1px solid #DCD2C8;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/fond-actions.png);
}
#detail-produit td {
	border:1px solid #DCD2C8;
	padding:5px;
	background:#FFF;
}
#detail-produit th {
	border:1px solid #DCD2C8;
	padding:5px;
}
#detail-produit dl {
	width:457px;
	border:2px solid #DCD2C8;
	margin:0 0 10px 0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#detail-produit dt {
	font-size:12px;
	font-weight:bold;
	display:block;
	text-align:left;
	padding:5px 10px 10px 10px;
	color:#000;
	background:url(images/fond-actions.png);
}
#detail-produit dt a {
	color:#000;
}
#detail-produit dd {
	text-align:center;
	padding:5px;
	clear:both;
}
#detail-produit dd a {
	color:#000;
	text-decoration:underline;
}
#detail-produit dd img {
	margin:0 2px 10px 2px;
	border:2px solid #DCD2C8;
	display:inline;
}

#video {
	width:288px;
	margin:10px auto 0 auto;
}

/*--- CONTACT ---*/
#contact table {
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
	margin:0 0 3px 1px;
	width:484px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/fond-actions.png);
	border:1px solid #FFF;
}
#contact td {
	border:1px solid #FFF;
	padding:5px;
	background:url(images/pix-blanc-50.png);

}
#contact th {
	border:1px solid #FFF;
	padding:5px;
	text-align:left;
}
#contact table label {
	display:block;
	padding:5px;
}
.bouton-form {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px;
}

/*----- QUI SOMMES NOUS ? -----*/
#qui-sommes-nous {
	margin:0 20px 0 20px;
}
#qui-sommes-nous p {
	margin:0 0 10px 0;
}
#qui-sommes-nous p a {
	color:#020266;
}
#qui-sommes-nous p a:hover {
	text-decoration:none;
}

/*----- RESULTAT -----*/
#resultat {
	margin:0 20px 0 20px;
}
#resultat ul {
	margin:0 0 10px 0;
}
#resultat li {
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:url(images/puce-bleue.png) no-repeat -8px 4px;
}
#resultat a {
	color:#020266;
}
#resultat a:hover {
	text-decoration:none;
}

/*----- PIED -----*/
#pied {
	background:#F7A11F;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:10px 0 10px 0;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:0 0 0 0;
	height:100%;
	clear:both;
}
#pied a {
	color:#FFF;
	text-decoration:none;
}
#pied a:hover {
	text-decoration:underline;
}

#demande-devis a {
	color:#000;
	display:block;
	padding:10px 10px 10px 20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	border-top:1px solid #ccc;
	margin:1px 0 0 0;
	background:url(images/fond-actions.png);
	text-decoration:none;
}
#demande-devis a:hover {
	color:#000;
	text-decoration:underline;
}
#demande-devis img {
	vertical-align:middle;
	border:1px solid #DCD2C8;
	margin:0 5px 0 0;
}

#promo{
	width:auto;
	text-align:center;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border:1px dashed #DCD2C8;
	}
#promo a{
	background:#7DBFF4;
	display:block;
	color: #FFFFFF;
	text-decoration:none;	
	}
#promo a:hover{
	background:#020266 !important;
	display:block;
	color: #FFFFFF;
	}