@font-face {
    font-family: 'FrutigerLT';
    src: url('/static/fonts/FrutigerLTArabic-55Roman.woff') format('woff'),
         url('/static/fonts/FrutigerLTArabic-55Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FrutigerLT';
    src: url('/static/fonts/FrutigerLTArabic-65Bold.woff') format('woff'),
         url('/static/fonts/FrutigerLTArabic-65Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Sans Arabic';
    font-weight: normal;
    font-style: normal;
    src: url('/static/fonts/DroidSansArabic.woff') format('woff');
}
@font-face {
    font-family: 'Droid Kufi';
    font-weight: normal;
    font-style: normal;
    src: url('/static/fonts/DroidKufi-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Droid Kufi';
    font-weight: bold;
    font-style: normal;
    src: url('/static/fonts/DroidKufi-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url('/static/fonts/open_sans_normal_400.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('/static/fonts/open_sans_normal_600.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: url('/static/fonts/open_sans_normal_700.woff') format('woff');
}
body{
    margin: 0;
    font-family: 'Tahoma';
    font-size: 12px;
    line-height: 1.5em;
    background-color: #ededea;
    color: #333;
}
.ar{
    font-family: Tahoma;
    direction: rtl;
    unicode-bidi: embed;
}
.fr{
    direction: ltr;
}
a{
    color: #E05964;
    text-decoration: none;
    outline: none;
}
a:hover{
    text-decoration: none;
}
.strong{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.clear{
    clear: both;
}
.left,
.float,
.ar .floati{
    float: left;
}
.right,
.floati,
.ar .float{
    float: right;
}
.clearfloat, .ar .clearfloati{
    clear: left;
    float: left;
}
.clearfloati, .ar .clearfloat{
    clear: right;
    float: right;
}
.left-20, .ar .right-20{
    margin-right: 0;
    margin-left: 20px;
}
.right-20, .ar .left-20{
    margin-right: 20px;
    margin-left: 0;
}

.left-40, .ar .right-40{
    margin-right: 0;
    margin-left: 40px;
}
.right-40, .ar .left-40{
    margin-right: 40px;
    margin-left: 0;
}
.left-50, .ar .right-50{
    margin-right: 0;
    margin-left: 50px;
}
.right-50, .ar .left-50{
    margin-right: 50px;
    margin-left: 0;
}

.left-30, .ar .right-30{
    margin-right: 0;
    margin-left: 30px;
}
.right-30, .ar .left-30{
    margin-right: 30px;
    margin-left: 0;
}

.left-10, .ar .right-10 {
    margin-right: 0;
    margin-left: 10px;
}
.right-10, .ar .left-10{
    margin-right: 10px;
    margin-left: 0;
}
.left-15, .ar .right-15 {
    margin-right: 0;
    margin-left: 15px;
}
.right-15, .ar .left-15{
    margin-right: 15px;
    margin-left: 0;
}
.left-5, .ar .right-5{
    margin-right: 0;
    margin-left: 5px;
}
.right-5, .ar .left-5{
    margin-right: 5px;
    margin-left: 0;
}

.left-4, .ar .right-4{
    margin-right: 0;
    margin-left: 4px;
}
.right-4, .ar .left-4{
    margin-right: 4px;
    margin-left: 0;
}

.left-pad-20,  .ar .right-pad-20{
    padding-right: 0;
    padding-left: 20px;
}
.right-pad-20, .ar .left-pad-20{
    padding-right: 20px;
    padding-left: 0;
}

.left-pad-5,  .ar .right-pad-5{
    padding-right: 0;
    padding-left: 5px;
}
.right-pad-5, .ar .left-pad-5{
    padding-right: 5px;
    padding-left: 0;
}

.top-5{ margin-top: 5px; }
.top-10{ margin-top: 10px; }
.top-15{ margin-top: 15px; }
.top-20{ margin-top: 20px; }
.top-30{ margin-top: 30px; }
.top-40{ margin-top: 40px; }
.top-50{ margin-top: 50px; }
.top-60{ margin-top: 60px; }

.bottom-5{ margin-bottom: 5px; }
.bottom-10{ margin-bottom: 10px; }
.bottom-15{ margin-bottom: 15px; }
.bottom-20{ margin-bottom: 20px; }
.bottom-30{ margin-bottom: 30px; }
.bottom-40{ margin-bottom: 40px; }
.bottom-50{ margin-bottom: 60px; }
.bottom-60{ margin-bottom: 60px; }

.bottom-pad-10{ margin-bottom: 10px; }
.bottom-pad-20{ margin-bottom: 20px; }

.pad-5{ padding: 5px; }
.pad-10{ padding: 10px; }
.pad-15{ padding: 15px; }
.pad-20{ padding: 20px; }

.margin-5{ margin: 5px; }
.margin-10{ margin: 10px; }
.margin-15{ margin: 15px; }
.margin-20{ margin: 20px; }

.pad-ver-10{ padding-top: 10px; padding-bottom: 10px; }
.pad-hor-10{ padding-left: 10px; padding-right: 10px; }
.pad-hor-15{ padding-left: 15px; padding-right: 15px; }

.margin-ver-10{ margin-top: 10px; margin-bottom: 10px;}
.margin-hor-10{ margin-left: 10px; margin-right: 10px;}

.min-h-500{ min-height: 500px; }

.full{
    width: 100%;
}
.invert{ text-align: right; }
.ar .invert{ text-align: left; }
.center{
    width: 100%;
    text-align: center;
}
.justify{
  text-align: justify;
}
.small{
    font-size: 11px;
}
.big{
    font-size: 14px;
}
.black{
    color: #333;
}
.red{
    color: #E05964;
}
.blue{
    color: #61c6d9; //#69d2e6;
}
.grey{
    color: #888;
}
.green{
    color: #739C00;
}
.vote-green{
  background-color: #96c400;
}
.vote-red{
  background-color: #db5761;
}
.vote-orange{
  background-color: #ecbf00;
}
.vote-grey{
  background-color: #d8d8d8;
}
.pink-back{
    background-color: #EDEDEA;
}
.yellow-back{
    background-color: #EEE;
}
.trans-100{
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.ar ol,
.ar ul{
    padding: 0 18px 0 0;
}
ol,
ul{
    padding: 0 0 0 18px;
}
.ar h1,
.ar h2,
.ar h3,
.ar h4,
.ar h5{
    font-family: 'FrutigerLT';
    font-weight: normal;
}
.ar h1{ font-size: 19px; }
.ar h2{ font-size: 17px; }
.ar h3{ font-size: 16px; }
.ar h4{ font-size: 15px; }
.ar h5{ font-size: 15px; }
h1,h2,h3,h4,h5{
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 1.4em;
    color: #3d3d3d;
    padding: 10px 8px;
    margin: 0;
}
h1{ font-size: 18px; }
h2{ font-size: 16px; }
h3,h4,h5{ font-size: 15px; }
.hide{
    display: none;
}
.transparent{
    opacity: 0;
}
.unselectable{
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#darkshadow{
    position: fixed;
    z-index: 3;
    opacity: 0.4;
    background-color: black;
    width: 100%;
    height: 100%;
    display: none;
}
#back{
    float: left;
    width: 100%;
    min-width: 850px;
    min-height: 400px;
    background: url('../images/back_body.png') repeat-x;
}

#branding{
    width: 100%;
    min-width: 850px;
    max-width: 1200px;
    margin: 0 auto;
    height: 70px;
}
.ar #logo{
    width: 78px;
    height: 24px;
    margin: 25px 0;
    background: url('../images/logo_ar.png') no-repeat;
}
#logo{
    width: 102px;
    height: 21px;
    margin: 25px 0;
    background: url('../images/logo_fr.png') no-repeat;
}
.ar #recherche{
    background-position: left, left;
}
#recherche{
    color: white;
    outline: none;
    width: 240px;
    height: 28px;
    padding: 0 5px;
    border: 0;
    background-color: transparent;
    background-image: url('../images/search_loupe_grey.png'), url('../images/search_input.png');
    background-position: right, left;
    background-repeat: no-repeat, no-repeat;
}
#recherche:focus{
    background-image: url('../images/search_loupe.png'), url('../images/search_input.png');
}
#newsletter{
    margin-top: 21px;
}
#newsletter input[type="text"]{
    width: 190px;
    height: 28px;
    border: 0;
    outline: 0;
    padding: 0 0 0 32px;
    margin: 0;
    background: url('../images/input_newsletter.png') no-repeat;
}
#newsletter input[type="submit"]{
    width: 29px;
    height: 28px;
    border: 0;
    outline: 0;
    margin: 0;
    background: url('../images/input_submit.png') no-repeat;
}
#newsletter input[type="submit"]:hover{
    background: url('../images/input_submit_hover.png') no-repeat;
}
#social{
    margin: 24px 50px 0;
}
#social a{
    height: 22px;
    margin: 0 3px;
}
#social .facebook{
    width: 20px;
    background: url('../images/social_facebook_grey.png') no-repeat;
}
#social .twitter{
    width: 26px;
    background: url('../images/social_twitter_grey.png') no-repeat;
}
#social .instagram{
    width: 24px;
    background: url('../images/social_instagram_grey.png') no-repeat;
}
#social .contact{
    width: 24px;
    background: url('../images/social_jweb_grey.png') no-repeat;
}
#social .facebook:hover{ background: url('../images/social_facebook_white.png') no-repeat; }
#social .twitter:hover{ background: url('../images/social_twitter_white.png') no-repeat; }
#social .instagram:hover{ background: url('../images/social_instagram_white.png') no-repeat; }
#social .contact:hover{ background: url('../images/social_jweb_white.png') no-repeat; }
#pagination{
    margin: 0 -5px;
}
#pagination > a{
    padding: 0 5px;
    text-align: center;
    color: #555;
    cursor: default;
    opacity: 0.2;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#pagination > a.active{ opacity: 1; }
