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

*{
	padding:0px;
	margin:0px;

}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	font-size:12px;
	text-align:justify;
}
a img{
border:none;
}
a{text-decoration:none;
 color:#333;
 font-weight:bold;
 }
#page{
	width:980px;
	
	margin:auto;
}
#header{
	height:195px;
	background:url(../medias/interface/banner.jpg) no-repeat #fff;

}
#content{
	min-height:400px;
	background:#fff;
	
}
#content p{
	margin-bottom:10px;
}
#content ul{
	margin:0 0 0 20px;
	list-style-position:inside;
}
#content .formCentre ul{
	margin:0;
	list-style-position:inside;
}
#footer{
	background:url(../medias/interface/bgfooter.jpg) repeat-x #004900;
	color:#fff;
	font-size:0.8em;
	text-align:center;
	clear:both;
}
#footer p {
margin:0;
}
#footer a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.catalogue #footer{background:url(../medias/interface/bgfooterCatalogue.jpg) repeat-x #709500;}
.carte-commerciale #footer{background:url(../medias/interface/bgfooterCarte.jpg) repeat-x #709500;}

/********************************************/
	h1, h2, h3{
	 color:#006600;
	 border-bottom:1px solid #006600;
	 padding-bottom:5px;
	 margin-bottom:10px;
	}
	.floatright{ float:right;
		margin:5px 0px 5px 10px;
		z-index:2000;
	}
	.floatleft{ float:left;
		margin:5px;
		z-index:2000;
	}
/********************************************/

#menu{  
margin-bottom:0px; top:135px; background:#fff;
position:relative;}
#menu ul{
 margin-bottom:0px;
}
#menu li {
display:inline;
}
#menu li a{
text-decoration:none;
color:#000;
font-weight:normal;
}
#menu li.first{float:left; margin-right:10px;}
#menu li.first a{
display:block;
width:244px;
height:31px;
color:#fff;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:1.5em;
padding-top:5px;
}
#menu li.entreprise a{
background:url(../medias/interface/tabdarkgreen.jpg) no-repeat;
padding:3px 0 0 0;
height:28px;

}
#menu li.carte a{
background:url(../medias/interface/tabmedgreen.jpg) no-repeat;
padding:3px 0 0 0;
height:28px;


}
#menu li.catalogue a{
background:url(../medias/interface/tablightgreen.jpg) no-repeat;
padding:3px 0 0 0;
height:28px;


}
#menu li.second{
 top:5px;
 position:relative;
}

#navTri{
clear:both;
background:url(../medias/interface/shadow.jpg) repeat-x bottom;
padding-left:10px;
padding-right:10px;
top:-5px;
height:25px;
font-size:0.8em;
}
#navTri p{
 padding:3px;
}
.entreprise #navTri{ background:url(../medias/interface/bgArianeEntreprise.jpg) repeat-x top; color:#fff;}
.carte-commerciale #navTri{ background:url(../medias/interface/bgArianeCarte.jpg) repeat-x top; color:#fff;}
.catalogue #navTri{ background:url(../medias/interface/bgArianeCatalogue.jpg) repeat-x top; color:#fff;}
#navTri .lang{float:right; z-index:5000;}
.carte-commerciale #navTri a, .catalogue #navTri a, .entreprise #navTri a{ color:#fff;}
/*******************************/
#boxBarre{
position:relative;
	margin-top:20px;
	height:170px;
	margin-bottom:5px;
	clear:both;
}

.homeBox{
	width:314px;
	position:absolute;
	height:170px;
	color:#fff;
	padding:5px;
	
}
.homeBox h2, .homeBox h3{
	text-decoration:none;
	border:none;
	text-align:right;
	color:#fff;
	padding-bottom:5px;
	margin:0px;
	font-size:19px;
}
.homeBox .imghome-Wrapper{
	width:90px;
	height:100px;
	overflow:hidden;
}
.homeBox .imgprod{

width:90px;
}
.homeBox .infos{
position:relative;
 margin-left:114px;
 width:200px;
 height:75px;
}
.homeBox .infos-news{
 margin-top:15px;
 width:315px;
 height:85px;
}
.homeBox .btn-produit{
float:right;
margin:0 10px 0 0;
}
#actus.homeBox .btn-produit{

margin:-10px 10px 0 0;
}

.homeBox .btnInfos{
	float:right;
	margin-top:-5px;
}
.homeBox#produit{

}
.homeBox#nouveaute{
	left:328px;
}
.homeBox#actus{
	left:656px;
}
.homeBox h3{text-align:left; font-size:1em;}
#produit, #nouveaute{
	background:url(../medias/interface/contentBox.jpg) no-repeat;
	margin-right:3px; 
}

#actus{
	background:url(../medias/interface/actuBox.jpg) no-repeat;
}

