/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET HOME DIFFUSION *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    26 Février 2008
*/

/* CSS Document */

html { height:100%; background:#FFF }
	
body 
{
	height:100%; 
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	color:#333;
	padding:0;
	margin:0;
}	

table 
{
	padding:0; 
	margin:0; 
	border-collapse:collapse; 
	border:0;
}

td
{
	vertical-align:top;
	padding:0; 
	margin:0; 
	border-collapse:collapse; 
	border:0;
}

IMG {
	border:0
}

.clear {
	clear:both;
}	

div.form_error {
	font-size:10px; 
	color:#C21A00; 
}

.cadre_info {
	background:#FFFFE1;
	border:1px solid #F5ECC3;
	border-color:#F8F3D5 #E8DB7D #E8DB7D #F8F3D5;
	font-size:14px;
	font-weight:bold;
	color:#85670A;
	padding:5px;
	margin:8px auto;
	text-align:center;
	line-height:130%
}	

.cadre_info a.option {
	display:block;
	margin-top:8px;
	font-size:12px;
}	


.MESSAGE {
	background:#FFFFE1;
	border:1px solid #F5ECC3;
	font-size:12px;
	font-weight:bold;
	color:#C21A00;
	padding:5px;
	margin:5px auto;
	text-align:center;
	line-height:130%
}	


/* [ Formulaires]---------------------------------------------------- */	
FORM { margin:0; padding:0 }

INPUT, TEXTAREA, SELECT { 
	background:#FFF url(../img/structure/fond-input.gif) repeat-x top left;	
	border:1px solid #D3E8E3;
	padding:2px;
}	

INPUT.image, 
INPUT.checkbox,
INPUT.radio { 
	padding:0 !important;
	border:0 !important;
	width:auto !important;
	background:none !important;
}	

INPUT.file { 
	width:auto !important;
}	

INPUT.submit {
	border:1px outset #18A18D;
	background:#18A18D;
	color:#FFF;
	padding:1px;
}

INPUT.submit:hover {
	border:1px inset #18A18D;
}

/* [ Liens]---------------------------------------------------- */	

a  {
	color:#19937B;
	text-decoration:underline;
}	

a:hover  {
	color:#85670A;
	text-decoration:none;
}	

/* [ Titres]---------------------------------------------------- */	

H1, H2, H3, H4, H5, H6 {
	padding:0;
	margin:0;
}	

H1 {
	font-size:16px;
	font-weight:bold;
	color:#C21A00;
	text-transform:uppercase;
	margin-bottom:10px;
}	

H2, H3 {
	font-size:14px;
	font-weight:bold;
	color:#328D7A;
	text-transform:uppercase;
}	

H3 { 
	color:#8B6E17; 
	text-transform:none;
}

ul { 
	list-style-type:none; 

}

ul li { 
	background:url(../img/structure/puce01.gif) no-repeat top left;	
	background-position:0 2px;
	padding-left:18px;
}

/* ---------------------------------------------------- */	

#conteneur 
{ 
	width:100%;
	height:100%; 
	background:#FFF;
	
}

#fond-g { background:url(../img/structure/home-diffusion-g.jpg) no-repeat top right; }
#fond-d { background:url(../img/structure/home-diffusion-d.jpg) no-repeat top left;	}

#contenu
{
	width:900px;
	background:#FFF url(../img/structure/fond-contenu.gif) repeat-y top left;	
	padding:0 10px 10px 10px;
	
}

#col-g
{
	clear:left;
	float:left;
	width:280px;
	margin-bottom:20px;
	/margin-bottom:10px;
}	

#col-d
{
	clear:right;
	float:left;
	width:595px;
	margin-left:25px;
	margin-bottom:20px;
	/margin-bottom:10px;
}	


/* [ Textes]---------------------------------------------------- */	

span.color01 { color:#19937B; } /* [ COULEUR TURQUOISE]  */	
span.color02 { color:#85670A; } /* [ COULEUR OR]  */	
span.color03 { color:#C21A00; } /* [ COULEUR ROUGE]  */	


/* [ Images]---------------------------------------------------- */	

.visuel-droit
{
	float:right; 
	clear:right; 
	margin:10px 0 10px 10px;
}	

.visuel-gauche
{
	float:left; 
	clear:left; 
	margin:10px 10px 10px 0;
}	

.cadre { border:4px solid #CEEBE7; }

/* [ Boutons]---------------------------------------------------- */	

a.bt-list
{
	padding:0px 48px;
	margin-left:8px;
	background:url(../img/structure/bt-list_off.png) no-repeat top left;	
	text-decoration:none
}	

a:hover.bt-list { background:url(../img/structure/bt-list_on.png) no-repeat top left; }

a.bt-retour
{
	display:block;
	width:70px;
	height:24px;
	background:url(../img/structure/bt-retour_off.png) no-repeat top left;	
}	

a:hover.bt-retour { background:url(../img/structure/bt-retour_on.png) no-repeat top left; }

.haut 
{ 
	clear:both;
	position:relative; 
	height:18px;
	background:url(../img/structure/fond-haut.gif) repeat-x top left;	
}

a.bt-haut 
{
	float:right;
	display:block;
	width:18px;
	height:18px;
	background:url(../img/structure/bt-haut_off.png) no-repeat top left;	
}

a:hover.bt-haut  { background:url(../img/structure/bt-haut_on.png) no-repeat top left; }	

a.bt-ajout
{
	display:block;
	width:75px;
	height:23px;
	background:url(../img/structure/bt-ajout_off.png) no-repeat top left;	
}	

a:hover.bt-ajout { background:url(../img/structure/bt-ajout_on.png) no-repeat top left; }


/* [ Entete]---------------------------------------------------- */	

#entete 
{
	position:relative;
	width:900px;
	height:138px;
	background:#0FA98D url(../img/structure/entete-home-diffusion.jpg) no-repeat top left;
	margin-top:4px;
}	

.bandeau_nouveau {
	background:#0FA98D url(../img/structure/bandeau_nouveautes.jpg) no-repeat top left !important;
	position:relative;
}
.bandeau_nouveau A {
	background:url(../img/structure/bt_profitez.gif) no-repeat top left;
	bottom:20px;
	display:block;
	height:33px;
	position:absolute;
	right:17px;
	width:140px;
}	
	
/* [ Menu Principal]---------------------------------------------------- */	

#menu
{
	width:900px;
	height:35px;
	line-height:35px;
	background:url(../img/structure/barre-menu.png) no-repeat top left;
	margin-top:5px;
	margin-bottom:10px;
	text-align:center;
}	

#menu ul
{
	list-style-type:none; 
	margin:0; 
	padding:0; 
}
	
#menu ul li 
{
	display:inline;
	background:url(../img/structure/sep-menu.gif) no-repeat top right;
	padding:0;
}	

#menu ul li#no-sep { background:none; }

#menu li a
{
	font-size:14px;
	font-weight:bold;
	color:#328D7A;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:8px;
	margin-right:8px;
}	

#menu li a:hover, #menu li a#menu-actif { color:#85670A; }	

/* [ COLONNE DE GAUCHE]---------------------------------------------------- */	

/* [ Rechercher]---------------------------------------------------- */	

#recherche
{
	width:260px;
	height:119px;
	background:url(../img/structure/cadre-rechercher.jpg) no-repeat top left;
	color:#85670A;
	padding:10px;
}	

#recherche #titre-recherche
{
	background:url(../img/structure/picto-zoom.gif) no-repeat top left;
	background-position:0 3px;
	font-size:16px;
	font-weight:bold;
	padding-left:17px;
	margin-bottom:12px;
}	

#recherche label
{
	float:left;
	display:block;
	width:94px;
}	

#recherche INPUT, #recherche SELECT
{
	width:155px;
	margin-bottom:10px;
}	

#recherche INPUT#valider
{
	width:140px; 
	margin:0;
	margin-left:65px; 
	margin-right:0; 
	border:0;
}	
	
/* [ Nos catégories]---------------------------------------------------- */	

#categories 
{ 
	background:url(../img/structure/bas-categories.png) no-repeat bottom left;	
	margin-top:10px; 
	padding-bottom:24px;
}

#categories #titre-categories
{
	width:280px;
	height:37px;
	line-height:37px;
	background:url(../img/structure/titre-categories.jpg) no-repeat top left;
	background-position:0;
	font-size:16px;
	font-weight:bold;	
	color:#85670A;
	text-align:center;
}
	/*
#CatList 
{ 
	list-style-type:none; 
	text-transform:uppercase;
	margin:0; 
	padding:0; 
}

#CatList li 
{ 
	/height:23px;
	line-height:23px;
	background:url(../img/structure/fond-list.gif) repeat-x bottom left;	
	border:1px solid #D3E8E3;
	margin-bottom:2px; 
	margin-top:1px;
	padding:2px 7px;
	
}

#CatList li a 
{
	background:url(../img/structure/puce-list_off.gif) no-repeat top left;	
	background-position:0 1px;
	color:#333;
	text-decoration:none;
	padding-left:15px;
}	

#CatList li a:hover, #category_list li a.cat-on
{
	background:url(../img/structure/puce-list_on.gif) no-repeat top left;	
	background-position:0 1px;
	color:#19937B;
	text-decoration:none;
}

#CatList li a.cat-on { font-weight:bold; }

#CatList li ul.hide 
{ 
	display:none; 
	list-style-type:none; 
	text-transform:none;
	margin:0; 
	padding:0; 	
}

#CatList li ul.hide li 
{ 
	background:url(../img/structure/fond-sous-list.gif) repeat-x bottom left;	
	border:1px solid #E8DDD3;
}	

#CatList li ul.hide li  a
{
	background:url(../img/structure/fleche-list_off.gif) no-repeat top left;	
	background-position:0 -5px;
	color:#333;
fnac transmetteur fm	text-decoration:none;
	padding-left:15px;
}	

#CatList li ul.hide li  a:hover
{
	background:url(../img/structure/fleche-list_on.gif) no-repeat top left;	
	background-position:0 -5px;
	color:#755A08;
	text-decoration:none;
}
*/

#category_list ul {
	background:none !important;
}

#category_list li {
	padding:1px 0;
	background: none;
}

#category_list .expandable-hitarea,
#category_list div.lastCollapsable-hitarea, 
#category_list div.lastExpandable-hitarea
 { background-image:url(../img/structure/treeview/puce-list_off.gif); }
 
#category_list .hitarea { 
	background:url(../img/structure/treeview/puce-list_on.gif) no-repeat 7px center;
	margin:0;
	height:28px;
	width:22px;
	/* --- */
	/*background-position:7px center;
	width:24px;
	position:absolute*/
}

#category_list a {
	display:block;
	background:url(../img/structure/treeview/fond-list.gif) repeat-x bottom left;	
	border:1px solid #D3E8E3;
	color:#000;
	text-decoration:none;
}

#category_list a.selected {
	font-weight:bold;
}


