body {
  background-color : #ffffff; /* couleur de fond */
  background-image: url('http://212.103.24.20/img_fr/back3.gif'); /* image de fond */
  margin : 0em ;
  padding : 0em ;
}
* {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}
p {
  margin: 10px 0 10px 0;
  padding: 0;
}
img {
  border: none;
}

/* titres */

#titre {
  margin: 0;
  padding: 0;
}

h1 {
  font-size : 18px;
  font-weight : bold;
  font-style : italic;
  color : #999999;
  /*width : 16em;*/
  margin : 0;
}
h2 {
  font-size : 14px;
  font-weight : bold;
  /*font-style : italic;*/
  color : #fff;
  background-color: #333366;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  text-decoration : none;
}
h3 {
  font-size : 12px;
  font-weight : bold;
}
h4 {
  font-size : 16px;
  font-weight : bold;
  margin: 5px 0 15px 0;
  color: #055590;
}
.h2cms {
margin:10px 0 10px 0;
padding: 0;
border-bottom: 1px solid #ccc; 
font: bold 1em Arial;
background-color: transparent;
color: #666;
}
.h2cms a {
border-bottom: none;
}
.cms_fs {
 text-align:justify; 
 padding:3px; 
 margin-top:3px; 
 margin-bottom:5px; 
}
.cms_fs ul li {
 list-style: none;
 margin-left: -10px;
}
.cms_tit a {
 font-size: 16px;
 font-weight: bold;
}

/* positionnement div */

#contenu {
  background-color : #FFFFFF;
  border : 1px solid;
  padding : 0px 7px 15px 7px;
  border-color : #CCCCCC;
  margin : 1em 3em 0em 2em ; 
}
#contenu2 {
  background-color : #FFFFFF;
  border : 1px solid;
  padding : 0px 7px 15px 7px;
  border-color : #CCCCCC;
  width : 550px ;
  margin : 0 3em 0 2em ;
}
#contenu3 {
  background-color : #FFFFFF;
  border : 1px solid;
  padding : 0px 7px 15px 7px;
  border-color : #CCCCCC;
  width : 70% ;
  margin : 1em 3em 0em 2em ;
}
#contenu4 {
  background-color : #FFFFFF;
  border : 1px solid;
  padding : 0px 7px 15px 7px;
  border-color : #CCCCCC;
  width : 700px ;
  margin : 1em 3em 0em 2em ;
}
#picto {
  float : left ;
  margin : 0em 1em 2px 0em;
}
#gauche {
  float : left ;
  width : 40% ;
}
#droite {
  float : right ;
  width : 60% ;
  margin : 10px 0 0 0;
}
#centre {
  margin-top: 10px;
  text-align: center;
}
#note {
  /*text-align : left ;*/
  position : relative;
  font-size : 1em;
  margin : 0 0 0 2em;
}
#note a {
  border-bottom:none;
}
#img_d {
  float: right;
  margin: 8px 0 0 0;
  padding: 0;
}

hr {
  clear: both;
  visibility : hidden ;
}

#back {
position: absolute;
margin: 6px 0 0 745px; 
border: 1px solid #B3DF00; 
padding: 3px 6px 3px 6px; 
background-color: #fff;
}
#back a {
padding: 0;
margin: 0;
color: #B3DF00;
border: none;
}
#back a:hover {
color: #999;
}

/* listes */

dt {
  font-weight : bold;
}
dd {
  margin-left : 5em;
}
#note ul {
  text-align : left ;
  margin: 1em 0 0 0;
  padding: 0 ;
}
#note li {
  font-size : 0.8em;
  text-decoration: none;
  display : inline ;
  margin : 0 10em 0 0;
}
#tab_g ul {
  margin: 0;
  padding: 0;
}
#tab_g li {
  margin: 10px 10px 0px 18px;
  padding: 0;
  list-style-image: url(http://212.103.24.20/img/carre_vert.gif);
}

#tab_d ul {
 margin: 8px 0 10px 25px;
 padding: 0;
 list-style-type: circle;
}

.centre_cont ul {
  margin: 0 0 0.5em 4em;
  padding: 0;
  text-align: left;
}
.centre_cont li {
  list-style-type: circle;
  margin: 0 0 0.5em 0;
}

/* tableaux */

#tab_g {
  float : left;
  width : 16em;
  height : 19.5em;
  margin : 0.8em;
  padding: 0.1em;
}
#tab_d {
  position : absolute;
  width : 145px;
  margin : 15px 0 0 623px;
}
#tab_d table {
  width: 145px;
  border : 1px solid;
  border-color : #CCCCCC;
  background-color: #fff;
  border-collapse : collapse;
}
#tab_d td {
  border : 1px solid #CCCCCC;
  padding : 0.3em;
  text-align : left;
  vertical-align: top;
}
#tab_d a, a:hover {
  border-bottom:none;
  color: #999999;
}
#tab_d input, select {
  border: 1px solid #8fb6d4;
  font-family: Verdana;
  font-size: 11px;
  color: #666666;
}

#pricelist {
  float : left;
  width : 12em;
  margin : 0.8em;
}
table.centre_cont {
  width : 100%;
  border : 1px dashed #CCCCCC;
  border-collapse : collapse;
}
table.centre_cont br {
  margin: 0px 0px 4px 0px;
}
td.centre_cont, th.centre_cont {
  /*width : 45%;*/
  border : 1px dashed #CCCCCC;
  text-align : center;
  padding : 5px;
}
table.pricelist {
  width: 80%;
  padding: 10px;
}
table.pricelist td {
  padding: 10px;
}

.dico {
  margin: 5px 15px 5px 25px;
  border: 1px solid;
  border-color: #ccc;
  background-color: #fff;
  padding: 0.5em;
  width: 142em;
}
table.dico {
  margin: 0;
  width: 142em;
  border: 1px dashed #CCCCCC;
  border-collapse: collapse;
}
table.dico td, th {
  padding: 4px;
  border: 1px dashed #CCCCCC;
  width: 12%;
}
.findex_log {
  border-bottom: 0px solid #ccc;
  margin: 0 0 10px 10px;
  width: 160px;
}
.findex_log td {
  padding: 5px;
}

/* Images */

#contenu3 img {
  border : 0;
  margin: 1px;
}
#contenu3 a {
    border-bottom: none;
}
#contenu2 img {
  border : 0;
  margin: 1px;
}
#note img {
  border : 0;
  margin: 1px;
}

/* formulaires */

#contenu2 select {
  background-color : #369;
  color:#fff;
}
#contenu4 select {
  background-color : #369;
  color:#fff;
}
input { 
  font-family: Arial;
  /*border: 1px solid #999; */
  /*background-color : #fff;*/
  color:#333366;
}
.findex_log input { 
  font-family: Arial;
  border: 1px solid #999;
  background-color : #F4F4F4;
  color:#333366;
}

/* texte et liens */

.gras {
  font-weight : bold ;
}
.plus {
  font-size: 16px;
  font-weight: bold;
  color: #99cc33;
}
.petit {
 font-size: 11px;
}
a {
  text-decoration: none;
  color: #0000ff;
  border-bottom:1px dashed #0000ff;
}
a:hover {
  color: #999999;
  border-bottom:1px dashed #999999;
}

/* Preload */
/*#cache {
  position:absolute;
  top:200px;
  z-index:10;
  visibility:hidden;
} */