html  {font-size: 100%;} /* IE hack */

body.ventderaison {font-size:62.5%; margin-bottom: 0px; margin-top: 5px; margin-left: 5px; margin-right: 5px; background-color: #E6E982; font-family:arial,sans-serif;}	// sauf pour Internet explorer
table, th, td, input, select { font-size: 100%; } /* IE hack */
h1 { font-size: 2.6em; 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-weight: bold; font-family: arial, verdana, sans-serif; padding-top: 4px;}
h2 { font-size: 3.0em; padding-left: 100px;}
h3 { font-size: 1.7em; font-style: italic; text-align: justify; background: #ffffcc repeat; border-color:  Fuchsia; border-style: solid; border-style: solid; border-width: 1px; padding:5px; }
h4 { font-size: 1.7em; font-style: normal; text-align: justify;  text-indent: 15px; margin-top: 0px; margin-bottom: 5px; padding: 0px;}
h5 { display:none; }
h5 {  }
h6 {  }

  			p.test {font-family:verdana,sans-serif;font-size:14px}
			h2:focus { background-color:red; }
			h2:hover { background-color:silver; }
			h2:active { background-color:#ccffff; }

.cadre_gauche { font-size: 1.8em; color:#800000; font-family: "Times New Roman", Times, serif; text-align: justify; border-left-color: Fuchsia; border-left-style: solid;   border-width: 2px; padding-top: 0px; margin-top: 10px; padding-left: 8px; margin-left: 10px; }


.stabilo {background: Yellow repeat; border-color:  Fuchsia; border-style: solid; border-width: 0px; padding:1px;}


.souligne {font-size:2em; font-weight: bold; padding-left: 5px; padding-right: 5px; margin-left: 10px; background: Yellow repeat; font-family: Arial; 	border-left-color:  Fuchsia; border-left-style: solid; border-bottom-color:  Fuchsia; border-bottom-style: solid; border-width: 2px;}
input, select, th, td {font-size:1em}  /* affiche en 12px */
#navigation {font-size:2em}
#main_content {font-size:1.6em}
#main_content li {font-size:0.8333em}

	ul, ol {font-size: 1.6em; margin-left: 0px; margin-top: 0px;}
	ol.gesves li.question {font-size: 1.1em; color: red; margin-top: 10px; margin-bottom: 0px; margin-left: 12px;}
	ol.gesves div.reponse { font-size: 1.0em; list-style-type: none; text-align: justify;    color: blue; margin-left: 15px; margin-top: 0px; margin-right: 5px;}
	ul.gesves li.reponse { font-size: 1.0em; list-style-type: square; text-align: justify;    color: blue; margin-left: 15px; margin-top: 0px; margin-right: 5px; margin-bottom: 10px;}
	ol.gesves li.reponse {font-size: 1.0em; color: blue; margin-top: 10px; margin-bottom: 0px; margin-left: 40px;}
	ol.gesves ul.gesves li {font-size: 0.5em; list-style-type: square; color: black; margin-top: 2px; margin-bottom: 0px; margin-left: 40px;}
	ul.gesves ul.gesves li.reponse  {font-size: 0.5em; list-style-type: square; color: black; margin-top: 2px; margin-bottom: 0px; margin-left: 40px;}
	
	table.bas_page {background: white repeat; margin-top: -15px; margin-left: -10px; margin-right: -10px; list-style-type: square;}
	.bas_page {font-size: 1.0em;}
	#bas_page {font-size: 1.0em;}

#side_bar {font-size:1em}
#footer {font-size:0.9em}
      
IMG.boite { float: right; margin-left: 15px; margin-right: 0px; padding: 0px 0px 0px 0px}
IMG#boite { margin: -10px 0px 0px 0px}
.clear {clear:left; clear: both;}

abbr {cursor:help;border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color: red;}
a {padding-left:3px; padding-right:3px;}
a#img {padding-left:0px; padding-right:0px;}

a:link { text-decoration: underline;}
a:visited {text-decoration: none; }
a:hover {	text-decoration: none; }
a:active {text-decoration: none; }

a#stabilo:link { text-decoration: underline; color: #008253; background: Yellow repeat; }
a#stabilo:visited {	text-decoration: none; color: yellow; background: #ff0033 repeat; }
a#stabilo:hover { text-decoration: none; color: white; background: Red repeat; }
a#stabilo:active { text-decoration: none;  color: #4B0082;  background: yellow repeat; }




.img:link {color: #008253; background: Yellow no-repeat; background-image:url(img/jpgsmall.gif); background-repeat:no-repeat; padding-left:27px;}
.img:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/jpgsmall.gif); background-repeat:no-repeat; padding-left:27px;}
.img:hover {color: white; background: Red no-repeat; background-image:url(img/jpgsmall_r.gif); background-repeat:no-repeat; padding-left:27px;}
.img:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/jpgsmall.gif); background-repeat:no-repeat; padding-left:27px;}

.avi:link {color: #008253; background: Yellow no-repeat; background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px;}
.avi:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px;}
.avi:hover {color: white; background: Red no-repeat; background-image:url(img/AVI_small_r.gif); background-repeat:no-repeat; padding-left:27px;}
.avi:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/AVI_small.gif); background-repeat:no-repeat; padding-left:27px;}