/*****************************************
formContact
*******************************************/
.formCentre{
width:330px;
float:right;
margin-right:450px;
}
form.contact .btn{
width:151px;
margin-top:5px;
margin-bottom:5px;
background:url(../medias/interface/bgBtn.png);
color:#fff;
font-weight:bold;	
}
form.contact label{
color:#006600;
font-weight:bold;
}
form.contact label.alert{
	color:#ff0000;
}
form.contact li{
list-style:none;
z-index:5000;
}

form.contact input, form.contact textarea {
 width:300px;
 border:1px solid #006600;
 padding:2px;
}
/**********************************************
Actus
**********************************************/
span.date{ color:#000;}
img.miniature{ float:left; margin:10px;}
.savoirplus{float:right;}
.clear{ clear:both;}
#slide{position:absolute;}
#content div.actu .packCollection {
	margin:5px;
	background:url(../medias/interface/bgPack.jpg) top repeat-x #527a00;
	color:#333;
	padding:5px;
	clear:both;
}
#content div.actu .packCollection p {
	color:#333;
}
#content div.actu .packCollection table.galerie  tr td, #content div.actu .packCollection table.galerie  tr th {
		border-bottom:1px dotted #999;
		text-align:center;
}

#content div.actu .packCollection table.galerie{
	width:100%;
}
div.actu .packCollection .galerie a.liste_image img{
	margin:5px;
	border:1px dotted #999;
}
div.actu .packCollection .galerie a.liste_image:hover{
	border:none;
}
.listActus{
	width:980px;
	float:right;
}
/******************************
Catalogue
*******************************/

#sidebar{ width:215px; margin-bottom:20px; float:left; font-size:14px;  font-weight:bold;}
#sidebar span{cursor:pointer; color:#fff;}
#sidebar a{ color:#fff; font-weight:normal; text-align:left; display:inline-block; }
#sidebar ul{ margin:0; }
#sidebar ul li{ margin:5px 0 1px 0; background:#99cc00 url(../medias/interface/fond-btn-catalogue.jpg) no-repeat; list-style:none; padding:3px 0 3px 2px;}
#sidebar ul li ul li {  background:#7aa300; list-style:none;  color:#003300; margin:1px 0 1px 0;}
#sidebar ul li ul li ul li{background:#618200; margin:1px 0 1px 0;}
#sidebar ul li ul li ul li ul li{background:#486022; margin:1px 0 1px 0;}

//#sidebar li.toggleSubMenu>a{ display:block; background:url(../medias/interface/bgcata.jpg) top center no-repeat; padding:3px;}
//#sidebar li.toggleSubMenu.open>a{ display:block; background:#fff; color:#99cc00; padding:3px;}
#sidebar li.actif{background:#fff; color:#99cc00;}
#sidebar li.actif a{ color:#99cc00;}
#sidebar ul li ul li span, #sidebar ul li ul li a{ color:003300;}
#sidebar ul li.enfants ul{display:none;}

/*//#sidebar ul li a, #sidebar ul li span{display:block; background:url(../medias/interface/element.png) left top no-repeat; padding:3px; padding-left:20px; margin-left:5px; color:#86da46;  min-width:150px;}
#sidebar ul li a, #sidebar ul li span{display:block; padding:3px;  margin-left:5px; color:#86da46;  min-width:150px;}

#sidebar ul li span{ display:block; padding:3px;margin-top:1px; color:#86da46; min-width:150px; }
#sidebar ul li span a{}
#sidebar ul li a.folderLink { background:none; display:inline; position:absolute; left:160px; top:0px;  width:20px; min-width:20px; max-width:20px; float:right; }

#sidebar ul li ul li{ }
#sidebar ul li ul li {padding-left:10px;  }
#sidebar ul li {  list-style:none inside;}
#sidebar ul{ }
#sidebar ul li.enfants ul{display:none;}
#sidebar .disclosure{ border:2px solid #86da46;  color:#86da46; font-weight:bold; }
#sidebar .disclosure.disclosureactive{background:#86da46; color:#fff;  }
*/

