/*************************** BALISES *********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: url('../img/bg.jpg') repeat-x 14px 0px;
}
h2{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 3px;
	color: #54B69F;
	font-family: 'Tahoma', Arial, Helvetica;
	background-color: #fff;
	text-align: center;
	border: 1px solid #E6F3EC;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 1em 0 0.2em;
	color: #54B69F;
	font-family: 'Tahoma', Arial, Helvetica;
}
h4 {
	font-size: 100%;
	margin: 1em 0 0.2em;
	color: #54B69F;
	font-family: 'Tahoma', Arial, Helvetica;
}
p, li {
	margin: 0;
	line-height: 110%;
	margin-bottom:10px;
}
strong {
	font-weight: bold;
}
sup {
	vertical-align: super;
	font-size: 4px;
}
a:link, a:visited, a:hover {
	color: #fe7b07;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
.lang-selector {
position: absolute;
top: 116px;
left: 925px;
}
#wrapper {
	position: absolute;
	top: 0;
	left: 50%;
	width: 958px;
	margin-left: -479px;
	background: url('../img/bg-wrapper.jpg');
}
#wrapper #banniere, #wrapper #banniere img {
	margin: 0;
	padding: 0;
}
#wrapper #main {
}
#wrapper #main #presentation {
	height: 239px;
	padding: 6px 7px 0;
	background: url('../img/bg-presentation.png');
}
#wrapper #main #presentation img.photo {
float: left;
margin: 0 45px 0 0;
}
#wrapper #main #presentation #competences {
margin: 0.5em 1em;
}
#wrapper #main #presentation #competences li a {
display: block;
margin: 0.5em 0;
}
#wrapper #main #presentation p {
margin: 1.3em 0;
}
#wrapper #main #apercu-realisations li {
	float: left;
	width: 275px;
	height: 220px;
	margin: 1em 1.6em;
	background: url('../img/bg-realisation.jpg') no-repeat top left;
	border: 1px solid #898989;
	overflow: hidden;
}
#wrapper #main #apercu-realisations li a {
	display: block;
	text-decoration: none;
}
#wrapper #main #apercu-realisations li a img {
	margin: 14px 0 0 67px;
	height: 103px;
	width: 137px;
}
#wrapper #main #apercu-realisations li a h3 {
	margin-left: 20px;
}
#wrapper #main #apercu-realisations li a p {
	font-size: 10px;
	margin: 2px 5px 2px 20px;
}
#wrapper #main .photos {
float: right;
width: 60%;
text-align: center;
}
#wrapper #main .texte {
width: 32%;
margin: 2% 2% 2% 5%;
}
#wrapper #main .texte p {
text-align: justify;
}
#wrapper #main .texte ul {
	background-color: #e3fdf8;
	list-style-image: url('../img/puce.gif');
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0.5em 0.5em 0.5em 2em;
}
#wrapper #main .texte ul li {
	margin: 0.3em 0;
}
#wrapper #footer {
	clear: both;
	color: #808080;
	font-size: smaller;
	background: #fff url('../img/bg-footer.jpg') no-repeat;
	height: 47px;
}
#wrapper #footer p {
	padding: 17px 0 0 30px;
}
#wrapper #footer p#copyright {
	text-align: right;
}
/**************************** LAYOUT END ***********************************/

/*********************************  NAV  ***********************************************/
#nav {
	margin-top: -1px;
	padding: 0 0 0 8px;
	height: 31px;
	background: url('../img/bg-nav-bg.jpg');
}
#nav li {
	float: left;
	padding: 0;
	margin: 0 2px;
	text-align: center;
	background: url('../img/bg-nav-li.jpg') no-repeat top left;
}
#nav a:link, #nav a:visited {
	display: block;
	height: 31px;
	line-height: 31px;
	padding: 0 1.5em;
	color: #3374b5;
	text-decoration: none;
	text-transform: uppercase;
	background: url('../img/bg-nav-a.jpg') no-repeat top right;
}
#nav a:hover, #nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	color: #533a24;
}
.nav2 {
	position: absolute;
	background: #DEDEDE;
}
.nav2 li {
	background: url('../img/bg-nav-li.jpg') no-repeat top left;
}
.nav2 li a:link, .nav2 li a:visited, .nav2 li a:hover {
	display: block;
	line-height: 26px;
	padding: 0 3px;
	color: #3374b5;
	text-decoration: none;
	text-transform: uppercase;
}
.nav2 li a:hover {
	color: #533a24;
}
#nav2-activites {
	left: 230px;
	z-index:10;
}
/*********************************  NAV END  ***********************************************/

/*********************** CONTENT *********************************/
#barthel_infos .date, #realisations .date, #materiel_occasion .date {
float: right;
color: #AAAAAA;
font-style: italic;
}
#realisations p.image {
margin: 0;
}
#realisations p.image img {
display: block;
}
#barthel_infos #main div.entry {
background: #CDCDCD url('../img/banner.jpg') no-repeat -640px 10px;
padding: 0;
}
#barthel_infos #main div.entry h3 {
background-color: #E3FDF8;
padding: 6px;
}
#barthel_infos #main div.entry p.date {
padding: 6px;
}
#barthel_infos #main div.entry p.image.droite {
float: none;
text-align: center;
}
#barthel_infos #main div.entry ul {
margin: 0;
}
#wrapper #main #contact {
display: block;
margin: 0.5em 0;
}
#contact form fieldset {
margin-bottom: 1em;
}
#contact form fieldset legend {
	font-size: 110%;
	font-weight: bold;
	margin: 1em 0 0.2em -8px;
	color: #54B69F;
	font-family: 'Tahoma', Arial, Helvetica;
}
#contact form fieldset label {
	margin: 0;
}
#contact form fieldset input {
	background: none;
}
#contact form fieldset input[type=text] {
	background: url('../img/bg-input.gif');
}
#contact form fieldset input[type=submit] {
	background: #E6F3EC;
}
#contact form fieldset input, #contact form fieldset textarea, #contact form fieldset select {
	display: block;
	width: 200px;
	background: #fff url('../img/bg-input.gif') repeat-x;
	margin: 0.2em 0 0.3em 0;
}
#contact form fieldset textarea {
height: 120px;
}
#contact form fieldset .submit {
	text-align: center;
}
#contact .cadre {
	margin-top: 1em;
	padding: 10px;
	border: 2px solid #bcc9c8;
	background: url('../img/bg-texte.png');
	float: left;
}
#contact #carte {
}
#contact #carte #map {
	width: 610px;
	height: 300px;
}
#contact #coordonnees {
	width: 610px;
	margin-right: 1em;
}
#contact #coordonnees div {
	float: left;
	width: 300px;
}
#contact #formulaire {
	margin:1em 2em;
	max-width: 230px;
}
#main .texte .contenu p{
	margin-top:10px;
	float:right;}
#main .texte .contenu img {
	margin:10px 120px 8px 0;}
/*********************** CONTENT END *********************************/

/*********************** CLASSES *********************************/
.pagination {
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	color: #2C347F;
}
.pagination span.disabled, .pagination span.current {
	color: #777;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.aligne_centre {
	text-align: center;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/