@charset "iso-8859-1";
* { /* Valeurs par defaut - ne pas modifier */
margin: 0;
padding: 0;
border: 0 none;
}
body { /* Taille et police générale */
font: small "trebuchet ms", optima, tahoma, verdana, arial, sans-serif;
height: 100%;
}
br {
line-height: 25px;
}
table {
font-size: 12px;
padding: 0;
margin: 0;
}
tbody, thead {
text-align: center;
}
td {
border-top: 1px groove #000;
}
h2, h3, p, dl, ul, ol, form {
padding: 0 0 10px 36px;
}
h2 {
font-size: 16px;
margin: 0 0 10px 1px;
padding: 7px 0 0 70px;
height: 30px;
}
h3 {
font-size: 14px;
margin-left: 30px;
padding-top: 10px;
}

#page, #corps, #cadrillage, #menu , #icons{ /* Position - ne pas modifier */
position: absolute;
}
#page { /* Position générale par rapport aux bordures */
top: 15px;
left: 15px;
width: 750px; /* Largeur fixe 750 pixels, optimisé pour résolution 800x600 */
background: url(page.png) no-repeat;
}
#corps { /* Ne pas modifier  */
top: 70px;
width: 750px;
background: url(corps.png) repeat-y;
}
#corps a { /* Couleur et propriétés des liens */
color: #0034CC;
text-decoration: none;
}
#corps a:hover { /* Lorsque la souris passe dessus */
color: #0034CC;
text-decoration: underline;
}
#main p { /* Largeur de la partie de gauche */
width: 450px;
}
#access { /* On cache le menu d'accessibilité */
display: none;
}
#cadrillage { /* Position des données au cadrillage */
top: 0px;
left: 492px;
padding: 0 7px 0 0;
width: 250px;
}
#cadrillage img { /* Position des images dans le cadrillage */
padding-left: 38px;
}
#menu { /* Position du menu */
top: 10px;
left: 234px;
}
#menu li { /* Propriétés du menu */
display: inline;
padding-left: 42px;
line-height: 85px;
}
#cat, #dev, #pro, #sav, #ast { /* Propriétés des liens du menu */
padding-top: 34px;
color: #666;
text-decoration: none;
}
#menu a:hover { /* Couleur des liens lorsque la souris passe sur les liens du menu */
color: #000;
}
#close, #close_contact { /* Fermeture des pages */
margin-top: 5px;
padding: 0 0 7px 0;
text-align: center;
font-size: 12px;
color: #0034CC;
}
#close { /* Image de fermeture de toutes les pages sauf contact */
background: url(close.png) no-repeat;
}
#close_contact { /* Image de fermeture de la page contact */
background: url(equipe.png) no-repeat;
}

#cat { /* Icone pour le lien Catalogues */
background: url(ico_catalogues2.png) center 0 no-repeat;
}
#cat:hover { /* Lorsque la souris passe sur l'icone Catalogues */
background: url(ico_catalogues.png) center 0 no-repeat;
}
#dev {
background: url(ico_devis2.png) center 0 no-repeat;
}
#dev:hover {
background: url(ico_devis.png) center 0 no-repeat;
}
#pro {
background: url(ico_produits2.png) center 0 no-repeat;
}
#pro:hover {
background: url(ico_produits.png) center 0 no-repeat;
}
#sav {
background: url(ico_sav2.png) center 0 no-repeat;
}
#sav:hover {
background: url(ico_sav.png) center 0 no-repeat;
}
#ast {
background: url(ico_astuces2.png) center 0 no-repeat;
}
#ast:hover {
background: url(ico_astuces.png) center 0 no-repeat;
}

