/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       Mediameg C-CSS 1.3
 * CSS Author:    Optimeasy
 * Copyright:     Mediameg
 * Browser:       _ccbot 1.0
 * Browser group: 
 */
a { color:#000; text-decoration:none; }
a:hover {color:#000; }
h1, h1 a, h1 a:hover{font-size: 1.2em; font-weight:bold; color:#343434; }
body {font-family: Arial; font-size:12px; color:#343434; background: url(site/body.png) bottom center #371D0F; position:relative; }
#bkg_top{ position:absolute; z-index:-1; width:100%; background:url(site/top.png) center repeat; top:0; height:248px;}
#wrapper {width:980px; margin:0 auto -410px auto; padding:0 50px; background:url(site/shadow_fill.png) top center repeat-y; }
body.print {background:#fff; color:#000; font:Arial, Helvetica, sans-serif 12px/14px;}
body.print .section {}
body.print table.table { border:1px #000 solid; border-collapse:collapse;}
body.print table.table td { border:1px #000 solid; border-collapse:collapse;}
#header { height: 233px; background: #000; padding-top:15px; position:relative; }
#logo{ float:left; font-size:10px;}
#logo ul { width:684px; height:120px; }
#logo li { display:none; float:right;}
#logo a { text-transform:uppercase; padding: 0 5px; color:#FFFFFF;}
#logo span {border-right:1px solid #FFF; padding-right:10px;}
#logo #nav_1, #logo #nav_10, #logo #nav_11, #logo #nav_12, #logo #nav_13 { display:block; }
#logo #nav_1 {clear:both; width:567px; height:110px; float:left;}
#logo #nav_1 a { display:block; background:url(site/logo.png) no-repeat; width:467px; height:110px;}
#logo #nav_1 span { position:absolute; bottom:-13px; left:116px}
#logo #nav_13 { position:absolute; bottom:110px; left:181px;}
#logo #nav_12 { position:absolute; bottom:110px; left:273px;}
#logo #nav_11 { position:absolute; bottom:110px; left:394px;}
#logo #nav_10 { position:absolute; bottom:110px; left:491px;}
#logo #nav_9 {position:absolute; display:block; bottom:107px; left:590px; width:138px; height:21px; background:url(site/btn_horaire.jpg) no-repeat; }
#logo #nav_9 a { display:block; width:138px; height:21px; }
#logo #nav_9 span { visibility:hidden;}
#logo #nav_9 span {border:none; padding-right:0px;}
#social { width:192px; height:88px; text-align:center; position: absolute; top: 30px; left:530px }
#social #sthis {margin-top: -10px;}
#social #sthis span {background: black; margin-left: 8px; display: block; background: url(site/partage_mf.png); width: 144px; height: 32px;}
#social iframe {margin-left:-20px;}
#titre_infolettre { margin-left:113px; width:180px; height:43px; background:url(site/bkg_infolettre_1.png) no-repeat; float:left;}
#infolettre { clear: both; padding-top: 17px;}
#infolettre #response { display:none;}
#infolettre form { margin:0px; padding:0px; float:left; }
#infolettre form fieldset { margin:0px; padding:10px 0px 0px 0px; width:478px; height:33px; float:left; border:0px; background:url(site/bkg_infolettre_2.png) no-repeat; display:block;}
#infolettre form fieldset div { padding:3px 0px; height:27px;}
#infolettre form fieldset div.state { display:none;}
#infolettre form fieldset div.warning { display:none;}
#infolettre form fieldset label { padding:3px; color:#fff; float:left; display:block;}
#infolettre form fieldset .error input, form fieldset .error textarea { border-color:#FF0000;}
#infolettre form fieldset label span, form fieldset legend span { color:#FF0000; display:inline-block; width:10px; text-align:center; font-size:12px;}
#infolettre form fieldset input { width:180px; height:18px; margin-top:2px; float:left; padding:0; padding-top:2px; margin-right:8px;}
#infolettre form fieldset .sbtt { padding:0px; float:left; width:75px; height:26px; background:url(site/bouton_envoyez.png) no-repeat; margin-right:10px; border:none;}
#tag {background:url(site/tag.png); width:244px; height:166px; position:absolute; top:25px; right:0;}
#essaigratuit {width:192px; height:38px; margin-top:15px; background:url(site/essai_menu.png) no-repeat; float:right; }
#essaigratuit a {width:192px; height:38px; background:url(site/essai_menu.png) no-repeat; float:right; }
#menu { width:788px; height: 38px; margin-top:15px; background:#cddf58 url(site/menu_grad.png) top right repeat-y; font-size:16px; text-align:left; float:left; clear:both;}
#menu li.top_itm { display:none;}
#menu #nav_2, #menu #nav_3, #menu #nav_4, #menu #nav_5 {display:block;}
#menu a.top_itm {color: #000; padding: 0 0px; text-decoration: none; line-height: 38px; font-size:16px; font-weight:bold; text-align: center;}
#menu a.top_itm span { width:100%; padding: 0 0px; display: block; }
#menu li.top_itm {width:197px; height: 38px; text-transform:uppercase; background:url(site/menu_grad.png) top left repeat-y;}
#menu li.top_itm.tactive, #menu li.top_itm:hover {}
#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover { }
#menu ul.sub_itm { width: 260px; margin-left: 0px; background:#cddf58 url(site/menu_grad.png) top left repeat-y;font-size:14px; }
#menu ul.MenuBarSubmenuVisible { width: 260px; margin-left: 0px; font-size:14px;}
#menu li.sub_itm { width: 254px; background:none; padding: 2px; margin-top: 4px; text-align:left;}
#menu li.sub_itm a { height: auto; background:none; color:#000; text-decoration: none; }
#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#000;}
#menu li.sub_itm a span {background:none; padding:2px; margin:0;}
#section_2 .act_ctn {width:354px ; height: auto; padding: 20px 20px 20px 20px ; text-align: left; font-family:Arial; font-size:14px; float:left;}
.act_ctn {width:940px ; height: auto; min-height:338px; padding: 20px 20px 20px 20px ; text-align: left; font-family:Arial; font-size:14px; float:left; overflow-x: hidden;}
.vlf {width:600px; }
.vlf p.reqnfo { font-size:0.8em;}
.vlf div.warning, .vlf div.state { display:none; float:right;}
.vlf p span { color:#FF0000;}
.vlf fieldset {border:none; margin-bottom:20px;}
.vlf fieldset legend{ text-transform:uppercase; font-weight:bold; font-size:1.1em;}
.vlf fieldset div {margin:8px 0;}
.vlf .msgholder {border:2px solid #999; background:#FFCCFF; padding:10px; margin-bottom:15px; font-size:1.1em;}
.vlf fieldset div.error input, .vlf fieldset div.error select { background:#FFCCFF;}
.vlf fieldset label { margin:0; padding:0 0 0 15px; line-height:28px;}
.vlf fieldset label span {width:10px; display:inline-block; text-align:center; color:#FF0000;}
.vlf fieldset input {float:right; clear:right; margin:0; padding:3px; border:1px solid #999; width:420px; background:#c8d952 url(site/menu_grad.png) top right repeat-y;}
.vlf fieldset textarea { clear:both; display:block; float:right; border:1px solid #999; background:#c8d952 url(site/menu_grad.png) top right repeat-y; width:555px; height:200px;}
.vlf fieldset label.chk input { width:14px; margin:0 5px; float:none; display:inline; background:none; border:none; }
.vlf fieldset div.note{margin:0; text-align:right; padding-top:10px;}
.vlf fieldset div.note label {font-size:11px; line-height:20px; padding:0; display:inline-block; color:#343434!important;}
.vlf fieldset select {float:right; clear:right; margin:0; padding:0px; border:1px solid #999; height:28px; width:240px; background:#c8d952 url(site/menu_grad.png) top right repeat-y;}
.vlf button { clear:both; display:block; float:right; margin:10px 0; height:33px; line-height:33px; width:197px; background:#c8d952 url(site/menu_grad.png) top right repeat-y; font-size:1.1em; font-weight:bold; text-transform:uppercase; border:1px solid #999; cursor:pointer;}
#section_2 #rotator_js_10{width:384px ; height: 460px; float:left; display:block; margin-left:8px; font-size:0px;}
#section_2 #rotator_js_10 .nav_btn{width:8px; height:8px; background: url(site/nav.png); display:inline; float:left; margin-left:7px;}
#section_2 #rotator_js_10 .nav_btn_selected{background: url(site/nav_selected.png);}
#section_2 #rotator_js_10 #navigation_rotator_js_10 {margin-top:-18px; position: relative;margin-right: 16px;float: right;z-index: 9999999999999;}
#section_2 #rotator_js_10 .arrow_rotator_js_10{z-index: 999999999; position: relative; cursor: pointer;}
#section_2 #rotator_js_10 #arrow_left_rotator_js_10 {float:left; margin-left:5px; margin-top: -253px;background: url("site/arrows_left.png") no-repeat; width: 24px;height: 41px;}
#section_2 #rotator_js_10 .start_pause_btn {background-color: white; opacity: 0.65; padding-left: 5px; padding-right: 5px; }
#section_2 #rotator_js_10 #arrow_right_rotator_js_10 {float:right; margin-right:5px; margin-top: -253px; background: url("site/arrows_right.png") no-repeat;width: 24px;height: 41px; }
*:first-child+html #arrow_right_rotator_js_10 {padding-left: 350px; margin-top: -267px;}
#section_2 #rotator_js_10 #startpausebtn_rotator_js_10 {position: absolute; z-index: 99999999999; font-size: 15px; float: left; margin-top: -24px; padding-left: 7px;}
#rotator_js_10{display:none}
#rotator_js_10 object{width:384px ; height: 460px;}
#section_2 #news_box{width:184px ; height: 470px; float:left;background-color:#f3ecd9; padding: 0 5px; display:block; overflow:auto;}
#news_box{ display:none}
#news_box .title{color:#000000;}
#news_box .date{ font-size:14px; font-weight:bold;}
#news_box .txt{ font-size:12px;}
#news_box .foot{ display:none;}
.push {height:410px;}
#footer { width:100%; height: 410px; clear: both; background:#0d0401 url(site/bottom.png) center repeat; box-shadow:0px 4px 65px 5px #000000 inset;}
#foot{ width:980px; margin: 0 auto; padding:0 50px; background:url(site/foot.png) center center repeat-y;}
#five_button { margin: 0 auto; width:1080px;}
#five_button .inner {background:url(site/shadow.png) center #371D0F; width:980px; margin:0 50px; height:124px;}
#five_button a{ width: 188px; height:104px; display:block; float:left; margin: 10px 5px;}
#five_button .essai{ background:url(site/essai.jpg); margin-left:0px;}
#five_button .medico{ background:url(site/medic.png)}
#five_button .horraires{ background:url(site/horaire.png)}
#five_button .poids{ background:url(site/programme.png);}
#five_button .promotions{ background:url(site/promotions.png); margin-right:0px;}
#footer_elements { width:380px; float:right; height: 240px; font-size:12px; padding:15px 5px 0px 5px;}
#footer_elements div{ background:url(site/croix.png) center left no-repeat; text-align:left; margin-left:10px; padding-left:45px; margin-top:4px;}
#footer_elements div.oxy { background: url(site/oxy.png) center left no-repeat;}
#footer_elements .clear{ background:none;}
#footer_elements span{ font-weight:bold; font-size:14px;}
#footer_elements a{ font-weight:600; text-transform:uppercase; color:#FF0000; font-size:11px;}
#site_map { width: 590px; padding-top:15px; background-color:#efe7d3; text-align:left;}
#site_map .colonne {float:left; width:182px; height:auto; padding-left:15px; border-left:1px solid #838383;}
#site_map .first{ border:none; width:178px}
#site_map .colonne_header {font-size:16px; text-transform:uppercase; color:#838383; display:block; clear:both;}
#site_map a{ display:block; width:100%; clear:both; color:#000; font-size:14px; padding:2px 0;}
#site_map a:hover {text-decoration:underline;}
#map {width: 590px; height:30px; background-color:#efe7d3; text-align:center; font-size:0.9em;}
#map span {line-height:30px; padding: 0 8px;}
#map .endlink {display:none;}
#map .links {display:none;}
#map .copyright{display:none;}
html, body {margin:0; padding:0; height:100%; width:100%; text-align:center;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; padding:0; position:relative;}
.push {clear:both;}
.footer {padding:0; position:relative;}
img {border:none; }
div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }
.gal img{padding:18px;}
.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; }
.thumbLF { margin:0px 10px 3px 0px; float:left; }
.clear {clear:both;}
ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}
table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;}
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(admin/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(admin/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; font-family: Arial, Helvetica, sans-serif;font-size: 10px; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; font-size:medium;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#colorpicker { position: absolute; width: 145px; height: 135px; overflow: hidden; background: #F9F9F9; border: 2px #C0C0C0 outset; z-index: 10000; }
#colorpicker-hue-container { position: absolute; top: 4px; left: 120px; width: 18px; height: 110px; }
#colorpicker-hue-bg-img { width: 100%; height: 100%; }
#colorpicker-hue-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#colorpicker-hue-thumb { position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 10009; cursor: default; }
#colorpicker-bar { text-align: right; padding-right: 10px; }
#colorpicker-close { cursor: pointer; color: blue; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; font-weight: bold; }
#colorpicker-div { position: absolute; top: 8px; left: 8px; width: 100px; height: 100px; border: 1px solid #666; }
#colorpicker-bg, #colorpicker-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; overflow: hidden; }
#colorpicker-selector { position: absolute; top: 0px; left: 0px; width: 11px; height: 11px; z-index: 10009; margin-top: -6px; margin-left: -6px; cursor: default; }
#colorpicker-selector img { position: absolute; left: 0; top: 0; }
#colorpicker-footer { position: absolute; top: 114px; left: 10px; width: 127px; }
#colorpicker-value { float: left; }
#colorpicker-value, #colorpicker-value-input { font-size: 9px !important; font-family: Helvetica, Verdana, Sans-Serif; height: 10px; }
#colorpicker-value-input { width: 40px; }
#colorpicker-okbutton { float: right; padding: 0 10px; background: #3366FF; font-size: 10px; font-family: Tahoma, Helvetica, Sans-Serif; border: 1px solid #666666; color: #ffffff; height: 16px; }

