@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; }

body  { margin: 0; padding:0; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

ul{ margin-left:15px;}

p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:underline; }
a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}

h1{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#7AB51D;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#900; font-weight:bold;}
/**/
.ActuTsf{ overflow:hidden; margin:10px 0px 0px 0px; height:auto; width:auto; border-bottom:1px solid #999999; padding-bottom:10px; }

.tableOption td{ padding:3px 5px 2px 5px; border-bottom:1px solid #666666;}

.intitules a:link, .intitules a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:bold; text-decoration:none;}
.intitules a:hover{  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#BE0000; font-weight:bold; text-decoration:none;}

.imageRef{ margin:4px; }
.imgRefMini{ margin-right:3px; margin-top:4px;}


#tout{ margin-left:auto; margin-right:auto; margin-top:10px; width:838px; position:relative; overflow:hidden; min-height:800px;}

#logo{  width:838px; height:82px;}

/* LE MENU */

#menu{ z-index:20; width:838px; height:31px;  position:relative;}
#casemenu{ float:left; border:0px; width:88px; height:31px; overflow:hidden;}

/* LE SOUS-MENU */

.sousMenu{ position:absolute; top:29px; width:170px; height:auto; overflow:hidden; display:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#BE0000; color:#FFF; font-weight:bold; }
.sousMenu a:link, .sousMenu a:visited{ display: block; height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#BE0000; color:#FFF; text-decoration: none; list-style:none; font-weight:bold; padding:1px 0px 1px 4px;}
.sousMenu a:hover{  background-color:#6A747C; color:#FFF; text-decoration:none; }

#SousMenuSoc{ color:#900; }

#SousMenu2{ left:154px;}
#SousMenu3{ left:241px;}
#SousMenu5{ left:417px;}
#SousMenu6{ left:506px;}

#espacephoto{ width:838px; height:110px;}


#situation{ width:838px; height:15px; background-color:#000; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; line-height:15px;  }
#situation b{ color:#ffffff; font-size:12px;}
#situation a{ color:#FFF; text-decoration:none;}
#situation a:hover{ color:#FFF; text-decoration:underline;}

#newsderoulante{ width:838px; height:15px; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF; line-height:15px; }
#newsderoulante a{ color:#FFFFFF; text-decoration:none;}
#newsderoulante a:hover{ text-decoration:none; color:#7AB51D;}

#colonnemilieu{ float:left; width:391px; min-height:508px; background-image:url(images/haut-colonne-milieu.jpg); background-repeat:no-repeat; background-color:#FFF; padding:20px 10px 10px 10px;}
#colonnedroite{ margin-left:662px; float:left; width:155px; min-height:438px; background-color:#FFF; padding:90px 10px 10px 10px;}

/*#colonnelongue{ position:absolute; margin-top:149px; margin-left:241px; float:left; width:576px; min-height:508px; background-image:url(images/haut-colonne-droitecatalogue.jpg); background-repeat:no-repeat; background-color:#FFF; padding:20px 10px 10px 10px;}*/

#fond{ width:838px; min-height:508px; background-color:#FFF; position:absolute; margin-top:127px; }

#ColonneGlobal{ overflow:hidden; width:840px; height:auto; background:#000000 url(images/image_toute_colonne.jpg) repeat-y; }
#ColonneGlobalGris{ overflow:hidden; width:840px; height:auto; background:#000000 url(images/image_toute_colonne.jpg) repeat-y; }

#colonnegauche{ float:left; width:212px; min-height:490px; background:transparent url(images/haut-colonne-gauche.jpg) no-repeat top left; margin-right:9px; padding:20px 10px 10px 10px;}
#colonnelongue{ float:left; width:576px; min-height:508px; background:transparent url(images/haut-colonne-droitecatalogue.jpg) no-repeat top left; padding:20px 10px 10px 10px; }
#colonnelongueNoir{ float:left; width:576px; min-height:508px; background:#1C1C1C url(images/haut-colonne-reference.jpg) no-repeat top left; padding:20px 10px 10px 10px; }
#colonnelongueNoir b{ color:#ffffff;}

/******************INDEX****************************/

#ColonneGlobalIndex{ overflow:hidden; width:840px; height:auto; background:#000 url(images/image_toute_colonne_index.jpg) repeat-y;}
#colonnegaucheIndex{ float:left; width:232px; min-height:508px; background-image:url(images/haut-colonne-gauche.jpg); background-repeat:no-repeat; background-color:#FFF; margin-right:9px; padding:20px 0px 10px 0px;}

#colonnedroiteindex{ margin-left:9px; float:left; width:155px; min-height:508px; background-image:url(images/haut-colonne-droite-index.jpg); background-repeat:no-repeat; background-color:#FFF; padding:20px 10px 10px 10px;}

.cadrephoto { float:left; margin-right:10px; border: 1px solid #CCC; padding: 2px; }
.cadrephoto2 { border: 1px solid #CCC; padding: 2px; }
.espace{ padding-bottom:7px;}
.titre{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; color:#900; font-weight:bold; }

/******************CATALOGUE****************************/
#espacesousmenucatalogue{ position:absolute; z-index:10; margin-top:120px; margin-left:580px; width:263px; height:183px; background-image:url(images/espace-sous-menu-catalogue.png); /*background-image:url(images/espace-sous-menu.png);*/ border:0px;}
#zonecontactgauche{ float:left; width:190px;}
#zonecontactdroite{ float:left; margin-left:11px; width:190px;}
.intitules{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000;}
.cadre { margin-right:20px; border: 1px solid #CCC; padding: 2px; }

.listeReference{ margin-left:20px; margin-top:5px;}
.sousmenugauche{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#900900; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block; width:210px; height:auto; margin-top:5px; }
.sousmenugauche a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; text-transform:uppercase;text-decoration:none; }

.sousmenugauche a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#900;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.ListeFamille{ width:210px; height:auto; padding-left:10px; overflow:hidden; }
.ListeCategorie{ width:200px; height:auto; padding-left:10px; overflow:hidden; }
.ListeProduit{ width:190px; height:auto; padding-left:5px; overflow:hidden; }
.famille{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#900; font-weight:bold; text-transform:uppercase; }

.famille a{ color:#000; text-decoration:none;}
.famille a:hover{ color:#900; text-decoration:none;}
.type{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#900; font-weight:bold;}
.type a{ color:#666; text-decoration:none;}
.type a:hover{ color:#900; text-decoration:none;}
.produit{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#900; }
.produit a{ color:#666; text-decoration:none;}
.produit a:hover{ color:#900; text-decoration:none;}
/******************REFERENCES****************************/
#espacesousmenureferences{ position:absolute; z-index:10; margin-top:120px; margin-left:580px; width:263px; height:183px; background-image:url(images/espace-sous-menu-references-new.png); /*background-image:url(images/espace-sous-menu.png);*/ border:0px;}
/*#ongletsfilms{
 width:838px;
 height:38px;
 background-color:#900;
}
#espacesdates{
 width:838px;
 height:14px;
 background-color:#900;
}
#ongletsdates a{
 display:block;
 float:left;
 width:50px;
 height:14px;
 border-right:1px solid #FFF;
 background-color:#900;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFF;
 text-align:center;
 line-height:14px;
 text-decoration:none;
}
#ongletsdates, #ongletsdates a:hover{
 display:block;
 float:left;
 width:50px;
 height:14px;
 border-right:1px solid #FFF;
 background-color:#000;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFF;
 text-align:center;
 line-height:14px;
 text-decoration:none;
}
*/
#zoneindexreference{ float:left; width:100px; padding-right:10px; padding-bottom:10px;}
#zonegauche{ float:left; width:192px; padding-right:10px; padding-bottom:10px;}
#zonedroite{ float:left; width:364px; padding-left:10px;}

#titrereference{ margin-bottom:10px;}
#titrereference h2{ color:#ff0000; font-size:19px;}
.btretour{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#7AB51D;}
.btretour a{ color:#7AB51D; text-decoration:underline;}
.btretour a:hover{ color:#7AB51D; text-decoration:none;}
.intitulesfiche{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
.reponsesfiche{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff;}
.reponsesfiche a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff;}
#listeDepartement{ float:left; font-family:Arial, Helvetica, sans-serif; width:276px; height:auto; padding-top:8px; font-size:12px; font-weight:100; color:#ffffff;}
.logofichefilm{ float:left; width:83px; }
/******************SOCIETE****************************/

/* le footer */

#footer{ margin-left:auto; margin-right:auto; width:838px; height:15px; margin-bottom:10px;}

.footer{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; text-align:center;}
.footer a{ color:#999; text-decoration:none;}
.footer a:hover{ color:#999; text-decoration:underline;}

#colonneorganigramme{ float:left;
	width:576px;
	min-height:508px;
	background:transparent url(images/haut-colonnes-organigramme.jpg) no-repeat top left;
	background-color:#333;
	padding:5px 10px 10px 10px;
}