/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
html{background: #b5b6ac url(/images/fond3.jpg) top fixed ;}

body {
	background:url(/images/fond-footer.png) bottom center no-repeat;
	font-size: 70%;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding:0px;
	margin:0px;
}
a {color: #1f4b18;}
a:hover {color: #639a41;}
a:active { color:#639a41;}

img{ border:none;}

#ie6msg{border:3px solid #090; margin: 0px 0px 0px 0px; background:#cfc; color:#000; width: 600px;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}


/* ----------               -------------- */
#container {
	background:url(/images/page.png) top center repeat-y;
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#container2 {
	background: url(/images/fond-int-pro.jpg) top center no-repeat;
	width:899px;
	margin: 0 30px 0 21px;
}
/* ----------               -------------- */
#EnTete { padding: 0px;	margin: 0; height:120px; }

	#logo{ padding-top: 40px; width:100%; text-align:left; } img { vertical-align: top;}
	
#nav {	z-index:1000; position: absolute; width: 899px; top: 0px; background: url(/images/fond-nav.png) top left repeat-x; }
		#navigation { margin: 0 ; padding: 0 ; list-style: none; }
		
		#navigation li { float: left ; color: #FFF ; }
		
		#navigation li a {
			display: block ;
			color: #EEE;
			font-size: 1.2em;
			padding: 7px 10px;
			text-align: center ;
			text-decoration:none;
			font-weight:bold;
		}
		#navigation li a:hover, #navigation li a:focus, #navigation li a:active { color:#395c1b; }
		
		#nav ul li ul {	
			display:none;
			background:#5f8d27;
			border:#5f8d27 12px solid;
			-webkit-border-bottom-left-radius: 16px;
			-webkit-border-bottom-right-radius: 16px;
			-webkit-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
			-moz-border-radius:0 0 16px 16px;
			-moz-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
			}
		#nav ul li ul li a { text-align:left;}
		#nav ul li:hover ul { display:block; margin:0; padding:0; list-style: none; font-size:.8em; font-weight:normal; color:#395c1b; }
		#nav li:hover ul li { float:none; }
		#nav li ul { position:absolute; }
	
	#login{
		position: absolute;
		background:url(/images/panneau-log-pro.png) top center no-repeat;
		width:265px;
		height:265px;
		z-index:2;
		right:20px;
		top: 20px;
		}
		#login div.conteneur{ margin: 18px 0 0 25px; width:215px; color: #FFF;}
		
		#login div.conteneur div a{  color: #FFF; }	
		#login div form{ padding: 0px 0; text-align:center; }	

	#logout{
		position: absolute;
		right:45px;
		top: 40px;
		background-color: #FFF;
		width:200px;
		height:125px;
		z-index:2;
		border: #6B8F25 solid 1px;
		-webkit-border-bottom-left-radius:16px;-webkit-border-bottom-right-radius:16px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;-webkit-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
		-moz-border-radius:16px 16px 16px 16px;-moz-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
		}		
		#logout div.conteneur{ margin: 10px; width:180px; color: #6B8F25;font-size: 9px; }
		#logout div.label {width: 65px;  text-align:right;float: left;padding-right: 5px; text-decoration:underline;}
		#logout div.value {width: 110px; text-align:left;float: right; font-weight:bold;}

		.inputLOG{
			background:url(/images/fond-input.png) top center no-repeat;
			height:20px;
			width:193px;
			margin: 2px 6px 4px 0;
			text-align:center;
			border:none;
			}
		.boutonOK{ text-align:right; }
		.perdu{	text-align:right; }
 		.perdu a{color:#FFF; text-decoration:underline;}
		.perdu a:hover{color:#FFF; text-decoration:none;}

/* -----------------Colonne--------------------- */
#sidebar {
	padding: 5px;
	margin-left: 670px;
	margin-right: 0px;
	margin-top: 50px;
}

/* --------------Page (avec colonne de droite)------------- */
#Page {
	float: left;
	width: 670px;
	margin: 0px;
	padding: 0px;
	}
	#contenu{ color:#58585a; }
	
