/* CSS Document */
/* --------------------------------------------------------------------------------------------- Main */
/* ------------------------------------------------------------------------- Contenu */
	#main #contenu {
		width:584px;
		padding-top:10px
	}
/* ----------------------------------------------------- Sommaire */
	#main #contenu.sommaire {
		width:524px;
		padding-right:60px
	}
/* --------------------------------- H1 */
	#main #contenu #h1_sommaire {
		text-transform:uppercase;
		font-size:2em;
		font-weight:bold;
		border-bottom-style:solid;
		border-bottom-width:3px;
		padding:0 0 0 12px;
		margin-bottom:15px
	}
	#main #contenu #h1_sommaire span {font-size:.8em}
	#main #contenu #h1_sommaire span span {
		text-transform:none;
		font-weight:normal;
		color:#797979
	}
/* --------------------------------- Tableau */
	#main #contenu #sommaire {
		float:left;
		width:100%;
		table-layout:fixed;
		text-transform:uppercase;
		border-collapse:collapse;
		background:url(../../images/elements/dotted_gris.gif) repeat-x left bottom;
		margin:0 0 15px 0
	}
	#main #contenu #sommaire tr td {
		vertical-align:bottom;
		text-align:center;
		background:url(../../images/elements/dotted_gris.gif) repeat-x left top;
		padding:10px 4px 30px 4px
	}

	#main #contenu #sommaire tr td div {
		position:relative;
		margin:0;
		padding:0;
	}

	#main #contenu #sommaire tr td img {
		vertical-align:bottom;
		margin:0 0 8px 0;
		padding-top:10px;
	}
	#main #contenu #sommaire tr td img.new {
		position:absolute;
		top:0;
		right:0;
		padding-top:0;
	}
	#main #contenu #sommaire tr td a span {
		display:block;
		font-weight:bold
	}
	#main #contenu #sommaire tr td a:hover, #main #contenu #sommaire tr td a:hover span {text-decoration:underline}
/* ----------------------------------------------------- Gauche */
	#main #contenu #gauche {
		float:left;
		width:367px;
		text-align:center
	}
/* --------------------------------- H1 */
	#main #contenu #gauche h1 {
		text-transform:uppercase;
		text-align:left;
		font-size:2em;
		font-weight:bold;
		color:#484747;
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:0 0 0 2px;
		margin-bottom:15px
	}
/* --------------------------------- Vignettes */
	#main #contenu #gauche #vignettes {
		text-align:left;
		background:url(../../images/structure/background/zoom.gif) no-repeat left top;
		padding:15px 0 0 0;
		margin:5px 0 0 0
	}
	#main #contenu #gauche #vignettes img {border:1px solid #484747; margin-right:5px}
/* ----------------------------------------------------- Droite */
	#main #contenu #droite {
		float:left;
		width:217px
	}
/* --------------------------------- H2 */
	#main #contenu #droite h2 {
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:bold;
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:7px 0 2px 0
	}
	* html #main #contenu #droite h2 {padding-top:6px}
	*+html #main #contenu #droite h2 {padding-top:6px}
/* --------------------------------- Paragraphe */
	#main #contenu #droite p {
		font-size:1.1em;
		line-height:1.5em;
		text-align:justify;
		color:#606060;
		background:url(../../images/elements/dotted_gris.gif) repeat-x left bottom;
		padding:0 0 10px 0;
		margin:0 0 10px 0
	}
	#main #contenu #droite #troisD {
		text-align: center;
	}
/* --------------------------------- Voir toute la gamme */
	#main #contenu #droite .voir_gamme {
		background:url(../../images/structure/background/voir_gamme.gif) no-repeat left top;
		padding:0 0 3px 21px;
		margin:0 0 0 5px;
		display: block
	}
	#main #contenu #droite #voir_gamme:hover {text-decoration:underline}
/* --------------------------------- Téléchargement haute def - basse def*/
	#main #contenu #droite .dl_hd_bd {
		background:url(../../images/structure/background/dl.png) no-repeat left top;
		padding:0 0 3px 21px;
		margin:0 0 0 5px;
		display: block
	}
	#main #contenu #droite .dl_hd_bd:hover {text-decoration:underline}
/* ----------------------------------------------------- Détails */
	#main #contenu #details {
		float:left;
		width:576px;
		font-family:tahoma;
		padding:8px 4px;
		margin:20px 0 15px 0
	}
/* --------------------------------- H2 */
	#main #contenu #details h2 {
		float:left;
		width:568px;
		text-transform:uppercase;
		font-size:1em;
		font-weight:bold;
		background:url(../../images/elements/dotted_gris.gif) repeat-x left bottom;
		padding:0 0 5px 8px;
		margin:0 0 10px 0
	}
