/*************************************************************************************/
/*****---------------------------  FEUILLE DE STYLE TYPE  ----------------------******/
/*************************************************************************************/


/*******************************/
/*****.....GENERALITES.....*****/
/*******************************/

body{
	margin: 0; /*sans valeur 10px environ tout autour*/
	margin:15px 0;
	padding: 0;
	font-size: 1em; /*sans valeur taille=1em, par défaut 1em=12pt=16px*/
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	background-color: #800000;
}

a{
	color:#800000;
}
/*****************************************/
/*****.....CONTENEURS PRINCIPAUX.....*****/
/*****************************************/

#conteneur_global{
	width: 970px;
	margin: auto; /*border:1px solid red;*/
	background-color: #FBF5E9;
	/*background-color:#FFF;*/
	background-image: url(images/commun/fond_conteneur_global.jpg);
	background-repeat: repeat-y;
}

#header{
	width: 100%;
	height: 100px;
	/*border: 1px solid green;*/
	background-image: url(images/commun/bandeau.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
#header2{
	width: 100%;
	height: 100px;
	/*border: 1px solid green;*/
	/*background-image: url(images/commun/bandeau_2.jpg);*/
	background-image: url(images/commun/bando_promo_30.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
#header_foire{
	width: 100%;
	height: 100px;
	/*border: 1px solid green;*/
	background-image: url(images/commun/bandeau_foire.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
#gauche{
	float: left;
	width: 175px;
	margin-top:30px;
}

#centre{
	float:left;
	width:775px;
	margin:auto;
	margin:30px 0 15px 10px;
}
#centre2{
	float:left;
	width:775px;
	margin:auto;
	margin:30px 0 15px 10px;
	/*background-image: url(images/commun/fond_centre.jpg);
	background-repeat: no-repeat;*/
}
#droite{
	float:right;
	width:185px;
	margin:5px 0px 0 0px;
	padding:0;
}

#footer{
	clear: both;
	height:35px;
	margin: 0;
	background-image: url(images/commun/fond_footer.jpg);
	background-position: bottom;
}

.cadres_produits{
	float: left;
	margin: 10px 15px 10px 3px;
	padding:0 0 5px 0;
	width: 270px;
	height: 132px;
	background-image: url(images/accueil/fond_visu_accueil.jpg);
}
.cadres_produits_abris_de_jardin_modifiables{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_abris_de_jardin_modifiables.jpg);
}
.cadres_produits_chalets_de_jardin{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_chalets_de_jardin.jpg);
}
.cadres_produits_garages_en_bois{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_garages_en_bois.jpg);
}
.cadres_produits_gloriettes{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_gloriettes.jpg);
}
.cadres_produits_terrasses{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_terrasses.jpg);
}
.cadres_produits_clotures_pergolas{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_clotures_pergolas.jpg);
}
.cadres_produits_charetteries{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_charetteries.jpg);
}
.cadres_produits_abris_de_jardin_standards{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_abris_de_jardin_standards.jpg);
}
.cadres_produits_bucher_a_bois{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_bucher_a_bois.jpg);
}

.cadres_produits_accueil_promotion{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_promotion2.jpg);
}
.cadres_produits_techniques{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_techniques.jpg);
}

.cadres_produits_contact{
	float: left;
	margin: 0px 15px 20px 10px;
	width: 230px;
	height: 165px;
	background-image: url(images/accueil/accueil_contact.jpg);
}
.cadres_produits_detail{
	float: left;
	padding:3px 5px 3px 0;
	margin: 15px 5px 15px 0;
	width: 555px;
	/*height: 250px;*/
	border-bottom: 1px dotted #800000;
	/*background-color: ThreedLightShadow;*/
	background-image: url(images/commun/fond_titre_prod.gif);
	background-repeat: no-repeat;
}
.cadres_produits_detail2{
	float: left;
	padding:3px 5px 3px 0;
	margin: 15px 5px 5px 10px;
	width: 555px;
	/*height: 250px;*/
	/*border-bottom: 1px dotted #800000;*/
	/*border-right:1px dotted #800000;*/
	/*background-color: ThreedLightShadow;*/
	background-image: url(images/commun/fond_titre_prod2.gif);
	background-repeat: no-repeat;
}
#info_flash{
width:170px;
height:160px;
background-image: url(images/accueil/fond_info_flash.gif);
background-repeat: no-repeat;
margin:0;
padding:0;
}
/*******************************/
/****.....BALISES TEXTE.....****/
/*******************************/

