
body {
background:url('../images/background.png') repeat-x #ededed;
}

#subheader {
height:91px;
background:url('../images/bg_subheader.png') no-repeat;
position:relative;
}

#subheader p {
margin:0;
padding:0;
position:absolute;
top:15px;
left:20px;
color:#fff;
text-transform:uppercase;
font-size:20px;
letter-spacing:2px;
}

#img_subheader {
width:497px;
height:218px;
position:absolute;
top:-91px;
right:25px;
background:url('../images/img_subheader.png') no-repeat;
z-index:10;
}

#content {
background:url('../images/bg_content.png') repeat-y;
background-position:3px top;
position:relative;
/****** Solution MAGIQUE pour résoudre Bug IE !!! ******/
padding:0;
padding-bottom:1px;
/**** Fin Solution MAGIQUE pour résoudre Bug IE !!! ****/
}

#content_left p {
margin:0;
padding:0;
}

#content_right {
float:right;
width:700px;
margin-right:30px;
padding-left:20px;
padding-top:10px;
position:relative;
z-index:10;
}

#content_left {
margin-right:750px;
margin-left:7px;
position:relative;
}

#encart_breadcrumb {
height:48px;
background:url('../images/bg_breadcrumb.png') no-repeat;
background-position:3px top;
color:#434343;
padding-top:15px;
padding-left:18px;
}

#encart_breadcrumb span.breadcrumbs a {
color:#194232;
text-decoration:none;
}

#encart_breadcrumb span.title {
color:#7b7b7b;
}

#footer {
height:99px;
background:url('../images/bg_footer.png') no-repeat;
background-position:top left;
position:relative;
}
#content_right #page{
  padding-right:20px;
}

.clear {
clear:both;
}

/******************************** Sous Menu ***********************************/

p#item_finder {
text-transform:uppercase;
font-size:15px;
font-weight:bold;
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
position:absolute;
color:#fff;
/*top:10px;
left:20px;*/
margin-top:10px;
margin-left:20px;
}

#sous_menu {
margin:0;
padding:0;
list-style-type:none;
background:url('../images/bg_sousmenu.png') repeat-y;
padding-top:30px;
padding-right:20px;
}

#sous_menu li {
padding-left:35px;
padding-top:10px;
background:url('../images/puce_sousmenu.png') no-repeat;
background-position:25px 16px;
}

#sous_menu li.active {
background:url('../images/puce_sousmenu_active.png') no-repeat;
background-position:25px 16px;
}

#sous_menu li a {
text-decoration:none;
text-transform:uppercase;
color:#fff;
font-size:13px;
}

#sous_menu li a:hover,
#sous_menu li.active a {
color:#265c46;
}

#sous_menu_bottom {
/*height:182px;*/
height:100px;
background:url('../images/bg_sousmenu_bottom.png') no-repeat;
}

/**** Sous sous-menu ****/

#sous_menu li ul {
margin:0;
padding:0;
list-style-type:none;
}

#sous_menu li ul li,
#sous_menu li ul li.active {
margin:0;
padding:0;
padding-left:20px;
padding-top:5px;
background:url('../images/puce_soussousmenu.png') no-repeat #f87831;
background-position:10px 11px;
}

#sous_menu li ul li a,
#sous_menu li.active ul li a {
margin:0;
padding:0;
background:none;
color:#4f4f4f;
text-transform:none;
}

#sous_menu li ul li a:hover {
text-decoration:underline;
color:#4f4f4f;
background:none;
}

/** Fin Sous sous-menu **/

/****************************** Fin Sous Menu *********************************/

/****************************** Menu Espace Client ****************************/

#menu_espaceclient {
margin:0;
padding:0;
list-style-type:none;
background:url('../images/bg_sousmenu.png') repeat-y;
position:relative;
}

#menu_espaceclient li {
padding-left:20px;
background:#f87831;
width:170px;
}

#menu_espaceclient li a {
font-variant:small-caps;
font-size:13px;
font-weight:bold;
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
color:#000;
text-decoration:none;
padding-left:20px;
background:url('../images/icon_espaceclient.png') no-repeat;
background-position:left top;
}

#menu_espaceclient li ul {
margin:0;
padding:0;
list-style-type:none;
margin-top:5px;
}

#menu_espaceclient li ul li {
padding-left:20px;
padding-top:5px;
background:url('../images/puce_soussousmenu.png') no-repeat;
background-position:10px 11px;
}

#menu_espaceclient li ul li a {
color:#fff;
text-transform:none;
font-size:12px;
font-variant:normal;
font-weight:normal;
background:none;
margin:0;
padding:0;
}

/*** On cache le details produits MRS dans le menu Espace client ***/
/*** Créé uniquement pour l'alias ***/
#menu_espaceclient li.item28 {
display:none;
}

/**************************** Fin Menu Espace Client **************************/

/******************************* Listes à puces *******************************/

