body, html {
	width: 100%;
	height: 100%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/background.gif);
	font-family: Verdana, Geneva, sans-serif;
	color: #837c6b;
	font-size: 12px;
	line-height: 18px;
}
a {
	outline: none;
	color: #837c6b;
}
a:hover {
	text-decoration: none;
}
ul, li { 
	margin: 0px;
	padding: 0px;
}
iframe { background-image: url(images/book-fond-references.jpg); }
.aligner-gauche {
	float: left;
}
.aligner-droite {
	float: right;
}
.oublie-aligner {
	clear: both;
}
img {
	border: 0px;
}

.bandeau-haut-fond {
	height: 123px;
	width: 100%;
	background-color: #e03c71;
	background-image: url(images/bandeau-degrade_fond.jpg);
	background-repeat: repeat;
}
.bandeau-haut-fond .bandeau-haut {
	height: 123px;
	width: 100%;
	background-image: url(images/bandeau-fond.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
.menu-fond {
	height: 28px;
	width: 100%;
	background-color: #99927f;
	text-align: center;
}
.menu-fond .menu {
	background-image: url(images/menu-fond.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 28px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.menu-fond .menu .conteneur {
	width: 805px;
	margin: auto;
	padding-left: 3px;
}
.menu-fond .menu img {
	float: left;
}
.menu a.bouton {
	height: 28px;
	display: block;
	float: left;
}
.menu a.edito {
	width: 137px;
	background-image: url(images/menu-bouton-edito.jpg);
}
.menu a:hover.edito {
	background-image: url(images/menu-bouton-edito-over.jpg);
}
.menu a.savoir-faire {
	width: 188px;
	background-image: url(images/menu-bouton-savoir-faire.jpg);
}
.menu a:hover.savoir-faire {
	width: 188px;
	background-image: url(images/menu-bouton-savoir-faire-over.jpg);
}
.menu a.book {
	width: 111px;
	background-image: url(images/menu-bouton-book.jpg);
}
.menu a:hover.book {
	background-image: url(images/menu-bouton-book-over.jpg);
}
.menu a.coup-de-coeur {
	width: 201px;
	background-image: url(images/menu-bouton-coup-de-coeur.jpg);
}
.menu a:hover.coup-de-coeur {
	background-image: url(images/menu-bouton-coup-de-coeur-over.jpg);
}
.menu a.contact {
	width: 161px;
	background-image: url(images/menu-bouton-contact.jpg);
}
.menu a:hover.contact {
	background-image: url(images/menu-bouton-contact-over.jpg);
}


.pied-page {
	background-image: url(images/piedpage.gif);
	height: 34px;
	width: 802px;
	margin: auto;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #cc3366;
	letter-spacing: 1px;
	line-height: 30px;
}
.pied-page a {
	color: #cc3366;
	text-decoration: none;
}
.pied-page a:hover {
	color: #99927F;
	text-decoration: none;
}


.centrer {
	text-align: center;
	width: 100%;
}



.contenu-fond {
	background-image: url(images/contenu-deco.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 623px;
	width: 100%;
	text-align: center;
	margin: 0px;
}
.contenu-fond .contenu {
	height: 560px;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 33px;
	text-align: left;
}
.index { text-align: center; padding-left: 20px; }
.book .logosanime  {
	height: 60px;
	width: 169px;
	float: right;
	font-size: 9px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: normal;
	border: 1px solid #CCC;
}
.book #acc { margin:0; padding:0; }
.book #acc * { margin:0; padding:0; }
.book #acc { width:100%; list-style:none; color:#033; }
.book #acc h3 { width:100%; cursor:pointer; background:url(images/header.gif); }
.book #acc h3:hover { background:url(images/header_over.gif); }
.book #acc .acc-section { overflow:auto; overflow-y: hidden; }
.book #acc .acc-content { width:100%; border-top:none; }
.book #acc h3#edition-entreprise {
	background-color: #c4d73f;
}
.book #acc h3#identite-visuelle {
	background-color: #a2be4d;
	margin-top: 8px;
}
.book #acc h3#multimedia {
	background-color: #8baf46;
	margin-top: 8px;
}
.book #barre-bas {
	background-color: #FF0000;
	font-size: 0px;
	width: 150px;
	height: 15px;
}

.mots-cles {
	text-align: center;
	color: #FFF;
	line-height: normal;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 8px;
	width: 800px;
	margin: auto;
	padding-bottom: 6px;
}
.savoir-faire .accroche {
	font-family: Verdana, Geneva, sans-serif;
	color: #dc1c2e;
	letter-spacing: 2px;
	line-height: 25px;
	font-weight: normal;
}
.savoir-faire .inspiration {
	margin-left: 25px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.savoir-faire .edition {
	width: 213px;
	height: 97px;
	float: left;
}
.savoir-faire .identite-visuelle {
	width: 213px;
	height: 97px;
	margin-right: 18px;
	margin-left: 18px;
	float: left;
}
.savoir-faire .energie {
	margin-left: 90px;
	margin-top: 0px;
	background-image: url(images/savoir-faire-energie-motif.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 25px;
	margin-bottom: 10px;
}
.savoir-faire .multimedia {
	float: left;
}

.savoir-faire .diversite {
	margin-top: 20px;
	height: 132px;
}
#blocedition {
	background-color: #e7e7e7;
	display: none;
	z-index: 10;
	position:absolute; 
	left: 50%;  
	top: 300px; 
	width: 402px; 
	height: 230px; 
	margin-left: -200px; /* moitié de la largeur */ 
}
#blocidentite {
	background-color: #e7e7e7;
	display: none;
	z-index: 10;
	position:absolute; 
	left: 50%;  
	top: 300px; 
	width: 402px; 
	height: 130px; 
	margin-left: -200px; /* moitié de la largeur */  
}
#blocmultimedia {
	background-color: #e7e7e7;
	display: none;
	z-index: 10;
	position:absolute; 
	left: 50%;  
	top: 300px; 
	width: 402px; 
	height: 130px; 
	margin-left: -200px; /* moitié de la largeur */  
}
.savoir-faire-colonne {
	margin-left: 30px;
	margin-right: 40px;
	margin-top: 14px;
}

