/* balises html */

@import "style.css";

a {
	color: #222;
	text-decoration: none;
}
/*a:after {
	color: #666;
	content: " [ "attr(href)" ] ";
}
*/

sup {
	line-height: 0;
	text-indent: 0em;
	padding-left: 3.2em;
	_padding-left: 0;
	*padding-left: 0;
}

body {
	font: 8pt serif, Helvetica, Arial, sans-serif;
	_font-size: 14pt;
	*font-size: 14pt;
	color: #000;
}

/* head */
#head {
	padding-top: 0;
}
.etoile {	
		background: transparent url(images/produits/etoile.gif) no-repeat center right;
}

/* menu */
#menu {
/*	display: none;
*/}


/* retour haut de page */
div.top a {
	display: none;
}

/* page */
#wrap {
	width: 1000px;
	background: #E52B7A url(images/produits/fond-produits.gif) repeat-y top left;	
	overflow: visible;
	border: 0;
	border-top: 0;
	padding: 0;
}


/* pied */

#foot {
	clear: both;
	float: none;
}
#foot ul {
	display: none;
}

							/* 											*/	
							/*											*/	
							/*											*/	
							/*					#miss-manuelle 			*/	
							/*											*/	
							/*											*/	
							/*											*/

#miss-manuelle-grande,
#miss-manuelle-texte,
#miss-manuelle-defaut {
	display: none;
}


					/* 										*/	
					/*										*/	
					/*										*/	
					/*					index	 			*/	
					/*										*/	
					/*										*/	
					/*										*/


#index #wrap {
	background: none;
}
#mentions #wrap,
#lexique #wrap,
#liens #wrap,
#mentions-legales #wrap,
#actualites #wrap,
#marches-de-noel #wrap {
	background: none;
}


#index #pied,
#index #foot,
#index #pied ul li {
	background-color: transparent;	
	color: #fff;
}
#index #pied {
	position: relative;
	z-index: 42;
}
#index #pied ul li a {
	background-color: #E52B7A;	
	color: #fff;
}
#index #logo-3m { 
	background: transparent url(images/home/fond-logo.gif);
	height: 76px;
	width: 136px;
	position: relative;
	bottom: -1px; /* bug ie 6 ajoutait un espace en dessous du logo */
	right: 0;
	margin: 0;
}
#index #logo-3m img {	
	margin: 30px 0 0 50px;	
}

#index #miss-manuelle-defaut {
	background-image: url(images/home/fond-miss.gif);
	z-index: 10;
	height: 588px;
	
	/* en attendant le flash */
	background-image: url(images/fond-miss-grande.gif);
	height: 588px;
}




/* sommaire de la home page */
#index #sommaire {
	width: auto;
	height: auto;
}
#index #sommaire li {	
	position: relative;
}
#index #sommaire li a {	
	display: inline;
	padding: 0;
}
#index #sommaire #sommaire-fiche {
}
#index #sommaire #sommaire-realisation {
}
#index #sommaire #sommaire-produit {
}
#index #sommaire li,
#index #sommaire li a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
}
#index #sommaire li:hover a,
#index sommaire li a:hover {
	color: #F01D81;
}


					/* 										*/	
					/*										*/	
					/*										*/	
					/*				page produits 			*/	
					/*										*/	
					/*										*/	
					/*										*/			
	
body#produits .produits {
	clear: both;
	padding-top: 30px;
	margin-left: 50px;
	z-index: 100;
}


.bloc-produit {
	page-break-inside: avoid;
	float: left;
	margin-left: 30px;
	_margin-left: 10px;	
	width: 276px;	
	text-align: center;
	/* au dessus de la miss sous Safari */
	position: relative;
}

.bloc-produit.gauche {
	clear: both;
	margin-left: 0;	
}
.bloc-produit img {
	margin-bottom: -40px;
}
.bloc-produit p {
	background: transparent url(images/produits/p-bloc-produits.gif) no-repeat bottom left;
	width: 268px;	
	_width: 258px;
	padding: 55px 0 10px 10px;
	min-height: 30px;
	_height: 30px;
	text-align: left;
}
.bloc-produit p a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.bloc-produit p a:hover,
.bloc-produit:hover p a {
	color: #F01D81;
}
.bloc-produit.etoile {
	background: none;	
}

.bloc-produit.scotche p,
.bloc-produit.etoile p {
	background-image: url(images/produits/p-bloc-produits-etoile.gif);
	background-position: 0 10px;
	width: 201px;
	_width: 191px;
	height: 80px;
	padding-top: 50px;
	padding-right: 70px;	
}
.bloc-produit.scotche p {
	background-image: url(images/produits/p-bloc-produits-scotche.gif);
	background-position: 0 30px;	
	width: 211px;
	_width: 215px;
	height: 80px;
}
.bloc-produit h3 {
	position: absolute; 
	 z-index: 60;	
	display: block;
	width: 268px;	
	height: 50px;
}

