/* ---------- Général ---------- */

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

body {
	background-color: #555a4d;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #27211d;
}

h2 {
	color: #5d9700;
	font-size: 18px;
	font-weight: normal;
}

h2 b {
	color: #ff0c4e;
	font-weight: normal;
	font-size: 18px;
}

h5 {font-size : 12px ;
	font-weight : bold ;}

a {
	text-decoration: none;
	color: #27211d;
}

a:hover {
	text-decoration: underline;
}

a.rouge {
	background: url("images/lien-rouge.gif") left center no-repeat;
	color: #ff0c4e;
	padding-left: 10px;
}

a.vert {
	background: url("images/lien-vert.gif") left center no-repeat;
	color: #5d9700;
	padding-left: 10px;
}

img {
	border: 2px solid #e5dbd3;
	vertical-align: text-bottom;
}

div#page {
	position: relative;
	width: 960px;
	margin: auto;
	background-color: #f4f2ed;
}

div.clear {
	clear: both;
}

div.hr {
	border-top: 1px solid #9d9387;
	margin: 6px 0;
}

.lowercase { text-transform:lowercase !important;}
/* ---------- Haut ---------- */

div#haut {
	background: url("images/haut.jpg");
	height: 280px;
	position: relative;
}

div#haut a#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 180px;
	cursor: pointer;
}

div#haut h1 span.s1 {
	position: absolute;
	top: 100px;
	left: 22px;
	font-size: 15px;
	color: #ff0c4e;
	letter-spacing: -1px;
}

div#haut h1 span.s2 {
	position: absolute;
	top: 121px;
	left: 22px;
	font-size: 11px;
	color: #1f5a08;
}

div#haut h1 span.s3 {
	position: absolute;
	top: 134px;
	left: 30px;
	font-size: 11px;
	color: #1f5a08;
}

div#devis {
	background: url("images/devis-bord.gif") top right no-repeat #e0efcb;
	position: absolute;
	top: 181px;
	left: 0;
	width: 235px;
	height: 52px;
}

div#devis a {
	font-size: 14px;
	color: #ff0c4e;
	cursor: pointer;
}

div#devis a:hover {
	text-decoration: none;
}

div#devis span.s1 {
	background: url("images/fleche-devis.gif") center left no-repeat;
	position: absolute;
	top: 7px;
	left: 14px;
	padding-left: 9px;
}

div#devis span.s2 {
	position: absolute;
	font-size: 18px;
	top: 25px;
	left: 64px;
}

/* ---------- Menu ---------- */

div#menu {
	background: url("images/menu-fond.gif") top left repeat-x #ffffff;
	height: 45px;
	padding-bottom: 4px;
	width: 960px;
	position: relative;
	z-index: 99;
}

div#menu li {
	background: url("images/btn-fond.gif");
	list-style-type: none;
	float: left;
	margin-right: 1px;
	position: relative;
}

div#menu a {
	display: block;
	padding-top: 13px;
	height: 28px;
	font-size: 10px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

div#menu a:hover {
	text-decoration: none;
}

div#menu ul.sous-menu, div#menu ul.sous-menu ul {
	position: absolute;
	display: none;
}

div#menu ul.sous-menu {
	top: 41px;
	left: 0;
}

div#menu ul.sous-menu ul {
	top: 0;
	left: 205px;
}

div#menu ul.sous-menu a {
	width: 192px !important;
	border: 1px solid #9d9387;
	padding: 6px;
	height: auto;
	margin-bottom: -1px;
	text-align: left;
	background-image: none !important;
	font-size: 11px;
}

div#menu ul.sous-menu a, div#menu ul.sous-menu a.out {
	background-color: #ede9e6;
	color: #27211d;
}

div#menu ul.sous-menu a:hover, div#menu ul.sous-menu a.over {
	background-color: #cec6c2;
	color: #27211d;
}

div#menu ul.sous-menu a.parent {
	background-image: url("images/fleche-menu.gif") !important;
	background-position: center right;
	background-repeat: no-repeat;
}

div#menu li#btn1 a {
	background-image: url("images/menu-puce1.gif");
	width: 71px;
}

div#menu li#btn2 a {
	background-image: url("images/menu-puce2.gif");
	width: 163px;
}

div#menu li#btn3 a {
	background-image: url("images/menu-puce3.gif");
	width: 107px;
}

div#menu li#btn4 a {
	background-image: url("images/menu-puce4.gif");
	width: 99px;
}

div#menu li#btn5 a {
	background-image: url("images/menu-puce5.gif");
	width: 158px;
}

