body  { background-color: #FFFFFF; color: #000000; font-family: arial; text-align:justify; }

img.logo { margin:20px 20px 0px 20px; float:left; }
div.header { position:fixed; top: -6px; width:100%; background-color:white; max-height:118px; border-bottom:1px solid gray; }
div.col1 { float:left;  width:47% }
div.col2 { float:right; width:47% }
fieldset { padding : 10px 20px 0px 20px; }
legend { font-size:24px; }
label              { display:inline-block; width:44%; background-color:yellow; margin-right:5%; padding-left:1%; }
.col2 label   { width:54%; }
.col2 input   { background-color:#FF9933; border:none; }
fieldset span { display:inline-block; width:9%; background-color:yellow; padding-left:1%; }
fieldset input,
fieldset select { width:40%; }
.buttons { display:inline-block; position:relative; top:-58px; margin:0px auto; width:100%; text-align:center; }
.buttons input { width:120px; height:40px; margin-left:20px; font-size:18px; }

p {font-size:13px; color:#000000; font-weight:bold; }
p.notice { float:left; display:block; color:red; width: 100%; }

div.logo { width:100%; margin-bottom:50px; }

h1 { padding-top: 40px; margin-left: 250px; }

@media screen and (max-device-width:480px),
       screen and (max-width       :480px)
{
	div.col1 { float:left; width:100% }
	div.col2 { float:left; width:100% }
	p { font-size: 2em; }
	h2 { font-size: 2em; }
	.buttons input { width:200px; height:60px; font-size:2.2em; }
	label { width:40%; } 
	legend { font-size:3em; }
	fieldset { width:90%; margin:0px auto; }
	fieldset span { width:12%; }
	fieldset input   { width:35%; font-size: 1.1em; }
	fieldset select { width:35%; font-size: 1.1em; }
	p.notice { font-size: 1.2em; }
}

.cli_gp fieldset span, .cli_gp label { background-color:#5EB373 /*#47774F*/; }
.cli_ps fieldset span, .cli_ps label { background-color:#FFAC59 /*#FF8753*/; }
.col2 input { background-color:white; border:1px solid black; }


.test1 fieldset span, .test1 label { background-color:LemonChiffon; }
.test1 .col2 input                         { background-color:NavajoWhite; }
.test2 fieldset span, .test2 label { background-color:LemonChiffon; color:#0066cc; }
.test2 .col2 input                         { background-color:NavajoWhite;  color:#0066cc; }
.test3 fieldset span, .test3 label { background-color:white; }
.test3 .col2 input                         { background-color:white; }
.test4 fieldset span, .test4 label { background-color:white; color:#0066cc; }
.test4 .col2 input                         { background-color:white; color:#0066cc; }
.test5 fieldset span, .test5 label { background-color:white; }
.test5 .col2 input                         { background-color:NavajoWhite; }
.test6 fieldset span, .test6 label { background-color:white; color:#0066cc;}
.test6 .col2 input                         { background-color:NavajoWhite; color:#0066cc; }

#calc1 { height:0px; position:relative; top:-120px; } 
#calc2 { height:0px; position:relative; top:-120px; } 

table.fair .c1,
table.fair .c2,
table.fair .c3 { width:25%; }

table.filtre .c2 { text-align:center; padding:0px 10px; }
table.fair td.ratio { text-align:right; border:1px solid black; }
table.fair td.titre { text-align:center; }

table input,
table select    { width:100%; text-align:center; background-color:#C6E0B4; color:#006100; font-family: arial; }
table.fair td.result {             text-align:center; background-color:gray; color:#006100; font-family: arial; }

table.fair td.head { font-weight:bold; font-style:italic; }
table.fair td.lib { text-align:left; }

table td.titre_section { font-size:1.3em; font-weight:bold; padding:10px 0px 20px 0px; text-transform:uppercase; text-align:center; }

section#resultats,
section#resultats td { color:#2F75B5; font-size:1.1em; font-weight:bold; }
section#resultats { line-height:1.5em; border-collapse: collapse; text-transform:uppercase; margin-left:20px; font-weight:bold; }
section#resultats td { padding:0px 15px; border-bottom: double #C6E0B4; }
section#resultats td.c1,
section#resultats tr:last-child td { border-bottom: none; }
section#resultats td.c2 { padding:0px 30px; }
section#resultats img.economie { float:left; margin:8px 20px 0 0;  }

table.resultats { margin: 25px 0px 10px 0px; border:3px solid #C6E0B4; }
table.filtre { float:left; margin:30px 50px 20px 20px; }

section#tableaux { display:inline-block; margin:40px 0px; }