﻿@charset "utf-8";
/* CSS Document */

html { margin: 0; padding: 0; }
body, form { margin: 0; padding: 0; }

body { height:100%; color: #58595b; font-weight: normal; font-family: "Franklin Gothic Book", "Arial"; font-size: 13px; }
img, table { border: 0; }
img, div { behavior: url(/css/iepngfix.htc) }

ul { margin: 0; padding: 0; list-style: none; }
li { color:#59595c; }

h1 { color:#564a31; text-transform: uppercase; font-weight: lighter; }
h2 { color:#564a31; text-transform: uppercase; font-weight: lighter; }
h3 { color:#59595c; font-size: 15px; font-weight: bold; margin:0.7em 0;}
h4 { font-weight: bold; margin-bottom:0.6em;}
h5 { color:#cfb547; text-transform: uppercase; font-weight: lighter; margin:1.5em 0 0.2em 0; padding:0;}

hr { border-top: dotted 1px #b8b8b8; height: 1px; margin-bottom:1em;} 
ul { margin: 0; padding: 0; list-style: none; }
p, table { color: #58595b; line-height: 1.4em; padding:0; text-align:justify; margin-bottom:1.5em;}
.googlemap { float: right; margin-bottom:2em; font-size:11px; text-align:right; }

.paragraphe { padding-left:10px; }
.txtnormal { color: #706651; line-height: 1.4em; padding:0; }
.txtpetit { color: #706651; line-height: 0.4em; padding-bottom:10px; }
.slogan { color: #d6d2cd; line-height: 1.4em; padding:20px 0 0 10px; }
a { color: #cfb547; text-decoration: underline;}
a:hover { text-decoration: none; color: #cfb547; }

.mstr #logohome, .mstr #footer, .mstr #logo, .sidecontacthome, .controler, .mstr #menuprin, .mstr #menutop, .sidecontact, .sousmenu, .envoyer, .envoyerbtn { display: none; }

.mstr #container { width:100%; padding-top: 36px; }
.mstr #header { padding-top: 36px; position:relative; float:left; } 
.mstr #content { width:100%; margin-top:19px; position:relative; float:left; }

.mstr #logoprint {width:10in; margin:0 auto; border-bottom: 1px dotted #bcbcbc; padding-bottom: 2em; margin-bottom: 0.5em; float: left; display: block; }
.mstr #logoprint img { width:325px; height:100px;}
.mstr #printfooter {width: 100%; margin:0 auto; border-top: 1px dotted #bcbcbc; padding-top: 2em; margin-top: 0.5em; float: left; display: block; }
.mstr #printfooter p { float:left; }
.mstr #printfooter .droite {float:right; text-align:right; }

/* index */

#content { float:left; }
.calltoaction { display:block; width:968px; margin-top:380px; }
div.slideshow-container { position:relative; clear: both; height: 602px; margin-top:110px;}

/* intérieur */

.mstr #sidebarleft { float: left; width: 392px; color: #58595b; }
.mstr #sidebarleft h3 { display:block; margin:0 0 5px 0; text-transform: uppercase; font-size:25px; font-weight: normal; font-family:"Franklin Gothic Book", "Arial"; float:left; padding:0 25px 0 0; }

.mstr #contenuclient { float: right; position:relative; padding:1em 0; }
.mstr #contenuclient li.liste { padding-left: 20px; display:block; background:url(/medias/communs/bullet04.gif) 10px 6px no-repeat; }

.profes { display:block; padding-bottom:10px; min-height:90px; }
.profes p { padding-right: 100px; }
.thickbox img {margin: 0 0 12px 12px; float:right; }

.jcarousel-skin-tango li .realiste { margin-top:1em; }
.jcarousel-skin-tango li .realiste li { background:none !important; padding:0 !important; margin:0 !important; display:block; width:100%; position:relative; min-height:76px;}
.jcarousel-skin-tango li .realiste p { padding-left: 130px; }
.jcarousel-skin-tango li .realiste a { color:#59595c; }
.jcarousel-skin-tango li .realiste img { float:left; padding:0 10px 10px 0; }

/* formulaire */

em { color: #ff6600 !important; font-style: italic; }

.ajoutxtfield1 { border:solid 1px #cdcdcd; color: #898887; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:303px; }
.ajoutxtfield2 { border:solid 1px #cdcdcd; color: #898887; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:4px; width:505px; }

.champs { padding:0; margin:0; }
.champs h4 { margin:1.3em 0 1em 0;}
.champs div.insider { width:547px; }
.champs li span { width:200px; float:left; }
.champs li { margin-bottom:0.3em; padding-left: 20px; }
.mini { font-size:11px !important;}

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Plan du site */

.lstPlan ul { width:100%; }

.lstPlan a {
	padding: 0;
	color: #59595c;
	font-family: "Franklin Gothic Book", "Arial"; font-size: 13px;
}

.lstPlan li {
    width:100%;
	margin-left:15px;
	padding-left:10px;
}
.lstPlan li li {
	margin-left:15px;
	padding-left:10px;
	font-size:100%;
	font-weight: normal;
}
.lstPlan li li a {
	color: #d5a00f;
	font-family: "Franklin Gothic Book", "Arial"; font-size: 13px;
}

.textPlan ul{
	display:block;
}

.textPlan li{
	display:block;
	width:100%;
}

/* contenu */

#contenu { float:left; width:100%; }

#contenuclient { float:left; margin-top:30px; width:100%; }
#contenuclient li a{ float:left; text-align:center; margin-right:10px; }

.listeTXT a { text-decoration:underline; }
.listeTXT { padding:0 0 5px 22px; background-position: 5px 0.4em; background-repeat: no-repeat; }

.listeTXT2 li a { text-decoration:underline; }
.listeTXT2 li{ padding:0 0 5px 20px; background: url(/medias/communs/arrow-paysagiste.gif) 0 0.5em no-repeat; }

.listeTXT3 li a { text-decoration:underline; }
.listeTXT3 li{ font-size:100%; padding:0 0 5px 20px; background: url(/medias/communs/arrow-normal.gif) 5px 0.3em no-repeat; }

#listeDIS { color:#838485; }
#listeDIS li a { font-size:100%; }
#listeDIS li{ margin-bottom:1em; border-bottom:solid 1px #e2e3e3; padding:2px 25px 10px 20px; background: url(/medias/communs/arrow-normal.gif)3px 5px no-repeat;}

#rsslist li{ font-size:100%; padding:0 0 5px 20px; background: url(/medias/communs/arrow-normal.gif) 5px 0.3em no-repeat; }
#rsslist p { padding:0 0 5px 15px; background: url(/medias/communs/dotlevel2.gif) 5px 0.6em no-repeat;}

#MiniNav li, #MiniNav li a, #MiniNav li a img { display: block; height: 22px; }
#MiniNav li:hover, #MiniNav li.over { visibility: visible; }
#MiniNav li:hover a img, #MiniNav li.over a img { visibility: hidden; }

#aRSS { width:30px; background-image: url(/medias/communs/icon-rssov.gif); }
#aTaille { width:71px; background-image: url(/medias/fr/icon-tailleov.gif); }
#aPrint{ width:65px; background-image: url(/medias/fr/icon-printov.gif); }

#MiniNav, #MiniNav ul { padding: 0; margin: 0; list-style: none;  }

#MiniNav li { /* all list items */ float: left; padding: 0; margin: 0; }
.parole { padding-bottom:0.4em; text-align:left; font-style:italic; float:left; }
.parole p { margin:0 padding:0 float:left; }
.parole img { padding:1.5em 10px 0 10px; }

.attLinkList {  float: left; position:relative; display:block; margin-top:0.5em; }
.attLinkList li { float: none; width:540px; height:2em;}

.attLinkList li a { text-decoration:underline; }
.attLinkList li a:hover { text-decoration:none; }

/* tooltip */

.MiniZoom { padding:0 10px; }
.MiniZoom img { margin:10px 10px 5px 10px; border-bottom:solid 1px #c4c4c4; }
.MiniZoom div { color:#838485; font-size:90%; text-align:center; }


/* interieur */

.realisation1 { float:left; width:100%; display:block; margin-bottom:0.6em; }
.realisation1 li a { vertical-align:top; margin-top:2px; display:block; height:1.2em;}
.realisation2 { text-align:right; width:100%; }
.equipe1 { float:left; width:540px; display:block; }
.equipe1 p{ margin-left:284px }
.realisation1 p{ margin-left:200px; }
.realisation1 img{ float:left; padding-right:10px; }
.realisation1 ul{
	margin-top: 1em;
	margin-left:200px;
}
.realisation1 li{
	margin: 0 1.5em;
	padding: 0 1.5em;
	vertical-align:top;
	height:1.5em;
	color:#838485;
	font-size:75%;
	list-style-position: inside;
	list-style-type: square;
	display:block;
}

.emploi1 li{
	padding-left: 1.5em;
	margin-top: 1em;
	min-height:17px;
	background: url(/medias/communs/arrow-normal.gif) 0.5em 0.2em no-repeat;
}

.emploi1a { display:block; }
.emploi1a strong, .emploi1c strong { color:#81b52f; }
.emploi1b { display:block; margin-top:-0.8em; }
.emploi1c { float:left; width:15em; }
.emploi1d { margin-left:10px; }


.boutique1 { float:left; width:410px; display:block; padding-left:90px; }
.boutique1 img{ float:left; padding-right:25px; padding-top:25px; }
.boutique1 img:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5; }

.boutique2total { float:left; height:140px; width:540px; }
.boutique2 {
	width:540px;
	height:110px;
	margin-top:30px;
	text-align:center;
	font-size: 190%;
	color: #00704a;
	position:absolute;
}

#id1, #id2, #id3 {
	visibility: hidden;
	width:540px;
	height:110px;
	background-color:#FFFFFF;
	text-align:center;
	position:absolute;
	margin-top:30px;
}

.boutique2 p{
	margin-top:0.5em;
	float:left;
	width:540px;
	display:block;
	text-align:center;
	font-size: 60%;
	color: #00704a;
}

#listprod {
	float:left;
	width:540px;
	display:block;
	text-align:center;
	font-size: 90%;
	color: #00704a;
	font-size:75%;
}

#listprod div:hover{
	text-decoration:underline;
	cursor: pointer;
}

#menuint li {
	text-decoration: none;
	color: #838485;
	font-size: 75%;
	padding-left: 30px;
	background: url(/medias/communs/dotlevel2.gif) 20px 0.5em no-repeat;
}

#prodetail {
	float:left;
	width:290px;
	color: #00704a;
}

#ajoutpanier {
	float:left;
	font-size: 75%;
	padding-left:0.5em;
	background-color:#f5f6f6;
	width:292px;
}

.ajoutxt {
	float:left;
	padding:1em 1em 1em 0;
	color:#838485;
	line-height: 2em;
	font-weight: bold;
}

.ajoutxt li a{
	margin-top: 45px;
	float:left;
	padding-left:21px;
	font-weight: normal;
	background: url(/medias/communs/form_go.gif) 0 2px no-repeat;
}

.controlimage { float:right; width:293px; }
#photodroite { padding: 0 0 25px 25px; }
.mininavig1 { float:right; width:293px; left:25px; border: solid 1px #fff; }
.mininavig2 { float:none; display:block; border: solid 1px #fff; }

#prodplus { float:left; margin:1.5em 0 0.5em 0; }

#champhoto { float:right; width:257px; text-align:right; }

#zoom li a{
	text-align:right;
	height:2em;
	padding-left:26px;
	margin-top:0.5em;
	float:right;
	background: url(/medias/communs/form_zoom.gif) no-repeat;
}

#retour li a {
	text-align:right;
	height:30px;
	padding-left:21px;
	margin-top:2em;
	padding-top:0.2em;
	float:right;
	background: url(/medias/communs/form_back.gif) no-repeat;
}

.suivcache { position:relative; top:-2px; width:540px; z-index:100; border-top:solid 5px #fff; }

#suivant li a {
	padding:1em 0 0.7em 30px;
	height:2em;
	text-align:left;
	float:none;
	display:block;
	background: url(/medias/communs/arrow-normal.gif) 10px 1.2em no-repeat;
	font-weight: bold;
}

.ConseilAstuce li a {
	text-decoration: underline;
	padding-left:30px;
	text-align:left !important;
	font-weight: bold;
	background: url(/medias/communs/arrow-normal.gif) 15px 0.4em no-repeat;
	width:510px; 
}

.ConseilAstuce li div { padding:0.2em 0 1.5em 2.3em; width:510px; }
.ConseilAstuce li a:hover { text-decoration:none; }
.tipAndHintour { border-top: 1px solid #e2e2e2; }
.tipAndHintcache { background-color:#fff; height:1px; margin-top:-1px; }

#Linklist li a {
	text-decoration: underline;
	padding-left: 2.1em;
	text-align:left;
	float:none;
	display:block;
	font-weight: bold;
	background: url(/medias/communs/arrow-normal.gif) 1em 0.4em no-repeat;
	font-size:80%;
}

#Linklist li div { padding:0 0 1.5em 2.1em; }

/* formulaire */

em { color: #ff6600 !important; font-style: normal; }

.ajoutxtfield1 { border:solid 1px #9c9c9c; color: #838485; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:4px; float:left; width: 238px;}
.ajoutxtfield2 { border:solid 1px #9c9c9c; color: #838485; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:4px; float:left; width:503px;}
.ajoutxtfield2provi { border:solid 1px #9c9c9c; color: #838485; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:4px; float:left; width:494px;}
.ajoutxtfield3 { border:solid 1px #9c9c9c; color: #838485; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:4px; float:left; height:13px; width: 150px;}

#listprod div {float:left; width:135px; margin-bottom:2em;}

#compte1 {
	float:left;
	width:240px;
	height:355px;
	padding-right:30px;
	background: url(/medias/communs/bgsidebarcompte.gif) right 0px no-repeat;
}
#compte1 h3{
	margin:2em 0 0.3em 0;
}
.compte1 li a{
	float:left;
	padding:0 21px;
	margin-top:2em;
	height:20px;
	font-weight: normal;
	background: url(/medias/communs/form_go.gif) right 0 no-repeat;
}
#compte2 {
	float:left;
	width:240px;
	padding-left:30px;
}
#compte2 span.insider2{
	float:left;
	width:208px;
	padding:0 15px;
	margin-top:-2px;
	background: url(/medias/communs/bgform01b.gif) repeat-y;
}
#compte2 li a{
	float:none;
	font-size:100%;
}
#compte2 li {
	float:none;
	font-size:75%;
}
#compte2 h3{
	margin:2em 0 0.3em 0;
}
.compte3 {
	float:left;
	color:#838485;
	margin-bottom:10px;
}
.compte3 h3{ margin:1em 0; }

.compte3 div div.insider {
	float:left;
	width:100%;
	margin-top:-2px;
	background: url(/medias/communs/bgform02b.gif) repeat-y;
}
.compte3 span.insider2 {
	float:left;
	width:204px;
	padding:0 15px;
	margin-top:-2px;
	background: url(/medias/communs/bgform01b.gif) repeat-y;
}
.compte3 li a{
	font-size:100%;
}
.compte3 li {
	float:left;
	font-size:75%;
	margin-bottom:0.3em;
	padding-left: 15px; 
}
#compte4 {
	display:none;
	float:left;
	width:240px;
	padding-left:30px;
}
#compte4 li a{
	float:none;
	font-size:100%;
}
#compte4 li {
	float:none;
	font-size:75%;
}
#compte4 span.insider2{
	float:left;
	width:208px;
	padding:0 15px;
	margin-top:-2px;
	background: url(/medias/communs/bgform01b.gif) repeat-y;
}
.compte5 {
	float:left;
	color:#838485;
	margin-bottom:10px;
}

.compte5 div div.insider {
	float:left;
	width:541px;
	margin-top:-2px;
	background: url(/medias/communs/bgform02b.gif) repeat-y;
}

.compte5 li {
	float:left;
	margin-bottom:0.3em;
	padding-left: 15px; 
	margin-left:15px;
	margin-right:200px;
}

.envoyer {
	float:right;
	color:#838485;
	font-weight:bold;
	z-index:200 !important;
	margin-bottom:1em;
}
.envoyerbtn { font-weight: bold; font-size: 11px; color: #626363; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

/* carousel */

#groupe1 { width:460px; float:left; }
#groupe2 { margin-top:12px; padding:0; height:178px; }
#groupe3 { margin-top:3px; padding:1em 0 1em 0; width:460px; }
#groupe4 h4{ font-size:150%; color:#fff;}
#groupe4  li { padding-left:1em; color:#fff; font-size:75%; }
#groupe5 { width:460px; margin:0; padding:0; float:left; width:60px; }
#ctl00_cphContenu_groupe5 { width:460px; margin:0; padding:0; float:left; width:60px; }

/* Plan du site */

.lstPlan { float:left; }

.lstPlan a{
	color: #838485;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.lstPlan li {
	margin: 1em 0 0 15px;
	padding: 0 0 0.5em 18px;
	background: url(/medias/communs/arrow-normal.gif) left 0.5em no-repeat;
	line-height: 1.1em;
}
.lstPlan li li {
	margin: 0 0 0 15px;
	padding: 0 0 0 16px;
	background: url(/medias/communs/dotlevel2.gif) left 0.6em no-repeat;
	font-weight: normal;
}

/* Recherche */

.lstSearch { float:left; }

.lstSearch li a{
	color: #838485;
	text-align:left !important;
}

.lstSearch li {
    float:left;
	margin: 1em 0 0 15px;
	padding: 0 0 0.5em 18px;
	background: url(/medias/communs/arrow-normal.gif) left 0.5em no-repeat;
	line-height: 1.3em;
	width:100%;
}

.lstSearch ul { padding-bottom: 0.5em; float:left; }

.searchgroup { float:none; width:540px; }
.searchgroup h2{ padding-top:1em !important; width:540px; float:left; }

.rechercher { font-weight: bold; font-size: 11px; color: #626363; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
.srchFieldWrap { float:left; }
.SendSearch1 { float:none; color: #3f3d3b; font-size: 75%; padding-top:10px;}
.SendSearch2 { float:none; padding:8px 3px 0 0; }
.SendSearch3 { float:left; padding-top:6px; }
.SendSearch4 { float:left; padding-left:5px; }

/* listfaq */

.faq01 { float:left;}
.faqcache { float:left; position:relative; top:-5px; width:540px; z-index:100; border-top:solid 5px #fff; }
.faq02 { padding-bottom:2em; border-top:solid 1px #e2e3e3; }
.faq03 { float:left; width:540px; }

.faq-question { float:left; width:95%; padding-left:12px; background: url(../medias/communs/arrow-spa.gif) no-repeat 1em 1.3em; font-weight:bold; }
.faq-question div { line-height: 1.4em; padding:1em 0 1em 1.4em; }
.faq-reponse { float:none; padding:1em 1em 2em 1em; background-color:#f3fbfc; display:none; font-weight:normal; border-bottom:solid 1px #e2e3e3; margin-bottom:1em;}
.faq-reponse .fermer { float:right; background: url(../medias/communs/form_top.gif) right 0.3em no-repeat;  padding:6px 26px 0 0; text-align:right; width:475px; height:1.5em;}

/* validator callout */

.vceHighlight { background-color: #f0f1f1; }
.vcePopup { margin: -2px 0 0 -90px; }
.vcePopup div, .vcePopup td { border: 1px solid #00704a; background-color: #f0f1f1; }
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 10px 5px; border-right: none; width: 100%; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; width: 20px; padding: 5px; border-right: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 13px; padding: 2px; cursor: pointer; }

/* Accueil provisoir */

#contenuprov { margin-left:35px; position:absolute; display:block; width:540px; overflow:hidden; }
#contenuprov2 { padding-top: 36px; position:relative; float:left; width:802px; margin-top:20px; padding:10px 35px; border:solid 1px #c9cacb; }
#prov01 { clear: left; padding-top:20px;}
.prov02 { float:left; height:142px; width:319px; background: url(/medias/communs/provisoir01.gif) no-repeat; }
.prov02 img { padding:22px; }
.prov03 { padding-top:11px; float:left; height:142px; width:554px; background: url(/medias/communs/provisoir02.jpg) no-repeat; }
.prov03 img { padding:11px 0 0 22px; }
