/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
font-size: 12px;
font-family: arial, lucida sans, tahoma, sans-serif;
padding: 10px;
}

a {
color: black;
}

a:visited {
color: gray;
}

ul, ol {
list-style-type: none;
}

html {
height: 101%;
}

div#global {
margin: auto;
width: 940px;
background: white;
}

div#header {
background: transparent url(img/fond_header.jpg) no-repeat top left;
position: relative;
height: 70px;
}

div#header h1 {
background: transparent url(img/logo_abi.gif) no-repeat top left;
position: relative;
width: 104px;
height: 51px;
top: 10px;
left: 10px;
}

div#header h1 a {
display: block;
width: 104px;
height: 51px;
}

div#header h1 span {
display: none;
}

div#content {
border-top: 5px solid white;
background: transparent url(img/fd_right.gif) repeat-y top right;
}

div#text {
width: 735px;
float: left;
}

div#text p.picture {
line-height: 0;
font-size: 0;
}

/* Menu */
div#menu_bloc ul#menu_1 {
position: absolute;
top: 0;
left: 185px;
height: 80px;
background: transparent url(img/trait_menu.gif) no-repeat top right;
}

div#menu_bloc ul#menu_1 li {
display: block;
background: transparent url(img/trait_menu.gif) no-repeat top left;
height: 80px;
float: left;
}

div#menu_bloc ul#menu_1 li a {
display: block;
color: #6f6f6f;
text-align: center;
padding: 27px 20px;
text-decoration: none;
font-weight: bold; 
}

div#header fieldset {
border: none;
}

div#loginContainer {
color: #6f6f6f;
font-size: 10px;
position: absolute;
top: 18px;
right: 20px;
height: 50px;
width: 290px;
}

div#loginContainer p.loginMsg {
border-bottom: 1px solid #6f6f6f;
margin-bottom: 3px;
}

div#loginContainer input {
font-size: 10px;
width: 70px;
font-family: arial, lucida sans, tahoma, sans-serif;
}

div#loginContainer a {
color: #6f6f6f;
}

div#global div#search {
background: #615e5e;
height: 325px;
width: 200px;
margin-left: 4px;
float: right;
border: none;
}

/* Footer */
div#footer {
text-align: right;
background: white;
border-top: 2px solid white;
position: relative;
top: -2px;
color: #ccc;
}

div#footer a {
font-size: 10px;
color: #666;
text-decoration: none;
}

div#global div.clear_float {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
visibility: hidden;
}

/* Mise en forme du showroom */
div#second {
position: relative;
}

div#showroom_content {
background: transparent url(img/photo_show_room.gif) no-repeat center 60px;
position: absolute;
width: 200px;
height: 200px;
right: 0;
top: 20px;
}

div#showroom_content h2 {
width: 100%;
height: 100%;
}

div#showroom_content h2 a {
display: block;
background: transparent url(img/show_room.gif) no-repeat top center;
width: 100%;
height: 100%;
}

div#showroom_content h2 a span {
display: none;
}

/* Mise en forme des actualités */
div#news {
width: 735px;
background: white url(img/fond_news.jpg) repeat-y top left;
margin-top: 5px;
}

h3.newsTitle {
font-size: 14px;
border-top: 1px solid #635d5a;
border-bottom: 1px solid #635d5a;
padding: 2px 0;
}

div.newsContent {
padding: 10px;
}

div.newsContent p {
margin-left: 135px;
}

img.newsPicture {
float: left;
}

div.newsDate {
margin: 0 10px 0 0;
text-align: right;
font-size: 10px;
color: #5f5c5c;
}

div#newsLeftZone {
margin-right: 2px;
}

div#newsRightZone {
margin-left: 2px;
}

div#newsLeftZone, div#newsRightZone {
width: 365px;
float: left;
}

div#newsLeftZone h3, div#newsRightZone h3 {
margin: 10px 10px 0 10px;
font-size: 16px;
}

div#newsLeftZone img, div#newsRightZone img {
margin-bottom: 12px;
}

/* Zone de recherche */
div#search h1.searchTitle {
color: white;
font-size: 17px;
width: 180px;
height: 62px;
background: transparent url(img/8000_prod.gif) no-repeat top left;
}

div#search h1.searchTitle span {
display: none;
}

div#search input, div#search select {
font-size: 10px;
font-family: arial, lucida sans, tahoma, sans-serif;
margin-bottom: 3px;
}

