body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #e2e8e8;
}

a:link, a:visited, a:active {
    color:#FF6600;
    text-decoration:none;
    font-style:normal;
}

a:hover {
    color:#FF3300;
}
input{
    padding:0px;
    margin:0px;
    border:none;
}
.texte_orange{
	color:#FF6600;
	font-weight:bold;
}

/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
    width:980px;
    margin:auto;
    background-color: #ffffff;
}

.clearFloat {
    clear:both;
}

.asterisque {
    color:#FF0000;
}

#bordLeft{
    background:transparent url(../images/bordLeft.gif) repeat-y scroll left top;
}
#bordRight{
    background:transparent url(../images/bordRight.gif) repeat-y scroll right top;
}
#content{
}
#body{
    margin-left:13px;
    margin-right:13px;
}
#body #infos{
    background-color:#f2bf12;
    color:#434343;
    text-align:center;
    padding-top:5px;
	padding-bottom:5px;
    margin-bottom:10px;
    width:777px;
	font-weight:bold;
}

/*##############################################################################
################################## Bannière ####################################
##############################################################################*/
#banniere{
    height:299px;
}

#banniereLogo {
	float:left;
	background:url(../images/banniereLogo.jpg) no-repeat;
	width:240px;
	height:300px;
}

#banniereRight {
	float:left;
	width:740px;
	height:300px;
}
	
	#banniereTop {
		height:50px;
		background:#e2e8e8;
	}
	
	#banniereFlashCommerciaux {
		float:left;
		width:180px;
		height:82px;
		background:url(../images/banniereFondCommerciaux.png) repeat-x;
	}
	
		#cadreFlashCommerciaux {
			position:absolute;
			margin-top:-26px;
			margin-left:8px;
			width:180px;
			height:135px;
		}
	
	#banniereMenuCenter {
		float:left;
		width:518px;
		height:82px;
		background:url(../images/banniereMenuCenter.png) repeat-x;
	}
	
		a.banniereMenuLien {
			display:block;
			float:left;
			height:82px;
			line-height:82px;
			font-size:18px;
			font-weight:bold;
			color:#666666;
			text-align:center;
		}
	
		a.banniereMenuLien:hover {
			color:#f60;
		}
		a.banniereMenuLien:visited{
			color:#666666;
		}
		
		.banniereMenuSep {
			float:left;
			height:42px;
			width:2px;
			margin-top:22px;
			background:#CCCCCC;
		}
		
	#banniereMenuRight {
		float:left;
		width:42px;
		height:82px;
		background:url(../images/banniereMenuRight.png) no-repeat;
	}
	
	#banniereFlashPhotos {
		clear:both;
		background:url(../images/banniereFlashPhotos.png) repeat-x;
		width:627px;
		height:168px;
		padding-left:100px;
	}

