div#conteneur {
background:url(../../medias/modeles/public/page/bg_page_catalogue.gif) repeat center center;
}

div#corps {
background:url(../../medias/modeles/public/page/bg_corps_catalogue.jpg) no-repeat;
height:680px;
}

#colGauche {
width:220px;
margin:0 -3px 0 10px;
padding:10px 20px 0 0;
}

#contenu {
font-size:12px;
margin:0 240px 0 250px;
}

div#footer {
background:#f6f6f6 url(../../medias/modeles/public/page/bg_footer_catalogue.gif) no-repeat 0 0;
}

#contenu p {
padding-bottom:6px;
font-size:12px;
}

#contenu h1 {
padding-top:15px;
}

#contenu h1.catalogue {
padding-bottom:0;
}

#contenu h3.catalogue {
padding-top:0;
}

#contenu h3 {
padding:15px 0 10px;
}

/*------------------------------- Liste produits -------------------------*/

#catalogue ul.listing {
list-style-type:none;
margin:10px 0 20px 0;
}

#catalogue ul.listing li {
float:left;
padding:0 0 10px 10px;
}

#catalogue ul.listing li p {
width:160px;
height:160px;
font-size:10px;
line-height:14px;
}

#catalogue ul.listing li p img {
border:1px solid #CCC;
}

#catalogue ul.listing li p span.note {
color:#999999;
}

#catalogue ul.listing li p span.note img {
margin-bottom:-2px;
border:none;
}

#catalogue ul.listing li a {
font-size:12px;
}

/*------------------------------- Bloc catalogue -------------------------------*/ 

.blocCatCadre {
width:220px;
background:url(../../medias/modeles/public/elements/blocCatalogue_bg.png) repeat-y;
margin:15px 0 5px;
}

.blocCatBas {
background:url(../../medias/modeles/public/elements/blocCatalogue_bas.png) no-repeat center bottom;
}

#colGauche .blocCatHaut {
background:url(../../medias/modeles/public/elements/blocCatalogue_haut.png) no-repeat top left;
padding:0 9px 0 13px;
}
#colGauche .blocCatHaut h2 {
font-size:14px;
line-height:26px;
margin:0 0 0 6px;
padding:0;
}

#colGauche .blocCatHaut ul {
margin:0;
padding:0;
}

#colGauche .blocCatHaut ul li {
padding:10px 0;
}

#colGauche .blocCatHaut ul li.actif {
background:#F2F2F2;
}

#colGauche .blocCatHaut ul li h4 {
background-position:2px 6px;
padding-bottom:0;
margin:0 4px 2px 6px;
}

#colGauche .blocCatHaut li p {
margin:0 8px 4px 22px;
}

#colGauche .blocCatHaut ul li.actif p a {
padding-left:12px;
background:url(../../medias/modeles/public/puces/puce7.png) no-repeat 0 3px;
font-weight:400;
text-decoration:none;
margin:0;
}

#colGauche .blocCatHaut ul li a {
font-weight:700;
margin:0 8px 0 0;
}

#colGauche .blocCatHaut ul li a:hover {
color:#000;
}

#colGauche .blocCatHaut ul li h4 a {
font-size:11px;
color:#333;
text-decoration:none;
margin: 0;
padding: 0;
}

#colGauche .blocCatHaut ul li h4 a:hover {
color:#D17030;
}

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

#colGauche .blocCatHaut ol {
margin:0;
padding:0;
padding-left:26px;
}

#colGauche .blocCatHaut ol.nouveaute {
list-style-type:none;
padding-left:10px;
}

#colGauche .blocCatHaut ol li {
padding:10px 0;
color:#D17030;
}

#colGauche .blocCatHaut ol.nouveaute li {
list-style-type:none;
background:url(../../medias/modeles/public/puces/puce7.png) no-repeat 0 14px;
padding:10px 0 10px 16px;
}

#colGauche .blocCatHaut ol li h4 {
background:none;
margin:0;
padding:0;
display:inline;
}

