/*General*/
*{
margin:0;
padding:0;
}
img{border:0px}

html{
width:100%;
height:100%;
}


body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#d0cfb3;
width:997px;
height:100%;
margin:0 auto;
position:relative;
background-image:url(../images_site/bg_spinal_cord.jpg);
background-repeat:no-repeat;
background-position:top center;
}


#conteneur{
margin-left:auto;
margin-right:auto;
border-left:1px solid #62623d;
border-right:1px solid #62623d;
}
/* entete */
#entete{
background-position:top left;
background-repeat:repeat-x;
}
#entete img{float:left}
/* navigation */

#nav{
background-image:url(../images_site/header.jpg);
background-position:top left;
background-repeat:repeat-x;
width:995px;
height:64px;
}
#nav ul{
list-style-type:none;
width:995px;
padding-top:29px;
}
#nav li{
float:left;
}
#nav a{
float:left;
display:inline block;
text-decoration:none;
margin-left:5px;
}
#nav img{
float:left;
}
.imgAccueil{
	background-image:url(../images_site/boutons_chiro_pelletier/accueil_bouton.png);
	width:130px;
	height:32px;

}
.imgServices{
	background-image:url(../images_site/boutons_chiro_pelletier/services_bouton.png);
	width:130px;
	height:32px;
}
.imgLiens{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/liens_bouton.png);
}
.imgContact{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/contact_bouton.png);
}
.imgPromotions{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/promotion_bouton.png);
}

.imgAccueil:hover{
	background-image:url(../images_site/boutons_chiro_pelletier/accueil_mouse_over.png);
	width:130px;
	height:32px;

}
.imgServices:hover{
	background-image:url(../images_site/boutons_chiro_pelletier/services_mouse_over.png);
	width:130px;
	height:32px;
}
.imgLiens:hover{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/liens_mouse_over.png);
}
.imgContact:hover{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/contact_mouse_over.png);
}
.imgPromotions:hover{
width:130px;
	height:32px;
	background-image:url(../images_site/boutons_chiro_pelletier/promotion_mouse_over.png);
}


#accueil li.accueil a{
background-image:url(../images_site/boutons_chiro_pelletier/accueil_mouse_over.png);
} 

#services li.servicess a{
	background-image:url(../images_site/boutons_chiro_pelletier/services_mouse_over.png);
} 

#liens li.liens a{
	background-image:url(../images_site/boutons_chiro_pelletier/liens_mouse_over.png);
} 

#contact li.contact a{
	background-image:url(../images_site/boutons_chiro_pelletier/contact_mouse_over.png);
} 

#promotions li.promotions a{
	background-image:url(../images_site/boutons_chiro_pelletier/promotion_mouse_over.png);
} 



/* section principale */
#principale{
width:995px;
background-color:#eeede1;
font-family:Arial;
font-size:11px;
color:#333333;
display:table;
}
#slogan{
width:496px;
height:215px;
float:left;
font-family:Arial;
font-size:11px;
color:#FDFFFA;
background-image:url(../images_site/slogan.jpg);
background-position:top left;
background-repeat:no-repeat
}
#slogan-white{
width:496px;
height:215px;
float:left;
font-family:Arial;
font-size:11px;
color:#FDFFFA;
background-image:url(../images_site/slogan-white.jpg);
background-position:top left;
background-repeat:no-repeat
}
#slogan p, #slogan-white p{
display:block;
margin:115px 0 0 45px;
width:265px
}

#big-column{
width:490px;
float:left;
margin:18px 0px 0 0px;
}

#big-column h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:16px;
letter-spacing:1px;
font-weight:100;
border-bottom:1px solid #999999;
margin-bottom:10px;
}

.titre_bienvenue{
margin-left:5px;
}

#imgServicesLiens{
float:left;
background-image:url(../images_site/colonne_vertebrale.jpg);
background-repeat:no-repeat;
height:180px;
width:160px;
padding-right:10px;
margin-left:10px;
margin-top:33px;
}
#LiensServices{
margin-left:15px;
font-size:13px;
}

