/* Mise en forme du site AgroBio Périgord */

/* Balises standard */
html,
body{
	height: 100%;
}
body{
	background-color:#ffffff;
	color:#444444;
	text-align:center;
	margin:0;
	padding:0;
	color:#444444;
	font-size:12px;
	line-height:14px;
	font-family:arial;
}
a{
	color:#444444;
}
a img{
	border:0;
}
h1{
	font-size:15px;
	color:#007141;
	width:438px;
	height:31px;
	line-height:31px;
	background-repeat:no-repeat;
}
h2{
	font-size:13px;
	color:#007141;
}
h1 span,
h2 span{
	display:none;
}
h3{
	font-size:12px;
}
th{
	text-align:left;
}
form{
	margin:0;
}

/* Conteneur de la page type et page espace adherents */
#page,
#adherents{
	width:900px;
	margin:0 auto 0 auto;
	text-align:left;
}

/* Haut de page */
#haut #contactezNous{
	position:relative;
	top:-50px;
	margin:0 0 -30px 0;
	float:right;
	background-image:url(/images/bouton_contact.gif);
	background-repeat:no-repeat;
	background-position:right 1px;
	padding-top:20px;
}
#haut #contactezNous *{
	font-size:11px;
}
#haut ul{
	list-style:none;
	margin:10px 0 15px 30px;
	padding:0;
	height:25px;
}
#haut ul li{
	float:left;
	margin:0 8px 0 0;
}
#haut ul li a{
	display:block;
	background-image:url(/images/bouton_long_roll.gif);
	background-position:2px 0;
	background-repeat:no-repeat;
	width:125px;
	height:31px;
	text-decoration:none;
	text-align:center;
	color:#42a315;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
}
#haut ul li a:hover,
#haut ul li a#actif{
	background-image:url(/images/bouton_long.gif);
	background-position:2px 0;
	color:#ffffff;
}
#haut ul li a.survol,
#haut ul li a.survol:hover,
#haut ul li a.survol#actif{
	background-image:url(/images/bulle_01.png);
	background-position:0 0;
	color:#ffffff;
}
#haut ul li.court a{
	background-image:url(/images/bouton_courts_roll.gif);
	background-position:0 0;
	width:90px;
}
#haut ul li.court a:hover,
#haut ul li.court a.survol,
#haut ul li.court a#actif{
	background-image:url(/images/bouton_courts.gif);
	background-position:0 0;
}
#haut ul ul{
	position:absolute;
	visibility:hidden;
	z-index:2;
	margin:0 0 0 -2px;
	padding:0;
}
#haut ul ul li{
	float:none;
	width:199px;
}
#haut ul ul li a{
	background-image:url(/images/bulle_03.png);
	text-align:left;
	width:189px;
	height:21px;
	padding:0 0 0 8px;
	line-height:20px;
	color:#e0f1da;
	font-size:11px;
	white-space:nowrap;
}
#haut ul ul li a:hover,
#haut ul ul li a.survol,
#haut ul ul li a#actif{
	background-image:url(/images/bulle_03_survol.png);
}
#haut ul ul li.haut a{
	background-image:url(/images/bulle_02.png);
	height:22px;
	padding-top:10px;
}
#haut ul ul li.haut a:hover,
#haut ul ul li.haut a.survol,
#haut ul ul li.haut a#actif{
	background-image:url(/images/bulle_02_survol.png);
}
#haut ul ul li.bas a{
	background-image:url(/images/bulle_04.png);
	height:34px;
}
#haut ul ul li.bas a:hover,
#haut ul ul li.bas a.survol,
#haut ul ul li.bas a#actif{
	background-image:url(/images/bulle_04_survol.png);
}
#haut iframe{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}

/* Milieu de page */
#milieu{
	clear:both;
	overflow:visible;
}
#milieu #contenu{
	width:100%;
	float:left;
}
#contenu ul{
	margin:10px 0 0 0;
	padding:0;
}
#contenu li{
	background-image:url(/images/puce.gif);
	background-repeat:no-repeat;
	list-style:none;
	padding:0 0 10px 15px;
}
#contenu b{
	color:#007141;
}
.colonne,
.gauche{
	float:left;
	margin-right:10px;
}
.droite{
	float:right;
	margin-left:10px;
}
.c1{
	width:31%;
	margin-right:1%;
}
.c2{
	width:48%;
	margin-right:1%;
}
.c3{
	width:63%;
}
.c4{
	width:99%;
}
.c1 h2{
	background-repeat:no-repeat;
}
.colonne h2,
.popup h2,
.trait{
	border-bottom:1px solid #febe08;
}
.c1 .trait{
	width:75%;
}
.c3 .trait{
	width:82%;
}
.separateur{
	clear:both;
	font-size:0;
	height:1px;
}
.panneau{
	float:left;
	width:425px;
	margin:0 10px 10px 0;
}
.c1 .panneau,
.panneau.utilisateur{
	width:275px;
}
.panneau h3{
	background-repeat:no-repeat;
	height:26px;
	color:#ffffff;
	line-height:16px;
	padding:0 0 0 10px;
	background-image:url(/images/fond_evenement_long.gif);
	width:430px;
}
.c1 .panneau h3,
.panneau.utilisateur h3{
	background-image:url(/images/fond_evenement.gif);
	width:280px;
}
.panneau *{
	margin:0;
}
.photo{
	float:left;
	text-align:center;
	width:140px;
	margin:0 10px 10px 0;
}
.photo *{
	font-size:10px;
	text-align:left;
}
.photo h3{
	background-image:none;
	font-size:11px;
	padding:0;
	color:#007141;
	width:100%;
	height:35px;
}
.photo a{
	display:block;
	width:140px;
	height:110px;
	background-color:#eeeeee;
	border: 1px solid #007141;
}
.photo a:hover{
	background-color:#cccccc;
}
.photo a img{
	margin:9px;
	border: 1px solid #007141;
}
.lien{
	cursor:pointer;
}
.lien#actif *{
	color:#000000;
}
.lien#actif h3{
	color:#ffffff;
}
.pages{
	text-align:center;
}
.pages *{
	line-height:20px;
	vertical-align:middle;
}
.pdf{
	display:block;
	background-image:url(/images/ico_pdf.gif);
	background-repeat:no-repeat;
	padding:0 0 0 21px;
	min-height:20px;
}
.utilisateur{
	margin:0 10px 10px 0;

}

