@import url(mcewrapper.css);

/**********************************************
******************** Balises *******************
***********************************************/
* {
	padding: 0;
	margin: 0;
}

html {
	font-size: 100%;
	background: #666 url(../images/bg.gif) repeat-x left top;
	color: #000;
	text-align: center;
}

body {
	font-size: 11px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, "Nimbus Sans L",
		sans-serif;
	text-align: left;
	width: 988px;
	margin: 0 auto;
}

/*--- liens ---*/
a {
	
}

a:hover {
	
}

a:focus {
	
}

/*--- titres ---*/
h1 {
	
}

h2 {
	
}

h3 {
	
}

h4 {
	
}

/*--- autres tags ---*/
p {
	margin-bottom: 5px;
}

abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

img {
	border: none;
	vertical-align: middle;
}

select {
	font-size: 1em;
}

input,option {
	padding: 0 .1em;
	font-size: 1em;
}

ul {
	
}

ul ul {
	
}

ul li {
	
}

/**********************************************
******************** Positionnement *******************
***********************************************/
#principal {
	text-align: left;
}

#entete {
	position: relative;
	height: 150px;
	background: transparent url(../images/head.jpg) no-repeat right top;
}

#main {
	width: 980px;
	padding: 0 4px;
	background: transparent url(../images/bg_main.png) repeat-y left center;
}

p#ariane {
	margin: 5px 0 0 0;
	color: #666;
}

p#ariane a {
	text-decoration: none;
}

#col-gauche {
	float: left;
	width: 30%;
}

#col-droite {
	float: right;
	width: 260px;
	padding: 20px;
}

#contenu {
	float: left;
	padding: 0 20px 35px 20px;
	width: 640px;
}

div.sanscols {
	float: none !important;
	width: auto !important;
}

#footer {
	height: 34px;
	background: #666 url(../images/bg_footer.gif) no-repeat left center;
	clear: both;
}

#message_pied {
	color: #898989;
	font-size: 9px;
	margin: .5em;
	text-align: center;
}

#liensitewebu {
	display: block;
	width: 40px;
	height: 30px;
	margin: 0 auto;
}

/**********************************************
******************** MENUS *********************
***********************************************/
.menu {
	
}

/*----------------------------- Menu Pied de page----------------------------------------------------*/
	/*--- conteneur du menu ---*/
#footer .menu {
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0;
	color: #707070;
}

#footer .menu li {
	display: inline;
	background: none;
	padding: 0;
}

#footer .menu li a {
	color: #d2d2d2;
	text-decoration: none;
}

/*--- menu actifs et survol ---*/
#footer .menu li a:hover {
	color: #fff;
}

/*----------------------------- Menu onglet----------------------------------------------------*/
	/*--- conteneur du menu ---*/
#entete .menu {
	position: absolute;
	z-index: 1000;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 4px 4px 0 4px;
	height: 30px;
	width: 980px;
	background: #666 url(../images/bg_menu.gif) no-repeat left center;
}

#entete .menu li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
	height: 30px;
	background: transparent url(../images/menus.gif) no-repeat right top;
}

#entete .menu li a {
	display: block;
	height: 30px;
	padding: 0 20px;
	color: #d9dadb;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 26px;
	text-decoration: none;
}

/*--- menu actifs et survol niveau 1 ---*/
#entete .menu li a:hover,#entete .menu li a.itemactif {
	color: #fff;
}

#entete .menu li:hover a,#entete .menu li.itemactif a {
	color: #fff;
	background: transparent url(../images/menus.gif) no-repeat right -30px;
}

#entete .menu li ul {
	position: absolute;
	z-index: 10000;
	top: 30px;
	left: 0;
	visibility: hidden;
	/*width:120px;*/
	background-color: #eee;
	padding: 0;
	margin: 0 0 0 -1px;
	border-left: 1px solid #a0131c;
	border-right: 1px solid #dd535c;
}

#entete .menu li:hover ul {
	visibility: visible;
}

#entete .menu li ul li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	height: auto;
	background: none;
	border-bottom: 1px solid #d71a26;
}

#entete .menu li ul li a {
	display: block;
	height: auto;
	padding: .1em 20px;
	color: #717171;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
}

#entete .menu li:hover ul li a,#entete .menu li.itemactif ul li a {
	color: #717171;
	background: none;
}

/*--- menu actifs et survol sous niveaux ---*/
#entete .menu li ul li a:hover {
	color: #fff;
	background-color: #d81a26;
}

#entete .menu li ul li a.itemactif {
	text-decoration: none;
	background: #d81a26 url(../images/menus.gif) no-repeat 0 -35px;
	color: #fff;
}

/**********************************************
************** Page d'accueil ****************
**********************************************/
	/*---------- 4 étapes ----------*/
#etapes_txt {
	text-align: center;
	font-size: 20px;
	color: #9f9f9f;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#etapes_txt span {
	font-size: 30px;
}

#etape {
	height: 85px;
	margin: 0 0 15px 0;
}

#etape li {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

