
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 1px solid #CCC;
    margin: 0;
    padding: 10px;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
legend{border:0; width:auto; padding:0 10px; margin:10px 0; font-size:1.2em; line-height:1.2em;}

fieldset table tr td{padding:5px;}
fieldset table tr td input[type="text"]{margin-bottom:0;}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* STYLE 2012-2013 */
html, html.video{ padding:0 0; margin:0 0;}
body{ background:none; background-color:#fff; background:#ffffff url('/images/bg.png') 0 0; padding:0 0; margin:0 0; font-family: 'Open Sans', Arial, sans-serif; font-size:12px; color:#676767;}
#conteneur {width: 960px; padding:0 0;}


.container{/*width:930px; margin:0 auto;*/}

#menu-nav{ /*width:980px;*/ width:990px; margin:0 auto; height:52px; z-index:120; top:-8px; position:relative;}
#menu-nav .main-nav{ background-color:#fff; height:59px; margin:0 25px; position:relative; top:2px; background:url('../images/2012-2013/layout/menu.png') 0 0 repeat-x;}
#menu-nav span.blocL{ display:inline-block; height:70px; width:25px; float:left; background:url('/images/2012-2013/layout/headerL.png') 0 0 no-repeat;}
#menu-nav span.blocR{ display:inline-block; height:70px; width:25px; float:right; background:url('/images/2012-2013/layout/headerR.png') 0 0 no-repeat;}

#header{ background:url('/images/2012-2013/layout/header.jpg') top right repeat-y; height:100px; padding-top:20px; width:auto; overflow:hidden;}
#header [class*="span"], #header .row{ margin-left:0;}
#header .links{ background-color:#f5f5f5; padding-top:10px; height:70px;}
#header .links ul{ float:left; margin-left:25px;}
#header .links ul li{color:#666666; font-size:10px; list-style-type:none; }
#header .links ul a{ float:left; color:#666666; font-size:11px; direction:inline-block; background:url('/images/2012-2013/layout/puce.png') 0 8px no-repeat; padding-left:10px;}
#header .search{ margin-left:12px; background-color:#f5f5f5;  padding:10px 10px 0 10px; height: 70px;}
#header .search #search{ background-color:#fff; border:solid 1px #999999; width:165px;}

.blocgris{ background-color:#f6f6f6;}
#bandeau{ border-top:none; padding:0 0; z-index:1; position:relative; top:-7px;}
#bandeau, #slider_bandeaux, #slider_bandeaux li{ height:287px; /*width:930px;*/ width:940px;}
#slider_bandeaux .bx-wrapper .bx-viewport{ border:none; box-shadow:none; left:0; top:0;}
#slider_bandeaux ul{ height:287px; overflow:hidden;}
#slider_bandeaux ul, #slider_bandeaux li{ margin:0 0; padding:0 0;}
#slider_bandeaux .bx-pager{ width:auto; margin-right:5px; position:absolute; right:0; bottom:0; z-index:990;}
#slider_bandeaux .bx-wrapper .bx-pager.bx-default-pager a{ border-radius:0 0 0 0; background-color:none; background:url('/images/2012-2013/layout/puce_slider.png') 0 0 no-repeat; margin:0 2px;}
#slider_bandeaux .bx-wrapper .bx-pager.bx-default-pager a.active{ border-radius:0 0 0 0; background-color:none; background:url('/images/2012-2013/layout/puce_slider.png') 0 -10px no-repeat;}
#slider_bandeaux .wrapper_title{ position:absolute; bottom:0; left:0; height:100px; background:url('/images/2012-2013/layout/titre_slider.png') 0 0 repeat-y; color:#fff; width:100%; padding-left:25px; width:905px;}
#slider_bandeaux .wrapper_title h2, #slider_bandeaux .wrapper_title h3{ font-size:28px; margin-top:5px; margin-bottom:0;}
#slider_bandeaux .wrapper_title h3{font-weight:normal;}

/*#slider_bandeaux .bx-controls{ position:absolute; right:0; bottom:0;}*/
/*#wrapper_top{ position:fixed; top:0; width:1000px; margin:0 auto;}*/


/* Ticker Styling */
.ticker-wrapper.has-js {margin: 20px 0px 20px 0px;padding: 0px 20px;width: 780px;height: 32px;display: block;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color: #f8f0db;font-size: 0.75em;}
.ticker {width: 860px;height: 23px;display: block;position: relative;overflow: hidden;background-color: #f8f0db;}
.ticker-title {padding-top: 9px;color: #990000;font-weight: bold;background-color: #f8f0db;text-transform: uppercase;}
.ticker-content {margin: 0px;padding-top: 9px;position: absolute;color: #1F527B;font-weight: bold;background-color: #f8f0db;overflow: hidden;white-space: nowrap;line-height: 1.2em;}
.ticker-content:focus {none;}
.ticker-content a {text-decoration: none;	color: #1F527B;}
.ticker-content a:hover {text-decoration: underline;	color: #0D3059;}
.ticker-swipe {padding-top: 9px;position: absolute;top: 0px;background-color: #f8f0db;display: block;width: 800px;height: 23px; }
.ticker-swipe span {margin-left: 1px;background-color: #f8f0db;border-bottom: 1px solid #1F527B;height: 12px;width: 7px;display: block;}
.ticker-controls {padding: 8px 0px 0px 0px;list-style-type: none;float: left;}
.ticker-controls li {padding: 0px;margin-left: 5px;float: left;cursor: pointer;height: 16px;width: 16px;display: block;}
.ticker-controls li.jnt-play-pause {background-image: url('../images/controls.png');background-position: 32px 16px;}
.ticker-controls li.jnt-play-pause.over {background-position: 32px 32px;}
.ticker-controls li.jnt-play-pause.down {background-position: 32px 0px;}
.ticker-controls li.jnt-play-pause.paused {background-image: url('../images/controls.png');	background-position: 48px 16px;}
.ticker-controls li.jnt-play-pause.paused.over {background-position: 48px 32px;}
.ticker-controls li.jnt-play-pause.paused.down {background-position: 48px 0px;}
.ticker-controls li.jnt-prev {background-image: url('../images/controls.png');background-position: 0px 16px;		}
.ticker-controls li.jnt-prev.over {background-position: 0px 32px;		}
.ticker-controls li.jnt-prev.down {background-position: 0px 0px;		}
.ticker-controls li.jnt-next {background-image: url('../images/controls.png');	background-position: 16px 16px;	}
.ticker-controls li.jnt-next.over {background-position: 16px 32px;	}
.ticker-controls li.jnt-next.down {	background-position: 16px 0px;	}
.js-hidden {display: none;}
.no-js-news {padding: 10px 0px 0px 45px; color: #F8F0DB;}
.left .ticker-swipe {/*left: 80px;*/}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;}
.left .ticker-controls {
    padding-left: 6px;}
.right .ticker-swipe {/*right: 80px;*/}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;}
.right .ticker-controls {
    padding-right: 6px;}
	
#flash_infos{position:relative; clear:both; background:url('/images/2012-2013/layout/ticker.png') 0 0 no-repeat; height:45px;}
#flash_infos .ticker-wrapper.has-js{ width:890px; background-color:transparent; border-radius:0 0; margin:0 auto; position:relative; /*top:12px;*/ top:0;}
#flash_infos .ticker, #flash_infos .ticker-title, #flash_infos .ticker-content{background-color:transparent;}
#flash_infos .ticker-swipe, #flash_infos .ticker-swipe span{ background-color:#dcdcdc; top:1px;}
#flash_infos .ticker{ height:35px;}
#flash_infos .ticker-title{ padding-top:12px; color:#68a8de; font-style:italic;}
.ticker-content a, .ticker-content a:hover{color:#666666;}

#footer{ background:url('/images/2012-2013/layout/footer.png') 0 0; padding:5px 0;width:100%; margin: 20px 0 0;/*width:940px; margin:0 auto;*/ }
#footer div.item{ /*width:165px; float:left;*/ padding-right:5px;}
#footer div.item a{ font-size:11px; color:#3d3d3d;}
#footer div.item a:hover{ text-decoration:underline;}
#footer div.item h4 a{ font-size:11px; color:#046dcd;}
#footer div.item ul{ margin:0 0; padding:0 0; list-style:none;}
#footer div.item ul li{ line-height:15px;}

/*#menu{ margin:0 0; position:relative; top:7px; border:none; border-radius:0 0 0 0; box-shadow:none; width:930px; padding:0 0; background:none; text-shadow:none;}
#menu a{ position:relative;}*/

#mega-menu-1 {
/*font: normal 13px Arial, sans-serif;*/
list-style: none;
position: relative;
padding: 0;
margin: 0;
}
#mega-menu-1 li{ line-height:16px;}
#mega-menu-1 li ul, #mega-menu-1 .sub {
display: none;
}
#mega-menu-1 .sub ul {
display: block;
}
#mega-menu-1 {
width: 100%;
height: 44px;
position: relative;
top:7px;
}
#mega-menu-1 li {
float: left;
margin: 0;
padding: 0;
font-weight: bold;
}

#mega-menu-1 li.parent {
	height:40px;
	line-height:44px;
	border-bottom:solid 4px #fff;
	padding: 0 34px;
	color:#676767;
	text-transform:uppercase;
	background:url('/images/2012-2013/layout/tube.gif') 100% 10px no-repeat;
	font-size:11px;
}
#mega-menu-1 li.parent.last{ background:none;}

#mega-menu-1 li.parent span.parent{ display:block;}
/*#mega-menu-1 li.mega-hover span.parent, #mega-menu-1 li.mega-active span.parent{ background:url('/images/2012-2013/layout/menu-active.png') bottom center no-repeat;}*/
#mega-menu-1 li.parent:hover, #mega-menu-1 li.parent.active{ border-bottom:solid 4px #19a2e3;}

#mega-menu-1 li a {
float: left;
display: block;
color: #fff;
padding: 12px 25px;
background: #222;
text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
background: #CCC;
color: #000;
}
#mega-menu-1 li span.parent a{ float:none; padding:0 0; background-color:transparent; color:#676767;}

#mega-menu-1 li .sub-container {
position: absolute;
}
#mega-menu-1 li .sub {
background: #efefef;
padding: 15px;
padding:15px 5px;
border: 1px solid #ccc;
margin:0 0;
z-index:990;

-moz-box-shadow: 0px 5px 10px 0px #656565;
-webkit-box-shadow: 0px 5px 10px 0px #656565;
-o-box-shadow: 0px 5px 10px 0px #656565;
box-shadow: 0px 5px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);

}

