/* @override 
	http://clients.emileaublet.com/showroom/skl/css/style.css
	http://clients.emileaublet.com/showroom/skl/css/style.css
*/

/* @group Global */
p {
	text-align: justify;
}
div.menu_book {

}
div.menu_book ul {
	padding-left: 14px;
	list-style-image: url(../images/dot_ul.gif);
	margin-top: 2px;
}
div.menu_book a {
	color: #000;
	font-size: 11px;
}
p.titre {
	text-align: left;
}
body {
	margin: 0px;
	width: 972px;
	background-image: url(../images/bg-22_05.jpg);
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}
a { text-decoration: none;
color: inherit;	
border-bottom: #666 dotted 1px;
}
a img{
	border: none;
}

a#a_no_border {
	border: none;
}



#tout {
	background-color: #fff;
	margin: 10px 0px 10px 10px;
}

div {
	/*margin: -1px;
	border: 1px solid ;*/
	}


.clear  {
	clear: both;
}
img {
	border: none;
}

/* @end */

/* @group Boites */

.header {
	width: 967px;
	min-height: 110px;
}

/* @group Ariane */

.ariane {
	width: 967px;
	height: 25px;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
	font: 9px Arial, Helvetica, Geneva, sans-serif;
}

.ariane p {
		margin-left: 190px;
}
.ariane p:before {
	content:  url(../images/dot_ul.gif)" ";

}

.ariane a:hover {
border-bottom: dotted 1px #333;}

/* @end */

.left_nav{
	width: 160px;
	height: 100%;
	float: left;
	margin-top: 5px;
	padding: 5px 10px 10px 10px;
	font-size: 90%;
	border-right: #eee dotted 1px;
}

/* @group Center */

.center {
	margin-top: 10px;
	width: 600px;
	float: left;
	background
}

.center_top{
	width: 580px;
	padding: 10px;
}
.center_body{
	width: 560px;
	padding: 0px 10px 10px 10px;
	min-height: 200px;
	colum-count: 2;
	border-bottom: dotted 1px #333;
}

.center_left {
	width: 279px;
	min-height: 180px;
	padding: 10px;
	float: left;
	border-right: #333 dotted 1px ;
}
.center_right {
	width: 280px;
	min-height: 180px;
	float: left;
	clear: right;
	padding: 10px;
}

/* @end */

.right_nav {
	width: 160px;
	min-height: 500px;
	float: left;
	clear: right;
	padding: 5px 10px 10px 10px;
	font-size: 90%;
	margin-top: 5px;
	border-left: #eee dotted 1px;
}

.footer {
	width: 962px;
	height: 200px;
	margin-top: 35px;
	background-color: #333;
	border-top: 10px solid #669629;
}

/* @end */
   
   /* @group Boutons CSS3 exemple */
.awesome, .awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #83ac06; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e50003; }
	.red.awesome:hover							{ background-color: #860002; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


/* @end */

/* @group Menu */
#logo {
	float: left;
	height: 100px;
}
#logo img{
	margin: 10px;
}

.menu { 
	width: 150px;
}
.menu ul {
	float: left;
	list-style-type: none;
	padding-left: 7px;
}
.menu li {
	margin-bottom: 5px;
	border-bottom: 1px dotted #669629;
}
.menu a {
	letter-spacing: 4px;
	border-bottom: none;
	font: 10px/15px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}
.menu li:hover {
	list-style-image: url(../images/dot_ul.gif);
}

/* @end */

/* @group Textes */

#titre_large {
	height: 35px;
	padding: 5px;
	color: #eee;
	margin-top: 0px;
	background-image: url(../images/bg_titre.jpg);
	margin-bottom: 20px;
	background-color: #333;
	border-bottom: 6px solid #669629;
	font: bold 24pt Arial, Helvetica, Geneva, sans-serif;
}

p.sous-titre {
	text-transform: uppercase;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 30px;
}

#sous_titre_box {
	font: bold 12pt Arial, Helvetica, Geneva, sans-serif;
	
}
#titre_medium {
	font: bold 12pt Arial, Helvetica, Geneva, sans-serif;
}

p.titre_menu_book {
	font: bold 12pt Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
}

#info {
	background-color: #eee;
	color: #333;
	border: 1px solid #ccc;
	padding: 10px;
	font: italic 11px Lucida, Verdana, sans-serif;
	margin-top: 10px;
}
#citation {
	font: italic 150% Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	border: #999 1px solid;
	background-color: #eee;
}

.footer p {
	padding:0px 180px 0px 180px;
	color: #eee;
	font-size: 10px;
}
.footer img {
	padding: 10px 0px 0px 173px;
	height: 50px;
	
}


#footer_medium {
	margin: 3px 0px 0px 0px;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}



