@import url(reset.css);


html {
 font-size: 100%;
}

body {
 font: 0.85em/1.3em "Trebuchet MS", Verdana, Arial, Geneva, Verdana, Helvetica, sans-serif;
 color: #233F5F;
 text-align: center;
 background-color: #B0CAC7;
}


#global {
 position: relative;
 margin: 0 auto 0;
 width: 916px;
 text-align: left;
 background: transparent url(images/fond.jpg) center top no-repeat;
}

a { text-decoration: none; color: white; border-bottom: 1px solid white}
a:hover { text-decoration: none; color: #EBEBEB; border-bottom: 0}





/* Menu */

#menu ul {
 float:right;
 margin-top: 229px;
 margin-right: 80px;
 width: 420px;
 text-align: left;
}

#menu ul li {
 display:inline;
 padding: 0 10px;
 font-size: 16px;
 font-weight: bold;
 color: #233F5F
}

#menu a {
 border: 0; color: #4F749F;
}

#menu li.here a,#menu a:hover {
 color: #779ABF
}


/* Zone principale */

#main {
 margin: 0px 180px 100px 50px;
 min-height: 600px;
 padding-top: 360px;
}




h1 {
 color: white;
 font-size: 1.8em;
 margin: 35px 0 15px 0;
 padding-bottom: 10px;
 border-bottom: 2px solid #CDDDDC
}

h2 {
 color: white;
 font-size: 1.4em;
 margin: 20px 0 20px 0;
 padding-bottom: 5px;
 text-transform: uppercase;
 border-bottom: 1px solid #CDDDDC
}

h3 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 20px 0 20px 0;
}

p {
 font-size: 1em;
 margin: 10px 0;
}

ul {
 font-size: 1em;
 margin: 10px 0 10px 15px;
}

strong { font-weight: bold }

/* Liste des spécialités */

#specialites {
 margin: 10px auto 30px 0;
}

#specialites li {
 display: inline;
 float: left;
 width: 343px;
 text-transform: uppercase;
 white-space: nowrap;
}

/* Un praticien */

dl dt {
 float: left;
 width: 70px;
}

dl dt img {
  border: 1px solid #4F749F;
}

dl dd {
 margin: 0 0 35px 0;
}

dl dd p {
 margin: 0 0 0 80px;
}

dl dd p.liste-specialites {
 margin: 5px 0 5px 80px;
 font-style: italic;
}

dl dd p span {
 text-transform: uppercase;
}

dl dd a {
 color: #4F749F;
 border-color: #4F749F;
}

/* Contact */

.formulaire {
 margin-top: 30px
}

.formulaire label {
 display: block;
 float: left;
 width: 250px;
 margin-right: 10px;
 border-bottom: 1px solid #CDDDDC;
 padding-bottom: 4px;
 text-align: right
}

.formulaire label span {
 display: block;
 font-size: 9px
}

.formulaire input, .formulaire textarea {
 border: 1px solid #4F749F;
 font-size: 12px;
 color: #233F5F;
 padding: 2px;
}

.formulaire input:focus, .formulaire textarea:focus {
 background: #DFEEFF;
}

.formulaire input.button {
 background: #4F749F;
 color: white;
 margin: 30px auto
}

.formulaire input.button:hover {
 background: white;
 color: #4F749F
}

div.spacer {
 clear: both;
}


br.clear {
 clear:both;
 line-height:0;
 font-size:0;
 height:0;
}

/****Blog **/
#main_blog {
 margin: 0px 130px 100px 20px;
 min-height: 600px;
 padding-top: 360px;
}

#left_blog {
float:left;
width:520px;
text-align:justify;
}

#right_blog {
float:right;
width:210px;

	
}

#commentform{
	width:400px;
}

.post_blog {
	background-color:#DEEAE8;
}