/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyright (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none;}
body {width: 100%; background:#fff;font-family: arial,helvetica,sans-serif;background:url("../images/bg_header.gif") repeat-x scroll 0 top;}
a{outline: none;}
:focus{-moz-outline-style: none;}


/* General */

#wrapper {margin:0 auto;width:980px; }
.clear { clear:both }
.float_left { float:left; }
.float_right { float:right; }


/* Header */

#header { width:980px;margin:0 auto;height:136px;position:relative }
#header #logo { position:absolute;top:0px }
#select { position:absolute;right:0;top:89px; }
#select strong { position:absolute;top:-7000px;left:-7000px }
#select_matin { float:left;}
#select_matin a { background:url("../images/bg_select.gif") no-repeat scroll 0 0px transparent;display:block;height:43px;width:249px;}
#select_matin a:hover { background:url("../images/bg_select.gif") no-repeat scroll 0 -43px transparent;display:block;height:43px;width:249px;}
#select_matin a.active { background:url("../images/bg_select.gif") no-repeat scroll 0 -43px transparent;display:block;height:43px;width:249px;}
#select_apres {float:left;}
#select_apres a {background:url("../images/bg_select.gif") no-repeat scroll -249px 0 transparent;display:block;float:left;height:43px;width:308px;}
#select_apres a:hover {background:url("../images/bg_select.gif") no-repeat scroll -249px -43px transparent;display:block;float:left;height:43px;width:308px;}
#select_apres a.active {background:url("../images/bg_select.gif") no-repeat scroll -249px -43px transparent;display:block;float:left;height:43px;width:308px;}
#baseline { color:#1C449C;font-size:20px;position:absolute;right:107px;top:50px; }
#linksubtitle{font-weight:normal; margin-top:-20px; margin-bottom:5px;}

/* Content */

#content h3 { margin-bottom:5px; font-weight:normal;}
h2 { font-size:20px;text-transform:uppercase;color:#1c449c; margin-bottom:20px }
.lienpres {font-size:13px; float:right; background:url("../images/icone_pdf.gif") no-repeat scroll 0 top; margin-top:5px; padding-left:20px;}
.lienpres a{color:#333;}
#content { margin:0 auto;width:980px;padding-top:20px }
.case { display:block;width:135px;height:296px;position:relative;background:url("../images/bg_cases.jpg") no-repeat scroll 0 top;float:left;margin-right:10px;padding:7px 10px 0px 10px; cursor:pointer;margin-bottom:10px }
.caselast { margin-right:0px; }
.case:hover { background:url("../images/bg_cases_on.jpg") no-repeat scroll 0 top; }
.case h2 { color:#1C449C;font-size:11px;font-weight:bold;line-height:11px;margin-bottom:0;text-align:center;text-transform:inherit; }
.case .horaire { color:#9c9c9c;font-size:10px;text-align:center;margin-top:2px; }
.case .photo { left:48px;position:absolute;top:78px; }
.case h3 { color:#000000;font-size:12px;font-weight:bold;position:absolute;text-align:center;top:165px;width:135px; }
.case .fonction { color:#555555;font-size:11px;font-weight:normal;position:absolute;text-align:center;top:196px;width:135px; }
.case .lien {color:#1C449C;font-size:12px;font-weight:bold;margin-left:4px;position:absolute;top:268px;width:135px; }
.case .lien img { float:left;margin-right:2px;margin-top:-3px; }

.caselast:hover { background:url("../images/bg_cases_on.jpg") no-repeat scroll 0 top; }
.caselast h2 { color:#1C449C;font-size:11px;font-weight:bold;line-height:11px;margin-bottom:0;text-align:center;text-transform:inherit;  }
.caselast .horaire { color:#9c9c9c;font-size:10px;text-align:center;margin-top:5px; }
.caselast .photo { left:48px;position:absolute;top:78px; }
.caselast h3 { color:#000000;font-size:12px;font-weight:bold;position:absolute;text-align:center;top:165px;width:135px; }
.caselast .fonction { color:#555555;font-size:11px;font-weight:normal;position:absolute;text-align:center;top:196px;width:135px; }
.caselast .lien {color:#1C449C;font-size:12px;font-weight:bold;margin-left:4px;position:absolute;top:268px;width:135px; }
.caselast .lien img { float:left;margin-right:2px;margin-top:-3px; }



/* Page */

.left { float:left;width:350px }
.right { float:right;}

.subtitle{margin-top:-20px; margin-bottom:5px;}
.subtitle a{color: #1C449C;}
.infos .photo { float:left;margin-right:10px; }
.infos .name { color: #1C449C;font-weight:bold;font-size:14px }
.infos .duration { color: #3C3C3C;font-weight:normal;font-size:11px }
.infos .description { color: #000;font-weight:normal;font-size:12px;text-align:justify;margin-top:7px }
.infos .description a{ color: #1C449C; font-weight:bold; }

.video { border-top:1px solid #ccc;padding-top:10px;margin-top:10px }

/* Slider Javascript */


.ad-gallery { width: 600px;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 100%;height: 400px;margin-bottom: 10px;position: relative;overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0;top: 0;width: 25%;height: 100%;cursor: pointer;display: block;z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%; cursor: pointer; display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */background: url(non-existing.jpg);}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/slide_control/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/slide_control/ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100%;z-index: 2;background: url(../images/slide_control/opa75.png);color: #000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/slide_control/opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls { height: 20px;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {display:none; float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.ad-gallery .ad-nav {width: 100%;position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}
.ad-gallery .ad-back {cursor: pointer;left: -20px;width: 13px; display: block;background: url(../images/slide_control/ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer;display: block;right: -20px;width: 13px;background: url(../images/slide_control/ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left;padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 3px solid #CCC;display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #616161;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {  position: absolute;left: -9000px;top: -9000px;}

