/* ==================== Généralités ==================== */
/* Mise en page globale */
body{
	background-image: url(../images/background_violet.gif);
	color: #752C99;
}

/* Affichage des blocs */
#bloc_page_generale {
	width: 800px;
	border-style: ridge;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
}

#bloc_banniere {
	width: 100%;
	height: 200px;
	border-style: none none ridge none;
	border-width: 5px;
	background-image: url(../images/banniere.jpg);
	margin-left: auto;
	margin-right: auto;
}

#bloc_general {
	width: 760px;
	border-style: none;
	border-width: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5em;
}

#bloc_pied_de_page {
	width: 790px;
	border-style: ridge none none none;
	border-width: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

#bloc_pied_de_page_centre {
	font-size: 16px;
	font-weight: bold;
}

#bloc_pied_de_page a, #bloc_pied_de_page a:active, #bloc_pied_de_page a:visited {
	color: #752C99;
}

/* ==================== Menu déroulant horizontal ==================== */
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	background-color:#AA005A;
	color:white;
	font-family:"Trebuchet MS",Arial,sans-serif;
	border:none;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align: center;
	font-size:13px;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
	/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CA006A,endColorStr=#AA005A);
	white-space: no-break;
	font-size: 11px;
	background-color: #CA006A;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#FF50AA;
	color:white;
	text-decoration:none;
}

img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/
/* =================================================================== */

/* ==================== Lightbox ==================== */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../../lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
}
/* ================================================== */

/* Class Générale */
.centrer {
	text-align: center;
}

.gras {
	font-weight: bold;
}

.souligne {
	text-decoration: underline;
}

.majuscule {
	text-transform: uppercase;
}

.vertical {
	vertical-align: middle;
}

.erreur_contact {
	color: Red;
}

.calcul_contact {
	margin-left: 20px;
}

.titre_bloc {
	font-size: 20px;
}

/* Balise Générale */
h1 {
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	margin-top: 40px;
}

.races{
	font-size: 30px;
	text-align: center;
	text-decoration: underline;
	margin-top: 40px;
	font-weight: bold;
}

p {
	text-align: justify;
	font: small;
}

ul.puce {
	text-align: justify;
}


/* ==================== Page Accueil ==================== */
#adresse {
	border-style: solid;
	border-width: 2px;
	width: 300px;
	height: 150px;
	font-weight: bold;
	font-size: small;
	background-color: #FF99FF;
	float: left;
	margin-left: 50px;
}

#horaire {
	border-style: solid;
	border-width: 2px;
	width: 300px;
	height: 150px;
	font-weight: bold;
	font-size: small;
	background-color: #FF99FF;
	float: right;
	margin-right: 50px;
}

.clear {
 clear: both;
 line-height: 0px;
}

/* ====================================================== */


/* ==================== Page Salon ==================== */
/* Tableau sur les fréquence de toilettage */
#frequence_toilettage {
	border: medium solid #9400D3;
	border-collapse: collapse;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#frequence_toilettage th {
	font-family: "Times New Roman", sans-serif;
	border: thin solid #9400D3;
	width: 25%;
	padding: 5px;
	background-color: #DD90FF;
	text-align: center;
	color: #5C2478;
}
#frequence_toilettage td {
	font-family: "Times New Roman", sans-serif;
	border: thin solid #9400D3;
	width: 25%;
	padding: 5px;
	text-align: center;
	background-color: #FF99FF;
}
/* ==================================================== */


/* ==================== Page Galerie Chiens Toilettés ==================== */
/* Tableau sur les races de chiens */
#races_chiens {
	border: medium solid #9400D3;
	border-collapse: collapse;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#races_chiens th {
	font-family: "Times New Roman", sans-serif;
	border: thin solid #9400D3;
	width: 25%;
	padding: 5px;
	background-color: #DD90FF;
	text-align: center;
	color: #5C2478;
}
#races_chiens td {
	font-family: "Times New Roman", sans-serif;
	border: thin solid #9400D3;
	width: 25%;
	padding: 5px;
	text-align: center;
	background-color: #FF99FF;
}
/* Fin du tableau sur les races de chiens */

.galerie_chiens_toilettes {
	text-align: center;
}
.galerie_chiens_toilettes a {
	margin-left: 10px;
	margin-right: 10px;
}

/* ======================================================================= */


/* ==================== Page Plan d'Accès ==================== */
#plan_acces {
	text-align: center;
}
/* =========================================================== */


/* ==================== Page Contact ==================== */
#formulaire_contact{
	float: left;
	margin-left: 50px;
	margin-bottom: 10px;
}

.image_contact {
	float: right;
	margin-top: 50px;
	margin-right: 100px;
}
/* ====================================================== */