body						{ font-family: Arial; font-size: 14px; }
#page0						{ display: table; width: 1100px; margin: 0 auto; background-color: #FFFFFF; }

#page						{ width: 100%; margin: 0 auto; margin-bottom: 25px; }

h1							{ margin-top: 65px; }

p							{ line-height: 18px; }
p span						{ font-weight: bold; }
p span::before				{ content: "'"; }
p span::after				{ content: "'"; }

div.player					{ margin-bottom: 25px; text-align: center; }
div.img						{ text-align: center; }

#canaux						{ display: table; width: 100%; margin: 10px auto; background-color: #EEEEEE; text-align: center; }
#canaux ol					{ list-style: none; float: left; width: 33%; padding: 0px; }
#canaux ol li					{ height: 20px; line-height: 20px;  }
#canaux ol li:nth-child(1)	{ margin-bottom: 5px; font-weight: bold; font-size: 16px; }
#canaux ol li:nth-child(2),
#canaux ol li:nth-child(3)	{ ; }
#canaux::after				{ clear: both; }

#compare-choice				{ line-height: 25px; margin-top: 0px; }
#compare-choice ol			{ list-style: disc; width: 300px; margin: 0 auto; padding-bottom: 25px; font-size: 16px; }
#compare-choice a			{ color: #000000; font-weight: bold; text-decoration: none; }
#compare-choice a:hover		{ text-decoration: underline; }

#compare					{ width: 100%; border: 1px solid #000000; }

#compare1					{ display: block; width: 100%; height: 540px; margin: 0 auto; overflow: hidden; }
#compare2					{ display: none;  width: 100%; height: 540px; margin: 0 auto; overflow: hidden; }
#compare3					{ display: none;  width: 100%; height: 540px; margin: 0 auto; overflow: hidden; }
#compare4					{ display: none;  width: 100%; height: 540px; margin: 0 auto; overflow: hidden; }

#legend1, #legend2			{ display: none; line-height: 20px; padding: 6px 10px 0px 10px; background-color: rgba(0,0,0,.7); color: #FFFFFF; font-size: 0px; }
#legend1					{ display: block; }
#legend1 div, #legend2 div	{ display: inline-block; font-size: 16px; }
#legend1 div:nth-child(1)	{ width: 50%; text-align: left; }
#legend1 div:nth-child(2)	{ width: 50%; text-align: right; }
#legend2 div:nth-child(1)	{ width: 33%; text-align: left; }
#legend2 div:nth-child(2)	{ width: 34%; text-align: center; }
#legend2 div:nth-child(3)	{ width: 33%; text-align: right; }

#logo-color					{ background-color: #C85A19; }