#etape li#etape4 {
	margin: 0;
}

/*---------- séléction ----------*/
.contnair_selec {
	margin: 0;
	width: 640px;
	clear: both;
}

.onglets {
	margin: 0;
	border-bottom: 1px solid #bbbdbe;
	height: 25px;
}

.onglets li {
	height: 25px;
	float: left;
	margin: 0 4px 1px 0;
	padding: 0;
	background: transparent url(../images/onglets.png) no-repeat 0 0;
}

.onglets li a {
	display: block;
	height: 22px;
	font-size: 13px;
	padding: 4px 7px 0 7px;
	text-decoration: none;
	font-weight: bold;
	color: #9f9f9f;
	background: transparent url(../images/onglets.png) no-repeat right -26px
		;
}

.onglets li:hover {
	background: transparent url(../images/onglets.png) no-repeat left -52px;
}

.onglets li a:hover {
	font-weight: bold;
	color: #000;
	background: transparent url(../images/onglets.png) no-repeat right -78px
		;
}

.onglets li.actif {
	font-weight: bold;
	color: #000;
	margin: 0 4px 0 0;
	padding: 0 0 1px 0;
	background: transparent url(../images/onglets.png) no-repeat left -52px;
}

.onglets li.actif a {
	font-weight: bold;
	color: #000;
	background: transparent url(../images/onglets.png) no-repeat right -78px
		;
}

/*---------- blocs ----------*/
.blocs {
	margin: 15px 0 0 0;
}

.blocrouge {
	background-color: #eceded;
	clear: both;
}

.blocrouge h2 {
	margin: 0;
	padding: 2px 0 0 15px;
	height: 24px;
	color: #fff;
	text-transform: none !important;
	background: #707172 url(../images/head_bloc_rouge.png) no-repeat left
		top !important;
}

.blocrouge .blocs_wrapper {
	background-color: transparent !important;
	padding: 10px 0;
}

.blocrouge .blocs_wrapper .encart_prod {
	background-color: #fff;
	border: 1px solid #d9dadb;
	margin: 0 0 0 5px;
	width: 305px;
	padding: 2px;
}

.blocrouge .blocs_wrapper .encart_prod p,.blocrouge .blocs_wrapper .encart_prod ul.finitions
	{
	width: 180px;
	margin: 0 7px 0 0;
}

.blocrouge .blocs_wrapper .encart_prod .stock {
	width: 165px;
	margin: 0 7px 0 0;
}

.blocrouge .blocs_wrapper .encart_prod img {
	margin: 0 0 10px 5px;
}

.blocrouge .blocs_wrapper .encart_prod h3 {
	color: #d81a26;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 5px;
	font-variant: normal;
	border: none;
}

.blocs_wrapper {
	border-right: 1px solid #aaacad;
	border-bottom: 1px solid #aaacad;
	border-left: 1px solid #aaacad;
	background-color: #f6f6f6;
}

#cadre_accueil .blocs h2 {
	margin: 0;
	padding: 2px 0 0 15px;
	height: 24px;
	font-size: 15px;
	text-transform: none;
	color: #fff;
	background: #707172 url(../images/head_bloc_gris.png) no-repeat left top
		;
}

#marques ul {
	margin: 0 0 0 23px;
	padding: 15px 0 0 0;
	width: 615px;
}

#marques ul li {
	background: none;
	margin: 0 23px 15px 0;
	padding: 0;
	float: left;
	width: 100px;
	text-align: center;
}

#marques ul li a {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

#marques ul li a:hover {
	color: #d81a26;
}

#constructeurs ul {
	margin: 0 0 15px 10px;
	padding: 15px 0 0 0;
	width: 628px;
}

#constructeurs ul li {
	width: 149px;
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	background: transparent url(../images/puce_rouge.gif) no-repeat 0 5px;
}

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

#constructeurs ul li a:hover {
	color: #707070;
}

/**********************************************
*************** Page produits *****************
**********************************************/
#liste_produits {
	margin: 15px 0 0 0;
}

/****Referencement JAR 20100525 DEM017 ********/
#liste_produits .blocs h2 {
	margin: 0;
	padding: 2px 0 0 15px;
	height: 24px;
	font-size: 15px;
	text-transform: none;
	color: #fff;
	background: #707172 url(../images/head_bloc_gris.png) no-repeat left top
		;
}

/****Fin Referencement JAR 20100525 DEM017 *****/
.etapes_effect {
	margin: 0 0 15px 0;
	background-color: #f6f6f6;
	border: 1px solid #eceded;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.etapes_effect .intitule {
	color: #d81a26;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	width: 450px;
}

.etapes_effect .intitule .prixpromo {
	color: #ee7f00;
}

.etapes_effect .intitule .prixbarre {
	text-decoration: line-through;
	font-size: 11px;
	font-weight: normal;
}

.etapes_effect .intitule2 {
	color: #d81a26;
	letter-spacing: 1px;
	font-size: 11px;
	width: 450px;
}

.etapes_effect p {
	margin: 0 0 2px 0;
}