#colGauche .blocCatHaut ol li h4 a {
font-size:11px;
color:#333;
text-decoration:none;
margin:0;
padding:0;
display:inline;
}

#colGauche .blocCatHaut ol li p {
font-weight:normal;
color:#666666;
display:inline;
padding:0;
margin:0;
}

#colGauche .blocCatHaut ol li a {
color:#333333;
}

#colGauche .blocCatHaut ol li a:hover {
color:#D17030;
}

#colGauche .blocCatHaut ol li {
padding:10px 0;
color:#F09200;
clear:both;
}

#colGauche .blocCatHaut ol li a.picto {
display:block;
width:71px;
height:44px;
padding:3px 3px 3px 4px;
/*background:url(../../medias/modeles/public/elements/ombre_picto.png) no-repeat center center;*/
border:1px solid #EEE;
margin:5px 0 5px 0;
}

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

#collectionUne {
padding-left:36px;
}

#collectionUne p {
padding-bottom:5px;
}


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

#blocRechercheHaut {
padding-left:30px;
padding-right:9px;
background:url(../../medias/modeles/public/elements/blocRecherche_haut.gif) no-repeat top left;
}

#blocRechercheHaut li {
list-style-type: none;
}

#blocRechercheHaut h3 {
padding: 8px 0 8px 18px;
line-height:20px;
}

#blocRechercheHaut fieldset.text label {
margin:0;
padding:4px 0 4px 0;
display: block;
}

#blocRechercheHaut fieldset.radio {
margin-top: 10px;
}

/*---------------------------------------------------------------------------*/ 
/*											Blocs options de tris							  */
/*---------------------------------------------------------------------------*/ 




/*---------------------------------------------------------------------------*/ 
/*							Catalogue articles								  */
/*---------------------------------------------------------------------------*/ 

#catalogue {
margin:20px 10px 0 250px;
padding:20px 0 0;
}

#catalogue img{
margin-left: -3px;
}

html>body #catalogue img{
margin: 0px;
}

#catalogue table {
margin:0 0 40px;
}

#catalogue table td {
color:#B2B2B2;
width:170px;
padding-top:5px;
font-size:11px;
}

#catalogue table h2 {
color:#F09200;
padding-bottom:10px;
font-size:11px;
}

#catalogue tr.vignette {
height:120px;
vertical-align:bottom;
}

#catalogue tr.vignette img {
border:1px solid #CCC;
}

#catalogue td.publicite {
background:#F2F2F2;
width:150px;
vertical-align:top;
padding:10px;
}

#catalogue tr.note img {
padding-right:5px;
display:block;
float:left;
}

#catalogue tr.nom td {
font-size:12px;
font-weight:700;
}

/*--------------------------------------------- Barre de navigation catalogue produits ----------------------------------------*/
.barreCatCadre {
width:680px;
background:url(../../medias/modeles/public/fonds/barreCatalogue_bg.gif) repeat-x;
}

.barreCatDroite {
background:url(../../medias/modeles/public/fonds/barreCatalogue_droite.gif) no-repeat right;
padding-right: 4px;
}
.barreCatGauche {
height:20px;
background:url(../../medias/modeles/public/fonds/barreCatalogue_gauche.gif) no-repeat left;
padding-left: 4px;
}


.barreCatGauche a#btn_precedent {
display: block;
background: url(../../medias/modeles/public/boutons/btn_precedent.png) no-repeat left;
padding-left: 18px;
float: left;
}

.barreCatGauche a#btn_suivant {
display: block;
background: url(../../medias/modeles/public/boutons/btn_suivant.png) no-repeat right;
padding-right: 18px;
float: right;
}

#page {
text-align:center;
margin:0 120px;
}

.barreCatGauche p,.barreCatGauche a {
line-height:20px;
color:#FFF;
}

/*---------------------------------------- Fiche produit & validation produit ---------------------------------------------*/

#apercu {
margin:10px 150px 10px 0;
}

