@charset "utf-8";
/* CSS Document */

body {
    background: #fff url(../images/Background.jpg) repeat-x left,top;
    text-align: center;
    margin: 0px auto;
    font-family: "Gill Sans", Tahoma, Arial, sans-serif;

/*    background:#FFFFFF;
    background-image:url(Images/Background.jpg);
    background-position:left,top;
    background-repeat:repeat-x;
    */
}

#conteneur {
    margin-left:auto;
    margin-right:auto;
    width:770px;
    background-image:url(../images/BackgroundSupport.gif);
    background-repeat:repeat-y;
    text-align:center;
}

#topbar {
    width:770px;
    height:20px;
    background-image:url(../images/topbar.jpg);
    background-repeat:no-repeat;
}
p.nav {
    color: #aaa;
    font-size: 1em;
    text-align: left;
    padding: 0.2em 1em 0 1.3em; margin: 0;
}
p.nav a { color: #fff; padding: 0 0.4em; }
p.nav a.selected { font-weight: bold; }

#banner {
    width:770px;
    height:280px;
    background-image:url(../images/bannerNWS.jpg);
}

#contenu {
    margin-left:auto;
    margin-right:auto;
    width:750px;
    height:500px;
    background-image:url(../images/degradesupport.jpg);
    background-repeat:repeat-x;
    background-position:top;
    padding-top: 2em;
}

#main { float: left; width: 460px; text-align: left; }
#aside { float: left; width: 290px; text-align: left; }
#ft { text-align: left; width:770px; height:20px; background-image:url(../images/topbar.jpg);
    background-repeat:no-repeat; color: #fff; padding-left: 20px; font-size: smaller;
    font-weight: normal; padding-top: 0.4em; margin: 0;}

h1, h2, h3, h4, h5 { font-family: "Gill Sans", Tahoma, Arial, sans-serif;}
h1 { font-size: 200%; color:#0054a6; margin-left: 20px; }
h2 { font-size: 180%; color:#00aeef; margin-left: 30px; }
h3 { color:#ffffff; font-weight: normal; margin-left: 20px; }
h4 { color: #000; font-weight: bold; margin-left: 20px; margin-bottom: 1em;}

a, a:link, a:visited, a:active { color: #00aeef; text-decoration: none; }
a:hover { text-decoration: underline;}

#main h3 {
    width:430px; height:30px;
    background: url(../images/bartitre_big.jpg) no-repeat;
    font-size: 120%;
    padding: 0.3em 0 0 1.4em;
}
#aside h3 {
    width:250px; height:30px;
    background:url(../images/bartitre_mini.jpg) no-repeat;
    font-size: 120%;
    padding: 0.3em 0 0 1.4em;
}

div.t { margin: 1em 30px 2em 30px; }
div.t p { margin-bottom: 1em; }
div.t ul li { list-style: disc inside;}
strong { font-weight: bold; }

a#reg-now { font-size: 180%; font-weight: bold; padding: 0.4em 0.8em 0.4em 0.8em;
    border: 1px solid transparent; text-decoration: none; }
a#reg-now span { color: transparent; }
a#reg-now:hover { background-color: #eee; border: 1px solid #ddf; }
a#reg-now:hover span { color: #000; }
#aside div.t { font-size: 90%; }

.hide { position: absolute; left: -10000px;}
.clear { clear: both;}

table.schedule { border: 0; border-collapse: collapse; margin: 0; padding: 0; margin-left: -5px;}
table.schedule tr td { vertical-align: top; padding: 0.5em;}
table.schedule tr td.time { text-align: right; color: #444; }
table.schedule tr.first td { padding-top: 0;}

table.schedule strong { color: #00aeef; }
table.schedule em { text-decoration: underline; }
table.schedule td.time span { color: #00aeef; }

ul#partners { margin-left: 10px; }
ul#partners li { width: 190px; height: 100px; float: left; margin: 0 5px 5px 0; list-style: none; text-align: center; vertical-align: middle;}
ul#partners li img { margin: 0; border: 0; text-align: center; }

form.reg label { font-weight: bold; display: block; }
form.reg input { display: block;}

ul.pics { margin: 20px 0px 40px 40px; }
ul.pics li { float: left; margin: 0 2px; }
ul.pics li img { width: 220px; -webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666; }

img.pic { float: right; margin: 0 1em 2em 1em; -webkit-box-shadow: 0 0 6px #666; -moz-box-shadow: 0 0 6px #666; box-shadow: 0 0 6px #666; }