html {
font-size: 100%;
margin : 0;
padding : 0;
}

body {
background-color : white ; 
background-image : url(images/back.png);
background-attachment : fixed;
font-size : 0.95em;
font-family: arial, verdana, sans-serif;
margin : 0;
padding : 0;
text-align : center;
}

img {
border : none;
}

hr {
border : 1px dotted silver;
}

form {
margin : 0;
padding : 0;
}
ol {
margin : 5px 0 0 5px;
padding : 0 10px 0 15px;
}

li {
margin : 5px 0 0 5px;
}

a:link { 
color : #003A74;
text-decoration : underline;
} 

a:visited { 
color : #003A74;
text-decoration : underline;
} 

a:hover { 
color : #387B07;
text-decoration : underline;
} 

a.nolink {
text-decoration: none;
color: black;
}

.clear { 
clear : both;
}  

#PrintLogo {
display : none;
}

#conteneur-index {
width : 1010px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
margin-bottom : 0px;
padding : 0px;
text-align : left;
}

#conteneur {
width : 1010px;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
margin-bottom : 0px;
padding : 0px;
background-image : url(images/bg_conteneur.png);
background-repeat : repeat-y;
text-align : left;
}

#tophead {
border-top : 1px solid #79C23E;
background-image : url(images/bg_head.png);
}

#head {
height : 130px;
background-image : url(images/bg_top.png);
background-repeat : no-repeat;
padding : 13px 18px;
}

#bottomhead {
background-image : url(images/bg_bottomhead.png);
background-repeat : no-repeat;
margin : -1px 0px 0px 285px;
width : 710px;
height : 8px;
}

#maincontent {
width : 700px;
margin : 0px 15px 0px 15px;
float : right;
}

#mainmenu {
float : left;
width : 260px;
}

#menu {
margin : 0 0 0 25px;
}

.sousmenu {
margin : 3px 0px;
}

.sous-menu {
display : none;
}

.sousmenu-inactif {
display : none;
}

.sous-menu-actif {
background-color : #F5F4F4;
border : 1px solid silver;
border-top : none;
border-bottom : none;
margin : 0 5px;
padding : 5px 0;
}

.last-sous-menu-actif {
background-color : #F5F4F4;
border : 1px solid silver;
border-top : none;
margin : 0 5px;
padding : 5px 0;
}

.sous-menu-par {
margin : 0;
padding : 0 0 0 15px;
background-image : url(images/x.gif);
background-repeat : no-repeat;
background-position : 2px 0;

}
.sous-menu-par a {
margin : 0;
padding : 0;
display : block;
text-decoration : none;
color : black;
}

.sous-menu-par a:link {
text-decoration : none;
color : black;
}

.sous-menu-par a:visited {
text-decoration : none;
color : black;
}

.sous-menu-par a:hover {
text-decoration : none;
color : white;
background-color : #387B07;
}

.sous-menu-par a:active {
text-decoration : none;
color : white;
background-color : #79C23E;
}

#content {
padding : 15px 18px 15px 15px;
}

div.article-droite {
width : 325px;
margin : 0;
padding : 0;
float : right;
}

div.article-gauche {
width : 325px;
margin : 0;
padding : 0;
float : left;
}

div.bordure-article {
border : 1px solid gray;
border-top : none;
margin : 0 5px;
padding : 5px;
}

#mailing {
margin : 5px 0 5px 25px;
background-color : silver ;
background-image : url(images/back-gris.png);
}

#mailing1 {
margin : 0;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
}

#mailing2 {
margin : 0;
padding : 3px 5px;
background-image : url(images/coin2.gif);
background-repeat : no-repeat;
background-position : 100% 100%;
}

#mainfooter {
width : 1010px;
margin : 0 auto;
padding : 20px 0px 0px 0px;
height : 14px;
background-image : url(images/bg_bottom.png);
background-repeat : no-repeat;
text-align : left;
}

#footer {
padding : 10px;
text-align : left;
}

.divtitre {
margin : 20px 0 0 0;
background-color : #387B07;
background-image : url(images/coin2.gif);
background-repeat : no-repeat;
background-position : 100% 100%;
}

h1 {
color : white;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
font-size : 1.2em;
text-align : left;
margin : 0;
padding : 5px 10px;
}

h2 {
color : white;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
font-size : 1.2em;
text-align : right;
margin : 0;
padding : 5px 10px;
}

h3 {
color : white;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
font-size : 1em;
text-align : left;
margin : 0;
padding : 5px 10px;
}

p {
padding : 4px 0px;
margin : 0;
}

.filrouge {
margin-bottom : 5px;
}

.j12 {
text-align : justify;
}

.r12 {
text-align : right;
}

.c12 {
text-align : center;
}

.f12 {
text-align : left;
}

.evitement {
text-align : center;
padding : 10px;
}

.menu-inactif {
color : #F8D2D2;
background-color : #79C23E;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
text-align : left;
font-size : 1.1em;
padding : 0;
border-bottom : 1px solid white;

}

.menu-inactif a {
color : #387B07;
display : block;
color : white;
text-decoration : none;
padding : 0 10px;
background-image : url(images/coin2.gif);
background-repeat : no-repeat;
background-position : 100% 100%;
}

.menu-inactif a:link {
color : #387B07;
text-decoration : none;

}

.menu-inactif a:visited {
color : #387B07;
text-decoration : none;
}

.menu-inactif a:hover {
text-decoration : none;
color : white;
}

.menu-inactif a:active {
color : #387B07;
text-decoration : none;
}

.menu-actif {
font-style : italic;
color : white;
background-color : #387B07;
background-image : url(images/coin.gif);
background-repeat : no-repeat;
border-bottom : 1px solid white;
text-align : center;
padding : 0 0 0 0;
font-size : 1.1em;
}

.menu-actif a {
color : white;
display : block;
padding : 0 10px;
text-decoration : none;
background-image : url(images/coin2.gif);
background-repeat : no-repeat;
background-position : 100% 100%;
}

.menu-actif a:link {
color : white;
text-decoration : none;
}

.menu-actif a:visited {
color : white;
text-decoration : none;
}

.menu-actif a:hover {
color : white;
text-decoration : none;
}

.menu-actif a:active {
color : white;
text-decoration : none;
}

.entete-menu {
text-align : center;
padding : 10px;
height: 200px;
color : silver;
background-image: url(images/degrade.png);
background-repeat: repeat-x;
background-color: #292727;
opacity: 0.5;
filter: alpha(opacity=50);
}

.pied-menu {
text-align : center;
padding : 10px;
color : silver;
}

.pied-menu a {
text-decoration : none;
color : silver;
}

.pied-menu a:link {
text-decoration : none;
color : silver;
}

.pied-menu a:visited {
text-decoration : none;
color : silver;
}

.pied-menu a:hover {
text-decoration : none;
color : white;
background-color : #387B07;
}

.pied-menu a:active {
text-decoration : none;
color : silver;
}

li.liste-menu {
list-style-type : none;
list-style-image : url(images/x.gif);
margin : 0 4px;
padding : 0;
}

ul.menu-ul {
margin : 5px;
padding : 0;
}

.flashinfo {
background-color : white;
border : 1px solid #387B07;
padding : 1px;
margin : 5px 0;
}
.livre {
background-color : #BAFC84;
border : 1px solid #387B07;
padding : 5px;
margin : 5px 5px 5px 10px;
}
.livre-titre {
background-color : #BAFC84;
background-image : url(images/plume.png);
background-repeat : no-repeat;
background-position : 1px 60px;
border : 1px solid #387B07;
padding : 5px;
margin : 5px 5px 5px 10px;
}
.cache-titre {
display : none;
}
.livre-corps {
background-color : white;
border : 1px solid gray;
padding : 10px;
margin : 10px 10px 5px 45px;
}
#afficher-form {
border : 1px solid gray;
padding : 5px;
background-color : #BAFC84;
}
#masquer-form {
display : none;
}

.icone {
margin : 5px;
}

.masque {
display : none;
}

.visible {
border : 1px solid gray;
padding : 5px;
margin : 5px;
background-color : white;
}

.form-gestion {
margin : 10px;
padding : 10px;
border : 1px solid gray;
background-color : #E1D5D5;
}

.repondre {
border : 1px solid gray;
background-image : url(images/mail.gif);
background-repeat : no-repeat;
background-color : #F1EBEB;
margin : 2px 10px 5px 200px;
padding : 5px 5px 5px 50px;
}

.bouton {
padding: 5px 10px; 
color: white; 
background-color: gray; 
border: 1px solid black; 
text-decoration: none;
cursor: pointer;
}

.bouton-non {
padding: 5px 10px; 
color: white; 
background-color: silver; 
border: 1px solid black; 
text-decoration: none;
cursor: default;
}

div.produit{
width: 210px;
float: left;
margin: 3px;
}

table.account{
width: 100%;
}

table.account td.entete{
text-align: center;
background-color: gray;
color: white;
font-weight: bold;
border-right: 1px solid white;
}

table.account td{
width: 50%;
padding: 5px 0;
text-align: right;
}