#category_list a span {
	display:block;
	background:none ;
	padding:6px 0;
	padding-left:22px;
}


#category_list li ul {
	margin:0
}

#category_list li li .hitarea { 
	background-image:url(../img/structure/treeview/puce_on.gif);
	margin-left:10px;
}

#category_list li li .expandable-hitarea,
#category_list li li div.lastCollapsable-hitarea, 
#category_list li li div.lastExpandable-hitarea
 { background-image:url(../img/structure/treeview/puce.gif); }


#category_list li li a {
	background-image:url(../img/structure/treeview/fond-sous-list.gif);
	color:#735806
}

#category_list li li a span {
	background:url(../img/structure/treeview/fleche-list_off.gif) no-repeat left top ;
	margin-left:11px;
}

#category_list li li li a {
	background:#FFF
}

#category_list li li li a span {
	margin-left:22px;
}


#category_list li.selection a {
	font-weight:bold;
	text-transform:uppercase;
	color:#18927A
}

#category_list li.selection a span {
	background:url(../img/structure/treeview/puce-list_on.gif) no-repeat 6px center;
}

/* [ Fabrication spéciale]---------------------------------------------------- */

#cadre-fabrication
{
	display:block;
	width:280px;
	height:109px;
	background:url(../img/structure/cadre-fabrication_off.jpg) no-repeat top left;
	margin-top:10px;
}	

