*,
img
{ 
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{
	font-family: arial, helvetica, sans-serif;
	text-align: center; /* IE centering */
	background-color: #fff;
	color: #000;
	font-size: 76%;
	background-image: url('../images/bg.gif');
}


h1, h2, h3, h4, h5, h6, p, li, dt, dd,
a:link, a:visited, a:active, a:hover
{
	color: #888;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


#outer 
{
	position: relative;
	text-align: left; /* IE centering cancel */
	margin: 14px auto;
	width: 860px;
}

#wrapper
{
	min-height: 520px;
}

* html #wrapper
{
    height: 520px;
}

#head
{
    position: relative;
    background-color: #fff;
    margin-top: 0px;
    min-height: 85px;
}

* html #head
{
    height: 85px;
}

#menus
{
	position: relative;
	padding-left: 20px;
	font-size: 1.1em;
	background-color: #aaa;
	height: 40px;
}

#menus .close
{
    padding-top: 7px;
}

.close
{
    clear: both;
}

#menus ul
{
	list-style-type: none;
}

#menus li
{
	display: inline;
}

#menus a:link, 
#menus a:visited
{
	position: relative; /* ie6 */
	float: left;
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin-top: 13px;
}


#menus a:active, 
#menus a:hover, 
#menus a.active:link, 
#menus a.active:visited
{
	color: #000;
}

#menus span
{
	float: left;
	color: #fff;
	margin: 0 8px 0 8px;
	font-weight: normal;
	margin-top: 13px;
}

#sections
{
	position: relative;
	padding-left: 20px;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 10px;
}

#sections ul
{
	list-style-type: none;
}

#sections li
{
	display: inline;
}

#sections a:link, 
#sections a:visited
{
	position: relative; /* ie6 */
	float: left;
	display: block;
	color: #989a9c;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.5em;
}

#sections a.last:link,
#sections a.last:visited
{
	border-left: none;
}

#sections a:active, 
#sections a:hover, 
#sections a.active:link, 
#sections a.active:visited
{
	color: #000;
}

#sections span
{
    line-height: 1.5em;
	float: left;
	font-weight: bold;
	margin: 0 8px 0 8px;
}

#langs
{
	position: absolute;
    margin-top: 13px;
	top: 0;
	right: 0;
	height: 1em;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1em;
}

#langs li
{
	display: block;
	float: left;
}

#langs a:link, 
#langs a:visited
{
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 0 10px 0 10px;
}

#langs a.last:link,
#langs a.last:visited
{
	border-right: none;
}

#langs a:active, 
#langs a:hover, 
#langs a.active:link, 
#langs a.active:visited
{
	color: #000;
}

#content
{
    position: relative;
	padding: 3em 140px 25px 140px;
	min-height: 400px;
}

* html #content
{
    height: 400px;
}

.contact #content
{
	padding-right: 25px;
}

#logo
{
	background-image: url('../images/b4com-communication.gif');
	background-repeat: no-repeat;
	margin: 25px 0 8px 14px;
	overflow: hidden;
	width: 288px; /* ie 6 needs this (don't know why it can't adapt to parent's width */
	height: 67px;
}

#logo a
{
	display: block;
	padding-top: 145px;
}

#content
{
	font-size: 1.1em;
	line-height: 1.4em;
	background-color: #fff;
}

#content h4,
#content h5
{
    font-size: 1em;
}

#content p, 
#content li, 
#content h4, 
#content h5
{
	color: #777;
}

#content p
{
    text-align: justify;
    padding-bottom: 1em;
}

#content h4, 
#content h5, 
#content .contacts
{
	margin-bottom: 0;
}

#content .contacts
{
    position: relative;
    top: 0;
    height: 191px;
    margin-bottom: 2em;
}

.contacts .address
{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 400px;
}

#content h5
{
	font-weight: bold;
}

#content img
{
	float: left;
	margin-right: 10px;
}

#content table
{
	
}

#content table th
{
text-align:center;

}

#content table td
{
vertical-align:top;
padding:10px 5px;
}

form 
{
	width: 50%;
	margin-top: 20px;
	background-color: #fff;
}

#content label, 
#content input, 
#content textarea
{
}

input, 
textarea
{
	font-size: 1.2em;
	line-height: 1.3em;
	color: #aaa;
	border: 1px solid #555;
	width: 100%;
	margin-bottom: 1em;
	background-color: #ebebeb;
}

label
{
}

form p
{
    clear: both;
}

input.submit,
textarea
{
    line-height: 1.3em;
}
input.submit
{
    font-size: 1.1em;
    width: auto;
    color: #aaa;
    background-color: transparent;
    border: 0;
    padding: .3em 0;
    padding-right: 0;
    margin-right: 0;
}

p.submit
{
    text-align: right;
}

textarea
{
}

form br 
{
	clear: both;
}

button
{
	background-color: transparent;
	cursor: pointer;
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
	color: #777;
	text-transform: uppercase;
	overflow: visible; /* ie only fix auto-padding */
}

button:hover
{
	text-decoration: underline;
}

#content a:hover
{
	text-decoration: underline;
}


#content ul
{
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 1em;
}

#content li p
{
    padding-bottom: 0;
}

#content ol
{
	list-style-type: circle;
	margin-left: 3em;
}

#content h2 
{ 
	font-size: 2em; 
	color: #aaa;
	padding-bottom: .5em;
	margin-bottom: 0;
}

#content h3
{
	font-size: 1em;
	color: #555;
	font-weight: bold;
	margin-bottom: 10px;
}

#bottom
{
	position: relative;
	clear: both;
	height: 20px;
	background-color: #aaa;
}

.accueil #logo
{
	background-image: none;
}

.biglogo
{
	position: absolute;
	top: 0;
	left: 50px; /* ie only */
	width: 400px;
	height: 117px;
	background: url('../images/b4com-communication.gif') no-repeat center;
	overflow: hidden;
    font-size: 140%;
}

.biglogo a:link,
.biglogo a:visited
{
	display: block;
	padding-top: 117px;
}

.accueil .vcard
{
    position: relative;
    top: 120px;
    left: 204px;
    margin: 0;
    width: 452px;
    height: 156px;
}

.accueil #content
{
    padding: 0;
}

.accueil .vcard .fn
{
    position: absolute;
    bottom: 0;
    right: 0;
}
    
.vcard
{
	font-size: 1em;
	color: #999;
	margin-left: 219px;
	margin-top: 100px;
}

.vcard .fn
{
	width: 232px;
	height: 17px;
	overflow: hidden;
	margin-bottom: 40px;
	background-image: url('../images/communication.gif');
	background-repeat: no-repeat;
}

.vcard .fn a
{
	display: block;
	padding-top: 17px;
}

.vcard .adr div
{
	display: inline;
	padding-right: .5em;
}

#news
{
	position: absolute;
    top: 350px;
    left: 750px;
	background-image: url('../images/bg-news.png');
	background-repeat: no-repeat;
	width: 290px;
	height: 261px;
	font-size: 1.2em;
	color: #aaa;
	line-height: 1.6em;
	z-index: 2;
    overflow: hidden;
}

#news a
{
    color: #555;
}

#news .close
{
    position: absolute;
    top: 33px;
    right: 12px;
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    z-index: 99;
    background-color: transparent;
}

#news .close a
{
    display: block;
    padding-top: 15px;
}

#content .message 
{
    color: #ff0000;
}

#wrapnews
{
	padding: 70px 10px 10px 50px;
}