body 						{ font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #000000; text-align: justify; border-width: 0; outline-width: 0; }
@font-face 					{ font-family: "XBand"; src: url("XBandRough.ttf") format("truetype"); }
@font-face 					{ font-family: 'Sophie'; src: url('Sophie.ttf') format("truetype"); }
@font-face 					{ font-family: 'YanoneKaffeesatz'; src: url('YanoneKaffeesatz.ttf'); }
@font-face 					{ font-family: 'YanoneKaffeesatzBold'; src: url('YanoneKaffeesatz-Bold.ttf'); }

#top 						{ position: absolute; width:100%; height:60px; font-size:16px; background-color:#EEEEEE;vertical-align:middle; }
#bandeau 					{ position: absolute; left: 50%; top: 50%; }
#centre 					{ position: absolute; left: 50%; top: 50%; }
#container 					{ position: absolute; left: -491px; top: -457px; width: 983px; height: 907px; margin: 0px; padding: 0; border-top: 3px solid #8f9092; border-bottom: 3px solid #8f9092; }

table,tr,td 				{ color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: justify; }
p			 				{ color: #606060; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; text-align: justify; }
select 						{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
input 						{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
.submit 					{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
textarea 					{ color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; }
form 						{ color: #707070; font-size: 14px; line-height: 21px; text-align: justify; }
a							{ color: #000000; text-decoration: none; }
a:visited					{ color: #000000; text-decoration: none; }
a:active					{ color: #606060; text-decoration: underline; }
a:hover						{ color: #606060; text-decoration: none; }
b							{ font-weight: normal; }
.gras						{ font-weight: bold; }
.bandeau					{ z-index: 1; position: relative; top: 0; left: 0; background-image: url('../image/engrenage.png'); background-repeat: no-repeat; background-position:-120px -140px; }
.bandeautexte				{ z-index: 3; position: absolute; top: 0; left: 0; margin-left: 170px; margin-top: 173px; }
.accroche					{ z-index: 5; position: absolute; top: 0; left: 0; font-size: 9px; color: #FFFFFF; }
.retour						{ z-index: 9; position: absolute; top: 0; left: 0; width: 475px; height: 216px; }
h1							{ margin: 0; padding : 0; font-weight: normal; display:inline; color: #000000; font-family: 'XBand'; font-size: 65px; line-height: 46px; }
h2							{ margin: 0; padding : 0; font-weight: normal; display:inline; color: #000000; font-size: 20px; padding-top: 22px; line-height: 30px; }
h3							{ margin: 0; padding : 0; font-weight: normal; display:inline; color: #606060; font-size: 10px; margin-top: 10px; line-height: 12px; letter-spacing:0px; }
h4							{ margin: 0; padding : 0; font-weight: normal; display:inline; color: #606060; font-family: 'Sophie'; font-size: 25px; margin-top: 14px; line-height: 22px; letter-spacing:0px; }
h5							{ margin: 0; padding : 0; font-weight: normal; display:inline; color: #606060; font-family: 'Sophie'; font-size: 35px; margin-top: 14px; line-height: 22px; letter-spacing:0px; }
.note						{ font-size: 10px; line-height: 11px; }

#contenu					{ width: 500px; height: 532px; margin-top: 25px; padding-top: 20px; padding-left: 8px; padding-right: 12px; font-size: 13px; line-height: 16px; text-align: justify; border: 0px solid red; overflow-y:auto; overflow-x:hidden; }
#contenu .texteaccueil		{ font-size: 30px; line-height: 40px; font-family: 'Sophie'; }
#contenu .textelong			{ font-size: 13px; line-height: 14px; }
#contenu .textegros			{ font-weight: bold; }
#contenu a					{ color: #606060; font-size: 13px; text-decoration: none; }
#contenu a:visited			{ color: #606060; font-size: 13px; text-decoration: none; }
#contenu a:active			{ color: #606060; font-size: 13px; text-decoration: underline; }
#contenu a:hover			{ color: #606060; font-size: 13px; text-decoration: underline; }
#contenu ul li				{ font-size: 10px; line-height: 13px; } 
#contenu .signature			{ font-size: 28px; font-family: 'Sophie'; font-weight: normal; }

#textedroite				{ width: 372px; height: 450px; border: 0px solid red; overflow-y:auto; overflow-x:hidden; }
#textedroite .textegros		{ font-weight: bold; }
#textedroite .superieur		{ font-size: 18px; font-weight: bold; }
#textedroite .invisible		{ display: none; }

.titre						{ color: #8f9092; font-weight: bold; font-size: 19px; font-family: 'YanoneKaffeesatz'; white-space: nowrap; letter-spacing:-1px; margin-bottom: 5px; } 
#contact					{ z-index: 1; display: block; width: 354px; height: 94px; text-align: left; vertical-align: middle; padding: 20px 0 0 20px; color: #FFFFFF; font-size: 18px; font-family: 'YanoneKaffeesatz'; background-color: #8f9092; line-height: 24px; letter-spacing:0px; border: 0px solid red; position:relative; bottom:0; right:0; }
#contact a					{ color: #FFFFFF; text-decoration: none; }
#contact a:visited			{ color: #FFFFFF; text-decoration: none; }
#contact a:active			{ color: #FFFFFF; text-decoration: underline; }
#contact a:hover			{ color: #FFFFFF; text-decoration: underline; }

#contactQR					{ z-index: 5; display: none; width: 110px; height: 110px; position:absolute; top:-1px; right: 10px; margin-right: 2px; }

#description				{ overflow-y:hidden; border: 0px solid red; height: 140px; }

a.accesclient				{ color: #8f9092; font-size: 16px; font-family: 'YanoneKaffeesatz'; text-decoration: none; }
a.accesclient:visited		{ color: #8f9092; font-size: 16px; text-decoration: none; }
a.accesclient:active		{ color: #000000; font-size: 16px; text-decoration: none; }
a.accesclient:hover			{ color: #000000; font-size: 16px; text-decoration: none; }

#motclef					{ display: block; text-align: justify; margin: 0; padding : 0; width: 374px; height: 200px; border: 0px solid red; overflow: hidden; position:absolute; top:0; right:0;}
#motclef .a01				{ display: inline; font-size:  9px; color: #ececec; line-height: 20px; height: 20px; }
#motclef .a02				{ display: inline; font-size: 22px; color: #dedede; line-height: 20px; height: 20px; }
#motclef .a03				{ display: inline; font-size: 10px; color: #d1cccc; line-height: 20px; height: 20px; }
#motclef .a04				{ display: inline; font-size: 21px; color: #a8a8a8; line-height: 20px; height: 20px; }
#motclef .a05				{ display: inline; font-size: 11px; color: #e0e0e0; line-height: 20px; height: 20px; }
#motclef .a06				{ display: inline; font-size: 20px; color: #dfdfdf; line-height: 20px; height: 20px; }
#motclef .a07				{ display: inline; font-size: 12px; color: #c2b8b8; line-height: 20px; height: 20px; }
#motclef .a08				{ display: inline; font-size: 19px; color: #dfdfdf; line-height: 20px; height: 20px; }
#motclef .a09				{ display: inline; font-size: 13px; color: #c6c6c6; line-height: 20px; height: 20px; }
#motclef .a10				{ display: inline; font-size: 18px; color: #dfdfdf; line-height: 20px; height: 20px; }
#motclef .a11				{ display: inline; font-size: 14px; color: #b5b4b4; line-height: 20px; height: 20px; }
#motclef .a12				{ display: inline; font-size: 17px; color: #b1a8a8; line-height: 20px; height: 20px; }
#motclef .a13				{ display: inline; font-size: 15px; color: #afb1a3; line-height: 20px; height: 20px; }
#motclef .a14				{ display: inline; font-size: 15px; color: #a8a8a8; line-height: 20px; height: 20px; }
#motclef .a15				{ display: inline; font-size: 16px; color: #abaaa7; line-height: 20px; height: 20px; }
#motclef .a16				{ display: inline; font-size: 14px; color: #dfdfdf; line-height: 20px; height: 20px; }
#motclef .a17				{ display: inline; font-size: 17px; color: #d4cbb9; line-height: 20px; height: 20px; }
#motclef .a18				{ display: inline; font-size: 13px; color: #b6ad9b; line-height: 20px; height: 20px; }
#motclef .a19				{ display: inline; font-size: 18px; color: #bebebe; line-height: 20px; height: 20px; }
#motclef .a20				{ display: inline; font-size: 12px; color: #c6c6c6; line-height: 20px; height: 20px; }
