/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}

body {position: relative; background: url(images/fond_site.jpg) top left repeat-x #b9e4f5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;}
#page {display: block; width: 959px;  text-align: left; margin: 0 auto;}
#header {float: left; display: block; width: 959px; height:92px;background: url(images/tetiere.jpg) top no-repeat;  padding: 0;}
/** html #header {height: 355px;}*/
#content {float: left; display: block; background: url("images/fond_contenu.png") top repeat-y; width: 699px; min-height:400px;}
.bas_content {float: left; display: block;  background: url("images/bas_contenu.png"); width: 699px;height:40px; }
#sidebar {float: right; display: block; width: 260px; margin: 0 0 0 0;}
/** html #content, * html #sidebar {margin-top: -25px;}*/
.post {float: left; display: block; width: 699px; margin: 0 0 0 18px;}
.pied { display: block; width: 750px; margin: 0 0 0 0px;text-align:center;margin:0px auto;
}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px;}
/*#sidebar .post {display: block; width: 57px; margin: 0 0 0 18px;}*/
.title {float: left; display: block; width: 699px;  margin: 0 0 18px 0;}
/*#sidebar .title {float: left; display: table; width: 260px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}*/
.entry {float: left; display: block; width: 650px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, /** html #sidebar .post*/, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {float: left; width: 100%;margin: 0 18px 12px 0;}
.menubas {text-align:left;vertical-align:top;}
.container_menu_haut {position:absolute;margin-top:52px;width:959px;height: 40px;vertical-align:bottom; }
.menuhaut {float:right;display:block;border:left #666666;text-align:center;margin-right:20px;font: 1.4em Arial, Helvetica, sans-serif; color:#999999}
.liseret_haut {float:right;display:block;width:1px;height:40px;background:#e4e4e4;text-align:center;margin-right:20px;font: 1.2em Arial, Helvetica, sans-serif;vertical-align:bottom;}
.sep {float: left; text-align:center;}
.bt-etude {float:right;width:244px;height:152px;margin-bottom:20px;background:; background: url("images/etude.png")}
.bt-pub {float:right; background: url("images/publicite.png");width:244px;height:380px;margin-bottom:20px}
.bt-symptome {float:right;width:244px;height:152px;margin-bottom:20px; background: url("images/symptomes.png")}
.trait-cote {float: left;display:block;}


/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {float:left;color: #CADFED; margin: 0 37px 25px 37px;}
.title h2 {font: 1.6em Arial, Helvetica, sans-serif;  padding: 9px 24px 12px 16px;color: #003366;}
.archive h2 {font: 1.6em Arial, Helvetica, sans-serif; padding: 9px 24px 12px 0px;color: #003366;}
.entry h2 {font: 1.6em Arial, Helvetica, sans-serif;  padding: 9px 24px 12px 0px;color: #003366;}
#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none;  padding: 9px 100px 12px 42px;}
/*#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}*/
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
.titre-cote small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h3 {font:  1.2em Verdana, Arial, Helvetica, sans-serif;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;font: 1.4em Arial, Helvetica, sans-serif; text-transform: none;}
/*.entry {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none;}*/
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}

/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {list-style:none;display:inline;padding:2px 10px 2px 10px;}
/*.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}*/
/*.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}*/
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
/*#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }*/


/* links */
a, a:visited {color: #666666; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}


/* main image */
#mainpic {float: left;position:relative; background: url(images/produit_contenu.jpg) no-repeat; display: block; width: 699px; height:361px}


/* sidebar */
.trait1 {display:block;width:217px;height:1px;margin: 0px 10px 10px 15px; background: url('http://www.cristalpharma.fr/wp-content/themes/ocean-mist/images/trait-titre.png')}
.titre1 {font: 1.6em Arial, Helvetica, sans-serif; margin: 10px 0px 0 15px; color: #003366;}
.contact01 {float:right;margin-bottom:20px;width:244px;height:152px; background: url(http://www.cristalpharma.fr/wp-content/themes/ocean-mist/images/contactblanc.png)}
.contact02 {float:right;margin-bottom:20px;width:244px;height:152px; background: url(http://www.cristalpharma.fr/wp-content/uploads/2008/08/contact1.png)}
.block01 {float:left;display:block;width:210px;font: 1.0em Arial, Helvetica, sans-serif; margin: 0px 0px 0 15px;}
.block02 {float:right;display:block;width:120px;font: 1.0em Arial, Helvetica, sans-serif; margin: 0px 0px 0 15px;}

/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block;position:relative; width: 959px; height:171px; background: url(images/pied.png) bottom no-repeat;  text-align: center;}
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 959px; height: 15px;}
.titre_footer {color:#FFFF00; font: 1em Verdana, Arial, Helvetica, sans-serif;font-size:18px}
#footer p {color: #ffffff; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #ffffff;}
#footer li {list-style-type:none; }

/*ajout WDU*/
.index01 {float:right;width:180px;margin: 10px 10px 10px 10px;}
.index02 {float:left;margin-right:16px;margin-bottom:20px;}
.index03 {float:left;margin-right:0px;margin-bottom:20px;}
.index04 {margin: 10px 10px 10px 10px;}
.sidebar01 {float:right;margin-bottom:20px;width:244px;}
.sidebar02 {display:block;font: 1.0em Arial, Helvetica, sans-serif; margin: 0px 0px 0 15px;}