img{


	border:0px;


	padding:0px;


}








body{


	


	margin:0px;


	font-family:Arial, Helvetica, sans-serif;


	font-size: 14px;


	background-color:rgb(165, 175, 138);


	/* line-height:17px; */


}




div.polaroid {


background-color:white;


    width: 500px;


    height: auto;


    padding: 20px 10px 20px 10px;


    border: 2px solid #9d4c26;


   


    box-shadow: 20px 20px 20px #9d4c26;


}



h1{


	color:#a03f12;


	margin:0;


	padding:0;





}





h2{


	color:#a03f12;


	padding:5px;


	background:url(../img/bgh2.png);


	background-repeat:no-repeat;


}





h3{


	font-size:16px;


	font-weight:blod;


	margin:0;


	padding:0;


}





a{


	color:#9d4c26;


	font-weight:bold;


}





a:hover{


	color:#9d4c26;


	font-weight:bold;


	text-decoration:none;


}





/* ---------------------- Base site -----------------------*/





#all{


	


	width:900px;


	height:auto;


	margin:10px auto 10px auto;


	background:rgb(255, 255, 255);


	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);


	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);


	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);


}





#bando-top-haut{


	


	width:900px;


	height:39px;


	margin:0 auto;


}





#callus{


	


	width:460px;


	height:29px;


	float:left;


	padding:10px 0 0 10px;


	font-weight:bold;


}





#media{


	


	width:420px;


	height:32px;


	float:left;


	text-align:right;


	padding:7px 10px 0 0;


}





#banniere{


	


	width:555px;


	height:155px;


	margin: 0 auto;


	padding:45px 25px 0 320px;


	font-size : 16px;


	color: #9d4c26;


	text-align:justify;


	background-image:url(../img/bann2.png);


}








/* ---------------------- NAVIGATION -----------------------*/





#menu, #menu ul /* Liste */     


{


        padding : 0;


        margin : 0;


        list-style : none;


        line-height : 25px; /* on définit une hauteur pour chaque élément */


        text-align : center; /* on centre le texte qui se trouve dans la liste */


}





#menu /* Ensemble du menu */


{


        font-weight : bold; /* on met le texte en gras */


        font-size : 13px; /* hauteur du texte : 12 pixels */


		width:891px;


		height:25px;


		margin:0px auto;


		padding-left:9px;


		background : #9d4c26;


}





#menu a /* Contenu des listes */


{


        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */


        padding : 0; /* aucune marge intérieure */


        background : #9d4c26; /* couleur de fond */        


        color : #fff; /* couleur du texte */


        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */


        width : 120px; /* largeur */


}





#menu a:hover 


{


        color : #000; /* Noir */


        background : #fff; /* rouge*/


		transition-duration:1.0s;


}





#menu li /* Elements des listes */      


{ 


        float : left; 


        /* pour IE qui ne reconnaît pas "transparent" */


        border-right : 1px solid transparent; /* on met une bordure blanche à droite de chaque élément */


}





/* IE ne reconnaissant pas le sélecteur ">" */


html>body #menu li


{


        border-right: 1px solid transparent; /* on met une bordure transparente à droite de chaque élément */


}





#menu li ul /* Sous-listes */


{ 


        position: absolute; /* Position absolue */


        width: 144px; /* Largeur des sous-listes */


        left: -999em; /* Hop, on envoie loin du champ de vision */


}








#menu li ul li /* Éléments de sous-listes */


{


        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */


        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */


}





/* #menu li ul li a 


{


         background     : transparent url("../img/test.png") repeat ;


} */





/* IE ne reconnaissant pas le sélecteur ">" */


html>body #menu li ul li                


{


        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */


}





#menu li ul ul 


{


        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 


        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */


        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      


}





/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */


html>body #menu li ul ul                


{


        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */


}





#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */


{


        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */


}





#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */


{


        left: auto; /* Repositionnement normal */


        min-height: 0; /* Corrige un bug sous IE */


}





/* ---------------- CONTENU ACCEUIL --------------------*/





#contenu-acceuil{


	margin:auto;


	width:900px;


	height:1550px;


}





#cont-acceuil-gh{


	float:left;


	width:578px;


	height:575px;


	padding:10px 0 10px 20px;


	text-align:justify;


}





#cont-acceuil-dr{


	float:left;


	width:297px;


	height:435px;


	padding:160px 5px 0px 0px ;


	text-align:center;


	background:url(../img/fond-acc.png);


	background-repeat:no-repeat;


}





#cont-acceuil-dr p{


	margin:0 0 0 40px;


	padding:0;


	text-align:left;


}








/* ---------------- CONTENU Promos --------------------*/





#contenu-promos{


	margin:auto;


	width:900px;


	height:950px;


}





#cont-promos-gh{


	float:left;


	width:578px;


	height:575px;


	padding:10px 0 10px 20px;


	text-align:justify;


}





#cont-promos-dr{


	float:left;


	width:297px;


	height:435px;


	padding:160px 5px 0px 0px ;


	text-align:center;


	background:url(../img/fond-acc.png);


	background-repeat:no-repeat;


}





#cont-promos-dr p{


	margin:0 0 0 40px;


	padding:0;


	text-align:left;


}








/* ------------- CONTENU ABOUT - Who We Are -----------------*/





#contenu-about{


	margin:auto;


	width:900px;


	height:350px;


}





#cont-about-gh{


	float:left;


	width:590px;


	height:330px;


	padding:10px 0px 10px 20px;


	text-align:justify;


}





#cont-about-dr{


	float:left;


	width:250px;


	height:300px;


	padding:50px 20px 0 20px;


	background:url(../img/fond-about-droite.png);


	text-align:justify;


}





#about-bas{


	margin:auto;


	width:900px;


	height:180px;


	background:url(../img/fond-about-bas.png);


	background-repeat:no-repeat;


}





#about-bas-gh{


	float:left;


	width:578px;


	height:160px;


	padding:10px 0 10px 20px;


}





#about-bas-dr{


	float:left;


	width:302px;


	height:180px;


}





/* ------------- CONTENU ABOUT - Our Staff -----------------*/





#contenu-staff{


	margin:auto;


	width:900px;


	height:610px;


}





#staff-title{


	float:left;


	width:880px;


	height:70px; /* remettre à 100 pour sous-titre */


	padding:10px 0 10px 20px;


}





#cont-staff-gh1{


	float:left;


	width:233px;


	height:400px;


	padding:20px 0 0 20px;


	margin-bottom:20px;


}





#cont-staff-dr1{


	float:left;


	width:607px;


	height:410px;


	text-align:justify;


	padding:10px 20px 0 20px;


	margin-bottom:20px;


}





#cont-staff-gh2{


	float:left;


	width:607px;


	height:420px;


	text-align:right;


	text-align:justify;


	padding:10px 20px 0 20px;


	margin-bottom:20px;


}





#cont-staff-dr2{


	float:left;


	width:233px;


	height:430px;


	padding-right:20px;


	margin-bottom:20px;


}





/* ------------- CONTENU CONSTRUCTION -----------------*/





#contenu-construction{


	margin:auto;


	width:900px;


	height:2250px;


}





#cont-construction-gh{


	float:left;


	width:860px;


	height:480px;


	padding:10px 20px 10px 20px;


	text-align:justify;


	background:url(../img/fond-tour.png);


}





#cont-construction-gh h1{


	padding:0px;


}







/* ------------- Customer-comments -----------------*/



#Customer-comments{

	margin:auto;

	width:900px;

	height:1250px;

}



#cCustomer-comments-gh{

	float:left;

	width:860px;

	height:700px;

	padding:10px 20px 10px 20px;

	text-align:justify;

	background:url(../img/fond-tour.png);

}



