body {left:auto;right:auto;margin:0px auto;padding:0px;width:auto;color:#000000;font:12px Arial, Helvetica, sans-serif;background-color:#FFFFFF}
a:link {color:#941751;text-decoration:none}
a:visited {color:#941751;text-decoration:none}
a:hover {text-decoration:none;color:#e34b93}
a:active {text-decoration:none}
#main {width:955px;margin:10px auto}
#header {font-family:Arial, Helvetica, sans-serif;height:201px;width:955px;position:relative;background:#CCC}
#contenu {width:955px;position:relative;text-align:left;float:none;overflow:hidden;background:#FFFFFF;font:12px Arial, Helvetica, sans-serif;margin:0px auto;padding:0px}
#page {width:935px;left:0px;top:0px;margin:10px}
#menu {margin:0px;padding:0px;height:35px !important;width:955px;float:none;text-align:center;background-color: #424242}
#centre {margin:0px;padding:0px;float:left;width:955px;left:0px;top:0px;background:#dddddd}
#fdgauche {float:none;width:955px;position:relative;margin:auto;clear:none;overflow:hidden}
#footer {margin:0px;height:36px;width:955px;text-align:center;vertical-align:middle;padding:40px 0px 0px;background:url(../images/footer.png);font:9px Arial, Helvetica, sans-serif}
#footer a:link {text-decoration:none;color:#555;font:normal 9px Arial, Helvetica, sans-serif}
#footer a:visited {text-decoration:none;color:#555;font:normal 9px Arial, Helvetica, sans-serif}
#footer a:hover {text-decoration:none;color:#FFFFFF;font:normal 9px Arial, Helvetica, sans-serif}
.tip{color:#333;width:150px;z-index:13000;text-align:center;background-color:#ccc}
.tip-title{font-weight:bold;font-size:11px;margin:0;color:#DF6C11;padding:8px 8px 4px;text-align:left}
.tip-text{font-size:11px;padding-top:4px;padding-right:10px;padding-bottom:12px;padding-left:8px}
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
color:#FFFFFF;
cursor:pointer;
font:14px Arial, Helvetica, sans-serif;
padding:3px 20px;
font-weight: bold;
font-size: 12px;
background-color:#555;
white-space: nowrap;
}
#nav a {margin:0;float:left;width:auto;padding-top:5px;white-space: nowrap}
#nav li a {background:#424242}
#subMenusContainer a, #nav li li a {text-align:left;white-space: nowrap}
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {background-color:#F60;color:#FFF}
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #nav li a:hover, #nav li a:focus {background:#F60;color:#FFF}
.subMenuParentBtn, .subParentBtn {background:#424242 url(../imgmenu/arrow_right.gif) no-repeat left center}
.subMenuParentBtnFocused {background:#F60 url(../imgmenu/arrow_right_over.gif) no-repeat left center!important}
.mainMenuParentBtn {background:#424242 url(../imgmenu/arrow_down.gif) no-repeat left center!important}
.mainMenuParentBtnFocused {background:#FF6600 url(../imgmenu/arrow_down_over.gif) left center no-repeat !important}
.smOW {display:none;position:absolute;overflow:hidden;padding:0;margin:0}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {list-style:none;line-height:1em}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {left:0;padding:0px;background: #FFF;margin: 0 5px 5px 0px}
#nav li {display:block;list-style:none;position:relative;float:left;border-style:none;margin: 5px 0px 5px 2px}
#subMenusContainer li {list-style:none}
#nav {display:block;list-style:none;z-index:5;text-align:center;display:block;width:955px;padding-left:10px;margin:auto;padding-top:0px}
#subMenusContainer {display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
#igauche{float:left;margin:0px 0px 0px 10px;padding:0px;height:auto;width:290px}
#idroite{float:left;margin:0px 0px 0px 20px;padding:0px;height:465px;width:615px}#flvmask{padding:0px;float:left;height:270px;width:480px;background:#000;margin:0px 0px 0px 52px}
#iune {float: left;height: 315px;width: 392px;background: #FFF}
#iune h5 {background: #0096FF;font: bold 16px/25px Arial, Helvetica, sans-serif;margin: 0px;padding: 0px 0px 0px 5px;height: 25px;width: auto;color: #FFF}
#iune p {font-size: 12px;color: #333;margin: 0px;padding: 3px;height: auto;width: auto;text-align: justify}
#iune #une_T a {font-size: 16px;height: auto;width: auto;color: #0096FF}
#iune #une_T{text-align: center;padding: 3px;margin: 0px}
#ibtnbas {
float: left;
height: 125px;
width: 392px;
margin: 20px 0px 0px
}
#ibtnbandeau {float: left;height: 315px;width: 200px;margin: 0px 0px 0px 18px}
#mod_listArt {height: auto;width: 290px;background: #FFF}
#mod_listArt h5 {background: #941751;font: bold 16px/25px Arial, Helvetica, sans-serif;height: 25px;width: auto;padding: 0px 0px 0px 5px;color: #FFF;margin: 0px}
#mod_listArt #listArt_content {background: #FFF}
#mod_listArt #listArt_content .listArticlTitre{padding: 0px 3px 0px 0px;font-size: 14px;font-weight: bold}
#mod_listArt #listArt_content .listArticlBlock {margin: 0px;padding: 0px 0px 5px;clear: both;height: 100px;width: auto}
#mod_listArt h6 {font-size: 12px;text-align: right;margin: 0px;padding: 5px;}
#ibtnbandeau img {
margin: 0px 0px 2px
}
#ibtnbas img {
margin: 0px 0px 0px 6px
}
#idroite #iddroiteG {
margin: 0px;
padding: 0px;
float: left;
width: 392px;
}
#mod_calendrier {padding: 0px;height: auto;width: auto;margin-top: 10px;margin-right: auto;margin-bottom: auto;margin-left: auto}#mod_calendrier h3 {margin: 0px;padding: 0px;height: 25px;width: 386px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;text-decoration: none;background: #FC0 no-repeat left bottom;}#mod_calendrier #calendrier_content {width: 310px;height: auto;background-color: #424242;border: none;margin: auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(_css/PIE/PIE.php)}
#calendrier_content .txt_agenda a {color: #FFF}
#calendrier_content td{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(_css/PIE/PIE.php)}
.cal_Link:link, .cal_Link:visited, .cal_Link:hover, .cal_Link:active {text-decoration:none;color:#FF0}
.cssDiv {padding:2px;margin:1px auto;height:auto;width: 306px;font-family: Arial, Helvetica, sans-serif;font-size: 18px;float: none}
.cssTable {padding:1px;float:none;font-family: arial;font-size: 18px;text-align: center;margin: auto;width: 304px;display: table;/*border: 1px solid #FFF;*/border-collapse:separate;border-spacing:2px}
td.cssTDDays {font-weight: bold;color: #333;background-color: #CCC;border: 1px solid #FFF;text-align: center;}
.cssTDNav {font-weight: bold;color: #333;cursor: pointer;background-color: #CCC;border: 1px solid #FFF;text-align: center}
.cssTD {border: 1px solid #FFF;color: #FFF;text-align: center;-moz-border-radius:5px}
.cssTDSee {border: 1px solid #FFF;cursor:pointer;background-color: #F50;/*padding:5px;*/-pie-background:linear-gradient(#BB9D34, #D1B756);-webkit-box-shadow:#666 0px 2px 3px;-moz-box-shadow:#666 0px 2px 3px;box-shadow:#666 0px 2px 3px;behavior:url(_css/PIE/PIE.php)}
.cssTDSee a, .cssTDSee a:link, .cssTDSee a:visited, .cssTDSee a:active {color: #FFF;font-weight:bold}
.cssTDSee a:hover {background-color: #FFF;color:#F50;}
.cssTDSee2 {border: 1px solid gray;background: #339966;cursor:pointer;color: #FFF}
.cssTDmois {color: #FFF;text-align: center;font-weight: bold}/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next five rules are required for Slideshow to work correctly.
Override at your own risk.
*/
.slideshow {
display: block; position: relative; z-index: 0;
}
.slideshow-images {
display: block; overflow: hidden; position: relative;
}
.slideshow-images img {
display: block; position: absolute; z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
.slideshow-thumbnails ul {
left: 0; position: absolute; top: 0; width: 100000px;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px; width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left; left: 0; top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 200px;
margin: 0 auto;
width: 392px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000; bottom: 0; color: #FFF; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000;
}
.slideshow-captions-hidden {
height: 0; opacity: 0;
}
.slideshow-captions-visible {
height: 22px; opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat; height: 48px; left: 50%; margin: -24px 0 0 -122px; overflow: hidden; position: absolute; top: 50%; width: 244px; z-index: 10000;
}
.slideshow-controller * {
margin: 0; outline: none; padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
background: url(controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; overflow: hidden; position: absolute; top: 15px; width: 20px;
}
.slideshow-controller a.active {
background-position: -47px -18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-position: 0 0; left: 36px; width: 19px;
}
.slideshow-controller li.first a.active {
background-position: 0 -18px;
}
.slideshow-controller li.prev a {
background-position: -19px 0; left: 68px; width: 28px;
}
.slideshow-controller li.prev a.active {
background-position: -19px -18px;
}
.slideshow-controller li.play a {
background-position: -67px 0;
}
.slideshow-controller li.play a.active {
background-position: -67px -18px;
}
.slideshow-controller li.next a {
background-position: -87px 0; left: 148px; width: 28px;
}
.slideshow-controller li.next a.active {
background-position: -87px -18px;
}
.slideshow-controller li.last a {
background-position: -115px 0; left: 189px; width: 19px;
}
.slideshow-controller li.last a.active {
background-position: -115px -18px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
background: url(loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -55px; height: 55px; left: 0; position: absolute; width: 100%;
}
.slideshow-thumbnails * {
margin: 0; padding: 0;
}
.slideshow-thumbnails li {
float: left; list-style: none;
}
.slideshow-thumbnails a {
display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important; opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-hidden {
background-color: #FFF; opacity: 0;
}
.slideshow-thumbnails-inactive {
background-color: #FFF; opacity: .5;
}
.slideshow-thumbnails-active {
background-color: #9FF; opacity: 1;
}