.etapes_effect p span {
	color: #9f9f9f;
}

.avertissement {
	color: #d81a26;
	letter-spacing: 0;
	font-size: 11px;
	font-variant: normal;
	font-style: italic;
}

.selection {
	clear: both;
	float: left;
	padding: 15px;
	margin: 0;
	width: 608px;
	border: 1px solid #bbbdbe;
	border-top: none;
	background-color: #e5e5e5;
}

.selection ul {
	margin: 0 0 10px 0;
}

.selection li {
	background: none;
	float: left;
	margin: 0 10px 5px 0;
	padding: 0;
}

.selection label {
	color: #d81a26;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 0 0 2px 0;
}

.selection select {
	width: 140px;
	border: 1px solid #9c9d9f;
	float: left;
	clear: both;
}

.selection .validation {
	text-align: center;
}

.selection .validation p {
	text-align: center;
	margin: 0 0 15px 0;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

.selection .validation input {
	margin: 0 0 0 25px;
}

.selection .validation input.btn_gris {
	margin: 0;
	text-transform: none;
	height: 25px;
}

.selection .validation input.btn_large {
	height: 30px;
	width: 200px;
}

.selection .avertissement {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}

/*---------- encarts produits ----------*/
.encart_prod {
	float: left;
	width: 310px;
	margin: 15px 9px 15px 0;
}

/*-----------Referencement JAR DEM027 ajout de lien sur titre-------*/
h3.tete a {
	color: #d81a26;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 5px;
	font-variant: normal;
	border: none;
	text-decoration: none;
}

h3.tete a:HOVER {
	text-decoration: underline;
}

/*-----------End Referencement JAR ajout de lien sur titre-------*/
.encart_prod_droite {
	margin-right: 0;
	padding: 0 0 0 10px;
	border-left: 1px dotted #9f9f9f;
}

.bsp {
	clear: both;
	height: 0;
	border-color: #9f9f9f;
	border-style: dotted;
	border-width: 1px 0 0 0;
}

.encart_prod h2 {
	font-size: 13px;
	color: #d81a26;
	background: none;
	text-transform: none;
	margin: 0 0 10px 0;
}

/*-----------Referencement JAR DEM010 ajout de lien sur titre-------*/
.encart_prod h2 a {
	font-size: 13px;
	color: #d81a26;
	background: none;
	text-transform: none;
	margin: 0 0 10px 0;
	text-decoration: none;
}

.encart_prod h2 a:HOVER {
	text-decoration: underline;
}

/*-----------End Referencement JAR ajout de lien sur titre-------*/
.encart_prod img {
	float: left;
	margin: 0 0 10px 0;
}

.encart_prod p {
	float: right;
	width: 200px;
	border-top: 1px solid #e5e5e5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

/*------------Referencement JAR DEM012 ----*/
.encart_prod p.annonce {
	float: left;
	width: 310px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

/*-----------End Referencement JAR-------*/
.encart_prod p.picto_promo {
	padding-left: 20px;
	width: 180px;
	font-weight: bold;
	color: #ee7f00;
	background: transparent url(../images/picto_promo.png) no-repeat 0 4px;
}

.encart_prod ul.finitions {
	float: right;
	width: 200px;
	padding-bottom: 5px;
	margin: 0;
}

.encart_prod .stock {
	background-position: 0 5px;
	width: 185px;
	margin: 0;
}

.encart_prod p span {
	font-weight: bold;
}

.encart_prod ul.dimensions {
	padding: 0;
	margin: 0;
	clear: both;
}

.encart_prod .dimensions li {
	text-align: center;
	float: left;
	padding: 0;
	margin: 1px;
}

.encart_prod .dimensions li.dernitem {
	margin: 0;
}

.encart_prod .dimensions li a {
	background: transparent url(../images/bg_dimens.png) no-repeat 0 0;
	text-decoration: none;
	display: block;
	width: 47px;
	height: 32px;
	color: #707070;
	font-size: 10px;
	border: 1px solid #cfd0d2;
	cursor: pointer;
}

.encart_prod .dimensions li a:hover {
	color: #d81a26;
	background: transparent url(../images/bg_dimens.png) no-repeat 0 -32px;
}

.encart_prod .dimensions li a span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 47px;
	margin: 1px 0;
}

.encart_prod .dimensions li.promotions a {
	background: transparent url(../images/bg_dimens_promo.png) no-repeat 0 0
		;
	border: 1px solid #ffbb12;
}

.encart_prod .dimensions li.promotions a:hover {
	background: transparent url(../images/bg_dimens_promo.png) no-repeat 0
		-32px;
	color: #fff;
}

/*---------- bloc palmares ----------*/
.palmares {
	width: 260px;
	margin: 0;
	padding: 0;
	list-style: none;
	liste-style-image: none;
}

.palmares li {
	padding: 0;
	margin: 8px 0 0 0;
}

#col-droite .palmares li h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.palmares li h3 a {
	color: #D61A28;
	text-decoration: none;
	margin-left: 40px;
	display: block;
}

.palmares li.palmares_top {
	padding: 10px 0 0 0;
}

.palmares_1 {
	background: url(../images/flag1.png) no-repeat 0 0;
}

.palmares_2 {
	background: url(../images/flag2.png) no-repeat 0 0;
}

.palmares_3 {
	background: url(../images/flag3.png) no-repeat 0 0;
}

.classement_palmares {
	display: block;
	float: left;
	width: 40px;
	color: #000;
	overflow: hidden;
}

.palmares_top .classement_palmares {
	text-indent: -100px;
}

#col-droite .palmares li p.prix_pal {
	padding-left: 40px;
	margin: 0 !important;
}

