font {
	font-family: Verdana,Helvetica,Arial; font-size: 10px
}
h1 {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
h2 {
	font-family: Verdana, Helvetica,Arial; font-size: 14px; font-weight: italic; text-decoration: none
}
h3 {
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	margin-left: 1cm;
}
h3.droite{
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
	border-bottom: 0px solid #2d487c;
}
.para2 {
				position: relative;
				left: 2cm;
			}
.para3 {
				position: relative;
				left: 650px;
				z-index: 3;
				width: 300px;
				background-color: #ccc;
			}

.debut{
	font-size: 12;
	text-align: justify;
	border-bottom: 0px solid #2d487c;
}
td {
	font-family: Verdana,Helvetica,Arial; font-size: 12px
}
th.solide {
	font-family: Verdana,Helvetica,Arial; font-size: 12px
        border-style: solid ;
        border-color: #2d487c;
}
body {
	color: #6a6a6a; font-family: Verdana,Helvetica,Arial; font-size: 12px;
        margin-left: 50px;
}
p {
	font-family: Verdana,Helvetica,Arial; font-size: 12px;
        margin-left: 1cm;
}
.boite	{
	position: absolute; 
	top: 0px; 
	background-color:#ffffff; 
	left:50px; 
	z-index:1
}
div {
	font-family: Verdana,Helvetica,Arial; font-size: 10px
}
input {
	font-family: Verdana,Helvetica,Arial; font-size: 10px
}
textarea {
	font-family: Verdana,Helvetica,Arial; font-size: 10px
}
form {
	font-family: Verdana,Helvetica,Arial; font-size: 10px
}
a:link {
	background: none transparent scroll repeat 0% 0%;  font-family: Verdana, Helvetica,Arial; font-size: 12px; text-decoration: underline
}
a:active {
	background: none transparent scroll repeat 0% 0%; font-family: Verdana, Helvetica,Arial; font-size: 12px; text-decoration: underline
}
a:visited {
	background: none transparent scroll repeat 0% 0%; font-family: Verdana, Helvetica,Arial; font-size: 12px; text-decoration: underline
}
a:hover {
	background: none transparent scroll repeat 0% 0%; font-family: Verdana, Helvetica,Arial; font-size: 12px; text-decoration: underline
}
.title {
	background: none transparent scroll repeat 0% 0%; color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 13px; font-weight: bold; text-decoration: none
}
.uncm {
	font-family: Verdana,Helvetica,Arial; font-size: 12px;
        margin-left: 1cm;
}

.title-imp {
	background: none transparent scroll repeat 0% 0%; color: black; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.content {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 10px
}
.storytitle {
	background: none transparent scroll repeat 0% 0%; color: #363636; font-family: Verdana, Helvetica,Arial; font-size: 14px; font-weight: bold; text-decoration: none
}
.storycat {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 13px; font-weight: bold; text-decoration: underline
}
.boxtitle {
	background: none transparent scroll repeat 0% 0%; color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 10px; font-weight: bold; text-decoration: none
}
.boxcontent {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 10px
}
.option {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 13px; font-weight: bold; text-decoration: none
}
.tiny {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 10px; font-weight: normal; text-decoration: none
}
.footmsg {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 8px; font-weight: normal; text-decoration: none
}
.footmsg_l {
	background: none transparent scroll repeat 0% 0%; color: #6a6a6a; font-family: Verdana, Helvetica,Arial; font-size: 8px; font-weight: normal; text-decoration: underline
}
.box {
	background-color: #ffffff; BORDER-BOTTOM: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; border-top: #000000 1px solid; font-family: Verdana,Helvetica,Arial; font-size: 10px
}
.logo {
	color: #ffffff; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: normal; text-decoration: none
}
.logo:link {
	color: #ffffff; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: normal; text-decoration: none
}
.logo:active {
	color: #ffffff; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: normal; text-decoration: none
}
.logo:visited {
	color: #ffffff; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: normal; text-decoration: none
}
.logo:hover {
	color: #ffffff; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: normal; text-decoration: none
}
.newstitle {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.newstitle:link {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.newstitle:active {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.newstitle:visited {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.newstitle:hover {
	color: #597dc1; font-family: Verdana, Helvetica,Arial; font-size: 16px; font-weight: bold; text-decoration: none
}
.footer {
	color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 11px; font-weight: normal; text-decoration: none
}
.footer:link {
	color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 11px; font-weight: normal; text-decoration: none
}
.footer:active {
	color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 11px; font-weight: normal; text-decoration: none
}
.footer:visited {
	color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 11px; font-weight: normal; text-decoration: none
}
.footer:hover {
	color: #2d487c; font-family: Verdana, Helvetica,Arial; font-size: 11px; font-weight: normal; text-decoration: none
}
.justifie {
        text-align: justify;
}
.justifie-imp {
	color: black; 
	font-family: Times; 
	font-size: 10px; 
	font-weight:
	normal; 
	text-decoration: none;
        text-align: justify;
}
/* 	CLASSES SPIP */


a.spip_url, a.spip_in, a.spip_out, a.spip_glossaire {
	color: black; 
	text-decoration: underline;
}

a.spip_url:hover, a.spip_in:hover, a.spip_out:hover, a.spip_glossaire:hover {
	color: #FF6600;
	text-decoration: none;
}

.spip_code {
	font-family: monospace;
	background-color: #EEEEEE;
	border-left: 0.12em solid #BBBBBB;
	padding-left: 0.24em;
	margin-left: 0em;
}

h3.spip {
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	border-bottom: 1px solid #2d487c;
	padding-top: 2em;
}

.spip_documents{
	font-size : 0.6em;
}
*/
table {
	border-style: solid ; 
	border-color: #2d487c;
	margin-left: 2cm;
}

.tgauche {
	border-style: solid ; 
	border-color: #2d487c;
	margin-left: 2cm;
}
table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

.spip td {
	padding: 0.1em;
       	font-size: 10px;
	text-align: left;
}
/*
hr.spip {
	width: 27em;
	height: 0;
}

b.spip {}
i.spip {}
ul.spip {
	margin-left: 1em;
}

.forml {}

.spip_encadrer {}

.spip_cadre {}


.spip_bouton { background-color: #FFCC00;}

.formrecherche {}

.reponse_formulaire {}

.spip_surligne { background-color: #FFFF66; }

img.spip_logos {}
*/
.courrier {
	color: black; font-family: Courrier; font-size: 10px; font-weight: normal; text-decoration: none
}

a.info {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:10px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:205px;
    height:45px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:justify;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info:hover>span {
background-image:url(images/bgInfo.png);
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo.png",
sizingMethod="crop");
}