/* CSS Document */
/* www.iris-interactive.fr */

body {
	background:#E3ECF4 url(../images/_charte/body.gif) repeat-x left top;
	font-family:'arial', Trebuchet MS, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	width:750px;
	text-align:left;
	margin:10px auto;
	padding:0;
}

#entete {
	width:750px;
	height:214px;
	text-align:left;
	margin:0;
	padding:0;
	background:#FFFFFF url(../images/entete.jpg) no-repeat left top;
}
#entete h1{
	position:absolute;
	left:-999em;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre de navigation horizontale */
/* -------------------------------------------------------------------------------------------- */

#nav {
	margin:0;
	padding:1px 0 0 3px;
	background-color:#FFFFFF;
	text-align:left;
	height:25px;
	font-family:'Verdana', Trebuchet MS, sans-serif;
}
#nav h1{
	position:absolute;
	left:-999em;
}
#nav ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#nav li {
	background-color: #D7DAD4;
	display:block;
	float:left;
	margin:0;
	padding:0 2px 0 1px;
	text-align:right;
	border:#FFFFFF thin solid;
}
html>body #nav li {
	margin:0;
	padding:0 4px 0 1px;
}

#nav a {
	margin:0;
	padding:5px;
	display:block;
	color:#000;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}
#nav a:hover {
	color:#FFFFFF;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la gestion des sous-menus */
/* ------------------------------------------------------------------------------------------- */

#nav li ul { 
	position:absolute;
	width:145px;
	left:-999em; 
	text-align:left;
	margin:0 0 0 -2px;
	padding:0 0 0 0;
	border-top:3px #fff solid;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left:auto;
}
#nav li:hover a, #nav li.sfhover a { 
	color:#FFFFFF;
}
#nav li ul li {
	background:#D47800 url(../images/Bg_puce_li_ul_li.gif) no-repeat center left;
	padding:0 0 0 15px;
	margin:0;
	text-align:left;
	border:none;
	width:145px;
}
#nav li ul li a {
	color:#FFFFFF;
	text-align:left;
}
#nav li ul li a:hover {
	text-decoration:underline;
}
/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au contenu en 3 colonnes */
/* ------------------------------------------------------------------------------------------- */
.trois_col {
	background:#FFFFFF url(../images/_charte/Bg_3col.gif) repeat-y top left;
	margin:0;
	padding:0;
	text-align:left;
	display:block;
	height:auto;
}
.trois_col p{
	margin:10px;
	padding:0;
	display:block;
	color:#676A70;
}
.trois_col a{
	color:#D47800;
}
.trois_col a:hover{
	text-decoration:none;
}
.col3_1 {
	display:block;
	float:left;
	width:162px;
	padding:0;
}
.col3_2 {
	display:block;
	float:left;
	padding:0;
	width:366px;
}
.col3_3 {
	display:block;
	float:left;
	padding:0;
	width:222px;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables aux actus en page d'accueil*/
/* ------------------------------------------------------------------------------------------- */
.col3_3 .overflow{
	height:165px;
	overflow-y:auto;
	padding:0;
	margin:0;
	margin-right:4px;
	display:block;
	clear:both;
}
html>body .col3_3 .overflow {
	overflow:auto;
	height:170px;
	display:block;
	clear:both;
}
.col3_3 h3 {
	margin:-3px 10px -5px 10px;
	padding:0;
	display:block;
	font-size:12px;
	text-align:left;
}
.col3_3 p{
	text-align:left;
}
.overflow p{
	text-align: justify;
	clear:left;
}
.col3_2  h3 {
	height:36px;
	margin:5px 10px 0 10px;
	padding:2px 0;
	display:block;
	font-size:12px;
	text-align:left;
	font-weight:normal;
}
html>body .col3_2  h3 {
	padding:0;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au contenu */
/* ------------------------------------------------------------------------------------------- */

#content{
	background: #FFFFFF url(../images/_charte/Bg_global.gif) repeat-y top left;
	margin:0;
	padding:0;
	width:100%;
}
#content a{
	color:#D47800;
}
#content a:hover{
	text-decoration: none;
}
#content input, #content textarea, #content select {
	width:100%;
}
#content input.wauto, 
#content input.checkbox{
	width:auto;
}
#global{
	float:right;
	margin:0;
	padding:0 10px 0 10px;
	color:#545454;
	width:500px;
}
html>body #global{
	width:490px;
}
#global h1{
	background:#fff url(../images/Bg_h1_lglobal.gif) repeat-x left bottom ;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	color:#545454;
	font-size:22px;
}
#global h1.detail{
	padding:0 0 2px 0;
}
html>body #global h1.detail{
	padding:2px 0 4px 0;
}
#global h1.detail span{
	position:absolute;
	left:-999em;
}
#global b{
	color:#000000;
}
#chemin{
	float:right !important;
	padding:0 10px 0 10px !important;
	width:490px !important;
	margin:0 0 15px 0 !important;
	font-size:11px !important;
}
#global p{
	margin:5px 5px 5px 0;
	padding:0;
	text-align:justify;
}
p.detail{
	margin:5px 5px 5px 0;
	padding:0;
	text-align:left;
	clear:both;
}
#global h3{
	margin:15px 0 10px 0;
	padding:0;
	color:#D47800;
	font-size:18px;
	font-weight:normal;
}
#global h3 img{
	margin:-2px 5px 3px 0;
	padding:0;
	vertical-align:bottom;
}
html>body #global h3 img{
	margin:0 5px 0 0;
	padding:0;
}
#global h4{
	margin:0 0 5px 0;
	padding:0;
	color:#D47800;
	font-size:17px;
	font-weight:normal;
}
a img{
	border:none;
}
/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables aux picto */
/* ------------------------------------------------------------------------------------------- */

