</* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
}

body{
	font-size:62.5%;

}

#screen{
position:absolute;
width:100%;
height:100%;
display:block;}

#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:100%;
}

#header{

	height:154px;
	background:url(http://www.pariaud-osteopathe.fr/images/charte/bg-header.jpg) right top no-repeat;

}


/***************** CONTAINER DU CONTENU *****************/




/***************** MENU *****************/

#contenu #menu span{
display:none;}

.pro {
width:226px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-pro2.jpg) no-repeat;
}
.pro:hover {
width:226px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-pro2-ovr.jpg) no-repeat;
}

.procurrent {
width:226px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-pro2-ovr.jpg) no-repeat;
cursor:default;
}




.patients {
width:179px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-patients2.jpg) no-repeat;
}
.patients:hover {
width:179px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-patients2-ovr.jpg) no-repeat;
}
.patientscurrent {
width:179px;
height:23px;
float:left;
background:url(http://www.pariaud-osteopathe.fr/images/charte/btn-patients2-ovr.jpg) no-repeat;
cursor:default;
}






#contenu #menu {
	width:405px;
	float:left;
	padding-left:10px;
}


#contenu #menu dt {
	cursor: pointer;
	height: 28px;
	line-height: 28px;
	text-align:left;
	font-size:1.1em;
	font-weight: bold;
	color:#fff;
	background:url(http://www.pariaud-osteopathe.fr/images/charte/bouton.gif) no-repeat;
}

#contenu #menu dd {
	width:405px;
	float:left;
}

#contenu #menu dt a {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 100%;
}
#contenu #menu dt a:hover {
	background:url(http://www.pariaud-osteopathe.fr/images/charte/bouton-hover.gif) no-repeat;
	color: #870000;
	text-decoration: none;
	display: block;
	height: 100%;
}



#contenu #menu ul{
	border:0px solid #ccc;
	list-style:none;
	padding:20px 0;
	
}
#contenu #menu li {
	font-size:1.1em;
	letter-spacing:0.1em;
	text-align:left;
	padding-left:10px;
  height: 20px;

	text-decoration: none;
	background:url(http://www.pariaud-osteopathe.fr/images/charte/puce.jpg) 4px 8px no-repeat;
}


#contenu #menu li a {
	color: #999999;
	text-decoration: none;
	display: block;
}
#contenu #menu li a:hover {
	color:#333;
	text-decoration: none;
}

#contenu #menu li .current {
	color:#999999;
  font-weight: bold;
	text-decoration: none;
}

/***************** CONTENU TEXTUEL *****************/
#contenu {
	position:relative;
	padding-bottom:43px;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}


#contenuTexte{

	float:left;
  margin:0px 0px 0px 40px;

	font-size:12px;
	line-height:18px;
  	color:#686666;
	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}


#contenuTexte h1{
	margin:10px 0 20px 0;
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:uppercase;
  text-align: right;


}

#contenuTexte h1 a{

	color:#000000;
  text-decoration: none;


}

#contenuTexte h1 a:hover{

	color:#999;
   text-decoration: none;


}

#contenuTexte h2{
	margin:15px 0 0px 0;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
text-align:left;
text-transform: uppercase;
color:#666;
margin-bottom:2px;
/*background:url(http://www.pariaud-osteopathe.fr/images/charte/bg-h2.gif) no-repeat scroll left 3px;
text-indent:14px;*/
margin-top: 15px;
}



#contenuTexte h3{
	margin:15px 0 0px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size: 14px;
  font-weight: bold;
text-align:center;
text-transform: uppercase;
color:#000000;

}

#contenuTexte h4{
	margin:5px 0 0px 0;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
text-align:left;
text-transform: uppercase;
color:#666;
margin-bottom:2px;
/*background:url(http://www.pariaud-osteopathe.fr/images/charte/bg-h2.gif) no-repeat scroll left 3px;
text-indent:14px;*/

}
  .bull1{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 12px;
  margin-left:15px;*/
  margin-top: 5px;

 }

  .bull2{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 12px;
  margin-left:15px;*/
  margin-top: 5px;

 }


   .bull3{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet3.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 9px;
  margin-left:30px;*/
  margin-top: 5px;

 }






 .bull4{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 12px;
  margin-left:15px;
  margin-top: 5px;

 }

  .bull5{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 12px;
  margin-left:15px;
  margin-top: 5px;

 }


   .bull6{

	font-size:12px;
	line-height:18px;

	text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(http://www.pariaud-osteopathe.fr/images/charte/bullet3.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 9px;
  margin-left:30px;
  margin-top: 5px;

 }

 a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{

-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}





#contenuTexte a{
	color: #757575;
	text-decoration:underline;
  font-weight: bold;
}
#contenuTexte a:hover{
	color: #000;
	text-decoration:underline;  
    font-weight: bold;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#999;
}

.note{

	font-size:11px;
	line-height:18px;
  font-style: italic;
  color:#666;
	text-align:justify;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 25px;

}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -28px auto 0 auto;/*---margin top = - hauteur du footer---*/
	height:28px;
	background: url(http://www.pariaud-osteopathe.fr/images/charte/bg-footer.jpg) right top no-repeat;
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	clear:both;
}

.inputForm{
border:1px solid #C8C9CA;
background-color: #FFFFFF;
width:170px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #C8C9CA;
background-color: #F5F4F4;
width:170px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #AFB0B1;
background-color: #C8C9CA;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #AFB0B1;
background-color: #AFB0B1;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
	background-color:#DDDDDD;
	font-size:11px;
  width: 540px;
	border:1px solid #DDDDDD;
}

.frmContact .Label, .frmContact label{
  	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
white-space:nowrap;

}

.notice{

	font-size:11px;
	padding:0px;
}

.invisible{
display: none;

}




/*
     FILE ARCHIVED ON 07:24:37 Nov 11, 2008 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:31:44 Jan 20, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 149.727 (3)
  esindex: 0.009
  captures_list: 165.205
  CDXLines.iter: 12.219 (3)
  PetaboxLoader3.datanode: 168.972 (4)
  exclusion.robots: 0.18
  exclusion.robots.policy: 0.156
  RedisCDXSource: 0.545
  PetaboxLoader3.resolve: 22.839
  load_resource: 55.375
*/