/* ----------------------------- */
/* Stylesbase */
/* ----------------------------- */
/*
* @autor : Nicolas BENECH
* @date : 2012, january
*/
/* ----------------------------- */
/* = Reset */
/* ----------------------------- */
html, body, form, fieldset, legend, ul, ol, dl, blockquote, pre, h1, h2, h3, h4, h5, h6, code, kbd, q {
	margin: 0; padding: 0;
}
html{	font-size: 100%; }
body{	font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; line-height: normal; }
/* introducing new HTML5 elements */
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog { display: block; }
/* forms */
label, input[type="button"], input[type="submit"], button { cursor: pointer; }
input, button, select {
	font-size: 100%;
	vertical-align: middle; /* @bugfix : align solution */
}
/* overflows */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
table, td, blockquote, code, pre, textarea, input, object, embed, video {
	max-width: 100%;
}
code, pre, samp, textarea, table, td {
	word-wrap:break-word;
	/*white-space: pre-wrap;*/
}
/* misc */
a img {border: 0;margin-bottom: 20px;margin-right: 20px;} /* @note : pas de bordure sur les image-links */
abbr[title] {border-bottom: 1px dotted #555; cursor:help; }
table {table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
th, caption { text-align: left;}

/* ----------------------------- */
/* = Outils */
/* ----------------------------- */
.clear {clear: both;}
.info {}
.warning {}
.error {}
.success {}
.centrer { margin-left:auto; margin-right:auto; text-align: center;}
.inline-block { display:inline-block; }
.table {display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0; empty-cells:show; width:1200px; margin:auto; }
.cellule { display:table-cell; vertical-align:top; }
.clearer { clear:both; height:0; width:0; line-height:0; font-size:0; }
.clearer.ie7 { display:none; }

/* ----------------------------- */
/* = HTML/BODY */
/* ----------------------------- */
html{}
body{}

a { text-decoration:none; color:#87AB29; }

header{margin-bottom:20px;}

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

/*.menuLangues{overflow:hidden;background:url(images/fd-langue.jpg) repeat-x ;height:29px;}*/
.menuLangues{
	overflow:hidden;
	height:29px;
	text-align: center;
	font-weight: bold;
	line-height: 29px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 30px;
	background:#161f7a;
	color:#FFF;
}
.menuLangues ul{list-style-type: none;padding: 10px;width: 120px;float:left;margin: auto;}
.menuLangues ul li{float: left;margin: 0 5px;}
.menuLangues ul.reseaux{list-style-type: none;padding:2px;margin: auto;width:200px;float:right;}
.menuLangues ul.reseaux li{margin: 0;}
.menuLangues ul.reseaux li.jaime{margin-top: 2px;width:75px;}
.newsletter{
float: left;
}
.newsletter .submit {
	border: none;
	background: url(images/ok.png) center center no-repeat;
	color: #FFFFFF;
	height: 22px;
	width: 22px;
	padding: 0;
	font-size: 12px;
	margin-left: -20px;
	}
.newsletter label{
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}
/* Bandeau */
.bandeau{
	height:187px; width:1100px;
	background:url(images/bandeau.jpg) no-repeat;
	margin:auto;
}

.bandeau .banner{
	position:relative;
	width:600px; height:187px;
	overflow:hidden;
}
.bandeau .banner .filigrane{
	position:absolute;
	left:0; top:0;
	width:600px; height:187px;
	z-index:100001;
	background:url(images/fdbanner.png) 0 0 no-repeat;
}


/* Slider Accueil */
.banner{margin-left:610px;}
.banner ul{list-style-type:none;height:187px;}
.banner ul li{width:600px;}

/*--- Menu principal ---*/
.globMenu {background:url(images/fdr.jpg) 10px 0 repeat-x ;}
.menuPrincipal{overflow: hidden;width:1200px;margin:auto;}
.menuPrincipal .recherche {
	float: left;
	width: 20%;
	padding-top: 5px;
}
.menuPrincipal ul.menu { 
	list-style-type:none;	
	display: table;
	width:950px;
	margin:auto;
	margin-left: 250px;
	/*float:left;*/
	
}

.menuPrincipal > ul.menu > li {
	display:table-cell;
	text-align:center;
	padding:0 10px;
	line-height:36px; 
}

.menuPrincipal ul.sousMenu { 	
	clear:both;
	background:#7FB335;
	text-align:center;
}


.menuPrincipal > ul.sousMenu > li {
	display:inline;
	padding:0 10px;
	line-height:33px; 
}

.menuPrincipal > ul.sousMenu > li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#fff;
}
.menuPrincipal > ul.menu > li+li{
	/*padding-left:10px;*/
	background:url(images/fdr2.png) 0 center no-repeat;
}
.menuPrincipal li a {
	font-size: 13px;
	color: #666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;}

.menuPrincipal li.encours, 
.menuPrincipal li.encours > a { color: #fff }

.menuPrincipal ul.sousMenu > li.encours a { color: #254A00}

.menuPrincipal > ul.menu > li.encours {
	background:url(images/fdd.jpg) no-repeat;
	color:#fff;
	}

.menuPrincipal > ul.menu > li:hover {background:url(images/fdd.jpg) no-repeat;}
.menuPrincipal > ul > li:hover a{color:#fff;}
.menuPrincipal > ul.sousMenu > li a:hover{color: #254A00;}
.menuPrincipal > ul > li:hover > ul { display: block; }

.menuPrincipal li > ul {
	position:absolute; left:-10px; top:30px; margin-left:10px; padding-left:0px;
	background-color:#F2F2F2; display:none; min-width:200px; text-align:left;
	}	
	
.menuPrincipal li > ul > li {	font-size: 0.9em; line-height:2.1em; padding-left:10px; }
.menuPrincipal li > ul > li, 
.menuPrincipal li > ul > li a { color: #666 }

.menuPrincipal li > ul > li.encours a { font-weight:bold; }
.menuPrincipal li > ul > li.encours, 
.menuPrincipal li > ul > li:hover { background-color:#DCDCDC; }

/* img de fond */
.glob { background:url(images/fdpp.jpg) repeat-y;}

/* ----------------------------- */
/* = Sidebar left */
/* ----------------------------- */
aside.left {
	width:300px;
	/*padding-left:50px;*/
	/*float:left;*/
	}


/* Sous menu */

.menuGauche {width:250px;}
/*.menuGauche .menu {overflow:hidden;}*/
.menuGauche ul {
		list-style-type:none; margin:0; padding:0;
		font-family:Arial, Helvetica, sans-serif; color:#85A22D;
		}

/*NIVEAU 1*/
/* Spécificité : 2 onglets côte à côte */

.menuGauche li.niv1
	{
	float:left;	display:block; width:125px; 
	text-align:center;
	background:url(images/f2.jpg) no-repeat;
	}
.menuGauche li.niv1.encours {background:url(images/f1.jpg) no-repeat;}

.menuGauche li.niv1 > a {
		display:block; 
  	font-size:12px; font-weight:bold;
		line-height:50px;
		color:#85A22D;		
		text-transform:uppercase;
		}
.menuGauche li.niv1.encours > a { color:#114E24; }


/*NIVEAU 2*/
/* Spécificité : icône dynamique en background */
.menuGauche li.niv1 > ul { display:none; position:relative; }
.menuGauche li.niv1.premier > ul { }
.menuGauche li.niv1.dernier > ul { left:-125px; }

.menuGauche li.niv1.encours > ul {
	 display:block; width:248px; min-height:600px;
	 background:#fff;
	 text-align:left;
	 border:1px solid #D8E8A8;
	 }
	
.menuGauche li.niv2:hover,.menuGauche li.niv2.encours {background:#DFEFAE;}
.menuGauche li.niv2 + li {border-top:1px dotted #e2eaca;}

.menuGauche li.niv2 > a {
	 display:block;height:50px;
		font-size:13px; font-weight:bold; line-height:50px;
		color:#1A8037;
		background-repeat:no-repeat; padding-left:55px;
		background-position:3px 0; 
		}
/*.menuGauche li.niv2 > a:hover {color: #85B839;}
.menuGauche li.niv2.encours > a {color: #85B839;}*/

.menuGauche li.niv2.dernier {padding-bottom: 30px;}

 
/*NIVEAU 3*/
.menuGauche li.niv2 > ul {display:none;}
.menuGauche li.niv2.encours > ul {display:block;}

.menuGauche li.niv3 {padding-left: 35px;}

.menuGauche li.niv3 > a {
	color:#666;
	font-size: 12px; text-transform:none; font-weight:normal;
	}
.menuGauche li.niv3 > a:hover { color:#21873E; font-weight:bold; }
.menuGauche li.niv3.encours > a { color:#21873E; font-weight:bold; }
.menuGauche li.niv3.dernier { padding-bottom:10px }

/* ----------------------------- */
/* Message d'erreur "catch"      */
/* ----------------------------- */
div.messageErreurCatch { border: #ff6347 solid 2px; background-color: #fff; color:#ff6347; padding: 5px }
div.messageErreurCatch > strong { display: block; text-align: center; }

/* ----------------------------- */
/* = Contenu page                */
/* ----------------------------- */
.contenu {
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #646464;
	/*float:left;*/

}

.contenu a {}
.contenu a:hover { text-decoration:none; }

.contenu h1 { color:#3B9138; font-weight:bold; font-size:18px; text-align:center; margin-bottom:10px;}
.contenu h2 { color:#3B9138; font-weight:bold; font-size:12px; }
.contenu h3 { color:#6BAA38; font-weight:bold;  font-size:13px; text-align:center; }
	
.titrepage {text-align: center;font-size: 12px;}
.titrepage h1 {font-size:16px;}
.contenu ul.listingArticle li {float: left;margin-bottom: 20px;width:763px;overflow: hidden;margin-top: 30px;}
.contenu ul.listingArticleAccueil li {float: left;width:360px;overflow: hidden;}
.listingArticl e{list-style-type:none;}

.detailArticle{margin-bottom: 20px;}
.detailArticle .content1 .content2{margin-left:320px;}
.detailArticle .content1{overflow:hidden;margin-top:20px;border-bottom: dotted 1px #7D9531;padding-bottom:20px}


/* Slider Accueil */
#slider { width:650px; height:163px; overflow:hidden; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:650px; height:163px; }

/* ----------------------------- */
/* = Sidebar right */
/* ----------------------------- */
aside.right{
	width:200px;
	padding:0 10px;
	text-align:center;
}

/* ----------------------------- */
/* = Footer */
/* ----------------------------- */

body > footer{
	text-align:center;
	padding-top:65px;
}

/* Menu secondaire */
.menuSecondaire{}
.menuSecondaire ul { list-style-type:none; }
.menuSecondaire li{	display:inline;	padding:0 5px; }
.menuSecondaire li+li{ padding-left:7px;background:url(images/menuSecondaire_sep.jpg) 0 center no-repeat; }
.menuSecondaire a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C6640;
	font-weight: bold; 
	text-transform:uppercase;
}

.menuSecondaire a:hover{	text-decoration:underline; }

.miniSitemap{ padding:20px 0;	background: #F7F7F9; }
.miniSitemap ul { list-style-type:none; }
.miniSitemap > ul{
	display:table; table-layout:fixed;
	border-collapse:collapse; border-spacing:0;
	empty-cells:show;
	width:1100px;
	margin:auto;
	border: 1px solid #DCDCE4;
	background:#F7F7F9;
}
.miniSitemap > ul > li {	display:table-cell;	vertical-align:top; }
.miniSitemap > ul > li > a {	font-weight:bold;	font-size:11px; }
.miniSitemap > ul > li > a:hover{	text-decoration:underline; }
.miniSitemap > ul > li > ul{ font-size:0.85em; padding-top: 15px; }

.miniSitemap > ul > li > ul > li >a{ color:#999; font-size:9px; }
.miniSitemap > ul > li > ul > li >a:hover{ text-decoration:underline; }

.globAdresse {background:url(images/fdadresse.jpg) repeat-x;}

.adresse{
	text-align: center
	padding:5px 0;
	font-size:11px;
	color:#666;
	overflow: hidden;
	width: 1100px;
	margin: auto;
	}
.adresse strong {color: #85AE2E;}
.adresse a{	color:#333; }
.adresse a:hover{text-decoration:underline;}

.adresse .sud, .adresse .nord, .adresse .ouest{float:left;width:365px;}

/*------ DIVERS ------*/

/*--------- Accueil -----------*/
#actusALaUne { float:left; width: 320px; margin:5px 10px 5px 0; }
#actusALaUne .dateActu { font-size: 0.9em; color:#B00014 }
#actusALaUne .texteActu h2 { font-size: 0.9em }
#actusALaUne .texteActu a { color: #000 }
#actusALaUne .resume { margin: 3px; }

/*--------- Actus ----------*/
ul.listingActu { list-style-type:none; margin: 10px }
ul.listingActu > li { margin-bottom:15px }
ul.listingActu div.dateActu { float:left;  }
ul.listingActu div.texteActu { margin-left: 80px }

div.detailArticle img.imageFiche {
	float: left;
	margin-top:30px;
	}
.bloc .vignette img{float:left;width:180px;}
.bloc .texte_vignette{margin-left:190px;color: #666;font-size:12px;}
.bloc .texte_vignette .resume{font-size: 13px;}
.bloc .texte_vignette h3{text-align:left;margin-top:10px;}
.bloc .texte_vignette h3 a{color: #333;}
.bloc .texte_vignette h2 a{text-decoration:none;color: #333;}
.contenu .telechargement{clear: both;background:#E0EDC0;padding:12px 10px;margin-bottom:40px;}
.contenu .telechargement h3{margin-bottom: 10px;font-size:11px;text-transform:uppercase;color: #608828;}
.contenu .telechargement a{color: #333;font-size: 12px;}
.contenu .telechargement a:hover{text-decoration:underline;}
.retour{clear:both;margin-top: 10px;text-transform:uppercase;background:url(images/fdretour.jpg) repeat-x;text-align:center;margin:auto;width:80px;padding:5px 0;}
.retour a{font-size: 11px;color: #333;;font-weight: bold;}

.produitsAssocies .sliderWrapper{
		position:relative;
       width: 720px;
	   padding: 0 30px;
       height:250px;
       overflow:hidden;
	   margin-top:5px;
	   background:url(images/prodactu.jpg) 0 240px no-repeat;
}


.actuAccueil .sliderWrapper{
	position:relative; overflow:hidden;
  width:720px; height:180px;
	padding: 0 30px; margin-top:5px;
  background:url(images/prodactu.jpg) 0 170px no-repeat;
}

.produitsAssociesActu .sliderWrapper{
	position:relative; overflow:hidden;
  width: 720px; height:230px;
  padding: 0 30px; margin-top:5px;
  background:url(images/prodactu.jpg) 0 200px no-repeat;
	}
.slider ul,.slider li{ margin:0; padding:0; list-style:none; }

.produitsAssocies .slider li, .produitsAssociesActu .slider li{
	width: 180px; padding: 0 30px; text-align: center;
	}
.sliderWrapper .prevBtn,.sliderWrapper  .nextBtn{
	 margin:0; padding:0;
	 display:block; overflow:hidden;
	 text-indent:-8000px;
	 position:absolute;
	 z-index:1000;
	 cursor:pointer;
	 width:20px; /*--- Largeur bouton ---*/
	 height:100%; /*--- Hauteur bouton ---*/
	 top:0; /*--- Offset top bouton ---*/
	 background-position:center center;
	 background-repeat:no-repeat;
}
.sliderWrapper .prevBtn{
   left:0; /*--- Offset left bouton gauche -*/
   background-image:url(images/g.gif);/*- Image bouton gauche -*/
}
.sliderWrapper  .nextBtn{
   right:0; /*- Offset left bouton droit -*/
   background-image:url(images/d.gif);/*- Image bouton gauche -*/
	  }

a.colorbox{	display:block; float:left; }
a.colorbox > img { margin:0 10px 20px; } 
 #cboxOverlay,#colorbox {
       z-index:100001;
}
	  
/*------- Catalogue --------*/
ul.listingProduit { list-style-type:none;overflow: hidden;margin-top: 20px;}
ul.listingProduit > li { overflow: hidden; margin-bottom:15px;width: 230px; float:left;text-align:center;}
ul.listingProduit > li img { float: left; margin:0 15px 15px 0; }
ul.listingProduit > li div.texteProduit { margin-right: 50px;clear:both;}
ul.listingProduit > li p.resume { margin:4px 0;text-align: justify; margin-bottom: 10px;}

a.infos {
	background: url(images/info.jpg) repeat-x;font-weight:bold; 
	padding:3px 16px;
	font-size: 11px; font-family: Arial, Helvetica, sans-serif;color:#fff; font-weight: bold;
	text-decoration:none; }
.icones {text-align:right;height:35px;}
.pdf, .video, .icones .form, .icones .video{display:inline-block;}
.pdf{
	vertical-align: top;
	margin-top: 3px;
}
.detailProduit{}
.detailProduit h1 { text-align:center; line-height:3em }
.detailProduit  .imageFiche { float:left; width:300px;}
/*.detailProduit .imageFiche .listingVignette{margin-left:27px;}*/
.detailProduit .content{margin-left:315px;}
.produitsAssocies, .produitsAssociesActu {clear: both;}
.produitsAssocies h2, .produitsAssociesActu h2, .actuAccueil h2 {text-align: center;
text-transform: uppercase;
background: url(images/fdactu.jpg) center no-repeat;
padding: 10px 0px;}
.produitsAssocies h3 a, .produitsAssocies h3{font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #333;}

.produitsAssocies ul li>a, .produitsAssociesActu ul li>a{float:left;}
.produitsAssocies ul li .texte_prod_assoc{text-align: center;}
.texte_prod_assoc{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;}
.texte_prod_assoc p {margin-top: 5px;text-align: justify;}

ul.colonne li{width:260px; float:left;}

/*--- Google map ---*/
#gmap{
	clear:both;
	width:700px; height:500px;
	margin:auto; margin-top:20px;
}

#gmap_search{margin:auto;width:700px;}

/*---Formulaire */
.formulaire {margin: 20px 0};
.collecteur_message.error {margin: 20px 0;}
.collecteur_message.error li { list-style-type:none;color: red;}
.formulaire fieldset{
	padding:5px;
	background:#DFEFAE;
}
.formulaire legend, .formulaire .couleur>label:first-child{
	font-weight:bold;
	color:#3B9138;
}
.formulaire .obligatoire{
	font-weight:bold;
}
#pied_ugocom{text-align: center;}