﻿/* Images du site */
img {
  background-color: rgb(220,173,109);  
}
.equipe img, .cas, .right, .aboutPic, .succ  {
    padding: 5px;
    margin-bottom: 10px;      
}
.divImage  {
    text-align: center;
    margin: 10px 0 30px 0;
}
.right, .aboutPic, .succ {
    margin-left: 30px;
}
.aboutPic {
    height: 176px;
    width: 271px;    
}
.leftCell {
    margin-right:20px;
    padding-right: 15px;
}
.right, .succ, .aboutPic {
    float: right;
}
.succ {
    margin-right:110px;
}


/* Mise en forme du texte */
h1 {
   font-size: 12pt; 
}
h2 {
    font-size: 10.5pt;
    margin: 30px 0 10px 0;
}
h3 {
   font-size: 10pt; 
}



a:link {
    color: #875E48;
    text-decoration: none;
}
a:visited {
    color: #999999;
    text-decoration: none;
}
a:hover {
    color: #56838D;
    text-decoration: underline;
}
a:active {
    color: #56838D;
    text-decoration: none;
}


/* --- Body --- */
img.title {
    margin: 15px 0 20px 0;
}
body  {
    background: url(../images/body-bg.gif) repeat-x left;
	background-color: #D9D5BC;
	color: #53463E;
	font: normal normal normal 76%/normal Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	margin: 0;
  	padding: 0;
}
#bodywrap {
    background-color: #FFF;
}

/* --- Header ---*/
#header 
{
    background: url(../images/header-bg.gif) no-repeat;
    border-bottom: 2px solid #FFFFFF;
    height: 98px;
}
#header img.logo {
    margin: 29px 0 4px 93px;
}
#header a 
{
    margin: 4px 0 3px 30px;
    font-weight: bold;
    font-size: 1.2em;
}
#header a:visited
{ color: #875E48; font-weight: bold; }
/* --- Content --- */
#contentwrap {
    min-height: 332px;
    height: auto;
    width: 760px;
    border-bottom: 2px solid #FFFFFF;
}
/* min-height for IE */
/*\*/
* html #contentwrap
{
height: 332px;
}
/**/
#content {
    color: #53463E;
    font-size: 100%;
}
#content a {
    font-size: 100%;
}
#contentwrap .wrap {
	clear: both;
    margin-left: 235px;
}
#contentwrap .wrap #content {
    border-left: 1px solid #C87F1A;
    padding-left: 10px;
    margin-left: 15px;
}
#contentwrap {
    background: url(../images/avantpropos-bg.jpg) no-repeat;
}
/* --- Home / Content --- */
#home #contentwrap {
    background: url(../images/avantpropos-bg.jpg) no-repeat;
}
#apropos #contentwrap {
    background: url(../images/avantpropos-bg.jpg) no-repeat;
}
#cas #contentwrap {
    background: url(../images/speedbracket.png) no-repeat;
}
#contact #contentwrap {
    background: url(../images/contact-bg.jpg) no-repeat;
}
#expertise #contentwrap {
    background: url(../images/expertise-bg.jpg) no-repeat;
}
#faq #contentwrap {
    background: url(../images/faq-bg.jpg) no-repeat;
}
#faq2 #contentwrap {
    background: url(../images/faq2-bg.jpg) no-repeat;
}
#faq3 #contentwrap {
    background: url(../images/faq3-bg.jpg) no-repeat;
}
#faq5 #contentwrap {
    background: url(../images/home-bg.jpg) no-repeat;
}
#liens #contentwrap {
    background: url(../images/liens-bg.jpg) no-repeat;
}


/* --- Navigation --- */
#nav 
{
    background: #C87F1A url(../images/nav-bg.gif) repeat-y;
    float:right;
    width: 527px;
    padding:5px 0 4px 0;
}
#nav ul {
    margin:0;
    padding: 0 12px 0 0;
    list-style:none;
}
#nav li {
    float:left;
    background: #D0E4E8 url(../images/nav-top-left.gif) no-repeat left top;
    margin:0 2px;
    padding:0;
}
#nav li div {
    background:url(../images/nav-top-right.gif) no-repeat right top;
}
#nav li div div {
    background:url(../images/nav-bottom-right.gif) no-repeat right bottom;
}
#nav a {
    background:url(../images/nav-bottom-left.gif) no-repeat left bottom;
    color: #875E48;
    display:block;
    float:left;
    font-size: 98%;
    font-weight: bold;
    padding: 3px 9px;
    text-decoration: none;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav a {float:none;}
  /* End IE5-Mac hack */
#nav2 {
    padding: 4px 10px;
}
#nav2 a {
    color: #875E48;
    font-size: 104%;
    font-weight: bold;
    text-decoration: none;
}
#succSat {
    margin-top:10px;
}
#adresses {
    margin-left:65px;
}
  
#footer {
    background: #FFFFFF url(../images/footer-bg.gif) repeat-y;
    border-bottom: 2px solid #FFFFFF;
    color: #775847;
    padding: 5px 0;
    margin: 1px 0 0 0;
}
#footer #hours {
    float: left;
    font-style: italic;
    margin: 10px 0;
    width: 554px;
}
#footer #hours p {
    margin: 0 0 0 20px;
}
#footer #hours div {
    margin: 4px 0;
}
#footer #hours div {
    background: url(../images/footer-home-line.gif) repeat-x left center;
    height: 1px;
    line-height: 1px;
    width: 100%;
}
#footer #address {
    background: url(../images/footer-top.gif) no-repeat left top;
    float: left;
    width: 203px;
}
#footer #address div {
    background: url(../images/footer-bottom.gif) no-repeat left bottom;
    font: normal normal 900 94%/normal Verdana, Arial, Helvetica, "Lucida Grande", sans-serif;
    padding: 10px 30px 10px 8px;
}
#footer #address p {
    margin: 0px;
}
#footer #address .phone {
    font-size: 136%;
}


/* Équipe */
#equipe table.equipe {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
#equipe table.equipe td {
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#equipe table.equipe td.ortodontiste {
    padding: 5px;
    width: 230px;
}
#equipe table.equipe td.employe {
    width: 120px;
}

/* À propos */
#apropos p.aco {
    background: url(../images/aco.jpg) no-repeat 0 50%;
    padding: 10px 0 10px 58px;
}

#googlemap
{ height:500px; }

#googlemap img
{ background-color: Transparent; }

.pAncres
{ font-size: 11pt; }

.floatLeft
{ float: left; }

.floatRight
{ float: right; }

.center
{ text-align: center; }