/* CSS Document */

body { background-color: #333; font-family: Arial, Helvetica,sans-serif, Verdana; color: #fff;}
img { border: 0;}

* {padding: 0; margin: 0;}
a, a:link, a:visited, a:active {background: transparent; text-decoration: none; color: #fff;}
a:hover { text-decoration: underline;}
#MainCt { width: 900px; margin: 0 auto;}
#Header { width: 900px; margin: 0 auto; padding: 0;}
#Ct { width: 900px; height: 577px; margin: 0 auto;}
#CtLeft { float: left; width: 244px; height: 545px; background-color: #003126; padding-top: 32px; margin: 0;}
#CtRight {
	float: left;
	position:relative;
	width: 656px;
	height: 577px;
	background-color: #01826E;
}

/* Page intro */
#Main {width: 900px; height: 675px; margin: 0 auto;}
#top { width: 900px; height: 291px; background: url(imgs/intro_top.jpg) no-repeat; margin: 0 auto;}
#middle { width: 900px; height: 98px; background: url(imgs/intro_banner_text.jpg) left no-repeat; margin: 0 auto; text-align: right;}
#middle2 { width: 900px; height: 40px; background:url(imgs/intro_dates.gif) no-repeat; margin: 0 auto;}
#bottom { width: 900px; height: 247px; background: url(imgs/intro_bg_bottom.jpg) no-repeat; margin: 0 auto;}

/* Menu navigation */
#navigation { width: 656px;}
#navigation ul { list-style: none; margin: 0; padding: 0;}
#navigation li { float: left; width: 164px;}
#navigation li a { display: block; color: #ccc; text-align: center;}
#CtText {
bottom:0;
clear:left;
font-weight:normal;
height:505px;
padding:40px 0 0 25px;
position:absolute;
right:0;
width:631px;
}
#CtText h1 { color: #84d646; font-size: 20px; font-weight: normal; padding-bottom: 15px;}
#CtText h2 { color: #effe01; font-size: 14px; font-weight: bold; padding-bottom: 15px; text-transform: uppercase;}
#CtText h2 span { color: #fff; font-weight: bold; padding-left: 5px;}
#CtText h2 span.indent { color: #fff; font-weight: bold; padding-left: 40px;}
#CtText h3 { font-size: 12px; font-weight: normal; padding: 0 70px 20px 0;}
#CtText h4 { font-size: 14px; font-weight: normal; padding: 0 70px 20px 0;}
#CtText .programme { float: left; width: 300px; font-size: 14px; color: #effe01; font-weight: bold;}
#CtText .programme ul { list-style: none; margin: 15px 0 0 0; padding: 0;}
#CtText .programme li { color: #fff; font-weight: normal;}
#CtText .programme li span { padding-right: 20px;}
#CtText .programme li span.first { padding-right: 27px;}
#CtText #en-continu { clear: left; width: 100%; text-align: center; padding-top: 50px; font-size: 16px; font-weight: bold;}


#CtText p#participants { font-size: 11px; font-weight: normal; padding-left: 30px;}
#CtText p#participants span { font-style: italic;}
#CtText #TechToday { position: absolute; width: 574px; height: 32px; left: 0px; bottom: 30px; background: url(imgs/techno_today_live.jpg) no-repeat;}

/* Formulaire d'inscription */
form { position: relative; font-size: 10px; font-weight: bold;}
form p#jour { font-size: 12px; font-weight: normal; color: #fff; padding: 0; margin-bottom: 15px;}
form label { cursor: pointer;}
form span { font-size: 12px; font-weight: normal;}
form #inscris { float: none; font-size: 12px; font-weight: normal;}
form .date {float: left; width: 280px; font-size: 12px; color: #effe01; font-weight: bold;}
form .date ul { list-style: none; margin: 0; padding: 5px 0 10px 0;}
form .date li { color: #fff; font-weight: normal; line-height: 15px;}
form p { float: left; padding: 0; margin: 0;}
form p span { color: #9f0037;}
form .checkbox { margin: 0; padding: 0; vertical-align: middle;}
form input { height: 15px; border: 0px; margin: 2px 0 5px 0; padding: 0 0 0 3px; font-size: 10px;}
form input.large { width: 362px; margin-right: 10px;}
form input.medium { width: 201px; margin-right: 10px;}
form input.small { width: 148px; margin-right: 10px;}
form input[type="image"] { width: 104px; height: 25px;}
form input[type="radio"] { margin: 0 3px 0 0; vertical-align: middle;}
form #nom { text-transform: uppercase;}
form #nom1 { text-transform: uppercase;}
form #nom2 { text-transform: uppercase;}
form #nom3 { text-transform: uppercase;}
form #nom4 { text-transform: uppercase;}
form #contact { float: left; font-size: 12px; font-weight: bold; text-align: left;}
form .email { float: left; font-size: 12px; font-weight: bold; text-align: left; padding-top: 14px;}
form .submit { position: absolute; right: 49px; top: 20px; width: 104px; height: 25px; background-image: url(imgs/envoyer.gif); cursor: pointer;}
form #erreur { position: absolute; display: none; width: 300px; top: 50px; right: 49px; font-size: 12px; font-weight: bold;}
form #erreur_date { position: absolute; display: none; width: 300px; top: 20px; right: 45px; font-size: 12px; font-weight: bold;}