/* Start of CMSMS style sheet 'acceuil' */
/* Start of CMSMS style sheet 'TemplateCSS' */
/* Start of CMSMS style sheet 'TemplateCSS' */
/* Start of CMSMS style sheet 'TemplateCSS' */



/* Elements */

body {
	margin: 0;
	padding: 0;
	background: black center url(uploads/images/design/astrocytes10.jpeg) fixed no-repeat;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: white;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p, blockquote, ul, ol {
	margin-top: 0;
	padding-top: 0;
}

a {
	color: silver;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
border: none;
}


.clear {
clear: both;
}

/* Container*/
#container {
width: 80%;
margin: 0 auto;
border-left: 3px solid #B6B6B6;
border-right: 3px solid #B6B6B6;
}


/* Header */

#header {
	width: 100%;
	margin: 0;
height: 50px;

}


/* Logo */

#sitename {
float: left;
margin: 0 0.5em;

}

#sitename h1 {
	font-size: 1em;
}

#sitename a {
	text-decoration: none;
	color: white;
}

/* Recherche */
#search {
float: right;
margin: 0 0.35em;
width: 30%;
}


form {
margin: 0 auto;
width: 100%;
text-align: right;
}


input {
border: 2px solid #B6B6B6;
text-align: center;
}

input[type=submit], input[type=reset] {
cursor: pointer;
}

.searchbutton{
border: none;
margin: 0 2px;
width: 20px;
height: 20px; 
background:url(uploads/images/design/icone/search-32.png) no-repeat;
}


/* Lang */


#lang {
clear: both;
float: left;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
 margin: 0em 0em 0 0.5em;
}



/* Splash */

#splash {
	height: 140px;
	margin: 0;
width: 100%;

}

#splash img {
float: left;
}

#logo img {
float: right;
margin: 2%;
}




/* Content */
.noprint
{
   float: right;
}

#content {
	margin: 0 auto;
	padding: 10px 31px 20px 31px;
}

#content p {
	padding-top: 10px;
margin-left: 10px;
}



#content h3, h4, h5 {
clear: left;
}

#content h2 {
	height: 25px;
        margin-left: -15px;
	padding: 3px 0 0 25px;
	text-transform: uppercase;
	font-size: 1em;
	color: #000000;
	background: url(uploads/images/design/img05.gif) repeat-x;
}

#content h3 {
	font-size: 1em;
font-size: 1em;
text-transform: uppercase;
color: #9B0101;
margin-top: 20px;
padding-left: 2%;
border-bottom: 3px ridge #D84545;
letter-spacing: 0.5em;
word-spacing: 0.5em;
}

#content h4 {
font-size: 0.9em;
color: black;
padding-left: 0.5%;
font-weight: bold;
text-transform: uppercase;
}

#content h5 {
font-size: 1em;
color: #000;
margin-top: 0.8em;
text-transform: uppercase;
}

#content h6 {
border-top: 1px solid #000;
margin-top: 25px;
padding: 10px 0;
border-bottom: 0;
font-size: 1em;
text-transform: uppercase;
color: #000;
}

#content ul {
padding-top: 2px;
}

#content ul li {
list-style-type: none;
background-repeat: no-repeat;
background-position: 0% 4px;
padding-left: 17px;
background-image: url(uploads/images/design/icone/puce.png);
}


li.reference {
font-size: 0.8em;
}

#annonce {
	float: left;
	width: 20%;
margin: 1em;
padding: 1em;
background-color: white;
		overflow: auto;
border-top: 8px solid #890F13;
        border-left: 2px solid #9B0101;
        border-bottom: 2px solid #890F13;
        border-right: 2px solid #9B0101;
color: black;
}

#sharing {
float: right;
padding: 0;
margin: -2em 1em 0 1em;
}

#droite {
background-color: #B6B6B6;
float: right;
overflow: auto;
width: 30%;
margin: 1em 1em 2em 1em;
padding: 0;
border-top: 8px solid #890F13;
        border-left: 2px solid #890F13;
        border-bottom: 2px solid #890F13;
        border-right: 2px solid #890F13;

}

#droite_site {
background-color: #B6B6B6;
float: right;
overflow: auto;
width: auto;
margin: 1em 1em 2em 1em;
padding: 0;
border-top: 8px solid #890F13;
        border-left: 2px solid #890F13;
        border-bottom: 2px solid #890F13;
        border-right: 2px solid #890F13;

}

#feature {
float: right;
clear: right;
background-image: url(uploads/images/design/border_feature.png);
background-repeat: no-repeat;
margin: 1em;
height: 134px;
padding:0;
width:286px;
}

#feature p {
width: 286px;
margin: 40px auto;
color: silver;
text-align: center;
font-size: 1.2em;
height: 134px;
}


#publi
{
background-color: white;
margin: 1em 1em 1em 1em;
border: 2px solid #890F13;
padding: 0.5em;
text-align: center;
}

#publi h3 {
color: #000000;
font-size: 0.9em;
text-align: left;
text-transform: uppercase;
}

#annonce h3 {

text-align: left;
text-transform: uppercase;
font-weight: normal;
}


#publi .NewsSummaryField {
display: inline;
}