#content_right ul {
margin:0;
padding:0;
color:#7a7a7a;
list-style-type:none;
}

#content_right ul li {
padding-left:16px;
padding-bottom:2px;
margin-top:5px;
background:url('../images/puce_content.png') no-repeat;
background-position:2px 4px;
}

/***************************** Fin Listes à puces *****************************/

/******************************* Plan du site *********************************/

#content_right div.xmap h2.menutitle {
display:none;
}

#content_right div.xmap div.componentheading {
font-family:Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
color:#194232;
font-size:20px !important;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-1px;
}

#content_right div.xmap div.contentpaneopen {
margin-top:20px;
margin-left:20px;
}

#content_right div.xmap ul li {
padding-bottom:5px;
background-position:2px 5px;
}

#content_right div.xmap ul.level_0 li ul.level_1 li {
background:none;
}

#content_right div.xmap ul.level_0 li ul.level_1 {
margin-top:5px;
}

#content_right div.xmap ul.level_0 li a {
font-size:13px;
color:#194232;
text-decoration:none;
}

#content_right div.xmap ul.level_0 li ul.level_1 li a {
font-size:11px;
color:#434343;
}

#content_right div.xmap div.contentpaneopen div {
display:none;
}

/***************************** Fin Plan du site *******************************/

/***************************** Login / Logout *********************************/

#form_login,
#form_logout {
margin-left:10px;
margin-top:10px;
}

#form_login label {
display:block;
margin-top:10px;
color:#545454;
text-transform:uppercase;
font-weight:bold;
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
}

#form_login input.inputbox {
border:1px solid #3b3b3b;
color:#7c7c7c;
font-size:11px;
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, "Times New Roman";
width:166px;
height:18px;
}

#form_login input.button,
#form_logout input.button {
border:none;
cursor:pointer;
margin-top:10px;
}

#form_login input.button {
width:87px;
height:24px;
background:url('../images/bt_connexion.png') no-repeat;
}

#form_logout input.button {
width:94px;
height:24px;
background:url('../images/bt_deconnexion.png') no-repeat;
}

#form_logout p.title,
#form_login p.title {
text-transform:uppercase;
font-weight:bold;
font-family:Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
letter-spacing:-1px;
color:#c3c3c3;
font-size:15px;
}

#form_logout p.title {
margin-bottom:10px;
}

/*************************** Fin Login / Logout *******************************/

/********************************* Produits ***********************************/

#listing_produits div.element {
padding-bottom:10px;
padding-top:10px;
border-bottom:3px dotted #e4e4e4;
}

#listing_produits div.element div.right {
float:right;
/*width:609px;*/
width:579px;
}

#listing_produits div.element div.left {
/*margin-right:609px;*/
margin-right:579px;
}

#listing_produits div.element a img {
border:2px solid #efefef;
}

#listing_produits div.element span.intitule_obsolete {
text-decoration:line-through;
color:#000;
}

#listing_produits div.element div.left {
position:relative;
}

/*
#listing_produits div.element span.txt_sur_image {
color:#fff;
display:block;
background:#a40000;
width:80px;
font-weight:bold;
position:absolute;
top:25px;
left:7px;
text-align:center;
}
*/

#listing_produits div.element span.prod_obsolete,
#fiche_produit span.prod_obsolete {
color:#f00;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
}

#listing_produits div.pagination,
div#part_mrs div.pagination {
position:absolute;
top:25px;
right:20px;
}

div#part_mrs div.pagination {
/*border:2px solid #00f;*/
top:auto;
left:auto;
right:20px;
margin-top:-145px;
}

#listing_produits div.pagination div.intitulepage {
float:left;
margin-right:10px;
font-size:11px;
font-weight:bold;
}

#part_mrs div.pagination div.intitulepage {
float:left;
margin-right:10px;
font-size:11px;
font-weight:bold;
}

#listing_produits div.pagination a,
div#part_mrs div.pagination a {
margin:0;
padding:0;
display:block;
background:#265c46;
color:#fff;
font-size:10px;
font-weight:bold;
text-decoration:none;
float:left;
margin-right:5px;
padding-left:2px;
padding-right:2px;
height:15px;
}

#listing_produits div.pagination a:hover,
div#part_mrs div.pagination a:hover {
color:#fff;
}

#listing_produits div.pagination a.active,
div#part_mrs div.pagination a.active {
background:#F67730;
}

#fiche_produit p span.libelle {
font-variant:small-caps;
font-weight:bold;
font-size:14px;
color:#1a4434;
}

#fiche_produit img {
float:right;
margin-left:30px;
}

div#listing_categ {
margin-left:20px;
}

a.imgcateg {
display:block;
border:1px solid #cccccc;
padding:5px;
/*width:460px;*/
width:350px;
margin-left:20px !important;
/*width:160px;*/
}

a.imgcateg:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