/* --------------------------------- Div */
	#main #contenu #details div {
		float:left;
		width:46%;
		padding:0 2%
	}
/* ------------- Plus d'infos */
	#main #contenu #details #plus_infos {
		float:left;
		line-height:1.4em;
		font-weight:bold;
		padding:0 0 15px 8px
	}
	#main #contenu #details #plus_infos a {
		color:#ff6600;
		text-decoration:underline
	}
	#main #contenu #details #plus_infos a:hover {text-decoration:none}
/* ------------- H3 */
	#main #contenu #details div h3 {
		font-size:1em;
		margin-bottom:2px
	}
/* ------------- Liste*/
	#main #contenu #details div ul {margin:0 0 15px 0}
	#main #contenu #details div ul li {margin:0 0 1px 0}
/* ------------- Disponibilité*/
	#main #contenu #details div #disponibilite {
		text-transform:uppercase;
		font-weight:bold;
		color:#ff6600
	}
	#main #contenu #details #palettisation {
		float: left;
		width: 100%;
		padding: 0;
	}
	#main #contenu #details #palettisation table {
		text-align: center;
		border-collapse: collapse;
	}
	#main #contenu #details #palettisation table tr td, #main #contenu #details #palettisation table tr th{
		border: 1px solid #fff;
		padding: 4px 0;
	}
/* ----------------------------------------------------- Produits de cet ensemble */
	#main #contenu #produits_ensemble {
		float:left;
		width:570px;
		padding:0 0 0 14px
	}
/* --------------------------------- H2 */
	#main #contenu #produits_ensemble h2 {
		text-transform:uppercase;
		color:#484747;
		margin:0 0 15px 0
	}
/* --------------------------------- Tableau */
	#main #contenu #produits_ensemble table {
		width:100%;
		border-collapse:collapse;
		text-transform:uppercase;
		font-weight:bold
	}
	#main #contenu #produits_ensemble table tr td {
		vertical-align:bottom;
		text-align:center;
		padding:0 0 20px 0
	}
	#main #contenu #produits_ensemble table tr td img {
		vertical-align:bottom;
		margin:0 0 5px 0
	}
	#main #contenu #produits_ensemble table tr td a span {
		display:block;
		font-size:1.1em
	}
	#main #contenu #produits_ensemble table tr td a:hover, #main #contenu #produits_ensemble table tr td a:hover span {text-decoration:underline}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:217px;
		padding:0 25px 0 6px
	}
/* ----------------------------------------------------- Onglets */
	#main #right #onglets {
		float:left;
		width:194px;
		line-height:1.2em;
		font-size:1.2em;
		background-repeat:no-repeat;
		background-position:left bottom;
		padding:0 0 5px 23px
	}
	#main #right #onglets li {
		float:left;
		margin:0 1px 0 0
	}
	#main #right #onglets li a {
		float:left;
		text-align:center;
		background-repeat:no-repeat;
		background-position:left top
	}
	#main #right #onglets li a span {
		float:left;
		background-repeat:no-repeat;
		background-position:right top;
		padding:3px 10px
	}
	#main #right #onglets li a:hover span, #main #right #onglets li a.on span {cursor:pointer}
	#main #right #onglets li a.on span {cursor:text}
/* ----------------------------------------------------- Arrondi middle */
	#main #right #arrondi_middle {
		float:left;
		width:175px;
		border-style:solid;
		border-width:1px;
		border-bottom:0;
		border-top:0;
		padding:15px 20px 50px 20px
	}
/* --------------------------------- Liste */
	#main #right #arrondi_middle ul {padding:0 0 0 10px}
	#main #right #arrondi_middle ul li {
		background:url(../../images/elements/fleches_gris.gif) no-repeat 0 6px;
		padding:0 0 0 11px;
		margin:0 0 8px 0
	}
	#main #right #arrondi_middle ul li a {font-size:1.4em}
	#main #right #arrondi_middle ul li a:hover {text-decoration:underline}
	#main #right #arrondi_middle ul li span {
		font-size:1.1em;
		font-style:italic
	}
/* --------------------------------- Formulaire */
	#main #right #arrondi_middle label {
		display:block;
		font-size:1.2em;
		margin:0 0 2px 0
	}
	#main #right #arrondi_middle select {
		width:100%;
		font-size:1em;
		border:1px solid #666;
		margin:0 0 20px 0
	}
	#main #right #arrondi_middle input.champ_texte {
		width:171px;
		border:1px solid #666;
		padding:1px 0 1px 3px;
		margin:0 0 20px 0
	}
	#main #right #arrondi_middle input.bouton {
		float:right;
		font-size:1.1em
	}
/* ----------------------------------------------------- Arrondi bottom */
	#main #right #arrondi_bottom {
		float:left;
		width:100%;
		height:6px;
		font-size:0
	}