/*..............................TITRES.............................*/
h1{/*titre page*/
font-size:0.6em;
margin:8px 3px 5px 3px;
color:#800000;
color:#FBF5E9;
padding:0;
text-align:right;
padding:85px 20px 0 0;
margin:0;
}
h1.centre{text-align:center;}
h1.droite{text-align:right;}
	

h2{/*titre paragraphe*/
font-size:0.8em;
margin:10px 3px;
color:#800000;
}
h2.centre{text-align:center;}

h3{/*sous-titre paragraphes*/
font-size:0.7em;
margin:3px;
color:#800000;
}


/*...............................MENU HAUT & gauche.........................*/
#menu dl, #menu dt, #menu dd, #menu_gauche dl, #menu_gauche dt, #menu_gauche dd{
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
position:relative;
	height: 25px;
	line-height: 25px;
	z-index: 100;
	width: 970px;
	padding:0;
	/*margin:auto;*/
	/*border:1px solid red;*/
}
#menu_gauche{
	/*height: 25px;*/
	line-height: 25px;
	z-index: 100;
	margin: auto;
}

#menu dl, #menu gauche dl{
float: left;
}

#menu dt, #menu_gauche dt {
	height: 25px;
	margin: 2px 1px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	background-image: url(images/commun/fond_bois_menu.jpg);
	background-repeat: repeat-x;
	border-bottom:1px solid #C08080;
}


#menu_gauche dt {
	height: 30px;
	font-size: 8pt;
	line-height:30px;
	font-weight:bold;
	background-image: url(images/commun/fond_bois_menu2.jpg);
	background-repeat: repeat-x;
}

#menu dt a, #menu_gauche dt a{
	color: #600000;
	text-decoration: none;
	display: block;
	height: 24px;
	border: 0 none;
	line-height:24px;	
}

#menu_gauche dt a{
	text-align:left;
	padding-left:22px;
}

#menu dt a:hover, #menu_gauche dt a:hover{
background-image: url(images/commun/fond_bois_menu_hover2.jpg);
background-repeat: repeat-x;
color:#800000;
}

/*...............................MENU 2 HAUT NOUVEAU........................*/



#menu_2{
z-index: 100;
position:absolute;
background-color:#800000;
width:968px;
height:25px;
font-size:12px;
font-weight:bold;
border-right:1px solid #FBF5E9;
border-left:1px solid #FBF5E9;
text-align:center;
margin:auto;
}
.lien_haut{
font-size:12px;
float:left;
text-align:center;
line-height:23px;
border-right:1px solid #FBF5E9;
font-family:arial,helvetica;
}
#menu_2 dl, #menu_2 dt, #menu_2 dd, #menu_2 ul, #menu_2 li{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
text-align:center;
width:157px;
}
#menu_2 ul, #menu_2 li{
background-color:#B1625D;
width:164px;
}
#menu_2 dd{
text-align:center;
height:25px;
border-bottom;:1px solid #FFF;
margin-left:-6px;
}
#menu_2 dd a {
font-size:10px;
text-decoration:none;
line-height:23px;
}
#menu_2 dd a:hover {
font-size:10px;
text-decoration:none;
display:block;
color:#800000;
}
#menu_2 dt{
font-size:12px;
text-align:center;
line-height:23px;
border-right:1px solid #FBF5E9;
font-family:arial,helvetica;
}
#menu_2 a{
text-decoration:none;
color:#F9E3B8;
}
#menu_2 a:hover{
text-decoration:none;
color:#FBF5E9;
font-size:12px;
}
#smenu1{

}
#smenu1 ul li, #smenu2 ul li {
border-top:1px solid #800000; 
vertical-align: bottom;
}

/*...............................PARAGRAPHES........................*/

p{/*texte de paragraphe standard aligné à gauche*/
font-size:65%;
margin:0px;
padding:3px;
}
p.centre{text-align:center;}/*texte standard centré*/
p.droite{text-align:right;}/*texte standard aligné à droite*/
p.justify{text-align:justify;}/*texte standard justifié*/

.titreprod{
	text-align:center;
	padding:0;
	margin-bottom:5px;
	font-size:70%;
}
.titreprod2{
	text-align:center;
	padding:0;
	margin-bottom:5px;
	font-size:70%;
	color:#FBF5E9;
}

.rouge{
color:#800000;
font-size:90%;
}
/*...............................AUTRES TEXTES......................*/

.small{font-size:90%;}/*texte petit*/

