/* CSS Site Vétérinaire*/

* {
text-align:left;
}

body   {
font-family: arial, verdana, Helvetica, sans-serif;
font-size:11px;
color:#1B2739;
margin:0;
padding:0;
}

ul {
margin:0;
padding:0;
}

li {
margin:0;
padding:0;
list-style:none;
}

strong {
	font-weight:bold;
}

a:link, a:visited {
color:#1B2739;
}

a:hover {
color:#1B2739;
}

p {
	margin:0 0 12px 0;
}

h1 {
margin:0;
padding:0;
}

h2 {
margin:0;
padding:0;
}

.clear {
clear:both;
margin:0;
padding:0;
height:0px;
}

#page {
margin:0 auto;
width:770px;
border-left:#514639 1px solid;
border-right:#514639 1px solid;
}

/******************************************************************************
* Intro
******************************************************************************/

#intro {
padding-top:168px;
background-color:#DDCB99;
}

.title-intro {
background:url(../images/t_intro.gif) no-repeat;
width:265px;
height:28px;
text-indent:-9999px;
margin:6px auto;
}

.intro-pic {
background-color:#fff;
text-align:center;
}

.intro-content{
background:url(../images/bg_footer.jpg) repeat-x #DDCB99;
height:243px;
clear:both;
padding-top:45px;
}

.choix-langue {
margin:0 auto;
width:386px;
}

.choix-francais, .inter, .choix-anglais {
float:left;
}


.choix-francais a:link, .choix-anglais a:link, .choix-francais a:visited, .choix-anglais a:visited, .choix-francais a:hover, .choix-nglais a:hover {
	text-indent:-9999px;
	height:23px;
	display:block;
}

.choix-francais {
background:url(../images/b_francais.gif) no-repeat top left;
width:131px;
}

.choix-francais a:hover {
background:url(../images/b_francais.gif) no-repeat bottom left;
width:131px;
}

.inter {
background:url(../images/i_inter.gif) no-repeat;
float:left;
width:124px;
height:32px;
}

.choix-anglais{
background:url(../images/b_english.gif) no-repeat top left;
width:131px;
}

.choix-anglais a:hover {
background:url(../images/b_english.gif) no-repeat bottom left;
width:131px;
}



/******************************************************************************
* Header 
******************************************************************************/

#header {
position:relative;}

.header-top {
height:32px;
background:url(../images/bg_top.jpg) repeat-x;}

h1.title-fr {
background:url(../fr/images/t_clinique.gif) no-repeat;
height:57px;
width:301px;
text-indent:-9999px;
float:left;
}

h1.title-en {
background:url(../en/images/t_clinique.gif) no-repeat;
height:57px;
width:301px;
text-indent:-9999px;
float:left;
}

.header-content {
background:url(../images/bg_title.gif) repeat-x;
height:57px;
}

.langue {
position:absolute;
top:32px;
left:645px;
}

.head {
float:left;
background:url(../images/p_veterinaire2.jpg) no-repeat;
height:57px;
width:86px;
}

/******************************************************************************
* Menu 
******************************************************************************/

#menu {
width:171px;
height:197px;
border-right: 1px solid #fff;
background:#514639;
float:left;
color:#fff;
}

#menu ul {
margin-top:10px;
}

#menu li {
width:171px;
height:18px;
background:url(../images/bg_menu.gif) no-repeat;
}

#menu li a{
padding-left:29px;
}

#menu li a:link, #menu li a:visited{
text-decoration:none;
color:#fff;
}

#menu li a:hover{
text-decoration:none;
color:#DDCB99;
}

/******************************************************************************
* Content 
******************************************************************************/

#content {
clear:both;
}

.content-section {
width:534px;
float:left;
position:relative;
}

.photo-section { 
position:absolute;
bottom:0;
left:0;
}
	

h2.jannique {
background:url(../fr/images/s_drjannique.gif) no-repeat;
height:27px;
width:289px;
text-indent:-9999px;
margin-left:12px;
clear:right;
}

.content-photo {
float:left;
width:221px;
}

.content-sep {
float:left;
width:1px;
height:144px;
background:#9BB8E3;
margin-top:20px;
}

			
.content-text{
width:307px ;
margin:18px 0 0 221px !important;
margin:18px 0 0 111px;
float:left;
border-left:#9BB8E2 1px solid;

}

.content-text p{
margin:0 5px 12px 12px; text-align: justify
}

.content-info {
width:235px;
float:left;
background:url(../images/bg_consultation.jpg) repeat-x;
height:176px;
margin-top:1px;
}

h4.info-fr {
background:url(../fr/images/i_concultation.gif) no-repeat;
text-indent:-9999px;
height:46px;
width: 186px;
margin:13px 0 0 29px;
}

h4.info-en{
background:url(../en/images/i_concultation.gif) no-repeat;
text-indent:-9999px;
height:46px;
width: 186px;
margin:13px 0 0 29px;
}


/******************************************************************************
* Footer 
******************************************************************************/
#footer {
background:url(../images/bg_footer.jpg) repeat-x #DDCB99;
height:237px;
clear:both;
}

.copy {
text-align:center;
margin:10px auto;
width:770px;
}