/******************** TITRE ****************************** */
h1{
	color: #3366FE;
	text-align: center;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 2.3em;
}

h1.police_faible{
	font-size: 1.9em;
}



h2{
	color: #3366FE;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 2em;
	border-bottom: 1px solid #FF3366;
}


h3{
	color: #3366FE;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 1.75em;
	border-bottom: 1px solid #FF3366;
	margin-left: 50px;
}


h4{
	color: #3366FE;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	text-decoration: underline;
}


h5{
	color: #3366FE;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
}


h6{
	color: #3366FE;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 0.9em;
}

blockquote{
		font-style: italic;
		margin: 10px 15px 10px 15px;
		padding: 0 15px 0 15px;
		border-left: 1px solid #AFAFAF;
}



/***********************************  STYLE de Police  ******************************  */
.gras{
		font-weight: bold;
}

.it {
		font-style: italic
}

.souligner{
	text-decoration:underline;
}


.police_sc{
		font-variant: small-caps;
}

p#contact_nom {
		font-size: 1.2em;
		font-weight: bold;
		font-family: georgia, serif;
}

.error{
		font-weight: bold;
		color: red;
}

.font_forte{
		font-size: 1.3em;
}

.font_faible{
		font-size: 0.8em;
}

.font_comic{
		font-family: "Comic Sans MS";
}

.font_palatino{
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.font_palatino_it{
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style: oblique;
}

.emphase{
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style: oblique;
		font-size: 1.3em;
		text-align: center;
		font-weight: bold;
}



.personne{
	text-align: right;
	font-weight: bold;
}

.note{
	font-size: 0.9em;
}

/**************************   LIENS  ***************************** */
a{
		text-decoration: none;
		font-weight: bold;
		color: blue;
}

a:hover{
		color: #CC0033;
}

acronym{
		border-bottom: 1px dotted blue;
}

/* **************   alignement  ********************* */
.droite{
		text-align: right;
}


.centre{
		text-align: center;
}


.decalage{
		margin-left: 30px;
}

.decalage_fort{
		margin-left: 100px;
}












/*     *****************  IMAGES ********************** */

img{
		border: 0;
}

.image_droite{ 
		float: right;
		margin-left: 10px;
		margin-bottom: 5px;
}

.image_gauche{ 
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
}

.ligne_orange{
		display: block;
		width: 450px;
		text-align: center;
		border-top: 1px solid #FF3366;
		margin: 20px 0 20px 50px;
}

/* *************************   LISTES  ************************ */

ul.liste_normale li{
		list-style-image: none;
		list-style-type: disc;
}

ul.liste_normale li:hover{
		list-style-image: none;
		list-style-type: disc;
}




.liste_icone li{
		list-style-image: url(../images/ico.png);
}

.liste_icone li:hover{
		list-style-image: url(../images/ico_hover.png);
}

.liste_icone_rouge li{
		list-style-image: url(../images/ico_r.png);
}



li.espace{
		margin-bottom: 10px;
}

li.espace2{
		margin-bottom: 6px;
}

li.espace_haut{
		margin-top: 10px;
}

li.icone_down{
		list-style-image: url(../images/ico_down.png);
}


/* ***************  DIVERS  *****************************  */

.encadrer{
		border: 1px solid blue;
		padding: 5px;
}

.highlight{
		background-color: rgb(255, 235, 15);
}

/* *************** INFO  BULLE  ************************ */
a.infobulle{
	position: relative;
	z-index: 30;
}

a.infobulle:hover{
		z-index:31;
		background-color:rgb(189, 224, 254);	/*necessaire sinon ca plante sous IE*/
}

a.infobulle span{
		display: none;
}

a.infobulle:hover span{
	display:block; 
 	position:absolute;
	top:2em; 
	left:2em; 
	width:300px;
	border:1px solid #6699cc;
	background-color:#D1E2EF;
	color: #197DCF;
	padding: 5px;
	font-weight: normal;
	font-size: 0.9em;
}



/* *************** IMAGE  BULLE  ************************ */
a.imagebulle{
	position: relative;
	text-decoration: underline;
	z-index: 30;
}

a.imagebulle:hover{
		z-index:31;
		background-color:rgb(189, 224, 254);	/*necessaire sinon ca plante sous IE*/
}

a.imagebulle span{
		display: none;
}

a.imagebulle:hover span{
	display:block; 
 	position:absolute;
	top:2em; 
	left:2em; 
	/*width:300px;*/
	border:2px solid black;
	background-color:#D1E2EF;
	color: #197DCF;
	padding: 5px;
	font-weight: normal;
	font-size: 0.9em;
}