#col-droite .palmares li p.voirdetail {
	padding: 0 10px 2px 0;
	margin: 0;
}

#col-droite .palmares li.palmares_n {
	border-bottom: 1px dotted #9E9E9E;
	background: none;
	padding-bottom: 8px;
}

/**********************************************
************ Page détail produit **************
**********************************************/
h1#detprod {
	font-size: 20px;
	font-variant: normal;
	letter-spacing: 0;
	margin: 20px 0 10px 0;
	clear: both;
}

.infos_prod {
	width: 309px;
	padding: 0 0 0 11px;
}

.infos_prod .dimensions {
	border-bottom: 5px solid #afb0b2;
	padding: 0;
	margin: 0 0 10px 0;
	height: 33px;
}

.infos_prod .dimensions li {
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 3px 0 0;
}

.infos_prod .dimensions li:hover {
	border: none;
}

.infos_prod .dimensions li.dernitem {
	margin: 0;
}

.infos_prod .dimensions li a {
	text-decoration: none;
	display: block;
	color: #707070;
	font-size: 10px;
	width: 47px;
	height: 32px;
	border-top: 1px solid #cfd0d2;
	border-left: 1px solid #cfd0d2;
	border-right: 1px solid #cfd0d2;
	background: transparent url(../images/bg_dimens.png) no-repeat 0 0;
	cursor: pointer;
}

.infos_prod .dimensions li a:hover,.infos_prod .dimensions li.actif a {
	background: transparent url(../images/bg_dimens.png) no-repeat 0 -96px;
	color: #fff;
}

.infos_prod .dimensions li a span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 47px;
	margin: 1px 0;
}

.infos_prod .dimensions li.promotions a {
	color: #fff;
	border-top: 1px solid #ffbb12;
	border-left: 1px solid #ffbb12;
	border-right: 1px solid #ffbb12;
	background: transparent url(../images/bg_dimens_promo.png) no-repeat 0
		-32px;
}

.infos_prod .dimensions li.promotionsactif a,.infos_prod .dimensions li.promotions a:hover
	{
	color: #fff;
	border-top: 1px solid #ffbb12;
	border-left: 1px solid #ffbb12;
	border-right: 1px solid #ffbb12;
	background: transparent url(../images/bg_dimens_promo.png) no-repeat 0
		-64px;
}

.infos_prod .produit {
	margin: 0 0 10px 0;
}

.infos_prod label {
	color: #000;
	font-weight: bold;
}

.infos_prod select {
	margin: 0 0 0 10px;
	height: 18px;
	width: 120px;
	text-align: left;
}

.infos_prod .validation {
	margin: 10px 0 0 10px;
	float: right;
}

.infos_prod #finitprix {
	font-size: 14px;
	margin: 20px 0 0 0;
}

.infos_prod #finitprix p {
	font-weight: bold;
}

.infos_prod #finitprix p.apartirde {
	margin: 20px 0 0 0;
}

.infos_prod #finitprix p.apartirde span {
	color: #d81a26;
	font-size: 20px;
}

/* tableaux produits disponibles */
#tabprod {
	clear: both;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0;
}

#tabprod .dimensions {
	border-bottom: 5px solid #afb0b2;
	padding: 0;
	margin: 0;
	height: 33px;
	width: 641px;
	margin: 0 0 0 -1px;
}

#tabprod .dimensions li {
	background: none;
	line-height: 30px;
}

#tabprod .dimensions li a {
	text-decoration: none;
	display: block;
	color: #707070;
	font-size: 10px;
	width: 150px;
	height: 32px;
	border-top: 1px solid #cfd0d2;
	border-left: 1px solid #cfd0d2;
	border-right: 1px solid #cfd0d2;
	background: transparent url(../images/bg_dimens.png) no-repeat 0 -64px;
	cursor: pointer;
}

#tabprod .dimensions li a:hover,#tabprod .dimensions li.actif a {
	background: transparent url(../images/bg_dimens.png) no-repeat 0 -96px;
	color: #fff;
}

#tabprod .dimensions li span {
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 150px;
	margin: 1px 0;
}

/*DEbut */
#tabprod .dimensions li.droite {
	float: right;
	text-align: center;
	padding: 0;
	margin: 0 3px 0 0;
	line-height:7px;
}

