.couleur2 { background: Yellow repeat; font-family: Arial; 	border-left-color:  Fuchsia; border-left-style: solid; border-bottom-color:  Fuchsia; border-bottom-style: solid;}
.gauche { font-size: 17px; border-left-color: Fuchsia; border-left-style: solid; }
.couleur4 { background-color: #FFB0FF;font-family: Arial; font-size: 19px; }
.couleur3 { text-align: justify; font: normal 20px;  color: blue; margin-left: 0px; margin-top: 10px; padding-right: 2px; }
.boite { float: left; position: relative; margin: 3px 10px 0px 100px;}
.essai {
	margin-bottom: 22px;
	margin: 30px 10px 0px 100px;
	text-align: justify;
	font-style: italic;
	font-size: 7px;
	vertical-align: top;
	text-indent: 5px;
	font-family: Arial;
	color: blue;
	line-break: strict;
	border-width: 1px;
	list-style-type: square;
	background-image: url(img/fleche_bas_texte_v.gif);
	background: url('http://www.voo.be/images/base/ko-close-a-bg-fr.png') no-repeat 98% 0;
	background-repeat: no-repeat;
	line-height: 200px;
	text-transform: uppercase;
	width: 300px;
	text-shadow: Red;
	word-spacing: 10px;
	font-stretch: narrower;
	letter-spacing: 10px;
	font-weight: bold;
}

.essai_PNG	{
        background: url(data/rectangle.png) no-repeat;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://nayi.free.fr/dev/tutoriaux/ieff/data/rectangle.png');
        height: 130px; 
        width: 260px;
        margin: auto;
}

table.one {
	table-layout: automatic;
	border-collapse: separate;	/* collapse */
	border-spacing: 2px 2px;
	empty-cells: show;
	caption-side:bottom;
	}
p.height
{
line-height: 2	/*	interligne   (0.5 à 2) */
}
letterine
{
float:left;
width:0.7em;
font-size:310%;
font-family:algerian,courier;
line-height:80%;
}

/* Début Menu horizontal */
ul.ligne
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.ligne
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
.ligne:hover 
{
	background-color:#ff3300
}
li.ligne {display:inline}
/* Fin Menu horizontal */


  
.cadre1 {
	background-color: #FFFFFF;
	line-height: 0px;
}
#droite { float: right;}
ul.gesves { margin-left: 70px;   color: blue;  list-style: square;  font-size: 16px;  top: -14px;  margin-top: -18px;}
ol.sante { margin-left: 30px;   color: blue;  list-style: square;  font-size: 18px;   margin-top: -0px; list-style-type: decimal; text-align: justify;}
ul.ventderaison{ margin-left: 0px;   color: blue;  list-style: square; padding-right: 27px;}
body.ventderaison { margin-bottom: 0px; margin-top: 5px;	margin-left: 5px; margin-right: 5px; background-color: #E6E982; }
td.windvision {margin-bottom: 0px; margin-top: 0px;margin-left: 0px;margin-right: 0px;	font-size: 21px;}
tr.lien {
	font-size: 20px; list-style-type: circle; list-style: square; 	border-left-color:  Fuchsia; border-left-style: solid; padding-left: 8px;
}
.paragraphevert { font-family: "Times New Roman", Times, serif; font-size: 11pt; color: #4A766E }
.bord1 { border: 4px outset;  background-color: #85EAE1;  margin-top: 1px; margin-bottom: 4px;  font-weight: bold;}
.couleur1 { background: Yellow repeat; }
.justify { text-align: justify; }
p.font { font-size: 50px; }
p.font1 { font-size: 18px; text-align: justify;}
p.font2 { font-size: 18px; text-align: justify; margin-top: +18px;}
p.titre { font-size: 18px; }
p.gesves { text-align: justify; font: normal 20px;  color: blue; margin-left: 20px; margin-top: +6px;}
p.justify{ text-align: justify; }
p.fin { text-align: right; }
div P.question { text-align: justify; font: normal 20px;  color: red; margin-left: 12px;}
div P.reponse { text-align: justify; font: normal 20px;  color: blue; margin-left: 15px; margin-top: -15px; margin-right: 5px;}
br.font { font-size: 50px; }
li,ol.eric { margin-top: 5px; margin-left: 5px; }
ol.question {font: normal bolder 20px;  color: red; padding-right: 7px;}
div.bord { border-right: border: #FF4500; background-color: Fuchsia; border: double #FF4500; padding-top: 7px; padding-bottom: 7px;}
div.ouffet_1 {  margin-bottom: -10px; font: normal 40px; font-size: 25px; font-family: Times New Roman;}
div.ouffet_2 {  margin-bottom: -10px; margin-left: 40px; font: normal 40px; font-size: 25px; font-family: Times New Roman;}
.titre { border-right: border: #FF4500; background-color: #C3C4E3; border: double #FF4500; padding-top: 0px; padding-bottom: 8px;  padding-left: 0px; padding-right: 0px; margin: 5px 0%; text-align: center; font-size: 26px; font-weight: bold; font-family: arial, verdana, sans-serif; padding-top: 4px;}
table.bord { border-right: border: #FF4500; background-color: #C3C4E3; border: double #FF4500; padding-top: 0px; padding-bottom: 8px;  padding-left: 0px; padding-right: 0px;}
table.font1 { font-size: 20px; font-weight: bold; list-style-type: circle; list-style: square; font-family: Arial; 	border-left-color:  Fuchsia; border-left-style: solid; padding-right: 70px;}
td.font { font-size: 25px; list-style-type: circle; padding-left: 30px;}
td.ventderaison { }
td.font1 { font-size: 40px; text-align: center;}
td.padding { font-size: 20px;  padding-left: 20px;}
td.justify { text-align: justify; }

hr.h1 { border: 30% solid; border-width: 300pt; color: Red; background-position: left;}

#souligne {text-decoration:underline;}
#supprime {text-decoration:line-through;}
#majuscule {text-transform:uppercase;}
#block {display:block; background-color:#AACCCC;}

/* Début Aides visuelles */
abbr {font-variant: small-caps;border-bottom: none;letter-spacing: 0;font-weight: bolder;}  /* Ne fonctionne pas avec IE */
abbr[title] {cursor:help;border-bottom-style:dashed;border-bottom-width:1px;letter-spacing:.1em;}  /* Ne fonctionne pas avec IE */
.abbr {cursor:help;border-bottom-style:dashed;border-bottom-width:1px;letter-spacing:.1em;font-variant: small-caps;font-weight: bolder;}
.clear {clear:left; clear: both;}
.pointille{
background-color:#ffffff;	// couleur de fond 
background-image:none;
border:1px dotted red;
color:blue;
margin:0;
padding:5px;
//display:block;
}
/* Fin Aides visuelles */

/* Début menus fixe */
#nav { position: absolute; left: 0px; top: 4px; }
#mail { position: absolute; right: 4px;top: 9px; }
div > div#nav { position: fixed;  left: 0px; top: 0px; }
div > div#mail { position: fixed; right: 4px;top: 4px; }
/* Fin menus fixe */
a {padding-left:3px; padding-right:3px;}
a#img {padding-left:0px; padding-right:0px;}
a:link
{
	/*background-color: #EEFF00;*/
	text-decoration: underline;
}
a:visited
{
	/*color: #F5862A;*/
	color: Red;
	text-decoration: none;
}
a,a:hover
{
	text-decoration: underline; /*background-color: #FFFF93;*/
	color: #005253;
}
a:active
{
	/*color:#00C6C6;*/
	color: #4B0082;
	text-decoration: underline;
}

.pdf:link {background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253; font-weight: bold;}
.pdf:visited {background-image:url(img/pdfsmall_v.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.pdf:hover {background-image:url(img/pdfsmall_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.pdf:active {background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.img:link {background-image:url(img/jpgsmall.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253; font-weight: bold;}
.img:visited {background-image:url(img/jpgsmall_v.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A;font-weight: bold;}
.img:hover {background-image:url(img/jpgsmall_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD;font-weight: bold;}
.img:active {background-image:url(img/jpgsmall.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.mp3:link {background-image:url(img/mp3small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253; font-weight: bold;}
.mp3:visited {background-image:url(img/mp3small_v.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A;font-weight: bold;}
.mp3:hover {background-image:url(img/mp3small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD;font-weight: bold;}
.mp3:active {background-image:url(img/mp3small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.avi:link {background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253;font-weight: bold;}
.avi:visited {background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.avi:hover {background-image:url(img/AVI_small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.avi:active {background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.wmf:link {background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253; font-weight: bold;}
.wmf:visited {background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.wmf:hover {background-image:url(img/WMF_small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.wmf:active {background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.zip:link {background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253; font-weight: bold;}
.zip:visited {background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.zip:hover {background-image:url(img/zip_small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.zip:active {background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.url:link {background-image:url(img/URL_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253;font-weight: bold;}
.url:visited {background-image:url(img/URL_small_v.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.url:hover {background-image:url(img/URL_small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.url:active {background-image:url(img/URL_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.doc:link {background-image:url(img/doc_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: underline; color: #008253;font-weight: bold;}
.doc:visited {background-image:url(img/doc_small_v.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #F5862A; font-weight: bold;}
.doc:hover {background-image:url(img/doc_small_r.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #0000CD; font-weight: bold;}
.doc:active {background-image:url(img/doc_small.gif); background-repeat:no-repeat; padding-left:27px; text-decoration: none; color: #00f253; font-weight: bold;}

.carre:link {background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: underline; color: #008253;}
.carre:visited {background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #F5862A;}
.carre:hover {background-image:url(img/pdfsmall_r.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #0000CD;}
.carre:active {background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #00f253;}

.rond:link {background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: underline; color: #008253;}
.rond:visited {background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #F5862A;}
.rond:hover {background-image:url(img/bullet2.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #0000CD;}
.rond:active {background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #00f253;}

.eolienne:link {background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: underline; color: #008253;}
.eolienne:visited {background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #F5862A;}
.eolienne:hover {background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #0000CD;}
.eolienne:active {background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px; text-decoration: none; color: #00f253;}