/***********************************************/
/* stylez.css pour AGRILIS.NET                 */
/* Copyright Pluzix 2005    				   */
/* Release Candidate V1.0                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html{
	background: url("decoupe/bg_grad.jpg") fixed;
}

body{
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #576A79;
	margin: 10px auto;
	width: 772px;
	background: #FFFFFF;
	text-align: center;
	border: 2px solid white;
	position: relative;
}

/*************** list styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

#liencolgauche ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#liencolgauche li{
	padding: 1px;
}

#liensbas ul {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	list-style-type: none;
	font-size: 10px;
}

#liensbas li {
margin-left: 7px;
display:inline;
}

#bas_de_page ul {
	margin:0;
	margin-left: 20px;
	padding: 0;
	line-height: 18px;
}

#bas_de_page_home ul {
	margin:0;
	margin-left: 20px;
	padding: 0;
	line-height: 18px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer li {
display:inline;
margin-right: 7px;
margin-left: 3px;
}

/******* LINKS styles *******/

a:link, a:visited, a:active{
	color: #EE6500;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#liencolgauche a:link, #liencolgauche a:visited, #liencolgauche a:active {
	text-decoration: none;
	color: #FFFFFF;
	background: url(decoupe/puce_blanche.gif) no-repeat left center;
	padding-left: 7px;
	margin-left: 2px;
	text-align: left;
	display: block;
}

#liencolgauche a:hover {
	text-decoration: underline;
}

#liensmoncompte{
	float: left;
	position: relative;
	left: 3px;
	bottom: 18px;
}

#colonne_produits a:link, #colonne_produits a:visited, #colonne_produits a:active {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 8px;
	background: url(decoupe/puce_blanche.gif) no-repeat left center;
	text-transform: uppercase;
}

#colonne_produits a:hover {
	text-decoration: underline;
}

#bloc_bleu a:link, #bloc_bleu a:visited, #bloc_bleu a:active{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 4px;
	text-transform: uppercase;
} 

#bloc_bleu a:hover {
	text-decoration: underline;
}

#actualites a:link, #actualites a:visited, #actualites a:active {
	color: #D1A819;
	text-decoration: none;
	padding-left: 12px;
	background: url(decoupe/puce_grise.gif) no-repeat left center;
	top: 5px;
}

#actualites a:hover {
	text-decoration: underline;
}

#agenda a:link, #agenda a:visited, #agenda a:active {
	color: #D1A819;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 4px;
	background: url(decoupe/puce_grise.gif) no-repeat left center;
	float: right;
}

#agenda a:hover {
	text-decoration: underline;
}

#linksuite a:link, #linksuite a:visited, #linksuite a:active {
	font-weight:bold;
	padding:0;
	margin:0;
	color: #D1A819;
	background: inherit;
	text-decoration: none;
	position: relative;
}

#linksuite a:hover {
	text-decoration: underline;
}

#liensbas a:link, #liensbas a:visited, #liensbas a:active {
	color: #D1A819;
	text-decoration: none;
	padding-left: 12px;
	background: #F4F2F7 url(decoupe/puce_grise.gif) no-repeat left center;
}

#liensbas a:hover {
	text-decoration: underline;
}

#bas_de_page a:link, #bas_de_page a:visited, #bas_de_page a:active {
	color: #394753;
	text-decoration:none;
	font-weight:bold;
}

#bas_de_page a:hover {
	text-decoration: underline;
}

#bas_de_page_home a:link, #bas_de_page_home a:visited, #bas_de_page_home a:active {
	color: #394753;
	text-decoration:none;
	font-weight:bold;
}

#bas_de_page_home a:hover {
	text-decoration: underline;
}


#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration: underline;
}

/************** header tag styles **************/

h1 a{
	display: block; 
	height: 100px; 
	width: 100%; 
	text-indent:-100em; 
	overflow: hidden;
}

h2{
 font: bold 11px Arial,sans-serif;
 text-transform:uppercase;
 color: #FFFFFF;
 margin: 0;
 padding: 0;
}

h3{
 font: bold 11px Arial,sans-serif;
 text-transform:uppercase;
 color: #D1A819;
 margin: 0;
 padding: 0;
}

h4{
 font: bold 11px Arial,sans-serif;
 color: #D1A819;
 margin: 0;
 padding: 0;
}