#apercu img {
border:1px solid #666;
}

#options {
float:right;
width:150px;
display: inline;
}

#options h3 {
font-size:16px;
}

ul#listeProduit li {
list-style-type:none;
background:url(../../medias/modeles/public/puces/tiret.png) no-repeat 0 5px;
padding-left:12px;
padding-right:2px;
}

img#avis {
vertical-align:text-bottom;
}

.puce_orange {
display:block;
margin:15px 0 0;
}

/*---------------------------------------- Bloc choix de la quantité ---------------------------------------------*/

#bloc_quantiteGauche {
border-right:1px solid #EEE;
float: left;
width: 180px;
display: inline;
margin-left: 3px;
}

html>body #bloc_quantiteGauche {
margin-left: 0px;
}

#bloc_quantiteGauche li {
color:#B2B2B2;
list-style-type:none;
}

#bloc_quantiteGauche li.radio input {
margin:-4px;
vertical-align:-3px;
margin-right: 5px;
}

html>body #bloc_quantiteGauche li.radio input {
margin:0 5px 0 0;
vertical-align:-2px;
}

#bloc_quantiteGauche li.radio label {
display:block;
float:none;
height:20px;
}

#bloc_quantiteDroit {
width:220px;
margin-left: 200px;
}

#bloc_quantiteDroit label {
float:left;
margin:5px 6px 10px 0;
padding:0;
text-align:right;
width:92px;
display:block;
}

#bloc_quantiteDroit input {
margin:2px 6px 0 0;
padding:2px 2px 0 0;
text-align:right;
width:60px;
}

#bloc_quantiteDroit p.quantite {
float:left;
display: inline;
}

#bloc_quantiteDroit .btnQte {
height:30px;
margin-left:170px;
padding:0;
width:10px;
}

#bloc_quantiteDroit .btnQte a {
border:none;
display:block;
margin:0 0 2px;

}

#bloc_quantiteDroit .btnQte a,form.devis-form .btnQte img {
border:none;
}

#bloc_quantiteGauche h2,#bloc_quantiteDroit h2 {
margin-top:0;
}


/*---------------------------------------- Bloc estimation tarif colonne droite ---------------------------------------------*/

#estimation {
/*background: url(../../medias/modeles/public/elements/bloc_estimation.jpg) top center no-repeat;*/
background: url(../../medias/modeles/public/elements/blocEstimation.png) no-repeat top center;
margin:10px 10px 0 2px;
padding:0 0 10px;
width:201px;
height: 196px;
}

#estimation h2 {
color:#FFF;
font-size:11px;
padding:12px 0 18px 42px;
text-transform:uppercase;
}

#estimation p {
margin:0 0 10px 10px;
color:#21596E;
}

#estimation form p {	
padding: 4px 0;
margin: 0 0 4px 0;
}

#estimation label {
float:left;
height:18px;
line-height:16px;
margin:0;
text-align:right;
width:40px;
padding: 1px 6px 0 10px;
color:#21596E;

}

#estimation label:hover {
cursor: pointer;
}

#estimation input.focus {
background: #FAFAFA;
}

#estimation input.normal {
background: #FFF;
}

#estimation h4 {
color:#21596E;
font-size:12px;
font-weight:400;
margin:0 0 10px 10px;
padding:15px 0 0;
}

#estimation h4 a {
color:#21596E;
}

#estimation h4 a:hover {
color:#B2B2B2;
}

dfn {
font-size: 10px;
font-style: normal;
}

/*---------------------------------------- Marketing ---------------------------------------------*/

.marketing  li {
list-style-type: none;
background: #F2F2F2;
margin: 5px 0 10px 0;
}

.marketing img {
margin-right: 20px;
vertical-align: middle;
background: #FFF;
padding: 0 10px 0 10px;
}

.marketing a {
color:gray;
font-size: 11px;
}

/*--------------------------------------------- Achat - Identification ----------------------------------------*/