/* --------------Page2 (Pleine page)------------- */
#Page2 {
	float: left;
	width: 890px;
	margin: 0px;
	padding: 0px;
	}
	#contenu{ padding:15px; color:#58585a;}

/* --------------                  ------------- */
div.News{
	display:block;
	width:640px;
	margin:20px 0;
}

div.News-info{
	background:url(/images/news-meta.png) top center no-repeat;
	height:67px;
	margin:0; padding:0;
	}
	div.News-info h2{
		color: #2f4807;
		margin:0;
		padding:10px 0px 0px 10px;
		}
	.news-meta{
		margin:0;
		padding:0px 0px 0px 20px;
		font-size:.8em;
		font-style:italic;
	}
	.news-img{
		display:block;
		margin:5px 15px 0px 15px;
		float:left;
	}
	
div.News-contenu{
	background:url(/images/news-contenu.png) top center repeat-y;
	overflow:auto;
	padding:0px 10px;
}
div.News-footer{
	background:url(/images/news-footer.png) top center no-repeat;
	height:30px;
	text-align:right;
	padding:0px 15px;
}

/* -----------footer--------------------------- */
#herbe{
	width:950px;
	height:165px;
	margin:0 auto;
	text-align:center;
	background: url(/images/fond-footer.png) top center no-repeat;
}
#footer{
	color:#666;
	width:600px;
	text-align:center;
	margin:0 auto;
	padding-top:140px;
	font-size: 0.8em;
}
#footer a{ text-decoration:underline; color:#666;} #footer a:hover{ text-decoration:none; color:#333}
.clearfloat{ clear: both; margin: 0; padding: 0; visibility: hidden; }

/* progress bar container */
#progressbar{
        border:1px solid black;
        width:200px;
        height:20px;
        position:relative;
        color:black; 
}
/* color bar */
#progressbar div.progress{
        position:absolute;
        width:0;
        height:100%;
        overflow:hidden;
        background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
        position:absolute;
        text-align:center;
        color:white;
}
/* text off bar */
#progressbar div.text{
        position:absolute;
        width:100%;
        height:100%;
        text-align:center;
}