ul.autres-produits {
	background: transparent url(images/produits/fond-autres-produits.gif) no-repeat center bottom;
	
	width: 891px;
	min-height: 350px;
	
	padding-left: 30px;
	margin-top: -70px;
}



					/* 										*/	
					/*										*/	
					/*										*/	
					/*			page fiche produit			*/	
					/*										*/	
					/*										*/	
					/*										*/		
	


.produit-photo {
	float: left;
	position: relative;
	margin-top: 50px;
	text-align: right;
	margin-top: 80px;
	margin-bottom: 2em;
	_margin-right: -350px;
	width: 30%;
}
/* fiche produit fond cahier */
.produit {
	float: right;
	width: 60%;		
	background: none;	
	font-weight: normal;	
}
.produit .infos {
	 padding-left: 0;
}
.produit .bas {
	margin: 0;
	padding-top: 20px;
	background: transparent url(images/produits/bas.gif) no-repeat top left;
}
.produit h2 {
	margin: 8px 0 0 0px;
}
h2 img {
	font-size: 25px;
}
body#produit .bloc.produit .baseline {
	padding-left: 0;
}
#page .produit .description p,
#page .produit .contenu p {
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.produit .contenu ul li {
	display: list-item;
	background: none;
	list-style-type: disc;
}
.produit .description ul li strong {
	color: #ed5428;
	font-weight: bold;	
}


		

					/* 										*/	
					/*										*/	
					/*										*/	
					/*				page lexique			*/	
					/*										*/	
					/*										*/	
					/*										*/	

.lexique.bloc {
	margin-left: 0;
}

.lexique dl dt {
	min-height: 30px;
	_height: 30px;
	padding-left: 0;
}
.lexique ul.sommaire {
	display: none;
}


					/* 										*/	
					/*										*/	
					/*										*/	
					/*				page générique			*/	
					/*										*/	
					/*										*/	
					/*										*/		

.bloc p {
	clear: both;
	padding: .7em 0;
}
.bloc p.baseline {
	padding: .7em 0;
}

/* bloc 560px large avec fond cahier */
.fin .bloc-milieu,
.large .bloc {
	width: auto;
	font-weight: normal;
}
.fin .bloc-milieu {
	margin-top: 30px;
}
.bloc-milieu {
	height: 1%;
}
.fin .bloc-milieu,
.large .bloc-milieu {
	background: url(images/fond/milieu.gif) repeat-y top left;
	padding: 0 40px 0 50px;
	margin-bottom: -2px;
	overflow: visible;
}
.large .bloc {
	padding-top:30px;
	clear: both;
	margin-top: 20px;
}
.large .bloc h2 {
	margin-left:60px;
}

/* si on veut des puces boutons dans les listes du bloc (fiche) */
.bloc .bouton ul li {	
	display: block;
	background: transparent url(images/puce-bouton.gif) no-repeat top left;
	padding-top: 2px;
	padding-left: 25px;
	min-height: 25px;	
	_height: 25px;
	margin: .5em 0;
}
.bloc .bouton-s ul li {	
	display: block;
	background: transparent url(images/puce-bouton-s.gif) no-repeat top left;
	padding-top: 2px;
	padding-left: 25px;
	min-height: 20px;	
	_height: 20px;
	margin: .3em 0;
}
.fournitures .bloc ul li {
	margin: .2em 0;
}

.bas {
	margin: 0;
	padding-top: 20px;
	background: transparent url(images/fond/bas.gif) no-repeat bottom left;
}

/* bloc sans haut : */

.fin .contenu {	
	padding-left: 50px;	
}

.fin .bloc-milieu {	
	width: 560px;	
	padding: 0;	
	padding-top: 20px;
	padding-bottom: 20px;	
}

/* bloc fiches réalisations : photos à gauche */

.photos .bloc {
	padding-top: 68px; /* réduit un peu par rapport .bloc */
/*	width: 860px;	
*/	background-position: top right;
}
.droite .bas,
#fiche .bas,
.photos .bas,
.photos .bloc-milieu {
	background-position: top right;
}
.photos .droite {
	margin-top: -20px; /* remonte un peu par rapport à .bloc car suivi d'un h3 */
	float: right; 
	width: 450px;
}
.photos .vignettes ul {	
	float: left; 	
	width: 265px; 	
}
.photos ul li {	
	margin-bottom: 10px;	
}
.photos .vignettes ul li {	
	background: #FFFDF0;
	padding-left: 0;
	padding: 10px;		
	width: 265px; 	
	margin-bottom: 50px;
	font-size: 12pt;
}
.photos .vignettes ul li img {
	border: 1px solid black;
}
.bloc h3 {	
	margin-top: 20px;
	margin-bottom: 10px;
}



/* fournitures */

.fournitures .bloc-large {
	width: auto;
}
.fournitures .bloc-large-milieu {
	background: none;
	height: 1%;
}
.fournitures .bas {
	background: none;
}
.fournitures .contenu,
.fournitures .produit-photo {	
	float: left;
	margin-top:0;
	margin-left: 60px;	
	_margin-left: 40px;
}
.fournitures .contenu {	
	margin-left: 50px;	
	_margin-left: 190px;
	width: 250px;
}

