div#catalogue {
width:717px;
padding:0px;
margin:0px auto;
position:relative;
}
div#titre_liste, div#titre_recherche {
width:714px;
height:171px;
border: 1px solid #c3c3c3; 
position:relative;
margin: 0 0 15px 0;}

div#titre_liste {
background: #fff url(img/integration/titre-liste.jpg) repeat-x left top; 

}
div#titre_recherche {
background: #fff url(img/integration/recherche.jpg) repeat-x left top; 
}
div#titre_liste strong, div#titre_recherche strong {
display:block; 
position:absolute;
right:5px;
bottom:5px;
font-size:18px;
color:#fff ;


}

div#catalogue form{
padding:0px;
margin:0px;

}
/*
	#####################################################
	################### bloc article   ##################
	##################################################### 
 */


div#article_bloc {
position:relative;
border: 1px solid #c3c3c3; 
background: #fff url(img/background/fd-cadre.gif) repeat-x;
padding:20px 0px 0px 0px;
margin:0 0 15px 0;
height: 280px;
overflow: inherit;}

div#article_titre {
position:relative;

padding:8px 8px 8px 220px ;}

div#article_bloc h1 {
font-size:15px;
padding-left:205px;
margin: 0 0 8px 0
}
div#article_bloc h2 {
font-size:10px; 
font-weight:lighter;
padding:0px;
margin: 0 0 0px 0
}

div#article_photo, div#article_detail , div#article_valid  { 
position:relative;
float:left;
text-align:center;
margin:0 2px;

}
div#article_photo {
width:200px;
height:auto;

}
div#article_photo img{
width:160px;}


div#article_detail {
width:300px;
padding:0px 0px;
margin-left: 10px;
text-align:left;}

div#article_detail h3{
text-align:center;
padding:3px;
color:#999999;
}
div#article_detail p{
text-align:center;
padding:3px;

}

div#article_detail ul { 
list-style:inside;
list-style-type:circle;
margin:5px;
}


div#article_valid  {

padding-top:0px;
text-align:center;
}
div#article_valid strong{
font-size:20px;}

div#article_valid img{
margin:20px 0 20px 0;}

/*
	#####################################################
	#################### promo /// nouveaute ############
	##############  filtre    ///     TRI    ############
	##################################################### 
 */

div#list_article h3, div#list_config h3, div#list_promo h3, div#list_nouveaute h3, div#filtre_recherche h3, div#filtre_tri h3, div#legende_dispo h3 {
padding:8px 0px;
margin:0px 0px 10px 0;
}

div#list_promo, div#list_nouveaute, div#filtre_recherche, div#filtre_tri {
		margin:0px 0 15px 0;
		padding:5px;
		position:relative;
		border: 1px solid #c3c3c3; 
		background: #fff url(img/background/fd-cadre.gif) repeat-x;
		text-align:left;

}
div#filtre_recherche h4 {
position: relative;
height:30px;

}
div#filtre_recherche h4 strong, div#filtre_recherche h4 select {

display : block;
float : left;

}


div#filtre_recherche h4 select
{width :350px;}
div#filtre_recherche h4 strong {width :200px; }


div#list_promo, div#list_nouveaute {
width:340px;
border: 1px solid #c3c3c3; 
position:relative;
background: #fff url(img/background/fd-cadre.gif) repeat-x;}

div#list_promo {
float:left; 
}
div#list_nouveaute {
float:right;}


div#list_promo strong, div#list_promo em, div#list_nouveaute strong, div#list_nouveaute em{
float:left;
display:block;
padding:2px 0;}

div#list_promo strong, div#list_nouveaute strong{
width:70px;
text-align:right;
}
div#list_promo em, div#list_nouveaute em{
width:265px;
font-style:normal;
}

/*
	#####################################################
	################# tableau listarticle  ##############
	##################################################### 
 */
div#caract_article, div#desc_article, div#avis_client, div#vote_client {
padding:10px 8px 15px 8px;
text-align:justify}

div#avis_client, div#vote_client {
padding:30px 8px 15px 8px;
}


div#list_article, div#list_config,div#caract_article, div#desc_article, div#avis_client, div#vote_client {
border: 1px solid #c3c3c3; 
position:relative;
background: #fff url(img/background/fd-cadre.gif) repeat-x;
padding-bottom:15px; margin:0 0 15px 0;}

div#list_article h4,div#list_config h4, div#caract_article h5 {
position:relative;
border-bottom:1px dashed #000;
padding:2px 5px;
margin:0px 0px 2px 0;}

div#list_article h5,div#list_config h5  { 
position:relative;
border-bottom:1px dashed #000;
padding:2px 5px;
margin:0px 0px 2px 0;

}
div#list_article h4,div#list_config h4, div#caract_article h5 {
height:25px;}
div#list_article h5, div#list_config h5 {
height:40px; 
}

			
div#list_article h5 strong img, div#list_config h5 strong img{
				width:32px;
				float:none; 
				padding:0px ;
				margin:0px ;}
				
div#list_config h4 strong, div#list_config h4 em,			
div#list_article h4 strong, div#list_article h4 em,div#list_article h5 strong, div#list_article h5 em, div#caract_article h5 strong, div#caract_article h5 em  { 
display:block;
float:left;
margin:0;
padding:8px 0;

}

div#list_config h5 strong, div#list_config h5 em {
display:block;
float:left;
margin:0;
padding:0px 0;

}


div#list_config h4 strong, div#list_config h5 strong,
div#list_article h4 strong, div#list_article h5 strong {
width: 100px;
text-align:center;}

div#caract_article h5 em {
text-align:left;
width:250px;
font-style:normal;
}

div#list_article h4 em, div#list_article h5 em {
text-align:left;
width:410px;
font-style:normal;
}
div#list_config h4 em, div#list_config h5 em {
text-align:left;
width:510px;
font-style:normal;
}
span#select_element select {width:510px;}

div#list_article h4 em,div#list_config h4 em{
padding-left:3px;
padding-right:40px;}

div#list_article b, div#list_config b{
display:block;
float:left;margin:0;
width:45px;
}
div#list_article p{
padding:10px;

}

div#list_article h5 input{
margin-top:7px;

}
/*
	#####################################################
	#################### legende ########################
	##################################################### 
 */
div#legende_dispo{
clear:both;
line-height:20px;
margin:0 0 15px 0;
padding:8px;
border: 1px solid #c3c3c3; 
background: #fff }


/*
	#####################################################
	#################### Onglet dynamique  ##############
	##################################################### 
 */


.onglet{
padding: 3px 0;
margin:1px 0 0 0;
font-weight:bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.onglet li{
display: inline;
margin: 0;
}

.onglet li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin: 0px;
border: 1px solid #c3c3c3;
color: #2d2b2b;
background: #fff url(img/background/onglet-inactif.gif) left repeat-x;
}

.onglet li a:visited{
color: #2d2b2b;
	}

.onglet li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.onglet li a.selected,.onglet li a.choix_avis{ /*selected main tab style */
color: #2d2b2b;
position: relative;
top: 2px;
background: #fff url(img/background/onglet-actif.gif) left repeat-x;
border-bottom:none;
}

.onglet li a.selected:hover, .onglet li a.choix_avis:hover{ /*selected main tab style */
color: #2d2b2b;
text-decoration: none;
}

.contenuonglet{
display:none;
border: 1px solid #c3c3c3; 
position:relative;
background: #fff url(img/background/fd-cadre.gif) repeat-x;
position:relative;}


@media print {
.contenuonglet{
display:block !important;
}