/*
Couleur fond principale : #484848
Couleur fond secondaire : #d5d5d5
Couleur police : ##2C2C2C
*/

@font-face {
	/*Museo Sans is a font by Jos Buivenga (exljbris) -> www.exljbris.com*/
	font-family: 'museoSans';
	src: url('fonts/MuseoSans_500-webfont.eot');
	src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/MuseoSans_500-webfont.woff') format('woff'),
		 url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
		 url('fonts/MuseoSans_500-webfont.svg#MuseoSans500Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height: 100%;
	width: 100%;
}

body {	
	display: -webkit-flex;	
	display: flex;
	height: 100%;
	width: 100%;
	font-family: museoSans, sans-serif;
	margin: 0;
	padding: 0;
	color: #2C2C2C;
}

/* ============= FOCUS ============= */

input:focus,
video:focus,
button:focus,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
	border: none;
	outline: 2px dotted rgb(78, 188, 225);
	transition: outline .25s ease-in-out;
}

a:focus {
	outline: 2px dotted rgb(78, 188, 225);
	transition: outline .25s ease-in-out;
}

/* Hack pour WebKit permettant de neutraliser le focus force des liens d evitement tabindex="-1" */

div:focus,
nav:focus {
	outline: 0px
}

/* ============= TEXTE ============= */
a {
	color: #484848;
	text-decoration: underline;
	font-weight: bold;
}

p {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0.8em;
}

ul {
	margin: 0.8em 0;
	padding-left: 2.5em;
}

ol ul, ul ol, ul ul, ol ol {
	margin: 0;
}

q:after,
q:before {
	content: none
}

table{
	border-collapse: collapse;
	width:100%;
}

/* ============= TOOLTIP ============= */
.tt {
	color: #FFFFFF;
	background: #484848;
	box-shadow: 0 0 5px #BBBBBB;
	min-width: 10em;
}

.tt_x {
	position: absolute;
	top: 5px;
	right: 3px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(img/base/closeTT.svg) center center no-repeat;
	background-size: 100% 100%;
}

.tt_x span {
	display: none
}

.tt_ti {
    color: #FFF;
    padding: 1ex;
    padding-right: 20px;
    font-size: 1.1em;
}

.tt_co {
	color: #FFFFFF;
	font-size: 0.8em;
	padding: 1ex;
}

div.tt a {
	color: #2c2c2c;
}

/* Références */
table.docHead th{
	padding-right: 5px;
	text-align: right;
}
