/*Styles génériques*/
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; }
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 0 auto; padding: 0 4px; width: 980px; background: url(../img/bg_container.gif) 0 0 repeat-y; }
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; }
div#container p.center { text-align: center; }
span.i { font-style: italic; }
span.g { font-weight: bold; }
span.heure { color: #e90a08; }

/*Entête*/
div#header { height: 305px; margin: 0; padding: 10px 0 10px 8px; background: #5e5a59 url(../img/bg_header.jpg) right 0 no-repeat; }
div#header h1 { margin: 0; padding: 0; }

/*Menu*/
div#menu { margin: 0; padding: 0; height: 36px; background: #e90a08 url(../img/bg_menu.gif) 0 0 repeat-x; }
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; }
div#menu li a.on { 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; padding: 20px; }
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 div.program { width: 580px; margin: 10px 0 10px 50px; padding: 0 10px; border: 1px solid #eee; background: #fdfdfd; }

div#container div.containerHome { float: left; width: 480px; margin: 0; padding: 0; }
div#container div.right_box { float: right; width: 178px; margin: 0 0 0 20px; padding: 10px; }
div#container div.right_box a.register { display: block; margin: 0; padding: 20px; background: #e90a08; border: 1px solid #aa0000; color: #fff; font-family: Tahoma; font-size: 14px; font-weight: bold; text-align: center; }

div#container div.right_box ul.connections { margin: 20px 0 0 0; padding: 0; border-top: 1px solid #eee; font-size: 11px; }
div#container div.right_box ul.connections li { margin: 0; padding: 0; background: none; border-bottom: 1px solid #eee; }
div#container div.right_box ul.connections li a { display: block; margin: 0; padding: 5px 0 5px 30px; color: #333; font-family: Tahoma; }
div#container div.right_box ul.connections li a.reg { height: 30px; padding: 12px 0 13px 30px; background: url(../img/puce_register.gif) left 11px no-repeat; font-size: 18px; font-weight: bold; }
div#container div.right_box ul.connections li a.reg.fr { padding: 18px 0 5px 30px; }
div#container div.right_box ul.connections li a.fb { background: url(../img/puce_fb.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.del { background: url(../img/puce_del.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.wik { background: url(../img/puce_wik.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.rss { background: url(../img/puce_rss.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.job { font-size: 13px; font-weight: bold; background: url(../img/puce_job.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.reg:hover { background: #eee url(../img/puce_register.gif) left 11px no-repeat; }
div#container div.right_box ul.connections li a.fb:hover { background: #eee url(../img/puce_fb.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.del:hover { background: #eee url(../img/puce_del.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.wik:hover { background: #eee url(../img/puce_wik.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.rss:hover { background: #eee url(../img/puce_rss.gif) left 4px no-repeat; }
div#container div.right_box ul.connections li a.job:hover { background: #eee url(../img/puce_job.gif) left 4px no-repeat; }

/*Pied de page*/
ul#footer { margin: 0; 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; }

div#sponsoring { float: left; margin: 0; padding: 20px 10px; width: 220px; }
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; }

/*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.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 { 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 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: #eee; }
div#container table td.hour p { color: #e90a08; font-size: 11px; font-weight: bold; text-align: center; }

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