body
{ background:#003366 url("bg.png") left top repeat-x ;
  color: #67705A;
}

body.noir #content
{ background: #111 url("content_noir.png") left top repeat-y ;
}
body.noir #footer
{ background:#69943D url("footer2.png"); /*audessous footer*/
}

blockquote{background:#fff url("bg_blockquote.gif");
border-color: #ccc;}

#main
{ background: #000; /*autour menu*/
  color: #67705A;
}

#links, #footer
{ background:transparent url("toplink.png") left top repeat-x;
  color: #3D4235;
}

#footer
{ background:#7D8288 url("footer.png"); /*audessous footer*/
}

#footer a
{ color:#004040;
}

#footer a:hover
{ color:#710000;
}

#links li, #links li a 
{ background: url("toplink_bg.png") right top no-repeat;
  color: #999;
  border-color: #D7D7D7;
}
#links li a:hover 
{ background: transparent;
  color: #FFF;
}
#links li .active, #links li a.active, #links li a.active:hover
{ background: transparent;
  color: #FFF;
} 
#menu
{ background:#f06e29 url("menu.png") left top repeat-x;
  color: #DBE1D1;
  border-color: #D7D7D7;
}
#menu li a
{ background: url("menu_bg.png") right top no-repeat;
  color:#333;
  border-color: #D7D7D7;
}
#menu li a:hover 
{ background: #FFF url("menu_hover.png");
  color: #fafafa;
} 
#menu li .active, #menu li a.active, #menu li a.active:hover
{ background:url("menu_select.png") right top repeat-x;
  color: #FFF;
} 

#header { background:#69943D url("header.png") left top repeat-x ;
}

#logo
{ background: #003300 url("logo.jpg") no-repeat;
  color: #67705A;
}

h1
{ background: transparent;
  color: #67705A;
  border-color: #B5CA91;
}
h3
{ background: transparent;
  color:#FF6600;
}

h4
{ background: transparent;
  color:#333;
}
#column1
{ background: transparent;
  color: #67705A;
}

#content
{ background: #fff url("content.png") left top repeat-y ;
}

#content2
{ background: url("content2.png") 0px 1px repeat-y;
}

#content3
{
}

#column2
{
}

#column2 a, #column2 a:hover, #column3 a, #column3 a:hover
{ 
  color: #67705A;
}
#content #column2 .image_container a, #content #column3 .image_container a { 
border:0;}
#content #column2 .caption, #content #column3 .caption  { 
  color: #999;}
#column2 img, #column3 img  { background:#FAFAFA;
border-color: #DDD;}
#column2 .vierge img, #column3 .vierge img { 
background:none;}
.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent;
  color: #DBD7DB;
} 
.sidebaritem .sbicontent h2
{ background: #FFF url("green_sbi.png");
  color: #666;
}
.sbicontent li a
{color: #666;
}
.sidebaritem .sbilinks h2
{ background: #FFF url("green_sbi.png");
  color:#666;
}

.sbilinks li a
{ background: url("sbilinks.png") left bottom no-repeat;
  color: #000;
} 
.sbilinks li a:hover
{ background: url("sbilinks_hover.png") left bottom repeat-y;
  color: #666;
} 
.sbilinks li p
{ background: url("sbilinks_select.png");
  color: #fff;
}

#realis ul li#active a {
  color:#FF9966;}
  
#realisfp {
  background: #111;
  border: 1px solid #67705A;}
  
/*generateur de formulaire*/
div.formbody  {
	position:relative;
	float:left;
	background-color:#F7B210;
	border:1px solid #fff;
	padding:20px;
	}
	div.formbody label.labelalign, div.formbody label.labelalign2 {width:100px;line-height:22px;display:block;float:left;text-align:right;margin-right:5px;
	}
	div.formbody label.labelalign2 {width:170px;
	}
div.formbody legend {
    /position : absolute;  /* The / means only IE6 and IE7 will see it */
    /top : -12px;
	/left:5px;
	background-color:#739E42;
	margin:0; padding:5px;
	color:white;
	border:1px solid black;
	font-size:110%;
	font-weight:bold;
	}	
div.formbody fieldset {
	position : relative;
    /position : relative;
	/float:left;
	/display:block;
	/width:813px; /* probleme sous ie6 en bas de la page contact si valeur superieure a 813px */
	background-color:#FFF;
	border:1px solid black;
	font-size:100%;
	margin-bottom:20px; padding:10px;
	/padding-top : 20px;       /* Stupid IE */
	/margin-top:12px;
	}
p.error {
	float:right;
	background-color:#FF80FF;
	border:1px solid #000;
	display:block;
	height:18px;
	margin:0;
	padding:0 10px 0 10px;
	color:#333;
	}
div#contact .block, div#remerciements .block {
	float:left;
	}
.agences, .merci, .procom {
	float:left;
	display:inline;
	width:868px;
	height:auto;
	background-color:#F7B210;
	border:1px solid #fff;
	margin:0 0 10px 0;
	padding:10px 0 10px 10px;
	color:#333;
	}
	.procom {
	background:#003366 url("procom_bg_blue.jpg") left top repeat;
	border: 1px solid #000;
	}
	.procombrown {
	background:#003366 url("procom_bg_brown.jpg") left top repeat;
	}
	.procompink {
	background:#003366 url("procom_bg_pink.jpg") left top repeat;
	}
	.agences p, .procom p {
	background-color:#FFF;
	border:1px solid black;
	float:left;
	width: 257px;
	padding:10px;
	margin: 10px 10px 0 0;
	}
	.procom p {
	background-color:#F7B210;
	width: 545px;
	}
	.agences p.last, .procom p.last {
	margin-right:0;
	}
	.procom p.last {
	width: 257px;
	}
	.procom span a {
	color:#006666!important;
	}
	
	.agences p.titre, .procom p.titre {
	float:none;
	background-color:transparent;
	text-decoration:underline;
	border:0;
	width: 80%;
	padding:10px;
	margin:0;
	font-weight:bold;
	color:#63715A;
	}
	.procom p.titre {
	text-decoration:none;
	}
	.agences p.titre span, .procom p.titre span {
	color:#313131;
	}
	.procom p.titre span {
	font-size:120%;
	color:#FFF;
	border-bottom:1px solid #fff;
	}
	#liensprocom {
  	background-color:#003366;
	border:1px solid black;
	float:left;
	width: 257px;
	height:100%;
	padding:10px;
	margin: 10px 0 0 0;
	} 
	.procomfirst {
	height:550px;
	}
	.procomfirst p.titre {
	height:auto;
	}
	.procomfirst p {
	width:257px;
	height:270px;
	}
	.procomfirst #liensprocom {
	width: 835px;
	height:115px;
	}
	.procomfirst #liensprocom span {
	background:none;
	padding:10px;
	margin: 10px 10px 0 15px;
	width:auto;
	font-size: 120%;
	font-weight:bold;
	color:#fff;
	}
	#liensprocom ul li#active a {
  	color:#FFCC00;
	}

	.merci {
	background-color:#CC6666;
	border:1px solid #fff;
	color:#fff;
	padding-bottom:0;
	}