h5{
 font: bold 11px Arial,sans-serif;
 color: #314758;
 margin: 0;
 padding: 0;
}

/********** recherche et form styles ***********/

form {
	margin: 0; padding: 0; text-indent: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#bandeauhaut{
	padding: 0;
	margin: 0 auto;
	width:772px;
	height:119px;
	text-align:left;
	position:relative;
}

#logo{
	float: left;
	width:177px;
	height:119px;
	padding: 0;
	margin: 0;
	background-image:url(decoupe/logo_agrilis.gif);
}

#visuel_haut{
	float: left;
	width:595px;
	height:119px;
	padding: 0;
	background-image:url(decoupe/visuel_haut.jpg);
	text-align:right;
	position:relative;
}

#moteur_rch{
	bottom: 3px;
	right: 5px;
	position:absolute;
	color: #FFFFFF;
	font: normal bold 12px "Trebuchet MS",sans-serif;
	text-transform: uppercase;
	filter: Shadow(Color=#111111, Direction=135, Strength=2);
}

#moteur_rch input {
	text-decoration: none;
	border: 1px solid #5A4B06;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding-left:3px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;opacity:.80;
}

#moteur_rch input.button {
	border: 0;
	filter:alpha(opacity=100);
	-moz-opacity:1;opacity:1;
	padding: 0;
	top: 4px;
	position:relative;
}

#bloc_contenu{
	padding: 0;
	margin: 0 auto;
	width: 772px;
	text-align: left;
	background-color:#FFFFFF;
}

#colonne_menu{
	width: 175px;
	padding: 0;
	margin: 0;
	text-align: left;
 	float: left;
}

#colonne_double_droite{	
	padding: 0;
	margin: 0;
	margin-left: 177px;
	text-align: left;
	background-color: #FFFFFF;
}

#colonne_produits{
	width: 172px;
	padding:0;
	margin: 0;
	float:left;
}

#colonne_redactionnel{
	padding: 5px;
	margin: 0;
	margin-left: 173px;
	text-align: left;
	background-color: #FFFFFF;
	/*height: 400px;*/
	height: auto !important;
	min-height: 400px;
}

#colonne_redactionnel_large{
	padding: 4px;
	margin: 0;
	margin-left: 2px;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 0;
	min-height:490px; 
	height:auto !important;
}

#colonne_even_agenda{
	padding: 0;
	margin: 0;
	margin-top: 10px;
	text-align: left;
	background-color: #FFFFFF;
}

#footer{
	border-top: 2px solid #FFFFFF;
	padding: 3px;
	text-align: left;
	background-color: #FF7F17;
}

#copyright{
	padding:0;
	margin:0;
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
}

/* ------------ MISE EN PAGE ------------- */

#pointillets_gris{
	width:177px;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding: 0;
	margin: 0;
	background-image:url(decoupe/pointillets_gris.gif);
}

.spacer {
	clear:both;
}

/* ------------ METEO ------------- */
#meteo{
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#FFFFFF;
	color: #617381;
	font-size: 11px;
}

#meteo .texte{
	margin-left: 50px;
	margin-top: 3px;
	display: block;
}

#meteo .texteorange{
color:#FF6600;
font-weight:bold;
}

#meteo .villemeteo{
	padding: 0;
	margin: 3px 0 0 0;
}

/* ------------ MON COMPTE ------------ */
#moncompte {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#moncompte .contenu{
	border-top: 1px dotted #FFFFFF;
	background-image:url(decoupe/pointillets_login.gif);
	background-repeat:no-repeat;
	padding: 2px 0 0 4px;
}

#moncompte .formcompte{
	margin-top: 3px;
	text-align: right; 
	padding-left:0;
}

#moncompte .champMail{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #7A8995;
	border: 1px solid #FFFFFF;
	width: 76px;
	color: #FFFFFF;
	margin-top: 4px;
	padding-left:3px;
}

#moncompte input.button {
	border: 0;
	margin-top: 3px;
}

/* ------------ ANNONCES A LA UNE ------------ */
#annonces_une {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#D6AC1C;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#annonces_une .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
}

/* ------------ RECHERCHE ANNONCE --------- */
#rech_annonce {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#AC2C4D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#rech_annonce .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
}

