@charset "utf-8";
/**
 * @author Jean-Baptiste MONIN
 * @lastmodified Aug, 27 2008
 * @media screen
 */

/*
 * Global redeclarations
 */
html,*{ margin: 0; padding: 0;}

body { font-family: verdana, arial, sans-serif; font-weight:normal; font-size : 11px; margin:0 auto; background: #0E3F67 url(../images/fr_body_bg.jpg) scroll repeat-y top center;}
 
/*
* Global links
*/
   
a,a:link,a:visited{ color: #536884; text-decoration:underline; outline: 0;}
a:hover { text-decoration:none; outline: 0;}

/*
* Various
 */
abbr, acronym { cursor:help; border-bottom: 1px dotted #808080;}
p > img{ border : none; margin: 0 5px;}
img{ border : none;}
img, div { behavior: url(http://circo2.webcom-lyon.com/css/iepngfix.htc) }
p { margin: 0;}
table,tr,td{ border: none; text-align: left;}
ul { margin: 0; padding:0;}
/*
* Global forms
 */
 
label,input,option,textarea,select,button{ font-size: 11px;}
option{ padding-left: 10px;}
/**
 * Global classes
 */

.clear { clear : both;}
.pos{ color :#3c7939;}
.warn{ color :#ff8400;}
.neg{ color: #c40900;}
.small{ font-size: 80%;}

.nodisplay{ display: none;}

p.error { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#cd0000; background-color : #efefef; border : 1px solid #cc6d6d;  padding : 10px;  margin: 16px 0 20px 0;}
p.success { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#3c7939; background-color : #fcfebb; border : 1px solid #c3c750;   padding : 10px;  margin: 16px 0 20px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
p.warning { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#ff8400; background-color : #f4ede2; border : 1px solid #e37602;   padding : 10px; margin: 16px 0 20px 0;}

.separation{ height : 30px; background : transparent url(../images/separation.png) scroll repeat-x top left; clear: both;}

a.pdfdl{
  display : block;
  height: 24px;
  padding: 0 0 0 32px;
  color: #069621;
  background : transparent url(../images/pdfdl.png) scroll no-repeat 0 -4px;
}
/**********************************************BANNIERE MAINTENANCE************************************************/
#devbanner{ /*width: 100%; text-align: center; position: absolute; height: 25px; background-color: #ac0000; border-bottom: 1px solid #fff; font: bold italic 1.20em/1.50em Arial, Helvetica, sans-serif; color: #fff;*/ }

/*************************************************STRUCTURE DE PAGE**************************************************/
#page{ width: 100%; margin: 0 auto; background: transparent url(../images/fr_page_bg.jpg) scroll no-repeat top center; } 
#adhesion{ position: absolute; margin: 10px 0 0 700px; font: bold small-caps 1.4em "Trebuchet MS", arial, sans-serif; color: #fff;}
#adhesion a{ color: #fff; text-decoration: none;}
#lienFede{  margin: 0 0 0 -1px;}
#lienBio{ margin: 0 0 10px 5px; background: url(../images/fr_module-bg.png) scroll no-repeat bottom left; padding: 8px 20px; width: 233px; }
#lienBio a{ color: #2B5C84; font: bold 13px Arial, sans-serif; text-decoration: none;}
#lienCalendar{ margin: 0 0 10px 5px; background: url(../images/fr_module-bg.png) scroll no-repeat bottom left; padding: 8px 20px; width: 233px; }
#lienCalendar a{ color: #2B5C84; font: bold 13px Arial, sans-serif; text-decoration: none;}
#delegue{ margin: 0 0 5px -1px;}
#mainwrapper{ width: 960px; margin: 0 auto;} 

/*************************************************TETE DE PAGE**************************************************/
#header{ width: 960px; height: 180px; background: transparent url() scroll repeat-x 0 0; }
#header img#logo{ position: absolute; margin: 6px 0 0 10px; }

/*************************************************MENU TOP**************************************************/
#menuTop{
  width: 960px;
  height: 30px;
  text-align:left;
  font-size:12px;
  position: absolute;
  z-index: 100;
  margin: 0 auto;
  margin-top: 146px;
  margin-left: 0px;
  clear: both;
}

#menuTop ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuTop ul li {
  list-style: none;
}

#menuTop ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  margin: 6px 0 0 0;
}

#menuTop ul.horizontal li.level1 {
  float: left;
  height: 30px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
  margin: 0 3px 0 0;
  width: 122px;
  background:url(../images/menustripe.png) no-repeat -145px 0px;
}

#menuTop ul.horizontal li.level1-on {
  float: left;
  height: 30px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
  margin: 0 3px 0 0;
  width: 122px;
  background:url(../images/menustripe.png) no-repeat;
}

#menuTop ul.horizontal li.level1:hover {
  margin: 0 3 0 0px;
  width: 122px;
  height: 30px;
  background:url(../images/menustripe.png) no-repeat;
}

#menuTop ul.horizontal li.level1 a {
  padding-top: 3px;
  font: bold 12px arial;
  color: #000;
}

#menuTop ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop ul li a { float:none; }
/* End IE5-Mac hack */

#menuTop ul.dropdown,
#menuTop ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 195px;
  background-color: #fff;
  border-left: 1px solid #fff;  
  border-top: 1px solid #fff;
  border-right: 1px solid #899dad; 
  border-bottom: 1px solid #899dad;
  padding-bottom:16px; 
  color: #c0c0c0;
}

#menuTop ul#blog{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 203px;
  height: 60px;
  background:url(../images/fr_menu_blog_bg.png) no-repeat bottom left;
  border: none;
}

#menuTop ul.dropdown li.level2,
#menuTop ul.flyout li.level3 {
}

#menuTop ul.dropdown li.level2 a,
#menuTop ul.flyout li.level3 a {
  color:#000;
  width: 175px;
  font-size: 11px;
  height: 14px;
  padding: 2px 0 2px 4px;
  font-weight: normal;
  border-bottom:1px solid #ecf0f6;
  margin-left : 2px;
  background-image: none;
}