a:hover#cadre-fabrication { background:url(../img/structure/cadre-fabrication_on.jpg) no-repeat top left; }

/* [ COLONNE DE DROITE]---------------------------------------------------- */	

/* [ Arborescence]---------------------------------------------------- */

#arborescence {
	width:100%;
	font-size:11px;
	color:#666;
	margin-bottom:15px;
}	

#arborescence a {	
	color:#666;
	text-decoration:none;
}	

#arborescence a:hover, #arborescence a.actif { color:#318C79; }	

/* [ Cadre présentation]---------------------------------------------------- */

#cadre-intro 
{
	position:relative;
	width:595px;
	height:139px;
	background:url(../img/structure/cadre-intro.jpg) no-repeat top left;
	font-size:17px;
	font-weight:bold;
	color:#2B2104;
	margin-bottom:15px;
}

#cadre-intro p
{ 
	position:absolute;
	top:15px;
	left:20px;
	text-align:center;
	margin:0;
}	

#cadre-intro p span 
{
	font-size:20px;
	color:#AD142B;
}

#cadre-intro a#gestion-stocks
{
	position:absolute;
	display:block;
	top:72px;
	left:246px;
	width:220px;
	height:35px;
}	
#cadre-intro a:hover#gestion-stocks { background:url(../img/structure/gestion-stocks_on.jpg) no-repeat top left; }

#cadre-intro a#gestion-catalogues
{
	position:absolute;
	display:block;
	top:72px;
	left:16px;
	width:220px;
	height:35px;
}	
#cadre-intro a:hover#gestion-catalogues { background:url(../img/structure/gestion-catalogues_on.jpg) no-repeat top left; }

/* [ Notre sélection]---------------------------------------------------- */	

#selection #titre-selection, #promotion #titre-promotion, #nouveaute #titre-nouveaute 
{
	position:relative;
	font-size:20px;
	font-weight:bold;
	color:#85670A;
	margin-bottom:10px;
}	

.list-annonces TD { 
	width:150px; 
	background:url(../img/structure/pointilles-v.gif) repeat-y top right; 
	padding-bottom:10px;
}

.list-annonces TD.col3 { background:none;}

/* annonces */
.annonce {
	width:106px;
	text-align:center; 
	margin-left:auto; 
	margin-right:auto; 
	cursor:pointer; 
	overflow:hidden
}

.annonce a, .annonce a:hover {
	color:#000;
	text-decoration:none
}

.annonce img { 
	border:3px solid #CEEBE7; 
}


.annonce label
{
	margin:4px auto auto auto;
	display:block;
	font-size:10px;
}

.annonce .prix
{
	font-size:11px;
	font-weight:bold;
	color:#C21A00;
	text-transform:uppercase;
}	

.annonce .prix span
{
	font-size:10px;
	font-weight:normal;
	text-transform:none;
}	


/* [ Nos promotions]---------------------------------------------------- */

#promotion { margin-top:35px; } 	

/* [ Nos nouveautes]---------------------------------------------------- */


/* [   CATALOGUE ]---------------------------------------------------- */

#catalogue .annonce {
	width:135px;
}

#catalogue .annonce img {
	border:0px !important; 
}

#catalogue .annonce label {
	font-size:12px;
	font-weight:bold
}

#catalogue .annonce .prix {
	font-size:14px;
}

#catalogue .annonce .prix span {
	font-size:11px;
}

/* [ Liste des pages]---------------------------------------------------- */

#PAGES
{
	font-size:11px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	float:right;
	margin:10px 0 0 0;
}

#PAGES LI
{
	display: inline;
	background:none;
	list-style-type: none;
	padding:0;
	padding-right: 10px;
	float:left;
	height:27px;
	line-height:21px;
}

#PAGES li.currentPage { margin-right:10px; }

#PAGES li.currentPage span.currentPage 
{
	font-weight:bold;
	color:#168E77
}


#PAGES li a
{
	color:#000;
	text-decoration:none;
}

#PAGES li a:hover
{
	text-decoration:none;
	color:#168E77
}

#PAGES a.active 
{
	font-weight:bold;
	color:#168E77
}

#PAGES  li.previouslast a
{
	float: left;
	width:18px;
	background:#FFF url(../img/structure/bt-prec-last_off.gif) no-repeat;
	height:18px;
}

#PAGES  li.previouslast a:hover { background-image:url(../img/structure/bt-prec-last_on.gif); }


#PAGES  li.previous a
{
	float: left;
	width:18px;
	background:#FFF url(../img/structure/bt-prec_off.gif) no-repeat;
	height:18px;
}

#PAGES  li.previous a:hover { background-image:url(../img/structure/bt-prec_on.gif); }

#PAGES  li.nextlast a
{
	float: left;
	width:18px;
	background:#FFF url(../img/structure/bt-suiv-last_off.gif) no-repeat;
	height:18px;
}

#PAGES  li.nextlast a:hover { background-image:url(../img/structure/bt-suiv-last_on.gif); }

#PAGES  li.next a
{
	float: left;
	width:18px;
	background:#FFF url(../img/structure/bt-suiv_off.gif) no-repeat;
	height:18px;
}

#PAGES  li.next a:hover { background-image:url(../img/structure/bt-suiv_on.gif); }

/* [ Pied de page]---------------------------------------------------- */	
	
#pied-page
{
	position:relative;
	clear:both;
	color:#A3A2A2;
	text-align:center;
	margin-bottom:20px;
}	

#pied-page a
{
	color:#A3A2A2;
	text-decoration:none;
	margin-left:4px;
	margin-right:4px;
}	

#pied-page a:hover
{
	color:#8B6E17;
	text-decoration:none;
}

#pied-page #mots-cles {
	color:#C8D3D0;
}

#pied-page #lien-acreat 
{
	position:absolute;
	top:42px;
	right:10px;
}	

#pied-page #partenaires
{
	position:absolute;
	top:42px;
	right:240px;
	color:#C8D3D0;
}

#pied-page #mots-cles a, #pied-page #lien-acreat a, #pied-page #partenaires a
{
	font-size:10px;
	color:#C8D3D0;
	text-decoration:none;
	margin:0;
}	

#pied-page #mots-cles a:hover , #pied-page #lien-acreat a:hover, #pied-page #partenaires a:hover{ color:#A3A2A2; }	

/* [ PAGE SOCIETE]---------------------------------------------------- */	

#plan
{
	float:left;
	display:block;
	width:277px;
	height:256px;
	background:url(../img/societe/france-home-diffusion.png) no-repeat top left;
	margin-right:10px;
}

a:hover#plan { background:url(../img/societe/rennes-home-diffusion.png) no-repeat top left; }

/* [ PAGE ACTUALITES]---------------------------------------------------- */	

#actualite .actu { margin-bottom:25px; }

#actualite .actu .titre-actu
{
	background:url(../img/structure/picto-fiche.gif) no-repeat top left;
	background-position:0 3px;
	font-weight:bold;
	color:#19937B;
	text-transform:uppercase;
	padding-left:13px;
	padding-bottom:5px;
	border-bottom:1px dotted #A6D6CA;
	margin-bottom:10px;
}	

#actualite .actu .titre-actu span
{
	font-size:11px;
	font-weight:normal;
	color:#8B6E17;
	text-transform:none;
}	

#actualite .actu p
{
	font-size:11px;
	text-align:justify;
}	

#actualite .actu img
{
	float:right;
	clear:right;
	border:4px solid #CEEBE7;
	margin:0 0 10px 10px;
}	

/* [ PAGE NOUS CONTACTER]---------------------------------------------------- */	

div#contact {
	background:url(../img/structure/fond-contact.jpg) no-repeat top right;
}
	
/*** Mise en forme du formulaire de contact ***/

.formulaire#contact {
	width:100%;
}	

.formulaire#contact TH, .formulaire#contact TD {
	padding-top:10px;
	padding-right:10px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	width:33%;
}
	
.formulaire#contact TH {
	white-space:nowrap;
	width:1%;
	padding-top:13px;
}

	
.formulaire#contact input  {
	width:96%;
}	

.formulaire#contact select {
	font-size:11px;
}
	
.formulaire#contact textarea {
	width:99%;
	height:100px
}

.formulaire#contact TH.needed {	
	font-weight: bold;
}

.formulaire#contact TH.needed span { 
	color:#C21A00; 
}

.contact_options {
	background:#FFFEE7;
	padding:5px 12px;
	margin:12px auto;
}

#contact #googlemap
{
	width:100%;
	height:350px;
	background:#F2EFE9;
	border:1px solid #D2E9E2;
}	

/* [ PAGE NOS SERVICES]---------------------------------------------------- */	

#renseignement
{
	width:595px;
	height:49px;
	line-height:49px;
	background:url(../img/service/renseignements.jpg) no-repeat top left;
	font-size:14px;
	text-align:center;
}

#renseignement span { color:#C21A00; }

.haut { margin-bottom:10px; }

a.bt-demande
{
	float:right;
	display:block;
	width:138px;
	height:29px;
	background:url(../img/structure/bt-demande_off.png) no-repeat top left;	
}

a:hover.bt-demande  { background:url(../img/structure/bt-demande_on.png) no-repeat top left; }	


/* [ DEVIS ---------------------------------------------------- */	

a#bt-begin-devis
{
	margin:auto;
	display:block;
	width:138px;
	height:29px;
	background:url(../img/structure/bt-demande_off.png) no-repeat top left;	
}	
a:hover#bt-begin-devis { background:url(../img/structure/bt-demande_on.png) no-repeat top left; }


/* [ SITEMAP ---------------------------------------------------- */	

#sitemap H2 a {
	text-decoration:none
}

#sitemap blockquote a {
	color:#000;
	text-decoration:none
}

#sitemap blockquote {
	margin-right:5px;
	text-align:justify;
}