#mega-menu-1 li .sub .row {
width: 100%;
overflow: hidden;
clear: both;
margin-left:0;
}
#mega-menu-1 li .sub div.special{ width:100%; /*overflow:hidden;*/ border-top:solid 1px #c1c1c1;}
#mega-menu-1 li .sub .row:after {
    clear: none;
}
#mega-menu-1 li .sub .row:before, #mega-menu-1 li .sub .row:after {
    content: "";
    display: table;
    line-height: 0;
}
#mega-menu-1 li .sub .row:before, #mega-menu-1 li .sub .row:after {
    content: "";
    display: table;
    line-height: 0;
}

#mega-menu-1 li .sub li {
list-style: none;
float: none;
/*width: 170px;*/
width: 230px;
font-size: 1em;
font-weight: normal;
}
#mega-menu-1 li .sub li.mega-hdr {
margin: 0 5px 10px 0;
float: left;
}
#mega-menu-1 li .sub li.mega-hdr.last {
margin-right: 0;
}
#mega-menu-1 li .sub a {
background: none;
color: #111;
padding: 7px 10px;
display: block;
float: none;
font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 2px;
margin-bottom: 5px;
background: #19a2e3;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
padding: 0 5px;
font-size:12px;
font-weight: normal;
text-transform:none;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
color: #19a2e3;
/*background: #efefef;*/
}
#mega-menu-1 .sub ul li {
padding-right: 0;
}
#mega-menu-1 li .sub-container.non-mega .sub {
padding: 10px;
}
#mega-menu-1 li .sub-container.non-mega li {
padding: 0;
width: 190px;
margin: 0;
}
#mega-menu-1 li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px;
}
#mega-menu-1 li .sub-container.non-mega li a:hover {
color: #a32403;
/*background: #efefef;*/
}