#rech_annonce .formannonce{
	margin-top: 3px;
	text-align: right; 
	padding: 3px;
}

#rech_annonce .champMail{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #B23B5A;
	border: 1px solid #FFFFFF;
	width: 76px;
	color: #FFFFFF;
	margin-top: 4px;
	padding-left:3px;
}

#rech_annonce input.button {
	border: 0;
	margin-top: 3px;
}

/* ------------ BLOC PRODUITS AVEC SELECT --------- */
#bloc_produits {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#9CB349;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#bloc_produits .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
}

#bloc_produits .formselect{
	margin-top: 6px;
	margin-bottom: 5px;
	text-align: center; 
	padding: 3px;

}

#bloc_produits .selection{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #ACC063;
	border: 1px solid #FFFFFF;
	width: 160px;
	color: #FFFFFF;
}

/* ------------ NEWSLETTER --------- */
#newsletter {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#0E4097;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#newsletter .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
}

#newsletter .formnewsletter{
	margin-top: 3px;
	text-align: right; 
	padding: 3px;
}

#newsletter .champMail{
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #1F4D9E;
	border: 1px solid #FFFFFF;
	width: 89px;
	color: #FFFFFF;
	margin-top: 4px;
	padding-left:3px;
}

#newsletter input.button {
	border: 0;
	margin-top: 3px;
}

#newsletter .txt{
	display: block;
	margin-top: 4px;
	padding-left:7px;
	
}

/* ------------ BLOCS LIENS BLEUS --------- */
#bloc_bleu {
	width:169px;
	padding: 3px;
	margin: 0;
	background-color:#00A6EC;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ BLOC SLOGAN BANQUE --------- */
#slogan_banque {
	width:172px;
	height: 47px;
	padding: 0;
	margin: 0;
	background-color:#DBBB2A;
	background-image:url(decoupe/bloc_projet_banque.gif);
	background-repeat:no-repeat;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#slogan_trophees2008 {
	width:172px;
	height: 47px;
	padding: 0;
	margin: 0;
	background-color:#000000;
	background-image:url(decoupe/bloc_trophees2008.jpg);
	background-repeat:no-repeat;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ PAGES PRODUITS - STYLE --------- */

#produits{
	padding: 0;
	margin: 0;
}

#produits .header{
	height: 40px;
	padding: 0;
	border-bottom: 1px dotted #617483;
	background: #F5F5F5 url("decoupe/projets.gif") no-repeat left bottom;
	text-align: right;
}

#produits .contenu{
	text-align:justify;
	margin-top: 10px;
}

/* ------------ PAGES TROPHEES 2005 - STYLE --------- */

#trophees{
	padding: 0;
	margin: 0;
}

#trophees .header{
	height: 105px;
	padding: 0;
	border-bottom: 1px dotted #617483;
	background: #F5F5F5 url("decoupe/bandeau_trophees_2008.jpg") no-repeat center top;
}

#trophees .contenu{
	text-align: justify;
	margin-top: 10px;
	width: 99%;
}
#trophees .contenu table tr td img {
	border: 0;
	margin: 0 10px 5px 0;
	float: left;
}

/* ------------ PRODUITS - STYLE GLOBAL --------- */
#colonne_produits .texte {
	display: block;
	padding-top: 13px;
	line-height: 12px;
}

#colonne_produits .image {
	padding: 10px;
	float: left;
}

.imageevenement {
border:1px solid #000000;
margin: 5px;
}

/* ------------ PRODUIT 1 --------- */
#produit1 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#CB7D2A;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ PRODUIT 2 --------- */
#produit2 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#8D844D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ PRODUIT 3 --------- */
#produit3 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#9CB349;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ PRODUIT 4 --------- */
#produit4 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#50939B;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
/* ------------ PRODUIT 5 --------- */
#produit5 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
/* ------------ PRODUIT 6 --------- */
#produit6 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#D6AC1C;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ bloctrophees1 --------- */
#bloctrophees1 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#38196C;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ bloctrophees2 --------- */
#bloctrophees2 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#4C3663;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ bloctrophees3 --------- */
#bloctrophees3 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#75809C;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ bloctrophees4 --------- */
#bloctrophees4 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#43849F;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ bloctrophees5 --------- */
#bloctrophees5 {
	width:172px;
	padding: 0;
	margin: 0;
	background-color:#335965;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* ------------ ACTUALITES --------- */
