/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
} 
body,html{
	width: 100%;
/*	height:100%;*//*---obligatoire pour le footer---*/
}

body{
	font-size:62.5%;
	font-family: Arial, sans-serif, Arial;
	background:url(../images/charte/bgcoul.jpg) repeat-x;
	background-color:#CEBE10;
}
#liere{
	position:absolute;
	z-index: 0;
	height:733px;
	width:168px;
	left:0px;
	top:0px;
	background:url(../images/charte/liere.gif) no-repeat;
}
#liere2{
	position:absolute;
	z-index: 0;
	height:317px;
	width:95px;
	right:8%;
	top:-20px;
	background:url(../images/charte/liere2.gif) no-repeat;
}
#container1{
	background:url(../images/charte/bg_repeat.jpg) repeat-y;
	position: relative;/*---obligatoire pour le footer---*/
	z-index: 3;
/*	min-height:100%; *//*---obligatoire pour le footer:Firefox---*/
/*	height:auto !important;*//*---obligatoire pour le footer:Firefox---*/
/*	height:100%;*//*---obligatoire pour le footer:IE---*/
	width:898px;
	margin:0 auto;
	display: table;
}
#container{
	position: relative;/*---obligatoire pour le footer---*/
/*	min-height:100%; *//*---obligatoire pour le footer:Firefox---*/
/*	height:auto !important;*//*---obligatoire pour le footer:Firefox---*/
/*	height:100%;*//*---obligatoire pour le footer:IE---*/
	width:898px;
	margin:0 auto;
	background:url(../images/charte/bg.jpg) no-repeat;
	display: table;
}
#header{
   width:898px;
	height:280px;
	background:url(../images/charte/header.jpg) center no-repeat;
}
#flash{
	width:990px;
	margin:0 auto;
}
/***************** CONTAINER DU CONTENU *****************/
#contenu {
	position:relative;
	width:850px;
	display:table;
	margin:0 auto;
	padding:0;
	font-size:1em;
}

/***************** MENU *****************/

#menu {
	width:190px;
	height:306px;
	margin:5px 0 0 0;
	font-size:1.4em!important;
	font-size:1.2em;
	font-weight:bold;
	float:left;
	padding-bottom: 200px;
	display: table;

}
#menu ul{
	list-style-type:none;
}
#menu li{
	color:#FF6600;
}
#menu li a{
	color:#FF6600;
	text-decoration:none;
	display:block;
	height:32px;
}
#menu li a:hover{
	color:#339900;
	text-decoration:none;
}
#menu span{
	display:none;
}
a.presentation {
	background:url(../images/charte/bt1.gif) top left no-repeat;
}
a:hover.presentation {
	background:url(../images/charte/bt1hover.gif) top left no-repeat;
}
a.artisan {
	background:url(../images/charte/bt11.gif) top left no-repeat;
}
a:hover.artisan {
	background:url(../images/charte/bt11hover.gif) top left no-repeat;
}
a.paysagiste {
	background:url(../images/charte/bt2.gif) top left no-repeat;
}
a:hover.paysagiste {
	background:url(../images/charte/bt2hover.gif) top left no-repeat;
}
a.elagage {
	background:url(../images/charte/bt3.gif) top left no-repeat;
}
a:hover.elagage {
	background:url(../images/charte/bt3hover.gif) top left no-repeat;
}
a.debroussaillage {
	background:url(../images/charte/bt4.gif) top left no-repeat;
}
a:hover.debroussaillage {
	background:url(../images/charte/bt4hover.gif) top left no-repeat;
}
a.abattage {
	background:url(../images/charte/bt5.gif) top left no-repeat;
}
a:hover.abattage {
	background:url(../images/charte/bt5hover.gif) top left no-repeat;
}
a.arrosage {
	background:url(../images/charte/bt6.gif) top left no-repeat;
}
a:hover.arrosage {
	background:url(../images/charte/bt6hover.gif) top left no-repeat;
}
a.cloture {
	background:url(../images/charte/bt7.gif) top left no-repeat;
}
a:hover.cloture {
	background:url(../images/charte/bt7hover.gif) top left no-repeat;
}
a.calendrier {
	background:url(../images/charte/bt8.gif) top left no-repeat;
}
a:hover.calendrier {
	background:url(../images/charte/bt8hover.gif) top left no-repeat;
}
a.contact {
	background:url(../images/charte/bt9.gif) top left no-repeat;
}
a:hover.contact {
	background:url(../images/charte/bt9hover.gif) top left no-repeat;
}
a.mentions {
	background:url(../images/charte/bt10.jpg) top left no-repeat;
}
a:hover.mentions {
	background:url(../images/charte/bt10hover.jpg) top left no-repeat;
}
/***************** CONTENU TEXTUEL *****************/