#mega-menu-1 .sub_sub{ padding:0 0; margin:0 0;}
#mega-menu-1 .sub_sub .sub_sub{ padding:0; margin:0 0;}

#mega-menu-1 .sub_sub .sousMenuCache{
	border-top:1px solid #e0e0e0;
	position:absolute;
	z-index:30;
	background-color:#EFEFEF;
	padding:5px;
	margin:0;
	width:215px;
	-moz-box-shadow: 0px 5px 5px 0px #656565;
	-webkit-box-shadow: 0px 5px 5px 0px #656565;
	-o-box-shadow: 0px 5px 5px 0px #656565;
	box-shadow: 0px 5px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}

#mega-menu-1 .sub li.mega-hdr .hasSousMenuCache > a{
	background:url(../images/2012-2013/layout/more.gif) no-repeat left center;
	padding:0 0 0 12px;
}
#mega-menu-1 .sub li.mega-hdr .hasSousMenuCache.mega-hover > a{
	background:url(../images/2012-2013/layout/less.gif) no-repeat left center;
}


#main-content{overflow:hidden; position:relative; margin-left:20px; min-height:600px; _height:600px;}
#col-right{overflow:hidden; position:relative; margin-left:20px;}

.title{ height:42px; color:#fff;}
.title.title-large{ background:url('/images/2012-2013/layout/title_large.png') 0 0 no-repeat;}
.title.title-medium{ background:url('/images/2012-2013/layout/title_medium.png') 0 0 no-repeat;}
.title h3{ padding-left:45px; background:url('/images/2012-2013/layout/arrow-slider.png') 25px 50% no-repeat; font-size:18px; line-height:34px; text-transform:uppercase;}

.title .slider-controls{ float:right; position: relative; top: 3px; right:20px;}
.slider-controls .slider-prev{ display:inline-block; height:30px; width:30px; position:relative; overflow:hidden; cursor:pointer;}
.slider-controls .slider-next{ display:inline-block; height:30px; width:30px; position:relative; overflow:hidden; cursor:pointer;}
.slider-controls .slider-prev a, .slider-controls .slider-next a{ display:inline-block; position:relative; width:25px; height:25px; outline:none;}
.slider-controls .slider-prev.controls-orange{ background:url('/images/2012-2013/layout/slider-controls-orange.png') 0 0 no-repeat;}
.slider-controls .slider-prev.controls-orange:hover{ background:url('/images/2012-2013/layout/slider-controls-orange.png') 0 -31px no-repeat;}
.slider-controls .slider-next.controls-orange{ background:url('/images/2012-2013/layout/slider-controls-orange.png') 0 -62px no-repeat;}
.slider-controls .slider-next.controls-orange:hover{ background:url('/images/2012-2013/layout/slider-controls-orange.png') 0 -93px no-repeat;}

.slider-controls .slider-prev.controls-violet{ background:url('/images/2012-2013/layout/slider-controls-violet.png') 0 0 no-repeat;}
.slider-controls .slider-prev.controls-violet:hover{ background:url('/images/2012-2013/layout/slider-controls-violet.png') 0 -31px no-repeat;}
.slider-controls .slider-next.controls-violet{ background:url('/images/2012-2013/layout/slider-controls-violet.png') 0 -62px no-repeat;}
.slider-controls .slider-next.controls-violet:hover{ background:url('/images/2012-2013/layout/slider-controls-violet.png') 0 -93px no-repeat;}

.slider-controls .slider-prev.controls-bleu{ background:url('/images/2012-2013/layout/slider-controls-bleu.png') 0 0 no-repeat;}
.slider-controls .slider-prev.controls-bleu:hover{ background:url('/images/2012-2013/layout/slider-controls-bleu.png') 0 -31px no-repeat;}
.slider-controls .slider-next.controls-bleu{ background:url('/images/2012-2013/layout/slider-controls-bleu.png') 0 -62px no-repeat;}
.slider-controls .slider-next.controls-bleu:hover{ background:url('/images/2012-2013/layout/slider-controls-bleu.png') 0 -93px no-repeat;}
.title .slider-controls a:hover{ text-decoration:none;}
#wrapper-slider-une{ /*height:130px;*/ overflow:hidden; margin:0 auto; padding-top:15px; }

/*#slider-une li{margin:0; padding:0;}*/
#wrapper-slider-une .bx-wrapper{margin:0 0; left:-10px;}
#slider-une .item{width:130px; margin:0; padding:0;}
#slider-une .item a.img_wrapper{display:block; position:relative; height:130px; width:130px;}
#slider-une .item a.img_wrapper:hover{ opacity:0.9;}
#wrapper-slider-une .bx-wrapper .bx-viewport{ box-shadow:none; border:none; background-color:transparent;}
#slider-une .caption{ font-size:11px; text-align:center; text-transform:uppercase; color:#676565; line-height:14px; padding-top:10px;}
#slider-une .caption a{color:#676565;}

ul#carousel-web-tv{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 200px;
	height: 118px;
}
ul#carousel-web-tv li {
	height: 90px;
	width: 160px;
	/*background-color: #ccc;*/
	text-align: center;
	cursor: pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.7);
}
ul#carousel-web-tv li span {
	display: none;
	/*padding-top: 6em;*/
}
ul#carousel-web-tv li.roundabout-in-focus {
	cursor: default;
}
ul#carousel-web-tv li.roundabout-in-focus span{
	/*display: block;*/
}
ul#carousel-web-tv li a{ outline:none; display:block;}
#infos-carousel-web-tv{ color:#28B4FF; text-transform:uppercase; font-size:12px; font-weight:bold; text-align:center; padding:0 15px; min-height:35px; _height:35px;}
#wrapper-web-tv{ background:url('/images/2012-2013/layout/bg-web-tv.jpg') bottom center no-repeat; padding:15px 0; position:relative; z-index:2;}