/* Bas de page */
#bas{
	clear:both;
	padding-top:10px;
}
#bas ul{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#febe08;
	height:20px;
}
#bas ul li{
	float:left;
	background-image:url(/images/separateur.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#bas ul li a{
	display:block;
	height:20px;
	line-height:20px;
	padding:0 15px 0 15px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
#bas ul li a:hover{
	color:#007141;
}
#bas p{
	background-color:#007141;
	color:#ffffff;
	margin:0;
	line-height:20px;
	padding:0 0 0 20px;
}
#bas p *{
	color:#ffffff;
}
#bas #partenaires a{
	display:block;
	float:left;
	line-height:42px;
	margin:5px 10px 0 10px;
}
#bas #partenaires a#ircf{
	text-align:center;
	float:none;
}
#bas #partenaires a#bioaquitaine{
	float:right;
}

/* Elements spécifiques à la page d'accueil */
#bienvenue{
	width:300px;
}
#bienvenue h1{
	background-image:url(/images/titre_bienvenue.gif);
	background-repeat:no-repeat;
	width:300px;
	height:58px;
	margin:0;
}
#bienvenue p{
	color:#007141;
	font-size:12px;
	line-height:16px;
	margin:0 0 20px 0;
}
#identification{
	background-image:url(/images/fond_espaceadherent.gif);
	width:287px;
	height:91px;
}
#identification h2{
	color:#007141;
	height:auto;
	margin:0;
	position:relative;
	top:5px;
	left:30px;
	border-bottom:none;
}
#identification #deconnexion{
	float:right;
	background-image:url(/images/croix.gif);
	background-repeat:no-repeat;
	background-position:right 2px;
	padding:0 15px 0 0;
	color:#999999;
}
#identification .colonne{
	font-weight:bold;
	color:#007141;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}
#identification form{
	margin:15px 0 0 0;
}
#identification input{
	margin:1px 0 0 -4px;
	height:15px;
}
#identification .ok{
	margin:0;
	height:23px;
}
.c1 h2#consommerBio{
	background-image:url(/images/titre_comsommerbio.gif);
	height:35px;
	border:none;
}
.c1 h2#produireBio{
	background-image:url(/images/titre_produirebio.gif);
	height:35px;
	border:none;
}
.c1 h2#agenda{
	background-image:url(/images/titre_agenda.gif);
	height:35px;
	margin:0 0 10px 0;
	border:none;
}
.bouton{
	display:block;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
	background-image:url(/images/bouton_savoirplus.gif);
	background-color:transparent;
	width:104px;
	height:21px;
	font-weight:bold;
	border:none;
}
input.bouton{
	display:inline;
}
.ok{
	background-image:url(/images/bouton_ok.gif);
	width:47px;
	height:23px;
	background-color:transparent;
}
.savoirPlus{
	margin:10px 0 0 0;
}

/* Elements spécifiques à l'espace adhérents et aministrateur */
#adherents #bas{
	padding:20px 0 0 0;
}
#adherents ul#menuAdherents{
	float:left;
	list-style:none;
	margin:0 20px 30px 0;
	padding:0;
	width:20%;
}
#adherents ul#menuAdherents li a{
	display:block;
	width:95%;
	height:20px;
	line-height:20px;
	text-decoration:none;
	color:#ffffff;
	background-color:#007141;
	padding:0 0 0 5%;
}
#adherents ul#menuAdherents li ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	visibility:visible;
}
#adherents ul#menuAdherents li ul li a{
	color:#007141;
	background-color:#e0f1da;
}
#adherents ul#menuAdherents li ul li a:hover{
	color:#ffffff;
	background-color:#007141;
}
#adherents #contenu{
	width:77%;
}
table.riche{
	background-color:#ffffff;
	border-collapse:collapse;
	width:100%;
}
table.riche th{
	height:25px;
	border-bottom:1px solid #007141;
}
table.riche th a{
	text-decoration:none;
}
table.riche td{
	padding:2px;
}
table.riche .pair{
	background-color:#e0f1da;
}
.message{
	font-weight:bold;
	color:red;
}