#pagination > a.active:hover{ color: #E05964; }

#langs{
  width: 120px;
  height: 30px;
  margin: 20px 0;
  background: url('../images/langs_left.png') no-repeat;
}
.ar #langs{
  background: url('../images/langs_right.png') no-repeat;
}
#langs a{
  width: 60px;
  height: 30px;
  background-position: 0px top;
  background-repeat: no-repeat;
}
#langs span{
  width: 60px;
  height: 30px;
  background-position: 0px top;
  background-repeat: no-repeat;
}
#langs a.francais{
  background-image: url('../images/langs_fr_grey.png');
}
#langs a.francais:hover{
  background-image: url('../images/langs_fr_white.png');
}
#langs span.francais{
  background-image: url('../images/langs_fr_blue.png');
}
#langs a.arabe{
  background-image: url('../images/langs_ar_grey.png');
}
#langs a.arabe:hover{
  background-image: url('../images/langs_ar_white.png');
}
#langs span.arabe{
  background-image: url('../images/langs_ar_blue.png');
}
#menu{
    width: 720px;
    margin: 50px auto 0;
}
.ar #menu a{
    font-family: 'FrutigerLT';
    font-size: 13px;
}
#menu a{
    width: 90px;
    height: 35px;
    padding-top: 45px;
    text-align: center;
    color: #ccc;
    position: relative;
}
#menu.home .menu-home::after,
#menu.agenda .menu-agenda::after,
#menu.constitution .menu-constitution::after,
#menu.activite .menu-activite::after,
#menu.deputes .menu-deputes::after,
#menu.chroniques .menu-chroniques::after,
#menu.docs .menu-docs::after,
#menu.assemblee .menu-assemblee::after,
#menu.votes .menu-votes::after,
#menu.dialogues .menu-dialogues::after{
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-bottom-color: white;
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 0;
    margin: -6px -6px 0;
}
#lang{
    background-color: rgba(255, 255, 255, 0.06);
    padding: 5px 0px;
    width: 102px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    color: #ccc;
}
#menu a:hover,
#menu.home .menu-home,
#menu.agenda .menu-agenda,
#menu.constitution .menu-constitution,
#menu.activite .menu-activite,
#menu.deputes .menu-deputes,
#menu.chroniques .menu-chroniques,
#menu.docs .menu-docs,
#menu.assemblee .menu-assemblee,
#menu.votes .menu-votes,
#menu.dialogues .menu-dialogues,
#lang:hover{
    color: white;
}
#menu .menu-home{ background: url('../images/menu_home_grey.png') no-repeat 22px top; }
#menu .menu-home:hover{ background: url('../images/menu_home_white.png') no-repeat 22px top; }
#menu.home .menu-home{ background: url('../images/menu_home_blue.png') no-repeat 22px top; }

