/*General*/
* { margin: 0; padding: 0; border: none; }
html, body { font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; background: #000 url(../img/design/bg_body.jpg) 0 0 repeat-x; font-size: 12px; line-height: 1.3em; }
h1, h2, h3, h4 { clear: left; font-weight: bold; }
h1 { font-size: 1.5em; line-height: 1.2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
div#mainContent p, div#mainContent ul, h4, h5 { margin: 15px 0; color: #333; text-align: justify; }
dt, dl, dd, ul, li { list-style-type: none; }
div#centerContainer { margin: 10px auto; width: 980px; background: #f5f5f5 url(../img/design/bg_container.jpg) right 0 repeat-y; border: 1px solid #fff }
a { color: #01567E; text-decoration: none; }
p a { font-weight: bold; }
a:hover { color: #000; text-decoration: none;  }
div#mainContent p a { color: #000; }
div#mainContent p a:hover { color: #666; }
img { border: 0; }
div.clear { clear: both; height: 1px; line-height: 1px; }
div.clear_left { clear: left; height: 1px; line-height: 1px; }
div.space { height: 20px; }
div#container p.center { text-align: center; }
span.i { font-style: italic; }
span.b { font-weight: bold; }
div#mainContent p.center { text-align: center; }

/*Header*/
div#header { position: relative; height: 331px; background: #000 url(../img/design/bg_header.jpg) 0 0 no-repeat; }
h1 { padding: 2px 0 0 13px; }
ul#tools { position: absolute; top: 10px; right: 10px; }
ul#tools li { display: block; float: left; position: relative; height: 22px; line-height: 22px; margin: 0 0 0 5px; color: #fff; font-size: 11px; }
ul#tools li a { color: #fff; }
ul#tools li a img { border: 1px solid #fff; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
ul#tools li a span { display: none; position: absolute; bottom: -30px; right: 0; padding: 0 2px; line-height: 15px; font-size: 10px; background: #f5f5f5; color: #000; white-space: nowrap; }
ul#tools li a span img { position: absolute; top: -5px; right: 7px; border: none; }
ul#tools li a:hover span { display: block; }
ul#tools li a:hover img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

/*Menu*/
div#menu { height: 34px; background: #000 url(../img/design/bg_menu.jpg) 0 0 repeat-x; border-top: 1px solid #000; }
div#menu li { display: block; float: left; position: relative; border-left: 1px solid #3b3b3b; font-size: 11px; }
div#menu li h6 { display: block; float: left; margin: 0; padding: 9px; font-weight: bold; color: #ddd; border-left: 1px solid #000; }
div#menu li a { display: block; float: left; margin: 0; padding: 9px; font-weight: bold; color: #ddd; border-left: 1px solid #000; }
div#menu li a:hover { text-decoration: none; background: #333; color: #fff; }
div#menu li a.on { color: #fff; background: url(../img/design/bg_menu_on.gif) center bottom no-repeat; }
div#lang { padding: 9px; float: right; color: #fff; font-size: 11px; }
div#lang a { color: #fff; }
div#menu li div.menu2 { display: none; }
div#menu li:hover div.menu2 { display: block; width: 100px; height: 52px; position: absolute; bottom: -52px; left: 0; background: #000; border-right: 1px solid #333; }
div#menu li:hover div.menu2.en { width: 80px; }
div#menu li:hover div.menu2 a { display: block; width: 90px; color: #ccc; margin: 0; background: #000; padding: 5px; border-bottom: 1px solid #333; }
div#menu li:hover div.menu2 a:hover { color: #fff; background: #222; }

/*General content*/
div#mainContent { width: 503px; padding: 20px; overflow: hidden; }
div#mainContent h2 { margin: 0 0 15px 0; padding: 10px 10px 13px 40px; color: #666; background: url(../img/design/bg_title.gif) 2px 2px no-repeat; border-bottom: 4px solid #eee; }
div#mainContent h3 span { font-size: 11px; font-weight: normal; }
h3 { margin: 30px 0 15px 0; padding: 5px; color: #fff; background: #333 url(../img/design/bg_h3.jpg) right 0 repeat-y; }
h3.c1 { background: #84a04b url(../img/design/bg_h3_1.jpg) right 0 repeat-y; }
h3.c2 { background: #e41370 url(../img/design/bg_h3_2.jpg) right 0 repeat-y; }
h3.c3 { background: #f9b433 url(../img/design/bg_h3_3.jpg) right 0 repeat-y; }
h3.c4 { background: #017cb4 url(../img/design/bg_h3_4.jpg) right 0 repeat-y; }
h5.c1 { color: #84a04b; }
h5.c2 { color: #e41370; }
h5.c3 { color: #f9b433; }
h5.c4 { color: #017cb4; }
h4 { margin: 25px 0 15px 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ddd; }
h4 span { font-weight: normal; }
div.black { background: #ddd; padding: 5px; }
div#mainContent div.black img { border: none; }
span.black { background: #ddd; padding: 5px; color: #333; font-size: 10px; }
div#mainContent ul li { margin: 10px 0; padding: 0 0 0 50px; background: url(../img/design/puce2.jpg) 28px 3px no-repeat; }
div#mainContent img { border: 5px solid #ddd; }
div#mainContent p.foot { clear: left; margin: 20px 0 10px 0; border-top: 4px solid #eee; padding: 5px 10px 0 0; text-align: right; background: url(../img/design/bg_foot.jpg) right 9px no-repeat; }

/*Program content*/
div#mainContent ul.img_list { text-align: left; }
div#mainContent ul.img_list li { float: left; width: 145px; height: 108px; margin: 0 5px 10px 5px; position: relative; border: 5px solid #ddd; padding: 0; }
div#mainContent ul.img_list li img { border: none; }
div#mainContent ul.img_list li a { display: block; padding: 5px; width: 135px; height: 30px; position: absolute; left: 0; bottom: 0; background: #000; filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6; font-size: 12px; font-weight: bold; color: #fff; }
div#mainContent ul.img_list li a:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; text-decoration: none; }
div#mainContent ul.program_list li { margin: 0; padding: 0; background: none; }
div#mainContent ul.program_list li a { display: block; padding: 20px 0; font-size: 24px; border-bottom: 1px solid #ddd; font-weight: bold; }
div#mainContent ul.program_list li a:hover { background: #f1f1f1; }
div#mainContent ul.program_list li a img { float: left; margin: 0 20px 0 0; }
div#mainContent img.left { float: left; margin: 0 15px 15px 0; }
div#mainContent img.right { float: right; margin: 0 0 15px 15px; }
div#mainContent p.partners { text-align: center; background: #fff; border: 4px solid #ddd; padding: 10px; }
div#mainContent p.partners img { margin: 10px 25px; border: none; }
span.date { color: #999; }

/*Colums*/
	/*Right Column*/
div#rightColumn { float: right; width: 214px; padding: 20px }
div#rightColumn h3 { margin: 0 0 1px 0; padding: 3px; color: #fff; font-size: 10px; background: #aaa; text-align: center; }
div#rightColumn p { margin: 0 0 30px 0; text-align: center; }
div#rightColumn p img { margin: 10px 5px; }
	/*Left Column*/
div#leftColumn  { float: left; width: 140px; padding: 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div#leftColumn h3 { margin: 0 0 1px 0; padding: 3px; color: #fff; font-size: 10px; background: #aaa; text-align: center; }
div#leftColumn p { margin: 0 0 30px 0; text-align: center; }
div#leftColumn p img { margin: 10px 5px; }

/*Footer*/
div#footer { clear: both; background: #000 url(../img/design/bg_footer.jpg) 0 0 repeat-x; border-top: 1px solid #000; }
div#footer ul { padding: 5px; text-align: center; }
div#footer ul li { display: inline; margin: 0 30px; color: #fff; font-weight: bold; }
div#footer ul li a { color: #fff; }

/*Accordion effect*/
.accordion_toggle { cursor: pointer; margin: 0 0 0 0; }
.accordion_toggle:hover { background: #eee; }
.accordion_content { overflow: hidden; }
	
/*Styles des onglets*/
div#mainContent ul.onglet { float: left; width: 678px; height: 32px; margin: 10px 0; border-bottom: 1px solid #017cb4; padding: 0 0 0 5px; }
div#mainContent ul.onglet li { display: block; float: left; margin: 0 5px 0 2px; padding: 0; background: none; font-family: Tahoma; font-size: 14px; }
div#mainContent ul.onglet li a { display: block; float: left; margin: 0; height: 15px; padding: 8px 10px; color: #fff; background: #017cb4; border: 1px solid #017cb4; }
div#mainContent ul.onglet li a.on { color: #333; background: #f5f5f5; border-bottom: 1px solid #f5f5f5; font-weight: bold; }
div#mainContent ul.onglet li a.on:hover  { background: #f5f5f5; }
div#mainContent ul.onglet li a:hover { background: #119bda; }

/*Style du sous menu Thématiques*/
div#mainContent ul.themes { float: left; width: 683px; margin: 10px 0 0 0; padding: 0; background: #017cb4; border: 1px solid #017cb4; }
div#mainContent ul.themes li { display: block; float: left; margin: 0; padding: 0; background: none; font-size: 11px; }
div#mainContent ul.themes li a { display: block; float: left; padding: 5px; color: #eee; margin: 0; padding: 4px; background: #017cb4; }
div#mainContent ul.themes li a:hover { color: #fff; background: #119bda; }
div#mainContent ul.themes li a.on { background: #f5f5f5; color: #333; font-weight: bold; }
div#mainContent ul.themes li a.on:hover { color: #333; }

div#mainContent div.colum3 { float: left; width: 170px; margin: 0 50px 0 0; }