/* CSS Document ESCOM */
html {overflow-x:visible;}
/*GENERAL HTML*/
body {margin:0; padding:0; font-family:Tahoma, Arial, sans-serif; color:#6c0049; font-size:12px; background-color:#FFFFFF }
h1 { font-size: 1.95em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.45em;}
h4 { font-size: 1.20em;}
h5 { font-size: 1.10em;}

li {list-style-type:none;}

/* Liens */
a { color:#5e5e5e; text-decoration: underline; font-weight:bold }
a:link {color: #6c0049; }
a:visited {color: #6c0049;  }
a:hover, a:focus, a:active {color: #6b923b; text-decoration:none}
a img {border: none;}

/*CLASSES SPECIFIQUES*/
.txt-invisible {visibility:hidden}
* html .txt-invisible {display:none}

/*GENERAL*/
#container {width:960px; height: 816px; margin-left:auto; margin-right:auto;  border:0 solid #FFF;}
#inner{width:948px;margin:0 auto;}

/*TETE DE PAGE*/


#header {background:url(../images/fond-header.png) left bottom repeat-x;position: relative;z-index: 10;}
#header-contenu { position:relative; z-index:100; width:948px; height:114px; margin:0 auto;}/*CONTIENT TEXTE*/

wrapContent {position: relative;z-index: 1;}
#logo {margin:10px 0 0 30px; width:97px; height:55px; float:left;}
#logo-text { margin:12px 0 0 10px; width:279px; height:53px; float:left;}
#menu-pr { width:697px; height:30px; float:left; margin:7px 0 0 0; }
#menu-pr ul { list-style-type:none; padding:0; margin:5px 0 0 30px; }
#menu-pr ul li {display: inline;}
#menu-pr ul li a { font-size:11px; text-transform:uppercase; text-decoration:none; color:#6c0049; background:url(../images/fond-header-border-right.png) no-repeat center right; margin-right:3px; padding:10px 12px 10px 0; border:0 solid #000   }
#menu-pr ul li a:hover, a:active { text-decoration:none; color:#6b923b}
#menu-pr ul li#international { }
#menu-pr ul li#international a {background:url(../images/international-pic.png) right center no-repeat;padding:10px 37px 10px 0;}

#icones-header { float:right; margin:10px 10px 0 0; }
#icones-header ul li:first-child  {background:none;padding:0;}
#icones-header ul li {float:left;list-style-type:none;text-decoration:none; background:url(../images/fond-header-border-right.png) no-repeat center left;padding:0 0 0 12px;height: 36px;}
#icones-header ul li a {display:block;text-decoration:none;float:left;padding:2px 0;}
#icones-header ul li.ico a {margin: 0 6px 0 0;padding: 9px 0;}
#icones-header ul li.txt a {padding:11px 10px 10px 0;font-weight:normal;}

#search { width:250px; float:right;  margin:11px 0 0 0; }
#search p { float:left; margin:3px 0 0 10px; text-transform:uppercase; font-size:10px; color:#6c0049; }
#search .entree{color:#919191;background:none repeat scroll 0 0;border:medium none; float:left;margin-left:8px;width:98px;font-size:9px;padding:4px 2px;border:1px solid #c1c1c1;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;behavior: url(styles/PIE.htc);}

#search #recherche {}
#search .bouton{color:#fff;background:#98ae62;float:left; margin-left:8px;cursor:pointer; width:25px; font-weight:normal; font-size:9px;padding:3px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:0;text-align:center;text-transform:uppercase;behavior: url(styles/PIE.htc);}


/**/
#wrapContent {position:relative;width: 100%;}
#homeSlider {width:100%;margin:-3px auto 0;position:relative;z-index:1;}
#homeSlider #selecteur { margin: 0 auto;position: relative;width: 955px;z-index: 10;}
#homeSlider #selecteur #prev a{background:url(../img/slider-prec.png) no-repeat;width:525px;position:absolute;top:0px;left:-483px;text-indent:-9999em;display:block;overflow:hidden}
#homeSlider #selecteur #next a{background:url(../img/slider-next.png) no-repeat;width:525px;position:absolute;top:0px;left:915px;text-indent:-9999em;display:block;overflow:hidden}

#homeSlider #slider {z-index:5;}
#homeSlider #selecteur #pagination {float: left;padding: 4px;background:url("../images/bg-controls.png");left: 0px;position: absolute;top: 0px;z-index: 10;}
#homeSlider #selecteur #pagination a {background: url("../images/controls.png") -29px 0 no-repeat;display: block;float: left;height: 13px;margin: 0 3px 0 0;overflow: hidden;text-indent: -9999em;width: 12px;}

#homeSlider #selecteur #pagination a.paer-link {background-position: -29px 0;}
#homeSlider #selecteur #pagination a.pager-link:hover {background-position: -57px 0;}
#homeSlider #selecteur #pagination a.pager-active, #homeSlider #selecteur #pagination a.pager-active:hover {background-position: -44px 0;}
#homeSlider #selecteur #controls {float: left;margin: 0;padding: 4px;left: 68px;position: absolute;top: 0px;z-index: 10;background:url("../images/bg-controls.png");}
#homeSlider #selecteur #controls a {background: url("../images/controls.png") no-repeat;display: block;height: 13px;overflow: hidden;text-indent: -9999em;width: 11px;}
#homeSlider #selecteur #controls a.start {background-position: -15px 0;}
#homeSlider #selecteur #controls a.stop {background-position: 0 0;}


#slider {width: 100%;min-width:955px;position:absolute;overflow:hidden;}
#slider ul {}
#slider ul li {height:838px;overflow:hidden;width: 100%;}
#slider ul li .pic {width: 100%;min-width:955px;text-align:center;position:relative;z-index:1;height: 838px;overflow:hidden;}
#slider ul li .pic img {width: 100%;min-width:955px;}
#slider ul li .content {background: url("../img/slider-bg.png") no-repeat scroll right top transparent;margin: 0 auto;padding: 160px 0 0 390px;position: relative;top: -838px;width: 480px;z-index: 2;}
#slider ul li .content span.palme { background:url(../images/palme.png) no-repeat;display: block;float: left;height: 91px;width: 82px;}
#slider ul li .content h1 {font-family:Tahoma, Geneva, sans-serif;font-size: 2em;font-weight: bold;line-height: 1em;margin: 13px 0 2px 2px;color:#fff;padding: 5px 10px 7px 10px ;background:#55023b;display:block;width:350px;float: left;}
#slider a.bx-prev {position:absolute;top:0px;left:300px;z-index:2;}
#slider a.bx-next{position:absolute;top:0px;left:900px;z-index:2;}
#slider .bx-window {z-index:1;width:100% !important;}
#slider .bx-wrapper {width:100% !important;}


#homewrapContent {position:absolute;z-index:5;background:url(../images/content-bg.png);clear:both;width:100%;top:246px; min-width: 960px;padding: 0 0 27px;}
#homewrapContent #homeContent {width:948px; margin:0 auto;padding: 15px 0 0;}


/*ACTUALIT�*/
#actualites { width:948px;margin-left:auto; margin-right:auto; font-size:11px;  }
#actualites-contenu {position:relative; z-index:100; margin:0 auto;}/*CONTIENT TEXTE*/

#alaUne { float:left; margin:14px 0 0 14px; }

#alaUne img {float:left; margin-right:10px}
#alaUne h4 {margin:0; padding:0; text-transform: uppercase; font-size:11px; font-weight:bold}

#alaUne p {margin:4px 0 4px 0; font-size:11px }
#alaUne a { color:#6b923b; text-decoration:none; font-weight:normal;font-size:11px; }
#alaUne a:hover {color:#5e5e5e }

#filinfo { float:left; margin:0 1px 0 0;background: url('../images/sprite-content-home.png') no-repeat 0 0;padding: 10px 25px 10px 15px ;width: 354px;height: 214px;}
#filinfo  h3 {color:#FFF;text-transform:uppercase;display:inline-block;float:left;margin:0 10px 5px 0;}
#filinfo .rss {background:url(../images/rss.png) no-repeat;width:20px;height:20px;text-indent:-9999em;display:block;overflow:hidden}
#filinfo a {color:#FFF;}

#filinfo ul { float:left;list-style-type:none; padding:0; }
#filinfo ul li {display: block; font-size:10px;height:55px;overflow:hidden;background:url(../images/actu-bg.gif) left bottom repeat-x;}
#filinfo ul li h4 {font-weight:bold;font-size:1.3em;margin:2px 0;height: 19px;overflow:hidden;}
#filinfo ul li h4 a {font-weight:bold;}
#filinfo ul li p {color:#fff;font-size:1em;}
#filinfo ul li a {color:#fff; text-decoration:none;  font-weight:normal; }
#filinfo ul li a:hover {}
#filinfo .bx-wrapper {clear:both;}

#filinfo .bx-wrapper .bx-prev {position:absolute;background: url('../images/sprite-content-home.png') no-repeat -974px -244px;width: 14px;height: 11px;text-indent:-9999em;display:block;overflow:hidden;top: -18px;left: 350px;}
#filinfo .bx-wrapper .bx-next {position:absolute;background: url('../images/sprite-content-home.png') no-repeat -974px -265px;width: 14px;height: 11px;text-indent:-9999em;display:block;overflow:hidden;left: 350px;top:171px}

#agendaPortrait {background: url('../images/sprite-content-home.png') no-repeat -400px 0; height: 204px;padding: 15px 16px;width: 365px;float:left;margin: 0 8px 0 0;}

#agenda, #portrait {width:170px;height:210px;float:left;}
#agenda {margin:0 30px 0 0;}
#portrait {width:160px;}
#agenda h3, #portrait h3{font-family:Tahoma, Geneva, sans-serif;font-weight:bold;color:#6f943e;text-transform:uppercase;font-size: 1.6em;margin: 0 0 6px;}
#agenda p, #portrait p{margin: 0 0 5px; padding: 0 3px;clear:both;}
#portrait h4 {margin:0 0 5px;}
#portrait p a {text-decoration:none;color:#6f943e;}
#portrait .pic {float:left;margin: 0 10px 5px 0;}
#portrait .list { float: left;width: 78px;}
#portrait .list p {margin:0 0 10px 0;color:#6f943e;}

#rightLink {width: 142px;float:left;height: 232px;padding:4px 0 0 0;}
#rightLink a {background: url('../images/sprite-content-home.png') no-repeat -805px -1px; display: block;height: 58px;margin: 0 0 7px;padding: 9px 5px 0 40px;width: 97px;text-decoration:none;color:#3f3f3f;}
#rightLink a strong {text-transform:uppercase;font-size: 1.5em;color:#6f943e;}
#rightLink a#metiers {padding:15px 5px 0 40px;height:52px}
#rightLink a#metiers strong {color:#6c0049;font-size: 1.3em;}

#rightLink a#raisons {background-position:-805px -1px;}
#rightLink a#comment {background-position:-805px -75px;}
#rightLink a#metiers {background-position:-805px -149px;}

#rightLink a#raisons:hover {background-position:-957px -1px;}
#rightLink a#comment:hover {background-position:-957px -75px;}
#rightLink a#metiers:hover {background-position:-957px -149px;}


/*
 <div id="mediatheque">
    	<div id="phototheque">
        	<h3><a  href="#">La phototh&egrave;que de l'escom</h3>
            <div class="sliderPhoto">
*/
#mediatheque {background: url('../images/sprite-content-home.png') no-repeat  0 -242px;width: 764px;height: 192px;list-style-type:none;float:left; padding: 10px 15px;}
#mediatheque #phototheque {width:361px;float:left;margin: 0 36px 0 0;}
#mediatheque #phototheque h3 {}
#mediatheque #phototheque h3 a {text-decoration:none;text-transform:uppercase;color:#6f943e;font-size:1.1em;}

.sliderPhoto {height:161px;overflow:hidden;width:361px;}
.sliderPhoto ul {}
.sliderPhoto ul li {position:relative;width:361px;}
.sliderPhoto ul li .pic {position:relative;z-index:1;width:361px;}
.sliderPhoto ul li .legende { background: url("../images/bg-legende.png");bottom: 0;color: #FFFFFF;display: block;font-size: 1.3em;font-weight: bold;padding: 16px 36px;position: absolute;text-transform: uppercase;width: 290px;z-index: 3;}

.sliderPhoto .bx-prev {background:url(../images/sprite-content-home.png) -973px -303px no-repeat;width: 12px;height: 19px;text-indent:-9999em;display:block;overflow:hidden;position:absolute;left:9px;top:127px;z-index:5;}
.sliderPhoto .bx-next {background:url(../images/sprite-content-home.png) -993px -303px no-repeat;width: 12px;height: 19px;text-indent:-9999em;display:block;overflow:hidden;position:absolute;left:339px;top:127px;z-index:5;}

#mediatheque #videos {width: 361px;float:left;}
#mediatheque #videos h3 {margin: 0 0 2px;}
#mediatheque #videos h3 a {text-decoration:none;text-transform:uppercase;color:#6f943e;font-size:1.1em;}
#mediatheque #videos .galerie {}
#mediatheque #videos .galerie .colGauche {width:64px;float:left; margin: 0 11px 0 0;}
#mediatheque #videos .galerie .colGauche li {margin: 0 0 6px;}
#mediatheque #videos .galerie .colGauche a {text-decoration:none;display:block;}
#mediatheque #videos .galerie .colGauche span {height:15px;display:block;overflow:hidden;}
#mediatheque #videos .galerie .video {float:left;}

#en1clic {background: url('../images/sprite-content-home.png') no-repeat  -805px -241px; float: left;height: 204px;padding: 6px 15px;width: 121px;}
#en1clic h3 {font-size:1.2em;text-transform:uppercase; margin: 0 0 13px;}
#en1clic a {text-decoration:none;}
#en1clic  ul li {margin:0 0 5px;font-size:.9em;}
#en1clic  ul li:before{content:".";height:20px;width:20px;display:inline;}
.clic {height: 97px;margin: 0 0 10px; padding: 5px 0 0;}
.partie_telecharger {}
.partie_telecharger h3 {background: url("../images/bg-dl.jpg") no-repeat scroll left top;font-size: 1.2em !important;padding: 5px 0 5px 27px;text-transform: none !important;}

#footer {background: url('../images/sprite-content-home.png') no-repeat 0 -463px;clear: both;height: 72px;padding: 13px 18px;width: 913px;} 
#footer #adresse {width:210px;float:left;margin: 0 20px 0 0 ;color:#5e5e5e; font-size: 0.95em;}

#footer #rightPanel {float:left;width:670px;}
#footer #rightPanel #partenaire {width:680px;margin:16px 0 13px;}
#footer #rightPanel #partenaire ul {}
#footer #rightPanel #partenaire ul li {float:left;margin:0 0 0 13px;}
#footer #rightPanel #partenaire ul li a {}
#footer #rightPanel #partenaire ul li a:hover {}
#footer #rightPanel #metanavigation {width:670px;clear:both;text-align:right;font-size:.8em;}
#footer #rightPanel #metanavigation ul {float: right;}
#footer #rightPanel #metanavigation ul li {float:left;color:#5e5e5e;}
#footer #rightPanel #metanavigation ul li a {text-decoration:none;color:#5e5e5e;font-weight:normal;}
#footer #rightPanel #metanavigation ul li a:hover {color:#000;}
#footer #rightPanel #metanavigation ul li span {margin:0 5px;}

.encart-texte ul {list-style-type:none; padding:0;}
.encart-texte ul li a { text-decoration:none; line-height:18px;font-weight:normal; text-transform:uppercase; color:#FFF; float:left;width:174px; height:99px; background: url(../images/fond-encart-txt.gif) no-repeat top left; margin:0 0 0 20px; border:0 solid #000; padding: 5px;}
.encart-texte ul li a:hover { color:#6b923b}


#calendar{}
#calendar table{ width:100%;color:#5e5e5e;}
#calendar table caption {background:#6c0049; color:#FFF;padding:4px 0;font-weight:bold;}
#calendar table caption a {color:#FFF;text-decoration:none;}
#calendar table tr td {text-align:center;padding:2px;}
#calendar table tr td.occupe {background:#6f943e;color:#FFF;}
#calendar table tr td.today {background:#e52b39;color:#FFF;}
#calendar table tr td.occupe a {text-decoration:none;color:#FFF;}

#filinfo ul li {margin-right:0px;}

.tickercontainer { /* the outer div with the black border */
width: 680px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 680px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 660px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

@media only screen and (min-width: 950px) {
html {overflow-x:hidden;}
}

#metanavigation:after,
#partenaire:after,
#homeContent:after,
#homewrapContent:after,
#homeSlider:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

