@charset "UTF-8";
/* CSS Document */


header, footer, hgroup, nav, menu, section, article, aside, details, figure, figcaption {
	display:block;
	margin:0;
	padding:0;
}



.contenu {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #51526f;
	width:818px;
}
.contenu a {
	text-decoration:none;
	font-weight:bold;
}

.clf {
	clear:both;
margin:1.3em;
}




.contenu h1, .contenu h2, .contenu h3,.contenu header {
	font-family:Avantgarde, "Myriad Pro", Verdana, sans-serif;
	font-weight:normal;
	border-collapse:collapse;
}
.contenu h1 {
	font-size:1.8em;
	list-style: square inside;
	padding-left:1em;
	padding-bottom:.5em;

}

.contenu h2 {
	font-size:1.6em;
	margin-left:10px;
}
.contenu h3 {
	font-size:1.3em;
	padding-left:5px;
	line-height:2.5em;
}
.contenu header {
	font-size:2em;
}

.contenu table {
	width:50%;
	float:left;
	margin-left:3.4em;
margin-top:1.8em;
	}	
.contenu table td{
	border-bottom:dotted 3px #5ca451;
	display:block;
	width:135px;
	padding:1em;
	float:left;
	}	
.contenu table td+td{
	border-left:dotted 3px #5ca451;
	display:block;
	width:135px;
	padding:1em;
	
	}
	
	.contenu table td.none{ /*le dernier enfant de son type*/			
border-bottom:0;
			}
	
.contenu section.collection{
	width:45%;
	float:left;
    margin-top:2em;
	
}


.contenu .dotted {
	float:left;
	border-left:2px dotted #5ca451;
}
.contenu ul li {
	list-style-type:square;
	padding:5px 5px 5px 10px;
}

.contenu p {
	
	padding-left:20px;
	margin:0;
	line-height:1.5em;
}
.contenu section img{
float:left;
}


img[alt~="Éditions"] {
	margin-top:39px;
	}
article.intro {
	width:409px;
	background:#f0f0f0;
	float:left;
	margin:0;
	padding:10px;
}
.intro p {
	padding:0 20px 20px 20px;
	line-height:1.5em;
}


.vert {
	color:#5ca451;
}
.orange {
	color:#f6861f;
}
.turquoise {
	color:#37c7c8;
}
.purple {
	color:#771788;
}
.rose {
	color:#ef59a1;
}
.dotted-left {
	border-left:2px dotted #5ca451;
}


.contenu p+a {
	float:right;
	text-decoration:none;
	font-weight:bold;
	line-height:3em;
}
/*boutons*/

.bouton {
	width:200px;
	background-color:#FFFFFF;
	background-image:url(fleche.gif);
	background-repeat:no-repeat;
	background-position:10px;
	margin: 5px 20px;
	text-transform:uppercase;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	color:#51626f;
	text-decoration:none;
}


.bouton span {
	margin-left:40px;
}

	

	
/*images*/
/*
img[alt~="Fleurus"] {
	margin-top:20px;
	}*/