/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* END OF HTML% DOCTOR */

header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

/*********************************
FONTS
***********************************/


/* FONTS */

@font-face {
    font-family: 'Harabara';
    src: url('../fonts/harabara-webfont.eot');
    src: url('../fonts/harabara-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/harabara-webfont.woff') format('woff'),
         url('../fonts/harabara-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*********************************
BODY
***********************************/

body {
	background-color:#4c575d;
	text-align:left;
	font-size:100%;
	background-image:url(../images/fond.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

/*********************************
DIVISIONS
***********************************/

div#nav {
	padding:33px 0 30px 0;
	margin:0 0 6px 0;
	background-color:#252b2f;
	width:100%;
}

	div#nav div#navContainer { width:980px; margin:0 auto; text-align:right; }

	div#nav div#navContainer ul {
		font-family:'Harabara', Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:120%;
		width:980px;
		margin:0 auto 0 auto;
		text-align:right;
		list-style-type:none;
		letter-spacing:0.05em;
		position:relative;
	}
	
	div#nav div#navContainer ul li, div#nav ul span {
		float:right;
		margin:0 0 0 0;
		display:inline;
		padding:0;
	}
	
		div#nav div#navContainer ul span:last-child {
			color:#fc0;
		}
	
	div#nav div#navContainer ul li a {
		/*display:block;*/
		color:#fff;
		text-decoration:none;
		padding:0 0 0 20px;
		border-left:2px solid #fff;
	}
	
	div#nav div#navContainer ul li a:hover { color:#bb9b02; }
	div#nav div#navContainer ul li a:visited { color:#fff; text-decoration:none; }
	
/* sous-menu haut */

/*div#nav div#navContainer ul li div.sousMenuHaut*/
div#nav div#navContainer ul div div.sousMenuHaut {
	position:absolute;
	z-index:1000;
	top:30px;
	*left:-1px;
	left:0;
	padding:10px 20px 10px 20px;
	margin:0;
	width:80%;
	background-image:url(../images/backgroundMenuHaut.png);
	background-repeat:no-repeat;
	-ms-border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
	border-left:2px solid #fff;
}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul {
		padding:0;
		margin:0;
		width:100%;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weigth:bold;
		font-size:70%;
		text-align:left;
		letter-spacing:0em;
	}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li {
		padding:0;
		margin:0;
		float:none;
		position:relative;
		
	}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li a {
		padding:6px 0 6px 0;
		margin:0;
		display:block;
		color:#fff;
		text-decoration:none;
		border-bottom:1px solid #666;
		border-left:none;
	}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li:last-child a {
		border-bottom:none;
	}
	
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li a:hover {
		color:#bb9b02;
		text-decoration:none;
		border:none;
		border-bottom:1px solid #666;
	}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li:last-child a:hover {
		border-bottom:none;
	}
	
	div#nav div#navContainer ul div div.sousMenuHaut ul li a:visited {
		color:#ffffff;
		text-decoration:none;
		border:none;
	}
	
	/* hide all */
	
	div#a-propos-du-cea,
	div#nous-joindre,
	div#devenir-membre-du-cea {
		display:none;
	}
	
	
/* wrapper */