#LiensServices li{
list-style-image:url('../images_site/dot.png');
}

#LiensServices a{
	color:black;
}

#LiensServices a:visited{
	color:black;
}
#liens_utile a{
	color:black;
}

#liens_utile a:visited{
	color:black;
}
#imgBienvenue{
float:left;
background-image:url(../images_site/drpelletier.jpg);
background-repeat:no-repeat;
height:180px;
width:160px;
padding-right:10px;
margin-left:10px;
margin-top:33px;
}
#textDroit{
float:right;
width:268px;
margin-right:30px;
}
#textDroitServicesLiens{
width:auto;
margin-left:24px;
}

#textDroitServicesLiens li{
margin-top:3.5px;
list-style-type:none;
}
#imgServiceLienBas{
position:absolute;
top:488px;
}
.bienvenue p{
padding:5px;
text-align:justify;
line-height:1.3em;
font-size:11px;
}

.services{
width:500px;
height:187px;
}

.services iframe{
margin-left:10px;}

.services a{
margin-left:10px;}

ul.maux{
padding-top:35px;
padding-left:15px;
float:left;
list-style-position:inside;
}

ul.maux li{
padding-left:5px;
list-style-image:url('../images_site/dot.png');
}

.services li{
font-size:12px;
margin:5px 10px 5px 0px;
padding:3px 10px 0px 10px;
list-style-image:url('../images_site/dot.png');
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#subEntete{
height:127px;
width:995px;
background-image:url(../images_site/entete.jpg);
}
#small-column{
margin:0px 0px 0 0px;
width:495px;
float:right;
}


/*Fin temoignage*/
#liens_utile{
	margin-left:10px;
	font-size:13px;
}
/*Page Promotion*/
#promotion{
width:500px;
height:484px;
float:left;
background-image:url(../images_site/offre_chiro_2.png);
}

#promotion ul{
width:130px;
font-size:14px;
line-height:150%;
margin-top:165px;
float:left;}

#promotion ul li{
list-style-image:url('../images_site/dot.png');
}

#promotion_droit{
clear:both;
background-image:url(../images_site/offre_chiro.png);
width:495px;
height:187px;
}
#prom_valid{
color:white;
float:left;
width:200px;
padding-top:162px;
padding-left:25px;
}
#prom_prix{
color:#eff298;
float:right;
width:115px;
height:50px;
font-size:43px;
padding-top:115px;
padding-right:10px;
text-align:right;
}
#prom_valeur{
color:white;
float:right;
width:50px;
height:40px;
padding-top:100px;
padding-right:20px;
}
/* pied de page */

#piedDePage{
width:995px;
background-image:url(../images_site/footer.jpg);
background-position:top left;
background-repeat:repeat-x;
font-family:Arial;
font-size:11px;
color:#D7E1C9;
text-align:center;
line-height:18px;
height:47px;
}
#piedDePage a{
	color:black;
	text-decoration:none;
}
#piedDePage a:hover{
	text-decoration:underline;
}

#piedDePage p{
	padding-top:5px;
}
.clear{
clear:both;
}

/* Temoignages V.2 */

#temoignage{
width:495px;
height:282px;
background-image:url('../images/bg_temoignages.png');
background-repeat:no-repeat;
background-position:top left;
background-color:#DFDDCC;
padding:0px 0px 15px 0px;
}


#slideshow {
	margin:0 auto;
	width:495px;
	height:282px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:415px;
  height:282px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:395px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:282px;
}

#slideshow #slidesContainer .slide p{
	padding-top:80px;
	font-style:italic;
	text-align:justify;
}


.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  margin-top:100px;
  height:35px;
  background:transparent url(../images_site/btn_prec.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  margin-top:100px; 
  height:35px;
  background:transparent url(../images_site/btn_suivant.png) no-repeat 0 0;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}