/* CSS Document */
body{
	background:white url("/images/interface/fd_entete.jpg") repeat-x left top;
	margin:0;
	padding:0;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}
#global{
	width:1004px;
	margin:auto;
	overflow:hidden;
}
#entete{
	width:100%;
	height:186px;
	margin-bottom:1px;
}
.logo_perret{
	display:block;
	float:left;
	width:200px;
	height:80px;
	margin-top:45px;
	background:transparent url("/images/interface/logo_perret.gif") no-repeat left bottom;
}
#img_entete{
	width:594px;
	height:186px;
	float:left;
	background:transparent url("/images/interface/img_entete.jpg") no-repeat left top;
}
#formulaires{
	float:left;
	width:210px;
	margin-top:10px;
}
#formulaires form{
	background-color:#d8dde1;
	padding:10px;
	font:normal 9px Arial, Helvetica, sans-serif;
	margin:0;
}
#formulaires h1{font-size:11px; margin:0 0 5px 2px;}
#formulaires table{border-collapse:collapse;}
#formulaires .login, #formulaires .password{
	width:100px;
	font-size:9px;
	padding:1px 5px;
	border:1px solid #c1c3c4;
}
#formulaires input[type=image]{vertical-align:top;}
#formulaires .password{width:78px;}
#formulaires a{
	display:block;
	background-color:#d8dde1;
	text-transform:uppercase;
	text-decoration:none;
	margin-top:5px;
	padding:4px 10px;
	color:black;
	font-weight:bold;
}
#formulaires a:hover{background-color:#D4D600;}
#menu_principal{
	color:#707173;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menu_principal dl{
	padding:0;
	margin:0;
	float:left;
}
#menu_principal dl.on{height:auto;}
#menu_principal a{
	display:block;
	float:left;
	text-decoration:none;
	color:#707173;
	padding:5px 2px;
	height:20px;
}
#menu_principal a:hover, #menu_principal a.actif, #menu_principal dl.on a{
	background:transparent url("/images/interface/fd_menu.gif") no-repeat center bottom;
	color:white;
}
#menu_principal dl dd{display:none; z-index:10;}
#menu_principal dl.on dd{
	margin:0;
	margin-top:30px;
	position:absolute;
	display:block;
	background-color:#D4D600;
	padding:0;
	clear:left;
}
#menu_principal dl.on dd a{
	display:block;
	float:none;
	border-bottom:1px solid black;
	text-transform:none;
	color:black;
	padding:2px 0;
	background-image:none;
	padding-right:60px;
	line-height:20px;
	font-weight:normal;
	height:auto;
	margin:0 5px;
}
#menu_principal dl.on dd a:hover{color:white; background-image:none;}
#menu_secondaire{
	width:100%;
	padding:0;
	margin-bottom:10px;
	letter-spacing:0;
	border:1px solid #D4D600;
	line-height:12px;
	font-size:12px;
}
#gauche #menu_secondaire h1{
	margin:0;
	font-size:10px;
	text-align:left;
	text-transform:capitalize;
	font-weight:bold;
}
#menu_secondaire a{
	display:block;
	text-decoration:none;
	color:black;
	height:20px;
	line-height:20px;
	padding:0 5px;
	margin:2px 0;
}
#menu_secondaire a.actif, #menu_secondaire a:hover{font-weight:bold;}
#menu_principal a:hover span, #menu_principal dl.on a span, #menu_principal a.actif span, #menu_secondaire a:hover span{color:#707173;}
.menu_tertiaire{padding:0 10px; color:#707173;}
.menu_tertiaire a, .menu_tertiaire a.niv2{
	text-decoration:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	line-height:20px;
}
.menu_tertiaire a.niv2{color:black;}
.menu_tertiaire a:hover, .menu_tertiaire a.niv2:hover{font-weight:bold;}
#gauche{
	margin:7px 10px 0 0;
	width:264px;
	float:left;
}
#gauche h1, #droite #tout h1{
	background-color:#D4D600;
	padding:6px 5px;
	font:bold 16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:2px 0;
	line-height:16px;
	text-align:center;
}
#sur_centre{
	background:white url("/images/interface/fd_ombre.gif") repeat-y 270px top;
	margin:30px 0 0 0;
	float:left;
}
#centre{
	padding:0 0 0 5px;
	float:left;
	width:725px;
	margin:0;
}
#ombre{
	background:white url("/images/interface/img_ombre.gif") no-repeat left top;
	height:7px;
	width:735px;
	float:left;
	margin:-5px -7px -5px -10px;
}
#droite{
	margin:5px 0 0 0;
	width:264px;
	float:left;
	display:none;
}
#droite #tout h1{color:#E74C21;}
#pied{
	width:100%;
	margin-top:40px;
	float:left;
	font:normal 9px Arial, Helvetica, sans-serif;
}
#pied #coordonees{color:#4D4D4D; float:left;}
#pied #menu_pied{
	text-align:right;
	text-transform:uppercase;
	color:black;
}
#pied #menu_pied a{color:black; text-decoration:none;}
#pied #menu_pied a:hover{text-decoration:underline;}
.signature{
	width:100%;
	text-align:right;
	font-size:10px;
	border-top:1px solid #666666;
	margin-top:10px;
	padding:10px 0;
}
.signature a{color:#666666;}

/* BLOCS PAGE D'ACCUEIL */
#promos, #actus{width:100%;}
#liste_promos{border:2px solid #D4D600; padding:10px 5px;}
#liste_actus{background-color:#d8dde1; padding:5px;}
#promos h1{color:black;}
#liste_promos table{border-collapse:collapse; width:100%;}
#liste_promos table tr{
	display:block;
	background:white url("/images/interface/fd_promos.gif") repeat-x left top;
	font:normal 16px Impact, Arial, Helvetica, sans-serif;
	color:#58585A;
	text-decoration:none;
}
#liste_promos table tr .desc{vertical-align:top; padding-top:12px;}
#liste_promos a img{border:0; float:left; margin-right:20px;}
#liste_promos hr{visibility:hidden;}
#liste_promos sup{font:normal 10px Arial, Helvetica, sans-serif;}
#liste_promos .ht, #page_stat .ht{
	display:block;
	background-color:white;
	border:1px solid #E7E682;
	width:95px;
	padding-left:5px;
	height:16px;
	font:normal 12px Impact, Arial, Helvetica, sans-serif;
	color:#58585A;
	text-decoration:none;
	margin-top:10px;
}
#page_stat .ht{width:123px; margin:10px;}
#liste_promos .ht:hover, #page_stat .ht:hover{color:black;}
#liste_promos .plus, #liste_actus .plus, #test .plus{
	display:block;
	width:125px;
	padding:0 5px;
	font:normal 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear:both;
	margin:auto;
	text-decoration:none;
}
#liste_promos .plus{background-color:white; color:#58585A; border:1px solid #E7E682;}
#liste_promos .plus:hover{color:black;}
#liste_actus .plus{background-color:#D4D600; color:black; width:90px; font-size:12px;}
#liste_actus .plus:hover{background-color:#D4D600;}
#test .plus{background-color:#E74C21; color:white; width:95px;}
#actus h1, #liste_actus h1{
	text-align:left;
	background-color:#D4D600;
	text-transform:uppercase;
	padding:4px 5px;
}
#actus h1 span, #liste_actus h1 span{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
}
#actus ul, #liste_actus ul{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#707173;
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:0;
	line-height:18px;
}
#actus ul li, #liste_actus ul li{padding-left:10px;}
#actus ul li a, #liste_actus ul li a{padding-left:0; font-weight:normal;}
#actus a, #liste_actus a{text-decoration:none; text-transform:capitalize; display:inline;}
#actus a:hover, #liste_actus a:hover{background-color:transparent;}
/* ACTUALITES ACCUEIL */#centre .liste_actus, #centre .fiche_actus{
	width:98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	line-height:20px;
	font-size:9px;
	margin:auto;
}
#centre .liste_actus a{
	color:black;
	text-decoration:none;
}
#centre .liste_actus .ligne td{
	border-bottom:1px solid #D4D600;
	padding:0 10px;
}
#centre .liste_actus .ligne .titre {font-size:12px; padding:0;}
#centre .liste_actus .ligne .date {padding:0; text-align:right;}
#centre .liste_actus .ligne .plus {padding-right:0; text-align:right;}
#centre .liste_actus .ligne td span{color:#707173; font-weight:bold;}
#centre .liste_actus .ligne .plus{
	border-bottom:0;
	text-align:right;
	width:114px;
}
#centre .liste_actus .plus a{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:100px;
	border:none;
	background-color:#D4D600;
	padding:2px 5px;
}

