* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #030303;
 line-height: 1.4em;
 background: url(img/banniere-web2-01b.jpg) no-repeat bottom right;
}

h3{
  font-size: 1em;
  clear: both;
  margin: 20px 0 0 0;
}

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

a:visited {
 color: #8A8CEE;
}

a:hover {
 color: #4E51D8;
 text-decoration: underline;
}

p {
 margin: 0 0 10px 0;
 text-align:justify;
}

p#titre {
 padding: 15px 0 0 0;
}

div#wrapper { 
 margin: 0 auto;
 width: 822px;
 background: url(img/banniere-web2-02-01.jpg) no-repeat top;
}

#header {
 width: 800px;
 padding: 10px;
 height: 40px;
 font-size: 2.5em;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header p {
 text-align: center;
 margin: 0;
 }
 
#navigation {
 width: 800px;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #BD9C8C;
}
#content { 
 width: 800px;
 border: none; 
 margin: 0px 0px 5px 0px;
 padding: 10px;
}
#text-intro {
 padding: 5px 10px 5px 0;
 background-color: #FFFFFF;
 opacity: 0.6;
 margin: 10px 0 0 200px;
}

#footer { 
 width: 800px;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
}

img.center_image {
 vertical-align: middle;
 border: none;
}

li {
 list-style-type: none;
 margin: 5px 0 15px 20px;
 text-align:justify;
}

ul.std li {
 list-style-type: circle;
}

#ul_sites, .transparent_list {
 background-color: #FFFFFF;
 opacity: 0.6;
}

div#id-photo {
 margin: 0 20px 0 10px;
 float:left;
}
#services_liste01 {
 float: left; 
 width: 300px;
}

/* Scroller Box */
#scroller_container {
 width: 220px;
 height: 13px;
 overflow: hidden;
 float: right;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
overflow: auto;
}