ul#etapes {
	padding-left: 15px;
	list-style-type: decimal;
}

img#photo {
	padding: 5px;
	clear: both;
}

div#photo {
	background-color: #eee;
	border: 1px solid #ccc;
	width: 225px;
	text-align: right;
	padding-bottom: 3px;
	color: #666;
	font-size: 10px;
	margin: 0px 10px 3px 0px;
	float: left;
	
	
}


.center_left li {
	list-style-image: url(../images/dot_ul.gif);
	margin-left: -25px;
	margin-bottom: 4px;
	padding: 0px;
}




/* @end */

/* @group Tumblr */

ol.tumblr_posts {
	list-style-type: none;
	padding: 0px;	
	}

li.tumblr_post {
	margin-bottom:35px;
}


div.tumblr_quote {
	font: italic 150% Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	border: #999 1px solid;
	background-color: #eee;
	margin-top: 25px;
}

div.tumblr_source {
	
	font: italic 150% Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	text-align: right;
		margin-bottom: 25px;
	
}

div.tumblr_body img {
	padding: 10px;
	float: left;
}

div.tumblr_description {
	
}

li.tumblr_post.tumblr_link_post a.tumblr_link {
	font: 12pt/25px Arial, Helvetica, Geneva, sans-serif;
}

div.tumblr_body {
	font-size: 10pt; 
}



div.tumblr_title {
	font: 10pt Arial, Helvetica, Geneva, sans-serif;
	border-bottom-color: #666;
	border-bottom-width: 1px;
	color: #666;
}
div.tumblr_source:before { content: "-";
	
}




/* @end */

/* @group Images */

.left_nav img {
	border: solid 4px #333;
	max-width: 150px;
}

/* @end */

/* @group Contenu */

/* @group faq */

div#faq_box {
	margin-bottom: 25px;
	background-color: #eee;
	padding: 20px 0px;
	border: 1px solid #999;
}
div#faq_q {
	padding-left: 75px;
	padding-right: 10px;
	padding-bottom: 35px;
	margin-left: ;
	background: url(../images/q_mark.jpg) no-repeat;
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
}
div#faq_r {
	padding-left: 75px;
	padding-right: 10px;
	padding-bottom: 35px;
	
	background: url(../images/r_mark.jpg) no-repeat;
	text-align: justify;
}

#up a {
	text-align: right;
	color: #666;
}

p#up {
	text-align: right;
	margin-right: 15px;
	color: #666;
	font-size: 10px;
}

p.cat_txt {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
div#faq_r {
	padding-left: 75px;
	padding-right: 10px;
}

div.sommaire {
	margin-bottom: 25px;
	padding: 10px;
	background-color: #eee;
	border: 1px solid #999;
	font-size: 11px;
}
div.sommaire p.title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}
div.sommaire li {
		list-style-image: url(../images/dot_ul.gif);
		margin-bottom: 3px;
}
div.sommaire ul {
	padding-left: 25px;
	font-size: 12px;
}

/* @end */

/* @group Liens */

ul.liens {
	padding-left: 15px;
}

ul.liens li {
	list-style-image: url(../images/dot_ul.gif);
	margin-bottom: 8px;	
}

ul.bio {
	padding-left: 15px;
}

ul.bio li {
	list-style-image: url(../images/dot_ul.gif);
	margin-bottom: 8px;	
}

ul.liens p#liens_t {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
ul.liens p#liens_d {
	font-size: 12px;
	margin-top: 5px;
	padding-left: 10px;
}




/* @end */

/* @group Book_MAIN */

.bannonce {
	width: 578px;
	margin-bottom: 25px;
}
div.bannonce img {
	border: 1px solid #666;
}

/* @group book_cat_COLOR */
#book_cat_bleu {
	color: #333;
}
#book_cat_rouge {
	color: #333;
}
#book_cat_vert {
	color: #333;
}
#book_cat_jaune {
	color: #333;
}
#book_cat_orange {
	color: #333;
}


/* @end */

#book_cover img {
	height: 155px;
	
}

div.book_box {
	width: 165px;
	float: left;
	margin-right: 20px;
	height: 400px;
	margin-bottom: 20px;
}

p.st_special {
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

p.st_age {
	float: none;
}

div.book_liens {
	background-color: #333;
	color: #fff;
	padding: 3px;
	margin-top: 15px;
	text-transform: uppercase;
	font: 9px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	text-align: right;
}

div.book_desc {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}
div.book_liens a {
	border: none;
	color: #fff;
}

.book_titre {
	margin: 0px;
	font: bold 16px Arial, Helvetica, Geneva, sans-serif;
}

div.book_cat {
	text-transform: uppercase;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	padding: 3px 3px 3px 3px;

}

div#section.books p#titre {
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.groupe_age {
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	width: 155px;
	background-color: #eee;
	float: left;
	margin-right: 15px;
}

#section div.groupe_age p.titre {
	font-size: 12px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: 10px;
	margin-left: 10px;
}

