:root{
	--color:rgb(118,184,231);
	--background: black ;
}
body{ background: url(../img/fond.jpg);font-weight: bold;height: auto; }
.L{ float: left; }
.R{ float: right; }

a{ background: silver;color: var(--color); }
b.boldinfo{ color: var(--color);font-style: italic;padding: 5px; }
.encadretextetitre{ width: 100%;color: var(--color);white-space: pre-line; }
.textetitre{ border: solid var(--color) 1px;font: normal 12pt Arial;padding: 10px 10px 20px 10px; }
.infoModif{ display: none; }
.textetitre{ color: var(--color);padding: 15px;width: 680px;height: auto;white-space: pre-line;margin: 30px 0 0 15px; }
.textetitre:hover{ color: yellow; }
.titre{ position: absolute;z-index: 1;text-align: justify;font-weight: bold;width: 100%;height: auto;background: none;margin: 70px 0 10px 0; }
div.titreInfos{ float: left;width: 450px;padding: 5px;margin-bottom: 15px;border: solid var(--color) 1px; }
div.point_info_0{ float: left;color: var(--color);font-weight: bold;width: 95px;background:	ivory;border: outset gray 1px;padding: 2px; }
div.corpsgenerateur{ width: 910px;height: auto;padding: 5px;margin: 35px 0; }
div.generatrice{ margin: 30px 45px 0 0;width: 760px;height: auto;border: solid var(--color) 1px;padding: 25px; }
div.meta{ float: left;width: 350px;margin: 0 0 10px 10px; }
div.inputmeta{ float: right;width: 520px;height: 25px;text-align: left;margin: 0 0 10px 0; }
input.btnVide{ color: yellow;font-weight: bold;background: #336633;border: solid var(--color) 2px; }
input.btnGen{ color: white;background: #336633;border: solid var(--color) 2px; }
input.champs, textarea.champs, select.champs{ background: #bcd7ce;border: solid var(--color) 1px;margin-left: 20px; }
.divInfo{ position:absolute;z-index:100;color: blue;margin: 25px 0 0 3cm;width: 800px;padding: 10px;border:solid #000 1px;background:white; }


@media all and (min-width: 768px) and (max-width: 1280px)
{
	/*.infoModif{ position: absolute;z-index:20000;display: block;font: bold 41pt Arial;text-align: center;background: white;color: red;padding: 250px 50px 50px 50px;width:94.5%;height: 62cm; }*/
	.titre{ width:100%;height: auto;background: none;margin-bottom: 10px; }
	.textetitre{ float: left;width: 90%;border: solid var(--color) 1px;font: normal 10pt Arial; }
	div.generatrice{ margin: 40px 155px 0 0;font: normal 13pt Arial; }
	div.corpsgenerateur{ margin-top: 100px;font: normal 13pt Arial; }
	div.meta{ width: 340px; }
	div.inputmeta{ width: 520px; }
	.btnGen{ font: normal 13pt Arial;padding: 5px 10px; }
}