@charset "utf-8";
/* CSS Document */

body{
   margin:0px;
   background: #b6bcf1; /* Old browsers */
background: -moz-linear-gradient(top, #b6bcf1 0%, #b6d5ef 33%, #b6d5ef 35%, #b6d5ef 52%, #e0e3e5 86%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6bcf1), color-stop(33%,#b6d5ef), color-stop(35%,#b6d5ef), color-stop(52%,#b6d5ef), color-stop(86%,#e0e3e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* IE10+ */
background: linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6bcf1', endColorstr='#e0e3e5',GradientType=0 ); /* IE6-9 */
}
#bloc_page
{
	width: 1000px;
	margin: auto;	
	height: auto;
}
#bloc_page-pensionnaires
{
	width: 1000px;
	margin: auto;
	height: auto;
}
#bloc-page-tarif
{   
	background-color:#ffffff;
	width: 1000px;
	margin-top: 3px;
	height: auto;
	margin-bottom:0px;
	box-shadow: 4px 4px 4px #1c1a19;
	border-radius: 4px 4px 7px 7px;
}
div#bloc_page_livreor{
	width: 1000px;
	height: auto ;
	margin: auto;
}	
#banniere_principale
{
	background-color:#ffffff;
	width: 1000px;
	height: 248px;
	z-index: 2;
	top: 0px;
	left: 66px;
	border-bottom: #6e6163;
	display: inline-block;
	box-shadow: 4px 4px 4px #1c1a19;
}
#banniere_image1
{
	background-image:url(accueil-images/banniere.jpg);
	width: 1000px;
	height: 200px;
	margin-bottom: 5px;
}
#banniere_image2
{
	background-image:url(accueil-images/fond_menu.gif);
	width: 1000px;
	height: 44px;
	z-index: 1;
	display: inline-block;
}
#texte_def
{

	margin-top: 10px;
	z-index: 2;
	display: block;
	text-align:center;
}
nav
{
	width: 1000px;
	background-color: #6e6163;
	height: 60px;
	box-shadow: 4px 4px 4px #1c1a19;
	border-radius: 3px;
}
ul#navigation
{ 
	display: table; 
	width: 1000px;
	margin: auto; 
	padding: 0;
	background: linear-gradient(#6e6163, #6f6163);
	background: -webkit-linear-gradient(#6e6163, #6f6163); 
	background: -moz-linear-gradient(#6e6163, #6f6163); 
	background: -ms-linear-gradient(#6e6163, #6f6163); 
	background: -o-linear-gradient(#6e6163, #6f6163); 
	background: linear-gradient(#6e6163, #6f6163);
	background: #6f6163;
	border-radius: 3px; 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px #6f6163;
} 
ul#navigation li.navigation
{ 
	display: table-cell;
color: rgba(0, 0, 0, .7);
}
a
{
text-decoration:none;
}
a.bouton{
	font-size:24px;	
	color: #f3c557; 
	font-family: "Comic Sans MS", italic;
}
ul li.navigation a.bouton
{ 
	
	height:30px;
	display: block;
	position: relative; 
	text-align: center;
	text-decoration: none; 
	padding: 8px 8px 17px 8px;
	text-shadow: 0 1px 0 #f37957;
	box-shadow: 0px 2px 0px #6f6163 ;
	transition: all .3s .1s;
}

ul#navigation li.navigation:first-child a.bouton
{ 
	border-radius: 3px 0 0 3px; 
} 
ul#navigation li.navigation:last-child a.bouton
{ 
	border-radius: 0 3px 3px 0; 
}
nav li.navigation a.bouton:hover, ul#navigation li.navigation a.bouton:focus
{ 
	transition: all .3s 0s;
	padding: 8px 25px 17px 25px;
	background: #73696a; 
	box-shadow: 1px 2px 2px #595757; 
	border-radius: 5px 5px 0px 0px;
} 
ul#navigation li.navigation.navigation.navigation.navigation a.bouton:active
{ 
	background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); box-shadow: 0 0 2px rgba(0,0,0,.3) inset; 
}
ul#navigation li.navigation a.bouton::before
{ 
	content: ''; 
	position: absolute; 
	left: 50%; bottom: 6px; 
	margin-left: -2px; 
	width: 4px; 
	height: 4px; 
	border-radius: 50%; 
	background: #f3113e; 
}
ul#navigation li.navigation a.bouton:hover::before, ul#navigation li.navigation a.bouton:focus::before
{ 
	background: #6fea63; 
	box-shadow: 0 0 2px #f3c557, 0 -1px 0 rgba(0, 0, 0, .4); 
}
#logo-facebook
{
	display:inline-block;
	float:left;	
	position:relative;
	padding-top:20px;
	padding-left:40px;
	
	
}
.ima_facebook
{
	position:absolute;
	transition: all .3s .1s;
}


.ima_facebook:hover
{
	padding-left:20px;
}
#faceboock
{
	display: inline-block;
	margin: auto;
	padding-top: 10px;
	text-align: center;
	position: absolute;
}
.addthis_toolbox addthis_default_style
{
	display:inline-block;
	position:absolute;
	text-align:right;
	margin-top:10px;
}
section
{
	background-color:#ffffff;
	box-shadow: 4px 4px 4px #1c1a19;
	border-radius: 5px 5px 7px 7px;
	margin-top: 3px;
}
article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}
aside
{
    position: relative;
    padding: 10px;
	margin-right: 20px;
	margin-left: 40px;
	margin-bottom: 0px;
}
article
{
    width: 400px;
	margin-top: 100px;
	padding-left: 10px;

}
.photo-braque
{ 
	display:inline-block;
	position:relative;
	padding: 18px;
	width: 376px;
    background-color: #6e6163;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 3px;
    background-color: #6e6163;
	text-align: center;
	margin-bottom:50px;
}
aside.photo-braque0
{   
    position: relative;
    padding: 10px;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 0px;
	margin-top:140px;
}
.photo-braque1
{ 
	display:inline-block
	margin 10px;
	padding: 18px;
	width: 376px;
    background-color: #6e6163;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 3px;
    background-color: #6e6163;
	text-align: center;
	margin-bottom:50px;
}
aside.photo-braque2
{
	margin-top: 90px;
	margin-right: 60px;
	display:inline-block;
	position:relative;
	width: 376px;
    border-radius: 3px;
	text-align: center;
	margin-bottom:50px;
}

h1
{
	text-align:center;
	font-size: 30px;
	margin-top: 0px;
	font-family: "Comic Sans MS", cursive;	
	margin-bottom: 30px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 4px grey;
	margin-right:10px;
}
h2,.h2
{    
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 10px;
	text-shadow: 2px 2px 4px grey;
}
.h9
{
	margin-top: 20px;
	margin-left:60px;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 10px;
	text-shadow: 2px 2px 4px grey;


}
h3,.h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	padding-top: 20px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 2px 2px 4px grey;
}
h4
{	font-family:"Comic Sans MS", cursive;
    line-height: 10px;
	margin-top: 2px;
	font-size: 16px;
	text-align: left;
    color: black;
}
h5
{
	font-size: 32px;
	margin-top: 0px;
	font-family: "Comic Sans MS", cursive;	
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 4px grey;
}
.h6
{
	font-family:"Comic Sans MS", cursive;
    	line-height: 6px;
	margin: 4px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 16px;
	text-align: left;
    	color: black;
}
.h7
{
	margin: 0px;
	padding-left:50px;
	font-size: 14px;
	font-weight:bold
}
.h8
{
	padding-left:15px;
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
}
p
{
	alignment-adjust: central;
	font-size: 20px;
	text-align:justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 4px grey;
}
strong, em
{
	font-weight:normal;

}
#next-previous
{
	margin: 0px;
}
#next_previous
{
	display: inline-block;
	position: relative;
	width: 100px;
	padding-left: 60px;
	margin-top: 50px;
	margin-left: 750px;
	margin-bottom: 50px;
}
#next
{
	display: inline-block;
	position: absolute;
}
#previous
{
	display: inline-block;
	position: absolute;
}
footer
{
	background-color: #ffffff;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 4px 0px 4px #1c1a19;
	height: 100px;
	font-family: "MS Serif", "New York", serif;	
	margin-top: 3px ;
	margin-bottom: 30px;
}
#footer_texte
{
	text-align: center;
    position: absolute;
	margin-left:340px;
}
#chien-footer
{
	padding-top: 10px;
	display: block;
	position: absolute;
	padding-left: 100px;
}
#chien-footer-droite
{
	padding-top: 10px;
	display: block;
	position: absolute;
	margin-left: 800px;
}
ul
{
	margin: 0px;
}
.reco
{
	text-align: center;
	border: 5px;
	border-color:#CC66CC;
	box-shadow: 0px 3px 7px #1c1a19;
    border-radius: 3px;
	margin-left: 5px;
	width: 400px;
	background: #b6bcf1; /* Old browsers */
background: -moz-linear-gradient(top, #b6bcf1 0%, #b6d5ef 33%, #b6d5ef 35%, #b6d5ef 52%, #e0e3e5 86%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6bcf1), color-stop(33%,#b6d5ef), color-stop(35%,#b6d5ef), color-stop(52%,#b6d5ef), color-stop(86%,#e0e3e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* IE10+ */
background: linear-gradient(top, #b6bcf1 0%,#b6d5ef 33%,#b6d5ef 35%,#b6d5ef 52%,#e0e3e5 86%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6bcf1', endColorstr='#e0e3e5',GradientType=0 ); /* IE6-9 */
}
.dolly-text-reco
{
	border: 10px;
	background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 45%, #abd3ee 55%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(45%,#abd3ee), color-stop(55%,#abd3ee), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 45%,#abd3ee 55%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 45%,#abd3ee 55%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 45%,#abd3ee 55%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(top, #ebf1f6 0%,#abd3ee 45%,#abd3ee 55%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 3px 7px #1c1a19;
    border-radius: 3px;
	padding-left: 10px;
	margin-bottom:20px;
	padding-bottom:20px;
	height:auto;
}
img#dolly-recompenses0
{
	margin-left: 20px;
}
img#dolly-recompenses1
{
	margin-left: 20px;
	padding-top: 10px;
}
#photo-dolly-recompense-grd
{ 
   text-align:center;
}
#photo-dolly-recompense-grd
{
	padding-top: 60px;
}
.lien-site
{   padding-top:10px;
    margin-left:20px
}
.separateur
{
	padding-top: 30px;
	display:block;
	height:10px;
	width: 100%;
	text-align: center;
}
.separateur_message
{
	margin-top: 30px;
	margin-bottom:20 px;
	display:block;
	height:10px;
	width: 100%;
	text-align: center;
}

#info
{ 
margin:5px;
}


#photo-pension
{ 
   	display:inline-block;
	position:relative;
    	background-color: #baf6d8;
	width: 700px ;
	height: 200px ;
    	box-shadow: 0px 3px 7px #1c1a19;
    	border-radius: 3px;
	text-align: center;	
	margin-left: 15px;
}
#pensionnaire
{  
    	display:inline-block;
	position: relative;
	margin-top:25px;
	margin-right: 10px;
	border: 5px;
	border-color:#CC66CC;
	box-shadow: 0px 3px 7px #1c1a19;
    	border-radius: 3px;
    	text-align: center;
}
#pension
{
	margin-top:30px;
	display:inline-block;
	position: relative;
	border-color:#CC66CC;
	box-shadow: 0px 3px 7px #1c1a19;
	border-radius: 3px;
	width: 900px;
	background-color: #6e6163;
}
#nom-chien
{
	display:inline-block;
	position: relative;
	font-size: 28px;
	margin-top: 150px;
	margin-left: 20px;
	padding-left:20px;
	font-family: "Comic Sans MS", cursive;
	text-shadow: 2px 2px 4px grey;
	text-align: center;
}
#nom-chien-duo
{
	display:inline-block;
	position: relative;
	font-size: 28px;
	margin-top: 110px;
	margin-left: 20px;
	padding-left:20px;
	font-family: "Comic Sans MS", cursive;
	text-shadow: 2px 2px 4px grey;
	text-align: center;
}
#mois-pension
{
	padding-left: 100px;
}
.lesboutons
{
	text-align:right;
}.lesboutons2
{
	text-align:center;
}
#g-plusone
{
	display: inline-block;
	width:50px;
	height:10px ;
	position:relative;
}
.text-tarif
{
    margin-left:9px;
}

.pagination{
	padding : 3px;
	padding-bottom:20px;
	text-align: center;
        font-family: "Comic Sans MS", cursive, monospace;
}
.pagination a{
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	padding:4px;
	box-shadow: 0px 3px 3px #1c1a19;
	border-radius: 3px;

}
.pagination a:hover{
	background : #6e6163;
	color:#D8BC4B;
	font-weight: bold;
        border: 1px solid #38277f;
}
article.text-tarif
{
	background-image:url(tarifs-image/bordure-tarif.png);
	padding-bottom: 50px;
}
p.titre 
{
	background:#6e6163;
	color:#D8BC4B;
	padding:.2em .3em;
	font-size:1.2em;
	box-shadow: 0px 3px 7px #1c1a19;
	border-radius: 3px;
	position:relative;
	margin-bottom:-1em;
	width:10em;
	margin-left:1em;
	margin-top:1em;
}

fieldset 
{
	border:none;
	margin-bottom:0.2em;
	width:28em;
	padding-top:2em;
}
fieldset.coordonnees {
	background:#A4D8EE;
	border:outset #A4D8EE;
	padding-left:80px;
}
fieldset#message {
	background : #CC66CC;
	border : outset #9DF2CE;
}
label.nom {
	position:absolute;
	font-size:90%;
	padding-top:.2em;
	left:20px;
	margin-left:8px;
}
input.nom 
{
	position:absolute;
	
	line-height:1.4em;
	margin-bottom:.2em;
}
label#inputfile
{
	position:absolute;
	font: size 8px;
	text-align:left;
}
label.infoinputfile
{
	position:absolute;
	margin-top:10px;
	margin-left:20px;
	font: size 2px;
}
p.infoinputfile
{
	position:absolute;
	margin-top:2px;
	margin-top:2px;
	margin-left:20px;
	font: size 2px;
}

textarea 
{
	font:.8em "Trebuchet MS", Verdana, sans-serif;
	width:29em;
	padding:.2em;
}

input[type="submit"],[type="reset"]{
	color:#000000;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	box-shadow: 0px 3px 7px #1c1a19;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.captcha
{
	border:2px grey;
	border-radius: 3px;
	box-shadow: 2px 2px 3px #1c1a19;
}
.carte
{
	text-align:center;
	padding-bottom:50px;
	border:outset #A4D8EE;
	margin-top:60px;
	margin-left:50px;
	width :565px;
	height:480px;
	background-color: #A4D8EE;

}
.map
{
	width :500px;
	height:400px;
	border-radius: 10px;
	box-shadow: 0px 3px 7px #1c1a19;
}
#information
{
	width :560px;
	display:inline-block;
	position:relative;
	padding-left:30px;
	background-color:#edd395;
	padding:30px;
	margin-left:220px;
	margin-top:20px;
	border-radius: 30px;
	box-shadow: 3px 4px 7px #1c1a19;
	
}


.iptext {
	margin-top:40px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-shadow: 2px 2px 4px grey
	font-size : 40px;

}
.erreur{
        font-size : 16px;
	text-shadow: 2px 2px 4px grey;
	font-stretch: condensed
	font-family "Comic Sans MS", italic;
	color : red;
}
.introlivre
{
	margin:auto;
	width:800px;	
	font-size: 40px;
	margin-top: 80px;
	font-family: "Comic Sans MS", cursive;	
	text-shadow: 2px 2px 4px grey;
	position:relative;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#dcdbd9;
	border-radius: 30px;
	box-shadow: 3px 4px 7px #1c1a19;

}
.introlivre2
{
	font-size: 18px;
	margin-top: 0px;
	font-family: "Comic Sans MS", cursive;	
	text-shadow: 2px 2px 4px grey;
	text-align:center;
	padding-top: 30px;

}
a.recomlien{
	text-decoration:none;
color: greys;
}
a.livre_or{
text-decoration:none;
}
a.livre_or:hover{
	text-decoration:none; 
	font-size : 16;
	color: greys;
	}
#message{
	margin-left: auto;
  	margin-right: auto;
	width : 900px;
	height: auto;
	margin-bottom: 20px;
	padding-bottom :20px;
	background-color:#E5F2F0;
	border-radius: 10px;
	box-shadow: 3px 3px 7px #1c1a19;

}
.image{
	float:left;
	width:250px;
	height:200px;
	padding-left:40px;
	padding-top:40px;
margin-top:10px;
border-right:2px dashed grey;
}
.texte{
	padding-left:10px;
	padding-top:6px;
	font-family: "Comic Sans MS", cursive;
	font-size : 16px;
	display: inline-block;
	position :relative;
	width : 560px;
	height: 200px;
	border-top:2px dashed grey;

}
.nbremessage {
	font-size : 16px;
	text-shadow: 2px 2px 4px grey;
	font-stretch: condensed
	font-family "Comic Sans MS", italic;
	padding-left:40px;
	
}
div.auteur {
	padding-top:6px;
	padding-left:10px;
	display: inline-block;
	width : 400px;
	height: 30px;
	font-family: "Comic Sans MS", cursive;
	font-size : 16px;
	text-shadow: 2px 2px 4px grey
	border-bootom 2px dashed grey;
}
div.date {
	margin-top:6px;
	text-align:center;
	width : 180px;
	height: 30px;
	vertical-align: top;
	display: inline-block;
	font-family : "Comic Sans MS", italic;
	font-size : 12px;
	color : grey ;
	
}