/***********************************************************************************************/
/*--------------------------------- HEGALALDIA - CSS DE BASE ----------------------------------*/
/*-------------------- Couleur fond : #8fa968 / Bock de texte : 81ABAB -----------------------*/
/***********************************************************************************************/

#global {
	position: relative;
	width:1000px; /*1000px*/
	overflow:hidden;
	margin:10px auto 10px auto;
/*	margin-left:auto;
	margin-right:auto;*/
/* Pour le centrage avec IE version inferieure a la 6 */
	text-align:left; /* on rétablit l'alignement normal du texte */
}

body {
	background-color:#8fa968;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
	background-image:url(../elements-des-pages/fond-de-page.png);
	background-repeat:repeat;
/* Centrage du site pour IE version inferieure a la 6 */
	margin: 0; /* pour éviter les marges */ 
	text-align: center; /* pour corriger le bug de centrage IE */ 
}

/********************************************************************************************/
/******************************************* DIVERS *****************************************/

a {color:#00F;}

a:hover, a:focus {
	color: #00F;
	background-color:#ccc; /* 999 */
}

.bilan-activite a:hover, a:focus, #entete a:hover, a:focus {background-color:transparent;}

p {
	text-align:justify;
	text-indent:30px;
}

#centrage-adresse, #centrage-important-01,#centrage-important-02, .maj-infos { 
	text-align:center;
	text-indent:0;
}

/*---------------------------------------------------*/

img {
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#image-visite {border:0;}

.no-border img{border:0;}

/*---------------------------------------------------*/

hr {color:#fff;}

/***** MOTEUR DE RECHERCHE VEOSEARCH *****/

#veosearch {text-align:center;}

/***** LIEN " LIRE LA SUITE " ET " PLUS D'INFO " *****/

.plus-infos {
	/*text-align:center;*/
	text-indent:0;
	font-weight:bold;
}

/********** CONFIRMATION ENVOI FORMULAIRE **********/

#confirmation {
	width:95%;
	margin-left:10px;
	background:#81ABAB;
	padding:10px;
	margin-top:10px;
}

#confirmation li{text-align:left;}

#bouton-fermer-fenetre {text-align:center;}

#bouton-fermer-fenetre a{text-decoration:none;}

#bouton-formulaire-adhesion {margin-bottom:50px; /* Marge exterieures */}

/**********************************************************************************************/
/******************************************** TITRES ******************************************/

h1, h2, h3, h4, h5 {
	margin:0 0 20px 0;
	line-height:1.2;
	font-weight:bold;
	font-style:normal;
}

h1 {font-size:1.75em;}

h2 {font-size:1.5em;}

h3 {
	font-size:1.25em;
	text-decoration:underline;
	margin:0 0 30px 0;
}

h4 {
	font-size:1.2em;
	margin:30px 0 30px 0;
}

h5 {font-size:1.1em;}

#autres-titres {
	font-size:1em;
	text-indent:0px;
	font-weight:bold;
}

/***** TITRE DES PAGES *****/

/*
<div id="titre-page">NOM</div>
*/

#titre-page {
     background:#CCCCCC;
     border:1px solid #000000;
     padding: 5px 0 5px 0;
     font-size:1.25em;
     text-indent:0;
     text-align:center;
     font-weight:bold;
	font-style:normal;
}

/***** TITRE PERSONNALISE DES PAGES *****/

#titre-contact-asso {
     background:#CCCCCC;
     border:1px solid #000000;
     padding: 5px 0 5px 0;
     margin-left:200px;
     font-size:1.25em;
     text-indent:0;
     text-align:center;
     font-weight:bold;
	font-style:normal;
}

#titre-contact-ufcs {
     background:#CCCCCC;
     border:1px solid #000000;
     padding: 5px 0 5px 0;
     margin-left:150px;
     font-size:1.25em;
     text-indent:0;
     text-align:center;
     font-weight:bold;
	font-style:normal;
}

/***** LISTE A PUCE ******************************/

.li {
	list-style-type:disc;
	margin-left:0px; /* marge entre le bord de la page et la puce */
	padding-left:0px; /* marge entre la puce et le texte */
}

/************************************************************************************************/
/******************************************* BOUTONS ********************************************/

#bouton-formulaire-contact, #bouton-formulaire-adhesion, #bouton-formulaire-don, #bouton-formulaire-expo, #bouton-formulaire-benevole, #bouton-classification, #bouton-centres, #bouton-activite-pdf {
	text-align:center;
	text-indent:0;
	padding-bottom:20px;
}

/*------------ LIENS DIVERS ---------------------------------------*/

#telecharger {
	text-align:center;
	text-indent:0;
}