#menuTop ul.dropdown li.level2 a:hover,
#menuTop ul.flyout li.level3 a:hover {
  width: 175px;
  color:#808080;
  padding: 2px 0 2px 4px;
  margin-left : 2px;
  border-bottom: 1px solid #808080;
  background-image : none;
}

#menuTopNoScript{
  width: 952px;
  padding: 4px 0 2px 8px;
  text-align:left;
  font-size:11px;
  z-index: 99;
  clear: both;
}

#menuTopNoScript ul {
  list-style-type: none;
}

#menuTopNoScript > ul > li > ul {
  padding-left: 10px;
}

/*************************************************PAGE**************************************************/
#pagewrapper{ width: 960px; margin: 0 auto; background : #fff url(../images/fr_mainwrapper_bg.png) scroll no-repeat 0 0;}
#pathway{ font-size: 0.85em; color: #808080; padding: 13px 0 12px 20px; width: 630px; background : transparent url(../images/fleche1.png) scroll no-repeat 12px 17px;}
#pathway a{ color: #3c5272; }
.column11{ padding: 20px;}

.column21{ width: 630px; padding: 10px 30px 20px 20px; float: left; }
.column22{ width: 260px; padding: 10px 20px 20px 0px; float: left;}

.column31{}
.column32{}
.column33{}