div#search input {
width: 98%;
}

div#search select {
width: 100%;
}

div#search div#recherche_form {
padding: 10px;
}

div#search label {
display: block;
color: white;
margin-top: 5px;
margin-bottom: 3px;
}

div#search label.or {
display: block;
color: white;
margin-top: 0;
margin-bottom: 3px;
}

div#search h2 {
color: white;
font-size: 14px;
margin-top: 20px;
margin-bottom: 5px;
}

div#search a {
color: white;
display: block;
width: 29px;
height: 21px;
background: transparent url(img/btn_ok.gif) no-repeat top left;
margin-top: 10px;
margin-left: 150px;
}

div#search a span {
display: none;
}

div#search select option.notselectable {
color: #ccc;
}

.categoryleader{
background-color: #8f8f8f;
color: white;
}

/* Mise en forme des textes */
span.abi {
text-transform: lowercase;
font-weight: bold;
border-bottom: 1px dotted black;
}

div#text .textNormal {
margin: 0;
}

div#text h2.textNormal {
font-size: 20px;
background: white url(img/pce_titre.gif) no-repeat 5px 6px;
padding: 5px 0 2px 34px;
border-top: 1px solid #9f9f9f;
background-color: #efefef;
color: #615e5e;
}

div#text ol.textNormal li {
margin: 5px 0;
}

div#text ol.textNormal li strong, div#text p.textNormal strong {
color: #e11d16;
}

div#text p.textNormal strong.black {
color: black;
}

div#text ul.textNormal li {
background: white url(img/pce_red.gif) no-repeat 0 3px;
padding-left: 13px;
}

div#text h2.textNormal {
/*background-color: #efefef;*/
}

div#text p.textNormal, div#text ul.textNormal {
border: 1px solid #efefef;
border-top: none;
padding: 10px 10px 15px 10px;
}

/* Show Room */
div#showroom {
position: relative;
height: 325px;
width: 735px;
}

div#showroomContainer1, div#showroomContainer2 {
position: absolute;
top: 0;
left: 0;
background: white;
height: 325px;
width: 735px;
}

div#showroomDesc1, div#showroomDesc2 {
position: absolute;
top: 30px;
left: 0;
background: #615e5e;
width: 300px;
color: white;
font-size: 11px;
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}

div#showroomDesc1 p, div#showroomDesc2 p {
padding: 5px 7px;
}

/*MISE EN FORME DU RESULTAT DE LA RECHERCHE*/
h1.resutats_recherche {
font-size: 12px;
background-color: #615e5e;
color: white;
padding: 5px;
margin-bottom: 5px;
}

div.img_produit_search {
border: 1px solid #9f9f9f;
}

ul.ul_resutat_line ul {
display: block;
background-color: #efefef;
margin: 0 0 5px 0;
}

ul.ul_resutat_line ul li {
padding: 4px 0 0 15px;
}


ul.ul_resutat_line ul {
display: block;
float: left;
width: 100%;
border-top: 1px solid #635d5a;
border-bottom: 1px solid #635d5a;
}

div.img_produit_search {
float: left;
margin: 4px 0;
}

div.img_produit_search a img {
padding: 5px;
background-color: white;
border: none;
}

/*MISE EN FORME DU DETAIL D UN PRODUIT*/
#div_product {
position: relative;
}

/*partie description*/
.description_prod h2 {
display: block;
padding: 5px 10px;
border: 1px solid #cccccc;
background-color: #c0c0c0;
}

.description_prod h2 span {
font-size: 20px;
color: white;
}

.description_prod ul  {
font-weight: bold;
width: 220px;
height: 246px;
border: 1px solid #cccccc;
margin: 5px 0;
padding: 5px;
background-color: #efefef;
}

/*mise en place image detail*/
#DET {
border: 1px solid #cccccc;
background-color: #efefef;
position: absolute;
top: 42px;
right: 0;
}

#DET p {
padding: 5px;
text-align: center;
}

div#DET li img {
height: 228px;
width: 244px;
}

/*mise en place picto*/
div#PIC ul {
position: absolute;
top: 43px;
right: 247px;
width: 250px;
}

div#PIC ul li {
border: 1px solid #efefef;
margin: 1px 1px;
float: left;
background-color: white;
}

div#PIC ul li p {
font-size: 9px;
text-align: center;
}