#global table.picto{
	width:100%;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
#global table.picto td{
	width:35px;
	text-align: center;
	font-size:10px;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables a la colonne de gauche */
/* ------------------------------------------------------------------------------------------- */

.left_col{
	width:240px;
	float:left;
	margin:0;
	padding:28px 8px 12px 8px;
	color:#545454;
}
html>body .left_col{
	width:224px;
}
.left_col h1{
	background:#d8dbd5 url(../images/Bg_h1_left_col.gif) repeat-x left bottom;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	color:#545454;
	font-size:22px;
}
.left_col h2{
	margin:0 0 10px 0;
	padding:0;
	color:#D47800;
	font-size:22px;
	font-weight:normal;
}
.left_col h3{
	margin:10px 0 5px 0;
	padding:0;
	font-size:12px;
	color:#000000;
}

a.acces_proprio{
	background:#d8dbd5 url(../images/Bg_acces_proprio.gif) no-repeat center left;
	margin:0 0 0 0;
	padding:8px 0 0 30px;
	height:23px;
	display:block;
	color:#545454;
}
a:hover.acces_proprio{
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au contenu en 2col */
/* ------------------------------------------------------------------------------------------- */

.deux_col{
	margin:15px 0;
	padding:0;
}
.col2_1, .col2_2 {
	padding:0;
	width: 230px;
	float:left;
}
.col2_1{
	margin:0 30px 0 0;
}
p.color{
	background-color:#ECC48F;
	padding:7px!important;
	margin:0;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables aa champ tarif */
/* ------------------------------------------------------------------------------------------- */

table.tarifs{
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	color:#545454;
}
table.tarifs td.orange{
	width:240px;
	background-color:#E1A04C;
	font-size:11px;
	padding: 0 0 0 5px
}
table.tarifs td.gris{
	width:240px;
	background-color:#D8DBD5;
	font-size:10px;
	padding: 0 0 0 5px
}
table.tarifs td{
	width:240px;
	background-color:#fff;
	font-size:10px;
	padding: 0 0 0 5px
}
table.tarifs th{
	width:240px;
	background-color:#fff;
	font-size:12px;
	font-weight:bold;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables aux éléments génériques */
/* ------------------------------------------------------------------------------------------- */
.spacer{
	width: 100%;
	clear:both;
	height:10px;
}
.mini_spacer{
	display:block;
	width: 100%;
	clear:both;
	font-size:1px;
}
.style_img_left {
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}
.overflow .style_img_left {
	float:left;
	margin:0 2px 2px 0;
	padding:0;
}
html>body .overflow .style_img_left {
	float:left;
	margin:0 2px 0 0;
	padding:0;
}
.style_img_right {
	float:right;
	margin:0 5px 5px 10px;
	padding:0;
}

a.plus{
	margin:0;
	padding:0;
	color:#D47800;
	text-decoration:underline;
	display:block;
}
a:hover.plus{
	text-decoration:none;
}
a.lien_site{
	background: url(../images/img_lienSite.jpg) no-repeat top left;
	margin:0;
	padding:0;
	float:right;
	border:none;
	width: 100px;
	height: 23px;
}
a span{
	position:absolute;
	left:-999em;
}
.row{
	background:#FFF url(../images/Bg_h1_lglobal.gif) repeat-x left top !important;
	width:100%;
	clear: both;
	height:10px;
	margin:5px 0 15px 0;
	padding:0;
}	
.row_gris{
	background:#d8dbd5 url(../images/Bg_h1_left_col.gif) repeat-x left top;
	width:100%;
	clear: both;
	height:10px;
	margin:15px 0 0 0;
	padding:0;
}	

legend{
	margin:0;
	padding:0;
	color:#D47800;
}
p.right{
	margin:10px 15px 0 0 !important;
	padding:0;
	display:block;
	float:right;
}
p.left{
	margin:0;
	padding:0;
	float:left;
	width:400px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */ 
/* -------------------------------------------------------------------------------------------- */

#foot {
	display:block;
	clear:both;
	text-align:center;
	height:5px;
	margin:-20px 0 0 0;
}
html>body #foot {
	margin:-24px 0 0 0;
}

#foot p {
	font-size:11px;
	padding: 0;
	margin:0;
	color:#85888D;
}
#foot p.accueil {
	margin:27px 0 0 0;
}
#foot a {
	text-decoration:none;
	color:#85888D;
}
#foot a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* rollover jolis sur liens avec title */
/* -------------------------------------------------------------------------------------------- */