div#blocCentre {
width: 460px;
margin:10px auto;	
border: 1px solid #F09200;
}

div#blocCentre h3 {
font-size: 14px;
}

div#blocCentre div#bgBlanc {
background: #FFF;
padding: 20px 20px 0 20px;
}

div#blocCentre div#bgGris {
background: #f2f2f2 url(../../medias/modeles/public/pictos/txt.png) no-repeat 380px 40px; 
padding: 10px 20px 20px 20px;
font-size: 12px;
color:#333;
}

#blocCentre form  {
margin-bottom: 20px;
margin-top: 10px;

}

#blocCentre form p {	
padding: 4px 0;
margin: 0 0 4px 0;
}

#blocCentre label {	
float: left;	
width:100px;
text-align: right;	
margin: 0;
padding: 1px 6px 0 0;
line-height: 14px;	
}

#blocCentre label:hover {
cursor: pointer;
}

#blocCentre .lost-password {
font-style: italic;
margin: 0;
padding-left: 10px;
}

#blocCentre ul li {
list-style-type:none;
background:url(../../medias/modeles/public/puces/tiret.png) 0 8px no-repeat;
padding-left:10px;
padding-right:2px;
line-height: 20px;
margin: 0 auto 0 auto;
}

#blocCentre a#bouton100 {
margin-left: 125px;
}

ul#blocValidation {
margin: 0 auto 0 115px;
}

ul#blocValidation li {
list-style-type: none; 
}


#blocValidation img {
border: 1px solid #666;
margin: 20px 0 5px 0;
}

/*--------------------------------------------- Aperéu des creations pour validation ----------------------------------------*/

div.apercuCrea {
background:url(../../medias/modeles/public/fonds/bg_thumb.gif) repeat 0 0;
margin:10px 15px 5px 0;
padding:20px;
text-align:center;
}

div.apercuCrea img {
border:1px solid #666;
}

p.corrigerLink {
margin:0 0 20px 550px;
}

p.checkValidation {
margin-top:20px;
text-align:center;
}

p.checkValidation em {
display:block;
font-size:10px;
padding:10px;
}

.btnCentre {
margin:auto;
width:200px;
}

.btnDroit {
margin-left:480px;
}

.infos {
font-size:12px;
margin:0 10px 0 430px;
text-align:center;
}


/*----------------------------------- Compte client -------------------------------*/


/*----------------------------------- Apercu de la dernière création en page d'accuiel du compte client -------------------------------*/

#apercuCreaCC {
background:url(../../medias/modeles/public/fonds/bg_thumb.gif) repeat 0 0;
margin:10px 15px 5px 0;
padding: 20px;
text-align: center;
width: 360px;
float: left;
}

#apercuCreaCC img{
border: 1px solid #666;
}

#liensCreaCC {
margin: 10px 0 5px 420px;
width: 260px;
}

#liensCreaCC ul {
list-style-type:none;
margin: 15px 0 0 0;
}

#liensCreaCC li {
background:url(../../medias/modeles/public/puces/puce8.png) no-repeat 0 3px;
padding: 0 0 5px 12px;
}

#liensCreaCC a {
color: #006685;
font-weight: bolder;
}


/*----------------------------------- Bloc choix options de tris des produits -------------------------------*/

.blocAlbumImage {
width:150px;
height:154px;
background:#F2F2F2;
border:1px solid #E6E6E6;
padding:10px;
margin-right: 10px;
margin-top: 10px;
float: left;
}

.blocAlbumImage h3 {
padding:0;
}

.blocAlbumImage p {
color:#8C8C8C;
padding: 0;
}

.blocAlbumImage ul {
padding-top: 15px;
list-style-type: none;
}

.blocAlbumImage ul li {
/*background: url(../../medias/modeles/public/puces/puce9.png) no-repeat left 4px;
padding-left: 14px;
line-height: 16px;*/
font-size: 12px;
background: url(../../medias/modeles/public/puces/puce10.png) no-repeat left 4px;
padding-left: 14px;
}