#h2_keyboard {
background: url(h2_keyboard.png) no-repeat;
}
#h2_admin {
background: url(h2_admin.png) no-repeat;
}
#h2_astuces {
background: url(h2_astuces.png) no-repeat;
}
#h2_evenement {
background: url(h2_warning.png) no-repeat;
}
#h2_catalogues {
background: url(h2_catalogues.png) no-repeat;
}
#h2_contact {
background: url(h2_contact.png) no-repeat;
}
#h2_devis {
background: url(h2_devis.png) no-repeat;
}
#h2_equipe {
background: url(h2_equipe.png) no-repeat;
}
#h2_error {
background: url(h2_error.png) no-repeat;
}
#h2_form {
background: url(h2_form.png) no-repeat;
}
#h2_new_prods {
background: url(h2_new_prods.png) no-repeat;
margin-top: 20px;
}
#h2_news {
background: url(h2_news.png) no-repeat;
}
#h2_panier {
background: url(h2_panier.png) no-repeat;
}
#h2_plan {
background: url(h2_plan.png) no-repeat;
}
#h2_produits {
background: url(h2_produits.png) no-repeat;
}
#h2_sav {
background: url(h2_sav.png) no-repeat;
}
#h3_client {
background: url(h3_client.png) no-repeat;
}
#h3_contact {
background: url(h3_contact.png) no-repeat;
}
#h3_eng {
background: url(h3_eng.png) no-repeat;
}
#h3_hard {
background: url(h3_hard.png) no-repeat;
}
#h3_horloge {
background: url(h3_horloge.png) no-repeat;
margin-left: 17px;
padding-top: 2px;
}
#h3_info{
background: url(h3_info.png) no-repeat;
}
#h3_mail {
background: url(h3_mail.png) no-repeat;
}
#h3_outils {
background: url(h3_outils.png) no-repeat;
}
#h3_secure {
background: url(h3_secure.png) no-repeat;
}
#h3_soft {
background: url(h3_soft.png) no-repeat;
}
#h3_stylo {
background: url(h3_stylo.png) no-repeat;
}
#h3_table {
background: url(h3_table.png) no-repeat;
}
#h3_warning {
background: url(h3_warning.png) no-repeat;
}
.center {
text-align: center;
margin: 5px 0;
padding-left: 8px;
}
.justify {
text-align: justify;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.t_corps {
width: 750px;
margin: 15px 0 0 0;
}
.t_main {
width: 464px;
margin: 0;
}
.u {
text-decoration: underline;
}
.black {
color: #000;
}
.color {
color: #00A;
}
.little_pdf {
background: url(little_pdf.png) 0 2px no-repeat;
margin-left: 40px;
padding-left: 20px;
list-style: none;
}
.green {
background: url(green.png) 0 5px no-repeat;
margin-left: 5px;
padding-left: 15px;
list-style: none;
}
.red {
background: url(red.png) 0 5px no-repeat;
margin-left: 5px;
padding-left: 15px;
list-style: none;
}
.erreur {
color: #1287FB;
font-style: italic;
font-weight: bold;
}
.fleche {
background: url(fleche.png) 45px 0 no-repeat;
padding: 0 0 10px 70px;
}

.live{ /* DEBUT - Icones OUTILS */
background: url(little_cam.png) 0 2px no-repeat;
margin-top: 10px;
padding-left: 20px;
list-style: none;
}
.manag{
background: url(manag.png) 0 2px no-repeat;
margin-top: 10px;
padding-left: 20px;
list-style: none;
}
.save{
background: url(little_floppy.png) 0 2px no-repeat;
margin-top: 10px;
padding-left: 20px;
list-style: none;
}
.squirrel{
background: url(little_mail.png) 0 2px no-repeat;
margin-top: 10px;
padding-left: 20px;
list-style: none;
}
.stats{
background: url(little_stats.png) 0 2px no-repeat;
margin-top: 10px;
padding-left: 20px;
list-style: none;
} /* FIN - Icones OUTILS */

.astuces { /* DEBUT - Icones Administration */
background: url(ico_astuces.png) no-repeat;
}
.catalogues {
background: url(ico_catalogues.png) no-repeat;
}
.clients {
background: url(clients.png) no-repeat;
}
.devis {
background: url(ico_devis.png) no-repeat;
}
.even {
background: url(attach.png) no-repeat;
}
.pdf {
background: url(pdf.png) no-repeat;
}
.prods {
background: url(ico_produits.png) no-repeat;
}
.sav {
background: url(ico_sav.png) no-repeat;
} /* FIN - Icones Administration */

.marge { /* Marge flèches rouges page principale Administration */
padding-left: 70px;
}
.bleu { /* Séparation des produits dans vitrine et pdf */
color: #1287FB;
font-style: italic;
background: url(separate.png) no-repeat;
margin: 10px 1px;
padding: 4px 0 0 10px;
}

.yellow, .midyellow, .middleyellow, .bigyellow, .chge_qte { /* Debut - INPUTS */
background: url(bg_yellow.png) repeat-x;
border: 1px solid #000;
padding: 2px;
}
.yellow {
width: 135px;
}
.midyellow {
width: 252px;
}
.middleyellow {
width: 304px;
}
.bigyellow {
width: 423px;
}
.chge_qte {
margin: 0;
padding: 0 2px;
width: 25px;
}
.border {
border: 1px solid #000;
padding: 2px;
} /* Fin - INPUTS */

.valid, .near { /* Debut - VALIDS */
background: url(bg_blue.png) repeat-x;
color: #FFF;
border: 2px solid #95C2EF;
margin-top: 10px;
}
.valid {
margin-left: 190px;
}
.near {
margin-left: 10px;
}
.pwd {
background: url(bg_red.png) repeat-x;
border: 1px solid #000;
padding: 2px;
width: 135px;
} /* Fin - VALIDS */

/* DEBUT - Floats */
.floatpasswd, .floatnom, .floattel, .floatadresse, .floatmarque, .floatmarque2, .floatmail, .floaturl, .floaturl2, .floatcar, .floatcod, .floatdesc, .floatdes, .floatcat, .floatprix, .floatcompte, .floatsociety, .floatacces, .floatrefus, .floatattente {
float: left;
}
.floatmarque2 {
padding-right: 31px;
}
.floatattente {
padding-right: 48px;
}
.floatcar {
padding-right: 50px;
}
.floaturl {
padding-right: 51px;
}
.floatacces {
padding-right: 60px;
}
.floatrefus {
padding-right: 69px;
}
.floatpasswd {
padding-right: 74px;
}
.floatcod {
padding-right: 76px;
}
.floatdes {
padding-right: 82px;
}
.floatdesc {
padding-right: 85px;
}
.floattel {
padding-right: 91px;
}
.floatcat {
padding-right: 94px;
}
.floatadresse {
padding-right: 105px;
}
.floatcompte {
padding-right: 106px;
}
.floatprix {
padding-right: 107px;
}
.floatmarque {
padding-right: 108px;
}
.floatmail {
padding-right: 127px;
}
.floatnom {
padding-right: 125px;
}
.floaturl2 {
padding-right: 128px;
} /* FIN - Floats */

.floatleft { /* Début - PHOTOS */
float: left;
padding: 0 10px 0 100px;
margin: 0;
}
.floatright {
float: right;
padding: 0 100px 0 10px;
margin: 0;
}
.photoleft {
list-style: none;
}
.photoright {
list-style: none;
text-align: right;
} /* Fin - PHOTOS */

.homedir { /* Début - Plan du site */
padding: 2px 0 5px 30px;
list-style: none;
background: url(home.png) no-repeat;
}
.accessdir {
margin-left: 30px;
padding: 2px 0 5px 30px;
list-style: none;
background: url(purpledir.png) no-repeat;
}
.subdir {
margin-left: 60px;
padding: 2px 0 5px 30px;
list-style: none;
background: url(greendir.png) no-repeat;
}
.securedir {
margin-left: 90px;
padding: 2px 0 5px 30px;
list-style: none;
background: url(securedir.png) no-repeat;
}
.dir {
margin-left: 90px;
padding: 2px 0 5px 30px;
list-style: none;
background: url(yellowdir.png) no-repeat;
} /* Fin - Plan du site */