div.nicetitle {
	z-index:1000;
	position: absolute;
	overflow: hidden;
	width: auto;
	text-align: left;
}
div.nicetitle .text {
	color: #FFFFFF;
	font-weight: bold;
}

div.nicetitle div {
	background: #D47800;
	padding: .6em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
}

/* -------------------------------------------------------------------------------------------- */
/* Zone de recherche des adhérents */
/* -------------------------------------------------------------------------------------------- */
.alfsearch {
	margin:5px;
	padding:5px;
	clear:both;
}
.alfsearch form {
	width:140px;
	float:right;
	margin:0;
	padding:2px;
	text-align:left;
	color:#000000;
}
html>body .alfsearch form {
	width:135px;
	float:right;
	margin:0;
	padding:2px;
	text-align:left;
}
.left_col .alfsearch form {
	width:205px;
/*	background-color:#FFFFFF*/
}
.alfsearch object {
	margin:0 -5px 0 0;
}
.alfsearch form input, .alfsearch form select, .alfsearch form option {
	font-size:9px;
}
.alfsearch form select {
	width:100%;
}
.alfsearch form a.bt_list {
	width:136px;
	height:33px;
	margin:5px 0 5px 0;
	display:block;
	background: url(../images/bt_list_bg.gif) no-repeat center top;
}
.alfsearch form a.bt_all {
	position:absolute;
	left:-999em;
}
.alfsearch form a.bt_list:hover {
	background: url(../images/bt_list_bg.gif) no-repeat center bottom;
}
.alfsearch form a.bt_search {
	width:136px;
	height:25px;
	margin:5px 0 5px 0;
	display:block;
	background: url(../images/bt_search_bg.gif) no-repeat center top;
}
.alfsearch form a.bt_search:hover {
	background: url(../images/bt_search_bg.gif) no-repeat center bottom;
}
.alfsearch form a.bt_map {
	width:136px;
	height:25px;
	margin:5px 0 5px 0;
	display:block;
	background: url(../images/bt_map_bg.gif) no-repeat center top;
}
.alfsearch form a.bt_map:hover {
	background: url(../images/bt_map_bg.gif) no-repeat center bottom;
}
.left_col .alfsearch form a.bt_list, .left_col .alfsearch form a.bt_search, .left_col .alfsearch form a.bt_map {
	width:205px;
}
.alfsearch form a.bt_list span, .alfsearch form a.bt_search span, .alfsearch form a.bt_map span {
	position:absolute;
	left:-999em;
}
.alfsearch form span.legend {
	position:relative;
	left:auto;
	display:block;
	width:135px;
	color:#777777;
}
.alfsearch form hr {
	border: 0;
	color: #CACACA;
	background-color: #CACACA;
	height: 1px;
	width: 100%;
	text-align: center;
	margin:5px 0 5px 0;
}
html>body .alfsearch form hr {
	margin:10px 0 10px 0;
}

/* -------------------------------------------------------------------------------------------- */
/* Liste des d'adhérents */
/* -------------------------------------------------------------------------------------------- */
#AdherentList {
	font-size:11px;
	width:100%;
	padding:0;
	margin:0;
	border-top:#C0E5C0 solid 1px;
}
#AdherentList td {
	border-bottom:#C0E5C0 solid 1px;
	margin:0;
	padding:10px 2px 6px 10px;
	vertical-align:top;
}
#AdherentList td.first {
	width:105px;
	font-size:10px;
}
#AdherentList td b {
	font-size:13px;
}
#AdherentList td a {
	color:#D47800;
}
#AdherentList th {
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
	padding:4px;
	background:url(../images/pos_list_bg.gif) repeat-x;
}
a.bt_list_prev, a.bt_list_next {
	width:33px;
	height:13px;
	margin:2px 2px -2px 2px;
	padding:0;
	display:block;
	float:left;
}
a.bt_list_prev {
	background: url(../images/bt_list_prev_bg.gif) no-repeat left top;
	margin:0 0 2px 0;
}
a.bt_list_prev:hover {
	background: url(../images/bt_list_prev_bg.gif) no-repeat left bottom;
}
a.bt_list_next {
	background: url(../images/bt_list_next_bg.gif) no-repeat left top;
	margin:0 0 2px 0;
}
a.bt_list_next:hover {
	background: url(../images/bt_list_next_bg.gif) no-repeat left bottom;
}
a.bt_list_prev span, a.bt_list_next span {
	position:absolute;
	left:-999em;
}
span.pos_list {
	height:13px;
	text-align:center;
	margin:0 10px 0 10px;
	float:left;
}
#AdherentList td span {
	font-size:10px;
	color: #B3ACA6;
}
.col3_2 a.bt_detail, #AdherentList a.bt_detail {
	width:102px;
	height:23px;
	margin:5px 0 5px 0;
	display:block;
	background: url(../images/bt_detail_bg.gif) no-repeat left top;
}
.col3_2 a.bt_detail {
	float:right;
	margin:0 5px 5px 0;
}
.col3_2 a.bt_detail:hover, #AdherentList a.bt_detail:hover {
	background: url(../images/bt_detail_bg.gif) no-repeat left bottom;
}
.col3_2 a.bt_detail span, #AdherentList a.bt_detail span {
	position:absolute;
	left:-999em;
}
#AdherentList tr:hover td, #AdherentList tr.sfhover td {
	background:url(../images/list_hover_bg.gif) repeat-x bottom;
}
/* -------------------------------------------------------------------------------------------- */
/* Liste des type d'adhérents */
/* -------------------------------------------------------------------------------------------- */

.AdherentTypeList {
	margin-top:-10px;
}
.AdherentTypeList img {
	border:0;
	margin:2px;
}

/* -------------------------------------------------------------------------------------------- */
/* Liste des activités d'une ferme */
/* -------------------------------------------------------------------------------------------- */
#activite {
	display:block;
	clear:both;
	margin-top:-10px;
}
#activite span {
	display:block;
	float:left;
	text-align:center;
	margin:2px;
}

