@charset "utf-8";
/* CSS Document */

/*  
Site Name: Printemps des sciences	
Site URI: printemps-des-sciences.be	
Description: 
Version: 1.0
Author: Nicolas Delrez
Author URI: Nicklace
*/

/*  =COLORS
---------------------------------------------------
	Body Background: #ededed
	Main Text: #4b4b4b
	Links: #b4203d
*/
	
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

/* Page */
html{height:100%;}
body {margin: 0;padding:0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .7em; line-height: 1.25; color:#4b4b4b; background:#ededed;}
#wrapper {width: 960px; margin: 20px auto; background:#ffffff;}

/* Liens */
a {color:#b4203d;text-decoration: underline;}
a:hover, a:focus {color:#8e172f;}
a img {border: none; /* -> 10 */}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;}
h1, h2 {font-weight: normal;}
h1 {font-size: 2em; color:#b4203d; text-transform:uppercase;}
h2 {font-size: 1.6em; color:#d4a921;}
h2 a{color:#d4a921;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {margin: .75em 0 .75em 24px;padding: 0; }
ul {list-style: square;}
li {margin: 0;padding: 0;}

/* Form elements*/
span.checkbox {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(checkbox.gif) no-repeat;display: block;clear: left;float: left;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 158px;height:29px;padding: 1px 24px 0px 8px;color: #fff;font: 12px/21px arial,sans-serif;background: url(../images/myBgList.png) no-repeat;overflow: hidden;}

/* Paragraphes */
p {margin: .75em 0;}
li p, blockquote p {margin: .5em 0;}

/* Citations */
blockquote, q {font-size: 1.1em;font-style: italic;font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;}
blockquote {margin: .75em 0 .75em 24px;}
cite {font-style: italic;}

/* Divers éléments de type en-ligne */
em {font-style: italic;}
.strong {font-weight: bold;}

/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */
pre, code {font-size: 100%;font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;}
pre {width: 90%;overflow: auto;overflow: hidden;margin: .75em 0;padding: 12px;background: #eee;color: #555;}
pre strong {font-weight: normal;color: black;}
#copyright {margin: 20px 0 5px 0;text-align: right;font-size: .8em;color: #848F63;}
#copyright a {color: #848F63;text-decoration: none;}
#copyright a:hover, #copyright a:focus {text-decoration: underline;}

/* Couleurs */
.purple{color:#3f2257}
.green{color:#45a12a}
.purplelight{color:#873864}
.red{color:#af1130}

/*  =HEADER
-------------------------------------------------------------- */

#header {width:955px; height:155px; background:#ffffff url(../images/header.gif) top left no-repeat;}
#logo {}


/*  =NAVIGATION
-------------------------------------------------------------- */

#nav {background:#ffdd00; width:660px; height:22px; margin:0px; padding-top:9px; }
#nav li { float:left;  list-style:none; text-align:center; margin: 0 35px; }
#nav li a{ font-size:120%; text-transform:uppercase; text-decoration:none; }
#nav li a:hover{ color:#bbb;}

#subnav {background:#ffffff; width:660px; margin:0 0 40px 0; padding:0 0 0 0px; display:block; height:39px;}
#subnav li {float:left;list-style:none; margin:0px; padding:0 0 0 0px;}
#subnav li a img{border:none; text-decoration:none; }


/*  =CONTENT
-------------------------------------------------------------- */

#bottomContainer {float:left; width:100%; background:#ffffff url(../images/bgAside.jpg) top left repeat-y; }
#contentContener {width:660px; min-height:430px; background:#fff ; float:left; margin-bottom:15px;}
#contentContener ul li{ list-style:none;}
#contentContener ul li a h3{background:#fff url(../images/report.png) 0px 2px no-repeat; padding-left:34px; height:25px;}
#contentContener ul li a h3:hover{ text-decoration:underline;}
#contentContener p{margin-right:25px; text-align:justify;}
#content {}
#content h2 {}
#content h3 {}
#content p {}


/*  =SIDEBAR
-------------------------------------------------------------- */

#aside {width:300px;  float:left;}
#asideTop{ background: url(../images/bgGreen.png) top left repeat-x; height:55px; padding-top:15px; padding-left: 50px;}
#asideBottom{ background: url(../images/bgRed.png) top left repeat-y; margin-left: 40px; padding-left:10px; padding-top:5px; padding-bottom: 5px;}
#asideBottomMicro{margin-left: 40px; position:absolute; margin-bottom:0px; }
#sidebar {}
#sidebar h2 {}
#sidebar ul {}
#sidebar li {}


/*  =FORMS
-------------------------------------------------------------- */

input {}
textarea {}
button {}

input:focus {}
textarea:focus {}
button:hover {}


/*  =TABLES
-------------------------------------------------------------- */

table {}
tr {}
th {}
td {}


/*  =FOOTER
-------------------------------------------------------------- */

#footer {}
#footer h2 {}
#copyright {}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}

/* Clearfix for break */
span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}