#publi p {
display: inline;
}

#content a {
font-weight: bold;
color: silver;
text-decoration: none;
}

img.icone {
margin: 0px 25px 20px 10px; 
float: left;
}


.expand {
text-align: justify;
margin: 0 5em;
color: black;
}

/* Footer */

#footer {
	width: 100%;
	margin: 0 auto;
clear: both;
	background: #000000;
}

#footer p {
	margin: 0;
	padding: 1px;
	text-align: center;
	font-size: x-small;
	color: #B6B6B6;
}

#footer a {
	color: #B6B6B6;
}


.top {
  margin: 0;
  position: fixed;
  bottom: 10%;
  left: auto;
  right: 5%;
}

/* Start of CMSMS style sheet 'Menus' */
/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' 
 Horizontal menu for the CMS CSS Menu Module 
 by Alexander Endresen 
 Menu */
#menu {
position:absolute;
right:10%;
top:29px;
height:20px;
margin:0;
}

/* The wrapper clears the floating elements of the menu 
 Fix for Opera 8 */
.clearb {
clear:both;
}

#menuwrapper {
background-color:#ECECEC;
width:100%;
}

/* IE Hacks */
#primary-nav li li {
width:120px;
margin-left:0;
margin-top:-1px;
position:relative;
float:left;
clear:both;
}

/* Unless you know what you do, do not touch this */
#primary-nav,#primary-nav ul {
list-style:none;
margin:0;
padding:0;
}

#primary-nav ul {
position:absolute;
top:auto;
display:none;
}

#primary-nav ul ul {
margin-top:1px;
margin-left:-1px;
left:100%;
top:0;
}

#primary-nav li {
margin-left:-1px;
float:left;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
text-decoration:none;
text-transform:uppercase;
font-size:.8em;
font-weight:bold;
color:#000;
display:block;
margin:0;
padding:0.35em 1.2em 0;
}

#primary-nav li a {
border-left:1px solid silver;
}

#primary-nav li li a {
border:1px solid silver;
height:1%;
}

#primary-nav li,#primary-nav li.menuparent {
background-color:#ececec;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
background-color:#C7C7C7;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent,#primary-nav ul li.menuparent:hover,#primary-nav ul li.menuparenth {
background-image:url(images/cms/arrow.gif);
background-position:center right;
background-repeat:no-repeat;
}

/* Styling the apperance of menu items on hover */
#primary-nav li:hover,#primary-nav li.menuh,#primary-nav li.menuparenth,#primary-nav li.menuactiveh {
background-color:#fff;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited 
 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level */
#primary-nav ul,#primary-nav li:hover ul,#primary-nav li:hover ul ul,#primary-nav li.menuparenth ul,#primary-nav li.menuparenth ul ul {
display:none;
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level*/
#primary-nav li:hover ul,#primary-nav ul li:hover ul,#primary-nav ul ul li:hover ul,#primary-nav li.menuparenth ul,#primary-nav ul li.menuparenth ul,#primary-nav ul ul li.menuparenth ul {
display:block;
}

/* End of 'Navigation: CSSMenu - Horizontal' 
 Menu */
#menu2 {
background-color:#FFF;
border:2px solid #890F13;
margin:0.5em 1em;
}

#menu2 ul {
list-style:none;
margin:0;
padding:0 0.5em;
}

#menu2 a {
text-decoration:none;
text-transform:uppercase;
font-size:0.8em;
font-weight:bold;
padding:0 0.5em;
}

#menu2 .menuactive {
color:#C0A06A;
}

#menu2 .menuparent {
color:# #B20000;
}

.nonactive {
text-transform:uppercase;
font-size:0.8em;
font-weight:bold;
padding:0 0.5em;
color:#890F13;
}
/* Menu */
#menu_pied {
height:2em;
text-align:center;
background:#dbdbdb;
}

#menu_pied ul {
list-style:none;
margin:0;
padding:.35em 0 0;
}

#menu_pied li {
display:inline;
}

#menu_pied a {
text-decoration:none;
text-transform:uppercase;
font-size:.8em;
font-weight:bold;
color:#000;
padding:0 1.2em;
}

#menu a:hover,#menu2,#menu_pied a:hover {
color:#B20000;
}
/* End of 'Menus' */


/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary{
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
color: black;
}

#annonce a {
font-weight: bold;
color: #890F13;
text-decoration: none;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryTitle {
color: black;    
font-weight: bold;
   padding-top: 0.2em;
}
.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummarySummaryPage, .NewsSummaryPage {
color: black;
font-size: 120%;
padding-top: 0.5em;
}


.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 0.5em;
  padding-top: 0.2em;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

.NewsPostDetailCategory {
  font-style: italic;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.3em;
  padding: 0.1em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}

.NewsDetailField, .NewsSummaryField {
 color: black;
}

.number {
text-align: center;
}

ul.list1 {
list-style: none;
}

.newscategory {
display:inline;
text-decoration:none;
text-transform:uppercase;
font-size:.8em;
font-weight:bold;
color: #9B0101;
}
/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */





/* End of 'TemplateCSS' */

/* End of 'TemplateCSS' */
/* End of 'acceuil' */