/* Start of CMSMS style sheet 'Intoxygene-base' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {margin:0; padding:0;}

body {text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 75.01%; line-height: 1em; background: #E4E4E4; color: #000; margin: 0px; background-image:url(images/fond.gif);}

/*set font size for all divs, this overrides some body rules */
div {font-size: 1em;}

img {border: 0;}

a,
a:link 
a:active {text-decoration: none; background-color: inherit; color: #005681;}

a:visited {text-decoration: none; background-color: inherit; color: #003366;}

a:hover {color: #8F1555; text-decoration: underline;}

h1 {font:24px Arial, Helvetica, sans-serif;}

/* maquette */
body {background-color: #e4e4e4; color: #000; margin:0;}

div#pagewrapper {margin: 0 auto; width:980px; background-image:url(images/fond-wrapper.gif); border: 1px solid #ccc; color: black;}

/* header */
div#header {height: 80px; background: #e4e4e4 url(images/intoxica_03.jpg) repeat-x;}

div#header h1 a {display: block; height: 80px; width: 300px; background: #e4e4e4 url(images/intoxica_01.jpg) no-repeat; font: 32px Arial, Helvetica, sans-serif; color:#8F1555; line-height:60px; font-style:normal; letter-spacing:.2em; text-indent: -1299px; text-decoration:none;}

div#tagline {position:absolute; left:20px; top:25px; font:11px; color: #8F1555; letter-spacing:.4em; line-height:18px; text-indent: -999px;}

div#test {position:absolute; top:1px; }

div#public {float:right; width:468px; height:60px; margin-top:10px; margin-right:20px;}

div#music {width:150px; height:80px; margin-left:330px; background: #e4e4e4 url(images/intoxica_02bis.jpg) no-repeat;}

/* position for the search box */
div#search {margin: 0 0 0 10px; padding: 5px 0 5px 0; font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color:#999;}

div#search input {background: #fff; border: 1px solid #ABC6DD;}

div#search input[type="text"]{border: 1px solid #8F1555; width: 120px; height: 20px;}

div#search form {margin: 0; padding: 0;}

div#search label {display: block; margin: 0 0 5px 10px;}

div#search input:hover, input:focus, select:hover, checkbox:hover {border: 1px solid #ABC6DD; background: #fff;}

div#search input[type="submit"]{cursor: pointer; background: url(images/nav.png) repeat-x left -50px; color:#fff; padding:3px; vertical-align:bottom;}

div#search input[type="submit"]:hover {cursor: pointer; background: url(images/nav.png) repeat-x left 0px;}

.dashedline {clear:both; background-color:#99cc66; height:3px; background-image:url(images/cms/mm_dashed_line.gif);}

div#underhead {clear:both; background-color:transparent; height:24px;}

div.breadcrumbs {margin: 0 0 0 41px; padding: 5px 0; font-size: 11px; color:#8F1555;}

div.breadcrumbs span.lastitem {font-weight:bold;}

.sepline {clear:both; background-color:#fff; height:5px; background-image:url(images/couv-prep2_03.jpg); background-repeat: no-repeat;}

div#content {margin: 1.5em auto 2em 0; /* some air above and under menu and content */}

div#sidebar {float: left; width: 192px; display: inline; margin-left: 0;}

div#main {margin-left: 217px; margin-right: 10px; line-height: 1.5em;}

div#maincontent {float:left; width: 460px; text-align:justify;}

div#seccontent {clear:right;}

div#seccontent em {font-style: Verdana, Arial, sans-serif; font-size: 80%; font-weight: bold;}

div#seccontent table th, td {padding:4px;}

#imgdr {padding-left: 10px;}

div#pub {float:right; width: 271px; display: inline; margin: 20px 0 10px 10px; padding: 0;}

div#pub .inter {padding:10px;}

div#footer {clear: both; color: #003366; background-color: transparent; padding: 10px 10px 10px 10px; border-top: 1px solid #cccccc;}

div#footer p {font-size: 11px; padding: 1.5em; text-align: left; margin: 0;}

div#footer p a {color: #003366;}

div#footer img {padding: 4px 4px 4px 0px; vertical-align: middle;}

div#footer .graph-session {float:right; font-size: 0.9em; margin-top:-10px;}

div#footer .graph-session a {text-decoration:none;}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {clear:both; height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em;}

/* relational links under content */
div.left49 {width: 49%;}

div.right49 {float: right; width: 49%; text-align: right;}

div#dateformat {font:11px Arial, Helvetica, sans-serif; color: #8F1555; letter-spacing:.2em;}

/* Styles Contenant */
div#content {}

div#content h1, h2, h3, h4, h5, h6 {font-family: Verdana,Arial,sans-serif; margin: 0px; padding: 0px;}

div#content h1 {font-size: 2em; line-height: 1em; margin: 0; color: #8F1555;}

div#content h2 {color: #8F1555; font-size: 1.5em; text-align: left; padding-bottom: 1px; border-bottom: 1px dashed #999; line-height: 1.5em; margin: 0 0 0.5em 0;}

div#content h3 {color: #8F1555; font-size: 1em; line-height: 1.3em; margin: 0 0 0.5em 0;}

div#content h4 {color: #8F1555; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0;}

div#content h5 {color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0;}

h6 {color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0;}
/* END HEADINGS */

/* TEXT */
p {font-size: 1em; margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0;}

blockquote {margin-left: 10px;}

strong, b {font-weight: bold;}

em, i {font-style:italic;}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {font-size: 1em;}

pre {border: 1px solid #000; background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%;}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */

div#comments {width:96%; border: none; background-color: #F8FAFA; margin:0; padding:10px;}

div#comments form {margin: 0px; display: inline;}

div#comments input {font-size: 1em; border: 1px solid #ABC6DD; background: #F8FAFA;}

div#comments textarea {font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ABC6DD; background: #F8FAFA; width: 280px; height: 200px;}

div#comments textarea:hover{border: 1px solid #ff6600; background: #E2EBEB;}

div#comments input:hover, input:focus, select:hover, checkbox:hover {border: 1px solid #ff6600; background: #E2EBEB;}

div#comments input[type="text"]{width: 100px;}

div#comments input[type="submit"]{cursor: pointer; background: url(images/nav.png) repeat-x left -50px; color:#fff; padding:2px;}

div#comments input[type="submit"]:hover {cursor: pointer; background: url(images/nav.png) repeat-x left 0px;}

div#comments ul, li {list-style-type: none;}

div#comments ul {background-color: #transparent; margin:0 0 0 -30px; padding:0;}

div#comments li {background-color: #fff; border: 1px solid #ABC6DD; width:365px; padding:5px;}

div#ref {float:right;}

a.taglink {}

a.tagcloudlink {background-color:#e4e4e4; font-family:Arial; line-height:1em; text-decoration: none;}

div#content .titrealbum {color: #8F1555; font-size: 1.5em; text-align: left; padding-bottom: 1px; line-height: 1.5em; margin: 0 0 0.5em 0;}

div#tracklist {float: left; margin-left:64px; width: 270px; font-size: 1em; line-height: 1.2em;}

div#tracklist ol li {list-style-type:decimal;}

div#trcktime {margin-left:290px; font-size:1em; line-height:1.2em; width:20%;}

div#trcktime ol {text-align:right;}

.labelmenu {font-size: 0.9em; line-height: 1.3em; padding: 5px 0px; color: #8F1555; font-family: Verdana,Arial,sans-serif; font-weight:bold;}
/* End of 'Intoxygene-base' */