#tabprod .dimensions li.droite a.toto {
	text-decoration: none;
	display: block;
	color: #707070;
	font-size: 10px;
	width: 47px;
	height: 32px;
	border-top: 1px solid #cfd0d2;
	border-left: 1px solid #cfd0d2;
	border-right: 1px solid #cfd0d2;
	background: transparent url(../images/bg_dimens.png) no-repeat 0 0;
	cursor: pointer;
}

#tabprod .dimensions li.droite span.titi {
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 47px;
	margin: 4px 0 4px 0;
	padding: 3px 0 3px 0;
}

#tabprod .dimensions li.droite a.toto:hover,#tabprod .dimensions li.actif a.toto {
	background: transparent url(../images/bg_dimens.png) no-repeat 0 -96px;
	color: #fff;
}

/*Fin*/

#tabprod table caption {
	margin: 10px 0 2px 0;
	font-weight: bold;
	font-size: 14px;
}

#tabprod table {
	font-size: 10px;
	border: 1px solid #afb0b2;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}

#tabprod table thead td {
	background-color: #ccc;
	font-weight: bold;
	padding: 5px 2px;
}

#tabprod table tr:hover td {
	background-color: #e2e2e2;
}

#tabprod table td {
	padding: 2px;
	border: 1px solid #afb0b2;
}

#tabprod table td.prix_tab {
	text-align: right;
}

#tabprod table td.prix_tab a {
	color: #d81a26;
	font-weight: bold;
	text-decoration: none;
}

#tabprod .aide {
	color: #7c7c7c;
	font-style: italic;
}

#tabprod .pager {
	margin: 15px 0;
	width: 640px;
}

#tabprod table tr.promotions td {
	background-color: #fdeec9;
}

#tabprod table tr.promotions:hover td {
	background-color: #fce6b0;
}

#tabprod table tr.promotions td .prixbarre {
	text-decoration: line-through;
}

#tabprod table tr.promotions td.prix_tab a {
	color: #ee7f00;
	font-size: 11px;
}

/*********************************/
.infos_prod ul.infos {
	margin: 0;
}

.infos_prod ul.infos li {
	background: none;
	border-bottom: 1px solid #e5e5e5;
	padding: 3px 0;
	margin: 0;
}

.infos_prod ul.infos li p {
	margin: 0;
}

.infos_prod .prix {
	margin: 15px 0 0 0;
	font-weight: bold;
	color: #9f9f9f;
	text-align: center;
}

.infos_prod a.pack {
	display: block;
	margin: 10px auto 20px auto;
	width: 160px;
	height: 50px;
	padding: 10px 0 0 0;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background: #d81a26 url(../images/bouton_big.png) no-repeat 0 0;
}

.infos_prod a.pack:hover {
	background: #d81a26 url(../images/bouton_big.png) no-repeat 0 -60px;
}

.infos_prod a.pack span {
	font-size: 17px;
}

/*------------Referencement JAR DEM008 ----*/
.infos_prod p.annonce {
	font-size: 9px;
}

/*------------End Referencement JAR ----*/
.infos_prod .lirelasuite {
	clear: none;
	width: 135px;
	margin: 0;
	text-align: left;
	padding: 0 0 0 15px;
	background: transparent url(../images/puces12.png) no-repeat 0 0;
}

.infos_prod .lirelasuite a {
	color: #000;
	font-weight: bold;
	background: none;
	padding: 0;
}

.infos_prod .lirelasuite a:hover {
	color: #7c7c7c;
}

.photos_prod {
	width: 320px;
}

.photos_prod img {
	border: 1px solid #cfd0d2;
}

.photos_prod img.main {
	margin: 0 0 3px 0;
}

.actions {
	margin: 15px 0 0 0;
}

.actions a {
	color: #000;
	text-decoration: none;
}

.actions a:hover {
	color: #7c7c7c;
}

/**********************************************
********** Page centres de montage ************
**********************************************/
.selec_centres p {
	color: #707070;
	text-align: left;
}

.selec_centres label,.selec_centres select {
	margin: 0 5px 0 0;
	float: none;
}

.selec_centres div {
	margin: 5px 0 0 50px;
	float: left;
}

.selec_centres .validation {
	margin: 0;
	float: right;
}

#googlemap {
	margin: 15px 0 0 0;
	border: 1px solid #bdbfc0;
	width: 638px;
	height: 376px;
	clear: both;
}

#list_centres {
	margin: 15px 0 0 0;
}

#list_centres h2 {
	padding: 0;
	color: #9f9f9f;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	font-variant: small-caps;
	background: none;
	margin: 0 0 5px 0;
}

#list_centres h2 span {
	letter-spacing: 0;
	font-weight: normal;
	text-transform: none;
	font-variant: normal;
	font-size: 11px;
	font-style: italic;
}

#list_centres div.cef {
	padding: 10px 0;
	border-bottom: 1px solid #d2d2d2;
}

#list_centres .blocadress {
	float: right;
}

#list_centres div img {
	float: left;
}

#list_centres div p {
	width: 350px;
	float: right;
	margin: 0;
}

#list_centres div p span {
	font-weight: bold;
}