/*
table#categ_prod {
margin-top:10px;
width:100%;
}

table#categ_prod tr td {
vertical-align:top;
position:relative;
}

table#categ_prod tr td h3 {
position:absolute;
text-transform:uppercase;
margin-left:180px;
}
*/
/******************************* Fin Produits *********************************/

/************************************ MRS *************************************/

div#part_mrs {
position:relative;
}

div#part_mrs table {
width:100%;
border-collapse:collapse;
margin-top:20px;
}

div#part_mrs table tr th {
background:#21523e;
color:#fff;
padding:5px;
}

div#part_mrs table tr td {
padding:5px;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #e4e4e4;
}

div#part_mrs table tr td div.intitule {
width:125px;
overflow:auto;
}

div#part_mrs table tr td span.italic {
font-style:italic;
color:#808080;
}

div#part_mrs form#searchdate {
margin-top:20px;
}

div#part_mrs form#searchwords {
margin-top:10px;
margin-bottom:10px;
}

div#part_mrs form#searchwords label {
display:block;
font-style:italic;
}

div#part_mrs form input.keywords {
color:#808080;
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
font-size:11px;
border:1px solid #808080;
padding-left:5px;
}

div#part_mrs form select {
color:#808080;
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
font-size:11px;
border:1px solid #808080;
}

div#part_mrs form .button {
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
font-size:11px;
font-weight:bold;
background:#21523e;
color:#fff;
border:none;
cursor:pointer;
width:50px;
height:20px;
}

div#part_mrs table tr td span.highlight {
background:#f9ff94;
padding-right:5px;
padding-left:5px;
}

div#part_mrsdetails table {
margin-top:20px;
width:100%;
border-collapse:collapse;
}

div#part_mrsdetails table tr td {
padding:5px;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #e4e4e4;
}

div#part_mrsdetails table tr td.libelle {
/*width:120px;*/
width:140px;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#194232;
}

/********************************** Fin MRS ***********************************/

/*************************** DEMANDE INTERVENTION *****************************/

#demande_intervention form {
margin-top:30px;
}

#demande_intervention form label {
display:block;
width:180px;
float:left;
cursor:pointer;
}

#demande_intervention form input.text,
#demande_intervention form textarea {
width:300px;
}

#demande_intervention form textarea {
height:100px;
}

#demande_intervention form div {
margin-top:10px;
}

/************************* FIN DEMANDE INTERVENTION ***************************/

/****************************** Présentation Blog Pagination ******************/

#content_right .blog .article_row .article_column {
margin-bottom:20px;
}

#content_right .blog ul.pagination {
margin-top:30px;
list-style-type:none;
}

#content_right .blog ul.pagination li {
float:left;
margin:0;
padding:0;
padding:0 5px 0 5px;
background:none;
}

/**************************** Fin Présentation Blog Pagination ****************/


/************************** Formulaire Contact ********************************/

form#ChronoContact_contact div#envoi input {
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
font-size:11px;
font-weight:bold;
background:#21523e;
color:#fff;
border:none;
cursor:pointer;
width:100px;
height:20px;
margin-top:20px;
}

form#ChronoContact_contact input.cf_inputbox, textarea {
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, "Times New Roman";
font-size:12px;
color:#4f4f4f;
width:250px;
}

/************************ Fin Formulaire Contact ******************************/

/******************************** Newsletter **********************************/

div.acajoom_newsletter input#wz_31,
div.acajoom_newsletter span.aca_list_name {
visibility:hidden;
}

div.acajoom_newsletter input#wz_11,
div.acajoom_newsletter input#wz_12 {
width:166px;
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, "Times New Roman";
font-size:12px;
color:#4f4f4f;
}

div.acajoom_newsletter input.button,
#content_right div.acajoom input,
#demande_intervention form input.button {
font-family:Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman";
font-size:11px;
font-weight:bold;
background:#21523e;
color:#fff;
border:none;
cursor:pointer;
width:100px;
height:20px;
margin-top:20px;
}

#content_right div.acajoom input {
width:50px;
}

#content_right div.acajoom div.componentheading,
#content_right div.acajoom div.subscribe span.aca_letter_names,
#content_right div.acajoom a {
display:none;
}

/****************************** Fin Newsletter ********************************/

/************************** Documentation technique ***************************/

#content_right ul.listingRep {
margin-left:20px;
border-left:1px solid #c0c0c0;
padding-left:10px !important;
}

#content_right ul.listingRep li {
background:none !important;
padding:0 !important;
padding-top:2px !important;
padding-bottom:2px !important;
}

#content_right ul.listingRep li span {
padding-left:20px !important;
}

#content_right ul.listingRep li span.rep {
background:url('../images/logo_rep.png') no-repeat !important;
font-weight:bold;
}
#content_right ul.listingRep li span.file {
background:url('../images/logo_file.png') no-repeat !important;
/*background-position:10px top !important;
padding-left:30px !important;*/
}
/************************** Documentation technique ***************************/