#Customer-comments-gh h1{

	padding:0px;

}










/* ------------- CONTENU LARGE ANIMALS -----------------*/





#contenu-large-animals{


	margin:auto;


	width:860px;


	height:770px;


	padding:0px 20px 0px 20px;


	text-align:justify;


}





#large-animals-title{


	float:left;


	width:860px;


	height:70px; /* remettre à 100 pour sous-titre */


	padding:10px 0 10px 0px;


}





#cont-large-animals-gh1{


	float:left;


	width:340px;


	height:285px;


	padding:20px 20px 0px 0px;


	margin-bottom:20px;


}





#cont-large-animals-dr1{


	float:left;


	width:480px;


	height:295px;


	text-align:justify;


	padding:10px 20px 0 0px;


	margin-bottom:20px;


}





#cont-large-animals-gh2{


	float:left;


	width:607px;


	height:420px;


	text-align:right;


	text-align:justify;


	padding:10px 20px 0 20px;


	margin-bottom:20px;


}





#cont-large-animals-dr2{


	float:left;


	width:233px;


	height:430px;


	padding-right:20px;


	margin-bottom:20px;


}

















/* ------------- CONTENU SMALL ANIMALS -----------------*/





#contenu-small-animals{


	margin:auto;


	width:860px;


	height:1100px;


	padding:0px 20px 0px 20px;


	text-align:justify;


}





#small-animals-title{


	float:left;


	width:860px;


	height:70px; /* remettre à 100 pour sous-titre */


	padding:10px 0 10px 0px;


}





#cont-small-animals-gh1{


	float:left;


	width:340px;


	height:285px;


	padding:20px 20px 0px 0px;


	margin-bottom:20px;


}





#cont-small-animals-dr1{


	float:left;


	width:480px;


	height:295px;


	text-align:justify;


	padding:10px 20px 0 0px;


	margin-bottom:20px;


}





#cont-small-animals-gh2{


	float:left;


	width:607px;


	height:420px;


	text-align:right;


	text-align:justify;


	padding:10px 20px 0 20px;


	margin-bottom:20px;


}





#cont-large-animals-dr2{


	float:left;


	width:233px;


	height:430px;


	padding-right:20px;


	margin-bottom:20px;


}














/* ---------------- CONTACT --------------------*/





#contenu-contact{


	margin:auto;


	width:900px;


	height:610px;


}





#cont-contact-gh{


	float:left;


	width:430px;


	height:400px;


	padding:10px 0 10px 20px;


}





#cont-contact-gh p{


	font-weight:bold;


	font-size:16px;


	margin:15px 0 5px 0;


}





#cont-contact-dr{


	float:left;


	width:430px;


	height:330px;


	padding:80px 20px 10px 0px;


}





#contact-bas{


	margin:auto;


	width:900px;


	height:180px;


}





#contact-bas-gh{


	float:left;


	width:578px;


	height:160px;


	padding:10px 0 10px 20px;


}





#contact-bas-dr{


	float:left;


	width:302px;


	height:180px;


}





/* ------------------------------------*/





#footer{


	


	width:900px;


	height:17px;


	margin: 0px auto;


	padding-top:3px;


	font-size:10px;


	text-align:center;


	border-radius: 0 0 10px 10px;


	color:#000;


}



























































/* ---------------- CONTENU SLIDE --------------------*/





#contenu-slide{


	margin:auto;


	width:860px;


	height:590px;


	padding:10px 20px 10px 20px;


}





#contenu-slide p{


	text-align:center;


}























#slideshow { 


		    margin: auto; 


		    position: relative; 


		    width: 720px; 


		    height: 399px; 


		    padding: 10px; 


		    box-shadow: 0 0 20px rgba(0,0,0,0.4); 


		}


		


		#slideshow > div { 


		    position: absolute; 


		    top: 10px; 


		    left: 10px; 


		    right: 10px; 


		    bottom: 10px; 


		}