/*
	Le grand Chêne de la Rigaude
	Définition des feuilles de style
	Auteur : Cécile Roussel - Alliances Consultant
	Version : 1.0 [Février 2007]

	Couleurs de base :
	
	Vert 1 :					#414C04
	Vert 2 :					#8EAA0A
	Vert 3 :					#BEDE3F
	Marron :					#624740
	Orange :					#CC6600
	Crème 1 :					#F2EEF2
	Crème 2 :					#F1EFE2

*/


/***  Définitions générales  ***/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #F2EEF2;
	padding-top: 20px;
	text-align: center;
}

img {
	display: block;
	border: 0;
}

h1 {
	color: #CC6600;
	font-size: 1.6em;
	margin-bottom: 20px;
}

h2 {
	color: #8EAA0A;
	font-size: 1.1em;
	margin-top: 16px;
	margin-bottom: 8px;
}

p {
	margin-bottom: 10px;
}



/*** Conteneurs ***/

#global {
	width: 770px;
	margin: 0 auto;
	position: relative;
	border: solid 0px #FFF;
	text-align: left;
}

#main {
	width: 760px;
	margin: 0 auto;
	background-image: url(../img/fond.jpg);
	padding: 0 5px;
}

#cadre {
	width: 747px;
	margin: 0 auto;
	border-left: solid 12px #624740;
	border-right: solid 1px #624740;
}

#header {
	height: 141px;
	background: #F1EFE2 url(../img/pension-pour-chiens.jpg) bottom left no-repeat;
}

#logo {
	float: left;
	font-weight: bold;
	color: #8EAA0A;
	padding: 14px 19px 0 32px; 
}

#page {
	background: #FFF url(../img/fond-page.gif) repeat-y;
}

#fond-chene-rigaude {
	background: transparent url(../img/fond-chene-rigaude-1.jpg) left bottom no-repeat;
	padding: 20px 0 0 20px;
	height: 100%;
}

#fond-pension-canine {
	background: transparent url(../img/fond-pension-canine-1.jpg) left bottom no-repeat;
	padding: 20px 0 0 20px;
	height: 100%;
}

#fond-education {
	background: transparent url(../img/fond-education-1.jpg) left bottom no-repeat;
	padding: 20px 0 0 20px;
	height: 100%;
}

#coord {
	float: left;
	width: 140px;
}

#contenu {
	float: left;
	width: 540px;
	padding: 0 20px 10px 20px;
}



/*** Menu ***/

.menu {
	float: left;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px 0 5px;
}

div.menu img {
	margin-bottom: 5px;
}

.menu-1, .menu-1-on {
	height: 28px;
	width: 160px;
	background: #414C04 url(../img/empreinte-1.gif) 96% no-repeat;
}

.menu-1-on {
	background: #414C04 url(../img/empreinte-1-on.gif) 96% no-repeat;
}

.menu-2, .menu-2-on {
	height: 28px;
	width: 160px;
	background: #8EAA0A url(../img/empreinte-2.gif) 96% no-repeat;
}

.menu-2-on {
	background: #8EAA0A url(../img/empreinte-2-on.gif) 96% no-repeat;
}

.menu-3, .menu-3-on {
	height: 28px;
	width: 160px;
	background: #BEDE3F url(../img/empreinte-3.gif) 96% no-repeat;
}

.menu-3-on {
	background: #BEDE3F url(../img/empreinte-3-on.gif) 96% no-repeat;
}

.menu-1 p, .menu-1-on p, .menu-2 p, .menu-2-on p, .menu-3 p, .menu-3-on p {
	padding-top: 6px;
	padding-left: 8px;
}

.menu-1 p a, .menu-1-on p a, .menu-2 p a, .menu-2-on p a, .menu-3 p a, .menu-3-on p a {
	color: #FFF;
	text-decoration: none;
}

.menu-1 p a:hover, .menu-1-on p a:hover, .menu-2 p a:hover, .menu-2-on p a:hover, .menu-3 p a:hover, .menu-3-on p a:hover {
	color: #CC6600;
	text-decoration: none;
}



/*** Menu du bas ***/

#menu-bas {
	background: #F1EFE2 url(../img/pointilles-bas.gif) top left repeat-x;
	height: 25px;
	margin-left: -3px;
	voice-family:"\"}\"";
	voice-family:inherit;
	property:value;
	margin-left: 0;
}

#menu-bas img {
	display: inline;
}

#menu-bas {
	text-align: center;
}

#menu-bas p {
	margin-bottom: 0;
	padding-top: 6px;
	color: #624740;
}