/*##############################################################################
############################# Menu colonne gauche ##############################
##############################################################################*/
#colLeft{
    width:217px;
    float:left;
}
#body #colLeft #telephone{
    background:transparent url(../images/fond_droit_tel.gif) repeat-y scroll right top;
    margin-bottom:5px;
    background-color:#0033cc;
    color:#ffffff;
	height:19px;
	padding-top:4px;
	padding-left:4px;
}
.texte_fond_blanc{
    background-color:#ffffff;
    color:#0033cc;
	font-weight:bold;
}
#colLeft .menu_gamme{
    height:55px;
    background: url(../images/fond_menu_gauche.png) no-repeat;
    margin-top:10px;
    margin-bottom:10px;
}
#colLeft .menu_gamme:hover{
	cursor:pointer;
}
.menu_titre{
    color:#ff6600;
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
    float:left;
    margin-top:18px;
}
.menu_img{
    margin-left:6px;
    margin-top:13px;
    float:left;
	width:54px;
}
#colLeft .condition_generale{
	margin-top:35px;
	text-align:center;
}
#colLeft .condition_generale a {
	color:#666666;
}
/*##############################################################################
############################# Colonne centrale #################################
##############################################################################*/
#colCenter{
    width:530px;
    float:left;
    margin-left:15px;
}
#colCenter #recherche{
    padding:3px;
    margin-bottom:10px;
    background-color:#dddddd;
    color:#333333;
	height:17px;
}
#colCenter .saisieRecherche{
    background-color:#ffffff;
    color:#000000;
    width:370px;
	margin-right:5px;
	padding:0px 2px;
	height:15px;
	font-size:12px;
	line-height:15px;
	color:#333;
}
#colCenter .titre_principal{
	margin-bottom:5px;
}
#colCenter .titre_principal .gauche{
    background:transparent url(../images/colCenterTitreGauche.gif);
    width:15px;
    height:15px;
    float:left;
}
#colCenter .titre_principal .contenu{
    height:15px;
    float:left;
	background:#f2bf12;
	width:489px;
    padding-left:10px;
    font-weight:bold;
}
#colCenter .titre_principal .droite{
    background:transparent url(../images/colCenterTitreDroite.gif);
    width:16px;
    height:15px;
    float:right;
}
.liste_texte .texte{
	margin-bottom:25px;
}
#colCenter .texte_actu{
	text-align:justify;
	/*margin-top:20px;*/
}
.liste_produit_gamme .produit_gamme .reference_produit{
	display:block;
	background-color:#ffdd99;
	text-align:center;
	color:#FF6600;
	margin-top:15px;
	margin-bottom:10px;
	font-weight:bold;
	padding:2px 0px;
}
.liste_produit_gamme .produit_gamme .img_produit{
	float:left;
	width:120px;
	height:75px;
}
.liste_produit_gamme .produit_gamme .caracteristique_produit{
	float:left;
	margin-left:25px;
	width:380px;
}

.liste_produit_destockage a.produit_destockage {
	display:block;
	float:left;
	margin:0 22px 25px 0;
	width:160px;
	height:211px;
	cursor:pointer;
	border:1px solid #CCC;
}

.liste_produit_destockage a.produit_destockage:hover {
	border:1px solid #f2bf12;
}

.liste_produit_destockage .produit_destockage .img_produit {
	display:block;
	height:150px;
	line-height:150px;
	padding:5px;
	text-align:center;
	border-bottom:1px solid #ccc;
}

.liste_produit_destockage .produit_destockage .img_produit .img_produit_image {
	vertical-align:middle;
}

.liste_produit_destockage .produit_destockage .intitule_produit {
	display:block;
	height:40px;
	padding:5px;
	text-align:center;
}

/*##############################################################################
############################### Colonne droite #################################
##############################################################################*/
#colRight {
    float:left;
    width:177px;
}

#colRight_content{
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    background-color:#dddddd;
	padding:5px;
    width:165px;
}
#colRight_content .titre .gauche{
    background:transparent url(../images/colRightTitreGauche.jpg);
    width:15px;
    height:15px;
    float:left;
}
#colRight_content .titre .contenu{
    float:left;
	background:#f2bf12;
	height:15px;
	width:124px;
    padding-left:10px;
    font-weight:bold;
}
#colRight_content .titre .droite{
    background:transparent url(../images/colRightTitreDroite.jpg);
    width:16px;
    height:15px;
    float:right;
}
#colRight_content .liste_amenagement, #colRight_content .liste_actu{
	padding-top:10px;
}
#colRight_content .liste_amenagement .amenagement .titre_amenagement, #colRight_content .liste_actu .actu .date_actu{
	color:#FF6600;
	font-weight:bold;
	padding-bottom:10px;
}

.actu_accueil {
	margin-bottom:20px;
}