.premier-paragraphe {
	width: 510px;
	background-image: url(images/edito-fleurs.gif);
	background-repeat: no-repeat;
	padding-top: 90px;
	height: 100px;
	padding-left: 45px;
}
.edito-suite {
	float: left;
	padding-left: 75px;
	width: 480px;
	margin-top: 5px;
}
.edito .edito-signature {
	color: #dc1c2e;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	text-align: right;
	padding-right: 10px;
	padding-top: 45px;
	background-image: url(images/edito-filetsignature.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 20px;
}
.edito .edito-corinne {
	float: left;
	margin-top: 135px;
	padding-left: 0px;
}
.contact .adresse {
	padding-left: 50px;
	float: left;
	width: 217px;
	padding-top: 80px;
}
.contact .colonne-droite {
	float: right;
	padding-left: 40px;
	padding-right: 40px;
}
.contact .plan {
	width: 210px;
	padding-left: 50px;
	padding-top: 63px;
}
.contact .adresse .titre-blossom {
	font-family: Verdana, Geneva, sans-serif;
	color: #dc1c2e;
	font-size: 14px;
	letter-spacing: 4px;
	background-image: url(images/filet-vert.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
}
.contact .photo {
	float: left;
}
.contact .zone-texte {
	background-color: #e3eca5;
	height: 18px;
	width: 246px;
	float: right;
	margin-top: 14px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.contact .message {
	background-color: #e3eca5;
	height: 116px;
	width: 246px;
	float: right;
	margin-top: 14px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.contact .etiquette {
	width: 60px;
	float: left;
	background-position: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	text-align: right;
	padding-top: 14px;
	padding-right: 10px;
}
.contact .champs-obligatoires {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	float: right;
	padding-top: 20px;
}
.contact .bouton-envoyer {
	padding-right: 40px;
	float: right;
}
.coup-de-coeur .titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 17px;
	font-style: normal;
	color: #dc1c2e;
	letter-spacing: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 18px;
	text-transform: uppercase;
}
.coup-de-coeur .fond {
	background-image: url(images/coup-de-coeur-fond.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 459px;
}
.coup-de-coeur .fond .descriptif {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #837c6b;
	height: 400px;
	width: 250px;
	margin-left: 18px;
	margin-top: 30px;
	float: left;
}
.coup-de-coeur .visuels {
	float: right;
	margin-top: 30px;
	width: 400px;
	height: 400px;
}

.coup-de-coeur .sous-titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #837c6b;
	letter-spacing: 4px;
	padding-left: 18px;
	line-height: 12px;
}
.mentions-legales {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 30px;
	text-align: left;
	width: 500px;
}
.mentions-legales .titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	font-style: normal;
	letter-spacing: 3px;
}