/* Calendrier */
#calendar{
	width:210px;
	border:1px solid #ccc;
	text-align:center;
	margin-bottom:20px;
	background-color:#fff;
}
#calendar p{
	margin:5px 0 0 0;
}
#calendar table{
	width:100%;
	border-collapse:collapse;
}
#calendar th,
#calendar td{
	border:1px solid #ccc;
	text-align:center;
}
#calendar .highlight{
	cursor:pointer;
	background-color:#007141;
	color:#fff;
}

/* Titres des pages */
h1#presentation{
	background-image:url(/images/tete_presentation.gif);
}
h1#consommerBio{
	background-image:url(/images/tete_consommerbio.gif);
	padding:0 0 0 210px;
}
h1#produireBio{
	background-image:url(/images/tete_produirebio.gif);
	padding:0 0 0 170px;
}
h1#agenda{
	background-image:url(/images/tete_agenda.gif);
}
h1#petitesAnnonces{
	background-image:url(/images/tete_annonces.gif);
}
h1#galeriePhotos{
	background-image:url(/images/tete_galerie.gif);
	padding:0 0 0 190px;
}
h1#espaceAdherents{
	background-image:url(/images/tete_adherents.gif);
}
h1#administration{
	background-image:url(/images/tete_admin.gif);
}
h1#contact{
	background-image:url(/images/tete_contact.gif);
}
h1#mentionsLegales{
	background-image:url(/images/tete_mentions.gif);
}

/* Effets de voile et de surimpression pour l'aperçu des photos */
#voile,
#apercu{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#voile{
	background-color:#febe08;
	-moz-opacity:.5;
	opacity:.5;
	z-index:9;
}
#apercu{
	-moz-opacity:0;
	opacity:0;
}
#photo{
	width:978px;
	background-color:#eeeeee;
	border:1px solid #007141;
	margin:100px auto 0 auto;
	position:relative;
	z-index:10;
}
#photo a.fermer{
	background-image:url(/images/fermer.gif);
	width:15px;
	height:15px;
	text-align:right;
	margin:10px;
}
#photo .libelle{
	font-weight:bold;
	font-size:14px;
	margin:10px 0 0 0;
}
#photo .commentaires{
}
#photo .credits{
	font-size:10px;
}
#photo img{
	border:1px solid #007141;
}
#photo #media{
	margin:0 auto 0 auto;
	width:960px;
}

/* Panneau qui s'ouvre avec un fondu */
.popup{
	position:absolute;
	background-color:#ffffff;
	border:2px solid #febe08;
	width:900px;
	top:220px;
	padding:10px;
	z-index:10;
	min-height:200px;
	max-height:550px;
	overflow:auto;
	display:none;
	-moz-opacity:0;
	opacity:0;
}
html>body .popup{
}
.fermer{
	float:right;
	background-image:url(/images/fermer.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0 20px 1px 0;
	text-decoration:none;
	color:#007141;
}

/* Etiquettes adhérents */
.etiquette{
	float:left;
	width:6.3cm;
	height:2.8cm;
	margin:0 0.25cm 0 0;
	padding:1cm 0 0 0;
}

/* Graphiques */
.graphique{
	position:relative;
	z-index:1;
	float: left;
	margin-right:10px;
	width: 432px;
}
.graphique.first{
	clear:left;
}
.graphique p{
	margin-left: 40px;
}
.graphique .photo{
	position:absolute;
	top:40px;
	right:0;
	z-index:2;
	display:none;
}
.graphique:hover .photo{
	display:block;
}

/* Lettres des paramètres adhérents */
.lettre{
	text-align:left;
}
.lettre *{
	font-size:14px;
	line-height:20px;
}
.lettre .entete img{
	width:100%;
}
.lettre .destinataire{
	float:right;
}
.lettre .corps{
	clear:both;
	width:auto;
}
.lettre ul li,
.lettre p.parametres{
	font-weight:bold;
	font-size:16px;
}
.lettre .corps .parametres{
	text-align:center;
}
.lettre .corps .encadre{
	border:1px solid #000000;
	padding:10px;
}
.lettre .corps .encadre *{
	font-size:16px;
}
.lettre .corps .signature{
	text-align:right;
}
.lettre .pied{
	background-color:#007141;
	color:#ffffff;
	margin-top:180px;
}
.lettre .pied{
	font-size:12px;
	text-align:center;
}

/* Mise en forme de l'impression */
@media print{
	#menu,
	#menuAdherents,
	#bas ul,
	#partenaires,
	.riche input{
		display:none;
	}
	#adherents #contenu{
		width:100%;
	}
	.riche{
		width:100%;
	}
	#photo{
		margin:0 auto 0 auto;
	}
	.sautPage{
		clear:both;
		page-break-after:always;
	}
}