body{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif;
		background-color:#332212;/*Couleur marron foncé*/
}

*html .texte_fond{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	background-repeat:repeat-y;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/texte_fond_repeat.png', sizingMethod='scale');
	height:300px;position: relative;

}

*>.texte_fond{  /* fonctionnera pas pour ie6*/
	background-repeat:repeat-y;
	background-image:url(../images/texte_fond_repeat.png);
	min-height:300px;
	overflow:hidden;
}

/*Permet de positionner une image dans une div contenant du texte comme pour COLL ETT DIEU.com */
.floatimage {
   float : left;
   margin : 5px 10 0px 0px;  
   display : inline;
 /*C'est la dernière valeur qui indique 0px de marge à gauche */
}
h1,h2,h3,h4,h5,h6 {
	display:none;
	/*permet de faire des titre quand les styles sont desactivé*/
}

a{
	text-decoration:none;
	color:#adb119;
}
a:hover{
	color:#332112;
}
/*------------------------------------------LES CLASSES-------------------------------------------------------------------*/
.actu-titre{width:350px; font-size:14px; font-weight:bold; color:#332112;}
.actu-image{float:left;	height:91px; width:82px; margin:5 5 5 0px;	border: solid 1px #332112;}
.actu-texte{float:left;	font-size:12px;	color:#332112;	height:70px; width:250px; margin:10 5 5 5px;}
.actu-texte span{font-size:12px;color:#332112;}

.urgences-titre{width:350px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.urgences-image{float:left;	height:91px; width:82px; margin:5 5 5 0px;	border: solid 1px #FFFFFF;}
.urgences-texte{float:left;	font-size:12px;	color:#FFFFFF;	height:70px; width:250px; margin:10 5 5 5px;}
.urgences-texte span{font-size:12px;color:#FFFFFF;}

.actu-lien{
	position:absolute;
	/*text-align:right;*/
	width:240px;
	padding:0;
	margin:0;
	/*margin-top:10px;*/
	text-align:right;
	/*left: 594px;*/
}

.actu-lien{font-size:12px; font-weight:bold; color:#332112;}
.actu-lien:hover{color:#fff;}

.actu-lien2 a {
	position: relative;
}
.actu-lien2{
	text-align:right;position: relative;

}

.urgences-lien2{font-size:12px; font-weight:bold; color:#FFFFFF;}
.urgences-lien2:hover{color:#FFFFFF;}

.actu-lien2{font-size:12px; font-weight:bold; color:#332112;}
.actu-lien:hover2{color:#fff;}

.img-actu{float:left; margin-left:40px; margin-bottom:0px;}

.bloc-contenu{ padding-left:50px;}

.texte .vert{color:#ADB119;
font-size:12px;
font-weight:bold;
}
/*---------BLOC TEXTE GAUCHE---------*/
.bloc-texte-gauche .bloc-contenu .texte{width:510px; float:left; padding-top:20px;}
.bloc-texte-gauche .bloc-contenu .image{float:left; margin-left:40px; }
.bloc-contenu{
	background-image:url(../images/bloc-texte-gauche-milieu.png);
	background-repeat:repeat-y;
	width:873px;
	min-height:1px;
}
*html .bloc-contenu{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bloc-texte-gauche-milieu.png', sizingMethod='scale');
	background-image:none;
}
.bloc-haut{
	background-image:url(../images/bloc-texte-gauche.png);
	background-repeat:no-repeat;
	width:873px;
	height:33px;
	background-attachment: scroll;
}
*html .bloc-haut{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bloc-texte-gauche.png', sizingMethod='scale');
	background-image:none;
}
.bloc-bas{

	margin-left:-1px;
	background-image:url(../images/bloc-texte-gauche-bas.png);
	background-repeat:no-repeat;
	width:874px;
	height:45px;
	/* MODIF LUC 12-06-2009
	background-attachment: fixed;*/
	background-attachment:scroll;
	background-position: left top;
	/*border:#F00 solid;*/
}
*html .bloc-bas{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bloc-texte-gauche-bas.png', sizingMethod='scale');
	background-image:none;
}
/*---------BLOC TEXTE CENTRE---------*/
.bloc-texte-centre .bloc-contenu .texte{display:block; padding-top:20px; width:780px;}
.bloc-texte-centre .bloc-contenu img{float:left; margin-right:20px;}
.bloc-texte-centre .bloc-bas img{position:absolute; margin-top:-25px; margin-left:234px;}

/*---------BLOC TEXTE DROITE----------------------*/
.bloc-texte-droite .bloc-contenu .texte{width:510px; float:left; margin-left:40px; padding-top:15px; }
.bloc-texte-droite .bloc-contenu .image{float:left; padding-top:20px;}

/*--------------------------------*/
.colonne-gauche{text-align:left;margin-left:0px;float:left;}
.colonne-droite{width:500px;margin-right:0px;/*border:solid 1px white;*/text-align:left;float:right;}

.lien-footer{color:#adb119; font-size:12px;	font-weight:bold;}
.lien-footer a{	color:#adb119; font-size:12px; font-weight:bold;}
.lien-footer a:hover{color:#fff;}

.titre-page{float:right; margin-right:40px;}
.titre-partie{ position:absolute; margin-left:45px; margin-top:-5px;}
.titre-partie-date{ position:absolute; margin-left:45px; margin-top:-5px;}
.titre-partie-date span{display:block; position:absolute; left:0; top:0; margin-top:15px; margin-left:30px;  color:#FFF;} 

.titre-partie-nom{ position:absolute; margin-left:45px; margin-top:-5px;}
.titre-partie-nom span{display:block; position:absolute; left:0; top:0; margin-top:15px; margin-left:30px;  color:#FFF;} 

.sous-titre{font-size:14px; font-weight:bold; margin-bottom:8px;}
.sous-titre-uppercase{
	text-align:right;
	width:825px; 
	font-size:17px; 
	color:#332212; 
	font-weight:bold; 
	text-transform:uppercase; 
	position:absolute; 
	margin-top:23px;
}
.sous-titre-uppercase span{font-size:14px; font-weight:normal; text-transform:none;}
.date{font-size:15px; color:#332212;font-weight:bold; text-transform:uppercase;}
.texte{font-size:12px;color:#332112; text-align:justify; line-height:16px;}

.lien{color:#adb119; font-size:12px; font-weight:bold;}
.lien:hover{color:#332112;  font-size:12px; font-weight:bold;}

.formulaire{font-size:12px;color:#332112;}
/*--------------------------------------------MENU-----------------------------------------------------------------------------*/
#accueil-menu{
	z-index:1;
	top:0;
	position:absolute;
	height:45px;
	margin-left:-30px;
	margin-top:302px;
	width:500px;
}
.interieur-menu{
	margin-left:240px;
	position:absolute;
	margin-top:-30px;
	z-index:1;
	height:45px;
	width:520px;
}
#menu {
	margin:0;
	padding:0;
}
#menu li {
	display:block;
	float:left;
	height:45px;
	margin:0;
}
#menu a {
	display:block;
	height:45px;
}
#menu #menu-accueil{width:123px;}
#menu #menu-presentation{width:110px;}
#menu #menu-adoption{width:94px;}
#menu #menu-actualite{width:92px;}
#menu #menu-contact{width:81px;}

#menu #menu-accueil a{background-image:url(../images/menu-accueil.png);}
#menu #menu-presentation a{background-image:url(../images/menu-presentation.png);}
#menu #menu-adoption a{background-image:url(../images/menu-adoption.png);}
#menu #menu-actualite a{background-image:url(../images/menu-actualite.png);}
#menu #menu-contact a{background-image:url(../images/menu-contact.png);}

#menu #menu-accueil a:hover{background-image:url(../images/menu-accueil-accueil-on.png);}
#menu #menu-presentation a:hover{background-image:url(../images/menu-presentation-accueil-on.png);}
#menu #menu-adoption a:hover{background-image:url(../images/menu-adoption-accueil-on.png);}
#menu #menu-actualite a:hover{background-image:url(../images/menu-actualite-accueil-on.png);}
#menu #menu-contact a:hover{background-image:url(../images/menu-contact-accueil-on.png);}

/*fonds des rubriques differents pour l'accueil et pour les pages interieurs*/
.interieur-menu #menu #menu-accueil a:hover{background-image:url(../images/menu-accueil-on.png);}
.interieur-menu #menu #menu-presentation a:hover{background-image:url(../images/menu-presentation-on.png);}
.interieur-menu #menu #menu-adoption a:hover{background-image:url(../images/menu-adoption-on.png);}
.interieur-menu #menu #menu-actualite a:hover{background-image:url(../images/menu-actualite-on.png);}
.interieur-menu #menu #menu-contact a:hover{background-image:url(../images/menu-contact-on.png);}
/*rubriques fixes*/
#menu #menu-accueil-over a{background-image:url(../images/menu-accueil-accueil-on.png); width:123px;}
.interieur-menu #menu #menu-presentation-over a{background-image:url(../images/menu-presentation-on.png); width:110px;}
.interieur-menu #menu #menu-adoption-over a{background-image:url(../images/menu-adoption-on.png); width:94px;}
.interieur-menu #menu #menu-actualite-over a{background-image:url(../images/menu-actualite-on.png);width:92px;}
.interieur-menu #menu #menu-contact-over a{background-image:url(../images/menu-contact-on.png);width:81px;}

/*--------------------------------------------ACCUEIL------------------------------------------------------------------*/

#accueil-fond{
	background-image:url(../images/accueil-degrade.jpg);
	background-repeat:repeat-x;
	width:100%;
	text-align:center; /*centrer le site sous IE*/
}
#conteneur{
	width:1000px;
	margin:0 auto 0 auto;
	text-align:center;
	/*border:1px solid white;*/

}
#accueil-fond-vert{
	/*border:1px solid black;*/
	margin:0 auto 0 auto;
	background-image:url(../images/accueil-fond-vert.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:346px;
	
}
#accueil-fond-marron{
	margin:0 auto 0 auto;
	background-image:url(../images/accueil-fond-marron.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:435px;
}
#accueil-logo{
	background-image:url(../images/logo-spa.png);
	background-repeat:no-repeat;
	width:198px;
	height:145px;
	margin-left:10px;
}
*html #accueil-logo{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo-spa.png', sizingMethod='scale');
	background-image:none;
}

#accueil-contenu{
	margin:0 auto 0 auto; 
	margin-top:-708px;
	text-align:center;

}

#conteneur .accueil-btn-urgences{
	background-image:url(../images/BTN-urgences-accueil.png);
	background-repeat: no-repeat;
    height:40px;
	width:101px;
	position:relative;
	margin-left: 601px;
	top: 0px;
	background-position:bottom left;
}

#accueil-flash{
	z-index:9;
	position:absolute;
	margin-top:-79px;
	margin-left:10px;
}
#accueil-accroche{
	background-image:url(../images/accueil-accroche.png);
	background-repeat:no-repeat;
	width:394px;
	height:76px;
	margin-top:67px;
	margin-left:50px;

}
*html #accueil-accroche{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil-accroche.png', sizingMethod='scale');
	background-image:none;
}
#accueil-actu{
	padding:20px 0px 20px 50px;
	/*padding-right:40px;*/
	background-image:url(../images/accueil-actu.png);
	background-repeat:no-repeat;
	margin-top:140px;
	margin-left:30px;
	width:427px;
	height:171px;
}

#accueil-urgences{
	padding:30px 0px 20px 40px;
	/*padding-right:40px;*/
	background-image:url(../images/accueil-urgences.png);
	background-repeat:no-repeat;
	margin-top:-30px;
	_margin-top:-30px;
	margin-left:30px;
	width:424px;
	height:171px;
	color:#FFF;
}

*html #accueil-actu{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil-actu.png', sizingMethod='scale');
	background-image:none;
}
#accueil-footer{
	height:20px;
	text-align:center;
}
#accueil-contenu-footer{
	margin:auto;
	margin-top:70px;
}
/*--------------------------------------------INTERIEUR------------------------------------------------------------------*/
#interieur-fond{
	background-image:url(../images/interieur-degrade.jpg);
	background-repeat:repeat-x;
	text-align:center; /*centrer le site sous IE*/
}
#interieur-fond-vert{
	margin:0 auto 0 auto;
	background-image:url(../images/accueil-fond-vert.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:205px;
}
#interieur-fond-marron{
	margin:0 auto 0 auto;
	background-image:url(../images/interieur-fond-marron.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:559px;
}
#interieur-contenu{
	height:100%;
	margin-top:-764px;
	text-align:left;

}
.interieur-accroche{
	float:left;
	background-image:url(../images/interieur-accroche.png);
	background-repeat:no-repeat;
	width:337px;
	height:67px;
	margin-top:30px;
	margin-left:364px;
}
.interieur-logo{
	float:left;
	background-image:url(../images/interieur-logo.png);
	background-repeat:no-repeat;
	width:176px;
	height:127px;
	margin-left:47px;

}
#interieur-contenu-haut{
	height:205px;
}
#interieur-contenu-milieu{
	margin-bottom:20px;
	margin-left:20px;
	padding:40px;
	z-index:2;
}
/*--------------------------------------------BULLES PAGES INTERIEUR------------------------------------------------------------------*/
#interieur-bulle img{
	z-index:9;
	position:absolute;
	/*margin-top:47px;*/
	margin-left:0px;
	 width:259px;
	 height:241px;
	 border:0;
	 }
/*--------------------------------------------ADOPTION------------------------------------------------------------------*/
#adoption-contenu{
	margin-left:85px;
}

