html {					/* !!! Ne pas oublier le <!DOCTYPE> en debut de fichier */
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E6E982;
	color:black;	
}

body { margin:0px; padding:0px;
}

p {margin-top:0px; margin-bottom:10px; margin-left:20px; margin-right:5px; text-indent: -10px; font-size: 100%px; font-family: Arial;}
.clear {clear:left; clear: both;}
.boite { float: right; margin: 0px 5px 0px 0px; padding-left: 10px;}
.pixels {font-size:16px;}
.points {font-size:12pt;}
.em {font-size:1em;}
.pourcentage120 {font-size:120%;}
.pourcentage90 {font-size:90%;}
.undefined {color:red;}

.changeFont {
	font-size:10px;
	position:absolute;
	top:18px;
	right:20px;
	padding:0px;
}
.increaseFont {
	font-size:24px;
	color:#red;
}
.decreaseFont {
	font-size:16px;
	color:#red;
}
.resetFont {
	font-size:14px;
	color:#red;
}
.increaseFont:link { text-decoration: none; color: blue;}
.increaseFont:visited {text-decoration: none; color: blue;}
.increaseFont:hover {text-decoration: none; color: red;}
.increaseFont:active {text-decoration: none; color: #00f253;}

.decreaseFont:link { text-decoration: none; color: blue;}
.decreaseFont:visited {text-decoration: none; color: blue;}
.decreaseFont:hover {text-decoration: none; color: red;}
.decreaseFont:active {text-decoration: none; color: #00f253;}

.resetFont:link { text-decoration: none; color: blue;}
.resetFont:visited {text-decoration: none; color: blue;}
.resetFont:hover {text-decoration: none; color: red;}
.resetFont:active {text-decoration: none; color: #00f253;}

.haut_gauche {position: absolute; top: 14px; left: 15px; padding-gauche: 5px;}
.haut_droit {position: absolute; top: 54px; right: 0px; padding-right: 5px;}
.souligne {font-size:120%; 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;}

h1,.h1 { font-size: 25px; border-right: border: #FF4500; background-color: #C3C4E3; border: double #FF4500; padding-top: 4px; padding-bottom: 8px;  padding-left: 0px; padding-right: 0px; margin: 6px; text-align: center; font-weight: bold; font-family: arial, verdana, sans-serif;}
h3,.h3 { font-size: 100%; font-style: italic; text-align: justify; background: #ffffcc repeat; border-color:  Fuchsia; border-style: solid; border-style: solid; border-width: 1px; padding:5px; margin: 5px;}
h2,.h2,h4,.h4,h5,.h5,h6,.h6{
	font-family:'Goudy Old Style',Garamond,'Big Caslon',Georgia,'Times New Roman',serif;
	color:#900
	}
h2,.h2{font-size:2.5em}
h4,.h4{font-size:1.5em}
.haut_gauche {position: fixed; top: 15px; left: 15px; padding-gauche: 5px;}
.haut_droit {position: fixed; top: 54px; right: 0px; padding-right: 5px;}
ol {font-size: 100%; margin-top:0px; text-align: justify;}
ol li {margin-bottom:5px;}

ul {font-size: 100%; margin-top:0px; text-align: justify;}

blockquote {
  position: relative;
  padding-left: 24px;	/*	1.5em; */	/*	24px; */
  border: solid rgba(34, 34, 34, 0.2);
  border-width: 0 0 0 5px;
}
blockquote:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  content: "\00AB";
  line-height: 0;
  font-size: 140px; /* 10em; */ /* 120px; */
  color: rgba(34, 34, 34, 0.1);
}
/*
blockquote:after {
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 30px;
  content: "\00BB";
  line-height: 0;
  font-size: 140px;
  color: rgba(34, 34, 34, 0.1);
}
*/

stabilo,.stabilo {
  background: #ff0;
  color: #000;
  padding:2px 1px 2px 1px;
}

header{position:relative}
header:before{
	z-index:1;
	position:absolute;
	content:"✍";	/*	&#9997; */
	top:-13;
	left:180;
	font-size:50px;	/* 18em; */ /*	280px; */
	color:rgba(153,0,0,1.4);
}
@media(max-width:768px){
	header:before{font-size:50px;}	/*	12em */
}

a {padding-left:3px; padding-right:3px;}
a#img {padding: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; }

.ecrire:link { text-decoration: none; color: #008253;}
.ecrire:visited {text-decoration: none; color: yellow;}
.ecrire:hover { text-decoration: none; color: white;}
.ecrire:active { text-decoration: none;  color: #4B0082;}

.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;}

.couleur4 { background-color: #FFB0FF;font-family: Arial;}
.cadre_gauche { font-size: 100%; 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; }
div#titre {font-size: 110%; border-left-color:  Fuchsia; border-left-style: solid; border-top-color:  black; border-top-style: solid; border-top-width: 1px; border-bottom-color:  black; border-bottom-style: solid; border-bottom-width: 1px;padding-left:5px; margin-top:5px;  margin-bottom:0px; padding-bottom:2px; background-color: #ffffcc; padding-right:10px; margin-right:-5px; }
span#titre {font-size: 100%; border-left-color:  Fuchsia; border-left-style: solid; border-right-color:  Fuchsia; border-right-style: solid; border-top-color:  black; border-top-style: solid; border-top-width: 1px; border-bottom-color:  black; border-bottom-style: solid; border-bottom-width: 1px; padding: 0px 3px 1px 0px;  background-color: #ffffcc; }
p#titre { margin: 8px -5px 10px 0px; text-indent: -10px;  font-family: Arial; font-size: 100%; border-top-color:  black; border-top-style: solid; border-top-width: 1px; border-bottom-color:  black; border-bottom-style: solid; border-bottom-width: 1px;  padding: 0px 10px 1px 20px;  background-color: #ffffcc; }


#no_print, #no_script  {}

abbr:hover {
  background-color: rgba(34, 34, 34, 0.1);
}
img:hover {
  background-color: rgba(34, 34, 34, 0.2);
}