#content-agenda{
	padding: 5px 0 20px 30px;
	min-height:160px;
	_height:160px;
}
#content-agenda .dateAgenda, #content-agenda h3{
	color:#68a8de;	
}
#content-agenda h3{ font-size:16px; padding:0; margin:10px 0; line-height:1.2em;}

@media only screen and (max-width: 990px) {
	#menu-nav .main-nav{ margin:0 0;}
	#menu-nav span.blocL, #menu-nav span.blocR{ display:none;}
}


.liste_videos .video{ float:left; width:200px; overflow:hidden; height:130px; text-align:center; background:url("/images/2012-2013/layout/bg-video.jpg") no-repeat scroll left bottom transparent;}
.video_flash_wrapper{ border: solid 1px #e2e2e2;}

#col-right #liste-liens{
	margin:20px 0 0 0; padding:0;
	list-style:none;
}

#col-right #liste-liens li{
	/*background-position:right top;*/
	background-position:-10px 0;
	background-repeat:no-repeat;
	width:150px;
	/*height:50px;*/
	height:41px;
	line-height:50px;
	color:#fff;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
#col-right #liste-liens li a{
	color:#fff;
	display:block;
	height:50px;
	line-height:50px;
	/*padding:0 0 0 12px;*/
	padding:0 0 0 9px;
	font-size:11px;
	font-weight:bold;
	text-shadow:#555 1px 1px 1px;
}
#col-right #liste-liens li a:hover{
	/*padding:0 0 0 18px;*/
	color:#EEE;
	text-shadow:#555 0px 0px 1px;
}
#col-right #liste-liens li.rouge{
	background-image:url(../images/2012-2013/layout/onglets/rouge_pale.png);
}
#col-right #liste-liens li.rose{
	background-image:url(../images/2012-2013/layout/onglets/rose.png);
}
#col-right #liste-liens li.bleuClair{
	background-image:url(../images/2012-2013/layout/onglets/bleu_clair.png);
}
#col-right #liste-liens li.orange{
	background-image:url(../images/2012-2013/layout/onglets/orange.png);
}
#col-right #liste-liens li.vertClair{
	background-image:url(../images/2012-2013/layout/onglets/vert_vif.png);
}
#col-right #liste-liens li.vertFonce{
	background-image:url(../images/2012-2013/layout/onglets/vert_fonce.png);
}
#col-right #liste-liens li.violet{
	background-image:url(../images/2012-2013/layout/onglets/violet.png);
}

