@charset "utf-8";
/* CSS Document */

/* -> Reset CSS */
html, body, h1, h2, h3, h4, ul, div{ margin:0px; padding:0px;font-size:100%;}

.centre {margin:0 auto;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.wrapper{width:950px;}
.print{display:block;}
.show_mobile{display:none; visibility:hidden;}
a {text-decoration:none; color:inherit;}
textarea{resize:vertical}
a img{text-decoration:none; border:0px;}
img {border:0;}
table, td, th{border-spacing: 0px; border-collapse: collapse; border:0px;}

a, li, input, textarea, .transition{
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	}
	
/*@font-face {
	font-family: 'MyriadWebPro';
	src: url('font/mafont.eot');
	src: url('font/mafont.eot?#iefix') format('embedded-opentype'),
			 url('font/mafont.woff') format('woff'),
			 url('font/mafont.ttf') format('truetype'),
			 url('font/mafont.svg#mafont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
}*/

html, body, h1, h2, h3, h4, ul, div, p{
	/*font-family:"Myriad Web Pro", "MyriadWebPro"; font-smoothing: antialiased;*/
	font-family: 'Arimo', sans-serif;
	/**font-family: Tahoma, Geneva, sans-serif;*/
	font-size:8pt;
	line-height:12pt;
	letter-spacing:1px;
	color:#000;	
}

html{overflow-x:hidden;}
html, body{margin:0; padding:5pt;}

/* Print hidden
-----------------------------------------*/
#subscribe, #recherche, #footer, #menu, #col_left, #nav_header, #logo div{display:none!important;}

/* Header
-----------------------------------------*/

#header{
	width:100%;
	background:url(../images/bg_header_bottom.jpg) bottom repeat-x;
	background-size:100% 1pt;
	-moz-height:60pt;
	}
	
	#logoprint{position:absolute; top:0; left:0;}
	
	#message_defilant{
		height:75px;
		position:absolute;
		top:5pt;
		right:0;
		}
		
		#message_defilant div{color:#017743;}
		
	
/* Content
-----------------------------------------*/

/* Class sur body */
#corp{
	position:relative;
	width:100%; 
	background: none;
	z-index:1
	}

