/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#bodylove{
	background: #833e15 url(/images/bgBody.gif) repeat-x;
}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto;
	background:url(/images/bgPag.jpg) repeat-y right;
	
}



/* Le Header
--------------------------------------------------------------------------------------- */
.flt-left {
float:left;
}
.flt-right {
float:right;
}

.txt-center {
text-align:center;
}

.clear {
clear:left;
}

#header {
width:760px;
height:255px;
background:url(/images/bgHeader.gif);
position:Relative;
}

#header h2{
position:absolute;
bottom:50px;
right:30px;
color:#fff;
font-size:20px;
text-transform:uppercase;
padding-bottom:0;
}

#header ul{
position:absolute;
right:26px; 
bottom:4px;


}


#header ul li {
float:left;
text-transform:uppercase;
color:#fff;
font-weight:bold;
font-size:12px;

}

#header ul li a {
display:Block;
height:30px;
background:url(../images/pattedours.gif) no-repeat;
padding:15px 15px 0px 42px;
border-right:2px solid black;
}

#header ul li a:hover {
background:url(/images/bgMenu-hov.gif);

}


#header ul li a:link {color:#fff;text-decoration:none;}
#header ul li a:visited {color:#fff;text-decoration:none;}
#header ul li a:hover {color:#fff;background:url(/images/bgMenu-hov.gif);text-decoration:none;}
#header ul li a:active {color:#fff;text-decoration:none;}

#header ul li.premierLiMenu a:hover{
background:url(/images/bgMenuAccueil-hov.gif);
}


#header ul li a.dernierLiMenu{
border-right:0px;
}

#header h1{
position:absolute;
top:23px;
left:220px;
font-size:11px;
color:#974306;
}




#switchLangue{
position:absolute;
right:10px;
top:20px;
font-size:12px;
}

#switchLangue a:link {color:#9b4803;text-decoration:none;}
#switchLangue a:visited {color:#9b4803;text-decoration:none;}
#switchLangue a:hover {color:#723400;text-decoration:none;}
#switchLangues a:active {color:#9b4803;text-decoration:none;}

/* Le Contenu
--------------------------------------------------------------------------------------- */
#contentFull{
	background:url(/images/bgPag.jpg) repeat-y;
}

#content {
width:760px;
background:url(/images/bgContent.gif) no-repeat;
min-height:400px;
float:left;
}

#contenu{
width:625px;
padding-left:90px;
float:left;
padding-top:20px;
}

#teaserBasAccueil{
margin-top:15px;
width:448px;
height:128px;
background:url(/images/porteAvenir.jpg);
float:right;
position:relative;

}

#teaserBasAccueil a{
position:absolute;
bottom:10px ;left:48px;
font-size:13px;
color:#fff;

}



/* Liens
------------------------------------- */

a {
color:#5394ce;
}

a:hover {
text-decoration:none;
}


/* Typographie
------------------------------------- */
.imageLeftContent {
float:left;
padding-right:20px;
}

#accueil {
margin-top:-515px;
margin-left:150px;
width:450px;
float:right;
}

#PageContent {
width:440px;
margin-right:7px;
margin-top:0px;
float:right;
}

h2 { 
font-size:20px;
color:#5394ce;
padding:0px 0px 10px 0px;
}

h3{
font-size:13px;
color:#4b8fcb;
padding-bottom:8px;
text-transform:uppercase;
font-weight:bold;
}

#h3{
height:19px;
font-size:13px;
color:#833e15;
padding-bottom:30px;
text-transform:uppercase;
font-weight:bold;
display:block;
}

.h3{
background:url(/images/pattebg.jpg) no-repeat;
height:19px;
display:block;
padding-left:25px;
padding-right:25px;
float:left;
}

	#h3 a {
	float:left;

 	height:19px;
	color:#4b8fcb;	
	padding-left:25px;
	padding-right:20px;
	background:url(/images/pattebg.jpg) no-repeat;
	text-decoration:none;
	}

	#h3 a:hover {
	height:19px;
	background:url(/images/pattebghover.jpg) no-repeat;
	padding-left:25px;
	padding-right:20px;
	text-decoration:underline;
	}

.h4 {
background:#d3bbac;
padding:2px 3px 2px 3px;
}
	
#h4{
font-size:12px;
color:#833e15;
padding-bottom:15px;
font-weight:bold;
}

	#h4 a {
	background:#deeffe;
	color:#0064bd;		
	text-decoration:none;
	padding:2px 3px 2px 3px;
	}

	#h4 a:hover {
	color:#4b8fcb;
	}
	
	#h4 ul {
	padding-bottom:17px;
	}
	
	#h4 li {
	padding:0px 0px 7px 5px;
	background:url(/images/puce.jpg) no-repeat;
	padding-left:15px;
	}
	

p {
text-align:justify;
font-size:13px;
color:#393939;
padding-bottom:12px;
}

em {
color:#4b8fcb;
}

.imgright {
float: right;
margin-top:18px;
padding-left:15px;
padding-bottom:15px;
}

.chien {
float:left;
text-align:center;
padding:5px;
}

	.chien img {
		border:2px solid #000;
	}
	
	.chien a {
	font-size:13px;
	color:#4b8fcb;		
	}

	.chien a:hover {
	color:#833e15;
	text-decoration:none;
	}
	
#chien {
background:url(/images/imageLeftContent7.jpg) no-repeat;
width:157px;
height:517px;
text-align:center;
float:left;
padding-right:20px;
padding-top:200px;
}

	#chien img {
	border:2px solid #000;
	}
	
	#chien a {
	font-weight:bold;
	font-size:15px;
	color:#4b8fcb;		
	}
	
	#chien a:hover {
	text-decoration:none;
	color:#d3bbac;
	}

.lienretour a {
background:#deeffe;
color:#0064bd;		
text-decoration:none;
}

.lienretour a:hover {
color:#4b8fcb;
}

#GoogleMap {
width:438px;
border:1px solid #833e15;
background:#d3bbac;
padding:4px;
margin-left:-2px;
font-size:12px;
}



.img {
border:2px solid #000;
float: right;
margin:23px 0px 15px 15px;
}

/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear:both;
width:760px;
height:72px;
background:url(/images/bgFooter.gif) no-repeat right;

}


#copyright{
margin:0 auto;
width:760px;
text-align:Center;
font-size:11px;
color:#fff;
padding-bottom:6px;

}

#copyright a:link {color:#fff;text-decoration:none;}
#copyright a:visited {color:#fff;text-decoration:none;}
#copyright a:hover {color:#fff;text-decoration:underline;}
#copyright a:active {color:#fff;text-decoration:none;}