@charset "utf-8";



/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(structure.css);
/* Construction (Montage)

----------------------------------------------------------*/



body {
	color:#3A6219;
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
}
h1 { /*color:#3A6219;*/
	font-size: 12px;
	font-weight:bold;
}
h2 {
	color:#3A6219;
	font-size: 1.3em;
	font-weight:bold;
}
h3 {
	color:#3A6219;
	font-size: 1.17em;
	font-weight:bold;
}
h4 {
	color:#3A6219;
	font-size: 1em;
}
h5 {
	color:#3A6219;
	font-size: 0.83em;
}
h6 {
	color:#3A6219;
	font-size: 0.67em;
}
p {
	color:#3A6219;
	font-size: 1em;
}
ul, ol {
	color:#3A6219;
	font-size: 1em;
}
li {
	color:#3A6219;
	font-size: 1em;
}
a {
	color:#3A6219;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
} /* si changement de couleur au survol */
a:visited {
} /* si changement de couleur après le clic */
input {
}
textarea {
}
em {
}
strong {
}
/* Éléments Particuliers

----------------------------------------------------------*/



/* Placement d'images */

.imgLeft {
	float:left;
	margin-right:1em;
}
.imgRight {
	float:right;
	margin-left:1em;
}
/* Des classes d'alignement d'objets */

.aligntop {
	vertical-align:top;
}
.alignbottom {
	vertical-align:bottom;
}

.alignmiddle {
	vertical-align:middle;
}

.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
/* Des classes d'alignement du texte */

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
/* Des classes de formatage du texte en ligne */

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.strike {
	text-decoration: line-through;
}
/* Des classes flotante */

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
/* Les "nettoyeurs" */

.clearb {
	clear: both;
}
.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}
#coordonnees {
	padding:20px 40px 0 0;
	text-align:center;
}
#coordonnees a img {
	border:none;
}
/*-------------------------formulaire------------------------*/



	#formulaire {
	background: transparent;
	text-align:center;
	width:400px;
	padding:0px 0 0 50px;
	float:left;
} /* carateristique du formulaire */
#formulaire * {
	margin:0 0 2px 0;
	padding:0;
} /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
.labelform {
	width: 203px;
	float: left;
	text-align: right;
	margin: 0 5px 0 0;
} /* carateristique des label, width minimum 203px; */
.pform {
	padding: 3px 0px 10px 0px;
	text-align:left;
	clear:both;
} /* carateristique des p */
.inputform {
	width:195px;
	height:13px;
	float:left;
	margin: 0 5px 0 2px;
} /* carateristique des input */
.textareaform {
	width:398px;
	height:100px;
	overflow: auto;
	background-color:transparent;
} /* carateristique du textarea */
.selectform {
	height:18px;
	float:left;
	margin: 0 5px 0 2px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#3A6219;
	background-color:#DEE18D;
	border: 1px solid #3A6219;
} /* carateristique des select */
.labelmessage {
	width:95px;
} /* carateristique du label contenant "Votre message" */
#labelenvoyer {
	width:125px;
} /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
.inputenvoyer {
	width:150px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
} /* carateristique de l'input "envoyer mon 			message" */
.divtexte {
	margin: 5px 0 0 0;
	text-align:center;
	clear: both
} /* carateristique de la div contenant le texte du captchat*/
#formulaire div {
	margin: 5px auto;
} /* centrer dans le formulaire des div */
#formulaire div a {
	color:#3A6219;
} /* couleur du lien dans capchat */
.divimagecaptchat {
	display:none;
} /* carateristique de la div entourant l'image captchat */
#code {
	background-color:#DEE18D;
	color:#3A6219;
	border: 1px solid #3A6219;
}
.transp, .inputtexte {
	background: #DEE18D;
	border: 1px solid #3A6219;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#3A6219;
} /* pour rendre les input et textarea transparent avec une bordure */
/*-------------------------fin formulaire------------------------*/



/*css : plan du site*/

#page-plan-du-site {
	width:950px;
	margin:0 auto;
}
#head-plan-du-site {
	height:282px;
	margin:0 auto;
	background:url(../images/plan-du-site/header-plan.jpg) no-repeat;
}
#body-plan-du-site {
	background:url(../images/plan-du-site/body-plan.jpg) no-repeat;
}
#content-plan-du-site {
	padding:20px 70px 20px 300px;
	text-align:justify;
}
#foot-plan-du-site {
	background:url(../images/plan-du-site/footer-plan.gif) no-repeat;
	height:91px;
}
#yzeo-plan-du-site {
	font-size:10px;
}
#yzeo-plan-du-site.img {
	vertical-align:middle;
}
/*#plan du site*/

/*module*/

/* ------------------*/

/*googlemaps*/

.plan {
	width: 680px;
	height: 520px;
	border: 6px solid #4f8823;
	margin-left:auto;
	margin-right:auto;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0px 200px 10px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:5px;
}
.plan-printer img,  .plan-printer a {
	border: none;
}
.fix-add {
	width:950px;
	margin:0 auto;
}
.fix-flash {
	width:950px;
	margin:0 auto;
}
.legend {
	padding:0px 0px 10px 0px;
}
/*end googlemaps*/

