@charset "UTF-8";

html { 
	font-size: 62.5%; 
}

body {
	background-color: #FFF;
	margin: 5rem 4rem 15rem 5rem ;
	font-size: 1.8rem;
	font-family:Helvetica, Arial, sans-serif;
	color: #333;
	line-height:2.5rem;
}

h1 {
	font-weight:normal;
	font-size: 2.4rem;
	line-height:3.6rem;
}

h2 {
	font-weight: bold;
	font-size: 1.8rem;
	margin: 5rem 0 1rem 0;
}

/*

liens externes avec un picto : c'est affreux et inutile, tous les liens sont externes ou presque (pdf)

a:not([href*='charleslp.com']):not([href^='#']):not([href^='/']) {
    background: url(../_img/lien-externe.svg) center right no-repeat;
    background-size: 10px;
    padding: 5px 14px 0 0;
}*/

#logo {
  background-image: url(../_img/logo.png);
  background-repeat: no-repeat;
  width: 93px;
  height: 64px;
  margin-bottom: 4rem;
}

#content {
	margin-left: 9rem;	
	max-width: 62rem;
}

span.highlight {
    background-color: yellow;
}

span.iconpdf {
    font-size: 1rem;
    font-weight:bold;
    vertical-align: 0.5rem;
}

/* style des liens récupéré de charlesleprevost */

a {
	color:#ec3d15;
}

.lien
{ 	color: #ec3d15;
	text-decoration: none;
	border-bottom: 1px solid #ec3d15;
}

.lien:link {
	color: #ec3d15;
}

.lien:visited {
	color: #833abc;
	border-bottom: 1px solid #833abc;
}

.lien:hover {
    color:#FFF;
	background-color:#ec3d15;
	border-bottom: 0px;
}

/* gestion du responsive */

@media only screen and (max-width:40em) {
	#content { 
		margin-left:0; 
	}
}