div#wrapper {
	background-color:#fff;
	width:909px;
	margin:0 auto 60px auto;
	padding:21px 50px 0 21px;
	-ms-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	/* glow */
	/* glow */
			-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
			-mox-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}

	div#wrapper div#header div#logo {
		float:left;
		margin:26px 0 0  42px;
	}
	
	div#wrapper div#header div#navMilieu {
		float:right;
		display:inline-block;
		margin:0 0 15px 0;
	}
	
	div#wrapper div#header div#navMilieu ul {
		list-style-type:none;
		padding:0;
		margin:0;
		font-family:'Harabara', Arial, Helvetica, sans-serif;
	}
	
		div#wrapper div#header div#navMilieu ul li {
			float:left;
			display:inline;
			text-align:center;
		}
		
		div#wrapper div#header div#navMilieu ul li.medias a,
		div#wrapper div#header div#navMilieu ul li.producteurs-agricoles a,
		div#wrapper div#header div#navMilieu ul li.grands-publics a {
			display:block;
			padding:30px 25px;
			text-decoration:none;
			color:#3b454a;
			font-size:100%;
			background-image:url(../images/fondBtnMilieu.png);
			background-position:center center;
		}
		
		div#wrapper div#header div#navMilieu ul li.medias a {
			border:1px solid #d4d5d6;
			-ms-border-radius: 15px 0 0px 15px;
			-moz-border-radius: 15px 0px 0px 15px;
			-webkit-border-radius: 15px 0px 0px 15px;
			border-radius: 15px 0px 0px 15px;
		}
		
		div#wrapper div#header div#navMilieu ul li.producteurs-agricoles a {
			border-top:1px solid #d4d5d6;
			border-bottom:1px solid #d4d5d6;
		}
		
		div#wrapper div#header div#navMilieu ul li.grands-publics a {
			border:1px solid #d4d5d6;
			-ms-border-radius: 0 15px 15px 0;
			-moz-border-radius: 0 15px 15px 0;
			-webkit-border-radius: 15px 0 15px 0;
			border-radius: 0 15px 15px 0;
		}
		
		div#wrapper div#header div#navMilieu ul li.medias a:hover,
		div#wrapper div#header div#navMilieu ul li.producteurs-agricoles a:hover,
		div#wrapper div#header div#navMilieu ul li.grands-publics a:hover {
			background-image:url(../images/fondBtnMilieuHover.png);
			background-position:center center;
			color:#fff;
		}
		
		div#wrapper div#contenuGlow {
			margin:0 5px 20px 5px;
			-ms-border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px;
			/* glow */
			-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
			-mox-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
			padding:10px;
		}
		
		
		/* GAUCHE */
		
		
		div#wrapper div#contenuGlow #gauche {
			float:left;
			width:520px
		}
		
			div#wrapper div#contenuGlow #gauche img {
				-ms-border-radius: 6px 6px 6px 6px;
				-moz-border-radius: 6px 6px 6px 6px;
				-webkit-border-radius: 6px 6px 6px 6px;
				border-radius: 6px 6px 6px 6px;
			}
			
		/* DROITE */
		
		div#wrapper div#contenuGlow #droite {
			float:right;
			width:296px;
			background-image:url(../images/fondDroite.jpg);
			background-repeat:no-repeat;
			background-position:right bottom;
			min-height:371px;
			border-left:1px solid #d4d5d6;
			padding:0 0 0 30px;
			text-align:left;
		}
		
			div#wrapper div#contenuGlow #droite ul {
				margin:30px 0 0 -20px;
				padding:0;
				list-style-type:none;
			}
			
			div#wrapper div#contenuGlow #droite ul img {
				margin:3px 0 0 0;
			}
			
				div#wrapper div#contenuGlow #droite ul li {
					font-family:'Harabara', Arial, Helvetica, sans-serif;
					font-size:100%;
				}
				
				div#wrapper div#contenuGlow #droite ul li a {
					display:block;
					color:#bb9b02;
					padding:10px 0 20px 20px;
					text-decoration:none;
					background-image:url(../images/fondBoutonCentre.png);
					background-position:left center;
					background-repeat:no-repeat;
				}
				
				div#wrapper div#contenuGlow #droite ul li a:hover {
					color:#4c575d;
				}
		
		
		
		
		
		
		div#wrapper div#menuBas {
			padding:40px 40px 20px 40px;
		}
		
			div#wrapper div#menuBas ul {
				list-style:none;
				padding:0;
				margin:0;
				font-family:'Harabara', Arial, Helvetica, sans-serif;
				font-size:80%;
				letter-spacing:0.05em;
				color:#3b454a;
			}
			
				div#wrapper div#menuBas ul li {
					float:left;
					display:inline;
					margin:0 10px 0 0;
				}
				
				div#wrapper div#menuBas ul li a {
					color:#3b454a;
					text-decoration:none;
					margin:0 0 0 0;
					display:block;
				}
				
				div#wrapper div#menuBas ul li a:hover { color:#bb9b02; }
				div#wrapper div#menuBas ul li a:visited { color:#3b454a; text-decoration:none; }
		