/* ACTUALITES FICHE */
#centre .precedent{float:left; color:black;}
#centre .suivant{float:right; color:black;}
#centre .fiche_actus a{color:black; text-decoration:none;}
#centre .fiche_actus h1{
	font:normal 26px Verdana, Arial, Helvetica, sans-serif;
	background-color:white;
	text-align:left;
	margin-bottom:20px;
	padding:10px 10px 10px 0;
	color:#4d4d4d;
	background-image:none;
}
#centre .fiche_actus h1 span, #centre .fiche_actus .details span{font-size:9px; color:#707173;}
#centre .fiche_actus .details td{background-color:#D4D600; height:12px;}
#centre .fiche_actus .desc{padding-left:10px;}

/* WEB-PROMO ACCUEIL */
.promo{
	width:98%;
	margin:auto;
	background:white url("/images/interface/fd_promo.gif") repeat-x left top;
	clear:both;
}
.promo a{color:black; text-decoration:none; text-transform:uppercase;}
.promo b{font:bold 24px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.promo span{font:normal 11px Arial, Helvetica, sans-serif;}
.promo .prix{font:bold 24px Arial, Helvetica, sans-serif;padding:10px;}
.promo .plus, #centre .promo .plus{
	display:block;
	width:160px;
	padding:5px;
	font:normal 15px Impact, Arial, Helvetica, sans-serif;
	float:right;
	text-decoration:none;
	background-color:#e7e682;
	color:#58585a;
}
.promo .image_promo_acc img{width:150px; margin-bottom:20px;}

/* WEB-PROMO FICHE */
.id_promo{background-color:#E74C21;}
#centre .promo img{margin:10px 0; width:auto;}
.promo #cartouche_prix{
	float:left;
	width:160px;
	padding:0;
	margin:0;
}
.promo #cartouche_prix div{
	border:1px solid #d4d600;
	width:160px;
	padding:0;
	margin:0;
	line-height:18px;
	overflow:hidden;
	background:white url("/images/interface/fd_details_prix.gif") repeat-x left bottom;
}
.promo #cartouche_prix .prix{line-height:40px;}
.promo #cartouche_prix .plus{float:left; width:150px; margin-top:10px;}
.promo #cartouche_prix .detail_prix{color:white; padding:0 5px; float:left;}

/* TEST D'IMPRESSION */
#test{margin:2px 0;}
#test span{
	background-color:#D4D600;
	font:bold 12px Arial, Helvetica, sans-serif;
	float:left;
	width:244px;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
	margin:2px 0;
}
#partenaire{
	background-color:#e2001d;
	float:left;
	width:100%;
	text-align:center;
	padding-top:10px;
}
#partenaire img{border:none; padding:24px 0;}
#partenaire a{
	text-transform:uppercase;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}

/* PAGES */
#centre h1{
	padding:10px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#D4D600 url("/images/interface/icos.gif") no-repeat center center;
}
#centre h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}
#centre h3{
	margin:10px;
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:5px;
}
#centre h1 a{color:#707173; text-decoration:none;}
#centre p, #centre ul, #centre table{
	padding:10px;
	font:normal 11px/27px Verdana, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	margin:0;
}
.desc_produits{overflow:hidden;}
#centre ul{list-style-position:inside; font-weight:bold;}
#centre img{float:left; margin:10px;}
#centre img.chapitre{float:none; display:block; margin:auto;}
#centre hr{
	height:3px;
	border-collapse:collapse;
	border:0;
	visibility:hidden;
}

