body { font-family: arial, tahoma, helvetica, verdana; background-color: #5297ce; background-image: url(../_img/fond.gif); background-repeat: repeat-x; margin: 0; padding: 0; }
a { color: #5297ce; text-decoration: none; cursor: pointer; }
a:hover { }
#tete { position: relative; top: 0; left: 0; width: 100%; height: 145px; float: left; clear: right; margin: 0; padding: 0; }
#logo { position: relative; top: 0; left: 0; width: 314px; height: 145px; float: left; margin: 0; padding: 0; display: block; }
/*--------- menu ---------*/
#menu { position: relative; top: 104px; left: 0; height: 41px; float: left; }
#menu a { color: #e1ffff; font-size: 13px; font-weight: bold; line-height: 45px; background-image: url(../_img/separ.gif); background-repeat: no-repeat; text-decoration: none; height: 41px; float: left; margin-right: 10px; padding-left: 10px; display: block; }
#menu a:hover { color: #fff; text-decoration: none; background-image: url(../_img/separ.gif); background-repeat: no-repeat; display: block; margin-right: 10px; padding-left: 10px; height: 41px; float: left; }
/**/
#corps { background-color: #fff; background-image: url(../_img/empereur.jpg); background-repeat: no-repeat; background-position: 0 bottom; position: relative; top: 0; left: 0; width: 100%; height: auto; float: left; clear: both; margin: 0; padding: 0; display: block; }
#col { position: relative; top: 0; left: 0; width: 240px; height: auto; float: left; clear: left; display: block; }
#menu2 { position: relative; top: 0; left: 0; width: 240px; height: auto; float: left; clear: left; display: block; }
#menu2 ul { position: relative; top: 20px; left: 10px; margin: 0 0 0 20px; padding: 0; }
#menu2 li { list-style-type: none; margin: 0 0 5px; padding: 0; }
#menu2 a { color: #5297ce; font-weight: bold; line-height: 30px; background-image: url(../_img/off.gif); background-repeat: no-repeat; text-decoration: none; text-indent: 30px; display: block; width: 200px; height: 30px; }
#menu2 a:hover { background-image: url(../_img/over.gif); background-repeat: no-repeat; display: block; width: 200px; height: 30px; }
#new { display: block; position: relative; top: 0; left: 0; width: 240px; height: 70px; float: left; clear: both; }
#new ul { margin: 0 0 0 20px; padding: 0; position: relative; top: 20px; left: 10px; }
#new li { list-style-type: none; margin: 0 0 5px; padding: 0; }
#new a { color: #fc9425; font-weight: bold; line-height: 30px; text-decoration: blink; background-image: url(../_img/new.gif); background-repeat: no-repeat; text-indent: 30px; display: block; width: 200px; height: 30px; }
#new a:hover { background-image: url(../_img/new-on.gif); }
#vip { display: block; position: relative; top: 0; left: 20px; width: 173px; height: 130px; float: left; clear: both; margin: 10px 0 0; padding: 0; }
#sav { background-image: url(../_img/fd-sav.gif); background-repeat: no-repeat; background-position: 0 bottom; display: block; margin: 0; padding: 0 0 10px; position: relative; top: 0; left: 20px; width: 173px; height: auto; float: left; clear: both; }
#sav p { font-size: 0.75em; width: 150px; margin: 0; padding: 0 0 15px 10px; }
#sav a { text-decoration: none; }
/**/
#anim { position: absolute; top: 10px; left: 320px; width: 440px; height: 80px; float: left; display: block; }
#contenu { font-size: 13px; position: relative; top: 0; left: 0; width: 550px; height: auto; float: left; min-height: 650px; margin: 20px 0 25px; padding: 0; display: block; }
#contenu h1 { color: #5297ce; font-size: 22px; margin-top: 0; margin-bottom: 20px; padding: 0; border-bottom: 1px dotted #5297ce; }
.cell { position: relative; top: 0; left: 0; width: 250px; height: auto; float: left; margin-right: 15px; padding: 0; display: block; }
.photo { width: 252px; height: auto; margin: 0; padding: 0; border: solid 1px #5297ce; }
.error { width: 100%; margin-top: 5px; margin-bottom: 10px; }
.presentation { margin-top: 10px; margin-bottom: 20px; width: 100%; height: auto; clear: both; display: block; }
.focus { background-image: url(../_img/focus.gif); background-repeat: no-repeat; text-align: left; display: block; width: 530px; height: auto; float: left; clear: both; min-height: 100px; margin: 10px 0; padding: 25px 0 10px 10px; border: solid 1px #5298cc; }
#contenu .focus h1 { color: #5298cc; font-size: 1.3em; margin-bottom: 0.3em; padding-bottom: 0; border-bottom-style: none; }
.orange { background-color: #fd9029; background-image: url(../_img/orange.gif); background-repeat: no-repeat; background-position: center 0; text-align: left; display: block; padding: 40px 0 10px; width: 530px; height: auto; float: left; min-height: 100px; clear: both; margin: 10px 0; border: solid 1px #ec8000; }
.box { background-color: white; width: 163px; height: auto; float: left; margin-right: 0; margin-left: 0; padding: 0; display: block; }
#contenu .box h1 { color: #5298cc; font-size: 1.3em; text-align: center; margin-top: 0.5em; margin-bottom: 0.2em; border-bottom: 1px solid #d8d8d8; }
.boxbas { background-color: white; display: block; margin-right: 0; margin-left: 0; padding: 0; width: 168px; height: 170px; float: left; border: solid 1px #5298cc; }
#contenu .boxbas p { color: #808080; font-size: 0.9em; width: 158px; margin: 0; padding: 0 5px; }
#contenu .boxbas a { color: #808080; font-size: 0.9em; text-decoration: none; }
.teou { color: gray; font-size: 14px; position: relative; top: 10px; width: 100%; clear: both; margin-top: 10px; margin-bottom: 30px; padding: 0; border-bottom: 1px dotted #5297ce; display: block; }
.teou a { color: orange; }
.teou a:hover { color: #009ee0; text-decoration: none; }
.wrapper { width: 540px; height: auto; float: left; clear: both; margin: 10px 0 30px; padding: 0; display: block; }
.photo_list { padding: 0; width: 100px; height: auto; float: left; border: solid 1px #5297ce; }
.produit_list { width: 400px; height: auto; float: right; }
.photo_desc { width: 200px; height: auto; float: left; padding: 0; border: solid 1px #5297ce; }
.produit_desc { width: 300px; height: auto; float: right; }
.desc { color: black; }
.caracteristiques { color: #808080; padding-top: 10px; padding-bottom: 20px; }
h2 { color: #fff; font-size: 17px; background-color: #5297ce; text-align: center; width: 252px; margin: 0; padding: 2px 0; border: solid 1px #5297ce; }
h3 { color: #5297ce; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0; border-bottom: 1px dotted #5297ce; }
h4 { color: #5297ce; font-size: 14px; font-weight: bold; margin: 0 0 6px; padding: 0; }
/**/
#baseline { color: #5297ce; font-size: 14px; font-weight: bold; text-align: right; vertical-align: top; display: block; position: relative; left: 0; bottom: 0; width: 760px; height: 25px; float: left; clear: both; margin: 0; padding: 0; }
/**/
#pied { color: #fff; font-size: 12px; background-color: #5297ce; position: relative; top: 0; left: 0; width: 100%; height: 100px; float: left; clear: both; margin: 0; padding: 0; display: block; }
.tel { font-weight: bold; position: relative; top: 10px; left: 10px; width: 500px; height: 20px; float: left; margin: 0; padding: 0; }
.legal { text-align: right; position: relative; top: 10px; left: 10px; width: 250px; height: 20px; float: left; margin: 0; padding: 0; }
.legal a { color: #e1ffff; text-decoration: none; }
.legal a:hover { color: white; text-decoration: none; }
/**/
#news h1 { color: white; font-size: 16px; font-weight: bold; background-color: #5297ce; text-indent: 2px; margin: 0 0 5px; padding: 2px; }
#news p { margin: 0; padding: 0 0 5px; }
.cellnews { position: relative; top: 0; left: 0; width: 98%; height: auto; float: left; clear: both; margin-bottom: 20px; padding: 5px; border: solid 1px #5297ce; display: block; }
#colnews { font-size: 12px; position: relative; top: 25px; left: 10px; width: 150px; float: left; margin-bottom: 10px; padding: 0 0 15px; }
#colnews h1 { color: #04acf0; font-size: 16px; margin: 0; padding: 0; border-style: none; border-width: 0; }
#colnews h3 { font-size: 14px; border-style: none; border-width: 0; }
.intronews { color: #666; background-color: #f8f8f8; width: 140px; height: auto; margin-bottom: 10px; padding: 5px; border: solid 1px #d8d8d8; }
.intronews p { font-size: 11px; margin: 0; padding: 5px 0; }
.intronews a { color: #666; font-weight: bold; }
.intronews a:hover { color: #5297ce; font-weight: bold; }