.mention{font-size:90%;}/*texte très petit*/

.renvoi{/*renvoi d'asterisque*/
	font-size: 60%;
	line-height: normal;
	color:#800000;
}
.promotion{
text-align:center;
padding:5px 5px 0 5px;
font-weight:bold;
font-size:65%;
}
.promotion a{
text-decoration:none;
}
.promotion a:hover{
text-decoration:underline;
}
.promotion img{
margin-top:10px;
border:3px solid #FBF5E9;;
}
/*............................VIGNETTES PAGE ACCUEIL................*/
.textimage{
	font-size:55%;
	margin:0 1px 2px 1px;
	color:#800000;
	/*font-weight:bold;*/
	/*border:1px solid #000;*/
}

.vignette{
	margin:0px 5px;
	float:left;
	border:1px solid #800000;
}

/*..........................DETAILS PRODUITS.........................*/
.left_produits{
	float:left;
	margin:5px 10px 5px 0px;
	padding:0;
	width:282px;
	font-size:90%;
	height:100%;

}

.right_produits{
	width:260px;
	float:left;
}

.right_produits_part{
	width:260px;
	float:left;
}/*Produits particuliers pas d'images supplementaire*/

.variantes{
	float:right;
	width:180px;
	margin: 15px 10px 0 0;
	padding:0 5px 5px 5px;
	background-image: url(images/commun/fond_titre_variantes.gif);
	background-repeat: no-repeat;
}

.imgproduits{
	margin:0 0 5px 0;
	border:1px solid #800000;
	width:280px;
	height:190px;

}

.descriptif_produit{
	margin:5px 5px 0 0;
	font-size:60%;
	/*float:right;*/
}

.galerie_produits{
	float:left;
	border:1px solid #800000;
	margin:4px;
}




/*****************************************/
/**.........BALISES SEPARATION..........**/
/*****************************************/
hr{/*trait horizontal de 1px noir*/
  height: 1px;
  color: #000;
  background-color: #000;
  border: 0;
  clear:both;
}

div.espaceur{/*espaceur vertical de paragraphes*/
	height:5px;
	clear:both;
}

.pointille{
height:5px;
background-image: url(images/commun/pointille.jpg);
background-repeat: repeat-x;
background-position:center;
width:98%;
}


/*****************************************/
/*****...........TABLEAUX............*****/
/*****************************************/


/*...............................TABLEAU DE DONNEES......................*/

table{
	width:100%;
	border-collapse:collapse;
}

table td{/*texte aligné à gauche par défaut*/
	padding:5px;
	font-size:100%;
	border:1px solid #800000;
}

table td.big{
	padding:5px;
	font-size:100%;
	border:none;
}

table td.centre{/*texte centré dans la cellule*/
	text-align:center;
}

caption{
	padding:5px;
}

thead{/*nommage des colonnes texte centré et gras*/
	font-size:90%;
	background-color:;
}

tbody{/*Contenu général du tableau*/
	background-color:;
}

tfoot{/*Contenu cellules englobées en bas de tableau*/
	background-color:;
}

/*..................................GRAPHISME.........................*/
.tetiere{
	background-color: #800000;
	color: #FBF5E9;
	font-size:110%;
	height:20px;
	line-height: 15px;
	background-image: url(images/commun/fond_tetiere.jpg);
	background-repeat: repeat;
	/*border:1px solid #800000;*/
	border-bottom:none;
}
.tetiere_accueil{
	background-color: #800000;
	color: #FBF5E9;
	font-size:110%;
	height:20px;
	line-height: 15px;
	background-image: url(images/commun/fond_tetiere_accueil.jpg);
	background-repeat: repeat;
	/*border:1px solid #800000;*/
	border-bottom:none;
}
.cadre{
	border:1px solid #800000;
	margin:0 0 10px 0;
}
.cadre_accueil{
	/*border-left:1px solid #CC9999;
	border-right:1px solid #CC9999;*/
	margin:0 ;
}
.cadre_accueil p{
padding:3px 0;
}
.cadre_promotion{
	margin:0 0 10px 0;
	background-image: url(images/commun/fond_bois.jpg);
	background-repeat: repeat-y;
}
.bas_promotion{
	width:185px;
	height:14px;
	background-image: url(images/commun/bas_promotion.jpg);
	background-repeat: no-repeat;
	margin-bottom:5px;
}

.ssbord{
	border:1px solid #800000;
}

ul, li{
	Font-size:82%;
	margin:2px 15px;
	padding:0;
}