/* global */
.center { text-align: center; }
.justify { text-align: justify; }
.error { color: #F00; }
.success { color: #0F0; }
.petit_texte { font-size: 0.7em; }
.mini { font-size: 8px;}
.bouton { cursor: pointer;}
.soustitre {font-size: 1.4em;font-weight: bold;color: #557755;}
div.titre {font-size: 2.0em;font-weight: bold;margin-bottom: 10px;color: #557755;}
h1.titre {font-size: 2.0em;font-weight: bold;margin-bottom: 10px;margin-top:0px;padding:0px;color: #557755;}
h2.titre {font-size: 1.4em;font-weight: bold;margin-bottom: 10px;color: #557755;}
div.centered { width:640px;margin-left:auto;margin-right:auto;}
sup { font-size: 0.6em; }
sub { font-size: 0.6em; }

p.perdu a{font-size: 0.8em;}

div.menuinpage { margin-bottom: 30px; text-align: center; font-size: 2.0em;}

/* indicateur de chargement */
#loading_indicator{position: fixed;left: 10px;top: 10px;width: 30px;height: 30px;background: transparent url(../images/loading.gif) no-repeat top left;}

/* Notifications : setFlash() */
#kyyple_notifications { width: 668px;}
div.flash_notice { background-color:#FFF; padding: 10px; text-decoration: blink; color:#090; border: #090 solid 2px;}
div.flash_error { background-color:#FFF; padding: 10px; text-decoration: blink;color:#900;border: #900 solid 2px;}

/* presentation */
ul.presentation { margin-left: -40px;}
ul.presentation li { margin-left: 20px; }
/* home page */
div.signinbox{float: left;width: 278px;margin: 0px 10px;padding: 10px;border: #000 solid 1px;-webkit-border-bottom-left-radius:16px;-webkit-border-bottom-right-radius:16px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;-webkit-box-shadow: 10px 5px 10px rgba(0,0,0,0.4); -moz-border-radius:16px 16px 16px 16px;-moz-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);}
div.signinbox h1.title {font-size: 32px;margin: 3px;height: 120px;text-transform: uppercase;text-align: center;}
div.signinbox h2.details {font-size: 1.30em;margin: 3px;height: 80px;text-align: justify;}
div.signinbox p.link {text-align: center;}
#signinboxuser { background: url(/images/accueil-utilisateur.png) center bottom no-repeat; }
#signinboxpro { background: url(/images/accueil-pro.png) center bottom no-repeat; }
#presentationgen {padding: 10px;margin: 0px 10px;}
#presentationgen p.explain {text-align: justify;font-size: 1.30em;margin-top: 30px;}
#presentationgen span.big {font-size: 1.5em;}
#innerexplain {float: left;width: 300px;}
#dd_arrose {float: right;}

/* presentation */
div.userstep{float: left;position: relative;width: 130px; margin-left: 15px;}
p.step {color: #9DC66B;text-align:center;font-size: 12px;}

/* inscription */
div.cgu_inscription {border: #000 double 3px;padding: 15px;height: 100px;overflow: auto;}

/* contactez nous */
table.kontacttable { width: 470px; margin-left:auto; margin-right:auto;	}
table.kontacttable td { width: 50%;	text-align: center; font-size: 1.6em; }

/* pager */
div.pagination {margin: 15px 0px;text-align: center;font-size: 1.25em;vertical-align: middle;color: #000;}
div.pagination a {color: #777;}
div.pagination_desc {margin-top: -10px;text-align: center;font-size: 0.8em;}

/* news */
#news_cat_sel {float: right;color: #000;font-size: 0.5em;font-weight: normal;margin-top: 25px;}

/* profil utilisateur */
div.carte_profil {width: 384px;height: 244px;overflow:hidden;}
div.contour_map {margin-top: 20px;width: 460px;height: 361px;background: url(/images/contour_carte.png) top left no-repeat;padding-left: 39px;padding-top: 48px;}

/* annonces */
#NouvelleAnnonce {float: right;margin-top: -37px;}
#SupprimerAnnonce {float: right;}
#AnnonceLegende {margin-top: 40px;padding: 6px;border: #000 solid 1px;background-color: #EEE;height: 110px;-moz-border-radius:16px 16px 16px 16px;-webkit-border-radius:16px 16px 16px 16px;}
#AnnonceLegende div {width: 100px;padding-left: 25px;padding-right: 25px;float: left;text-align: center;color: #296700;}
div.help {padding: 5px;margin-top: 10px;border: #000 dashed 1px;background-color: #DDD;font-size: 10px; font-weight: normal; text-align: left;}
div.resumeannonce {border: #000 solid 1px;padding: 3px;font-size: 1.0em;margin: 10px 0px;}
div.annonce_section {background: url(/images/sectionannonce.png) top left no-repeat;height: 30px;color: #296700;font-size: 1.8em;padding-left: 10px;text-transform: uppercase;margin-top: 30px;margin-bottom: 10px;}
div.annonce_section_pro {background: url(/images/sectionannonce-pro.png) top left no-repeat;height: 30px;color: #3f5383;font-size: 1.8em;padding-left: 10px;text-transform: uppercase;margin-top: 30px;margin-bottom: 10px;}
div.editsection {float:right;display: none;margin-top: 8px;margin-right: 8px;padding: 0px 10px;background-color: #296700;color: #FFF;font-size: 0.5em;cursor: pointer;text-transform: capitalize;/margin-top:-15px;}
div.carte_annonce {width: 700px;height: 300px;float: left; overflow: hidden;}
div.carte_annonce_pro {width: 870px;height: 400px; overflow: hidden;}
span.trash {visibility: hidden;position: absolute;cursor: pointer;}
span.trash50 {visibility: hidden;position: absolute;cursor: pointer;margin-left:-20px; margin-top: 10px;}
div.News-info a {text-decoration: none;}
table.dispo {margin-top:20px;width: 100%;border-collapse:collapse;}
table.dispo tr{border-bottom: #000 solid 1px;}
table.dispo th{width:80px;}
table.dispo th.jour{background-color: #555;color:#FFF;border-left: #000 solid 1px;border-right: #000 solid 1px;}
table.dispo td{padding:0px;border-left: #555 solid 1px;border-right: #000 solid 1px; text-align:center;}
table.dispo div.contact{background-color: #555;color:#FFF;text-align:center;margin: 0;}
table.dispo div.contact_error{background-color: #555;color:#F00;text-align:center;margin: 0;}



/* Revue de presse */
div.article_presse {margin-bottom: 40px;}
p.auteur_presse {font-style: italic; font-size: 0.8em;}
div.titre_presse {background: url(/images/separateur.png) top left no-repeat;	height: 30px;padding-left: 10px;margin-top: 30px;margin-bottom: 10px;}

/* CONTACTS UTILISATEUR */
table.contacts { margin-top: 30px;width: 100%; border-collapse: collapse; text-align:center;}
table.contacts th { border-bottom: black double 3px;}
table.contacts tr { border-bottom: black solid 1px;}
table.contacts tr.pair { background-color: #F00;}
table.contacts tr.impair { background-color: #0F0;}
table.contacts td { padding: 5px 0px 5px 0px;}
table.contacts td.right { text-align:right;}
table.contacts td.left { text-align:left;}

/* side bar */
div.side_section { text-align:center; margin-top: 15px;}

/* partenaire */
div.partenairerow { text-align: center; margin-bottom: 2px;}
div.partenairerow img { vertical-align: middle; }
/* PUB */
div.imgpub {text-align:center;}

/* FAQ */
div.faq { margin-top: 40px; }
div.faqq { font-size: 1.5em; font-weight: bolder; background: url(/images/separateur.png) top left no-repeat;}
div.faqr { color: #000; font-size: 1.2em; margin-top: 10px;}

/* Annuaire Producteur */
div.FicheAnnu{ display:block; width:640px; margin:20px 0; }
div.FicheAnnu a { text-decoration: none;}

div.FicheAnnu-head { background:url(/images/news-meta.png) top center no-repeat; height:67px; margin:0; padding:0; font-size: 10px;}
div.FicheAnnu-head div { margin-left: 10px;}
div.FicheAnnu-head h2.A { font-size: 16px; color: #74a822; margin:0px; padding:0px; }
div.FicheAnnu-head h2.NA { font-size: 16px; color: #777;  margin:0px; padding:0;}
div.FicheAnnu-head span.distance { font-size: 8px; font-style: italic;}
	
div.FicheAnnu-contenu{ background:url(/images/news-contenu.png) top center repeat-y; overflow:auto;	padding:10px; }

div.FicheAnnu-footer{ background:url(/images/news-footer.png) top center no-repeat; height:30px; text-align:right; padding:0px 10px; }
div.FicheAnnu-footer div.footer_element_left { float: left;margin-right:20px; font-size: 1em; position: relative; top: -2px; }
div.FicheAnnu-footer div.footer_element_right { float: right;margin-left:20px; font-size: 0.8em; }

img.feuille { vertical-align:super;position:relative;top:-3px;left:-3px; }
img.verticalcenter { vertical-align: middle; }
div.carte_annuaire {width: 384px;height: 244px; overflow:hidden;}
div.contour_map_center {margin-left:auto;margin-right:auto;margin-top: 10px;width: 460px;height: 361px;background: url(/images/contour_carte.png) top left no-repeat;padding-left: 39px;padding-top: 48px;}
div.contour_map_distance { color: #000; padding-top: 5px;}

div.annuaire_info_g { float: left; width: 100px;}
div.annuaire_info_d { float: left; }

table.fiche_producteur { width: 100%; }
table.fiche_producteur th { vertical-align: top; }

/* annonces pour pro */
table.pro_annonces { width: 100%; text-align: center;}
table.pro_annonce { width: 100%; border-collapse: collapse;}
table.pro_annonce tr { border-bottom: #000 dotted 1px; border-top: #000 dotted 1px;}
table.pro_annonce th { text-align:center; padding-right: 5px; width: 100px; font-weight: normal;}
table.pro_annonce td { text-align:left; padding-left: 5px; font-weight: bold; border-left: #000 dotted 1px;}
table.coordonneesGPS { width: 100%; }
table.coordonneesGPS th { text-align:right; width: 150px; font-weight: normal; }
table.coordonneesGPS td { text-align:left; font-weight: bold; }
table.photos { width: 100%; }
table.photos th { width: 150px; text-align:center;}
table.photos td { text-align:left;}

/* listes */
table.liste { width: 100%; text-align: center; border-collapse: collapse;}
table.liste th { border-bottom: #000 double 3px;}

/*input multicouche*/
div.inputmulticouche{
	float: left;
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	height: 18px;
	width: 150px;
	margin-right: 4px;
	border: #557755 solid 1px;
	z-index: 1000;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
 
div.couche_label {
	z-index: 0;
	color: #ACA;
	width: 148px;
	height: 18px;
  	position: absolute;
  	top: 0;
  	left: 0;
	padding: 0px 1px 0px 1px;
	vertical-align: middle;
	background-color: white;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius:4px 4px 4px 4px;
}

div.couche_label div
{
	z-index: 0;
	margin-top: 2px;
	margin-left: 2px;
	height: 14px;
	font-size: 9px;
}

input.couche_input {
  	z-index: 50;
	background-color: transparent;
	border: 0;
	width: 150px;
 	height: 18px;
  	position: absolute;
  	top: 0;
  	left: 0;
}

div.access_photo
{
	float: left;
	width: 250px;
	border: #777 double 3px;
	margin-left: 20px;
	margin-bottom: 5px;
}

div.access_image
{
	background-color: #FFF;
}

div.access_image img
{
	margin: 5px;
}

div.access_legende
{
	color: #FFF;
	background-color: #000;
	border: black solid 1px;
	margin: 5px;
	padding: 5px;
}

div.accueil_block
{
	margin-top: 30px;
	padding: 10px;
	border: #000 solid 1px;
	-webkit-border-bottom-left-radius:16px;
	-webkit-border-bottom-right-radius:16px;
	-webkit-border-top-left-radius:16px;
	-webkit-border-top-right-radius:16px;
	-webkit-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
	-moz-border-radius:16px 16px 16px 16px;
	-moz-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);
}

div.accueil_block a { text-decoration: none;}

div.titre_block {background: url(/images/separateur.png) top left no-repeat; height: 30px;padding-left: 10px;margin-bottom: 10px;}

#ousuisje { position: absolute; top: 70px; left: 150px; width: 600px; font-size: 10px;}

table.distribution { width:100%;  text-align:center; border-collapse: collapse;}
table.distribution th { padding: 3px; color: white; background-color: black; border: white solid 1px;}
table.distribution td { padding: 3px; }
table.distribution tr.pair { background-color: #CCFFD2;}
table.distribution tr.impair { background-color: #9CFFA7;}

div.espaceuser { position: absolute; height:200px; width:200px; left: 400px;top:0px; z-index:2000;}

div.exemplebesoin{margin: 0px 10px;padding: 10px;border: #000 solid 1px; font-size: 16px; text-align: justify; -webkit-border-bottom-left-radius:16px;-webkit-border-bottom-right-radius:16px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;-webkit-box-shadow: 10px 5px 10px rgba(0,0,0,0.4); -moz-border-radius:16px 16px 16px 16px;-moz-box-shadow: 10px 5px 10px rgba(0,0,0,0.4);}