.column21 h2{ font: 1.90em "Trebuchet MS", verdana, sans-serif; color: #4c6d8c; margin: 10px 0 10px 0;}

.column22 .inpage{ margin: 0 0 0 5px; padding: 0 0 8px 0;}
.column22 .inpage h2{ font: 1.30em "Trebuchet MS", verdana, sans-serif; color: #ce2d4f; margin: 10px 0 10px 0; font-variant: small-caps; font-weight: bold; }
.column22 .inpage ul{ list-style-type: none;}
.column22 .inpage ul li{ font-size: 0.90em; margin: 0 0 7px 0; text-indent: 8px; background: url(../images/fleche1.png) scroll no-repeat 0 4px;}
.column22 .inpage ul li span.commentTease{  font-style: italic; margin: 2px 0 2px 0; color:#333; font-size: 1.10em;}
.column22 .inpage ul li span.commentAuthor{  margin: 2px 0 2px 0; color:#808080;}

.column11 h2{ font: 1.90em "Trebuchet MS", verdana, sans-serif; color: #a6b92c; margin: 10px 0 10px 0;}
.column11 a.errorbacklink { display: block; font: 1.40em "Trebuchet MS", verdana, sans-serif; color: #7c8b1f; margin: 30px 0 20px 0;}

.pagination{ text-align: center; font: 0.95em verdana, sans-serif; color: #174a51; margin: 10px 0 8px 0;}
.pagination a{ font: bold 1.0em verdana, sans-serif; color: #596403; border: 1px solid #c0c0c0; padding: 4px; text-decoration: none;}
.pagination a:hover{ font: bold 1.0em verdana, sans-serif; color: #596403; border: 1px solid #808080; padding: 4px; }
.pagination .disabled{ font: bold 1.0em verdana, sans-serif; border: 1px solid #c0c0c0; padding: 4px; color: #c0c0c0;}

#homeRssAggreg{ height: 77px; background: url(../images/fr_homerss_bg.png) scroll no-repeat 0 0; margin: 0 0 10px 16px;}
#homeRssAggreg h2{ font: bold 1.35em "Trebuchet MS", verdana, sans-serif; font-variant: small-caps; color: #ce2d4f; text-indent: 70px;}
#homeRssAggreg #feedentries{ width: 900px; margin: 2px 0 0 14px; }
#homeRssAggreg .feedEntry{ width: 290px; float:left; height: 20px; padding: 6px 10px 0 0;}
#homeRssAggreg .feedEntry h3{ font: 0.90em arial, sans-serif; color: #333; }
#homeRssAggreg .feedEntry h3 a{color: #333; }

#videoPlayerLinks{ margin: 6px 0 0 0; padding: 6px 0 0 10px; width: 250px; height: 46px; background: url(../images/fr_webtv-bottom.png) scroll no-repeat 0 0;}
#videoPlayerLinks a { font: bold 9px verdana, sans-serif; }

#newsletter_mod1{ margin: 0 0 10px 0; padding: 4px 0 0 30px; width: 233px; height: 100px; color: #333;  background: url(../images/fr_module-bg.png) scroll no-repeat bottom left;}
#newsletter_mod1 label{ font-size: 10px;}
#newsletter_mod1 input#nl_email{ width: 200px; padding: 2px; font: bold 10px Verdana; color: #29425b; border: 1px solid #6488a9; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#searchengine_mod1{ margin: 0 0 10px 0; padding: 4px 0 0 30px; width: 233px; height: 100px; color: #333;  background: url(../images/fr_module-bg.png) scroll no-repeat bottom left;}
#searchengine_mod1 label{ font-size: 10px;}
#searchengine_mod1 input#se_query{ width: 200px; padding: 2px; font: bold 10px Verdana; color: #29425b; border: 1px solid #6488a9; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}


#categorylist{ margin: 0 0 18px 5px; background: url(../images/fr_module-bg.png) scroll no-repeat bottom left; padding: 2px 20px; width: 233px;}

#contact_mod1{ margin: 0 0 10px 0; background: url(../images/fr_module-bg.png) scroll no-repeat bottom left; padding: 2px 20px; width: 233px; }

#blogCommentsMod{ margin: 0 0 10px 0; background: url(../images/fr_module-bg.png) scroll no-repeat bottom left; padding: 2px 20px; width: 233px; }
/*************************************************PIED DE PAGE**************************************************/

#footer1{ width: 900px; height: 80px; padding: 6px 0 0 60px; background: url(../images/separation.png) scroll repeat-x 0 0; } 
#footer2{ width: 940px; background: url(../images/separation.png) scroll repeat-x 0 0; padding: 15px 10px 10px 10px; font: 0.90em/1em Arial, sans-serif; color :#808080; margin-top: 12px;} 
#footer2 a{ color :#808080;} 
#footer3{ width: 940px; padding: 10px; height: 20px; font: bold 0.80em/1em Verdana, arial, sans-serif; color :#333; } 


#footer1 #menu1 {float: left; width: 180px; margin: 8px 0 0 20px; border-right: 1px solid #c0c0c0; }
#footer1 #menu1 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu1 ul li a{ color: #537993; padding: 0 10px 0 0; text-decoration: none; }
#footer1 #menu1 ul li a:hover{text-decoration: none; color: #aa1938;}
#footer1 #menu2 {float: left; width: 180px; margin: 8px 0 0 20px; border-right: 1px solid #c0c0c0; }
#footer1 #menu2 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu2 ul li a{ color: #808080; padding: 0 10px 0 0; font-weight: normal; text-decoration: underline; }
#footer1 #menu2 ul li a:hover{text-decoration: none;}
#footer1 #menu3 {float: left; width: 180px; margin: 8px 0 0 20px;}
#footer1 #menu3 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu3 ul li a{ color: #c0c0c0; padding: 0 10px 0 0; font-weight: normal; text-decoration: underline; }
#footer1 #menu3 ul li a:hover{text-decoration: none;}
#footer1 #tags {float: left; width: 280px; margin: 2px 0 0 10px; }
#bottom{ width: 100%; height: 46px; margin: 0 auto; background: url(../images/fr_bottom_bg.jpg) scroll no-repeat top center;  }

/*************************************************RATING**************************************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background: url(../images/ratingStar2.png) left top repeat-x;}
.star-rating{ position:relative; width:80px; height:16px; overflow:hidden; list-style:none; margin:0; padding:0; background: url(../images/ratingStar0.png) left top repeat-x;}
.star-rating li{ display: inline;}
.star-rating a,
.star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:16px; line-height:16px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background: url(../images/ratingStar1.png) left top repeat-x; }
.star-rating a.one-star{ position: absolute; width:20%; z-index:6; }
.star-rating a.two-stars{ position: absolute; width:40%; z-index:5; }
.star-rating a.three-stars{ position: absolute; width:60%; z-index:4; }
.star-rating a.four-stars{ position: absolute; width:80%; z-index:3; }
.star-rating a.five-stars{ position: absolute; width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }

/*************************************************DEBUG*****************************************************/
#sqlDebug { width : 80%; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }
#sqlDebug  p{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#sqlDebug  li{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#fedebox{height: 490px; overflow: auto;}
.searchresult{margin:26px 0;}.searchresult h3 a{color:#4D7F17;}.pertinence{position:relative;left:17px;color:#808080;font-weight:normal;}.scoreGraph{padding:1px 0 0 0;background-color:#C42F4C;font-size:4px;}
.searchLink{ position:relative;left:17px; font-size: .85em; color:#3A8000 }