@charset "UTF-8";
/* CSS Document */

/* pagination */


#pagination {
/*background-color: #000000;*/
position:absolute;
left:450;
top:30;
z-index:3;
width:200px;
margin-top: 0px;
color: #9a3701;
text-align: center;
margin-left: 0px;
min-height: 20px;
padding: 0;
}
.pagination1 {
display:block;
float:left;
border: solid #000000 1px;
width:18px;
height:18px;
margin-right:5px;
text-align:center;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #A10B13;
}
#pagination a{
color: #333333;
}
#pagination a:hover{
color: #ffffff;
}
#TxtPage{
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
text-align: left;
padding-top: 3px;
/*margin-right: 260px;*/
border: none;
color: #9a3701;
}


#txtprod {
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
text-align: left;
padding-top: 3px;
/*margin-right: 260px;*/
border: none;
color: #9a3701;
}



#nombre-pagination {
float:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
text-align: left;
padding-top: 3px;
/*margin-right: 260px;*/
border: none;
color: #9a3701;
}

.conteneur-accueil {
margin-top: 0px;
padding: 0;
width: 700px;
height: 500px;
}


body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
padding: 0;
background-color: #989682;
background-image: url(../images/bg-body.jpg);
}

.global  {
/*background: url(http://www.mosaiks.com/fr/images/bg-global-contemporain.jpg) repeat-x top left;
margin-top: 40px;
padding-top: 20px;
text-align: center;*/
margin: 0px auto 0px auto;
width: 1014px;
text-align: left;
padding: 0;
/*border: solid #686160 1px;
background-color: #191717;*/
border: none;
background-image: url(../images/bg-global.jpg);
background-repeat: no-repeat;
/*background-color: #686160;*/
height: 750px;
}

div, h3, p, ul {
margin: 0;
padding: 0;
}
 
img {
border: 0;
}

.texte-menu {
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 0px;
font-size: 11px;
color: #000000; 
}



/* ////////////////// BANDEAU HAUT //////////////////// */

.conteneur-haut {
position: relative;
width: 1014px;
height: 110px;
background-image: url(../images/bandeau-haut.jpg);
background-repeat: no-repeat;
}


/* ////////////////// MENU HAUT //////////////////// */

.conteneur-menu-haut {
width: 1014px;
height: 10px;
overflow: visible;
}

.drapeaux-anglais {
float: left;
width : 20px;
height : 14px;
background-image: url(../images/drapeaux.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
}


/* ////// centre ////////*/

.conteneur-centre { 
/*overflow: visible;*/
position : relative;
text-align: left; 
width: 926px;
height:100%;
}


/*MENU GAUCHE*/


.cadre-menu {
background-image: url(../images/cadre-menu.png);
width: 205px;
height: 212px;
position: absolute;
top: -70px;
left: 40px;
}

.conteneur-menu-gauche {
z-index: 200;
padding: 8px;
background-color: #989682;
border: solid #696146 1px;
position: absolute;
left: 60px;
top: -50px;
width: 158px;
}

.conteneur-menu-gauche ul { 
width: 158px; 
border-bottom: solid #3e320d 1px;
padding-top: 5px;
padding-bottom: 5px;
}

.conteneur-menu-gauche ul li { 
list-style-type: none;   
}

.conteneur-menu-gauche li a { 
padding-left: 15px;
text-decoration: none;
font-family: Times, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0px;
font-size: 15px; 
text-align: left;
color: #2a1c1b;  
}

.conteneur-menu-gauche ul.categories li a { 
display: block;
padding-bottom: 6px;
background-image: url(../images/puce-categories.gif);
background-position: 0 2px;
background-repeat: no-repeat;
color: #2a1c1b;  
}

.conteneur-menu-gauche ul.categories li a:hover { 
background-image: url(../images/puce-categories-roll.gif);
background-repeat: no-repeat;
color: #687b13;    
}

.conteneur-menu-gauche ul.contact-evenement li a { 
color: #4a2c01;  
}

.conteneur-menu-gauche ul.contact-evenement li a:hover { 
color: #a0621a;    
}

.conteneur-menu-gauche ul.actualites li a { 
color: #9a3701;  
}

.conteneur-menu-gauche ul.actualites li a:hover { 
color: #a0621a;    
}

.conteneur-menu-gauche .coordonnes { 
border-bottom: solid #3e320d 1px;
width: 158px;
padding-bottom: 6px;
font-family: "Times New Roman",Times, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
letter-spacing: 1; 
padding-top: 10px;
}

.conteneur-menu-gauche .coordonnes a { 
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #9a3701;
letter-spacing: 0px; 
}

.conteneur-menu-gauche .coordonnes a:hover { 
/*color: #4a1548;*/
color: #ffffff;
}

a.lien-mail {
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #9a3701;
letter-spacing: 0px;
text-decoration:none;
}

a.lien-mail:hover {
color: #FFFFFF;  
}

h3 {
margin-top: 5px;
margin-bottom: 5px;
font-family: Times, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0px;
line-height: 10px;
font-size: 14px;
color: #4a1548; 
}

.video {
padding-top: 6px;
width: 160px;
}

.video a {
display: block;
width: 31px;
height: 31px;
background-image: url(../images/bouton-video.gif);
background-repeat: no-repeat;
}

.video a:hover {
background-image: url(../images/bouton-video-roll.gif);
}


/*CONTENUS*/

.conteneur-logo {
z-index: 1000;
position: absolute;
left: 700px;
top: -120px;
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 142px;
height: 133px;
}

.conteneur-contenus {
position : relative;
margin-left: 100px;
/*padding-left: 145px;*/
padding-top: 15px;
border: solid #000000 1px;
background-color: #a79c88;
background-image: url(../images/ligne.gif);
background-position: bottom;
background-repeat: no-repeat;
height: 560px; 
text-align: left;
z-index: 11;
/*overflow: visible;*/
}

.contenus-rubrique-categorie {
z-index: 500;
text-align: center;
min-height: 700px;
margin-left: 145px;
}

.contenus-rubrique-categorie .texte-contact {
width: 650px;
font-size: 13px;
font-family: Times, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}
.contenus-rubrique-categorie .texte-contact a{
font-family: Times, Arial, Helvetica, sans-serif;
color: #9a3701;
}
.contenus-rubrique-categorie .texte-contact a:hover{
font-family: Times, Arial, Helvetica, sans-serif;
color: #ffffff;
}

.lang {
width: 670px;
}

.francais {
margin-right: 10px;
float: right;
width: 24px;
height: 16px;
}

.anglais {
margin-right: 10px;
float: right;
width: 24px;
height: 16px;
}

.anglais a:hover {
background-image: url(../images/drapeaux-anglais.png);
}

.cadre-bas {
position: absolute;
width: 418px;
height: 275px;
left: 549px;
top: 45%;
background-image: url(../images/cadre-bas.png);
background-position: bottom;
z-index: 10;
}

#titre-catalogue-categorie {
width: 600px;
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
font-size: 17px;
color: #4b411f;
/*letter-spacing: -1px;*/
}

#titre-catalogue-categorie h1{
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
font-size: 17px;
color: #4b411f;
margin:0px;
/*letter-spacing: -1px;*/
}

/*////////////////////////////// CATALOGUE ////////////////*/

.CelluleVignette{
border: 1px solid #2e2307;
}

/*////////// PRODUCT ////////////////*/


.bodyproduct {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
background: #554f4e;
background-image: url(../images/bg-body.jpg);
/*overflow: auto;*/
text-align: center;
}

.globalproduct {
min-height: 640px;
/*background: url(../images/bg-global-product.jpg);
background-position: 0px 0px;*/
padding: 20px;
background-color: #52463f;
border: solid #000000 1px;
overflow: hidden;
width: 1010px;
margin: 0 auto 0 auto;
text-align: center;
}

#GrandeImage {
min-height: 560px;
width: 630px;
padding: 10px;
border: solid #685654 1px;
background-color: #a79c88;
float: left;
text-align:center;
/*background-color: #ffffff;*/
}

.contenus-droite {
min-height: 570px;
background: url(../images/fond_product_contenu_droite.jpg) no-repeat;
background-color: #a79c88;
padding: 10px;
margin-left: 25px;
float: left;
width: 285px;
text-align: left;
border: solid #685654 1px;
}

.mot-accueil {
margin-top: 15px;
min-height: 25px;
color: #3a331c;
font-size: 16px;
}

.mot-accueil a {
color: #3a331c;
font-size: 16px;
}

#lien-accueil {
text-decoration: none;
color: #3a331c;
font-size: 18px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
}

a#lien-accueil:hover {
color: #ffffff;
}

.petitsvisuels {
padding: 5px;
background-color: #52463f;
text-align: center;
width: 280px;
}

.TitreProduit {
font-size: 20px;
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
color: #3a2d29;
margin: 0;
padding: 0;
}

#TxtDescriptif {
font-size: 14px;
font-family: Times, Helvetica, sans-serif;
font-weight: normal;
/*color: #3a331c;*/
color: #3a2d29;
}

.TXTSoldeFiche {
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
}

.texte-dimensions {
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}

.txt {
font-size: 13px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #3a2d29;
}

.valeur {
font-size: 14px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
}


.TxtLiensFiche a {
line-height:25px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border:none;
vertical-align:middle;
display:inline;
text-decoration: underline;
margin-left:5px;
/*vertical-align:bottom;*/
}

.TxtLiensFiche a:hover {
color:#ffffff;
}

.LiensPrix {
font-size: 12px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #3a331c;
}
.infos {
color: #ffffff;
}
.infos a{
display:block;
margin-top: 4px;
width:180px;
height:22px;
padding-top:3px;
text-align: center;
border: 1pt solid #000000;
background-color: #999999;
font-size: 13px;
font-family: Trebuchet Ms, Verdana, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #333333;
}
.infos a:hover{
color: #ffffff;
}

#printDiv{
border: solid #000000 1px;
text-align:center;
background-color: #1c1918;
}


#lien-product {
text-decoration: none;
color: #3a331c;
font-size: 14px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
}

a#lien-product:hover {
color: #ffffff;
}

a:link {
text-decoration: none;
color: #3a331c;
font-size: 14px;
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
}

a:hover {
color: #ffffff;
}


.titretexteficheprixdemandepagination {
padding: 5px;
}

div.page { 
writing-mode: tb-rl;
height: 80%;
margin: 5% 0%;
border:0px;
}

#wrapper, #content {
padding: 0;
float: none;
color: black;
background: transparent;
}

#scroll{
overflow: none;
height: auto;
}

table#sample {
border: 0px;
}





/*////////// existant product-Icons ////////////////

.titre {
font-family: Arial, Helvetica, sans-serif; 
color:#ffffff; 
font-weight: bold; 
font-size: 15px;
}

.pagination1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #A10B13;
}

.pagination2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: regular;
color: #CC9900;
text-decoration: none;
}

.conteneur{
float:left;
}

.reference{
float:left;
}

#Noborder{
border:0px;
}

.CelluleVignette{
border: 1px solid #2e2307;
}

#general{
border:none;
}

.body-product {
background-color: #000000;
}

.tablefiche {
background-color: #9d967c;
}

#sample {
}

.TitreObjet {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: regular;
color: #3a341f;
}

.texte-fiche {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: regular;
color: #3a341f;
}

.Txtref2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: regular;
color: #ffffff;
}

.TxtNavigation  {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: regular;
color: #ffffff;
}



*/