body{
  font-size:12px;
  color:#339475;
  background-image:url(images/Lorigin_fond_page.gif);
  background-position:50% 0;
  background-repeat:no-repeat;
}

img{
  display:block;
  border: 0px;
}

td{
  font-size: 12px;
 /* font-family: Arial;*/
 font-family: verdana;
 color:#339475;
  font-weight: bold;
}

.text {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.select {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.radio {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.checkbox {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.textarea {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.fieldset {font-family:Verdana, Arial, Helvetica, sans-serif; color:#339475; font-size:12px;}
.bouton 
{
	/*font-family:  Tahoma, Arial, Helvetica, sans-serif; */
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	border: solid 1px #aaa
}

.accueil{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
  font-weight:normal;
}

.lib_vign_accueil{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
  font-weight:bold;
  height:10px;
}

.texteNoir{
  font-family: Verdana;
  color: #000000;
  font-size: 11px;
  font-weight:normal;
}

.texteVert{
  font-family: /*Arial*/Verdana;
  color: #339475;
  font-size: 12px;
  font-weight:normal;
}

.marron{
  color:#9D4B33;
}

a.marron:link { 
	color: #9D4B33;
	text-decoration:none;
}

a.marron:visited { 
	color: #9D4B33;
	text-decoration:none;
}
 
a.marron:Hover { 
	color: #9D4B33;
	text-decoration:underline;
}

a.vert:link { 
	color: #339475;
	text-decoration:none;
	font-family:verdana;
}

a.vert:visited { 
	color: #339475;
	text-decoration:none;
}
 
a.vert:Hover { 
	color: #339475;
	text-decoration:underline;
}

dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
}

#menuP {
  position: relative; /* placement du menu, à modifier selon vos besoins */
  top: 0;
  left: 0;
  z-index:100;
  width: 100%; /* correction pour Opera */  
}

#menuP dl {
  float: left;
  width: 330px;
  /*width: 12em;*/
}

#menuP dt {
  text-align: left;
  font-weight: bold;
}

#menuP dd {
  display: none;
  position: absolute;
  margin-left: 30px;
}

#menuP li {
  text-align: left;
  list-style-type: none;
  /*Taille des sous menu - A définir selon logueur des textes*/
  width: 285px;
  font-weight: bold;
  color: #339475;
  font-family : Arial;
  font-size : 12px;
}

#menuP li a, #menuP dt a {
  color: #339475;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
  font-family : /*Arial*/Verdana;
  font-size : 12px;
}

#menuP li a:hover, #menuP li a:focus {
  color: #339475;
  text-decoration: none;
  display: block;
  height: 100%;
  border: 0 none;
  font-family : /*Arial*/Verdana;
  font-size : 12px;
}

#header{
	margin-left:auto;
    margin-right:auto;
	width:1000px;
	border-spacing: 0px;
	border-collapse: collapse; 
	border:none;
	background :url("images/puces_deco_horizontale.gif") no-repeat scroll right bottom transparent;	
}

#corps{
	margin-left:auto;
    margin-right:auto;
	width:1000px;
	border-spacing: 0px;
	border-collapse: collapse; 
	border:none;
}

#header .logo{
	width:500px;
}

#header .logo a img{
	float:left;
	padding-right:0.5em;
}

#header  span.title-marron{
	color:#745651;
}

#header  span.title-vert{
	color:#339475;
}
#header  span.title-vert,#header  span.title-marron{
	font-family:verdana;
	font-size:1.8em;
	font-weight:normal;
}

#header a{
	text-decoration : none;
}

#header #menu{
	width:100%;
	clear:left;
}
#header #menu-branche1,#header #menu-branche2,#header #menu-branche3{
	width:30%;
	float:left;
	font-weight:bold;
	border:1px solid #745651;
	margin:1%
}

#header #menu-branche1:hover,#header #menu-branche2:hover,#header #menu-branche3:hover{
	border:1px solid #339475;
}

#header #menu-branche1 a,#header #menu-branche3 a{
	color:#745651;
}

#header #menu-branche1 a,#header #menu-branche3 a{
	display:block;
	text-align:center;
	height:33px;
	padding-top:10px;
}

#header #menu-branche1 a:hover, #header #menu-branche3 a:hover, #header #menu-branche2 a:hover{
	color:#339475;
}

#header #menu-branche2 p{
	margin:0;
	text-align:center;
	color:#339475;
}

#header #menu-branche2 a{
	color:#745651;
	display:block;
	float:left;
	height:20px;
	padding-top:8px;
	text-align:center;
	width:33%;
	font-size:11px;
	font-family:verdana;
	font-size:0.8em
}

#homefeatured{
	width:100%
}

#homefeatured div{
	float:left;
	width:33%
}

#homefeatured div.accueil{
	width:100%
}

#footer{
	width:1000px;
	margin:auto;
}

#footer ul li{
	float:left;
	list-style-image:url("images/puce_small_marron.gif");
	width:16.5%;
	font-size:9px;
}

#footer p{
	text-align:center;
	clear:left;
	font-family:verdana;
}

h1#titregalerie{
	background:url("images/puce_small_marron.gif") no-repeat scroll left transparent;	
	padding-left:1em;
	margin:0;
}

h1,h2{
	font-family:verdana;
}