/*

<div class="boutons-NOM">
	<p>	
		<a href="lien">.</a>
	</p>
</div>

*/

/*---------- BOUTONS TELECHARGER ----------*/

.bouton-telecharger a {
	display:block;
	width:150px;
	line-height:50px;
	background:url(../elements-des-pages/bouton-telecharger-01.png) no-repeat;
	color:transparent;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	/* Pour le centrage avec IE version inferieure a la 6 */
	text-align:left; /* on rétablit l'alignement normal du texte */
}
.bouton-telecharger a:hover {
background:url(../elements-des-pages/bouton-telecharger-02.png) no-repeat;
}

/*---------- BOUTONS PDF ----------*/

.boutons-pdf a {
	display:block;
	width:211px;
	line-height:50px;
	background:url(../elements-des-pages/boutons/bouton-formulaire-pdf-01.png) no-repeat;
	color:transparent;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	/* Pour le centrage avec IE version inferieure a la 6 */
	text-align:left; /* on rétablit l'alignement normal du texte */
}
.boutons-pdf a:hover {
background:url(../elements-des-pages/boutons/bouton-formulaire-pdf-02.png) no-repeat;
}

/*---------- BOUTONS FORMULAIRE ----------*/

.boutons-formulaire a {
	display:block;
	width:211px;
	line-height:50px;
	background:url(../elements-des-pages/boutons/bouton-formulaire-01.png) no-repeat;
	color:transparent;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	/* Pour le centrage avec IE version inferieure a la 6 */
	text-align:left; /* on rétablit l'alignement normal du texte */
}
.boutons-formulaire a:hover {
background:url(../elements-des-pages/boutons/bouton-formulaire-02.png) no-repeat;
}

/************************************************************************************************/
/******************************************* BOUTONS ********************************************/

#bouton {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#bouton a {
	width:700px;
	background-color:#adc08f; /* fff */
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding:5px; /* Marge interieure (V-H)*/
	border-width:2px;
	border-color:#000;
	border-style:solid;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius-top-left:10px;
	-webkit-border-radius-top-right:10px;
	-webkit-border-radius-bottom-left:10px;
	-webkit-border-radius-bottom-right:10px;
/* OMBRAGE : décalage V vers la droite / décalage V vers le bas / force du dégradé */
	-moz-box-shadow:8px 8px 15px #000;
	-webkit-box-shadow:10px 10px 15px #8C8C8C;
	-moz-transition-property:background-color;
	-moz-transition-duration:5s;
}

/*----- Activation au survol du curseur -----*/
#bouton a:hover, #bouton a:focus, #bouton a:active {
	background-color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#bouton p{
	text-align:center;
	text-indent:0;
	line-height:1.5em;
}


/*************************************************************************************************/
/*********************************** EN TETE *****************************************************/

#entete {
     /*display:inline;*/
     /*margin-bottom:100px;*/
}

/******** PARTENAIRES **********/

#partenaire {
	/*position:absolute;
	left:680px;
	top:150px;*/
	border:0px;
	text-decoration:none;
}

#partenaire p {
     text-align:center;
   	font-weight:bold;

}


/***** BANDEAU EN-TETE *****/

#bandeau-en-tete {
	float:left;
	width:637px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
}

/********** BANNIERE JARDIN DE NOE **********/

#banniere-jardin-noe {margin-left:30px;}

/********** QUE FAIRE **********/

#que-faire {margin-left:20px;}

/******** DIAPORAMA PARTENAIRES ***********************/

#diapo-partenaire {
	position:absolute;
	left:680px;
	top:150px;
	border:0px;
	text-decoration:none;
}

/*----- SLIDESHOW CSS -----*/

#diapo-part {
	position:absolute;
	left:200px;
	top:0px; /* 150 */
	border:0px;
	text-decoration:none;
}

@-webkit-keyframes 'Partenaire' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -150px; /*2ème image*/ 
    } 
    50% { 
        left: -150px; /*idem pour attente*/ 
    } 
    70% { 
        left: -300px; /*3ème image*/ 
    } 
    85% { 
        left: -300px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
} 

#images-diapos li { 
    display: inline; 
}

#images-diapos { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 143px; 
    margin: 0;             
    padding: 0; 
    /*CSS3 keyframes animation*/ 
    -webkit-animation-name:Partenaire;
    -webkit-animation-duration:infinites; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
	
	-moz-animation-name: Partenaires;
    -moz-animation-duration:infinites; 
    -moz-animation-iteration-count: infinite; 
    -moz-animation-timing-function: ease-in-out;
	
	-o-animation-name: Partenaires;
    -o-animation-duration:infinites; 
    -o-animation-iteration-count: infinite; 
    -o-animation-timing-function: ease-in-out;
}

