/********************************/
/*  pension-chiens-chats.com    */
/*          CREAMOTION          */
/********************************/

*{
	margin:						    0px;
	padding:					    0px;
}

img{
	border:						    0px;
}

a{
  color:                 #FFA200;
  text-decoration:       underline;
  background-color:      inherit;
}
a:hover{
  color:                 #000000;
  background-color:      inherit;
}
a:active, a:focus{
	outline:none;
}
p{
  padding:				5px 0 10px 0;
  color:				#3b2a20;
}

.clear{
  clear:                both;
}

strong {
    color:              #0C5F11;
}

.pdf {
    background:         url(_images/pdf.jpg) no-repeat left center;
    padding-left:       30px;
    height:             26px;
    display:            block;
}

h1 {
    color:              #639F67;
    border-bottom:      1px solid #FFE7AF;
    background:         url(_images/puce.gif) no-repeat center left;
    padding-left:       20px;
    font-size:          14px;
    letter-spacing:     2px;
    text-transform:     uppercase;
    font-style:         italic;
    font-weight:        bold;
    margin-bottom:      10px;
   
}

h2 {
    color:              #639F67;
    padding-left:       20px;
    font-size:          14px;
    letter-spacing:     2px;
    font-style:         oblique;    
    font-weight:        bold;
    margin-bottom:      5px;
}
h3{
	font-size: 12px;
	color:#000;
}
ul {
    list-style:         none url(_images/puce_red.gif);
    margin-left:        20px;
}



body{
	background:		        url(_images/bg.jpg) repeat-x;
	color:                #000000;
	font-family:		      Verdana, Arial, Helvetica, sans-serif;
	font-size:			      12px;

}

#main{
  width:                992px;
  margin:               0 auto 0 auto;
  background-color:     inherit;
  color:                #000000;
}

#header{
  width:                992px;
  height:               221px;
}

#header-logo{
  float:                left;
  width:                193px;
  height:               221px;
}

#header-droite{
  float:                left;
  width:                799px;
  height:               221px;
}

#header-texte{
  width:                699px;/*799-100*/
  height:               59px;/*64-5*/
  background:           url(_images/header-texte.gif) no-repeat;
  background-color:     inherit;
  color:                #3b2a20;
  padding-left:         100px;
  padding-top:          5px;
  line-height:          18px;
}

.blanc{
  color:                #ffffff;
  background-color:     inherit;
}

#header-menu{
  width:                779px;/*799 - 20 */
  height:               157px;
  background:           url(_images/header-boutons.gif) no-repeat;
  background-color:     inherit;
  color:                #000000;
  padding-left:          20px;
}
#center-extend{
  background:           url(_images/center-bg.gif) repeat;
}
#center{
  width:                896px;/*952-(30+30)*/
  padding:              0 30px 20px 30px;
  line-height:          20px;
  margin:				0 auto;
  background-color: 	#fff;

}
#center p{
	padding:			5px 10px 15px 10px;
	text-align: 		justify;
	line-height: 		24px;
	background-color: 	#fefcf7;
	width:				643px;
	margin-bottom:		5px;
	border-bottom:		1px solid #fff8e7;
	
}
#center div.auto p{
	width:				auto;
}

#footer-main{
  height:               366px;
  width:                100%;
  background:           url(_images/footer-bg.gif) repeat-x;
  
  
}
#footer{
  width:                992px;
  height:               366px;
  margin:               0px auto 0 auto;
  background:           url(_images/footer-bg-center.gif) repeat-x;
}

#footer-gauche{
  width:                307px;
  height:               366px;
  background:           url(_images/footer-chien.jpg) no-repeat;
  float:                left;
}

#footer-droit{
  width:                42px;
  height:               366px;
  background:           url(_images/footer-droit.jpg) no-repeat;
  float:                left;
}

#footer-centre{
  float:                left;
  width:                643px;
  height:               266px;/*366-100*/
  margin-top:           100px;
}

#footer-adresse-texte{
  float:                left;
  text-align:           right;
  width:                380px;
  line-height:          24px;
}

#footer-adresse-plan{
  float:                left;
  text-align:           left;
  margin-left:          10px;
}

#footer-infos{
  padding-top:          40px;
}