#list_centres div p.adresse {
	width: 255px;
	float: left;
	font-size: 12px;
	clear: both;
	margin: 0 0 0 15px;
}

#list_centres div p.adresse span {
	display: block;
	width: 255px;
	color: #d81a26;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.gmnoprint p.adresse {
	margin: 0 0 2px 0;
}

.gmnoprint p.adresse span {
	color: #d81a26;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/**********************************************
************* Liens avec pictos ***************
**********************************************/
.stock {
	margin: 0;
	font-weight: normal !important;
	font-size: 10px;
	padding: 0 0 0 15px;
	background: transparent url(../images/puces10.png) no-repeat 0 0;
}

.stockfaible {
	background: transparent url(../images/puces10.png) no-repeat 0 -120px;
}

.stockreappro {
	background: transparent url(../images/puces10.png) no-repeat 0 -140px;
}

.voirdetail a {
	font-size: 10px;
	padding: 0 0 0 15px;
	color: #000;
	background: transparent url(../images/puces10.png) no-repeat 0 -20px;
}

.lirelasuite {
	margin: 0 15px 10px 0;
	text-align: right;
	clear: both;
}

.lirelasuite a {
	padding: 0 0 0 15px;
	background: transparent url(../images/puces12.png) no-repeat 0 0;
}

/** Referencement JAR DEM005 **/
.retour {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	color: #000;
	padding: 0 0 0 18px;
	/*------------Referencement JAR DEM005 ----*/
	background: transparent url(../images/puces12.png) no-repeat 4px -70px;
	/*------------End Referencement JAR DEM005 ----*/
}

/** Referencement JAR DEM005 **/
.retourPipe {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	color: #000;
	padding: 0 0 0 8px;
}

.retourPipe:hover {
	text-decoration: underline !important;
}

.retour:hover {
	text-decoration: underline !important;
}
/** Fin Referencement JAR DEM005 **/

.changer,.supprimer {
	float: right;
	display: block;
	font-size: 10px;
	padding: 0 0 0 13px;
	/*------------Referencement JAR DEM005 ----*/
	margin: 0 15px 0 15px;
	/*------------End Referencement JAR DEM005 ----*/
	text-decoration: none;
}

.changer {
	background: transparent url(../images/puces10.png) no-repeat 0 -40px;
}

.changer:hover {
	color: #a4454b;
	background: transparent url(../images/puces10.png) no-repeat 0 -60px;
}

.supprimer {
	background: transparent url(../images/puces10.png) no-repeat 0 -80px;
}

.supprimer:hover {
	color: #a4454b;
	background: transparent url(../images/puces10.png) no-repeat 0 -100px;
}

.mail {
	padding: 0 0 0 18px;
	background: transparent url(../images/puces14.png) no-repeat 0 -2px;
}

.imprim {
	height: 16px;
	margin: 0 0 0 20px;
	padding: 0 0 0 18px;
	background: transparent url(../images/puces14.png) no-repeat 0 -28px;
}

.demand_email {
	margin: 5px 0 0 0 !important;
}

.demand_email a {
	color: #000;
	padding: 0 0 0 30px;
	background: transparent url(../images/email.png) no-repeat 0 0;
}

/**********************************************
************** Identification ****************
**********************************************/
.user_formulaires #noaccount .validation a {
	padding: 4px 0 0 0;
	height: 26px;
	line-height: 12px;
	display: block;
}

/**********************************************
************** blocks ****************
**********************************************/ /*--- recherche ---*/
#block_recherche {
	position: absolute;
	right: 10px;
	top: 0;
	width: 245px;
	height: 41px;
}

#block_recherche p {
	margin: 10px 0 0 20px;
	padding: 0;
}

#block_recherche input.textboxrech {
	width: 160px;
	border: 1px solid #C6D4E1;
	padding: .1em .5em;
}

#block_recherche input {
	vertical-align: middle;
}

#validrech {
	border: 1px solid #6B6C82;
	background-color: #C6D4E1;
	color: #6B6C82;
	font-weight: bold;
}

#choixlangue a.itemactif {
	border: 2px solid #000;
}

/**********************************************
************** Zones de la page ****************
**********************************************/
	/*---------------- entete -------------------------------------------------*/
#logo {
	
}

/*----------------- Affichage colonne droite --------------------------------------------------------*/
#col-droite p {
	margin: 0 0 .5em 0;
}

#col-droite .stock {
	margin: 20px 0 .5em 0;
}

#col-droite #pub1 {
	padding: 5px;
	background: transparent url(../images/bgpub1.png) no-repeat left top;
}

#col-droite #pub2 {
	padding: 5px;
	margin: 15px 0 0 0;
	background: transparent url(../images/bgpub2.png) no-repeat left top;
}

#col-droite h2 {
	margin: 0 0 10px 0;
	padding: 5px 0 0 10px;
	min-height: 25px;
	font-size: 15px;
	text-transform: none;
	color: #fff;
	background: transparent url(../images/bgh2_coldroite.png) no-repeat left
		top;
}