.liste_actu .actu .img_actu, .actu .img_actu, .actu_accueil .img_actu {
	margin-bottom:10px;
	text-align:center;
}
.liste_actu .actu .texte_actu{
	color:#666;
}
.liste_actu .actu .lien_actu{
	text-align:right;
	font-weight:bold;
}
.liste_actu .actu .lien_actu a{
	text-decoration:underline;
}
.liste_actu .actu .lien_actu a:hover{
	text-decoration:none;
}
.liste_actu .actu{
	padding-bottom:20px;
}
#colRight_content .liste_amenagement .amenagement .img_amenagement{
	padding:10px;
	text-align:center;
}
#footerColRight #left{
    background:transparent url(../images/colRightBasGauche.gif);
    float:left;
    width:12px;
    height:10px;
	font-size:1px;
}
#footerColRight #center{
    float:left;
    width:153px;
    height:9px;
    background:#dddddd;
    border-bottom:1px solid #999999;
	font-size:1px;
}
#footerColRight #right{
    background:transparent url(../images/colRightBasDroit.gif);
    float:left;
    width:12px;
    height:10px;
	font-size:1px;
}
/*##############################################################################
#################################### Footer ####################################
##############################################################################*/
#footer{
    height:61px;
}
#footer a, #footer a:hover{
	color:#000000;
}
#footer #footerLeft{
    background:transparent url(../images/footerLeft.jpg);
    float:left;
    width:38px;
    height:61px;
}
#footer #footerCenter{
    background: url(../images/footerCenter.gif) repeat-x scroll left 42px;
    float:left;
    width:904px;
    height:46px;
    text-align:center;
    padding-top:15px;
}
#footer #footerRight{
    background:transparent url(../images/footerRight.jpg);
    float:left;
    width:38px;
    height:61px;
}
/*##############################################################################
################### Popup d'affichage du détail d'un produit ###################
##############################################################################*/
#pop_article {
    position:fixed !important;
    top:50% !important;

    /* Style spécial IE (qui ne comprend pas les lignes où !important est indiqué) */
    position:absolute;
    top:expression(documentElement.scrollTop + 300 + "px");

    left:50%;
    background:#ffffff;
    width:600px;
    height:600px;
    margin:-300px 0px 0px -300px;
    z-index: 500;
    color:#000000;
    display:none;
    border: 4px solid #ff6600;
    text-align:left;
}

#pop_masque {
    position:absolute;
    display:none;
    z-index:100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height:100%;
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#pop_wait {
    width:48px;
    height:48px;
    margin:276px auto 0px auto;
}

#pop_titre, #print .titreProduit {
    color:#009900;
    font-weight:bold;
    font-size:18px;
    padding:5px;
    background:#CCCCCC;
    border-bottom:1px solid #FF6600;
    height:20px;
}
#pop_titre .btnImprimer{
	float:right;
	margin-right:20px;
}
#pop_titre {
	font-size:14px;
}

#pop_fermer {
    float:right;
}

#pop_body {
    padding:10px;
    height:549px;
    width:580px;
    overflow-y:scroll;
    overflow-x:hidden;
}
#pop_body .img_produit, #print .img_produit{
	padding:10px 20px;
	border:1px solid #999999;
	text-align:center;
	line-height:304px;
	vertical-align:middle;
}
#pop_body .info_produit, #print .info_produit{
	margin-top:25px;
}
#pop_body .info_produit .caracteristique_produit, #print .info_produit .caracteristique_produit{
	margin-left:15px;
}
#pop_body .liste_amenagement .amenagement, #print .liste_amenagement .amenagement{
	float:left;
	margin:10px;
	width:150px;
	height:180px;
	text-align:center;
}
#pop_body .liste_amenagement .amenagement .titre_amenagement, #print .liste_amenagement .amenagement .titre_amenagement{
	margin-bottom:5px;
}
/*##############################################################################
################################ Page contact ##################################
##############################################################################*/
.contact_fieldset {
    padding:20px 39px;
    border:1px solid #FF6600;
    margin:auto;
    width:450px;
}

.contact_legend {
    color:#FF6600;
    font-weight:bold;
    margin:0px 0px 15px -10px;
    padding:0px 10px;
}