#actualites{
	padding: 0;
	margin: 0;
}

#actualites .header{
	height: 40px;
	padding: 0;
	border-bottom: 1px dotted #617483;
	background: #F5F5F5 url("decoupe/actualites.gif") no-repeat left bottom;
	text-align: right;
}

#actualites .contenu{
	text-align:justify;
	position: relative;
	margin-top: 10px;
}

.imageactu{
padding-right:5px;
}

.titre_news	 {
	width:560px;
	padding: 3px;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
	}

#contenu_news{
	
	width:400px;
	background-color: #F4F4F4;
	
}

/* ------------ EVENEMENTS --------- */
#evenements{
	width: 197px;
	padding:0;
	margin: 0;
	float: left;
}

#evenements .header{
	height: 20px;
	padding: 0;
	border-bottom: 1px dotted #617483;
	background: url("decoupe/evenements.gif") no-repeat left bottom;
	text-align: right;
}

#evenements .contenu{
	text-align:justify;
	position: relative;
	margin-top: 8px;

}

#evenements .entete{
	margin-left: 52px;
	display:block;
	text-align:left;
	padding: 0;
	color: #D1A819;
	font-weight: bold;
	}

#evenements .italic{
	margin-left: 52px;
	display:block;
	text-align:left;
	padding: 0;
	font-size:10px;
	font-style:italic;
	}

#evenements p{
	margin-bottom: 5px;
}

/* ------------ AGENDA --------- */
#agenda{
	padding:0;
	margin-left: 207px;
}

#agenda .header{
	height: 20px;
	padding: 0;
	background: url("decoupe/agenda.gif") no-repeat left bottom;
	text-align: right;
}

#agenda .contenu{

}

#agenda .date{
	color: #576A79;
	font-weight: bold;
	font-size:11px;
}

#agenda .intitule{
	color: #D1A819;
	font-weight: bold;
	font-size:11px;
}

#agenda  .lieu{
	font-size:10px;
	}

/* ------------ BAS DE PAGE --------- */

#bas_de_page{
	height: 80px;
	width: 590px;
	background-color: #F4F4F4;
	padding-top: 10px;
}

#bas_de_page .lienscontext{
	width: 165px;
	padding:0;
	margin-top:7px;
	padding-left:10px;
	margin: 0;
	float: left;
}

#bas_de_page .contactez{
	width:197px;
	padding: 0;
	padding-left: 10px;
	float:left;
}

#bas_de_page .logoBP{
	width: 190px;
	padding: 0;
	margin: 0;
	float: right;
	padding-right: 10px;
}

#bas_de_page_home{
	height: 75px;
	width: 590px;
	background-color: #F4F4F4;
	padding-top: 10px;
	margin-left: 170px;
}
#bas_de_page_home .lienscontext{
	width: 165px;
	padding:0;
	margin-top:7px;
	padding-left:10px;
	margin: 0;
	float: left;
}
#bas_de_page_home .contactez{
	width:197px;
	padding: 0;
	padding-left: 10px;
	float:left;
}
#bas_de_page_home .logoBP{
	width: 190px;
	padding: 0;
	margin: 0;
	float: right;
	padding-right: 10px;
}

/* ------------ STYLE TABLEAUX PRODUITS ET ANNONCES --------- */
.detailsproduit{
background-color: #F3F5F4;
padding: 3px;
text-align:left;
}

.entetetableau{
padding:3px;
background-color:#E4E4E4;
}

#entetes {
	padding: 4px;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	margin-bottom:10px;
}

.titre_annonce	 {
	width:423px;
	padding: 3px;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
}

#entetes .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
	background-repeat:no-repeat;
	padding-left:15px;
}

#espaceannonceurs{

}
#espaceannonceurs .entetes{
	width:570px;
	padding: 4px;
	margin: 0;
	background-color:#70808D;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	margin-bottom:10px;
}
#espaceannonceurs .contenu{
	border-top: 1px dotted #FFFFFF;
	padding-top: 2px;
	
	background-repeat:no-repeat;
	margin-left:2px;
}

/********************* end **********************/