#footer a{
  color:                #128d1a;
  background-color:     inherit;
  text-decoration:      underline;
}

#footer a:hover{
  color:                #000000;
  background-color:     inherit;
  text-decoration:      underline;
}

.vert{
  color:                #128d1a;
  background-color:		inherit;
}
span.agrandir{
	font-size:			9px;
	font-style:			italic;
	color:				#a9785d;
	text-align: 		center;
}
#photos-pension {
    padding-left:		10px;
    width:              210px;
    height:             auto;
    float:              right;
    border-left:		1px solid #f7d995;
}

/* debut menus */
#menu-accueil a{
  float:                left;
  display:              block;
  width:                123px;
  height:               106px;


  background-image:     url(_images/btn-accueil.png);
  background-repeat:    no-repeat;
  background-color:     inherit;
  background-position:  top;
  text-align:           center;
  line-height:          106px;
  text-decoration:      none;
  font-weight:          bold;
  color:                #b79278;
}
#menu-accueil a:hover{
  background-image:     url(_images/btn-accueil.png);
  background-repeat:    no-repeat;
  background-color:     inherit;
  background-position:  bottom;
  color:                #3b2a20;
}
#menu-chiens a{
  float:                left;
  display:              block;
  width:                123px;
  height:               106px;
  margin-left:          19px;
  background-image:     url(_images/btn-chiens.png);
  background-color:     inherit;
  background-position:  top;
  text-align:           center;
  line-height:          106px;
  text-decoration:      none;
  font-weight:          bold;
  color:                #b79278;
}
#menu-chiens a:hover{
  background-image:     url(_images/btn-chiens.png);
  background-color:     inherit;
  background-position:  bottom;
  color:                #3b2a20;
}
#menu-chats a{
  float:                left;
  display:              block;
  width:                123px;
  height:               106px;
  margin-left:          19px;
  background-image:     url(_images/btn-chats.png);
  background-color:     inherit;
  background-position:  top;
  text-align:           center;
  line-height:          106px;
  text-decoration:      none;
  font-weight:          bold;
  color:                #b79278;
}
#menu-chats a:hover{
  background-image:     url(_images/btn-chats.png);
  background-color:     inherit;
  background-position:  bottom;
  color:                #3b2a20;
}
#menu-alimentation a{
  float:                left;
  display:              block;
  width:                123px;
  height:               106px;
  margin-left:          18px;
  background-image:     url(_images/btn-nourriture.png);
  background-color:     inherit;
  background-position:  top;
  text-align:           center;
  line-height:          106px;
  text-decoration:      none;
  font-weight:          bold;
  color:                #b79278;
}
#menu-alimentation a:hover{
  background-image:     url(_images/btn-nourriture.png);
  background-color:     inherit;
  background-position:  bottom;
  color:                #3b2a20;
}
#menu-contrat a{
  float:                left;
  display:              block;
  width:                123px;
  height:               80px;/*106 -26*/
  margin-left:          19px;
  background-image:     url(_images/btn-contrat.png);
  background-color:     inherit;
  background-position:  top;
  text-align:           center;
  text-decoration:      none;
  font-weight:          bold;
  color:                #b79278;
  padding-top:          26px;
  line-height:          18px;
}
#menu-contrat a:hover{
  background-image:     url(_images/btn-contrat.png);
  background-color:     inherit;
  background-position:  bottom;
  color:                #3b2a20;
}
/* fin menus */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
input.btn{
	cursor: pointer;
}
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {
  float:left;
  width:150px;
}

.field-widget {
  float:left;
  width:250px;
}

fieldset { border:0; background-color: #FEFCF7;border:1px solid #FFF8E7;}

legend {
  padding: 0.2em 0.5em;
  border:0;
  color:green;
  font-size:90%;
  text-align:right;
  background-color: #fff;
  border:1px solid #FFF8E7;
  }

  .error {
    border: 1px solid red;
    background-color: #ffffee;
    color: #660000;
    width: 400px;
    padding: 5px;
  }
  .notify {
    border: 1px solid #336699;
    background-color: #ffffee;
    color: #336699;
    width: 400px;
    padding: 5px;
  }
#center p.visites{
    text-transform: uppercase;
    font-weight: bold;
    color:#e31111;
    text-align: center;
    font-size: 18px;
}