#menu .menu-agenda{ background: url('../images/menu_chroniques_grey.png') no-repeat 22px top; }
#menu .menu-agenda:hover{ background: url('../images/menu_chroniques_white.png') no-repeat 22px top; }
#menu.agenda .menu-agenda{ background: url('../images/menu_chroniques_blue.png') no-repeat 22px top; }

#menu .menu-constitution{ background: url('../images/menu_constitution_grey.png') no-repeat 22px top; }
#menu .menu-constitution:hover{ background: url('../images/menu_constitution_white.png') no-repeat 22px top; }
#menu.constitution .menu-constitution{ background: url('../images/menu_constitution_blue.png') no-repeat 22px top; }

#menu .menu-activite{ background: url('../images/menu_activite_grey.png') no-repeat 22px top; }
#menu .menu-activite:hover{ background: url('../images/menu_activite_white.png') no-repeat 22px top; }
#menu.activite .menu-activite{ background: url('../images/menu_activite_blue.png') no-repeat 22px top; }

#menu .menu-deputes{ background: url('../images/menu_deputes_grey.png') no-repeat 22px top; }
#menu .menu-deputes:hover{ background: url('../images/menu_deputes_white.png') no-repeat 22px top; }
#menu.deputes .menu-deputes{ background: url('../images/menu_deputes_blue.png') no-repeat 22px top; }

#menu .menu-chroniques{ background: url('../images/menu_travaux_grey.png') no-repeat 22px top; }
#menu .menu-chroniques:hover{ background: url('../images/menu_travaux_white.png') no-repeat 22px top; }
#menu.chroniques .menu-chroniques{ background: url('../images/menu_travaux_blue.png') no-repeat 22px top; }

#menu .menu-docs{ background: url('../images/menu_docs_grey.png') no-repeat 22px top; }
#menu .menu-docs:hover{ background: url('../images/menu_docs_white.png') no-repeat 22px top; }
#menu.docs .menu-docs{ background: url('../images/menu_docs_blue.png') no-repeat 22px top; }

#menu .menu-assemblee{ background: url('../images/menu_assemblee_grey.png') no-repeat 22px top; }
#menu .menu-assemblee:hover{ background: url('../images/menu_assemblee_white.png') no-repeat 22px top; }
#menu.assemblee .menu-assemblee{ background: url('../images/menu_assemblee_blue.png') no-repeat 22px top; }

#menu .menu-votes{ background: url('../images/menu_votes_grey.png') no-repeat 22px top; }
#menu .menu-votes:hover{ background: url('../images/menu_votes_white.png') no-repeat 22px top; }
#menu.votes .menu-votes{ background: url('../images/menu_votes_blue.png') no-repeat 22px top; }

#menu .menu-dialogues{ background: url('../images/menu_questions_grey.png') no-repeat 22px top; }
#menu .menu-dialogues:hover{ background: url('../images/menu_questions_white.png') no-repeat 22px top; }
#menu.dialogues .menu-dialogues{ background: url('../images/menu_questions_blue.png') no-repeat 22px top; }

.wrapper{
    width: 850px;
    height: 100%;
    margin: 0 auto;
}

#hemi-slice{
    float:left;
    height:30px;
    width:100%;
    background: url('../images/hemi_slice.jpg');
    background-size: cover;
}

#main{
    float: left;
    width: 770px;
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 0 3px #ccc;
    background-color: white;
    min-height: 475px;
    margin-bottom: 50px;
}
#nav > a,
#nav > h3{
    display: block;
    padding: 4px 8px;
}
#nav > a{
    color: #888;
}
#nav > a:hover,
#nav > a.active{
    color: #E05964;  
}