.adoption-miniature-gauche{
	display:block;
	width:167px;
	height:175px;
	text-align:center;
	padding:0px 0px 20px 0px;
	cursor:pointer;
	overflow:hidden;
	background-image:url(../images/adoption-miniature-gauche.png);
	background-repeat:no-repeat;
	background-position: 0 -192px; /*déplacement en verticale de l'image*/
	float: left;
	margin-right:15px;
}

.adoption-miniature-gauche:hover {background-position: 0 0px; /*déplacement en verticale de l'image*/}
.adoption-miniature-gauche:hover span {color:#ADB119;}

.adoption-miniature-gauche img{
	position:absolute;
	display:block;	
	width:119px;
	height:117px;
	margin-top:16px;
	margin-left:29px;
	border:0px;
	}
.adoption-miniature-gauche span{
	display:block;
	position:absolute;
	width:119px;
	height:30px;
	margin-top:151px;
	margin-left:29px;
	color: #ffffff;
	font-size:15px;
	font-weight: bold;
	}
/*----------------------------------*/

.adoption-miniature-droite{
	display:block;
	width:167px;
	height:175px;
	text-align:center;
	padding:0px 0px 20px 0px;
	cursor:pointer;
	overflow:hidden;
	background-image:url(../images/adoption-miniature-droite.png);
	background-repeat:no-repeat;
	background-position: 0 -192px; /*déplacement en verticale de l'image*/
	float: left;
	margin-right:15px;
}

.adoption-miniature-droite:hover {background-position: 0 0px; /*déplacement en verticale de l'image*/}
.adoption-miniature-droite:hover span {color:#ADB119;}

.adoption-miniature-droite img{
	position:absolute;
	display:block;	
	width:119px;
	height:117px;
	margin-top:16px;
	margin-left:19px;
	border:0px;
	}
.adoption-miniature-droite span{
	display:block;
	position:absolute;
	width:119px;
	height:30px;
	margin-top:151px;
	margin-left:19px;
	color: #ffffff;
	font-size:15px;
	font-weight: bold;
	}
.adoption-retour{
	display:block;
	position:absolute;
	width:118px;
	height:54px;
	overflow:hidden;
	cursor:pointer;
	background-image:url(../images/adoption-retour.png);
	background-repeat:no-repeat;
	background-position:0 0px;
}
.adoption-retour:hover{
	background-position:0 -55px;
}

.adoption-tarif-tableau{
	width:100%;
	margin-bottom:20px;
}

.adoption-tarif-tableau .ligne{
	clear:both;
	height:10px;
}

.adoption-tarif-tableau .colonne-gauche{
	width:50%;
	float:left;
}

.adoption-tarif-tableau .colonne-droite{
	font-weight:bold;
	width:50%;
	text-align:left;
	float:left;
}

.adoption-tarif-tableau .colonne-gauche-couleur{
	width:50%;
	float:left;
	background-color:#eff1b3;
}

.adoption-tarif-tableau .colonne-droite-couleur{
	font-weight:bold;
	width:50%;
	text-align:left;
	float:left;
	background-color:#eff1b3;
}


/*-----------------------------------------------------CONTACT--------------------------------------------------*/
#contact-bloc-adresse{
	position:absolute;
	text-align:center;
	width:352px;
	height:161px;
	margin-top:-20px;
	margin-left:33px;
	background-image:url(../images/contact-adresse.png);
	background-repeat:no-repeat;
	color:#332212;
	font-size:20px;
	padding-top:23px;
}
#contact-bloc-adresse span{
	margin-top:10px;
	display:block;
	color:#fff;
	font-size:19px;
	font-weight:bold;
	
}
.contact-merci{
color:#FFFFFF; font-size:12px; text-align:center;
}
.contact-merci a{color:#adb119; font-size:12px; font-weight:bold;
}
.contact-merci a:hover{color:#fff;}

/*-------------------------------------------------PRESENTATION-------------------------------------------------------------*/
#presentation-bloc-horaires{
	position:absolute;
	text-align:center;
	width:352px;
	height:161px;
	margin-top:-20px;
	margin-left:33px;
	background-image:url(../images/contact-adresse.png);
	background-repeat:no-repeat;
	padding-top:23px;


}
#presentation-bloc-horaires .blanc{
	color:#fff;
}

#presentation-bloc-horaires .petit{
	font-size:12px;
	display:block;
	margin-top:15px;
}
.separateur-adoption {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B2B619;
	margin-bottom: 10px;
	padding-top: 10px;
}
.titre-adoption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2B619;
	margin-bottom: 10px;
}
.titre-adoption a{
	color: #B2B619;
	font-size:10px;
	font-style: normal;
}
.titre-adoption a:hover{
	color: #e7e957;
	font-size:10px;
	font-style: normal;
}