a:link { color:#3259cd; text-decoration:none; font-weight:bold; }
a:visited { color:#EEAAAA; text-decoration:#00ffff; font-weight:normal; }
A:hover {color: darkolivegreen; text-decoration:#00ffff; }
a {	text-decoration:none;}

a span{
display: none;
}
a:hover span {
display: inline;
}
.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 2.5em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: arial;
color: #990000;
border: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: ; 
margin: 1px;
padding: 1px;
line-height: 0.9em;
}
.titreinfo {
font-size: 17pt; 
color: #3259cd; 
font-family: verdana;
text-align:left; 
line-height: 22px;
margin-top: 1px;
margin-left:5px; 
margin-bottom:5px;
font-weight:bold;
}
.img.x {
position: absolute ;
left: 40px ;
top: 740px ;
z-index: 1 ; }
{
position:absolute;
left: 440px ;
top: 560px ;
z-index: 2 ;
}
html, body {
font-size: 100%;    
margin: 0px;
padding: 0;
height: 100%
}
.body {       
background-color: #cccccc;
height:450px;
font-color: brown;
margin-left: 170px;     
border-right:1px solid #000000; } 

.table_exemple { 
background-image: url("images/leversoleil.jpg") ; 
background-repeat: no-repeat ; 
cellpadding=0; 
cellspacing=0; 
text-align:center;
} 
div.bloc_encadrescad {
background-color: #F5DEB3;
font-family: arial;
font-weight:normal;
border-color: blue;
border:1px solid #000000;
position: absolute;
top: 220px;
margin-left: 470px;
left: 3px;
width: 230px;
padding: 3px;
text-align:left;
} 
div.bloc_encadrescad2 {
background-color: #F5DEB3;
font-family: arial;
font-weight:normal;
border-color: blue;
border:1px solid #000000;
position: absolute;
top: 340px;
margin-left: 470px;
left: 3px;
width: 230px;
padding: 3px;
text-align:left;
} 
.tpalt {font-size: 13.5pt; 
color: #3259cd; 
font-family: arial;
text-align:center; 
line-height: 26px;
margin-top: 1px;
margin-left:2px; 
margin-bottom:5px;
font-weight:bold;
}
.txt0 {
text-align: left;
font-family: 'arial';
font-size: 12px;
color: #000000;
margin-left:5px;
margin-right:5px;
margin-bottom:0pc;
margin-top:0pc;
}
.dfg4 {
margin-left: 30px;
margin-right: 30px;}
.dfg40 {
margin-left: 100px;
margin-right: 30px;}

a.centre {
font-size:12px;
texte-align:center;}

#cent{
text-align:center;
width:50%:
]

/* DIV, BLOCS */ 

div.uneplan {/* 378 */
background-color: #ffffff;
font-face: times;
color: darkolivegreen;
position: absolute;
top:100px;
left: 15px;
width: 11%;
padding: 3px;
text-align:left;
} 
div.deuxplan 
background-color: #ffffff;
font-face: times;
color: darkolivegreen;
position: absolute;
top: 140px;
left: 5px;
width: 11%;
padding: 3px;
text-align:left;
} 
div.btonplan { /* Ce site a été mis en ligne. L. 320 */
background-color: transparent;
position: absolute;
border-color: 2px solid #0000ff;
top: 90px;
left: 5px;
width: 11%;
padding: 0px;
}
div.une {
background-color: #ffffff;
font-family: arial;
color: darkolivegreen;
border-color:;
border:1px solid #0000ff;
border-style: groove;
position: absolute;
top: 370px; /* 200 */
left: 5px;
width: 13%;
padding-top: 0px;
padding-left: 3px;
text-align:left;
} 
div.unebis {
background-color: ;
font-family: arial;
color: darkolivegreen;
border-color:;
border:0px solid #0000ff;
border-style: groove;
position: absolute;
top: 1660px; 
left: 5px;
width: 13%;
padding-top: 0px;
padding-left: 3px;
text-align:center;
} 
div.plan { /* 543 */
background-color: #bobobo;
font-family: arial;
color: darkolivegreen;
border-color: #bobobo;
position: absolute;
top:370px;
left: 142px;
width: 69%;
padding: 4px 4px;
text-align:left;
margin-right: 3px;
}  
div.meteo {
/*background-color: #EEE8AA ;*/
font-face: times;
line-height: 11px;
border-color:1px solid #0000ff;
border:2px ;
border-style: groove;
padding: 5px 4px;
text-align:left;
} 
div.meteo2 {
background-color: #ffffff;
font-face: times;border:
1px solid #0000ff;
border-style: groove;
top: 305px;width: 86%;
padding: 7px 7px;margin-left: 5px;
text-align:center;} 

/* TITRES, INTERTITRES */
.surtitre {
font-size: 10pt;
color: #a52a2a; 
font-family: arial narrow;
text-align:left; 
line-height: 22px;
margin-top: 1px;
margin-left:5px; 
margin-bottom:0px;
font-weight:bold;
}
.surtitre2 {
font-size: 11pt;
color: #3259cd; 
font-family: arial narrow;
text-align:left; 
line-height: 22px;
margin-top: 1px;
margin-left:5px; 
margin-bottom:0px;
font-weight:bold;
}
/*.tpal {
font-size: 13.5pt; 
color: #3259cd; 
font-family: arial;
text-align:left; 
line-height: 22px;
margin-top: 2px;
margin-left:0px; 
margin-bottom:5px;
font-weight:bold;
}
.tpal2 {font-size: 12.5pt; 
color: #3259cd; 
font-family: arial;
text-align:left; 
line-height: 22px;
margin-top: 1px;
margin-left:8px; 
margin-bottom:5px;
font-weight:bold;
}*/
.tpalgd {
font-size: 20pt; 
color: #707070; 
font-family: arial;
text-align:left; 
line-height: 22px;
margin-top: 1px;
margin-left:0px; 
margin-bottom:5px;
font-weight:bold;
}
.ctextec {
text-align: center;
font-family: arial;
font-size: 12px;
color: #333333;
margin-left:6px;
margin-right:5px;
margin-top:0.2pc;
line-height: 15px;
}
.ctextec2 {
text-align: center;
font-family: arial;
font-size: 12px;
color: #333333;
margin-left:6px;
margin-right:5px;
margin-top:0.2pc;
line-height: 25px;
}
.ctexte_bleu {
text-align: center;
font-family: arial;
font-size: 12px;
color: #0000ff;
margin-left:6px;
margin-right:5px;
margin-top:0.2pc;
line-height: 15px;
}
.ctextei {
text-align: justify;
font-family: arial;
font-size: 12px;
font-style: italic;
color: #010101;
margin-left:6px;
margin-right:5px;
margin-top:0.2pc;
line-height: 15px;
}
.cdate {
font-size: 11px;
font-weight:bold; 
font-family: arial;
color: #a52a2a;
text-align:right;
margin-right:5px;
line-height: 12px;
}
/* PARAGRAPHES */
#gauche {
  border-left-width:1cm;
  border-left-style:solid;
  border-color:red;
  padding-left:1cm;
  text-align:justify; }
