/* CSS Document */

* {
padding:0;
margin:0;
list-style-type:none;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(images/bg-2.jpg) repeat-x;
background-color:#bac932;
}

#global {
background:url(images/bg_global.jpg) no-repeat;
width:955px;
height:750px;
margin:0 auto;
}

#top {
font-size:10px;
color:#bacb31;
text-align:center;
line-height:10px;
padding-top:2px;
}

#logo {
margin:12px 0 0 260px;
border:none;
}

#menu {
height:34px;
margin-top:11px;
}

#milieu {
height:428px;
position:relative;
}

#pieds {
text-align:center;
padding-top:20px;
}

#pieds ul {
height:10px;
display:block;
line-height:10px;
font-size:10px;
}

#pieds li{
display:inline;
line-height:10px;
font-size:10px;
padding:0 6px;
border-right:1px solid #bacb31;
height:10px;
}

#pieds li a {
color:#bacb31;
font-size:10px;
text-decoration:none;
line-height:10px;
}

#pieds li a:hover {
text-decoration:underline;
}

#pieds #li_bis {
border:none;
}

#coord {
padding-left:70px;
}

#coord img {
float:left;
}

#coord p{
float:left;
font-size:11px;
line-height:11px;
color:#bacb31;
padding:0 8px 0 8px;
margin-top:20px;
border-left:1px solid #bacb31;
}

#tt{
    text-align:center;
    margin-top:8px;
	clear:both;
}

#tt a{
    font-size:9px;
    color:#bacb31;
	text-decoration:none;
}

#tt a:hover{
    color:#bacb31;
	text-decoration:underline;
}

#gauche {
width:220px;
float:left;
height:200px;
padding-left:22px;
}

#gauche ul {
padding:10px 0 10px 6px;
}

#gauche li {
background:url(images/pucu_li.gif) no-repeat 0 3px;
padding-left:14px;
line-height:12px;
padding-bottom:4px;
color:#9aac09;
font-weight:bold;
}

#li2 {
margin-left:25px;
}

#li3 {
margin-left:50px;
}

#centre {
width:473px;
float:left;
padding-top:6px;
position:relative;
}

#droite {
width:230px;
float:left;
padding-left:10px;
padding-top:10px;
}

#droite p {
color:#4a2d14;
font-weight:bold;
width:170px;
padding-left:20px;
text-align:justify;
padding-right:5px;
padding-bottom:2px;
background:url(images/puce.gif) no-repeat 12px 8px;
line-height:13px;
padding-top:3px
}

.haut_flash {
position:absolute;
top:0;
left:0;
text-align:center;
color:#4a2d14;
font-weight:bold;
padding-top:5px;
padding-left:20px;
}

.haut_flash2 {
text-align:center;
color:#4a2d14;
font-weight:bold;
padding-top:5px;
}

#img_coord {
float:left;
}

/* ################################################### Page Prestations ############################################ */

#menu ul {
padding-left:242px;
}

#menu ul li {
display:inline;
}

#menu ul li a{
display:block;
float:left;
color:#4a2d14;
text-decoration:none;
text-align:center;
font-size:16px;
font-weight:bold;
padding-top:5px;
cursor:pointer;
}

#menu ul li a:hover {
color:#FFFFFF;
}

#menu ul li #accueil {
width:103px;
height:27px;
margin-right:3px;
}

#menu ul li #accueil:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_accueil.png',sizingMethod='scrop');
width:103px;
height:27px;
margin-right:3px;
}

html>body #menu ul li #accueil:hover {
filter:none;
background:url(images/bg_accueil.png) no-repeat;
}

#menu ul li #prestations {
width:115px;
height:29px;
margin-right:3px;
}

#menu ul li #prestations:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_prestations.png',sizingMethod='scrop');
width:115px;
height:29px;
margin-right:3px;
}

html>body #menu ul li #prestations:hover {
filter:none;
background:url(images/bg_prestations.png) no-repeat;
}

#menu ul li #prestations_select {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_prestations.png',sizingMethod='scrop');
width:115px;
height:29px;
margin-right:3px;
color:#FFFFFF;
}

html>body #menu ul li #prestations_select {
filter:none;
background:url(images/bg_prestations.png) no-repeat;
}

#menu ul li #realisations {
width:115px;
height:29px;
margin-right:3px;
}

#menu ul li #realisations:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_realisations.png',sizingMethod='scrop');
width:115px;
height:29px;
margin-right:3px;
}

html>body #menu ul li #realisations:hover {
filter:none;
background:url(images/bg_realisations.png) no-repeat;
}

#menu ul li #realisations_select {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_realisations.png',sizingMethod='scrop');
width:115px;
height:29px;
margin-right:3px;
color:#FFFFFF;
}

html>body #menu ul li #realisations_select {
filter:none;
background:url(images/bg_realisations.png) no-repeat;
}

#menu ul li #contact {
width:108px;
height:27px;
margin-right:3px;
}

#menu ul li #contact:hover {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_contact.png',sizingMethod='scrop');
width:108px;
height:27px;
margin-right:3px;
}

html>body #menu ul li #contact:hover {
filter:none;
background:url(images/bg_contact.png) no-repeat;
}

#menu ul li #contact_select {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_contact.png',sizingMethod='scrop');
width:108px;
height:27px;
margin-right:3px;
color:#FFFFFF;
}

html>body #menu ul li #contact_select {
filter:none;
background:url(images/bg_contact.png) no-repeat;
}

#gauche2 {
width:220px;
float:left;
padding-left:22px;
padding-top:15px;
}

#gauche2 ul {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_liste.png',sizingMethod='scrop');
width:202px;
height:202px;
margin-top:30px;
}

html>body #gauche2 ul {
filter:none;
background:url(images/bg_liste.png) no-repeat;
}

#gauche2 ul li {
padding-left:93px;
font-weight:bold;
}

#centre2 {
width:483px;
float:left;
padding-top:4px;
position:relative;
}

#centre2 p {
line-height:13px;
color:#4a2d14;
padding-left:22px;
}

#centre2 .titre_bloc {
font-weight:bold;
padding-top:7px;
padding-bottom:3px;
background:url(images/puce2.gif) no-repeat 5px 10px;
padding-left:17px;
}

.li_vert {
background:url(images/pucu_li.gif) no-repeat 80px 4px;
color:#9aac09;
}

.li_marron {
background:url(images/puce2.gif) no-repeat 80px 4px;
color:#4a2d14;
}

#droite2 {
float:left;
padding-left:10px;
padding-top:30px;
}

/* ################################################### Page Realisations ############################################ */

#diapo {
float:right;
padding:25px 30px 0 0;
}

#gauche_diapo {
float:left;
padding:25px 0 0 30px;
}

#gauche_diapo div {
padding:20px 0 0 15px;}

.miniatures {
margin:7px 7px 0 0;
cursor:pointer;
}

/* ################################################### Page Contact ############################################ */

#gauche3 {
width:215px;
float:left;
padding-left:30px;
padding-top:50px;
}

#plan {
float:left;
}

#plan img {
border:none;
}

#formulaire {
float:left;
background:url(images/bg_form.gif) no-repeat bottom right;
width:234px;
padding-left:20px;
}

#centre3 {
padding-top:30px;
float:left;
}

#centre3 h3{
color:#4a2d14;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
padding-top:10px;
}

.adresse {
text-align:center;
font-size:12px;
font-weight:bold;
color:#4a2d14;
}

#droite3 {
padding-top:50px;
float:left;
padding-left:20px;
}

/*------------------formulaire-------------*/

#form{
    padding:15px 0 0 9px;
    margin:0;
	color:#FFFFFF;
	font-weight:bold;
	height:217px;
	
}

label{
    display:block;
    float:left;
    width:70px;
    font:;
}

.input{
    width:140px;
    height:15px;
    font:;
    border:solid 1px #dee5a8;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#707d06;
}

textarea{
    width:140px;
    height:60px;
    font:;
    border:solid 1px #dee5a8;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#707d06;
}

#bouton{
    display:block;
    width:70px;
	height:20px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 145px;
	background-color:#707d06;
    border:solid 1px #dee5a8;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
    cursor:pointer;
}

#carte1 {
	display: none;
	position: absolute;
	top: 5px;
	left: 70px;
	height: 500px;
	width: 800px;
	border: 1px solid #bac932;
	z-index: 1000;
}
#carte1 img {
	border:none;
}

.fermer-carte {
	background: #bac932;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.fermer-carte a {
	color: #fff;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fermer-carte a:hover {
	color: #401f02;
	text-decoration: none;
}
.cadreX {
	border: 1px #bac932 solid;
	padding: 0px 3px;
}

/* ################################################### Page Mentions Légales ############################################ */

#mentions {
margin:0 auto;
width:500px;
text-align:center;
color:#4a2d14;
line-height:14px;
padding-top:6px;
}

.titre_mentions {
font-weight:bold;
padding:5px 0 2px 0;
}