/* CSS Document */

* { padding:0; margin:0; }
body { background: url("../pictures/design/bg.png") #FFF repeat-x top; font: 13px Arial, Helvetica, sans-serif; color: #757474; margin-top:10px; }
a { color: #E68CB3; text-decoration: none; }
a:hover { text-decoration: underline; color: #E68CB3; }
img { border:0; }
.both { clear:both; }
.center { text-align:center; }
h1 { font-size:14px; }
h2 { font-size:14px; margin-bottom:25px; color:#757474; }
h3 { font-size:14px; margin:20px 0; color:#757474; }
h4 { margin-bottom:10px; font-style:italic; color:#757474; }

p, ul { margin-bottom:10px; line-height: 20px; }
li { margin-left:30px; padding-bottom: 4px; }
blockquote, pre { font: 13px Arial, Helvetica, sans-serif; background: #F4F4F4; border:1px solid #DDD; padding:10px; margin: 20px 0; }

label { display: block; float:left; width:200px; }
input[type=text], textarea { width:190px; font: 12px Arial; padding:2px; border:1px solid #757474; color:#757474; }
select {  width:196px; font: 12px Arial; padding:2px; border:1px solid #757474; color:#757474; }
input[type=submit] { font: 12px Arial; }
textarea { font: 12px Arial; width:290px; height:120px; }
.button { background-color:#FFFFFF; border:1px dashed #757474; color:#E68CB3; font-weight:bold; margin-left:15px; }

/* Design */
#top { height:11px; background:url(../pictures/design/top.png); }
#border { border-left:1px solid #E68CB3; border-right:1px solid #E68CB3; background:#FFF; }
#bottom { height:14px; background:url(../pictures/design/bottom.png); }

/* Site */
#site { width:980px; margin: 0 auto 0; }

/* Navigation top */
#nav { background:#000; height:2px; /*padding-top:4px;*/  }
#nav ul { list-style: none; margin:0; margin-left:4px; display:none; }
#nav li { float: left; margin-left:0; }
#nav a { display: block; text-transform:uppercase; font-weight:bold; font-size:14px; color:#DDD; text-align:center; padding:4px 14px; }
#nav a:hover { background:#333; text-decoration: none; }

/* Header */
#header { position:relative; height:85px; padding:10px; margin-bottom:10px; }
#header #logo { float:left; width:450px; cursor:pointer; }
#header h1 span { position:absolute; top:5px; left:5px; height:87px; width:550px; background: #FFF url("../pictures/design/logo.jpg") no-repeat scroll 0 0; }
#header #phone { float:right; margin-top:10px; margin-right:20px; width:468px; }
#menu { position:relative; height:31px; clear:both; border-bottom:1px solid #E68CB3; margin-bottom:20px; }
#menu ul { height:26px; position:absolute; z-index:2; list-style:none; height:30px; margin-left:15px; }
#menu li { float:left; margin-left:15px; font-size:14px; }
#menu li a { display: block; padding:5px 15px; color:#757474; font-weight:bold; border:1px dashed #E68CB3; border-bottom:0; margin-right:2px; }
#menu li a:hover { color:#757474; text-decoration:none; border:1px solid #E68CB3; border-bottom:1px solid #FFF; }
#menu li a.active { color:#757474; border:1px solid #E68CB3; border-bottom:1px solid #FFF; }

/* Right */
#right { float:right; margin-right:15px; width:320px; }
* html #right { margin-right:10px; }
#right h3 { font-weight:bold; padding-bottom:10px; color:#757474; margin:0; }
#right .link { text-align:right; font-size:12px; }
#right .ads { border: 1px solid #EEE; min-height: 125px; margin: 0 0 25px; padding: 10px; }
#right .ads img { float: left; margin-right: 16px; }
#right .ads img.last, #right .photos img.last { margin-right: 0; }
#right .block, #right .photos { border: 1px solid #C0C0C0; min-height: 125px; margin: 0 0 25px; padding: 10px; }
#right .photos img { margin-right: 8px; border:1px solid #EEE; padding:3px; }
#right .block ul { list-style:none; }
#right .block li { margin-left:10px; }
#right .block li a { color:#757474; }
#right .link { margin-bottom:0; }

#right #block2 { position:relative; margin-bottom:25px; height:125px; }
#right #button { position:absolute; z-index:2; height:30px; }
#right #button ul { list-style:none; height:30px; }
#right #button li { float:left; margin-left:0; }
#right #button li a { display: block; padding:2px 6px; color:#C0C0C0; font-weight:bold; border:1px solid #EEE; border-bottom:0; margin-right:2px; }
#right #button li a:hover { color:#373737; text-decoration:none; border:1px solid #C0C0C0; border-bottom:1px solid #FFF; }
#right #button li a.active { color:#373737; border:1px solid #C0C0C0; border-bottom:1px solid #FFF; }
#right #tabs { position:absolute; z-index:1; margin-top:25px; width:348px; border:1px solid #C0C0C0; }
#right #tab1, #right #tab2, #right #tab3 { padding:10px; }
#right #tab1 ul, #right #tab2 ul, #right #tab3 ul { list-style:none; margin-left:10px;}

/* Content */
#content { float:left; margin-left:15px; width:600px; margin-bottom:10px; }
* html #content { margin-left:10px; }
#content h2 { margin-bottom:15px; font-weight:bold; padding-left:10px; }
#content #map { height:280px; margin-bottom:15px; }
#content .hr { background:transparent url("../pictures/design/hl-dot-full.gif") repeat-x scroll center bottom; clear:both; height:2px; margin:20px 0 25px 0; }
* html #content .hr { margin:0 0 20px 0; }
#content .hr-min { float:left; background:transparent url("../pictures/design/hl-dot-full.gif")repeat-x scroll left bottom; height:2px; margin:0 0 15px 0; width:270px; }
#content .hr2 { height:2px; background:#EEE; margin-bottom:20px; }
#content .postL { float:left; }
#content .postR { float:right; }
#content .postL, #content .postR { width:270px; margin-bottom:5px; }
#content .postL h3, #content .postR h3 { margin:0; padding-bottom:10px; color:#757474; font-size:13px; }
#content .postL img, #content .postR img { float:left; border:1px solid #EEE; padding:3px; margin:0 8px 5px 0; }
#content .postL ul, #content .postR ul { list-style:none; margin-left:10px; }
#content .postL .link, #content .postR .link { text-align:right; font-size:11px; }
#content #player { background:#DDD; height:250px; margin-bottom:25px; }
#content #clip { float:left; width:320px; height:250px; }
#content #list { float:left; width:250px; }
#content #list ul { list-style: none; }
#content #list li { border-bottom:1px solid #FFF; padding:0; }
#content #list h2 { padding:10px; margin:0; text-transform:uppercase; font-size:15px; }
#content #list a { display:block; color:#000; font-weight:bold; padding:8px; }
#content #list a:hover { text-decoration:none; background:#C0C0C0; }
#content .imgTop { float:right; border:1px solid #EEE; padding:3px; margin:0 0 5px 8px; }
#doctor { float:left; margin-top:20px; width:74px; }
#bulle { background:url(../pictures/design/bulle.gif); background-repeat:no-repeat; float:left; height:205px; width:500px; padding-left:25px; }
#result { margin-left:50px; }

/* Footer */
#footer { clear: both; height:35px; font-size:11px; padding: 0 5px; }
#footer p { padding: 7px 10px; }
#footer a { color: #757474; }
#footer p.left { float:left; width:450px; }
#footer p.right { float:right; width:450px; text-align:right; }

/* Messages utilisateur */
.infos { color: green; background: url("../pictures/icons/accept.png") no-repeat; height: 20px; padding-top: 1px; padding-left: 24px; }
.avertissement { color: #FB7D28; background: url("../pictures/icons/error.png") no-repeat; height:20px; line-height:15px; padding-left: 24px; }
.avertissement a { color:#FB7D28; }
.erreur { color:red; background: url("../pictures/icons/exclamation.png") no-repeat; height:20px; line-height:15px; padding-left:24px; }
.erreur a { color: red; }