/*mise en place des vignettes*/
ul.backoffice_ul div#VIG ul {
display: block;
width: 734px;
height: 160px;
border: 1px solid #cccccc;
background: #efefef url(img/sous_titre_vignette.gif) no-repeat top right;
}


ul.backoffice_ul div#VIG ul li {
display: block;
border-right: 1px solid #cccccc;
float: left;
margin: 0;
padding: 5px;
}

ul.backoffice_ul div#VIG ul li img {
background-color: white;
height: 125px;
}

ul.backoffice_ul div#VIG ul li p {
background-color: #efefef;
padding: 4px;
font-size: 9px;
text-align: center;
}

/*mise en place shcemat ampoules*/
ul.backoffice_ul div#SCH_A ul {
margin-top: 5px;
display: block;
width: 734px;
height: 120px;
border: 1px solid #cccccc;
background: #efefef url(img/sous_titre_amp.gif) no-repeat top right;
}

ul.backoffice_ul div#SCH_A ul li {
display: block;
border-right: 1px solid #cccccc;
float: left;
margin: 0;
padding: 5px;
}

ul.backoffice_ul div#SCH_A ul li p {
padding: 4px;
font-size: 9px;
text-align: center;
}

ul.backoffice_ul div#SCH_A ul li img {
background-color: white;
width: 90px;
height: 90px;
}

/*mise en place shcemat technique*/
ul.backoffice_ul div#SCH_T ul {
margin-top: 5px;
display: block;
width: 734px;
height: 265px;
border: 1px solid #cccccc;
background: #efefef url(img/sous_titre_schemT.gif) no-repeat top right;
}

ul.backoffice_ul div#SCH_T ul li {
display: block;
border-right: 1px solid #cccccc;
float: left;
margin: 0;
padding: 5px;
}

ul.backoffice_ul div#SCH_T ul li p {
padding: 4px;
font-size: 9px;
text-align: center;
}

ul.backoffice_ul div#SCH_T ul li img {
background-color: white;
}

div#tableau_prod {
margin-top: 5px;
display: block;
width: 734px;
border: 1px solid #cccccc;
background-color: #efefef;
}

div#tableau_prod table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
padding: 0;
margin: 0;
}

div#tableau_prod table td {
text-align: center;
/*padding: 2px 5px;*/
}

div#tableau_prod table td span{
display: block;
padding: 3px 5px;
}

.titre {
text-align: center;
padding: 5px;
/*background-color: #615e5e;*/
color: black;
font-weight: bold;
font-size: 17px;
}

.soustitre1 {
background-color: #9f9f9f;
font-weight: bold;
text-align: left;
/*padding: 2px 5px;*/
font-size: 12px;
}

.soustitre2 {
font-weight: bold;
text-align: left;
/*padding: 2px 5px;*/
background-color: #c0c0c0;
font-size: 12px;
}

.soustitre3 {
font-weight: bold;
text-align: left;
/*padding: 2px 5px;*/
background-color: transparent;
font-size: 12px;
}

.soustitre4 {
font-weight: bold;
text-align: left;
/*padding: 2px 5px;*/
background-color: tranparent;
font-size: 12px;
}

.soustitre5 {
text-align: center;
/*padding: 2px 5px;*/
background-color: tranparent;
font-size: 10px;
font-style: italic;
}

/*NAVIGATION POUR LA RECHERCHE*/
div#pager table {

}

div#pager p {
padding: 3px;
margin-left: 2px;
background-color: #efefef;
border: 1px solid #635d5a;
}

div#pager td {
border: 1px solid #635d5a;
background-color: #efefef;
padding: 2px 0;
}

div#pager td a{
text-decoration: none;
padding: 0 3px;
}

div#pager td a:hover {
background-color: #ffec00;
padding: 2px 3px;
}

div#pager td  b {
text-decoration: underline;
padding: 0 3px;
}

div#pager td img {
border: none;
}

/*BOUTON RETOUR LISTE ET PRINT*/
div#text {
position: relative;
}

ul.bouton_print {
position: absolute;
z-index: 200;
right: 3px;
top: 3px;
}

ul.bouton_print li {
font-size: 11px;
border: 1px solid #615e5e;
display: block;
float: left;
background-color: #efefef;
margin: 2px;

}

ul.bouton_print a {
text-decoration: none;
padding: 3px 5px;
width: 100%;
height: 100%;
}

ul.bouton_print li a:hover {
background-color: #cacaca;
color: black;
}