/* PAGE ACCUEIL */
#img_accueil{text-align:center; font:normal 10px Arial, Helvetica, sans-serif;}
#img_accueil a{
	display:block;
	width:151px;
	float:left;
	color:white;
	margin:2px;
	text-decoration:none;
	padding:0 0 10px 0;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
}
#img_accueil .global_accueil{
	width:625px;
	height:455px;
	padding:10px 50px 62px 50px;
	font:bold 22px Arial, Helvetica, sans-serif;
	background-color:#D4D600;
	text-transform:uppercase;
	text-align:center;
	line-height:32px;
	margin-left: -5px;
}
#img_accueil .global_accueil hr{clear:both; visibility:hidden;}
#img_accueil .global_accueil img{	border:0; margin:0 auto 35px auto;}
#img_accueil a.id_826, #img_accueil a.impression{background:#009EE0 url("/images/interface/ico_impression.gif") no-repeat center 160px;}
#img_accueil a.id_826:hover, #img_accueil a.impression:hover{background-color:#00B1E6}#img_accueil a.id_836, #img_accueil a.mobilier{background:#E95E0F url("/images/interface/ico_mobilier.gif") no-repeat center 160px;}
#img_accueil a.id_836:hover, #img_accueil a.mobilier:hover{background-color:#EE813C}
#img_accueil a.id_841, #img_accueil a.informatique{background:#87888A url("/images/interface/ico_informatique.gif") no-repeat center 160px;}
#img_accueil a.id_841:hover, #img_accueil a.informatique:hover{background-color:#A1A2A4}
#img_accueil a.id_845, #img_accueil a.fourniture{background:#A2BBA1 url("/images/interface/ico_fourniture.gif") no-repeat center 160px;}
#img_accueil a.id_845:hover,#img_accueil a.fourniture:hover{background-color:#B4C8B3}
#img_accueil div a{color:white;}
#img_accueil a .img_accueil_1{	display:block;	width:151px;	height:151px;	background:white url("/images/interface/photo_impression.jpg") no-repeat left top;	margin-bottom:30px;}
#img_accueil a:hover .img_accueil_1{background-image:url("/images/interface/photo_impression_over.jpg");}
#img_accueil a .img_accueil_2{	display:block;	width:151px;	height:151px;	background:white url("/images/interface/photo_mobilier.jpg") no-repeat left top;	margin-bottom:30px;}
#img_accueil a:hover .img_accueil_2{background-image:url("/images/interface/photo_mobilier_over.jpg");}
#img_accueil a .img_accueil_3{	display:block;	width:151px;	height:151px;	background:white url("/images/interface/photo_informatique.jpg") no-repeat left top;	margin-bottom:30px;}
#img_accueil a:hover .img_accueil_3{background-image:url("/images/interface/photo_informatique_over.jpg");}
#img_accueil a .img_accueil_4{	display:block;	width:151px;	height:151px;	background:white url("/images/interface/photo_fourniture.jpg") no-repeat left top;	margin-bottom:30px;}
#img_accueil a:hover .img_accueil_4{background-image:url("/images/interface/photo_fourniture_over.jpg");}
/* PAGE SOLUTIONS - PRODUITS ACCUEIL */#accueil_produits a{	display:block;	width:242px;	height:92px;	padding-top:150px;	float:left;	color:white;	text-decoration:none;	margin:10px 0 0 10px;	text-align:center;	text-transform:uppercase;	font:normal 10px Arial, Helvetica, sans-serif;}
#centre h1{	display:block;	height:6px;	padding-top:37px;	color:white;	margin:4px 0 0 0;	text-align:center;	text-transform:uppercase;	font:normal 10px Arial, Helvetica, sans-serif;}
#centre .plus{	padding:5px;	font:normal 15px Impact, Arial, Helvetica, sans-serif;	margin-right:10px;	color:white;	text-decoration:none;	letter-spacing:1px;}
#centre a{	text-decoration:none;	color:#707173;}
#centre ul{font-size:11px; line-height:20px;}
#centre ul li{color:black;}
#centre .illustration{float:none; margin:auto; display:block; position:relative; clear:both;}
/* PAGES STATIQUES SOLUTIONS PRODUITS */#centre .menu_page_stat{width:100%;}
#centre .menu_page_stat td{	text-transform:uppercase;	padding:0 10px;	color:white;	text-align:center;	width:30%;	vertical-align:top;}
#centre .menu_page_stat a{color:white; text-decoration:none;}
#centre #page_stat img.zoom{width:316px;}
#centre #page_stat a img{height:96px;}
#centre #page_stat a img{border:0;}
#centre .liste_mobilier td{	padding:0 16px;	vertical-align:middle;	width:33%;}
#centre .liste_mobilier td p{	line-height:1.4em;	border:1px solid black;	height:100%;}
#centre .liste_mobilier img{width:100px;}
#centre .liste_mobilier td.plus{width:100%; margin:0; float:none;}
/* PAGES FAQ - SUPPORT */.panel{display: none;}
h2.btn-slide{cursor:pointer;}
/* RH */.detail_rh{background-color:#F7F7DA;}
/* PAGES WEB-PROMOS */h2.webpromos{	background-color:#e7e682;	color:#58585a;	text-transform:uppercase;	padding:10px 0;	text-align:center;	margin:4px 0;}
/* PAGE CONTACT */.form{margin:auto;}.form tr td{height:30px; vertical-align:top;}
.form input, .form textarea{	border:1px solid white;	background-color:#F7F7DA;	width:200px;	font:normal 12px Arial, Helvetica, sans-serif;	padding:5px;}
.form input[type=button], .form input[type=submit]{background-color:#D4D600; font-weight:bold; cursor:pointer; width:auto;}
#coordonnees{	width:160px;	margin:0 10px;	overflow:hidden;}
#coordonnees h1{	text-align:left;	padding:5px;	font-size:14px;	margin-top:13px;	background-image:none;}
#coordonnees div{	background-color:#D4D600;	padding:5px;	line-height:18px;	color:black;}
#centre #coordonnees div img{margin:0; width:150px;}
/* Infos pour l'admin */.administrator{display:block; margin-top:55px;}
/******************/
/* Page error_401 */	
/******************/
.texte_401{	margin-top:85px;	text-align:justify;}
.cadre_401{	background-color:#FFFFFF;	width:500px;	text-align:center;	margin-top:30px;}
.bt_401{	display:block;	width:93px;	height:26px;	float:left;	margin-top:30px;	background-image:url("../images/ecm_nouveau/bt_valider.gif");	background-position:center;}
.cadre_401 .form{	/* type input texte */	padding:2px;	font-size: 11px;	color: #000;	border: 1px solid #7F9DB9;	width: 200px;	background-color: #fff;	line-height:14px;}
.libelle_401{	float:left;	text-align:right;	width:200px;	margin-right:10px;}
.table_401 td{	padding-right:10px;	line-height:22px;}