/* --------------------------------------------------------
    Main stylesheet
    Site: Dr Claude Lˆ©veillˆ©
    Created by: Stˆ©phanie Lˆ©veillˆ© - stef@annotea.com
    Filename: main.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
   -------------------------------------------------------- */

@import url('menu.css');
@import url('titres.css');

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

:focus { outline: none;}

body {
	background: #85b2d2 url(../img/back.gif) repeat-y;
	color: #000;
	font: 62.5% Arial, Verdana, Helvetica, Tahoma, sans-serif;
}


p {
	line-height: 1.4em;
	padding: 0 0 1.2em;
}

a { color: #000; }

a.btnCarteRoutiere {
	background: url(../img/btnCarteRoutiere.gif) no-repeat;
	cursor: pointer !important;
	display: block;
	height: 35px;
	width: 90px;
}

#btnEntrez {
	background: url(../img/btnEntrez.gif) no-repeat;
	display: block;
	height: 40px;
	left: 215px;
	position: absolute;
	top: 395px;
	width: 114px;
}

#txt {
	color: #6c8699;
	left: 68px;
	position: absolute;
	top: 545px;
}

ul, ol { margin: 0 0 1.2em 40px; }
li { padding: 0 0 5px; }


/* --------------->>> structure <<<---------------*/

#container {
	background: url(../img/background2.png) no-repeat;
	font-size: 1.1em;
	height: 653px;
	margin: 80px auto 0;
	overflow: hidden;
	width: 958px;
}

* html #container { background: url(../img/background.jpg) no-repeat; }

#bodyAcc #container { position: relative;}

#filleAcc {
	background: url(../img/filleAcc.jpg) no-repeat;
	position: absolute;
	left: 443px;
	top: 100px;
	width: 490px;
	height: 502px;
}

#header { height: 178px; position: relative; }

h1#logo a {
	background: url(../img/logo.gif) no-repeat;
	display: block;
	height: 138px;
	margin: 20px 0 0 68px;
	text-indent: -5000px;
	width: 203px;
}

#slogan {
	background: url(../img/headerTxt.gif) no-repeat;
	height: 37px;
	position: absolute;
	right: 78px;
	text-indent: -5000px;
	top: 90px;
	width: 217px;
}

#bodyAcc #sloganAcc {
	height: 101px;
	left: 150px;
	position: absolute;
	top: 280px;
	width: 261px;
}

#signature {
	background: url(../img/drclaudeleveille.gif) no-repeat;
	height: 17px;
	margin: 21px 0 0 68px;
	text-indent: -5000px;
	width: 270px;
}

#mainContent { 	background: url(../img/back/backContent.gif) repeat-y; }


#img {
	display: inline;
	float: left;
	height: 352px;
	margin: 0 7px 0 68px;
	overflow: hidden;
	width: 269px;
}

#bodyClaude #img { background: url(../img/side/dr_leveille.jpg) no-repeat; }
/*#bodySoins #img { background: url(../img/side/generale.jpg) no-repeat; }*/
#bodyValeurs #img { background: url(../img/side/nurse.jpg) no-repeat; }
#bodyContact #img { background: url(../img/side/receptionist.jpg) no-repeat; }
#bodySoins2.frontSourcils #img { background: url(../img/side/front_sourcils.jpg) no-repeat; }
#bodySoins2.PaupieresYeux #img { background: url(../img/side/paupiere_yeux.jpg) no-repeat; }
#bodySoins2.jouesNez #img { background: url(../img/side/joues_nez.jpg) no-repeat; }
#bodySoins2.levresMenton #img { background: url(../img/side/levres_menton.jpg) no-repeat; }
#bodySoins2.brasDos #img { background: url(../img/side/bras_dos.jpg) no-repeat; }
#bodySoins2.abdomenFlanc #img { background: url(../img/side/abdomen.jpg) no-repeat; }
#bodySoins2.hanches #img { background: url(../img/side/hanches.jpg) no-repeat; }
#bodySoins2.jambes #img { background: url(../img/side/jambes.jpg) no-repeat; }


#content {
	background: #c7e1f3 url(../img/backContent.gif) no-repeat;
	display: inline;
	float: left;
	height: 360px;
	padding: 20px 20px 33px;
	width: 498px;
}

.scroll-pane {
	width: 508px;
	overflow: auto;
	float: left;
	margin-top: 20px; padding: 0 10px 10px 0;
}
#scroll {  height: 350px; }
#scroll2 { height: 306px; }

#bodySoins #content { padding: 20px 5px 33px; width: 528px;}

/* --------------->>> other <<<---------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */