body {margin: 0; padding: 0; background-color: #ffffff; font-family: arial, helvetica, verdana, sans-serif; font-size: 1em; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
#calque1   { color: white; font-style: normal; font-weight: 500; font-size: 11px; line-height: 120%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif; position: absolute; top: 140px; left: 45px; width: 229px; height: 48px; visibility: visible; display: block }
#calque2 { color: purple; font-style: italic; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif; position: absolute; top: 208px; left: 42px; width: 450px; height: 15px; visibility: visible; display: block }
a:link { color: purple; }
a:hover {color: #FF4500; }
.contenu { margin-left: 200px; margin-top: 45px; width: auto; }
.centre { float: left; width: 420px; }
.centre2 { float: left; width: 500px }
.centre1 { float: left; margin-left: 100px; width: 220px; }
.centre3 { float: left; margin-left: 100px; width: auto; hight: auto; }
.une { float: left; margin-top: 85px; margin-left: 60px; margin-right: 55px; width: 305px; }
.photos { float: right; width: 200px; margin-left: -100px; margin-right: 10px; }
.photo1 { float: right; width: 210px; height: 140px; margin-right: 10px }
.photo6  { float: right; border: solid 1px #000000; width: 208px; height: 295px; }
.photo2 { float: right; width: 210px; height: 140px; margin-top: 20px; margin-right: 10px;}
.photo3 { float: right; width: 210px; height: 190px; margin-top: 20px; margin-right: 10px; }
#photo4 { background: url(General/ImagesGeneral/Contact.jpg) no-repeat; float: right; margin-top: 50px; margin-right: 10px; margin-left: -250px; z-index: 10000; width: 209px; height: 134px; visibility: visible }
.photo5 { float: right; width: auto; height: auto; border: solid 1px #000000; }
.form { float: right; width: auto; height: auto; text-align: center; }
.products { text-align: center; float: right; width: auto; height: auto; }
.trait { float: right; width: 220px; height: 10px; }
.flash { float: right; background-color: #ff6600; margin-top: 10px; width: auto; height: auto }
.photo31 { float: left; width: 100px; height: auto; border: 0; }
.photo33 { float: left; width: 100px; height: auto; }
.photo311 { float: left; width: 200px; height: 134px; }
.photo312 { float: left; width: 210px; height: 140px; }
.vignette { float: left; width: 100px; height: 141px; border: solid 1px #000000; }
.photo32 { float: left; width: 232px; height: 300px; margin-right: 10px; margin-bottom: 10px; }
.tableau { margin-left: 200px; width: 650px; margin-bottom: 20px; }
.tableau1 { margin-bottom: 20px; margin-left: 200px; margin-top: -50px; width: 650px }
.tableau2 { margin-bottom: 20px; margin-left: 200px; margin-top: -130px; width: 650px }
.tableauAOM { margin-top: -50px; margin-bottom: 20px; margin-left: 200px; width: 620px; }
.pied { margin-left: 180px; width: 620px; height: auto; }
h1   { color: purple; font-weight: normal; font-size: 240%; line-height: 120%; text-align: right; margin-right: 30px; }
h2 { color: purple; font-weight: normal; font-size: 140%; line-height: 100%; }
h3 { color: #ff4500; font-weight: bold; font-size: 90%; text-align: left; margin-left: 30px; line-height: 50%; }
h4 { color: #ff4500; font-weight: bold; font-size: 90%; line-height: 50%; text-align: center; }
.chapitremenu { color: #ff4500; font-weight: bold; font-size: 0.75em; line-height: 50%; text-align: left; }
.chapitremenu1 { color: #d2691e; font-weight: bold; font-size: 0.85em; line-height: 100%; text-align: left }
.rubrique { color: #ff4500; font-weight: bold; font-size: 80%; line-height: 100%; text-align: center; margin-top: 20px; }
.texteBOr { color: #ff4500; font-weight: bold; font-size: 0.70em; line-height: 110%; text-align: left; }
.texte { color: black; font-weight: normal; font-size: 0.75em; line-height: 120%; text-align: justify }
.texteB { color: black; font-weight: bold; font-size: 0.75em; line-height: 120%; text-align: justify }
.texteOrange { color: #ff4500; }
.texte2 { color: black; font-weight: normal; font-size: 0.70em; line-height: 120%; text-align: left; margin-left: 10px; margin-right: 20px; }
.texte3 { color: black; font-weight: normal; font-size: 0.75em; line-height: 120%; text-align: left; }
.note { color: black; font-weight: normal; font-size: 0.65em; line-height: 120%; text-align: left; }
.noteC { color: black; font-weight: normal; font-size: 0.65em; line-height: 120%; text-align: center; }
.copyright { float: left; margin-left: 10px; margin-top: 20px; width: auto; }
.copyrightStyl { color: #ff4500; font-weight: normal; font-size: 0.65em; line-height: 120%; text-align: left; }
.cale { margin-left: 270px; }
.spacer { clear: both;}
.logo { float: left; width: 270px; height: 259px; }
.logo2 { float: right; margin-left: -400px; width: 473px; height: 259px;}
.elastoc { margin: 0; padding: 0; width: 100%; height: 259px; background-image: url(Images/imagesT/QT-Tete4_02.gif); }
.texteCB { color: black; font-weight: bold; font-size: 0.75em; line-height: 120%; text-align: center; }
.legende { float: right; width: 100%; color: black; font-weight: normal; font-size: 0.75em; line-height: 100%; text-align: center; margin-top: 15px; }
.tete  { color: white; font-weight: bold; font-size: 0.8em; line-height: 100%; background-color: #ff8c00; text-align: center; }
th { color: white; font-weight: bold; font-size: 0.8em; line-height: 100%; background-color: #ff8c00; text-align: center }
.ligne1 { color: black; font-weight: normal; font-size: 0.75em; line-height: 110%; background-color: #ffffff; text-align: center; }
.ligne1B { color: black; font-weight: bold; font-size: 0.75em; line-height: 110%; background-color: #ffffff; text-align: center; }
.ligne2  { color: black; font-weight: normal; font-size: 0.75em; line-height: 110%; background-color: #ffebcd; text-align: center; }
.ligne2B  { color: black; font-weight: bold; font-size: 0.75em; line-height: 110%; background-color: #ffebcd; text-align: center; }
.conteneur { }
#xiti-logo { float: left; margin-left: 10px; width: auto; }
#raccourcis ul { margin: 0; padding: 0; list-style-type: none; width: 100%; margin-top: -10px; }
#raccourcis2 ul { float: left; margin-left: 10px; list-style-type: none; margin-top: -10px; width: 100%; }
#raccourcis li { float: left; }
#raccourcis2 li { float: left }
#raccourcis a { margin: 0 2px; width: 100px; height: 20px; float: left; display: inline; font-weight: bold; font-size: 0.75em; text-align: left; border: 0; color: #d2691e; text-decoration: none; background: #ffffff;}
#raccourcis2 a { color: #d2691e; font-weight: bold; font-size: 0.75em; text-decoration: none; background-color: #ffffff; text-align: left; float: left; margin: 0 2px; border: 0; width: 100px; height: 20px; display: inline }
#raccourcis a:hover { background: #ffffff; color: purple;}
#raccourcis2 a:hover { color: purple; background-color: #ffffff }
#navigation ul { text-align: left; list-style-type: none; float: left; width: 100px; margin-left: 10px; padding-top: 20px; height: auto; }
#navigation2 ul { text-align: left; list-style-type: none; float: left; width: 100px; margin-left: 10px; padding-top: 20px; height: auto; }
#navigation3 ul { text-align: left; list-style-type: none; line-height: 100%; float: left; width: 100%; margin-left: 10px; padding-top: 20px; height: auto; }
#navigation4 ul { text-align: left; list-style-type: none; float: left; margin-left: 10px; padding-top: 20px; width: 150px; height: auto }
#navigation li { float: left; }
#navigation2 li { float: left }
#navigation3 li { float: left }
#navigation4 li { float: left }
#navigation a { margin: 0 2px; width: 100px; height: 15px; float: left; font-weight: normal; display: block; font-size: 0.65em; text-align: left; border: 0; color: purple; text-decoration: none; background-color: #ffffff;}
#navigation2 a { color: purple; font-weight: normal; font-size: 0.65em; text-decoration: none; background-color: #ffffff; text-align: left; float: left; margin: 0 2px; border: 0; width: 100px; height: 15px; display: block }
#navigation3 a { color: purple; font-weight: normal; font-size: 0.65em; text-decoration: none; background-color: #ffffff; text-align: left; float: left; margin: 0 2px; border: 0; width: auto; height: 15px; display: block }
#navigation4 a { color: purple; font-weight: normal; font-size: 0.65em; text-decoration: none; background-color: #ffffff; text-align: left; float: left; margin: 0 2px; border: 0; width: 100px; height: 15px; display: block }
#navigation a:hover { background: #ffffff; color: #d3691e;}
#navigation2 a:hover { color: #d2691e; background-color: #ffffff }
#navigation3 a:hover { color: #d2691e; background-color: #ffffff }
#navigation4 a:hover { color: #d2691e; background-color: #ffffff }
.menugauche    { position: absolute; top: 300px; left: 0px; width: 180px; height: 850px; margin: 0; padding: 0; background-color: #ffffff; }