#contenuTexte{
/*	height:380px!important;*//*c'est pas beau mais sinon le footer masque le contenu de la div*/
/*	height:450px;*/
	width:390px!important;
/*	width:auto;*/
	color:#003300;
	font-size:12px;
	text-align:justify;
   display:table;
}
#contenuTexte1{
/*	height:380px!important;*//*c'est pas beau mais sinon le footer masque le contenu de la div*/
/*	height:450px;*/
	width:630px!important;
/*	width:auto;*/
  margin:0px 0px 0px 0px;
	color:#003300;
	font-size:12px;
	text-align:justify;
  display:table;
  float:left;
}
#contenuTexte h1{
	margin:10px 0 5px 0;
	font-size:16px;
	text-align:left;
	color:#339900;
	border-bottom:solid 0px #339900;
}

#contenuTexte h2{
	margin:10px 0 5px 0;
	font-size:14px;
	text-align:left;
	color:#339900;
	border-bottom:solid 1px #339900;
}
#contenuTexte h3{
	margin:10px 0 5px 0;
	font-size:14px;
	text-align:left;
	color:#339900;
	border-bottom:solid 1px #E5FDD8;
}
#contenuTexte h4{
	margin:10px 0 5px 0;
	font-size:14px;
	text-align:left;
	color:#FF7800;
	border-bottom:solid 1px #FED3AC;
}

#contenuTexte p{
	padding-bottom:5px;
	font-size:1.4em;
	text-align:justify;
	color:#003300;
}
#contenuTexte .title{
  color:#;
  font-size:14px;
}

#contenuTexte a{
	color:#33CC00;
	text-decoration:underline;
}
#contenuTexte a:hover{
	color: #FF6600;
	text-decoration:none;
}
#divContact a{
	color:#33CC00;
	text-decoration:underline;
}
#divContact a:hover{
	color: #FF6600;
	text-decoration:none;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#339900;
}

#txtbox{
	float:right;
	height:520px;
	width:231px;
	margin:0px 28px 0px 0px!important;
	margin:0px 14px 0px 0px;
	background:url(../images/charte/txtbox.jpg) no-repeat;
	color:#003300;
}
#txtbox_end{
  float:right;
	height:86px;
	width:231px;
	margin:0px 28px 0px 0px!important;
	margin:0px 14px 0px 0px;
	background:url(../images/charte/txtbox_end.jpg) no-repeat;
	color:#003300;
}
#calendrier_end{
  float:right;
	height:42px;
	width:231px;
	margin:0px 24px 0px 0px!important;
	margin:0px 12px 0px 0px;
	background:url(../images/charte/txtbox1_end.jpg) no-repeat;
	color:#003300;
}
#contact_accueil_box{
	float:right;
	clear:right;
	height:173px;
	width:201px;
	text-align: center;
	margin:0px 0px 0px 0px!important;
	padding:0px 48px 0px 0px;
	background: url(../images/charte/contact_accueil.jpg) left top no-repeat;
}
#contact_accueil_box p {
  font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #359702;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
}
#contact_accueil_box a:link, #contact_accueil_box a:visited {
  font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #359702;
	text-align: center;
	text-decoration: underline;
}


#contact_page_box{
   float:right;
	clear:right;
	height:191px;
	width:201px;
	margin:0px 0px 0px 0px!important;
	padding:0px 40px 0px 0px;
	background:url(../images/charte/page_contact_box.jpg) no-repeat;
}

blockquote {
	width: 140px;
	margin:0px 0px 0px 25px;
	text-align:justify;
	background:url(../images/charte/close-quote.gif) no-repeat bottom right;
	padding: 18px;
	text-indent: -18px;
	color:#003300;
}

