@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: 11px; line-height: 1.25; color:#59493f; background:#e1e1e1;}
#wrapper {width: 955px; margin: 20px auto; background:#d0c9ba;}

sup{VERTICAL-ALIGN:super; font-size:75%;}

#textSubmit{margin-left:100px; margin-top:-10px; font-weight:bold;}

/* Liens */
a {color:#59493f;text-decoration: underline;}
a:hover, a:focus {color:#a48775;}
a img {border: none; /* -> 10 */}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: .5em 0 1em 0;}
h1, h2 {font-weight: normal;}
h1 {font-size: 2em; color:#e2001a;}
h2 {font-size: 1.6em; color:#fff; background-color:#e2001a; padding-left:15px;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em; font-weight: normal;}

/* 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:#e2001a}

#left{float:left; width:306px; min-height:500px; background:#d0c9ba url(../images/left.gif) top left no-repeat;}
.imgLeft{ margin-left:65px;}
#right{float:left; width:649px;}

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

#header{ height:183px; width:649px; background:#d0c9ba url(../images/top.gif) top left no-repeat;}

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

#nav { width:650px; height:22px; margin:0px 0 0 -22px; padding-top:145px; position:relative;  z-index:100;}
#nav li { float:left;  list-style:none; text-align:center; color:#e2001a; position:relative; height:30px; margin:0px; padding:0px;}
#nav li a{font-size:120%; text-decoration:none; color:#e2001a; margin: 0 18px; overflow:hidden;}
#nav li a:hover{ color:#9b1524;}
#nav li ul {display:none;}


/* specific to non IE browsers */
#nav li:hover ul {display:block; position:absolute; top:15px; left:-25px; width:0px;}
#nav li:hover ul li { margin:0px; padding:0px;}
#nav li:hover ul li a {display:block; background:#e1e1e1; color:#e2001a; width:150px; padding:8px 10px; text-align:left;}
#nav li:hover ul li a:hover {background:#e2001a; color:#fff;}



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

#content { background-color:#FFF; width:580px; padding:10px 15px;; text-align:justify;margin-bottom:10px; }
.signature{display:block;float:right; margin-top:20px;}
#content table tr td{padding-bottom:15px;}
.trRed{ padding:5px 20px 0px 5px;color:#666; font-weight:bold; }
.bgGrey{background-color:#d0c9ba;}

.colorVert {border:solid 1px #ffdf04;background:#f9ffc4 url(../images/information.png) 4px 6px no-repeat;color:#606060; padding:10px 15px 10px 25px; font-size:100%; width:468px;}

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



/*  =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;}

.rep{ padding-left:10px; font-weight:bold;}
.print{ background:#fff url(../images/printer.png) 3px 0px no-repeat; line-height:20px; padding-left:25px; display:block;}