/* ------- About la page ------- */


body {
margin:0; 
padding:0; 
background-image:url(img/fond.jpg); /* fond de la page */
background-attachment: fixed;
font:10pt Arial;
color:#333333;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:white;
scrollbar-shadow-color:#999999;
scrollbar-3Dlight-color:#999999;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#EDECEC;
scrollbar-darkshadow-color:#999999; }

#haut {
background:url(img/haut.jpg);
height:100px;
}

#milieu {
background:url(img/bodybg.jpg);
}

#bas {
background:url(img/bas.jpg);
height:50px;
}

a {
color:#336699; 
font-weight:bold; 
text-decoration:none; }

a:hover {
color:#6699FF; 
text-decoration:underline; }


/* ------- About le menu ------- */


#sidebar {
margin-top:-2px;
height:100%;
position:absolute; /* permet de commencer le contenu dans le haut de la page avec IE */ 
width:220px; /* largeur du menu */
overflow:auto;
text-align:right; }

body > #sidebar {
position:fixed; } /* fixe le menu pour Firefox */


/* ------- About la naviguation dans le menu ------- */


#menu a {
display:block; /* les éléments du menu sur une ligne différente */
width:199px; /* largeur entre extrémité page et extrémité menu */
padding:5px 18px 5px 0; /* espace entre titre et haut onglet, titre et extrémité contenu, titre et bas onglet */
color:#666666; /* couleur du lien */
font-size:12pt; /* taille de la police */
font-weight:normal;
text-align:right;
text-decoration:none;
height:20px; }             

#menu a:hover {
color:#333333; /* couleur de la police */ 
background:#FFFFFF;
text-decoration:none; }

#menu a.active {
font-weight:bold;
color:#999999;
width:202px;
padding:5px 18px 5px 0;
background-image:url(img/active.jpg);
border-top:2px solid #CCCCCC; 
border-bottom:2px solid #CCCCCC; }

#menu a.active:hover {
font-weight:bold;
color:#666666; 
background-image:url(img/active.jpg); }

#ssmenu a {
font-size:10pt;
height:15px;
text-align:left;
text-indent:5px; }

#ssmenu a:hover {
background:#999999;
color:black; }

#ssmenu a.active {
background:#666666;
width:199px;
border-top:0px; 
border-bottom:0px;
color:#CCCCCC; }

#ssmenu a.active:hover {
background:#666666;
color:#FFFFFF; }


/* ------- About le contenu ------- */


#contentmid {
padding-top:1px; /* évite un bug de Firefox */
padding-bottom:20px;
text-align:justify;
width:540px;
margin:0 0 0 240px; } /* ! : marge entre extrémité PAGE et contenu */ 

#contentbottom {
padding:12px 0;
font:9pt Arial;
color:#333333;
text-align:center;
width:540px;
margin:0 0 0 240px; }

#contentmid .titre {
padding-top:10px;
padding-bottom:10px;
display:block; }

#contentmid h2 {
margin:20px 0px 20px 0px; 
font-size:10pt; } 


/* ------- About les formulaires ------- */ 

label {
font-size:9pt; }

.labelmin {
font-size:8pt; }

.textarea {
border:1px solid #CCCCCC;
background-color:#E9E8E8;
width:200px;
font:10pt Arial; }

.textarea:hover {
border-color:#999999; } 

select, option {
background-color:#E9E8E8;
width:100px;
font-size:9pt; }
             
.submit {
border:1px solid #999999;
background-color:#CCCCCC;
width:100px;
color:#333333;
margin:10px 0 10px 0; }

.submit:hover {
background-color:#B3B2B2;
border-color:#666666; }

.seek {
border:1px solid #999999;
background-color:#CCCCCC;
width:45px;
height:16px;
font-size:9pt;
color:#333333;
margin:10px 0 10px 0; }

.seek:hover {
background-color:#B3B2B2;
border-color:#666666; }

.parcourir {
border:1px solid #999999;
background-color:#CCCCCC;
width:100px;
color:#333333; }

.text {
border:1px solid #CCCCCC;
background-color:#E9E8E8;
width:100px;
font-size:10pt; } 

.text:hover {
border-color:#999999; } 

#contenu .textarea {
border:1px solid #CCCCCC;
background-color:#E9E8E8;
width:530px;
font:10pt Arial; }

#news .textarea {
border:1px solid #CCCCCC;
background-color:#E9E8E8;
width:400px;
font:9pt Arial; }

#news .text {
border:1px solid #CCCCCC;
background-color:#E9E8E8;
width:400px;
font-size:10pt; } 
 

/* ------- About les tableaux ------- */ 

.couleurone {
background-color:#FFEEDB; }

.couleurtwo {
background-color:#FFFADB; }

#marges {
padding-left:5px;
padding-right:5px; }

.valignimg {
padding-top:10px; }

#tbprod td {
border:1px solid black; }

#tbprod table {
border:1px solid black;
border-collapse:collapse; }

#tbprod .sstitreprod {
background-color:#FFFADB;
padding-left:5px; }

#tbprod .titreprod {
background-color:#FFEEDB;
padding-left:5px; }

#tbprod .retour {
background-color:#FFE5C8;
padding-left:5px; }

#tbprod .photoprod {
background-color:#FFEEDB; }

#tb td {
border:1px solid black; }

#tb table {
border:1px solid black;
border-collapse:collapse; }

#tb .titretop {
padding:2px 5px 2px 5px;
background-color:#CCCCCC;
font-weight:bold;
text-align:center; }

#tb .cellgA {
background-color:#F3F2F2;
padding:2px 5px 2px 5px;
text-align:left; }

#tb .cellgB {
background-color:#E9E8E8;
padding:2px 5px 2px 5px;
text-align:left; }

#tb .indent {
padding-left:5px; }

#tbprod .indent {
padding-left:5px; }