body {
	background-image :url(../images/fond.jpg);
	background-repeat: repeat-x ;
	width: 1200px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur*/
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */

	}

H1 {
	color: blue;
	font-family:Ubuntu, Tahoma, Verdana, Arial, sans-serif;
	text-align : center ;
	font-size : 24pt ;
	font-weight: bold;
	line-height:130%;
	}

H2 {
	font-family:Ubuntu, Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 20pt;
	font-weight: bold;
	}

H3 {
	font-family:Ubuntu, Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	}
	
.scroller {
	float : right ;
	width : 270px ;
	padding-left: 30px ;
	padding-right: 20px ;
	padding-bottom: 200px ;	
	}

.banderole {
	text-align : center ;
	padding-bottom : 15px ;
	}
ul {
	list-style-type: circle;
	list-style-position : inside ;
	}

li {	text-align : left; }
p {
	text-align : justify;
	font-size: 13pt;
	font-family: "Sans","Calibri","serif";
	padding-left : 15%;
	padding-right : 15%;
	}
	

.bold_orange {
	color: blue;
	font-weight: bold;
	}

.affiche {
	text-align : right ;
	font-size : 12pt ;
	font-weight: bold;
	}

#descr {
	padding : 3px;
	text-align : center;
	caption-side: top ;
	}
	
#sommaire {
	overflow: scroll;
	position: fixed;
	left: 12px;
	top: 40%;
	z-index: 99;
	background-image :url(../images/fond.png);
	height: 30% ;
	width: 110px ;
	-moz-box-shadow: 10px 10px 5px #888; /* Pour Mozilla Firefox */
	-webkit-box-shadow: 10px 10px 5px #888; /* Pour les navigateurs utilisant le moteur WebKit */
	box-shadow: 10px 10px 5px #888; /* Fonctionne pour Google Chrome/Chromium */
	 border-radius: 7px; /* Fonctionne pour Google Chrome/Chromium */
	 -moz-border-radius: 7px; /* Pour Mozilla Firefox */
	 -webkit-border-radius: 7px; /* Pour les navigateurs utilisant le moteur WebKit */
	 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
	}

#descr {
	 border-radius: 7px; /* Fonctionne pour Google Chrome/Chromium */
	 -moz-border-radius: 7px; /* Pour Mozilla Firefox */
	 -webkit-border-radius: 7px; /* Pour les navigateurs utilisant le moteur WebKit */
	 behavior: url(border-radius.htc); /* Pour Internet Explorer 6/7/8; non valide */
	/* Puis on définit la couleur et taille de la bordure */
	 border: 1px solid #333;
	-moz-box-shadow: 8px 8px 3px #888; /* Pour Mozilla Firefox */
	-webkit-box-shadow: 8px 8px 3px #888; /* Pour les navigateurs utilisant le moteur WebKit */
	box-shadow: 8px 8px 3px #888; /* Fonctionne pour Google Chrome/Chromium */
	}

.nb {
	font-family: 'Ubuntu', 'serif';
	font-style: italic;
	font-weight: normal;
	font-size: 8pt ;
	}
a
{
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: black;
	font-style: bold ;
	font-size : 10pt;
}

a:hover {
	color : blue ;
	font-size: 11pt ;
	 /* Ce code effectuera une rotation de 8° vers la droite au survol sur les liens dans le div #rotation. */
	text-decoration: none;
	-moz-transform: rotate(8deg);  
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);

	}

a:visited {
	color: cyan ;
	font-size: 9pt ;
	text-decoration: line-through ;
	}

	
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: normal;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('http://themes.googleusercontent.com/font?kit=ISUraQdBYMI3VoDzBxXqNvesZW2xOQ-xsNqO47m55DA') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: local('Ubuntu'), local('Ubuntu-Regular'), url('http://themes.googleusercontent.com/font?kit=2Q-AW1e_taO6pHwMXcXW5w') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: bold;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/font?kit=0ihfXUL2emPh0ROJezvraKCWcynf_cDxXwCLxiixG1c') format('truetype');
}