/*Styles génériques*/
html, body { margin: 0; padding: 0; font-family: Arial, sans-serif; background: #ddd url(../img/bg_body.gif) 0 0 repeat-x; font-size: 12px; line-height: 1.5em; height:100% }
body { text-align:center; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
p { font-size: 1em; }
dt, dl, dd, ul, li { list-style-type: none; }
div#mainContainer { margin: 0 auto; padding: 0; width: 980px; background: url(../img/bg_container.gif) 0 0 repeat-y; text-align:left }
html > body div#mainContainer { padding: 0 4px 0 4px; margin: 0 auto 0 auto; }
a { color: #e90a08; text-decoration: none; }
a { color: #da0000; }
img { border: 0; }
div.clear { clear: both; margin: 0; padding: 0; height: 1px; line-height: 1px; }
span.i { font-style: italic; }
span.g { font-weight: bold; }
span.heure { color: #e90a08; }

/* kupu */
img.img-left { float:left; }

/*Entête*/
div#header { margin: 0; padding: 0; }
div#header a img { margin: -1px 0 0 4px; padding: 0; }
html > body div#header a img { margin:0; }

/* connections */
ul.connections { background-color:#3F4042;padding:10px;margin: -1px -2px 0 4px;text-align:center;font-size:1em;color:#fff }
html > body ul.connections { background-color:#3F4042;padding:10px;margin: 0;text-align:center;font-size:1em;color:#fff }
ul.connections li { display:inline;padding:0 3px 0 0 }
ul.connections form { display:inline;padding:0 3px 0 0 }
input.portletform { width: 135px; height:20px; }
input.portletbutton { width: 20px; height:20px;}

/*Menu*/
div#menu { margin: 0 -2px 0 4px; padding: 0; height: 36px; background: #e90a08 url(../img/bg_menu.gif) 0 0 repeat-x; }
html > body div#menu { margin: 0 2px 0 0;}
div#menu ul { margin: 0; padding: 0; }
div#menu li { display: inline; margin: 0; padding: 0; }
div#menu li a { display: block; float: left; margin: 0; padding: 9px 10px 9px 8px; height: 18px; background: url(../img/bg_menu_item.gif) right 0 repeat-y;  font-size: 12px; color: #fff; font-weight: bold; }
div#menu li a:hover { background: #e90a08; color:#fff}
div#menu li.selected a { background: #fff; color: #e90a08; }
div#menu span#language { float: right; margin: 10px; font-size: 11px; color: #fff; }
div#menu span#language a { color: #fff; }
div#menu span#language a.on { font-weight: bold; }

/* Conteneur des pages */
div#container { float: left; width: 700px; margin: 0 0 0 20px; padding: auto 0 auto 0; height:auto;}
html > body div#container { margin: 10px; padding:10px }
div#container h2 { margin: 0 0 20px 0; padding: 8px 0 5px 40px; background: url(../img/bul_title.jpg) left 0 no-repeat; color: #e90a08; }
div#container p { margin: 15px 0; color: #666; font-family: Georgia; text-align: justify; }
div#container p.center { text-align: center; }
div#container div.program { width: 580px; margin: 10px 0 10px 50px; padding: 0 10px; border: 1px solid #eee; background: #fdfdfd; }
/*
div#container div.containerHome { float: left; margin: 0; padding: 0; }
*/
div#container div.right_box { position: relative; left: 550; float: right; width: 178px; margin: 0 0 0 20px; padding: 10px; }
/* IE doesn't interpret this: */
html>body div#container div.containerHome { float: left; }
html>body div#container p { margin:0 20px 0 0 }
html>body div#container div.right_box { position:relative; left:0; border:none; }

/* Sponsoring */
div#sponsoring { position:relative; float:right; width: 220px; padding:0 5px; margin: 0 0 0 5px}
html>body div#sponsoring { position:relative; float: left; margin: 10px; padding: 0; }
div#sponsoring h3 { margin: 0; padding: 0; color: #333; font-size: 10px; }
div#sponsoring ul.logos { margin: 0; padding: 10px 0; background: #fff; border: 1px solid #666; }
div#sponsoring ul.logos li { margin: 10px 0; background: none; }

/*Pied de page*/
ul#footer { position:relative; padding: 5px 0; background: #e90a08 url(../img/bg_menu.gif) 0 0 repeat-x; text-align: center; }
ul#footer li { display: inline; margin: 0; padding: 0; color: #fff; }
ul#footer li a { color: #fff; }
html > body ul#footer { position:relative; }

/*Styles du formulaire d'inscription*/
fieldset { margin: 10px 0; border: 1px solid #eee; background: #fdfdfd; }
input, select { padding: 2px; width: 250px; font-size: 11px; font-family: arial; color: #666; border: 1px solid #ddd; }
textarea { margin: 5px 0 0 0; padding: 2px; width: 100%; font-size: 11px; font-family: arial; background: #f6f6f6; color: #666; border: 1px solid #ddd; }
input.submit { float: right; width: 80px; font-size: 10px; color: #fff; border: 1px solid #aa0000; background: #da0000; cursor: pointer; }
input.context { float: right; width: 80px; font-size: 10px; color: #fff; border: 1px solid #aa0000; background: #da0000; cursor: pointer; }
input.checkbox { width: 15px; margin: 0 0 0 155px; }
input.focus { border: 1px solid #bbb; }
select.focus { border: 1px solid #bbb; }
legend { font-weight: bold; color: #666; }
label#formQuestion { float: left; width: 22%; margin: 0 0.5em 0 0; text-align: right; line-height: 20px; cursor: pointer; }
label.checkbox { float: none; width: 200px; margin: 0 0.5em 0 0; text-align: left; line-height: 20px; cursor: pointer; }
span.error { margin: 0 0 0 5px; padding: 0 0 0 15px; font-family: arial; color: #da0000; font-weight: bold; font-size: 10px; background: url(../img/error.gif) 0 2px no-repeat; }
div#container ul { margin: 0; padding: 0; }
div#container li { padding: 0 0 0 20px; font-family: Georgia; color: #666; background: url(../img/bullet_point.gif) 8px 5px no-repeat; }
div#container h3 { margin: 20px 0 10px 0; padding: 0 0 5px 0; color: #e90a08; font-weight: bold; border-bottom: 1px solid #eee; }
div#container h4 { margin: 20px 0 0 0; padding: 5px 2px; color: #fff; font-weight: bold; background: #ccc; }
div#google_map { float: right; margin: 0; padding: 5px; background: #ebe6dc; border: 1px solid #d1cbbf; }

/*Styles de la page programme*/
div#container table { width: 100%; border-collapse: collapse; }
div#container table td { vertical-align: top; border: 1px solid #ccc; padding: 0; background: #fcfcfc; }
div#container table td.noborder { vertical-align: top; border: none; padding: 0; background: #fcfcfc; }
div#container table td p {  margin: 0; padding: 5px; color: #666; font-family: Arial; font-size: 12px; text-align: left; }
div#container table td p span { color: #e90a08; }
div#container table td.hour { width: 80px; }
div#container table td.grey { background: #c1c1c1; }
div#container table td.hour p { color: #e90a08; font-size: 11px; font-weight: bold; text-align: center; }

/* colors for the tables cells backgrounds */
div#container table td.violet { background-color:#9f01cb;}
div#container table td.red { background-color:#cc2900;}
div#container table td.orange { background-color:#ff9332;}
div#container table td.yellow { background-color:#f6db3e;}
div#container table td.green { background-color:#bdd42e;}
div#container table td.blue { background-color:#1993f9;}
div#container table td.td-txt-gray {color:#666}

/*Styles des onglets*/
div#container ul#onglet { float: left; width: 690px; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; padding: 0 0 0 5px; }
div#container ul#onglet li { display: block; float: left; margin: 0 0 0 2px; padding: 0; background: none; font-family: Tahoma; font-size: 10px; }
div#container ul#onglet li a {  margin: 0; padding: 3px 2px; }
div#container .content { margin: 0; padding: 0; }
div#container ul#onglet a.current { background-color: #fff; color: #da0000; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; font-weight: bold; }
div#container ul#onglet a.ghost  { background-color: #eee; color: #333; border: 1px solid #ccc; }
div#container ul#onglet a.ghost:hover  { background: #ddd; }
div#container .on { display: block; }
div#container .off { display: none;}

div#container .txt-white { color:fff; }
div#container .txt-white { color:fff; }
div#container .txt-white em { color:fff; }
div#container .txt-white strong { color:fff; }