#footer{
    background: url('../images/back_footer.png');
    padding: 30px 0 40px 0;
    float: left;
    width: 100%;
}
#footer .footer-column{
    max-width: 300px;
}
#footer strong{
    margin: 5px 0 10px;
    color: #999;
    display: block;
}
#footer a{
    color: #999;
    display: block;
}
#footer a:hover{
    color: #ddd;
}
#footer .ico-twitter,
#footer .ico-facebook{
    padding: 0 29px;
    line-height: 22px;
}
#footer .ico-facebook{ background: url('../images/social_facebook_grey.png') no-repeat; }
#footer .ico-twitter{ background: url('../images/social_twitter_grey.png') no-repeat; }
.ar #footer .ico-facebook,
.ar #footer .ico-twitter{
    background-position: right;
}
p{
    margin: 0 0 18px 0;
    line-height: 1.5em;
}
p:last-child{
    margin: 0;
}
.notice{
  border-radius: 4px;
  background-color: #f5f5e5; //#fffcd9;
  border: 1px solid #ececec;
}
.loader{
    width: 20px;
    height: 20px;
    background-image: url('../images/loading3.gif');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.2s linear;
       -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
         -o-transition: opacity 0.2s linear;
            transition: opacity 0.2s linear;
}
.ico-date{
    width: 18px;
    height: 18px;
    background: url('../images/icon_calendar_red.png');
}
.ico-facebook{
    width: 16px;
    height: 18px;
    background: url('../images/icon_facebook_red.png') no-repeat;
}
a.ico-facebook:hover{
    background: url('../images/icon_facebook_black.png') no-repeat;
}
.ico-twitter{
    width: 21px;
    height: 18px;
    background: url('../images/icon_twitter_red.png') no-repeat;
}
a.ico-twitter:hover{
    background: url('../images/icon_twitter_black.png') no-repeat;
}
.social .ico-facebook{
    margin-top: 2px;
    height: 15px;
    width: 17px;
    background-image: url('../images/icon_facebook_small_grey.png');
    background-repeat: no-repeat;
    background-position: center;
}
.social .ico-facebook:hover{
    background-image: url('../images/icon_facebook_small_red.png');
    background-position: center;
}
.social .ico-twitter{
    margin-top: 2px;
    height: 15px;
    width: 17px;
    background-image: url('../images/icon_twitter_small_grey.png');
    background-repeat: no-repeat;
    background-position: center;
}
.social .ico-twitter:hover{
    background-image: url('../images/icon_twitter_small_red.png');
}
.ico-comments{
    width: 18px;
    height: 18px;
    background: url('../images/icon_comments_red.png') no-repeat;
}
a.ico-comments:hover,
a:hover .ico-comments{
    color: #333;
    background: url('../images/icon_comments_black.png') no-repeat;
}
.ico-comments.grey{
    background: url('../images/icon_comments_grey.png') no-repeat;
}
a.ico-comments.grey:hover{
    background: url('../images/icon_comments_red.png') no-repeat;
}
.ico-print{
    width: 18px;
    height: 18px;
    background: url('../images/icon_print_red.png') no-repeat;
}
a.ico-print:hover{
    background: url('../images/icon_print_black.png') no-repeat;
}
.ico-vote-ok{
    width: 19px;
    height: 20px;
    background: url('../images/icon_vote_ok_grey_ltr.png') no-repeat;
}
a.ico-vote-ok.active,
a.ico-vote-ok:hover{
    background: url('../images/icon_vote_ok_red_ltr.png') no-repeat;
}
.ar .ico-vote-ok{
    background: url('../images/icon_vote_ok_grey_rtl.png') no-repeat;
}
.ar a.ico-vote-ok.active,
.ar a.ico-vote-ok:hover{
    background: url('../images/icon_vote_ok_red_rtl.png') no-repeat;
}
.ico-vote-ko{
    width: 19px;
    height: 20px;
    background: url('../images/icon_vote_ko_grey_ltr.png') no-repeat;
}
a.ico-vote-ko.active,
a.ico-vote-ko:hover{
    background: url('../images/icon_vote_ko_red_ltr.png') no-repeat;
}
.ar .ico-vote-ko{
    background: url('../images/icon_vote_ko_grey_rtl.png') no-repeat;
}
.ar a.ico-vote-ko.active,
.ar a.ico-vote-ko:hover{
    background: url('../images/icon_vote_ko_red_rtl.png') no-repeat;
}
.ico-article{
    width: 32px;
    height: 32px;
    background: url('../images/icon_article_red.png') no-repeat;
}
.ico-doc{
    margin-top: 2px;
    width: 21px;
    height: 28px;
    background: url('../images/icon_doc.png') no-repeat;
}
.ico-albawsala{
    width: 18px;
    height: 18px;
    background: url('../images/icon_albawsala_grey.png') no-repeat;
}
a.ico-albawsala.active,
a.ico-albawsala:hover{
    background: url('../images/icon_albawsala_red.png') no-repeat;
}
.ico-star{
    width: 18px;
    height: 18px;
    background: url('../images/icon_star_grey.png') no-repeat;
}
a.ico-star.active,
a.ico-star:hover{
    background: url('../images/icon_star_red.png') no-repeat;
}
.ico-world{
    width: 18px;
    height: 18px;
    background: url('../images/icon_world_grey.png') no-repeat;
}
a.ico-world.active,
a.ico-world:hover{
    background: url('../images/icon_world_red.png') no-repeat;
}
.ar .ico-next,
.ico-prev{
    width: 10px;
    height: 16px;
    background: url('../images/icon_prev_red.png') no-repeat;
}
.ar a.ico-next:hover,
a.ico-prev:hover{
    background: url('../images/icon_prev_white.png') no-repeat;
}
.ar .ico-prev,
.ico-next{
    width: 10px;
    height: 16px;
    background: url('../images/icon_next_red.png') no-repeat;
}
.ar a.ico-prev:hover,
a.ico-next:hover{
    background: url('../images/icon_next_white.png') no-repeat;
}
.ico-quote{
    width: 29px;
    height: 32px;
    background: url('../images/icon_quote.png') no-repeat;
}
.ico-loupe{
    width: 17px;
    height: 13px;
    background: url('../images/loupe.png') no-repeat;
}
.btn-close{
  width: 20px;
  height: 20px;
  background: url('../images/btn_close_grey.png') no-repeat;
}
.btn-close:hover{
  background: url('../images/btn_close_red.png') no-repeat;
}
.ico-views{
  width: 18px;
  height: 20px;
  background: url('../images/icon_views_grey.png') no-repeat;
}
a.ico-views.active,
a.ico-views:hover{
  background: url('../images/icon_views_red.png') no-repeat;
}
.ico-commentstats{
  width: 16px;
  height: 20px;
  background: url('../images/icon_commentstats_grey.png') no-repeat;
}
a.ico-commentstats.active,
a.ico-commentstats:hover{
  background: url('../images/icon_commentstats_red.png') no-repeat;
}
.ico-question{
  width: 18px;
  height: 20px;
  background: url('../images/icon_question_grey.png') no-repeat;
}
a.ico-question.active,
a.ico-question:hover{
  background: url('../images/icon_question_red.png') no-repeat;
}
.ico-pleniere{
    width: 16px;
    height: 16px;
    background: url('../images/icon_travaux_pleniere.png') no-repeat;
}
.ico-commission{
    width: 16px;
    height: 16px;
    background: url('../images/icon_travaux_commission.png') no-repeat;
}
.ico-vote{
    width: 16px;
    height: 16px;
    background: url('../images/icon_travaux_vote.png') no-repeat;
}