/* -------------------------------------------------------------------------------------------- */
/* Affichage du nombre d'épis */
/* -------------------------------------------------------------------------------------------- */
a.epis {
	width:auto;
	height:30px;
	background:url(../images/img_epis.gif) no-repeat right top;
	float:right;
	margin:0 5px 5px 10px;
	padding:7px 17px 0 0;
	color:#D47800;
	font-size:25px;
	font-weight:normal;
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables aux vignettes photos  */
/* ------------------------------------------------------------------------------------------- */
.style_loupe_big {
	border:0;
	margin:0 3px 3px 0;
	clear:both;
}
html>body .style_loupe_big {
	margin:0 3px 6px 0;
}
.style_loupe_small {
	border:0;
	margin:0 8px 10px 0px;
	display:block;
	float:left;
}
html>body .style_loupe_small {
	margin:0 4px 10px 2px;
}
body.zoom {
	background:#FFFFFF;
	margin:5px;
	color:#666666;
	text-align:center;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la liste des documents à télécharger  */
/* ------------------------------------------------------------------------------------------- */
#content table.ressources {
	width:490px;
	font-size:12px;
	color:#676A70;
}
#content table.ressources th {
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
	background:url(../images/pos_list_bg.gif) repeat-x;
}
#content table.ressources td {
	background:#FFF url(../images/Bg_h1_lglobal.gif) repeat-x left bottom;	
	vertical-align:top;
	padding:20px 3px 20px 4px;
}
#content table.ressources h4 {
	margin:-10px 0 -10px -5px;
	padding:0 0 5px 5px;
	font-size:14px;
	color:#000000;
}
html>body #content table.ressources h4 {
	margin:5px 0 10px;
	padding:0 0 5px 0;
}
#content table.ressources .mini {
	font-size:9px;
}
#content table.ressources a.icone {
	display:block;
	width:32px;
	height:20px;
	padding:0 0 0 13px;
	background:url(../images/_charte/ico_arrow.gif) no-repeat left middle;
}
#content ul{
	display:block;
	padding: 0;
	margin:0;
	color:#FFFFFF;
}
#content ul li.menu_hteLoire{
	display:block;
	list-style-image:none;
	list-style-type: none;
	height:20px;
	padding:3px 0 0 18px;
	margin:1px 0 1px 0;
	background: #ABABAA url(../images/Bg_puce_li_ul_li.gif) no-repeat 6px left;
	border-bottom: #CCCCCC thin solid;
}
#content ul li.menu_hteLoire a{
	color:#ffffff;
	text-decoration:none
}
#content ul li.menu_hteLoire a:hover{
	text-decoration:underline
}
#content ul li{
	display:block;
	list-style-image:none;
	list-style-type: none;
	padding:3px 0 0 18px;
	margin:2px 0 1px 0;
	background: url(../images/Bg_puce_li_ul_li.gif) no-repeat 0px 6px ;
	color:#545454;
}
#content ul li a{
	color:#545454;
	text-decoration:none;
}
#content ul li a:hover{
	color:#545454;
	text-decoration:underline;
}
#content b{
	color:#545454 !important;
}
.left_col a.bt_list{
	width:136px;
	height:34px;
	margin:5px 0 5px 0;
	display:block;
	background: url(../images/bt_alfsearch_leftcol.gif) no-repeat center top;
}
.left_col a.bt_list:hover{
	background: url(../images/bt_alfsearch_leftcol.gif) no-repeat center bottom;
}
.col3_2 a.bt_list_accueil{
	width:336px;
	height:27px;
	margin:0 0 0 10px;
	display:block;
	background: url(../images/bt_alfsearch.gif) no-repeat center top;
}
/*html>body a.bt_list_accueil{
	margin:0 0 0 10px;
}*/
.col3_2 a.bt_list_accueil:hover {
	background: url(../images/bt_alfsearch.gif) no-repeat center bottom;
}
a.bt_list_back {
	width:136px;
	height:24px;
	margin:-10px 0 0 0;
	padding:0 0 0 380px;
	display:block;
	background: url(../images/bt_alfsearch_retour.gif) no-repeat center top;
	float:right;
	z-index:5;
	position:absolute;
}
html>body a.bt_list_back {
	padding:0 0 0 135px;
	width:auto;
	margin:-18px 0 0 0;
	background:url(../images/bt_alfsearch_retour.gif) no-repeat right top;
	position:relative;
}
a.bt_list_back:hover {
	background: url(../images/bt_alfsearch_retour.gif) no-repeat center bottom;
}
html>body a.bt_list_back:hover {
	background: url(../images/bt_alfsearch_retour.gif) no-repeat right bottom;
}
a.bt-connect {
	width:136px;
	height:24px;
	margin:5px 0 5px 0;
	padding:0;
	display:block;
	background: url(../images/bt-connect.gif) no-repeat center top;
}
a.bt-connect:hover {
	background: url(../images/bt-connect.gif) no-repeat center bottom;
}
a.bt_deconnect {
	width:114px;
	height:24px;
	margin:5px 0 5px 0;
	padding:0;
	display:block;
	background: url(../images/bt-deconnexion.gif) no-repeat center top;
}
a.bt_deconnect:hover {
	background: url(../images/bt-deconnexion.gif) no-repeat center bottom;
}