#menu-bas a {
	color: #624740;
	text-decoration: none;
	margin-left: 16px;
	margin-right: 16px;
}

#menu-bas a:hover {
	color: #CC6600;
	text-decoration: none;
}



/*** Copyright ***/

#copyright {
	background-color: #8EAA0A;
	color: #FFF;
	height: 24px;
	margin-left: -3px;
	voice-family:"\"}\"";
	voice-family:inherit;
	property:value;
	margin-left: 0;
}

#copyright p {
	margin-left: 130px;
	padding-top: 6px;
	margin-bottom: 0;
}

#copyright p img {
	vertical-align: top;
	margin: -6px 10px 0 14px;
}

#copyright img {
	display: inline;
}

#copyright a {
	color: #FFF;
	text-decoration: none;
}

#copyright a:hover {
	color: #CC6600;
	text-decoration: none;
}



/*** Positionnement ***/

.agauche {
	float: left;
}

.adroite {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}




/*** Séparateurs ***/

div.pointilles	{ margin: 0; padding: 0; height: 1px; background: #FFF url(../img/pointilles.gif) repeat-x; }
div.pointilles hr { display: none; }

div.pmh	{ margin: 20px 0 5px 0; padding: 0; height: 1px; background: #FFF url(../img/pointilles.gif) repeat-x; }
div.pmh hr { display: none; }

div.pmb	{ margin: 4px 0 20px 0; padding: 0; height: 1px; background: #FFF url(../img/pointilles.gif) repeat-x; }
div.pmb hr { display: none; }

.spacer {
  clear: both;
}



/*** Images ***/

img.separateur {
	float: left;
}

.pellicule img {
	display: inline;
	margin-left: 1px;
	margin-right: 1px;
}

div.diapo {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

div.diapo2010, div.diapo2011 {
	float: left;
	padding-right: 14px;
	padding-bottom: 16px;
}

img.diapo2010, img.diapo2011 {
	background-color: #F1EFE2;
	border: dotted 1px #624740;
	float: left;
	padding: 4px;
}

div.caption {
	font-size: 80%;
	padding-top: 4px;
}



/*** Textes ***/

#logo p {
	text-align: center;
	margin-top: 20px;
	margin-left: 56px;
}

.marron, .marron-c {
	font-weight: bold;
	color: #624740;
}

.marron-c {
	text-align: center;
}

.noir {
	font-weight: bold;
	color: #444;
}

.orange {
	font-weight: bold;
	color: #CC6600;
}

.fete {
	color: #CC6600;
	font-size: 1.1em;
	font-weight: bold;
}

.hauteur {
	height: 300px;
}

div.aucentre {
	text-align: center;
}




/*** Liens ***/

#contenu a {
	color: #CC6600;
	text-decoration: none;
}

#contenu a:hover {
	color: #91685F;
	text-decoration: none;
}

#contenu h2 a {
	color: #8EAA0A;
}

#contenu h2 a:hover {
	color: #C60;
}

#contenu h2.nouveau a {
	color: #C60;
}

#contenu h2.nouveau a:hover {
	color: #8EAA0A;
}

#contenu ul li a.nouveau {
	color: #000;
}

#contenu ul li a.nouveau:hover {
	color: #C60;
}

#coord a {
	color: #CC6600;
	text-decoration: none;
}

#coord a:hover {
	color: #8EAA0A;
}


/*** Listes ***/

ul, ul.br, ul.fete {
	list-style-type: none;
	margin: 8px 20px 8px 30px;
	list-style-image: url(../img/puce.gif);
	font-weight: normal;
}

ul.br li {
	padding-bottom: 8px;
}

ul.fete {
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 100%;
}

ul.ssmenu {
	list-style-type: none;
	margin: 4px 4px 0px 4px;
}

ul.ssmenu li {
	display: inline;
	background: #FFF url(../img/puce2.gif) left 0.3em no-repeat;
	padding-left: 12px;
	padding-right: 10px;
}

#contenu ul.ssmenu li a {
	color: #000;
	text-decoration: none;
}

#contenu ul.ssmenu li a:hover {
	color: #8EAA0A;
	text-decoration: none;
}



/*** Formulaire ***/

form {
	margin-bottom: 20px;
}

.erreur {
	font-weight: bold;
	color: #900;
	background-color: #FFF;
}

input, textarea {
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #FFF5ED;
	border: solid 1px #CC6600;
	padding: 2px;
	margin-bottom: 4px;
}

textarea {
	font-size: 100%;
}

.submit {
	color: #624740;
	font-weight: bold;
	padding: 2px;
}

div.minheight { height: 300px; }