#col-droite h3 {
	margin: 10px 0 5px 0;
	border-bottom: none;
	font-variant: normal;
	border-left: 3px solid #b5b5b5;
	padding: 0 0 0 5px;
	font-size: 13px;
	color: #08437b;
}

#col-droite .actu_prod,#col-droite .actu_erol {
	margin: 15px 0 0 0;
}

#col-droite .actu_prod h3 {
	color: #000;
	border: none;
	clear: both;
}

/** Referencement JAR Demande DEM027 bis: Rendre le titre cliquable pour la liste ˆ droite **/
#col-droite .cef h3  a{
	color: #000;
	border: none;
	clear: both;
	text-decoration: none;
}

#col-droite .cef h3  a:hover{
	text-decoration: underline;
}

/** Fin Referencement JAR Demande DEM027 bis **/

#col-droite .actu_prod img {
	float: left;
	border: 1px solid #9e9fa1;
}

#col-droite .actu_prod .content_prod {
	float: left;
	margin: 0 0 0 8px;
	width: 150px;
}

#col-droite .actu_prod .content_prod span {
	font-weight: bold;
}

#col-droite .actu_prod .content_prod span.finitions {
	font-weight: normal;
}

#col-droite .lirelasuite {
	margin: 0;
	text-align: right;
}

#col-droite .lirelasuite a {
	padding: 0 0 0 15px;
	color: #000;
	background: transparent url(../images/puces12.png) no-repeat 0 -36px;
}

#col-droite #promo .cef {
	padding: 0 0 1px 0;
}

#col-droite #promo h2 {
	background: transparent url(../images/bgh2_coldroite.png) no-repeat 0
		-60px;
}

#col-droite #promo .prix {
	color: #ee7f00;
	font-size: 12px;
}

#col-droite #promo .prixbarre {
	font-weight: normal;
	text-decoration: line-through;
}

#col-droite #promo .stock {
	margin-top: 0;
}

#col-droite #promo .voirmarque a {
	color: #000;
	padding: 0 0 0 15px;
	background: transparent url(../images/puces12.png) no-repeat 0 -108px;
}

#col-droite #promo ul#toutes_promos {
	margin: 15px 0 30px 0;
}

#col-droite #promo ul#toutes_promos li {
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	background: transparent url(../images/puces12.png) no-repeat 0 -108px;
}

#col-droite #promo ul#toutes_promos li a {
	color: #ee7f00;
	letter-spacing: -1px;
}

/**********************************************
************** Listes de publications ****************
**********************************************/
.cadres_publication {
	clear: both;
	margin-bottom: 1em;
}

/**********************************************
************** Xarpages ****************
**********************************************/
.cadres_contenu {
	margin: 10px 0 0 0;
}

/**********************************************
************** Pagers ****************
**********************************************/
.pager {
	margin: 15px 0 0 0;
}

.pager p {
	margin: 0;
	float: left;
	width: 30%;
}

.pager p.align_right {
	width: 70%;
}

.pager p a {
	font-weight: bold;
	text-decoration: none;
}

.pager p a:hover {
	color: #000;
	text-decoration: underline;
}

.pager p img {
	margin: 0 3px 2px 3px;
}

.pager p.align_right a {
	font-weight: normal;
	color: #000;
	background-color: #eceded;
	border: 1px solid #c5c7c8;
	font-size: 11pt;
	padding: 2px 6px;
}

.pager p.align_right a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #646466;
	border: 1px solid #1a171b;
	font-size: 11pt;
	padding: 2px 6px;
}

.pager p.align_right .pagerelement {
	color: #fff;
	text-decoration: none;
	background-color: #646466;
	border: 1px solid #1a171b;
	font-size: 11pt;
	padding: 2px 6px;
}

/**********************************************
************** Class Génériques ****************
**********************************************/
.cacher {
	display: none;
}

.masquer {
	position: absolute;
	top: -9999em;
}

.hrspacer {
	height: 1px;
	line-height: 1px;
	visibility: hidden;
	clear: both;
	font-size: 1px;
}

/* class à appliquer au conteneur d'element flottant pour qu'il s'ajuste à leur hauteur */
.cef:after {
	content: "";
	display: block;
	clear: both;
}

.toplink {
	
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clearboth {
	clear: both;
}

.grosmessage {
	font-size: 2em;
	color: red;
}

.xar-accent {
	background-color: #fdfbe4;
}

.help {
	cursor: help;
	border-bottom: dashed 1px #e5e5e5;
}

.tolowercase {
	text-transform: lowercase;
}

.barre {
	text-decoration: line-through;
}

.ttc {
	font-size: 60%;
}

/**********************************************
********** Styles des formulaires utilisateurs *************
**********************************************/
	/*---------- Configuration des dimentions ----------------------*/
.user_formulaires label,.user_formulaires .label,form label,form .label
	{
	width: 22%;
}

.user_formulaires .filtre label,.user_formulaires .filtre .label {
	width: 40%;
}

.cadre_upload,.cadre_checkbox,.webuploads_iframe {
	width: 75%;
}

.webuploads_iframe {
	height: 150px;
}

.cadre_upload label {
	width: 50%;
}

.user_formulaires p.url_titre label {
	width: 10%;
}

.demilargeur {
	float: left;
	width: 48%;
	padding: .5%;
}

.demilargeur label,.demilargeur .label {
	width: 50% !important;
}

/*----------------- Textarea ------------------*/
.user_formulaires .webu-textareasmall textarea {
	
}

.user_formulaires .webu-textareamedium {
	clear: both !important;
	float: none !important;
	display: block !important;
	margin-bottom: .5em !important;
}

.user_formulaires .webu-textareamedium textarea {
	height: 15em;
	width: 99%;
	clear: left;
}

.user_formulaires .webu-textarealarge {
	clear: both !important;
	float: none !important;
	display: block !important;
	margin-bottom: .5em !important;
}

.user_formulaires .webu-textarealarge textarea {
	height: 40em;
	width: 99%;
	clear: left;
}

/*-- patch tinymce --*/
.mceStatusbarPathText {
	width: 90% !important;
}

/*------------------ Formulaires -------------*/
.user_formulaires {
	
}

.user_formulaires fieldset {
	border: 1px solid #666;
	padding: .5em;
	margin: .5em;
}

.user_formulaires legend {
	font-weight: bold;
	background-color: #666;
	color: #fff;
	padding: 0 .5em;
}

.user_formulaires p,.cadre_champs_form {
	margin: 5px 0;
	clear: both;
}

.user_formulaires p:after,.user_formulaires .cadre_champs_form:after {
	content: "";
	display: block;
	clear: both;
}

.msg {
	text-align: center;
	font-weight: bold;
}

.user_formulaires p.msg_cat {
	margin: .1em 2em;
	font-weight: bold;
}

.erreur {
	font-weight: bold;
	background-color: transparent;
	color: #d81a26;
}

.user_formulaires .erreur {
	padding: 0;
	text-align: center;
}

.user_formulaires label,.user_formulaires .label,form label,form .label
	{
	float: left;
	text-align: right;
	padding: 0 .5em 0 0;
	line-height: 1.4em;
}

.user_formulaires label[title] {
	cursor: help;
}

form .legende {
	font-style: italic;
	color: #d81a26;
	background: transparent;
	margin: 0 0 10px 0;
}

form input,form textarea,form select {
	background-color: #fff;
	border: 1px solid #9c9d9f;
	border-left: 3px solid #9c9d9f;
}

form input {
	height: 18px;
}

form input:focus,form textarea:focus {
	outline: 3px solid #dedfdf;
}

input.input_checkbox {
	border: none !important;
	background-color: transparent !important;
	padding: 0 !important;
}

form .input {
	color: #666;
	background: transparent;
	font-weight: bold;
}

.user_formulaires .enligne label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
	padding: 0 .2em 0 1em;
}

.user_formulaires .cases label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
}

.user_formulaires .mce_wrapper {
	background-color: #fff;
	padding: .5em;
	border: 1px solid #ccc;
	clear: both;
}

.cadre_upload {
	border: 1px solid #CCC;
	float: left;
	margin-bottom: .5em;
}

.cadre_checkbox {
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}

.cadre_checkbox p {
	padding: 0 0 .5em 0 !important;
	margin: 0 !important;
}

.cadre_checkbox label {
	float: none;
	width: auto;
	text-align: left;
	display: inline;
}

.separateur {
	border-top: 1px solid #CCC;
	visibility: visible;
	height: 1px;
}

.validation {
	text-align: center;
	border: none;
}

.validation input,button,.validationbtn {
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
	background: transparent url(../images/bouton.png) no-repeat left top;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	width: 100px;
	height: 30px;
}

.validationbtn {
	margin: 0 auto;
}

.validation input:hover,button:hover,.validationbtn:hover {
	color: #fff;
	background: transparent url(../images/bouton.png) no-repeat 0 -30px;
}

.validation input.btn_large,.btn_large {
	height: 30px;
	width: 200px;
	background: transparent url(../images/bouton_large.png) no-repeat 0 0;
}

.validation input.btn_large:hover,.btn_large:hover {
	background: transparent url(../images/bouton_large.png) no-repeat 0
		-30px;
}

.validation input.btn_gris,.btn_gris {
	height: 25px;
	width: 100px;
	background: transparent url(../images/bouton_reset.png) no-repeat 0 0;
}

.validation input.btn_gris:hover,.btn_gris:hover {
	background: transparent url(../images/bouton_reset.png) no-repeat 0
		-25px;
}

#pourscmd {
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 28px;
}

input.input_normal {
	color: #333;
}

input.input_disabled {
	color: #ccc;
}

option.disabled {
	color: #ccc;
}

fieldset {
	border: 2px solid #ccc;
}

fieldset legend {
	color: #d81a26;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

.required {
	font-weight: bold;
}

.msg_error {
	color: #d81a26;
	font-weight: normal;
}