/***** ID du tuto *****/
@-webkit-keyframes 'AutoSlide' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -150px; /*2ème image*/ 
    } 
    50% { 
        left: -150px; /*idem pour attente*/ 
    } 
    70% { 
        left: -300px; /*3ème image*/ 
    } 
    85% { 
        left: -300px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
}

#slideshow { 
    position: relative; 
    width: 150px; 
    height: 150px; 
    margin:  20px auto; 
    overflow: hidden; 
} 
#sContent li { 
    display: inline; 
}

#sContent { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 450px; 
    margin: 0;             
    padding: 0; 
     
    /*CSS3 keyframes animation*/ 
    -webkit-animation-name: AutoSlide; 
    -webkit-animation-duration: 10s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out; 
}

/******************************************************/
/******************** LETTRE D'INFO *******************/

#bouton-lettre-info {
	float:left;
	position:absolute; /* absolute */
	width:auto;
	list-style:none;
	margin:0;
	z-index:2;
}

#bouton-lettre-info a {
	display:block;
	background-color:#adc08f; /* adc08f */
	color:#000;
	text-align: center;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
	border-width:2px;
	border-color:#dcdcdc #696969 #696969 #dcdcdc; /* H-D-B-G */
	border-style:solid;
	margin-bottom:5px; /* Marge exterieures */
	padding:5px; /* Marges interieures V et H*/
}

#bouton-lettre-info li a {
	display:block;
	background-color:#adc08f; /* adc08f */
	color:#000;
	text-align: center;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
	border-width:2px;
	border-color:#dcdcdc #696969 #696969 #dcdcdc; /* H-D-B-G */
	border-style:solid;
	margin-bottom:5px; /* Marge exterieures */
	padding:5px; /* Marges interieures V et H*/
}
/*
/*----- Activation au survol du curseur -----*/
#bouton-lettre-info li a:hover, #bouton-lettre-info  li a:focus, #bouton-lettre-info  li a:active {
	background-color:#fff; /* adc08f */
	text-decoration:none;
	font-weight:bold;
	border-color:#696969 #dcdcdc #dcdcdc #696969; /* H-D-B-G */
}

/******************************** BARRES DE SEPARATION ****************************/

.barre-separation-01 {
	display:inline-block;
	margin-top:10px; /* Marges interieures V et H*/
	width:98%;
	z-index:1;
}

/***********************************************************************************************/
/*********************************** NAVIGATION ************************************************/

#navigation {
	float:left;
	margin-top:5px; /* 40px */
}

/******************** MENU PRINCIPAL ********************/

#menu {
	float:left;
	top:350px;
	width:140px;
	list-style:none;
	margin:0;
	padding:0;
}

#menu hr{
	color:#000;
	background-color:#000; /* 81ABAB */
	height:5px;
	border:0;
	width:100%;
}

#menu li a {
	display:block;
	background-color:#adc08f; /* adc08f */
	color:#000;
	text-align: center;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
	border-width:2px;
	border-color:#dcdcdc #696969 #696969 #dcdcdc; /* H-D-B-G */
	border-style:solid;
	margin:5px 0 0 0; /* Marge exterieures : H-D-B-G */
	padding:5px 0 5px 0; /* Marges interieures : H-D-B-G */
}

/*----- Activation au survol du curseur -----*/
#menu li a:hover, #menu  li a:focus, #menu  li a:active {
	background-color:#fff; /* adc08f */
	text-decoration:none;
	font-weight:bold;
	/*margin-left:20px;*/ /* Marge exterieures */
	width:140px;
	border-color:#696969 #dcdcdc #dcdcdc #696969; /* H-D-B-G */
}

/************************************************************************************************/
/********************************** SOUS-MENU (1 et 2) ET ONGLETS *********************************/

/*---------- SOUS-MENU ----------*/

#sous-menu {
	position:absolute;
	left:170px;
	top:300px;
	width:800px;
	list-style:none;
	margin:0;
	padding:0;
}

#sous-menu-02 {
	position:absolute;
	left:170px;
	top:340px;
	width:800px;
	list-style:none;
	margin:0;
	padding:0;
}

#sous-menu li, #sous-menu-02 li {
	display:inline;
}

#sous-menu li a, #sous-menu-02 li a {
	background-color:#adc08f; /* adc08f */
	color:#000;
	text-align:center;
	line-height:1em;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:5px; /* Marge exterieures */
	padding:5px 20px; /* Marges interieures V et H*/
}

#sous-menu li a, #sous-menu-02 a {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius-top-left:10px;
	-webkit-border-radius-top-right:10px;
	-webkit-border-radius-bottom-left:10px;
	-webkit-border-radius-bottom-right:10px;
}

