@import "ajaxloading.css";
/* 
    Document   : style
    Created on : 14 sept. 2012, 11:25:01
    Author     : n.butet
    Description:
        Purpose of the stylesheet follows.
*/
/*
*
* STYLE LAYOUT GENERAL
*
*/
body{
    font-family: 'Arial', sans-serif;
    background: url('../img/subtle_dots.png');
    font-size: 12px;
}

.titillium10{
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
}

.titillium14{
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

.container{
    background-color: #FFFFFF;
}

div#logomenu{
    height: 75px;
}

div#logo{
    background: white url('../img/logo_lexicotheque.png') no-repeat left;
    height: 100%;
}

div#menu{
    height: 32px;
    padding-top: 43px;
}

/*Surcharge de la class du bootstrap pour supprimer les arrondis du bas*/
.nav-pills > li > a {
    border-radius: 5px 5px 0 0;
}

/*Surcharge de la class du bootstrap pour la couleur */
.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #F2652E;
    color: #FFFFFF;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #C3E7E6;
}

a {
    color: #7F7F7F;
    text-decoration: none;
}

a:hover {
    color: #515151;
}

a.bluelink{
    color: #2CB7E9;
}

div#logo a{
    text-decoration: none;
}

h1#titleLexico{
    font-family: 'Titillium Web', sans-serif;
    padding-left: 50px;
    padding-top: 16px;
}

span#titlePart1{
    color: #F2652E;
}
span#titlePart2{
    color: #515151;
}

div#bandeau{
    background-image: url('../img/bandeau.jpg');
    height: 180px;
}

div#searchBandeau{
    padding-top: 85px;
}

div#titleRechAvan a{
    color: #FFFFFF;
    text-decoration: underline;
}

div#titleRechAvan a:hover{
    color: #363636;
    text-decoration: underline;
}

form{
    margin: 0px 0px;
}

div#titleRechAvan{
    padding-left: 108px;
    padding-left: 82px\9; /*Hack IE - je sais c pas bien mais c pour l'alignement du voir aussi: recherche avancee*/
    color: #FFFFFF;
}

.btn, .bold{
    font-weight: bold;
}

div#subTitle{
    margin-left: 0px;
}

div#mainTitle{
    color: #F2652E;
    border-bottom: 1px dotted #CECAC3;
}

div.mainTitleHome{
    margin-left: 50px;
}

div.iconpdf{
    text-align: right;
}

div.footer{
    margin-top: 20px;
    margin-left: 0px;
    padding-top: 10px;
    background-image: url('../img/bgnoise.png');
    height: 30px;
    text-align: center;
}

div.copyright{
    text-align: center;
    font-size: 12px;
}

.topmargin30{
    margin-top: 30px;
}


div#loading{
    width: 200px;
    height: 40px;
    padding-top: 15px;
    background-color: #000000;
    moz-opacity:0.8;
    opacity: 0.8; 
    filter:alpha(opacity=80);
    text-align: center;
    color: #FFFFFF;
    display: none;
}

div#textloading{
    padding-left: 30px;
}


.highlight {
    background-color: #FFFF88;
}



/*
*
* Style page d'accueil
*
*/


div#accListCategs{
    margin-top: 15px;
    margin-left: 33px;
}

span#accCategTitle, div.accCategTitle a{
    color: #2CB7E9;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

div.boite{
    border: 1px solid #CECAC3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-top: 10px;
    height: 240px;
}

div.boiteContainer{
    width: 400px;
    margin-left: 55px;
}

div#coldroiteaccueil{
    background-image: url('../img/lettres.jpg');
    height: 316px;
}

div.textBoiteLeft, div.textBoiteRight{
    font-size: 11px;
    line-height: 17px;
}

div.textBoiteLeft{
    width: 149px;
}

div.photoBoiteLeft{
    width: 217px;
    margin: 10px 0px 0px 0px;
    text-align: center
}

div.photoBoiteRight{
    margin: 0px 0px 0px 20px;
    text-align: center;
    height: 140px;
    width: 120px;
}

.titleBoite{
    background-color: #91BC1D;
    color: #FFFFFF;
    height: 25px;
    padding: 3px 0px 0px 20px;
}



/*
*
* Styles Page Sous Categories
*
*/

.asideLeft{
    margin-left: 90px;
}

div#subTitle h6{
    margin-top: 0px;
}

.orange{
    color: #F2652E;
}

/* herite de la couleur du body -> #333333 */
div#subTitle h6.gris{
    color: inherit;
    margin-bottom: 0px;
}

div.subTitleBold{
    font-weight: bold;
}

div.subTitleUnderline{
    text-decoration: underline;
}

div.sscBreadcrumb{
    font-weight: bold;
}

div.sscBreadcrumb img{
    vertical-align: top;
}

div.sscBreadcrumb span{
    margin: 0px 5px 0px 5px;
}

div.sscBreadcrumb span.breadcrumbblue, div.sscBreadcrumb a.breadcrumbblue{
    color: #2EB8E9;
}

a.sscSelect{
    color: #2EB8E9;
}

div#divTableFiches{
    margin: 25px 0px 0px 0px;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}


table th.thLang{
    font-size: 19px;
    font-family: 'Titillium Web', sans-serif;
    color: #2EB8E9;
    width: 25%;
    text-align: center;
}

table th img {
    padding-bottom: 4px;
}

table th.thTitle{
    font-size: 17px;
    color: #F2652E;
    font-weight: normal;
    text-align: center;
}

.table td{
    line-height: 13px;
    padding-left: 8px;
    font-size: 12px;
    color: #525252;
}

div.categRight{
    border: 1px solid #CECAC3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-top: 20px;
}

div.categRight h4.titleBoite{
    font-size: 21px;
    font-weight: normal;
    padding-left: 8px;
}

div.accCategTitle a{
    font-size: 12px;
    font-weight: normal;
}

.accordion-heading .accordion-toggle{
    padding-left: 8px;
    padding-right: 8px;
}

div#monaccordeon li.selected{
    color: #515151;
    text-decoration: underline;
}

div.accCategTitle img{
    padding-bottom: 4px;
}

/* Accordeon */

.accordion-inner {
    padding-left: 0;
    padding-right: 8px;
}


/* Pagination */
.pager a{
    color: #2EB8E9;
}


/*
*
* RECHERCHE AVANCEE
*
*/
div.advSearchZone{
    border: 1px solid #CECAC3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    margin-top: 20px;
    padding: 20px;
}

div.advSearchZone div.search2ndCol{
    margin-left: 0px;
}

div.advSearchZone div.subTitleSearch{
    width: 80px;
}

div.advSearchZone img{
    margin-right: 20px;
}

.ui-widget {
    font-size: 11px;
}

.ui-multiselect-checkboxes label{
    font-size: 10px;
    line-height: 20px;
}

.ui-multiselect-checkboxes input[type="checkbox"]{
    margin: 0px 5px 2px 0px;
}

div.advSearchZoneBtn{
    text-align: center;
}

div#callback{
    margin-left: -30px;
    width: 187px;
}

.form-actions{
    background-color: #FFFFFF;
}

.form-horizontal .controls{
    margin-left: 0px;
}

span#surligne{
    background-color: #FFFF88;
}

/*
*
* Administration
*
*/

div.rightSepar{
    border-right: 1px solid lightgray;
}

div.marginRightSepar{
    margin-left: 9px;
}

/*Couleur des Labels*/
.label-info, .badge-info {
    background-color: #25509F;
}

.label-warning, .badge-warning {
    background-color: #F8B606;
}


/*
*
* Pages article
*
*/

.page_article{
    color: #7D7D7D;
    text-align: justify;
}

.page_article h5{
    margin-bottom: 0px;
}

.page_article .imgborder{
    border: 4px solid #D4D4D4;
}