#photo p {
	padding-right: 5px;
	margin: 0;
}



#groupe_age p.titre {
	letter-spacing: 0;
	margin-top: 0;
	color: #111;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #000;
	opacity: 1;
}

div#section.books {
	margin-bottom: 25px;
	display: inline-block;
	
}

#book_u img {
	width: 135px;
	padding-bottom: 5px;
}
#book_u a {
	border: none;
}

div#book_u {
	width: 135px;
	margin: 5px 5px 5px;
	display: block;
	min-height: 220px;
	padding: 5px;
}



div#book_u p#titre_u {
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
}
div#book_u p#categorie_u {
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0;
	display: none;
}
div#book_u p#description_u {
	display: none;
	font: 11px/13px Arial, Helvetica, Geneva, sans-serif;
}
div#book_u a#liens {
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	border-bottom: none;
	letter-spacing: 1px;
	font-weight: bold;
}


/* @end */

/* @group Book SMALL */

#book_cover_small img {
	height: 100px;
	
}

div.book_box_small {
	width: 100px;
	float: left;
	margin-right: 15px;
	height: 180px;
	margin-bottom: 20px;
}



div.book_liens_small {
	color: #333;
	padding: 3px;
	margin-top: 5px;
	text-transform: uppercase;
	font: 9px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	text-align: right;
}

div.book_liens_small a {
	border: none;
	color: #333;
}

.book_titre_small {
	margin: 0px;
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
}

div.book_cat_small {
	text-transform: uppercase;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
	padding: 3px 3px 3px 3px;

}

.autres_publications {
	clear: both;
	margin-top: 25px;
	border-top: 1px solid #333;
	padding-top: 25px;
}

/* @end */

/* @group Actualités */

div.actualites p.date {
	letter-spacing: 1px;
	font-size: 11px;
	margin: 0;
}
div.actualites p.titre {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
}
div.actualites p.texte {
	margin-bottom: 25px;
}



/* @end */

/* @group Contact */

div.formulaire_contact div#label {
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dotted #b2b2b2;
}
div.formulaire_contact div#input {
	margin-bottom: 5px;
}



/* @end */

/* @group Book PAGE */

/* @group Header */

div.book {
	width: 580px;
}
div.book div.header{
	width: 580px;
	border-bottom: 1px dotted #333;
}
div.book div.header img#big{
	width: 170px;
	float: left;
	margin-right: 25px;
}
div.book div.header p#titre {
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	background-color: #e5fcdf;
	padding: 3px 3px 3px 195px;
}
div.book div.header p#cat {
	margin: 0;
	background-color: #b2d4a9;
	padding: 3px 3px 3px 195px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
}
div.book div.header p#legal {
	font-size: 11px;
	line-height: 18px;
	padding-left: 195px;
}
div.book div.header p#resume {
	padding-left: 195px;

}

/* @end */

/* @group Plus */

div.book div.plus {
	
}
div.book div.plus p#titre {
	padding-left: 195px;
	font-size: 14px;
	font-weight: bold;
}
div.book div.plus p#txt {
	padding-left: 195px;
}

/* @end */






/* @end */



/* @end */

div.erreur {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background-color: #fdb4b2;
	color: #9b0000;
	border: 1px solid #9b0000;
	font-size: 14px;
	font-weight: bold;
}

div.erreur p.gris {
	margin-bottom: 0;
	color: #9b0000;
	font-weight: normal;
	font-size: 12px;
}

p#titre_medium_plus {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 195px;
}

ul#curiosites {
	padding-left: 14px;
	list-style-image: url(../images/dot_ul.gif);
}
ul#curiosites li {
	padding-bottom: 6px;
}

div.menu_book p.label {
	font-size: 12px;
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
}

#tout div.center div.center_top div.center_body div.book div.plus img {
	margin-left: 196px;
	margin-bottom: 15px;
	border: 6px solid #666;
}

#tout div.center div.center_top div.center_body div.book div.plus ul {
	padding-left: 14px;
	list-style-image: url(../images/dot_ul.gif);
	margin-left: 196px;
}

#tout div.right_nav div.publicite p.sous-titre {
	font-size: 11px;
	text-align: center;
	text-transform: none;
	padding: 10px;
	border: 1px solid #989898;
	background-color: #ebebeb;
	font-weight: bold;
	letter-spacing: 0;
	color: #333;
}

#tout div.right_nav div.publicite ul {
		padding-left: 14px;
	list-style-image: url(../images/dot_ul.gif);
}

#tout div.right_nav div.publicite p.credits {
	font-size: 9px;
}