/***************
pAGES INTÉEIRUEES
***************/

/* GAUCHE */
		
div#wrapper div#contenuGlow div#gaucheInterieur {
	float:left;
	width:500px;
	padding:10px 0 0 30px;
}

div#wrapper div#contenuGlow div#gaucheInterieur h2 {
	font-family:'Harabara', Arial, Helvetica, sans-serif;
	font-size:275%;
	letter-spacing:0.05em;
	color:#bb9b02;
	padding:0;
	margin:0 0 10px 0;
}

div#wrapper div#contenuGlow div#gaucheInterieur h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:bold;
	color:#3b454a;
	padding:0;
	margin:0 0 10px 0;
}

div#wrapper div#contenuGlow div#gaucheInterieur h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#3b454a;
	padding:0;
	margin:0 0 10px 0;
}

div#wrapper div#contenuGlow div#gaucheInterieur p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#3b454a;
	padding:0;
	margin:0 0 10px 0;
	line-height:160%;
}

	/* sousmenu gauche */
	
	div#wrapper div#contenuGlow div#gaucheInterieur div.sousMenu {
		padding:10px 0 45px 0;
		margin:0 0 15px 0;
		background-image:url(../images/fondSousMenu.png);
		background-repeat:repeat-x;
		background-position:center bottom;
	}	
	
		div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul {
			padding:0;
			margin:0;
			list-style-type:none;
			font-family:'Harabara', Arial, Helvetica, sans-serif;
			font-size:100%;
			letter-spacing:0.05em;
			color:#bb9b02;
			line-height:150%;
		}
		
			div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul li {
				display:inline;
				float:left;
				font-family:'Harabara', Arial, Helvetica, sans-serif;
				margin:0;
				padding:0;
			}	
			
			div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul li a  {
				color:#3b454a;
				text-decoration:none;
				display:block;
				margin:0 20px 0 0;
				border-bottom:2px dotted #fff;
				padding:0;
			}	
			
			div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul li a:visited  { color:#3b454a; text-decoration:none; border-bottom:2px dotted #fff; }
			
			div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul li a:hover  {
				color:#bb9b02;
				border-bottom:2px dotted #bb9b02;
			}
	
			div#wrapper div#contenuGlow div#gaucheInterieur.typography div.sousMenu ul li.current a  {
				color:#bb9b02;
				border-bottom:2px dotted #bb9b02;
			}
	
			



div#footer {
	padding:20px 0 20px 40px;
	background-image:url(../images/degradeSignature.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:left;
}

	div#footer p, div#footer p a, div#footer p a:visited {
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:10px;
		color:#666;
		text-decoration:none;
	}
	
	div#footer p a:hover {
		color:#000;
	}


/*********************************
EWXTRAS
***********************************/

div.pousse {
	clear:both;
}

/******************************
COMMUNIQUES
*******************************/

div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques {
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #e4e4e4;
}
	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p {
		padding:0 0 10px 0;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#3b454a;
		line-height:140%;
	}

	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p.date,
	div#wrapper div#contenuGlow div#gaucheInterieur.typography p.date {
		padding:0 0 2px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#3b454a;
		text-transform:uppercase;
	}
	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p.titre {
		padding:0 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		font-weight:bold;
		color:#bb9b02;
	}
	
	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p em {
		font-style:italic;
	}
	
	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p a {
		color: #bb9b02;
		padding:0 0 2px 0;
		border-bottom:1px dotted #3b454a;
	}
	
	div.communiques p a:hover {
		color: #000;
	}
	
	div#wrapper div#contenuGlow div#gaucheInterieur.typography div.communiques p a:visited {
		color: #bb9b02;
	}








/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}
