body
{
  color: #000000;
  
}


body, td, th, div, p, h1, h2, h2, li
{
  font: x-small sans-serif;
  font-family: sans-serif;
  font-size: 12px;
  color: #333333;
}

h2
{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin: 20px 0px 5px 0px;
  border-bottom: 1px dotted #cccccc;
}

h3
{
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  margin: 20px 0px 5px 0px;
}

ul {
  list-style-image: url(images/pporange.png)
}

img.capture {
    float: left;
    padding: 10px 10px 10px 0px;
}

img.point {
    padding: 0px 5px 0px 0px;
}

a img { /* pour supprimer la trace du lien autour des images et eviter border=0 à chaque fois */
 border: 0;
 }

div.realisation {
    float: left;
    width: 100%;
/*    background-color: #666666; */
    text-align: justify;

}

#main {
  width: 640px;
  height: 95%;
  margin: 10px auto;
  padding: 12px 35px 12px 35px;
  background-color: #eeeeee;
/*  background-color: #ea4b4b; */
}

#banner {
}

#pagebody {
  margin: 0px 20px 0px 20px;
  text-align: justify;
  background-color: #eeeeee;
}

#mainnav {
  width: 600px;
  height: 18px;
  padding: 5px 0px 2px 0px;
  margin: 0px 20px 10px 20px;
  background: url(images/nav.png) top left no-repeat;
  background-color: #dddddd;
}

#mainnav table {
  width: 100%;
}

#mainnav table tr td {
  width: 16%;
  color: #999999;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

#mainnav table tr td a {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 8px 2px 8px;
/*  margin-left: 20px;
  margin-right: 20px; */
  text-decoration: none;
}

#mainnav a:hover {
/*  color: #ffffff; */
  background-color: #aaaaaa;
  text-decoration: none;
}

#footer {
  display: block;
  font-size: 11px;
  color: #666666;
  padding-top: 4px;
  margin: 0px 0px 0px 0px;
  border-top: 1px dotted #cccccc;
}

#footer a,
#footer a:visited
{
  color: #666666;
}

p.subtitle
{
  font-weight: bold;
  margin: 12px 0px 2px 0px;
}

#list1{
//  background-color: blue;
}

#list2{
//  background-color: green;
}

#list3{
//  background-color: yellow;
}

.carte-de-visite{
	width:350px;
	font-size 80%;
	margin: 5% 5% 5% 5%;
	padding:1%;
	clear:left;
	border-style: solid;
	border-color: #FF6300;
	border-width: 1px 3px 3px 1px;
}

a.blind, a.blind:visited
{
  text-decoration: none;
}

a.linkOrange {color: #FF6300;}
a.linkOrange:link {text-decoration: none;}
a.linkOrange:visited {text-decoration: none;}
a.linkOrange:hover {text-decoration: underline;}
a.linkOrange:active {text-decoration: none;}

a.linkBlack {color: #333333;}
a.linkBlack:link {text-decoration: none;}
a.linkBlack:visited {text-decoration: none;}
a.linkBlack:hover {text-decoration: underline; color: #FF6300;}
a.linkBlack:active {text-decoration: none;}

a.linkBlackOnly {color: #000000;}
a.linkBlackOnly:link {text-decoration: none;}
a.linkBlackOnly:visited {text-decoration: none;}
a.linkBlackOnly:hover {text-decoration: underline;}
a.linkBlackOnly:active {text-decoration: none;}

a.linkWhite {color: #FFFFFF;}
a.linkWhite:link {text-decoration: none;}
a.linkWhite:visited {text-decoration: none;}
a.linkWhite:hover {text-decoration: underline; color: #FF6300;}
a.linkWhite:active {text-decoration: none;}