/*
#sidebar{ width:200px; margin-bottom:20px; position:absolute; top:0px; }
#sidebar ul li a{display:block;  background: url(../medias/interface/bgcata.jpg) no-repeat #680;  padding:3px; padding-left:25px; margin-left:0px; color:#fff; margin-bottom:1px; min-width:150px; height:18px; overflow:hidden;}
#sidebar ul li.dir a{background: url(../medias/interface/bgcataDir.jpg) no-repeat #680;;}
#sidebar ul li span{ background: url(../medias/interface/bgcata.jpg); display:block; padding:3px;margin-top:1px;  color:#fff; min-width:150px; }
#sidebar ul li span a{}
#sidebar ul li a.folderLink { background:none; display:inline; position:absolute;  top:0px;  width:20px; min-width:20px; max-width:20px; float:right; }
#sidebar ul li ul li {margin-left:1px;   }
#sidebar ul li {list-style:none inside; margin-top:1px;}
#sidebar ul li.retour a{background:none; border:1px solid #99cc00; color:#99cc00; }
#sidebar ul li.retour a:hover{background:url(../medias/interface/bgcataSup.jpg); border:1px solid #99cc00; color:#fff; }
#sidebar ul li.current a, #sidebar ul li a:hover {background:url(../medias/interface/bgcataAlt.jpg); color:#999; }
#sidebar ul li.current.dir a, #sidebar ul li.dir a:hover {background:url(../medias/interface/bgcataAltDir.jpg); }
#sidebar .disclosure{ background:#86da46; border: 2px solid #86da46; background:#fff; padding-top:10px; padding-bottom:5px; padding-left:0px; margin-bottom:1px; color:#86da46; font-weight:bold; }
#sidebar .disclosure.disclosureactive{left top no-repeat; background:#86da46; color:#000; font-weight:normal;}
*/


#catalogueContent{width:735px; margin-left:30px; float:left;}
#catalogueContent h1, #catalogueContent h2, #catalogueContent h3{color:#99cc00; border:none; border-top: #99cc00 1px solid; padding:0; margin:0; }
#catalogueContent h3{ padding:0 0 10px 0;}
.publicationBox{ margin-bottom:5px;   }
.publicationBox .infos{left:90px; width:450px; color:#006600; position:relative;}
.publicationBox .infos table{ border-collapse:collapse; border:#9c0; width:300px;}
.publicationBox .infos table .inti{padding-right:10px;}
/*.publicationBox .infos table tr:hover{background:#9c0; color:#fff;}*/
/*.publicationBox .infos table td{ width:50%; }*/
.publicationBox .categorie{ background:#9c0; color:#fff; }
.publicationBox .apercu{ float:right; width:175px; margin-bottom:10px; }
.publicationBox .apercu img{display:block; position:relative; margin:0 auto; max-width:173px; max-height:198px; }
.publicationBox .apercu a{ display:block;text-align:center; color:#9c0; }
.publicationBox .apercu a.zoom{ background:url(../medias/interface/loupe.png) top right no-repeat; padding:5px; margin-top:5px; }
.publicationBox .apercu .img-wrapper{ max-width:175px; max-height:200px; overflow:hidden; border: 1px solid #9c0; }
.publicationBox .date{clear:both;}
/* Most common stuff you'll need to change */
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider, .coda-slider-no-js .coda-slider-prod, .coda-slider-no-js .coda-slider-nouveau { height: 1135px; overflow: hidden !important;  }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 980px; top:0px; } 
	.coda-slider-prod, .coda-slider-prod .panel, .coda-slider-nouveau, .coda-slider-nouveau .panel { width: 320px; top:0px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 980px }
	.coda-slider-wrapper.arrows .coda-slider-prod, .coda-slider-wrapper.arrows .coda-slider-prod .panel, .coda-slider-wrapper.arrows .coda-slider-nouveau, .coda-slider-wrapper.arrows .coda-slider-nouveau .panel { width: 320px }
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider-prod, .coda-slider-wrapper.arrows .coda-slider-nouveau { margin: 0 ; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {  }
	
	/* Tab nav */
	#coda-nav-2 ul, #coda-nav-3 ul{ margin:0 5px 0 0; }
	.coda-nav ul li a.current { border:1px solid #006600; color:#fff; background:#006600;  }
	
	/* Panel padding */
	.coda-slider .panel-wrapper, .coda-slider-prod .panel-wrapper, .coda-slider-nouveau .panel-wrapper { overflow:hidden; }
	
	/* Preloader */
	.coda-slider p.loading, .coda-slider-prod p.loading, .coda-slider-nouveau p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { display: block; margin: 0px; overflow: hidden; }
	.coda-nav ul li { display: inline; text-align:right; }
	.coda-nav ul li a { color: #fff; border:1px solid #fff; display: block; float: left; margin-right: 1px; padding: 0px 5px; text-decoration: none; font-size:10px;  z-index:5000;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { overflow: hidden }
	.coda-slider, .coda-slider-prod, .coda-slider-nouveau { float: left; overflow: hidden; position: relative; top:0px;}
	.coda-slider .panel, .coda-slider-prod .panel, .coda-slider-nouveau .panel { display: block; float: left }
	.coda-slider .panel-container, .coda-slider-prod .panel-container, .coda-slider-nouveau .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	.navi{ }
	
	.logo{ position:absolute; z-index:9000; top:20px; left:20px; }

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  td input.gsc-input {
    border-color: #006600;
  }
  input.gsc-search-button {
    border-color: #006600;
    background-color: #99CC00;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #999;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #999;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #999;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #999;
  }
  .gsc-cursor-page {
    color: #999;
  }
  a.gsc-trailing-more-results:link {
    color: #999;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }