body {
	background: #e4edf8;
	text-align: center;
}
body, p, ul, ol, form, h1, h2, h3, h4, select, option, input, textarea, object, embed {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	line-height: 20px;
}
li {
	list-style-type: none;
}
img {
	border: 0;
}
#page {
	width: 1001px;
	margin:0 auto;
	text-align: left;
	background: url(../img/page.png) repeat-y;
}

#pied, #header {
	padding: 0 23px;
}
#content {
	padding-left: 23px;
}
#pied {
	height: 44px;
	padding-top: 12px;
	text-align: center;
	font-size: 12px;
	color: #68a561;
	background: url(../img/pied.jpg) no-repeat;
}
h1 {
	padding-top: 11px;
	height: 139px;
}
.color {
	color: #68a561;
}
.big {
	font-size: 18px;
}

/****************************************************
	MENU
****************************************************/
#menu {
	height: 72px;
	background: url(../img/menu.png) no-repeat;
}

#menu ul {
	height: 37px;
	padding-left: 155px;
	background: url(../img/menu-tiret.png) no-repeat 155px 12px;
}
#menu li {
	float: left;
	padding: 0 34px 0 33px;
	height: 37px;
	background: url(../img/menu-tiret.png) no-repeat 100% 12px;
}
#menu a:link, #menu a:visited {
	color: #2670cc;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 35px;
}
.presentation #menu .presentation a:link, .presentation #menu .presentation a:visited,
.desamiantage #menu .desamiantage a:link, .desamiantage #menu .desamiantage a:visited,
.demolition #menu .demolition a:link, .demolition #menu .demolition a:visited,
.protection #menu .protection a:link, .protection #menu .protection a:visited,
.contact #menu .contact a:link, .contact #menu .contact a:visited,
#menu a:hover, #menu a:active {
	color: #68a561;
	background: url(../img/menu-on.png) no-repeat 50% 28px;
}

/****************************************************
	HOME
****************************************************/
body.home {
	background: url(../img/fond-home.jpg) repeat-x #b9cde4;
}
.home #menu {
	background: url(../img/menu-home.jpg) no-repeat;
	height: 37px;
}
.anime {
	height: 485px;
}
.home #pied {
	background: url(../img/pied-home.png) no-repeat;
	height: 38px;
	padding-top: 8px;	
}
.home #content {
	height: 218px;
	background: url(../img/content-home.png) no-repeat;
}
.home #content img {
	display: block;
	float: left;
}
.home .intro {
	padding: 43px 10px 0 18px;
}

/****************************************************
	PAGES
****************************************************/
#content {
	background: url(../img/content.jpg) no-repeat 0 100%;
}
#clearPied {
	clear:both;
	height: 16px;
	line-height:10px;
}
#col {
	width: 198px;
	float: left;
	padding-right: 12px;
	padding-bottom: 40px;
}
#main {
	padding-left: 9px;
	border-left: 1px #68a561 solid;
	width: 736px;
	float:left;
}
.protection #main {
	height: 455px;
}
#col h3 {
	background: url(../img/h3-col.png) no-repeat;
	color: #c1f9bb;
	line-height: 28px;
	padding-left: 8px;
}
#col p {
	margin: 11px 0 50px 0;
	background: #ebf8e9;
	color: #68a561;
	padding: 6px 8px;
}
#col p.partenaires {
	padding: 6px 0 16px 0;
	text-align: center;
}
#col p.partenaires img {
	margin: 8px 0;
}
#col a.part:link, #col a.part:visited, #col a.part:hover, #col a.part:active {
	color: #bd1220;
	font-size:12px;
}
#col p strong {
	color: #666666;
}
#content h2 {
	background: url(../img/h2.jpg) no-repeat;
	height: 38px;
	padding-left: 18px;
	line-height: 28px;
	color: #ffffff;
	font-size:19px;
}
#main p {
	text-align: justify;
	padding-bottom: 20px;
}
#main p.nomarge {
	padding:0;
}
#main ul {
	padding-bottom: 20px;
}
#main li {
	padding-left: 30px;
	background: url(../img/puce.png) 20px 8px no-repeat;
}
.ligne {
	height: 22px;
	background: url(../img/point.png) repeat-x;
}

#main .texte {
	padding-left: 18px;
	width: 360px;
	float:left;
}
#main .visu {
	float: left;
	padding: 0 0 0 28px;
	width: 325px;
}
.visu .cadre {
	margin: 25px 0;
	padding: 8px 0 0 8px;
	height: 183px;
	background: url(../img/cadre.png) no-repeat;
}

.presentation #main .visu, .contact #main .visu {
	padding-top: 120px;
}
#main p.afnor {
	text-align: center;
	height: 100px;
	padding:0;
}

/* formulaire contact */
form#renseigne input, form#renseigne label {
	padding:0;
	margin:1px 0;
	float:left;
	display:block;
}
form#renseigne label {
	clear: both;
	width:180px;
	padding-right:5px;
	height:30px;
	line-height:20px;
}
.oblig, form#renseigne label.oblig  {
	font-weight:bold;
	color: #68a561;
}
form#renseigne input.hidden {
	display:none;	
}
form#renseigne input {
	height:20px;
	margin-bottom: 8px;
	width:170px;
}
form#renseigne label.demande {
	padding-right:0;
	padding-top:20px;
	float: none;
	height: auto;
}
form#renseigne p {
	font-style: italic;
}
form#renseigne textarea {
	width: 355px;
	height:125px;
	margin-top:10px;
	display: block;
	margin:0;
}
form#renseigne p.submit {
	font-style: normal;
	padding:10px 00 0 0;
	height: 30px;
	text-align:right;
}
form#renseigne p.submit input {
	width: auto;
	display:inline;
	float:none;
	height: auto;
	padding: 0 5px;
}