div#menu li#btn6 a {
	background-image: url("images/menu-puce6.gif");
	width: 107px;
}

div#menu li#btn7 a {
	background-image: url("images/menu-puce7.gif");
	width: 61px;
}

div#menu li#btn8 a {
	background-image: url("images/menu-puce8.gif");
	width: 83px;
}

div#menu li#btn9 a {
	background-image: url("images/menu-puce9.gif");
	width: 103px;
}

div#menu li#btn9 {
	margin: 0;
}

/* ---------- Gauche ---------- */

div#gauche {
	width: 272px;
	float: left;
	position: relative;
	z-index: 80;
}

div#gauche1 {
	background-image: url("images/gauche1.jpg");
	height: 246px;
	margin-bottom: 13px;
	padding: 15px 37px 0 14px;
}

div#gauche1 h2 {
	font-size: 10px;
	border-bottom: 1px solid #9d9387;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

div#gauche1 ul li {
	position: relative;
	z-index: 99;
}

div#gauche1 li {
	list-style-type: none;
	display: block !important;
}

div#gauche1 li a {
	padding-left: 10px;
}

div#gauche1 div#vert h2 a {
	color: #5d9700;
}

div#gauche1 div#vert li a {
	background: url("images/fleche-vert.gif") left center no-repeat;
}

div#gauche1 div#rouge h2 {
	margin-top: 14px;
}

div#gauche1 div#rouge h2 a {
	color: #ff0c4e;
}

div#gauche1 div#rouge li a {
	background: url("images/fleche-rouge.gif") left center no-repeat;
}

div#gauche1 ul.sous-menu li {
	position: relative;
}

div#gauche1 ul.sous-menu ul {
	position: absolute;
	display: none;
	top: 0;
	left: 221px;
	width: 217px;
	background-color: #ede9e6;
	border: 1px solid #9d9387;
	padding-left: 4px;
}

div#gauche2 {
	background-image: url("images/encart_deroulement.jpg");
	width: 272px;
	height: 235px;
	position: relative;
}

div#gauche2 span.s1 {
	position: absolute;
	top: 17px;
	left: 13px;
}

div#gauche2 span.s2 {
	position: absolute;
	top: 39px;
	left: 74px;
}

div#gauche2 span.s3 {
	position: absolute;
	top: 75px;
	left: 13px;
	font-size: 14px;
	color: #5d9700;
	letter-spacing: -1px;
}

div#gauche2 span.s4 {
	position: absolute;
	top: 96px;
	left: 13px;
	font-size: 13px;
	color: #5d9700;
	letter-spacing: -1px;
}

div#gauche2 span.s7 {
	position: absolute;
	top: 118px;
	left: 32px;
	font-size: 18px;
	color: #ff0c4e;
	letter-spacing: -1px;
}

div#gauche2 span.s5 {
	position: absolute;
	top: 186px;
	left: 14px;
	font-size: 14px;
	color: #ffffff;
	background: url("images/fleche-blanc.gif") left center no-repeat;
	padding-left: 10px;
}

div#gauche2 span.s6 {
	position: absolute;
	top: 202px;
	left: 14px;
	font-size: 14px;
	color: #ffffff;
}

div#gauche2 span b {
	font-size: 18px;
	color: #ff0c4e;
	font-weight: normal;
}

div#gauche2 a.more {
	position: absolute;
	top: 145px;
	left: 100px;
}

div#gauche2 a.construire {
	cursor: pointer;
}

div#gauche2 a.construire:hover {
	text-decoration: none;
}

/* ---------- En-tête ---------- */

div#entete {
	background: url("images/entete-fond.gif") left top repeat-x #ffffff;
	float: left;
	width: 618px;
	height: 177px;
	padding: 20px 30px 0 40px;
	position: relative;
}

div#entete2 {
	background: url("images/entete-fond.gif") left top repeat-x #ffffff;
	float: left;
	width: 618px;
	padding: 20px 30px 0 40px;
	position: relative;
}

div#tracker {
	height: 30px;
}

div#tracker span {
	color: #9d9388;
}

div#entete div.bloc,
div#entete2 div.bloc
 {
	text-align: justify;
	padding-right: 10px;
	position: relative;
	height: 108px;
}

div#entete h1,
div#entete2 h1 {
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #9d9387;
	padding-bottom: 5px;
	margin-bottom: 11px;
	color: #ff0c4e;
	text-transform: uppercase;
}

div#entete h2,
div#entete2 h2 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #9d9387;
	padding-bottom: 5px;
	margin-bottom: 11px;
}