.ligne {
	background : transparent;
	border-color : #C0C0C0;
	border-width : 0 0 1px;
	border-style : solid;
}
.ligne2a {
	background : #5f5f5f;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
}
.ligne2 {
	background : #0000ff;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
}

.ligne2voeux {
	background : #fffacd;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #0000ff;
	text-align:left;
/*	line-height: 22px;*/
}
.ligne2b {
	background : #5f5f5f;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
	margin-top:0.4pc;
	margin-bottom: 0.4pc;
}
.ligne2cc {
	background: #556B2F;
	border:  1px solid #990000;
	border-color: blue;
	FONT-SIZE:16px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:center;
	line-height: 22px;
}
.ligne2c {
	background : #5f5f5f;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
	margin-top:0.4pc;
	margin-bottom: 0.4pc;
}
.ligne3 {
	background : #555555;
	FONT-SIZE:0.2em;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 2px;
}
.ligne4 {
	background : #808080;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
}
div.reagissez_une {
background-color: #E0FFFF;
font-face: times;
position: float;
color: 556B2F;
border-color: 556B2F;
border:2px solid #E57825;
width: 230px;
padding: 5px 4px;
text-align:center;
}
.ctexte {
text-align: justify;
font-family: arial;
font-size: 12px;
color: #494949;
margin-left:6px;
margin-right:5px;
margin-top:0.2pc;
line-height: 15px;
}
.ctindent {
text-align: justify;
font-family: times;
font-size: 13px;
color: #494949;
margin-left:17px;
margin-right:5px;
margin-top:0.2pc;
text-indent:-10px;
line-height: 16px;
}
.ctindenta {
text-align: justify;
font-family: arial;
font-size: 12px;
color: #090909;
margin-left:19px;
margin-right:5px;
margin-top:0.2pc;
text-indent:-10px;
line-height: 15px;
}
.ctindent- {
text-align: justify;
font-family: times;
font-size: 13px;
color: #494949;
margin-left:17px;
margin-right:5px;
margin-top:0.2pc;
text-indent:10px;
line-height: 15px;
}
div.reagissez {
background-color: #E0FFFF;
font-face: times;
position: float;
color: 556B2F;
border-color: 556B2F;
border:2px solid #E57825;
width: 100px;
padding: 1px 1px;
text-align:center;
}
.div.perenoel {
position:float;
top:370px;
left: 442px;
width: 100%;
}
.ligne2v {
	background: #ffffff;
	FONT-SIZE:14px;
	font-weight:bold; 
	font-family: verdana; 
	color: #ffffff;
	text-align:left;
	line-height: 22px;
	margin-top:0.4pc;
	margin-bottom: 0.4pc;
}
div.tete {
width:100%;
background-color:#0000ff;
}
.tr1 {height:1px; overflow:hidden}
.td1 {height:1px; text-align:lcenter}

body {
background-color:#ffffff;
scrollbar-face-color: #87cefa ;
scrollbar-track-color: #ffff00 ;
scrollbar-arrow-color: #FF0000 ;
scrollbar-shadow-color: " ;
scrollbar-highlight-color: " ;
scrollbar-3dlight-color: FF0000 ;
scrollbar-darkshadow-color: " ; 
}

float {
:right;width:200px;padding-left:15px;padding-bottom:15px}