body {
	background: none;
    background-color :#fff;
    font-family : "trebuchet MS", sans-serif;
    font-size :10pt;
}
#content {
	width: auto;
	margin: 20mm 7%; 
    padding: 0;
	background: none;
    position: relative;
}

h1{
    text-transform: uppercase;
    color: blue;
    font-size :20pt;
    font-weight: bold;
    margin-top: 0;
}

h2{
    color: #00579e;
    font-size :14pt;
    margin: 3mm 0;
}

.thumb-article{
    height:25%;
    width:25%;
    overflow:hidden;
    float: left;
    left: 0;
    top: 0;
    margin-right: 5%;
}

.thumb-article img{
    display: block !important;
}

.main-article img{
    display: block;
    margin: 10mm auto;
    padding: 0 20%;
}

.intro-article{
    padding-left: 7mm;
    border-left: solid 2mm #00579e;
    margin: 0 5mm 0 0;
}

a:link, a:visited {
	color: #00579e;
	font-weight: bold;
	text-decoration: underline;
}

.main-article{
    text-align: justify;   
    margin-top: 10mm;
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

.title-article{
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding-bottom: 5mm;
    margin-bottom: 5mm;
    border-bottom: 1pt solid #ccc;
    vertical-align: bottom;
}

.title-article img{
    display: none;
}

header, .bg-article, #right-zone, footer, .outils-article {
	display: none;
}

#content a:link:after, #content a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}