/*----- Activation au survol du curseur -----*/

#sous-menu li a:hover,#sous-menu  li a:focus,#sous-menu  li a:active,
#sous-menu-02 li a:hover,#sous-menu-02  li a:focus,#sous-menu-02 li a:active,
#onglets li a:hover,#onglets  li a:focus,#onglets  li a:active {
	background-color:#fff;
	text-decoration:none;
	font-weight:bold;
	width:140px;
}

/*----- Page en cours -----*/

#sous-menu #en-cours a, #sous-menu-02 #en-cours a, #onglets #en-cours a {
	background-color:#FFF;
	color:#000;
}

/*************************************************************/
/********** MODULE ET FENETRES ANNONCES **********/


/********** MODULES ANNONCE **********/

#zone-module {
     margin-bottom:0; /* 130 */
}

#titre-module-01, #titre-module-02, #titre-module-03 {
     font-size:1.1em;
     margin-top:px;
     font-weight:bold;
     color:#000;
     text-align:center;
   	text-indent:0;
}

#titre-module-important {
	border:1px solid #000000;
	background-color:#F00;
/*	padding:10px;*/
	margin-top:0;
     text-align:center;
     font-weight:bold;
     font-size:1.2em;
}

#module-01 {
     float:left;
     margin-left:30px;
}

#module-01,#module-02,#module-03 {
     float:left;
     border:1px #000 solid;
     width:260px;
   	height:150px;
     background-color:#cccccc;
     padding:5px;
}

#module-02, #module-03 {
     margin-left:5px;
}

/********** POP-UP MODULE **********/

#fenetre-annonce ul, li{text-align:left;}

#texte-annonce {
	background-color:#81ABAB; /* 81ABAB */
	width:650px;
	/*height:550px;*/
	padding:10px;
	border:1px solid #000000;
}

/**************************************************/
/********** ONGLETS PAGE ACCUEIL **********/

#zone-onglets {
	background-color:transparent;
	border:1px solid transparent;
     width:770px;
     padding-top:0; /* 40 */
 }

#zone-onglets ul {
 padding:0;
 margin-left:150px;
 list-style-type:none;
 }
 
#zone-onglets li {
     margin-left:10px; /* espacement de chaque onglet */
     float:left; /*pour IE*/
     display:inline;
 }

 #zone-onglets ul li a {
     float:right;   
     width:150px;
     background-color:#adc08f; /* adc08f */
     color:black;
     font-weight:bold;
     text-decoration:none;
     text-align:center;
     padding:5px;
     border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
     border-color:#dcdcdc #696969 #696969 #dcdcdc;
 }
 
#zone-onglets ul li a:hover {
 background-color:#d3d3d3;
 border-color:#696969 #dcdcdc #dcdcdc #696969;
 } 

/*********************************************************************************************/
/******************************************* CONTENU *****************************************/

#contenu {
     margin-left:150px;
/*    	border:1px solid #f00;*/
     margin-top:170px;
}

.block-texte {
	background-color:#81ABAB;
	width:830px; /*  830 */
	height:550px;
	padding:10px;
	overflow:auto;
	border:1px solid #000000;
	z-index:5;
}

/************************************************************************************************/
/*********************************************** PIED DE PAGE ***********************************/

/********** ZOOM PARTENAIRES **********/

#partenaire {
   	width:1000px;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:100px;
}

#partenaire p {text-align:center;}

#partenaire img {display:inline;}

.zoom-acba, .zoom-caisse-epargne, .zoom-cg, .zoom-chasseurs, .zoom-laffitte, .zoom-leclerc, .zoom-region, .zoom-tarnos, .zoom-ustaritz {
     height:200px;
     margin:auto;
}

/***** ZOOM ACBA *****/

#partenaire .zoom-acba {
     /*margin-right:-20px;*/
     z-index:50;
}

#partenaire .zoom-acba img {
     width:73px;
     height:65px;
}

#partenaire .zoom-acba img:hover {
     width:224px;
     height:200px;
}

/***** ZOOM CAISSE EPARGNE *****/

#partenaire .zoom-caisse-epargne {
     /*margin-left:-20px;*/
     z-index:45;
}

#partenaire .zoom-caisse-epargne img {
     width:53px;
     height:65px;
}

#partenaire .zoom-caisse-epargne img:hover {
     width:163px;
     height:200px;
}

/***** ZOOM CONSEIL GENERAL *****/

#partenaire .zoom-cg {
     /*margin-left:170px;*/
     z-index:20;
     
}

#partenaire .zoom-cg img {
     width:83px;
     height:65px;
}

#partenaire .zoom-cg img:hover {
     width:254px;
     height:200px;
}

/***** ZOOM CHASSEURS *****/

#partenaire .zoom-chasseurs {
     /*margin-left:270px;*/
     z-index:3;
}

#partenaire .zoom-chasseurs img {
     width:145px;
     height:65px;
}

#partenaire .zoom-chasseurs img:hover {
width:445px;
height:200px;
}

/***** ZOOM LAFFITTE *****/

#partenaire .zoom-laffitte {
     /*margin-left:444px;*/
     z-index:0;
}

#partenaire .zoom-laffitte img {
     width:87px;
     height:65px;
}

#partenaire .zoom-laffitte img:hover {
width:268px;
height:200px;
}

/***** ZOOM LECLERC *****/

#partenaire .zoom-leclerc {
     /*margin-left:500px;*/
     z-index:0;
}

#partenaire .zoom-leclerc img {
     width:214px;
     height:65px;
}

#partenaire .zoom-leclerc img:hover {
width:658px;
height:200px;
}

/***** ZOOM REGION *****/

#partenaire .zoom-region {
     /*margin-left:700px;*/
     z-index:0;
}

#partenaire .zoom-region img {
     width:93px;
     height:65px;
}

#partenaire .zoom-region img:hover {
width:285px;
height:200px;
}

/***** ZOOM TARNOS *****/

#partenaire .zoom-tarnos {
     /*margin-left:750px;*/
     z-index:0;
}

#partenaire .zoom-tarnos img {
     width:108px;
     height:65px;
}

#partenaire .zoom-tarnos img:hover {
     width:333px;
     height:200px;
}

/***** ZOOM USTARITZ *****/

#partenaire .zoom-ustaritz {
     /*margin-left:800px;*/
     z-index:0;
}

#partenaire .zoom-ustaritz img {
     width:129px;
     height:65px;
}

#partenaire .zoom-ustaritz img:hover {
     width:396px;
     height:200px;
}

#partenaire .zoom-caisse-epargne, .zoom-cg, .zoom-chasseurs, .zoom-laffitte, .zoom-leclerc, .zoom-region, .zoom-tarnos, .zoom-ustaritz {margin-left:100px;}

#xiti-logo {
	position:relative;
	left:100px;
	top:690px;
	width:80px;
	height:30px;
}

/***********************************************************************/
/************************* ACCUEIL *************************************/

#zone-annonce,#zone-agenda, #zone-article {
     border:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#cccccc;
	padding:10px;
	margin-bottom:20px;
}

#titre-annonce, #titre-agenda, #titre-dernier-article {
     font-size:1.3em;
     background-color:#000;
     margin-top:-5px;
     font-weight:bold;
     color:#fff;
     text-align:center;
}
/*
#titre-annonce {
     color:#fff !important;
     font-size:1.3em !important;
}
*/
#zone-annonce h4, #zone-agenda h4, #zone-article h4 {
	text-align:center;
	text-indent:0;
	font-weight:bold;
	margin-top:0;
}

#zone-annonce hr, #zone-agenda hr, #zone-article hr {
     width:50%;
     color:#000;
}

/********** ANNONCE IMPORTANTE ***********/

#annonce-importante {
	border:1px solid #000000;
	background-color:#CCCCCC;
	padding:10px;
	margin-bottom:20px;
}

#annonce-importante table,tr,td{
	border:0px;
}

#titre-annonce-importante {
     font-size:1.3em;
     background-color:#f00;
     margin-top:-5px;
     font-weight:bold;
     color:#000;
     text-align:center;
     /*margin-right:410px;*/
}

.photo-annonce-imp-01 {
	float:right;
	padding-left:10px;
     margin-right:0px;
	margin-left:0px;
	width:402px;
     margin-top:-70px;
/*	text-align:center;*/
}

.photo-annonce-imp-01 p {
	text-align:center;
	text-indent:0;
	margin-right:0px;
     margin-top:0px;
     background:#000;
     color:#fff;
}

.photo-annonce-imp-02 {
	float:right;
	margin-right:15px;
	margin-left:25px;
	width:133px;
	text-align:center;
}

.photo-annonce-imp-03 {
	float:right;
	margin-right:15px;
	margin-left:25px;
	width:133px;
	text-align:center;
}

.photo-annonce-imp-04 {
	float:right;
	margin-right:15px;
	margin-left:25px;
	width:133px;
	text-align:center;
}

/********** ANNONCE ***********/

.photo-annonce {
	float:right;
	margin-right:15px;
	margin-left:25px;
	width:133px;
	text-align:center;
}

.photo-annonce td {border-width:0px;}

.photo-annonce p {
	text-align:center;
     font-style:italic;
	text-indent:0;
	margin-right:0px;
}

/********** AGENDA ***********/

.photo-agenda {
	float:right;
     margin: 0 15px 0 25px ;
	width:133px;
	text-align:center;
}

.photo-agenda td {border-width:0px;}

.photo-agenda p {
	text-align:center;
	font-style:italic;
	text-indent:0;
	margin-right:0px;
}

/********** DERNIER ARTICLE **********/

.photo-dernier-article {
	float:right;
	margin-right:15px;
	margin-left:25px;
	margin-top:15px;
	width:133px;
	text-align:center;
}

.photo-dernier-article td {border-width:0px;}

.photo-dernier-article p {
	text-align:center;
	font-style:italic;
	text-indent:0;
	margin-right:0px;
}

#zone-article hr {color:#000;}

/***************************************/
/********** LISTE DES ANIMAUX **********/

/*#liste-animaux {position:relative;}*/

#liste {
	float:left;
	width:450px; /* 500 */
}

#liste ul {margin-left:-25px;}

#photos {
     margin-top:0; /* 600 */
     position: relative;
}

#photos img{margin-top:3px;}

.photo-01, .photo-02, .photo-03, .photo-04, .photo-05, .photo-06, .photo-07, .photo-double {
	position:absolute;
}

.photo-01 p, .photo-02 p, .photo-03 p, .photo-04 p, .photo-05 p, .photo-06 p, .photo-07 p, .photo-double p {
	background:#333;
	border-top: 0px solid #fff;
	color:#ccc;
	margin:0px;
	padding: 0 2px 2px 2px;
	text-align:center;
     text-indent:0;
}

.photo-double p{	margin: -5px 0 0 0;}

/* PHOTOS (dimentions : 200x134 - 300x201) */

.photo-double {
	width:610px;
	top:1300px;
	left:100px;
}

/*

<!-- ***** PHOTO 00 ***** -->

<div class="photo-06">
	<img src="elements-des-pages/accueil/bilan-index/photo-06.png" alt="TEXTE" />
	<p>LEGENDE</p>
</div>

*/

.photo-01 {
	width:225px;
	top:50px;
	left:500px;
}

/*  */
.photo-02 {
	width:225px;
	top:450px;
	left:500px;
}

/*  */
.photo-03 {
	width:302px;
	top:750px;
	left:500px;
}

/*  */
.photo-04 {
	width:302px;
	top:1100px;
	left:50px;
}

/*  */
.photo-05 {
	width:302px;
	top:1100px;
	left:450px;
}

/************************************************************************************************/
/*********************************** CONTACT ****************************************************/

.noborder {
	border:0;
}

.hegalaldia-logo {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:177px;
	height:122px;
}

.hegalaldia-adresse {
	left:0px;
	text-align:center;
}

.hegalaldia-important {
	margin-top:50px; /* Marge exterieures */
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding:0 10px; /* Marge interieures (V-H) */
	left:5px;
	width:700px;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#tableau {
	width:550px;
	/*border-width:0;*/
}

#tableau td {border-width:0;}

#tableau p {
	font-size:1.2em;
	text-indent:0;
	text-align:center;
	font-weight:bold;
}

#tableau input {
	font-size:1.2em;
	text-indent:0;
	text-align:center;
/*	font-weight:bold;*/
}

/***** UFSC *****/

.ufcs-logo,.ufcs-texte {margin-top:50px;}

.ufcs-logo {
	float:left;
	left:5px;
	width:122px;
	height:122px;
}

.ufcs-texte p,h3{text-align:center;}

#confirmation h4{
	text-align:center;
	font-weight:bold;
}

#confirmation .logo{
	width:177px;
	margin:0 auto; /* Marges exterieur (V-H) */
}

/************************************************************************************************/
/**************************** ADHESION ET DONS **********************/


#deduction-fiscale {
	text-align:center;
	border-width:1px;
	border-color:#000;
	border-style:solid;
	width:750px;
	margin:0 auto; /* Marges exterieur (V-H) */
	padding:10px; /* Marges interieures (V-H) */
}

#vie-privee {margin-top:20px;}

#vie-privee h4 {text-align:center;}

#centrage-adresse { 
	text-align:center;
	text-indent:0;
	font-weight:bold;

}

#centrage-adresse, #centrage-important-01,#centrage-important-02, .maj-infos { 
	text-align:center;
	text-indent:0;
}

/************************************************************************************************/
/***************************************** PARTENAIRES ******************************************/

.partenaires img {
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

.partenaires img.noborder {
	border:0;
}

.partenaires img {
	vertical-align:middle;
}

.partenaires li {
	list-style:none;
	font-weight:bold;
	margin-top:10px; /* Marges interieures (V et H) */
}

/************************************************************************************************/
/***************************************** LIENS ******************************************/

.liens li {margin-top:10px; /* Marges interieures (V et H) */}

.liens a {	font-weight:bold;}

/********** LISTE DES CENTRES EN FRANCE **********/

/*-------------------- CARTE DE FRANE --------------------*/

.carte-france {}

.carte-france img.noborder {
	border:0;
}

#block-liste-centres {
	float:right;
	margin-right:10px;
	margin-top:30px;
	width:340px;
	height:300px;
	padding:10px; /* Marges interieures V et H*/
	overflow:auto;
	border:1px;
	border-style:solid;
	border-color:#000000;
}

#block-liste-centres p {
	text-indent:0;
}

#block-liste-centres .liste-centres-depart {
	font-weight:bold;
	text-align:center;
}

#block-liste-centres .liste-centres-nom {
	font-weight:bold;
	text-align:center;
}

#block-liste-centres .liste-centres-adresse {text-align:center;}

#block-liste-centres h3 {
	text-align:center;
	text-decoration:none;
	font-size:2em;
}

/*********************************************************************************************/
/***************************************** BULLETIN ******************************************/

.bulletin {
	margin-top:30px;
}

.bulletin img {
	border-width:1px 1px 0 1px; /* V et H / H-D-B-G */
	border-color:#000;
	border-style:solid;
}

.bulletin td {
	text-align:center;
	padding:0 15px; /* Marges interieures V et H*/
}

.bulletin span {
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}

.bulletin a {
	margin-bottom:50px;
	border:none;
}

/**************************************************************************************************/
/***************************************** BILAN D'ACTIVITE ***************************************/

.bilan-activite {
	margin-top:30px;
}

.bilan-activite img {
	border-width:1px 1px 0 1px; /* V et H / H-D-B-G */
	border-color:#000;
	border-style:solid;
}

.bilan-activite td {
	text-align:center;
	padding:0 15px; /* Marges interieures V et H*/
	border-width:0;
}

.bilan-activite a {
	display:block;
	margin-top:5px; /* Marges exterieures (V et H)*/
	margin-bottom:15px;
}

/************************************************************************************************/
/****************************************** FICHES DESCRIPTIVES *********************************/

/*------------------ ALPHABET ----------------------*/

#alphabet {
	float:left;
	display:inline;
	width:340px;
}

#alphabet img.noborder {
	border:0;
}

/*------------------ LISTE ----------------------*/

#fiches-descriptives {
	display:inline-block;
	background-color:#fff; /* 81ABAB */
	margin-top:0px;
	width:460px;
	height:300px;
	padding:10px; /* Marges interieures V et H*/
	overflow:auto;
	border:1px;
	border-style:solid;
	border-color:#000000;
}

#fiches-descriptives p {
	text-indent:0;
	text-align:left;
}

#fiches-descriptives .lettre {
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
}

/*************************************************************************************/
/*************************************** COMMUNICATION *******************************/

/*---------- EXPOSITION ----------*/

.expo-reservation {
	text-indent:0;
	font-weight:bold;
	text-align:center;
}

#exposition {
	width:800px;
	margin-top:30px; /* Marges exterieure (V-H)*/
}

#expo-images {
	width:100%;
}

#expo-images td{
	text-align:center;
	border-width:0px;
}

#expo-images p{
	text-indent:0;
	text-align:center;
}

/*---------- AUTOCOLLANT ----------*/

#autocollant .noborder {
	border:0;
}

#autocollant .texte {
	float:left;
	margin-right:20px;
}

#autocollant img {
	position:relative;
	margin-top:0px;
}

#lien-depot-vente{
	text-indent:0;
	text-align:center;
}

#barre-autocollant hr{margin-top:50px;}

#voiture .gong{
	text-indent:0;
	text-align:center;
}

#voiture img {
	margin:0 20px; /* Marges exterieure (V-H)*/
}

/*---------- TENUES ----------*/
/*
#texte-01 {
	width:500px;
	margin-right:300px;
}*/

#casquette {
/*	margin-top:20px;*/
	float:right;
	width:260px;
	height:174px;
	text-align:center;
	font-style:italic;
/*	padding-bottom:0px; Marges interieures V et H*/
	margin-left:10px; /* Marge exterieures */
}

#tee-shirt-02, #polaire-01, #polaire-02 {margin-left:20px; /* Marge exterieures */}

/*******************************************************************************************/
/***************************************** DEPOT VENTE ******************************************/

/*---------- AUTOCOLLANT ----------*/

#dv-autocollant .noborder {
	border:0;
}

#dv-autocollant img {
	float:right;
     position:relative;
	margin-top:0px;
	left:-200px;
	top:20px
}