blockquote:first-letter {
	background:url(../images/charte/open-quote.gif) no-repeat top left;
	padding-left: 18px;
	font-size:1.4em;
	font-style:italic;
}
#pola{
	margin-top:50px;
	height:188px;
	width:205px;	
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#footer{
	width: 100%;
	margin: 0;
	height:90px;
	clear:both;
	z-index: 5;
}
#middle-footer{
	margin: 0 auto;
	width:898px;
	height:90px;
	background:url(../images/charte/footer.jpg) left top no-repeat;
	z-index: 7;
}
#idep{
	float:left;
	margin:60px 0px 0px 20px!important;
	margin:60px 0px 0px 10px;
}
#adresse1{
	width:700px;
	text-align:center;
	margin:0px auto;
}
/*****************************************Editable Areea**************************************/

.list1 li{
	list-style-position:outside;
	list-style-type:none;
	background-image:url(../images/charte/puce2.jpg);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	margin:5px 0px 0px 15px;
	padding:3px 3px 3px 30px;
	font-family:Arial ,"Trebuchet MS";
	font-size:12px;
	height:16px;
	font-weight:normal;
	line-height:16px;
	text-align:justify;
}
#line{
	margin:10px 0px 10px 0px;
	clear:both;
	text-align:center;
}
#photos{
	clear:both;
	text-align:center;
	margin:10px 0px 1	0px 0px;
   padding-top:10px;
}
.photo_right{
	border:solid 1px #BCBBBB;
	background:#ffffff;
	padding:3px;
	float:right;
	margin:0px 0px 0px 10px;
}
.photo_left{
	border:solid 1px #BCBBBB;
	background:#ffffff;
	padding:3px;
	float:left;
	margin:0px 10px 0px 0px;
}
/******************************************************/
/*																		*/
/* 				FORMULAIRES										*/
/*																		*/
/******************************************************/

.inputForm{
	border:1px solid #339900;
	background-color:transparent;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #003300;
    height:16px;
	margin-top:2px;
}
.inputFormOver{
	border:1px solid #339900;
	background-color:#E4FABB;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #003300;
	height:16px;
	margin-top:2px;
}
.inputForm1{
	border:1px solid #339900;
	background-color:transparent;
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #003300;
  height:16px;
	margin-top:2px;
}
.inputFormOver1{
	border:1px solid #339900;
	background-color:#E0F6B8;
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #003300;
	height:16px;
	margin-top:2px;
}
select{
	background-color:#E2E2E2;
	border:1px solid #3D353C;
}
#text_id{
	font-size:10px;
}
.button{
	border:1px solid #339900;
	background-color: #E4FABB;
	width:65px;
    color:#339900;
	font-size: 13px;
	cursor:pointer;
}
.buttonOver{
	border:1px solid #339900;
	background-color: #339900;
	width:65px;
	color:#Ffffff;
	font-size: 13px;
	cursor:pointer;
}
.button1{
	border:0px solid #3D353C;
	background-color: #ffffff;
	width:65px;
    color:#339900;
	font-size: 13px;
	cursor:pointer;
	font-weight:bold;
}
.buttonOver1{
	border:0px solid #3D353C;
	background-color: #ffffff;
	width:65px;
	color:#FF7800;
	font-weight:bold;
	font-size: 13px;
	cursor:pointer;
}

#frmContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:350px;
	border:1px solid #339900;
	/*background:#F6F0D0;*/
}
#frmContact1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:170px;
	border:0px solid #C7C7C7;
	/*background:#E9E9E9;*/
}
#frmDevis{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:240px;
	border:1px solid #58749C;
	background:#FDF5CD;
}
.petit{
  font-size:11px;
}
#text_contact{
	float:left;
	width:200px;
}
#image_contact{
	width:540px;
	border:0px solid #7B7B79;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	letter-spacing:0.04em;
	float:left;
	margin-top:0px;
}
.label{
	text-align: left;
	padding-left:5px;
	height:30px;
}
.labelDevis{
	width:150px;
	float:left; 
	display:inline;
	padding-left:5px;
}
.mail_label{
	width:150px;
	float:left; 
	display:inline;
	padding-left:5px;
	font-weight:normal;
}
.mail_label1{
	width:120px;
	float:left; 
	display:inline;
	padding-left:5px;
}
.mail_input{
	width:120px; 
	float:left
}
.mail_input1{
	width:160px; 
	clear:left;
}
.devis-label{
	font-weight:normal;
	height:18px;
}