#popup{
    width: 450px;
    display: none;
    position: absolute;
    top: 250px;
    z-index: 10;
    box-shadow: 0px 0px 10px #999;
    background-color: white;
    margin: 0 160px;
}
#popup select,
#popup input[type="text"]{
    width: 185px;
}
#popup textarea{
    width: 400px;
    height: 120px;
}
#popup .stripes{
    width: 450px;
    height: 16px;
    background: url('../images/stripes.png') no-repeat;
}
#popup #errors{
    color: #d35f38;
}

input,
select,
textarea{
    background-color: #F6F6F6;
    border: 1px solid #d9e0e3;
    padding: 4px;
    margin: 5px 0 10px 0;
    color: #222;
}
input[type="submit"]{
    width: 140px;
    height: 30px;
    background: url('../images/btn-send.png') no-repeat 0 1px;
    opacity: 0.8;
    border: 0;
    margin-top: -3px;
    margin-bottom: 0px;
}
input[type="submit"]:hover{
    opacity: 1;
}
.voted-pour,
.voted-contre,
.voted-abstenu,
.voted-absent{
    width: 12px;
    height: 11px;
    margin-top: 3px;
}
.voted-pour{ background: url('../images/vote-pour.png') no-repeat; }
.voted-contre{ background: url('../images/vote-contre.png') no-repeat; }
.voted-abstenu{ background: url('../images/vote-abstention.png') no-repeat; }
.voted-absent{ background: url('../images/vote-absent.png') no-repeat; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

*[rel="tooltip"]{
    text-decoration:none;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
}
.tooltip.right {
  margin-left: 3px;
}
.tooltip.bottom {
  margin-top: 3px;
}
.tooltip.left {
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.ar .popover{
    text-align: right;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

/* nanoScroller */
.nano .content { padding: 0 30px; }
.nano .pane   { background: transparent!important; }
.nano .slider { background: #333!important; border-radius: 4px!important; opacity: 0.6!important; }
.ar .nano .pane{ left: 0; right: auto; }

/*
body{ background-color: transparent; }
#menu{ margin-top: 102px; }
#main{ box-shadow: none; }
*/