#ville {
	text-indent:0;
	font-weight:bold;
}

#bouton-adresse {background-color:#8fa968;}

#plan-autocollant p, #bouton-adresse p{
     text-align:center;
     text-indent:0;
     background-color:#8fa968;
}

/********************************************************************************************************/
/***************************************** PARTENARIAT DURABLE ******************************************/

.zone-partenaire {
     border:1px solid #000000;
     padding: 5px 10px 0 10px;
     margin-bottom:20px;
}

/*******************************************************************************************/
/***************************************** AGENDA ******************************************/

#agenda  .zone-mois {
	border:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#CCCCCC;
	padding:10px;
	margin-bottom:20px;
}

#agenda  .titre {
	text-indent:0;
	font-weight:bold;
     text-align:center;
}

#agenda  .date {
	text-indent:10px;
}

/***************************************** MORTALITE ROUTIERE ******************************************/

#mortalite table, tr, td {
	border:0;
}

#crapaud {
	float:left;
	width:266px;
	margin-right:50px;
	margin-left:20px;
}

#crapaud p{
	text-align:center;
	font-style:italic;
	text-indent:0;
	font-size:0.9em;
}

#paragraphe-cheveche {
	margin-top:30px; /* Marges exterieure (V-H)*/
	margin-bottom:70px;
}

#cheveche {
	float:left;
	width:152px;
	margin-right:50px;
	margin-left:20px;
}

#cheveche p{
	text-align:center;
	font-style:italic;
	text-indent:0;
	font-size:0.9em;
}

#images {width:100%;}

#images td,tr{
	width:50%;
}

#images td{
	text-align:center;
}

#images p{
	text-align:center;
	font-style:italic;
	text-indent:0;
	font-size:0.9em;
}

/***************************************** QUE FAIRE ******************************************/

/***** VOUS TROUVEZ UN ANIMAL SAUVAGE *****/

#que-faire-mammiferes h5 {text-align:center;}

#que-faire-avertissement {
	height:406px;
	width:95%;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px; /* Marges exterieures (V et H) */
}

#que-faire-avertissement td {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	padding:10px;
}

#que-faire-avertissement h5 {text-align:center;}


/***** VOUS TROUVEZ UN JEUNE AU SOL *****/

#jeune-terre .liste{	
	margin-right:0px;
	margin-bottom:50px;
}

#jeune-terre h5 {
	margin-bottom:50px;
	text-align:center;
}

#jeune-terre .merle , .effraies, .hulotte {float:right;}

#jeune-terre .hulotte {float:left;}

#jeune-terre .merle td , .hulotte td, .effraies td {	border-width:0px;}

#jeune-terre .merle p , .hulotte p, .effraies p {
	text-indent:0px;
	text-align:center;
}

#jeune-terre .merle, .effraies {
	margin-left:20px;
	margin-right:0px; /* Marges exterieure (V-H)*/
	margin-top:0px;
	width:157px;
}

/*
#jeune-terre .effraies {
	margin-left:20px;
	margin-top:0px;
	width:157px;
}
*/

#jeune-terre .hulotte {
	margin-left:20px;
	margin-right:50px; /* Marges exterieure (V-H)*/
	margin-top:-10px;
	width:200px;
}

#animal-rammasse td {
	border-width:1px;
	border-color:#000;
	border-style:solid;
	padding:10px;
}

#animal-rammasse h4 {text-align:center;}

/***************************************** CAMPAGNE DE SOUTIEN ******************************************/

/*----- HISTORIQUE -----*/

#historique .ligne {
	text-align:center;
	text-indent:0;
	font-weight:bold;
}

.derniere-minute {
	background-color:#CCC;
	padding:5px;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

/*----- DOCUMENTS -----*/

#documents table {
	width:100%;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#documents tr, td {
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#documents .colonne-01 .date {font-weight:bold;}

#documents .colonne-02 {width:50px;}

.colonne-02 a {
	text-align:center;
	text-indent:0;
}

/*----- LETTRE D'INFO -----*/

#lettre-info p {
	text-indent:0;
	text-align:center;
	font-weight:bold;
}

/*----- PETITION -----*/

#petition table {
	width:100%;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#petition tr, td {
	width:50%;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#petition img {
	text-indent:0;
	border-style :none;
	margin-left:126px;
}

#petition h4 {
	text-align:center;
	text-indent:0;
}

.colonne-02 p {
	text-align:center;
	text-indent:0;
}

/*----- MESSAGES DE SOUTIEN -----*/

#messages .signature {
	font-weight:bold;
	text-indent:0;
	font-size:0.8em;
	bottom:-20px;
}

#messages hr {width:100%;}