html 						{ overflow-y:scroll; overflow-x:auto; }
body						{ color: #000000; font-size: 13px; font-family: 'Source Sans Pro';  background-color: #ffffff; margin: 0; padding: 0; }

tr							{ color: #000000; font-size: 13px; font-family: 'Source Sans Pro';  }
td							{ color: #000000; font-size: 13px; font-family: 'Source Sans Pro';  }
.accroche					{ font-size: 25px; line-height: 40px; color: #9e9e9e; font-weight: normal; }
.bouton						{ font-size: 16px; }
.explication				{ font-size: 15px; text-align: center; vertical-align:top; padding: 10px; border: 1px solid #d5d5d5; }
.titre						{ font-size: 34px; font-weight: bolder; word-spacing: 6px; }
.gros						{ font-size: 18px; font-weight: lighter; }
.note						{ font-size: 9px; font-weight: lighter; color: #6b6b6b; }

input						{ color: #000000; font-size: 13px; font-family: 'Source Sans Pro'; border: 1px solid #d5d5d5; }
textarea					{ color: #000000; font-size: 13px; font-family: 'Source Sans Pro'; border: 1px solid #d5d5d5; }

.selectGris					{ color: #000000; font-size: 13px; border: 1px solid grey; width: 475px; margin: 6px 3px 6px 3px; padding: 6px 3px 6px 3px }

a							{ color: #000000; text-decoration: none; }
a:visited					{ color: #000000; text-decoration: none; }
a:active					{ color: #ffffff; text-decoration: none; }
a:hover						{ color: #ffffff; text-decoration: none; }

a.noir						{ color: #000000; text-decoration: none; }
a.noir:visited				{ color: #000000; text-decoration: none; }
a.noir:active				{ color: #000000; text-decoration: none; }
a.noir:hover				{ color: #000000; text-decoration: none; }

a.demonstration				{ font-size: 21px; color: #db9d35; text-decoration: none; border: 1px solid #db9d35; padding: 5px 100px 5px 100px; }
a.demonstration:visited		{ color: #db9d35; text-decoration: none; }
a.demonstration:active		{ color: #ffffff; text-decoration: none; background-color: #db9d35; }
a.demonstration:hover		{ color: #ffffff; text-decoration: none; background-color: #db9d35; }

.inputbouton				{ font-size: 21px; color: #db9d35; background-color: #ffffff; text-decoration: none; border: 1px solid #db9d35; padding: 5px 100px 5px 100px; }

a.sousmenu					{ font-size: 20px; color: #6b6b6b; text-decoration: none; }
a.sousmenu:visited			{ color: #6b6b6b; text-decoration: none; }
a.sousmenu:active			{ color: #db9d35; text-decoration: none; }
a.sousmenu:hover			{ color: #db9d35; text-decoration: none; }
a.sousmenu:hover:after     	{ content:"  > ";}
a.sousmenu2					{ font-size: 20px; color: #000000; text-decoration: none; font-weight: bolder; }
a.sousmenu2:after     		{ content:"  > ";}
a.sousmenu2:visited			{ color: #000000; text-decoration: none; }
a.sousmenu2:active			{ color: #000000; text-decoration: none; }
a.sousmenu2:hover			{ color: #000000; text-decoration: none; }

ul.sousmenu					{ line-height:35px;padding-left:0;margin-left:15px;color:#6b6b6b; }

@media screen and (max-height: 900px) {	
	#footer						{ background-color: #000000; color: #ffffff; bottom: 0; left: 0; display:block; width: 100%; position: relative; height: 50px; text-align:center; vertical-align:middle; }
	#footer	table				{ margin-top: 10px; margin-bottom: auto; margin-left: auto ; margin-right: auto ; border: 0px solid yellow; }
	#footer	td					{ color: #ffffff; }
	#footer	a					{ color: #ffffff; text-decoration: none; }
	#footer	a:visited			{ color: #ffffff; text-decoration: none; }
	#footer	a:active			{ color: #ffffff; text-decoration: none; }
	#footer	a:hover				{ color: #ffffff; text-decoration: none; }
}

@media screen and (min-height: 901px) {	
	#footer						{ background-color: #000000; color: #ffffff; bottom: 0; left: 0; display:block; width:100%; position: fixed; height: 50px; text-align:center; vertical-align:middle; }
	#footer	table				{ margin-top: 10px; margin-bottom: auto; margin-left: auto ; margin-right: auto ; border: 0px solid yellow; }
	#footer	td					{ color: #ffffff; }
	#footer	a					{ color: #ffffff; text-decoration: none; }
	#footer	a:visited			{ color: #ffffff; text-decoration: none; }
	#footer	a:active			{ color: #ffffff; text-decoration: none; }
	#footer	a:hover				{ color: #ffffff; text-decoration: none; }
}

.bordureG						{ border-left: 1px solid #d5d5d5; }
.bordureD						{ border-right: 1px solid #d5d5d5; }
.bordureB						{ border-bottom: 1px solid #d5d5d5; }
.bordureH						{ border-top: 1px solid #d5d5d5; }