#social_links_top{ line-height:none; margin:0 0; text-align:right;}
#social_links_top li{ list-style:none; display:inline; margin-right:2px;}
#social_links_top li span.title{ display:inline-block; margin-right:10px;}
#social_links_top li a:hover img{opacity:0.8;}
#searchForm .btn{ padding:4px 9px;}

td label{ padding:0 10px 0 0;}
label input{ margin:0 5px;}
input[type="radio"], input[type="checkbox"]{ margin:0 5px;}

.contentPerm{
	border:1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:15px;
	margin:10px;	
}
.closeContentPerm{
	float:right;
	padding:3px;
	cursor:pointer;	
}

#contenu2 .contentPerm h3{
	background:none;
	border:0;
	color:#68A8DE;
	margin:10px 0;
	padding:0;
	line-height:normal;
	font-size:16px;
	text-transform:uppercase;
}
.contentPerm .photoElu{
	float:right;
}
#carteQuartiers img {
max-width: none;
}
#ariane{ padding:10px 0 0 15px; margin-bottom:15px;}

.ui-tooltip-shadow{
	position:absolute;
	border:1px solid #999;
	z-index:250; 
	margin: 0;
	padding:5px; 
	background:#fff;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}
.ui-tooltip-shadow  h3{
	padding:0;
	margin:0;
	font-size:14px;
}


#flash_infos .ticker-title{ font-size:12px; display:inline-block; width:85px;}
.ticker-content{ font-size:11px;}
#contenu2 h1, #contenu2 h2, #contenu2 h3{ line-height:30px;}
#contenu2 h2{ margin-bottom:0; padding-bottom:23px;}
#contenu2 h3{ margin-bottom:0; padding-bottom:22px;}
#contenu2 h5{ padding-bottom:15}
#contenu2 li, #contenu li{ list-style-type:square; background:none; padding-left:0;}
#contenu2 .lien_siteExterne, #contenu .lien_siteExterne{ background:url("/images/2012-2013/layout/link_icon.png") no-repeat scroll left center transparent;padding-left:18px}
#contenu2 .lien_mail, #contenu .lien_mail{background: url("/images/2012-2013/layout/mail_icon.png") no-repeat scroll left center transparent; padding-left:20px;}
#contenu2 .lien_word, #contenu .lien_word{background: url("/images/2012-2013/layout/text_icon.png") no-repeat scroll left center transparent;}
.lien_mail:hover, .lien_siteExterne:hover, .lien_word:hover{ text-decoration:underline;}

#contenu2 .lien_pdf, #contenu .lien_pdf{padding-left:20px; background:url(/images/mep/pdf.png) left bottom no-repeat;}
#contenu2 .lien_video, #contenu .lien_video{padding-left:20px; background:url(/images/mep/boutons/btn_play_petit.gif) left bottom no-repeat;}
#contenu2 .telephone, #contenu .telephone{padding-left:20px; background:url(/images/mep/tel_contact.gif) left bottom no-repeat;}
#contenu2 .fax, #contenu .fax{padding-left:20px; background:url(/images/mep/printer1.png) left bottom no-repeat;}

#contenu2 table tr td{ border:solid 1px #c1c1c1;}
#header .search #search{ font-size:12px; font-family:'Open Sans',Arial,sans-serif; font-style:italic; font-weight:700;}
button{outline:none;}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(/images/2012-2013/layout/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(/images/2012-2013/layout/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus, a {
	outline:none;
}

#contenu2{ padding-left:10px; padding-right:10px;}
.annulerMarges{margin:0 0;}
#contenu2 h2, #contenu2 h3, #contenu2 h4, #contenu2 h5{ margin-left:0; margin-right:0;}

#contenu2 table tr td{ border:none;}
#formulaireCreationCompte{ height:auto;}
/*#shadowbox_body_inner{ background-color:#fff; border-radius:5px 5px;}*/
#social_links_top{ float:right;}

#btn-connexion-cpte{ margin-top:0; font-size:12px; font-family:'Open Sans',Arial,sans-serif; line-height:14px; font-style:italic; border-radius:0 0 0 0;}
#searchForm{ margin:0 0;}
#header .search #search{ width:169px;}
#user_login a{ font-size:12px; font-family:'Open Sans',Arial,sans-serif; font-style:italic; font-weight:700; padding-left:2px; padding-right:2px;}
#user_login a i{ margin-top:1px;}
.titreForm{ clear:both;}


/* MOTEUR DE RECHERCHE */

#search_page p{ text-align:left;}
#search_page #searchForm{background:#CCCCCC url("/images/search/form_search.jpg") bottom left repeat-x;padding:10px 50px 10px;margin:0 0 30px 0;position:relative;border-radius:10px; border:solid 1px #c1c1c1;}
#search_page fieldset{border:none;}
#search_page #searchInputContainer{width:420px;height:36px;background:url("/images/search/searchBox.png") no-repeat;float:left;	margin-right:12px;}

#search_page .icons{	list-style:none;margin:10px 0 0 335px;height:19px;position:relative; display:none;}
#search_page .icons li{background:url("/images/search/icons.png") no-repeat;float:left;	height:19px;text-indent:-9999px;cursor:pointer;	margin-right:5px;}
#search_page li.web{ width:15px;}
#search_page li.web.active, #search_page li.web:hover{ background-position:left bottom;}
#search_page li.images{ width:22px; background-position:-18px 0;}
#search_page li.images.active,
#search_page li.images:hover{ background-position:-18px bottom;}
#search_page li.news{ width:14px; background-position:-44px 0;}
#search_page li.news.active,
#search_page li.news:hover{ background-position:-44px bottom;}
#search_page li.videos{ width:17px; background-position:right 0;}
#search_page li.videos.active, #search_page li.videos:hover{ background-position:right bottom;}
#search_page span.arrow{width:11px;height:6px;	margin:21px 0 0 5px;position:absolute;background:url('/images/search/arrow.png') no-repeat;left:0;}

/*#search_page #searchInContainer{	float:left;	margin-top:12px;width:330px;}*/
#search_page label{color:#DDDDDD;cursor:pointer;	font-size:11px;	position:relative;	right:-2px;	top:-2px;margin-right:10px;	white-space:nowrap;}
#search_page input[type=radio]{cursor:pointer;}
#search_page .pageContainer{/*border-bottom:1px solid #5e7481;*/ margin-bottom:50px;	/*-moz-box-shadow:0 1px 0 #798e9c;-webkit-box-shadow:0 1px 0 #798e9c;	box-shadow:0 1px 0 #798e9c;*/ padding-left:15px;}
#search_page p.notFound{text-align:center;padding:0 0 40px;}
#search_page .webResult{ /*text-shadow:1px 1px 0 #586a75;*/margin-bottom:10px;}

#search_page .webResult h3 b{ color:#0062A1; font-weight:bold;}
#search_page .webResult h3 a{ color:#eee;border:none;  line-height: 30px; color: #0062A1; font-weight:700;  font-size: 18px; margin: 20px 0 15px; border-bottom:solid 1px #0062A1; display:block;}
#search_page .webResult p{ line-height:1.5;/*padding:5px 20px;*/ padding: 0 0;}
#search_page .webResult p b{/* color:white;*/ font-weight:bold;}
#search_page .webResult > a{ margin-left:20px;}
#search_page .imageResult{float:left;height:180px;margin:0 0 20px 40px;text-align:center;width:152px;overflow:hidden;}
#search_page .imageResult img{ display:block;border:none;}
#search_page .imageResult a.pic{	border:1px solid #fff;outline:1px solid #777;display:block;margin:0 auto 15px;}
#search_page #more{width:83px;height:24px;background:url('/images/search/more.png') no-repeat;	cursor:pointer;	margin:40px auto;}
#search_page #more:hover{background-position:left bottom;}
#search_page p.credit{margin:20px 0;text-align:center;}
#search_page p.credit a{	background-color:#4B5A64;border:1px solid;border-color:#3D4D57 #788E9B #788E9B #3D4D57;	color:#c0d0d8;font-size:10px;padding:4px 8px;/*text-shadow:1px 1px 0 #38464F;*/}
#search_page p.credit a:hover{background-color:#38464f;border-color:#38464f #788E9B #788E9B #38464f;}
#search_page a, #search_page a:visited {text-decoration:none;	outline:none; color:##666565; font-weight:bold;}
#search_page .clear{clear:both;}
/*#search_page li.pdf a{ padding-left:20px; background:url("/img/pdf.png") 0 3px no-repeat; margin-bottom:10px; margin-left:10px; line-height:22px; height:19px; display:inline-block; color:#0061A0;}*/
#search_page li a{ padding-left:20px; background: url("/images/search/puce_bleue.gif") no-repeat scroll 10px center transparent; color: #0061A0;display: inline-block;  font-weight: bold;}
.txt_article{ margin-top:20px; margin-bottom:20px;}

#contenu2 img{ margin:0 0; padding:10px 10px;}

.liste_videos .video{ height:160px; padding:0 0;}
.liste_videos .video .titreVideo{ font-size:10px; padding:4px 10px 0 10px; margin-bottom:0; height:40px; display:table-cell; vertical-align:middle; width:180px;}
.liste_videos .video .titreVideo a{ display:block;}
.liste_videos .video:hover img{ opacity:0.8;}
#contenu2 .liste_videos .video:hover a{color:#676767;}
#contenu2 #titreActuAgenda, #contenu2 #titreVideos, #contenu2 #titreAgenda{ padding:0 0; margin:0 0;}
#submitButton{ position:relative; top:-5px;}
#mega-menu-1 .sub li.mega-hdr li a{ padding-left:12px;}
.lienPlusVideo{display:inline-block;}

/* SELECT REPLACMENT */
.sbHolder{
	background-color: #2d2d2d;
	/*border: solid 1px #676767;*/
	border: solid 1px #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/*height: 30px;*/
	height: 24px;
	position: relative;
	width: 200px;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	/*height: 30px;*/
	height: 24px;
	left: 0;
	/*line-height: 30px;*/
	line-height: 24px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 170px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #EBB52D;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(/images/select-icons.png) 0 -120px no-repeat;
	display: block;
	/*height: 30px;*/
	height: 24px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(/images/select-icons.png) 0 -170px no-repeat;
}
.sbToggleOpen{
	background: url(/images/select-icons.png) 0 -19px no-repeat;
}
.sbToggleOpen:hover{
	background: url(/images/select-icons.png) 0 -69px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	overflow-y: auto;
	max-height:160x;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

.contacts_mairie{ text-align:center;}
#contacts_mairie{ text-align:center; font-weight:700; margin:0 0 25px 0; color:#046DCD; border-bottom:solid 2px #046DCD; line-height:30px; font-size:14px;}

div.title select.trigger_agenda_home, div.title .sbHolder, #videos_list #theme_trigger, #videos_list .sbHolder{ float:right; margin-right:15px; position:relative; top:5px; background:#89c2df url('/images/2012-2013/layout/bg-select-agenda.png') 0 0; color:#fff;}
#videos_list #theme_trigger, #videos_list .sbHolder{ float:none;}
#contenu2 #videos_list .sbHolder li, #contenu #videos_list .sbHolder li{ background:none;}


div.title select.trigger_agenda_home, div.title .sbHolder.last{right:15px;}
div.title .sbSelector:link, div.title .sbSelector:visited, div.title .sbSelector:hover{ color:#fff;}
#agenda_homepage{ background:url('/images/2012-2013/layout/bg-agenda.jpg')bottom left no-repeat;}
#agenda_homepage .sbOptions{ height:160px; background-color:#89c2df; color:#fff;}
#agenda_homepage .sbOptions a:link, #agenda_homepage .sbOptions a:visited, #theme_trigger .sbOptions a:link, #theme_trigger .sbOptions a:visited{ color:#fff;}
#agenda_homepage .sbOptions a:hover{ color:#676767;}
#agenda_homepage .sbOptions a{ border-bottom:dotted 1px #676767;}
#agenda_homepage .eventAgenda{ float:left; width:280px; margin-right:10px; position:relative; height:90px;}
#agenda_homepage a.btn{ font-size:12px; line-height:16px;}
#contenu2 #videos_list .sbHolder a{ color:#fff;}


#flash_infos .ticker-content{ font-size:13px; height:28px; line-height:10px;}
#flash_infos .heure_rss{ margin-right:15px; color:#046DCD;}
.ajax_loader{ display:block; text-align:center; float:left; width:590px; height:31px; position:absolute;}
.ajax_loader span.loader{ display:inline-block; width:31px; height:31px; background:url("/images/ajax-loader.gif") 0 0 no-repeat;}

#contenu2 h2{clear:both;font-weight:bold; font-style:normal; background:url(/images/2012-2013/layout/h2.png) no-repeat bottom left; border:none; margin:0 0 15px 0; padding:0 0 0 50px; padding-bottom:0; color:#28b4ff; height:35px; line-height:35px; text-transform: uppercase; font-size:14px;}

#contenu2 h3{clear:both;font-weight:bold; font-style:normal; background:url(/images/2012-2013/layout/h3.png) no-repeat bottom left; border:none; margin-bottom:20px; padding:0 0 0 50px; padding-bottom:0; height:35px; line-height:35px; text-transform: uppercase; font-size:13px; color:#28b4ff;}

#contenu2 h4, #contenu2 h5, #contenu2 h6{clear:both;font-weight:bold; font-style:normal; background:url(/images/2012-2013/layout/h4.png) 0 0 no-repeat; border:none; padding:0 0 0 45px; margin-bottom: 10px; min-height:23px; _height:23px; line-height:23px;}

#contenu2 li, #contenu li{ list-style-type:none; background:url('/images/2012-2013/layout/puce_bleue.png') 0 7px no-repeat; padding-left:10px;}

#contenu2 .lien_video, #contenu .lien_video{ background:url('/images/2012-2013/layout/video_icon.png') 0 0 no-repeat;}
#contenu2 a.btn{ color:#fff; font-size:12px;}

table.tab_mtb{ border-collapse:collapse; box-shadow:0 0 5px #676767;}
table.tab_mtb tr:first-child{ text-transform:uppercase;}
table.tab_mtb td, #contenu2 table.tab_mtb td{ padding:5px 5px; border:solid 1px #d1cfcf;}
table.tab_mtb .bleu{ background-color:#2884cb; color:#fff; font-weight:bold; font-size:12px;}
table.tab_mtb .vert{ background-color:#78ac35; color:#fff; font-weight:bold; font-size:12px;}

.pagination span.current{ background-color:#2884cb;}
/*#contenu2 .pagination a{ color:#fff;}*/


#contenu2 .pagination ul li, #contenu .pagination ul li{ background:none;} 
.pagination ul{box-shadow:none;}
#contenu2 .pagination ul li, #contenu .pagination ul li{ padding-left:0;}

#contenu2 #listeVideos{ padding-top:0;}
#carteQuartiersContainer{ margin-bottom:20px;}
#contenuAgenda select{ width:190px;}
#contenuAgenda table select{ margin-bottom:10px;}
#contenu2 .tdVideo .titreVideoPageVideo{ text-align:center;}
#contenu2 .tdVideo .titreVideoPageVideo a{ display:inline-block; color:#666666;}


#contenu2 .titreEventAgenda{ font-size:14px; font-weight:bold;}
#contenuAgenda .dl-horizontal dt{width:50px;}
#contenuAgenda .dl-horizontal dd{margin-left:60px;}
#contenuAgenda a.btn {color:#000 }


/*@media (max-width: 1024px) {
	body{ background: none;}
	#menu-nav{ width:940px; overflow:hidden;}
}*/

#frame-wrapper{overflow:auto;}
#frame{ width:1024px;   height:2000px; border:0; margin:0 0; padding:0 0;}
.main-nav .disclaimer{font-weight:700; font-style:italic; font-size:14px; line-height:58px;}

.sub p.legende{ padding-bottom:5px;}
p.legende span.arrow_orange{ display:inline-block; width:180px; color:#fff; height:27px; line-height:27px; background:url('/images/arrow_orange.png') top right no-repeat; padding-left:25px; margin-right:30px;}
p.legende span.arrow_green{ display:inline-block; width:180px; color:#fff; height:27px; line-height:27px; background:url('/images/arrow_green.png') top right no-repeat;padding-left:25px; margin-right:30px;}

#mega-menu-1 li.legende_1 a{ padding-left:40px; background:url('/images/arrow_orange_little.png') 0 0 no-repeat; height:12px; line-height:12px; margin-bottom:4px;}
#mega-menu-1 li.legende_2 a{ padding-left:40px; background:url('/images/arrow_green_little.png') 0 0 no-repeat; height:12px; line-height:12px; margin-bottom:4px;}
#mega-menu-1 li.legende_3 a{ padding-left:40px; background:url('/images/arrow_both_little.png') 0 0 no-repeat; height:12px; line-height:12px; margin-bottom:4px;}

.container{ background-color:#fff;}
#footer .container{ background-color: transparent;}