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

body
{
	margin:0px;
	padding:0px;
	background-image: url(images/fond.png);
	background-repeat:repeat-x;
	behavior: url(csshover.htc);
	font-family:Verdana, Geneva, sans-serif;
}

div#menu {
	width: 290px;
	margin-top: 20px;
	margin-bottom: 15px;
		}
	
div#menu ul {
	width: 290px;
	margin:0px;
	padding:0px;
	}
	


div#menu ul li {
	position:relative;
	list-style: none;
	display:block;
	margin:0px;
	padding-top : 10px;
	padding-bottom:10px;
	letter-spacing: 0.18em;
	padding-left:4px;
	padding-right:4px;
	font-size:11px;

	}
	
.filet-pointille-blanc{
	background-image: url(images/filet-pointille.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	
.filet-pointille-blanc:hover{
	background-image: url(images/filet-pointille-over.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
	}
	
	
	
.filet-pointille-blanc-unique{
	background-image: url(images/filet-pointille-unique.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
.filet-pointille-blanc-unique:hover{
	background-image: url(images/filet-pointille-over-sans-fleche.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
	}
	
.filet-pointille-noir{
	background-image: url(images/filet-pointille-noir.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	
	div#menu ul li a:hover{
		color: #AEF8FC;
	}
	

	
div#menu ul ul {
	position: absolute;
	top: 0;
	left: 280px;
	display:none;
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
	width:310px;
	border: 1px solid #CCCCCC;
	z-index: 1;
	}
	
div#menu ul ul a {
	color:#000;	
	padding-bottom:4px;
	padding-top:4px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	}
	
div#menu ul ul a:hover {	
	color:#049DAD;
	text-decoration:none;
	}
	
div#menu li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-transform: uppercase;
	}
	
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover  {
	display:block;
	} 

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



.petit_menu a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	letter-spacing: 0.12em;
	padding-bottom: 3px;
	font-weight:normal;
	display: block;
	text-transform: uppercase;
	}

	
.petit_menu  a:hover {
	color: #CCC;
	padding-bottom: 3px;
}
	
	

@font-face {
    font-family: 'LatinModernSans10Regular';
    src: url('lmsans10-regular-webfont.eot');
    src: url('lmsans10-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lmsans10-regular-webfont.woff') format('woff'),
         url('lmsans10-regular-webfont.ttf') format('truetype'),
         url('lmsans10-regular-webfont.svg#LatinModernSans10Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatinModernSans10Bold';
    src: url('lmsans10-bold-webfont.eot');
    src: url('lmsans10-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lmsans10-bold-webfont.woff') format('woff'),
         url('lmsans10-bold-webfont.ttf') format('truetype'),
         url('lmsans10-bold-webfont.svg#LatinModernSans10Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


#sitecentrage
{
	width:830px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
}

a.logo
{
	position:absolute;
	left: 33px;
	top: 22px;
	z-index:10;
	display : block;
	float:left;
	height: 48px;
	width: 261px;
	background-image: url(images/logo-docteur-brunet.png);
	background-repeat: no-repeat;
	padding: 0px;
}

a.logo:hover
{
	background-position: 0 -48px;
}

a.logo span
{
	display : none;
}


a.retour
{
	display : block;
	float:right;
	height: 50px;
	width: 135px;
	background-image: url(images/bt-retour.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 40px;
}

a.retour:hover
{
margin-top: 40px;
	background-position: 0 -50px;
}

a.retour span
{
	display : none;
}

#zone-menu{
	position:absolute;
	width: 514px;
	height: 311px;
	left: -1px;
	top: 80px;
	background-image: url(images/fond-menu.png);
	background-repeat: no-repeat;
	z-index:100;
	padding-left: 20px;
}

.h1-accueil{
	position:absolute;
	font-size:9px;
	color:#999999;
	left: 288px;
	top: -21px;
	font-weight: normal;
}

.vignettes{
	position:absolute;
	left: 316px;
	top: 37px;
}


#adresse{
	position:absolute;
	left: 659px;
	top: -13px;
}



.contenu{
	padding-top: 425px;
}


.colonne230{
	float:left;
	width: 250px;
	margin-left: 20px;
}



.colonne250{
	float:left;
	width: 270px;
	margin-left: 20px;
	margin-right:20px;
}

.colonne250h{
	float:left;
	width: 40%;
	margin-left: 20px;
	margin-right:20px;
}

.colonne300{
	float:left;
	width: 300px;
	margin-left: 20px;
	margin-right:30px;
}

.colonne-centrale02{
	float: right;
	width: 472px;
}

 .colonne-centrale02 li{
	background-image: url(images/puce-ronde.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	
}

.colonne-centrale{
	widows:480px;
	float: right;
	width: 517px;
}

.colonne-centraleh{
float: right;
  width: 55%;
}

 .colonne-centrale li{
	background-image: url(images/puce-ronde.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	
}


.float-left{
	float:left;
}

.margin-right10{
	margin-right:10px;
}

.margin-right45{
	margin-right:40px;
}

.margin-bottom10{
	margin-bottom:10px;
}


.margin-top10{
	margin-top:10px;
}

.margin-top5{
	margin-top:5px;
}

.margin-top20{
	margin-top:20px;
}


.margin-bottom30{
	margin-bottom:30px;
}


p{
	padding:0px;
	font-size: 12px;
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


h2{
	margin:4px 0px 7px;
	padding:0px;
	line-height: 100%;
}


.marron{
	color: #663333;
	}
	
.gris-clair{
	color: #666666;
	}
	
.txt14{
	font-size:14px;
	
}

.txt10{
	font-size:10px;
	
}

.txt11{
	font-size:12px;
	
}

.latinbold{
font-family: 'LatinModernSans10Bold',Verdana, Geneva, sans-serif;
}

.latinregular{
font-family: 'LatinModernSans10Regular',Verdana, Geneva, sans-serif;
}

.sous-titre{
	font-size:18px;
	font-family: 'LatinModernSans10Regular',Verdana, Geneva, sans-serif;
	color:#049DAD;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #049DAD;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #049DAD;
	padding-top: 3px;
}

strong.red{
	color:#FF0000 !important;
}

.titre{
	font-size:19px;
	font-family: 'LatinModernSans10Bold',Verdana, Geneva, sans-serif;
	color:#464646;
	margin:0px;
	padding-bottom: 10px;
	
	
}



h3{
	font-size:15px;
	font-family: 'LatinModernSans10Regular', Verdana, Geneva, sans-serif;
	color: #333;
	margin-bottom:5px;
	margin-top:15px;
	padding:0px;
}

a.txt16-bleu{
	font-size:16px;
	font-family: 'LatinModernSans10Bold', Verdana, Geneva, sans-serif;
	color:#049DAD;
	text-decoration:none;
	line-height: 100%;
}

a.txt16-bleu:hover{
	text-decoration:underline;
}


.colonne165{
	float:left;
	width:165px;
}

.colonne165h{
float: left;
  width: 47%;
}

.clear{
	clear:both;
}


.vignette-pied-cheville01 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville01.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville01:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville01 span {
	display : none;
}


.vignette-pied-cheville02 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville02.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville02:hover {
	background-position: 0 -77px;
		
}


a.vignette-pied-cheville02 span {
	display : none;
}



.vignette-pied-cheville03 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville03.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville03:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville03 span {
	display : none;
}

.vignette-pied-cheville04 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville04.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville04:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville04 span {
	display : none;
}

.vignette-pied-cheville05 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville05.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville05:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville05 span {
	display : none;
}



.vignette-pied-cheville06 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville06.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville06:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville06 span {
	display : none;
}


.vignette-pied-cheville07 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville07.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville07:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville07 span {
	display : none;
}


.vignette-pied-cheville08 {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pied-cheville08.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-pied-cheville08:hover {
	background-position: 0 -77px;
		
}

a.vignette-pied-cheville08 span {
	display : none;
}

.vignette-arthrose-hanche {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-arthrose-hanche.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-arthrose-hanche:hover {
	background-position: 0 -77px;
		
}

a.vignette-arthrose-hanche span {
	display : none;
}

.vignette-arthrose-genou {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-arthrose-genou.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-arthrose-genou:hover {
	background-position: 0 -77px;
		
}

a.vignette-arthrose-genou span {
	display : none;
}



.vignette-lesions-ligamentaires-du-genou {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-lesions-ligamentaires-du-genou.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;


}

a.vignette-lesions-ligamentaires-du-genou:hover {
	background-position: 0 -77px;
		
}

a.vignette-lesions-ligamentaires-du-genou span {
	display : none;
}


.vignette-lesions-genou {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-lesions-menisales-et-cartilaginseuse-du-genou.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}

a.vignette-lesions-genou:hover {
	background-position: 0 -77px;
		
}

a.vignette-lesions-genou span {
	display : none;
}



.vignette-pathologie-rotulienne {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-pathologie-rotulienne.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}

a.vignette-pathologie-rotulienne:hover {
	background-position: 0 -77px;
		
}

a.vignette-pathologie-rotulienne span {
	display : none;
}


.vignette-chirurgie-pied-cheville {
	display : block;
	height: 77px;
	width: 165px;
	background-image: url(images/vignette-chirurgie-cheville-genou.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}

a.vignette-chirurgie-pied-cheville:hover {
	background-position: 0 -77px;
		
}

a.vignette-chirurgie-pied-cheville span {
	display : none;
}


a img  {
	border:0px;
	}

a:hover{
	border:0px;
	margin:0px;
	padding:0px;
}


.bordure{
	border: 1px solid #999999;
	}


a.gris-souligne{
	color:#333333;
	font-size: 12px;
	text-decoration: underline;
}


a.gris-souligne:hover{
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
}


a.gris-defaut-souligne{
	color:#333333;
	text-decoration: underline;
}


a.gris-defaut-souligne:hover{
	color: #999999;
	text-decoration: underline;
}


a.gris{
	color:#333333;
	font-size: 12px;
	text-decoration: none;
}

a.gris:hover{
color:#333333;
text-decoration:underline;
}


.footer{
	background-color: #EEEEEE;
	padding: 10px 2px 2px;
	height: 18px;
	margin-top: 20px;
	font-family: Verdana, Geneva, sans-serif;;
	font-size: 11px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
	margin-bottom: 10px;
	color:#333333;
}

.footer a{
	color:#333333;
	text-decoration:none;
	
}

.footer a:hover{
	color:#333333;
	text-decoration:underline;
	
}


.chemin{
	display:block;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #595959;
	padding-bottom: 7px;
	line-height: 130%;
}


.chemin a{
	color: #333333;
	
}


/** ScrollToTop **/
#scrollToTop a{
position: fixed;
right: 20px;
bottom: 10px;
background-color: rgb(255,255,255); /** rgba fallback**/
background-color: rgba(255,255,255, 0.7);
padding: 7px 10px;
border: 1px solid #000;
}
#scrollToTop a:hover{
box-shadow: 0px 0px 5px #222;
-moz-box-shadow: 0px 0px 5px #222;
-webkit-box-shadow: 0px 0px 5px #222;
text-decoration: none !important;
}