div#entete a.img,
div#entete2 a.img {
	float: left;
	margin-right: 26px;
}

div#entete a.more,
div#entete2 a.more {
	position: absolute;
	top: 95px;
	left: 560px;
}

/* ---------- Contenu ---------- */

div#contenu {
	background: url("images/contenu-fond.gif") left top repeat-x;
	float: left;
	width: 618px;
	padding: 30px 30px 0 40px;
}

div#contenu h2 {
	border-bottom: 1px solid #9d9387;
	padding-bottom: 5px;
	margin-bottom: 11px;
	text-transform: uppercase;
}

div#contenu h3 {
	color: #5d9700;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div#contenu h4 {
	color: #5d9700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div#contenu ul {
	margin-left: 20px;
}

div#contenu li {
	list-style-type: square;
}

div#contenu div.bloc {
	text-align: justify;
	padding-right: 10px;
	position: relative;
	height: 120px;
}

div#contenu a {
	color: #ff0c4e;
}

div#projets {
	float: left;
	width: 281px;
}

div#projets a.img {
	float: left;
	margin-right: 16px;
}

div#projets a.more {
	position: absolute;
	top: 80px;
	left: 184px;
}

div#temoignages {
	float: left;
	width: 294px;
	padding-left: 43px;
}

div#temoignages a.more {
	position: absolute;
	top: 80px;
	left: 236px;
}

div#plan {
	margin-bottom: 20px;
}

div#plan li, div#plan a {
	color: #ff0c4e;
}

div#plan ul.sous-menu li, div#plan ul.sous-menu a {
	color: #27211d;
}

/* ---------- CMS ---------- */

div.accroche, div.media, div.texte, div.texte2, div.texte3 {
	margin-bottom: 20px;
	padding-right: 10px;
}

div.accroche {
	font-style: italic;
}

div.media {
	text-align: center;
}

div.texte2 {
	float: left;
	width: 47%;
	margin-right: 2%;
}

div.texte3 {
	float: left;
	width: 32%;
	margin-right: 2%;
}

div.last {
	margin-right: 0;
}

div.left {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}

div.right {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
}

q {
	display: block;
	text-align: center;
	font-size: 10px;
}

/* ---------- Bas ---------- */

div#bas {
	background: url("images/bas-fond.gif") left bottom repeat-x #ffffff;
	height: 41px;
	font-size: 10px;
	padding-top: 39px;
}

div#copyright {
	float: left;
	width: 305px;
	text-align: center;
}

div#liens {
	position: absolute;
	bottom: 27px;
	right: 0;
	width: 631px;
	text-align: center;
}

div#liens a {
	margin: 0 3px;
}

/* ---------- Formulaire ---------- */

div.form {
	width: 300px;
	text-align: right;
	float: left;
}

div.form2 {
	width: 530px;
	float: left;
	margin : 10px 0 0 50px;
	border : 1px solid #9d9387;
	padding : 10px;
}

/*
div.form2 input{ float : left; position : relative; z-ndex :1; text-align : right; clear : both; }

.btn_radio div {margin-bottom : 5px;}

#terrain, #visite { float : left; clear : both;}
div.form2 label { float : left; position : relative; z-ndex :1;}*/

#visite {width: 470px;}

#visite li {list-style-type : none !important;}

#terrain li {list-style-type : none !important;}

.btn_radio {text-align : left;list-style-type : none; margin-top : 5px;}





div.form div {
	margin-bottom: 12px;
}

label {
	cursor: pointer;
	padding-top: 6px;
}


input.btn {
	margin-top: 4px;
}

input.txt, textarea {
	padding: 3px;
	border: 1px solid #d5d5d5;
	width: 180px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: middle;
}

input.txt {
	height: 14px;
	background: url("images/input-fond.gif") left bottom repeat-x #ffffff;
}

textarea {
	height: 82px;
	background: url("images/textarea-fond.gif") left bottom repeat-x #ffffff;
	overflow: auto;
}

input.error, textarea.error {
	border: 1px solid #ff6666;
}


.image{float : left;}




/*** ANNUAIRE ***/
h1.golden-h1{clear : both; text-align: center; margin-bottom: 30px; font-size : 22px;}
li.t1 		{clear : both; margin-bottom:20px;}

#golden-n1 ul.golden-n2 a{ 	display: inline; }
	
	#golden-n1 ul.golden-n2 h3{ margin-left:20px;
								display: inline;
								font-size: 11px;
								}
	
	#golden-n1 ul.golden-n2 li{ list-style-type:none;	}