/* ###  ### */
/* ### SCREEN stylesheet ### */

/* ### Balises de base ### */
@import url(reset.css);

body {
	font-family:"Lucida sans", Arial, Verdana,  sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	color:#333;
}

strong {
	font-weight:bold;
}

em {
	font-style:normal;
}

h1 {
	color:#FFCC00;
	font-family:Arial, sans-serif;
	font-style:italic;
	font-size:1.9em;
	font-weight:bold;
	padding:6px 20px 5px 20px;
	margin:1px 0 20px 0;
	background:#FFFFFF 8px 50%;
}

h2 {
	font-size:1.7em;
	font-weight:bold;
	padding:0 15px 3px 20px;
	margin-bottom:20px;
	border-bottom:1px #dedede solid;
	background:#fff url(../img/puce_titre.gif) no-repeat 7px 40%;
	clear:left;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 5px 20px;
}

h4 {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 5px 0px;
}

h5 {
	color:#FF6600;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
}

h6 {
	color:#0066FF;
	font-size:1.2em;
}

p {
	font-size:1.3em;
	margin:0 0px 0px 0;
}

img {
	padding:2px;
	margin:0 10px 5px 0;
	float:left;
	background:#fff;
	border:1px #ccc solid;
}

ul {
	font-size:1.2em;
	margin:10px 30px 20px 30px;
}

li {
	padding-left:20px;
	margin:8px 0 8px 0;
	background:#fff url(../img/puce_liste.gif) no-repeat 0% 5px;
}

a {
	color:#0066FF;
	text-decoration:underline;
}

a:hover {
	color:#000000;
}

table {
	font-size:1.1em;
	margin:10px 0 20px 0;
	border:1px #ccc solid;
	border-collapse:collapse;
}

caption {
	color:#888;
	text-align:center;
	padding-bottom:5px;
}

td, th {
	text-align:center;
	padding:15px;
	vertical-align:baseline;
	border:1px #ccc solid;
}

th {
	font-size:1.1em;
	font-weight:bold;
	background:#FFCC00;
}


/* Styles du cadre global <div id="cadre"> */
/* les ID servent à identifier un bloc. Un ID ne peut être utilisé qu'une seule fois par page. Le "#" fais référence à un ID en CSS. */
#cadre {
	width:700px; /* Largeur fixe utile pour une résolution de 1024x768px */
	margin:0 auto; /* Pour centrer le cadre sur la page */
	padding: 0 0 0 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC00;
}