/* intro */
.intro-80,
.intro {
	width: auto;
	float: none;
	color: #000;
	font-weight: normal;
	margin-left: 50px;
	padding: 35px 90px 0 50px;		
	/* _width: 590px; 450+90+50px IE<7 box model hack */	
}


.intro-80 a,
.intro a {
	color: #222;
}

.intro-80 {
	margin-left:20px;
	padding:30px 60px 0pt 50px;
	width:auto;
	/* _width: 590px; 450+90+50px IE<7 box model hack */
}


/*		pagination		*/									
.nav {
	display: none;
}

/*		système notation étoiles		*/	
.note {
	text-indent: 0;
	width: 5em;
}
span.note.un, span.note.deux, span.note.trois, span.note.quatre, span.note.cinq, span.note.six { width: 30px; }

/* décallages gros blocs */
.fin {
	padding-top: 30px;
	
}
.fin,
.large,
.nav {
	margin-right: 80px;
}
.large.fournitures {
	margin-right: 0;
}

/* Actualités */



/* bloc actus : photos à gauche */


#marches-de-noel .large,
#actualites .large {
	margin-right:105px;	
}

#liens .photos .bloc,
#marches-de-noel .photos .bloc,
#actualites .photos .bloc {
	float: none;
	margin-left: 0;
	padding-top:28px;
}
#marches-de-noel .bloc-milieu,
#actualites .bloc-milieu {
	clear: both;
}
.photos .actus .vignette {	
	float: left; 	
	background: #FFFDF0;
	padding-left: 0;
	padding: 10px;		
	width: 265px; 	
	margin-bottom: 50px;
	margin-top: 20px;
	font-size: 10px;
	clear: both;
}
.photos .actus .vignette img {
	border: 1px solid black;
	margin: auto;	
}
.photos .actus .droite {
	margin-top: 15px;
}
.photos .actus .titre h3 {
	margin: 0;
}
#marches-de-noel .bloc p,
#actualites .bloc p {
	padding:0;
}
h4,
h3.important,
h3.puce,
.photos .actus p.date {
	color: #ed5428;
	font-weight: bold;
	font-size: 16px;
	padding-top: 15px;
}
h3.important {
	padding-top: 0;
}
#marches-de-noel .bloc .actus p.date,
#actualites .bloc .actus p.date {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 5px;
}
h3.puce,
h4.puce {	
	background:transparent url(images/puce-bouton.gif) no-repeat left center;
	display:block;
	margin:0.5em 0pt;
	padding-left:30px;
	padding-top:0;	
	padding-bottom: 5px;
}
.photos .actus.etoile {
	background-position: top right;
	height: 1%;
}
.photos .droite.premier {
	margin-right: 40px;
	_margin-right: 20px;
}

/* liens */
a.savoir-plus {
	color: #ed5428;
}
.photos .droite.premier h2 {
	margin-left: 0;
	margin-top: 30px;
}


/* trucs et astuces */
h4.etape,
p.etape {
	padding: 0;
	margin: 0;
}
#trucs-et-astuces .large.papier-matiere .bloc {
	background-image: none;
	padding-top:0pt;
}
#trucs-et-astuces .papier-matiere .bloc {
	margin-left: 360px;
}
#trucs-et-astuces .papier-matiere .bloc-milieu {
	background: transparent url(images/fond/trucs-repeat.gif) repeat-y left bottom;
	padding-top: 20px;
	padding-right:70px;
}
#trucs-et-astuces .papier-matiere .bas {
	background: transparent url(images/fond/trucs-bas.gif) no-repeat left bottom;
	padding-top:5px;
}
#trucs-et-astuces p.intro {
	padding-right: 170px;
	padding-top: 40px;
	background-image: url('images/fond/p-intro-unscotch.gif');
	height:106px;
	margin-top: 20px;
}
ul.miss-tete {
	background: transparent url('images/fond/miss-tete.gif') no-repeat right bottom;
}
ul.miss-tete-etoile {
	background: transparent url('images/fond/miss-tete-etoile.gif') no-repeat right bottom;
}
p.suite {
	text-align: right;
	color: #ED5428;
}
p.suite a {
	color: #ED5428;
}


/* listes */
ul.puce {
	padding-left: 10px;
}
h4.etape,
ul.puce li,
.produit .description ul li {
	background: transparent url('images/puce.gif') no-repeat top left;
	padding-left: 15px;
	padding-bottom: 2px;
	font-size: 8pt;
	_font-size: 13pt;
	*font-size: 13pt;
}

a.suite {
	font-weight: normal;
}

/* pages institutionnelles */
#mentions p {
	font-weight: normal;
	line-height: 125%;
	margin: 0;
	padding: .2em 0;
}
#mentions p strong {
	font-weight: bold;
}