.contact_form label {
    display:inline;
    float:left;
    font-weight:bold;
    width:95px;
}

.contact_form input, textarea{
    background-color:#DDDDDD;
    border:1px solid #999999;
    width:300px;
}

input.contact_form_submit {
    display:block;
    margin:20px 42px;
    width:440px;
    color:#FF6600;
    font-weight:bold;
}

input.contact_form_submit:hover {
    background-color:#CCCCCC;
}

.asterisque {
    color:#FF0000;
}

.contact_confirm {
    color:#FF6600;
    text-align:center;
    padding:10px;
}

.contact_form_msg {
    font-size:11px;
    color:#666666;
    font-style:italic;
    margin-left:100px;
}
/*##############################################################################
################################ Page recherche ################################
##############################################################################*/
#body ul.search_liste li{
	list-style-type:square;
	margin-bottom:20px;
}
#body ul.search_liste{
	margin:15px;
}
#body ul.search_liste li a{
	color:#999999;
}
#body ul.search_liste li a:hover{
	color:#FF6600;
}
#body ul.search_liste li .search_titre{
	color:#FF6600;
	font-weight:bold;
}
/*##############################################################################
############################### Page actualites ################################
##############################################################################*/
#body .lien_retour{
	clear:both;
	margin-top:25px;
	text-align:center;
}
/*##############################################################################
################################ Menu déroulant ################################
##############################################################################*/
#menu{
	list-style: none;
	width: 217px;
	padding:0;
	margin:0;
}

#menu ul {
	padding:0;
	margin:0;
	list-style: none;
/*	width:190px;*/
	z-index:99;
	overflow:visible;
	position:absolute;
	left: 217px;
}

#menu li {
	position: relative;
	display:block;
	height:55px;
	margin:0;
	margin-top: 5px;
}
#menu ul li{
	margin: 0;
	/*width: 190px;*/
	height: auto;
	padding-left:5px;
	padding-right:5px;
}

#menu li {
	border-width:1px 1px 0 1px;
}

/*#menu ul li:last-child {
border-bottom: 0;
}*/

#menu a {
	text-decoration:none;
	display:block;
	width:400px; /*helps IE with hover */
	color: black;
	font-weight:normal;
	font-size:11px;
}
/*#menu li:hover, #menu a:hover{
background-image:url(../images/fleche_hover.gif);
background-repeat:no-repeat;
background-position: right center;
}*/

#menu li li a {
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
}
#menu li li:hover {
	/*background-color:#DDDDDD;*/
	height:auto;
}
#menu li li a:hover {
	color: #FF6600;
}

/*#menu a.lien_has_sous_menu {
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position: right center;
}

#menu a.lien_has_sous_menu:hover {
	background-image:url(../images/fleche_hover.gif);
	background-repeat:no-repeat;
	background-position: right center;
}*/

#menu ul, #menu ul ul, #menu ul ul ul{
	display:none;
	position:absolute;
	top:0;
	left:216px;
	list-style: none;
}
#menu ul .sousCategories, #menu ul ul .sousCategories, #menu ul ul ul .sousCategories{
	border: 1px solid #bdc7ce;
	margin-left:4px;
	margin-top:0px !important;
	margin-top:10px;
	width:430px;
	background-color:#f1f4f6;
	background:url(../images/degrade_sous_menu.jpg) repeat-y;
	/*padding-left:5px;*/
}

#menu li:hover ul ul, #menu li:hover ul ul ul{
	display:none;
}

#menu li:hover ul, #menu ul li:hover ul, #menu ul ul li:hover ul{
	display:block;
}

li>ul {
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #menu li {
	float:left;
}
/* end holly hack */

/*##############################################################################
############################## Page impresison #################################
##############################################################################*/
#print{
	background:#FFFFFF;
	padding:20px;
	width:595px;
}

#print .titreProduit {
	text-align:center;
	background:#FFFFFF;
    border-bottom:none;
}