.wmf:link {color: #008253; background: Yellow no-repeat; background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px;}
.wmf:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px;}
.wmf:hover {color: white; background: Red no-repeat; background-image:url(img/WMF_small_r.gif); background-repeat:no-repeat; padding-left:27px;}
.wmf:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/WMF_small.gif); background-repeat:no-repeat; padding-left:27px;}

.zip:link {color: #008253; background: Yellow no-repeat; background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px;}
.zip:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px;}
.zip:hover {color: white; background: Red no-repeat; background-image:url(img/zip_small_r.gif); background-repeat:no-repeat; padding-left:27px;}
.zip:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/zip_small.gif); background-repeat:no-repeat; padding-left:27px;}

.pdf:link {color: #008253; background: Yellow no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:27px;}
.pdf:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:27px;}
.pdf:hover {color: white; background: Red no-repeat; background-image:url(img/pdfsmall_r.gif); background-repeat:no-repeat; padding-left:27px;}
.pdf:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:27px;}

.url:link {color: #008253; background: Yellow no-repeat; background-image:url(img/URL_small.gif); background-repeat:no-repeat; padding-left:27px;}
.url:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/URL_small.gif); background-repeat:no-repeat; padding-left:27px}
.url:hover {color: white; background: Red no-repeat; background-image:url(img/URL_small_r.gif); background-repeat:no-repeat; padding-left:27px;}
.url:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/URL_small.gif); background-repeat:no-repeat; padding-left:27px;}

.doc:link {color: #008253; background: Yellow no-repeat; background-image:url(img/doc_small.gif); background-repeat:no-repeat; padding-left:27px;}
.doc:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/doc_small.gif); background-repeat:no-repeat; padding-left:27px;}
.doc:hover {color: white; background: Red no-repeat; background-image:url(img/doc_small_r.gif); background-repeat:no-repeat; padding-left:27px;}
.doc:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/doc_small.gif); background-repeat:no-repeat; padding-left:27px;}

.carre:link {color: #008253; background: Yellow no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px;}
.carre:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px;}
.carre:hover {color: white; background: Red no-repeat; background-image:url(img/pdfsmall_r.gif); background-repeat:no-repeat; padding-left:24px;}
.carre:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/pdfsmall.gif); background-repeat:no-repeat; padding-left:24px;}

.rond:link {color: #008253; background: Yellow no-repeat; background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px;}
.rond:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px;}
.rond:hover {color: white; background: Red no-repeat; background-image:url(img/bullet2.gif); background-repeat:no-repeat; padding-left:24px;}
.rond:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/bullet1.gif); background-repeat:no-repeat; padding-left:24px;}

.eolienne:link {color: #008253; background: Yellow no-repeat; background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px;}
.eolienne:visited {color: yellow; background: #ff0033 no-repeat; background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px;}
.eolienne:hover {color: white; background: Red no-repeat; background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px;}
.eolienne:active {color: #4B0082;  background: yellow no-repeat; background-image:url(img/boutonrouge.gif); background-repeat:no-repeat; padding-left:24px;}

.conteneur { /* définition d'un conteneur global*/
width: 400px;
}

.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
line-height: 1em;
}

/* Début menus fixe */
#nav { position: absolute; left: 0px; top: 4px; }
#navd { position: absolute; right: -10px; top: 0px; }
#mail { position: absolute; right: 4px;top: 9px; }
div > div#nav { position: fixed;  left: 0px; top: 0px; }
div > div#navd { position: fixed;  right: -10px; top: 0px; }
div > div#mail { position: fixed; right: 4px;top: 4px; }
/* Fin menus fixe */

td {font-size: 20px; padding:2px 5px 0px 5px; text-align: justify;}
td#image {padding:2px 0px 0px 0px;}
#gauche {padding:0px 0px 0px 10px; margin-top: 0px; margin-bottom: 0px; border-left-color: Fuchsia; border-left-style: solid;}
#print {display:none;}
#print1 {display:none;}

#tableau_debut	{ height: 10px;	}
#gutter		{	float: left; width: 0.8%;	height: 1px; }
#tableau_fin	{ clear: both; height: 0px; }
#col1	{	float: left;
			width: 48%;
			background-color: #bbb;
			margin-bottom: 10px;
		}
		
#col2	{	float: left;
			width: 20%;
			margin-left: 3%;
			background-color: #bbb;
			margin-bottom: 10px;
		}
		
#col3	{
			float: left;
			width: 20%;
			margin-left: 3%;
			background-color: #bbb;
			margin-bottom: 10px;
		}