#googlemap a.googlemap-icon {
	display: block;
	background:url(../images/goglemap.jpg) no-repeat;
	width: 70px;
	height: 60px;
	margin:0 auto;
}
#googlemap a.googlemap-icon:hover {
	background: url(../images/goglemap-hover.jpg) no-repeat;
}
#googlemap a.googlemap-icon:active {
	background: url(../images/goglemap.jpg) no-repeat;
}
#googlemap a.googlemap-icon span {
	display:none;
}
.alignCenter {
	text-align:-moz-center;
 !text-align:center;
 text-align:center;
}
.googlemaps {
	width:400px;
	padding-left:40px;
}
/*hightslide*/

.highslide-html {
	background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
	display: none;
}
.highslide-loading {
	display: block;
	color: #000000;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #000000;
	background-color: white;
	padding-left: 22px;
	background-image: url(../images/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,  a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,  a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
/* Styles for the popup */

.highslide {
	cursor: url(../images/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid #000;
}
.highslide:hover img {
}
.highslide-wrapper {
	background: black;
}
/*boder image load-slide*/

.highslide-image {
	border: 5px solid #fefefa;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border: 5px solid white;
	border-top: none;
	padding: 5px;
	background-color: white;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	padding-left: 22px;
	background-image: url(../images/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,  a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,  a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* These must always be last */

.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}
/*--------------------*/

	.calendrier1 {
	width:260px;
	float:left;
}
.calendrier2 {
	width:260px;
	float:left;
}
.space {
	width:50px;
	_width:40px;
	float:left;
}
.taill2 {
	width:160px;
	float:left;
	padding-left:45px;
	padding-right:45px;
}
.taill1 {
	width:160px;
	float:left;
}
.debrous1 {
	width:140px;
	float:left;
}

.debrous1-l {
	width:110px;
	float:left;
}

.debrous2 {
	width:140px;
	float:left;
	padding-left:6px;
	padding-right:3px;
}

.debrous2-l {
	width:110px;
	float:left;
	padding-left:6px;
	padding-right:3px;
}

.debrous3 {
	width:140px;
	float:left;
	padding-left:3px;
	padding-right:6px;
}
.debrous3-l {
	width:110px;
	float:left;
	padding-left:3px;
	padding-right:6px;
}
.cloture-photo1 {
	width:102px;
	float:left;
}
.cloture-photo2 {
	width:102px;
	float:left;
	padding-left:14px;
	padding-right:7px;
}
.cloture-photo3 {
	width:102px;
	float:left;
	padding-left:7px;
	padding-right:7px;
}
.cloture-photo4 {
	width:102px;
	float:left;
	padding-left:7px;
	padding-right:14px;
}
.feilset {
	padding-left:7px;
	border: 1px #006633 solid;
}
.cloture-photo-bt1 {
	width:134px;
	float:left;
}
.cloture-photo-bt2 {
	width:134px;
	float:left;
	padding-left:10px;
	padding-right:5px;
}
.cloture-photo-bt3 {
	width:134px;
	float:left;
	padding-left:5px;
	padding-right:10px;
}
.pd-right {
	padding-right:10px;
}
/*---------------------*/
.alignh1 {padding-top:25px;}
.logo-clotures-l {float:left; padding-top:40px; padding-left:60px;}
.logo-clotures-r {float:right; padding-right:60px;}
.space-clotures {padding-top:10px;}
#gallery1 {}
#gallery2 {}
.multi-pic1 {float:left; width:192px;}
.multi-pic2 {float:left; width:192px; text-align:center;}
.multi-pic3 {float:right; width:192px; text-align:right;}
#mg-l-multi {margin-left:100px;}

.small-text { font-size:9px;}
.small-text1 { font-size:11px;}
.small-text2 { font-size:16px;}
.large-text { font-size:18px;}
sup { vertical-align:super; font-size:10px;}

.jardinage-left1 {float:left; width:170px;}
.jardinage-right1 {float:right; width:365px;}

.jardinage-left {float:left; width:126px;}
.jardinage-right {float:right; width:410px;}

.bullet0 { vertical-align:middle;margin-right:10px; padding-bottom:20px;padding-top:2px;}
.bullet { vertical-align:middle; margin-left:20px; margin-right:10px;padding-top:2px;}
.bullet2 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:20px; padding-top:2px;}
.bullet3 { vertical-align:middle; margin-left:20px; margin-right:10px; padding-bottom:40px;padding-top:2px;}

.purple-color {color:#5e6bb1; font-weight:bold;}
.orange-color { color:#b48454}
.red-color {color:#eb282f;}
.text-jar-l {float:left; width:250px;}
.text-jar-r {float:right; width:220px;}
.recto-l {float:left; width:260px;}
.verso-r {float:right; width:260px;}

#infoclient { float:left; padding:0 0 2em; }
#hebergeur { float:right; padding:0; }
/*-----------------*/
.glossymenu{
margin: 0px 0;
padding: 0;
width: 573px; /*width of menu*/
border: 1px solid #3e6634;
border-bottom-width: 1;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

/*-------------------*/
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px; _right: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
padding:15px 15px 0px 15px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font-size: 13px ;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{

colorz: white;
}


.textbigt { font-size:15px; color:#b64e29;}
.bordertext { border:1px solid #568b24; padding-top:12px; width:380px; margin:0 auto;}

.imgmart { margin-left:70px;}