/* Gestion des couleurs */
body.color0 .background{background:#EE6C21;}
body.color1 .background{background:#308200;}
body.color2 .background{background:#D336A9;}
body.color3 .background{background:#0888ED;}
body.color4 .background{background:#493BF0;}
body.color5 .background{background:#EE6C21;}

body.color0 .border{border-color:#EE6C21;}
body.color1 .border{border-color:#308200;}
body.color2 .border{border-color:#D336A9;}
body.color3 .border{border-color:#0888ED;}
body.color4 .border{border-color:#493BF0;}
body.color5 .border{border-color:#EE6C21;}

body.color0 .color,
body.color0 h1,
body.color0 h2, 
body.color0 .titre,
body.color0 #filters a, 
body.color0 .toutlesproduits:hover{color:#EE6C21!important;}

body.color1 .color,
body.color1 h1,
body.color1 h2, 
body.color1 .titre,
body.color1 #filters a,
body.color1 .toutlesproduits:hover{color:#308200!important;}

body.color2 .color,
body.color2 h1,
body.color2 h2,
body.color2 .titre,
body.color2 #filters a,
body.color2 .toutlesproduits:hover{color:#D336A9!important;}

body.color3 .color,
body.color3 h1,
body.color3 h2,
body.color3 .titre,
body.color3 #filters a,
body.color3 .toutlesproduits:hover{color:#0888ED!important;}

body.color4 .color,
body.color4 h1,
body.color4 h2,
body.color4 .titre,
body.color4 #filters a,
body.color4 .toutlesproduits:hover{color:#493BF0!important;}

body.color5 .color,
body.color5 h1,
body.color5 h2,
body.color5 .titre,
body.color5 #filters a,
body.color5 .toutlesproduits:hover{color:#EE6C21!important;}

html body .col_accueil h2{color:#fff!important;}
html body .col_accueil .titre{color:#666!important;}

/* accueil */
.col_accueil{margin-top:30px; width:290px}
.col_accueil .block{width:288px; height:280px; padding:1px 1px 10px 1px; overflow:hidden; cursor:pointer;}
.col_accueil .block img{width:288px; height:278px; margin:0 auto; display:block;}
.col_accueil .block h2{
	position:absolute;
	margin-top:248px; 
	width:278px;
	background: url(../images/bg_black.png); 
	color:#fff; 
	font-size:22px;
	text-align:center;
	padding:5px;
	}

/* Contenu droite */
	
#content_right{
	position:absolute;
	top:60pt;
	width:100%;
	}
	
#entete{position:relative; width:100%; height:105px; overflow:hidden;}

#entete span{
	position:absolute;
	bottom:7px;
	right:7px;
	display:block;
	text-align:right;
	line-height:30px;
	text-align: bottom;
	color:#fff; 
	font-size:38px; 
	font-weight:bold;
	text-shadow:1px 1px 10px #000; 
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	cursor:default;
 }
 
#filters{color:#999; letter-spacing:0; display:none;}
#filters a{padding:0 5px; border-right:1px solid #ccc}
#filters a:last-child{border-right:0px}
#filters a.current_marque { text-decoration:underline;}


.titre{font-size:16pt; letter-spacing:0; margin:20px 0 0 0; font-weight:bold;}
.col_4 .titre{font-size:14pt; letter-spacing:0; margin:10px 0 0 0; font-weight:bold;}
.toutlesproduits{
	font-size:12px; 
	letter-spacing:0; 
	font-weight:bold; 
	background: url(../images/little_arrow.png) top left no-repeat; 
	padding-left:10px; 
	color:#999; 
	text-decoration:underline;
}

/* Slide fiche produit */
#slider_img_produit{width:345px; height:345px; overflow:hidden; margin-left:15px; float:right;}
#slider_img_produit img{position:absolute;}
 
#slider_img_ss_marque {width:464px; height:309px; overflow:hidden; }
#slider_img_ss_marque img{position:absolute;}


#doc_telecharger_ss_marque { display:none;}
#doc_telecharger_conseil { display:none;}

/* Ariane
-----------------------------------------*/
 
#ariane{background:#eee; width:100%; height:32px; margin:10px 0; overflow:hidden; font-size:11pt;}

#ariane a{color:#fff; padding:7px 10px 7px 9px; display:block; float:left;}
#ariane a:hover{padding:7px 25px 7px 15px; display:block; float:left;}

#ariane .separator{background:#fff; height:32px; width:1pt; float:left;}
#ariane #ariane_end{height:32px; width:32px; float:left;}

body.color0 #ariane a,body.color0 .separator{background-color:#EE6C21;}
body.color1 #ariane a,body.color1 .separator{background-color:#308200;}
body.color2 #ariane a,body.color2 .separator{background-color:#D336A9;}
body.color3 #ariane a,body.color3 .separator{background-color:#0888ED;}
body.color4 #ariane a,body.color4 .separator{background-color:#493BF0;}
body.color5 #ariane a,body.color5 .separator{background-color:#EE6C21;}


/* block
-----------------------------------------*/
#col_container{padding-top:10pt;}
.col_container{padding-top:10pt;}

.col_3{width:30%; float:left; margin-bottom:50pt; margin-left:3%;}
.col_4{width:23%; float:left; margin-bottom:50pt; margin-left:2%;}

.col_3 .block,.col_3 .block{width:100%; display:block;}
.col_4 .block,.col_4 .block img{width:100%; display:block;}

	
/* Slider
-----------------------------------------*/
#slider{width:100%; height:415px; background:#F7F6F2; margin-top:10px; overflow:hidden; border:1px solid #ccc}
#slider .arrow{width:49px; height:49px; background:#017743; position:absolute; left:50%; top:370px; z-index:1000; cursor:pointer}
#slider .arrow.right{margin-left:445px; background: url(../images/bg_slider_btn_right.jpg)}
#slider .arrow.left	{margin-left:-495px; background: url(../images/bg_slider_btn_left.jpg)}

#slider .arrow.right:hover{margin-left:455px}
#slider .arrow.left:hover{margin-left:-505px}

.nivo-controlNav{display:block}
.nivo-control a{opacity:0}

#slider_nav{position:absolute;display:block; z-index:9000; left:50%; top:570px}
#slider_nav .nav{
	width:10px; 
	height:10px; 
	background:red; 
	float:left; 
	margin:5px; 
	cursor:pointer;
	background:#fff; 
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;  
	-khtml-border-radius:10px;  
	-ms-border-radius:10px;  
	border-radius:10px
}

#slider_nav .nav:hover, #slider_nav .nav.current{
	width:16px; 
	height:16px; 
	margin:2px;
	box-shadow:0 0 0px 3px rgba(255,255,255,.5);
	-webkit-box-shadow:0 0 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow:0 0 0px 3px rgba(255,255,255,.5);
	-khtml-box-shadow:0 0 0px 3px rgba(255,255,255,.5);
	-ms-box-shadow:0 0 0px 3px rgba(255,255,255,.5);
	}
	
#slider_nav .nav.current{background:#333;}

/* Mise en forme
-----------------------------------------*/
h1{font-size:16pt; padding:10pt 0;}
h1+p{font-size:12pt;}

p{color:#666; text-align:justify; letter-spacing:0; margin:10px 0}

#content_right ul{margin-left:45px;}
#content_right ul li{color:#666; padding:3px 0; list-style: square}

#content table{color:#666; border-collapse: collapse; margin-top:10px;}
#content th, #content td{padding:4px 5px; width:100%; vertical-align:middle;}
#content td{border-right:1px solid #ccc; border-bottom:1px solid #eee;}
#content td:last-child{border-right:0px;}
#content tr:nth-child(odd) td{background:#ddd;}

#content img[style*="left"]  {margin:0 20px 10px 0;}
#content img[style*="right"] {margin:0 0 10px 20px; }

#content table[style*="left"]  {margin:0 20px 10px 0;}
#content table[style*="right"] {margin:0 0 10px 20px;}
		
#content th{text-align:left;}

body.color0 #content th{background:#EE6C21; color:#ed996d; border-bottom:2px solid #ed996d}
body.color1 #content th{background:#308200; color:#81c458; border-bottom:2px solid #81c458}
body.color2 #content th{background:#D336A9; color:#ed90d2; border-bottom:2px solid #ed90d2}
body.color3 #content th{background:#0888ED; color:#74b8ed; border-bottom:2px solid #74b8ed}
body.color4 #content th{background:#493BF0; color:#9a94ef; border-bottom:2px solid #9a94ef}
body.color5 #content th{background:#EE6C21; color:#efa881; border-bottom:2px solid #efa881}

body.color0 #content p a{color:#EE6C21}
body.color1 #content p a{color:#308200}
body.color2 #content p a{color:#D336A9}
body.color3 #content p a{color:#0888ED}
body.color4 #content p a{color:#493BF0}
body.color5 #content p a{color:#EE6C21}

#content p a:hover{text-decoration:underline;}

hr {
    color: #ccc;
	background-color: #ccc;
	height: 1px;
	width:100%;
	margin:15px auto;
	border: 0;
}

/*FORMS*/
textarea{resize:vertical;}
input, textarea, select {outline : none;}

input, textarea, select{
	border: 1px solid #cccccc;
	padding:3px 4px;
	background:#f7f4ef;
}

input.success, textarea.success, select.success{
	border-color: #468847;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #468847;
}

input.error, textarea.error, select.error{
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #b94a48;
	background:#ffcccc;
}


/* PAGE CONTACT */

.encart_contact { border:1px solid #CCC; padding:10px; width:320px; height:200px;}

#tel_contact { float:right; background-image:url(../images/bg_phone.jpg); }
#mail_contact {background-image:url(../images/bg_mail.jpg); }
.titre_contact { display:block; margin-top:20px; font-size:18px; text-transform:uppercase;}
.text_contact { display:block; margin-top:15px; font-size:12px; color:#888;}
.telephone { 
	display:block;	
	margin:auto;
	margin-top:15px; 
	font-size:20px; 
	font-weight:bold;
	color:#EE6C21; 
	border:1px solid #DDD; 
	padding:5px 20px;  
	width:180px;
	background-color:#f7f6f2;
	text-align:right;
}
.telephone img { float:left; }
.horaire {  display:block; margin-top:15px; font-size:12px; }

.img_marque { margin-left:10px;}
.bouton_contact{
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	}

.bouton_contact {
	display:block; 
	width:180px; 
	padding:5px 10px;  
	color:#EE6C21; 
	margin:auto;
	margin-top:15px; 
	background: url(../images/bg_bouton.jpg) top; 
	border:1px solid #DDD; cursor:pointer;
}
	
.bouton_contact:hover {color:#fff; background:#EE6C21; background: url(../images/bg_bouton.jpg) bottom}

#plan_acces {
	width:703px;
	height:500px;
	padding:0;
}

.encart_formulaire {border:1px solid #CCC; padding:15px 15px 30px 15px;}
	.encart_formulaire .titre_contact{margin-bottom:20px;}
	.encart_formulaire input{display:block;width:300px;}
	.encart_formulaire textarea{width:294px;height:120px;}
	.encart_formulaire .demande {float:right;width:310px;}
	
#fond_fancy_jardinerie {
	position:relative;
	width:700px;
	height:350px;
	background-image:url(../images/fond_fancy.jpg)
	
}

#text_fancy {
	background-image:url(../images/bg_black.png);
	position:absolute;
	right:40px;
	top:40px;
	width:350px;
	padding:10px;
	font-weight:bold;
	
	
	
}
#text_fancy p{
	
color:#fff;
}

#fancy_adresse {
 margin:auto; color:#fff; width:251px;text-align:center;font-weight:bold;
}