@charset "utf-8";
/* CSS Document */
/** {font-family:Arial, Helvetica, sans-serif}*/
* {font-family: 'Share', sans-serif;font-size:10pt}
a {text-decoration:none; color:#2B5DF2}
a:hover {text-decoration: underline; color:#A20E0E}

/*
@font-face {
  font-family: 'Share';
  font-style: normal;
  font-weight: 400;
  src: local('Arizonia'), local('Arizonia-Regular'), url('http://themes.googleusercontent.com/static/fonts/arizonia/v2/8Usm7f8XTsZinW2e-ZMd5fesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}
*/


body {margin:0; padding:0}
a:hover {color:red}
#main {width:812px; background:#FFFFFF; margin:auto; border: 1px solid #d7d7d7; box-shadow: 1px 1px 10px #ccc;  margin-top:12px; margin-bottom:12px; border-radius: 10px 10px 10px 10px; behavior: url(fileadmin/templates/css/PIE.htc); }

#header {background:url(../img/fd_header.jpg) left top no-repeat; height:290px; position:relative;  border-radius: 10px 10px 10px 10px; behavior: url(fileadmin/templates/css/PIE.htc);}
#ariane {font-size:10px; padding:5px 20px}
#page {font-size:12px; padding:10px 20px}
#menumain {width:137px; float:left}
#content {width:615px; padding:10px; padding-top:0; float:left}
#contenumillieu {width:400px; margin-right:20px; float:left}
#menudroit  {width:195px; float:left;  font-family:"Share", Arial, sans-serif}
#menudroit  li a { font-family:"Share", Arial, sans-serif; font-size:11px;}
#footer {font-size:10px; padding:5px 20px; text-align:center}
#borderbottom {height:32px}

.video {margin-left:5px}

#interactif {position:absolute;  top: 268px;  background:#c1af99;left:0;  padding:0 2px; color:#FFFFFF; width:808px; text-align:center; opacity : 0.6;filter : alpha(opacity=60) /*opacity : 0.7;  filter : alpha(opacity=70);*/}
#interactif a {text-decoration:none; font-family:Arial, sans-serif; font-size:13px; color:#131111; font-weight:bold; font-family:"Share", Arial, sans-serif}

#login {position:absolute;   top: 24px;  left:18px;  background:#FFFFFF;  font-size:12px;  padding:2px; width: auto}
#login form input[type=text]{font-size:10px; border:#666666 solid 1px; width:100px}
#login form input[type=password]{font-size:10px; border:#666666 solid 1px; width:100px}
#login form input[type=submit]{font-size:10px; border: none 0px; font-weight:bold; color:#FFF; background:#2B5DF2; width:100px}
#ticker {position:absolute; top: 247px;left:0;background:#FFFFFF;font-size:11px;padding:5px 10px;width:792px;height: 11px; opacity : 0.7;filter : alpha(opacity=70); color:#1f3c28;font-weight:bold}
#ticker {overflow: hidden; }
#charenton {position:absolute;left: 146px;top: 135px;width: 61px;height: 49px;}
#champ {position:absolute; top: 241px;left:0;background: url(../img/champ.gif) repeat-x ;font-size:11px;padding:0;width: 812px;height: 5px; opacity : 0.7;filter : alpha(opacity=70); color:#1f3c28;font-weight:bold}


/*
* Menu
***********************/
#img_accueil {background: url(../img/accueil.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_accueil:hover {background: url(../img/accueil_hover.png) left top no-repeat}
#img_leclub {background: url(../img/leclub.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_leclub:hover {background: url(../img/leclub_hover.png) left top no-repeat}
#img_lacipale {background: url(../img/lacipale.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_lacipale:hover {background: url(../img/lacipale_hover.png) left top no-repeat}
#img_lecalendrier {background: url(../img/lecalendrier.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_lecalendrier:hover {background: url(../img/lecalendrier_hover.png) left top no-repeat}
#img_pisteroute {background: url(../img/pisteroute.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_pisteroute:hover {background: url(../img/pisteroute_hover.png) left top no-repeat}
#img_humour {background: url(../img/humour.png) left top no-repeat; display:block; width:130px; height:94px } 
#img_humour:hover {background: url(../img/humour_hover.png) left top no-repeat}

#ariane a  { color: #2B5DF2;}





/*
* Contenus
**********************/
h1.csc-firstHeader  {font-size:25px; margin:0 0 10px 0; padding:0; font-family: "Share", Arial, sans-serif; color:#2b5df2;}
div.csc-header h2  {font-size:20px; margin:0 0 10px 0; padding:0; font-family: "Share", Arial, sans-serif; color:#2b5df2;}
.bodytext a {color:#2b5df2 }

#menudroit h3  {font-size:22px; margin:0 0 10px 0; padding:0; font-family: "Share", Arial, sans-serif; color:#2b5df2;}
#menudroit ul { padding:0 10px}
#menudroit li { padding:0 10px}
#menudroit li a { color:#2b5df2; text-decoration:none}
#menudroit li a:hover {text-decoration:underline 0}
dd.csc-textpic-caption {display:none}

.csc-uploads-fileName p {margin:0}
.tx-calendriervcvp-pi1 table a { color:#0e3415}

/*
* News
*********************************/
.news-list-item h3 {font-size:24px; margin:0 0 10px 0; padding:0; color:#2b5df2;}
.news-list-item h3 a { text-decoration:none; color:#2b5df2; font-family: "Share", Arial, sans-serif}
.news-list-item img {float:left; padding:0 10px 10px 0}
#content .news-list-item hr.clearer {background:#FFFFFF; border:0px none; clear:both}
.news-list-morelink a { text-decoration:none; font-size:14px; color:#2b5df2; font-family: "Share", Arial, sans-serif}
.news-single-item h1 {color:#2b5df2; font-size:24px; font-family: "Share", Arial, sans-serif}
.news-single-item h2 {color:#2b5df2; font-size: 12px}
.news-single-item .news-single-backlink a  {color:#2b5df2; text-decoration:none; font-size:12px; font-family: "Share", Arial, sans-serif}
.news-single-item a  {color:#2b5df2; font-size: 11px}


/* 
* Slider
*****************************/ 
.tx-t3sjslidernews-pi1 .lof-slider_1 .lof-css3 {box-shadow:none   }
.tx-t3sjslidernews-pi1 a.readmore {color:#2b5df2 !important; font-size:16px;  font-family: "Share", Arial, sans-serif}
.tx-t3sjslidernews-pi1 h3 a.readmore {font-size: 20px; color:#DDD !important}
.tx-t3sjslidernews-pi1 a:hover {color:red !important}
.tx-t3sjslidernews-pi1 h3 a.readmore:hover  {color:red !important}

/*
* Login
******************************/
.csc-loginform label {display:inline-block; width:150px; margin-top:2px}
.csc-mailform-submit {margin-left:150px; margin-top:5px; border:0px none; background:#2b5df2; color:#FFFFFF; font-weight:bold}
.csc-loginform input[type=text], .csc-loginform input[type=password] {border:1px solid #2b5df2; margin-top:2px}


/*
* Newsticker
******************************/
.ticker .mask { position: relative;left: 10px;top: 8px;width: 718px;overflow: hidden;}
ul.newsticker { position: relative;left: 750px; font-size:10px; list-style-type: none;margin: 0;padding: 0;}
ul.newsticker { background: none repeat scroll 0 0 transparent;}
ul.newsticker li {font-size:10px !important; float: left; margin: 0;padding: 0;background: #fff;}
ul.newsticker li strong {font-size:10px !important;}
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;} 


.lof-wrapper {  box-shadow: none !important}
.video-js {background:#FFFFFF  !important}
.vjs-no-video a {margin-left:3px}
.tx-html5video-pi1 p.support a {margin-right:3px}