/* 
    Document   : style
    Created on : 2010-12-15, 09:54:19
    Author     : apreau
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@media print
{
    div#conteneur
    {
       min-height:0px; 
    }
    div#conteneur div#entete{
        visibility:collapse;
    }
    #titre{
        display : none;
    }
    div.resultat-recherche
    {
        display:none
    }
    body{
        font-family: Arial,Helvetica,sans-serif;
        background-image : none;
        color:#111111;
        font-size:90%;
        height:auto;height:100%;min-height:100%;
    }
}
*{
margin:0;
padding:0;
}

html{font-size: 13px;
     height:auto;height:100%;min-height:100%;}

/*font-size changé de 12px à 0.92em */
body{
font-family: Arial,Helvetica,sans-serif;
color:#5c5c5c;
background:url('../images/bg/bg-body.png') top center no-repeat #fff;
font-size:90%;
height:auto;height:100%;min-height:100%;
}
/* Avec le sytème d'exploitation MAC OSX Lion et Safari, la barre de défilement de la liste des domaines
    n'est pas affichée. Ce style remédie à cette situation.
    www.hardcode.nl/subcategory_2/article_575-force-scrollbars-on-mac-os-lion-webkit.htm
*/
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/******* CLASSES *******/
.chk_disabled{ 
    /*Disabled link style*/ 
    color:Gray;
} 

/*
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/btn/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
*/
a{
outline:none;
color:#00629e;
text-decoration:underline;
}



p.sousTitre{
font-size:1.3em;
font-family:Georgia, serif;
padding:20px 0 0 0px;
}


a img {border:0;}

div.clear {
clear:both;
}

a.underline{
text-decoration:underline;
}

.lien-bleu{
text-decoration:underline;
color:#00629e;
cursor:pointer;
padding-top:7px;
display:block;
}

span.bleu-nonsouligner{
text-decoration:none;
color:#00629e;
}

div.margin {
margin:0 0 0 12px;
}

div#conteneur{
width:921px;
margin:0px auto;
position:relative;
background:url('../images/bg/bg_conteneur.jpg') repeat-x scroll 0 0 #e5e5e5;
min-height:1000px;
font-size:1.1em;
}

/********** DIV ENTETE ***************/
div#conteneur div#entete{
padding:0;
width:921px;
}

        div#conteneur div#entete h1{padding:10px 0 0 0;}
	div#conteneur div#entete h1 a{
	width:220px;
	height:80px;
	background:url('../images/logo-oqlf.png') no-repeat;
	text-indent:-9999px;
	padding:10px 0 0 10px;
        margin:0 0 0 10px;
        display:block;
	}

        div#entete div#tailleTexte{position:absolute; top:102px; right:16px;width:55px; height:24px;background:url('../images/bg/bg-taille-texte.gif') no-repeat;}
        div#entete div#tailleTexte img#aPetit{margin:0 0 0 10px;}
        div#entete div#tailleTexte .accessibiliteSize{cursor:pointer;}

	div#entete img#granddictionnaire{position: absolute;right:0px;top:0px;}

	/*********** MENU ***************/	
	div#entete ul#menu{
	position: absolute;
	right:0px;
	background-color:#003399;
	top:58px;
	height:20px;
	min-width:582px;
	padding:3px 0 0 0;
	}

	div#entete ul#menu li{display:inline;background-color:#003399;}

	div#entete ul#menu li a{
	color:#fff;
	text-decoration: none;
	font-size:0.9em;
	padding:0 11px 0 11px;
	}

        div#entete ul#menu li a:hover{text-decoration: underline;}

	/*********** FIN DU MENU ***************/	

/********** FIN DIV ENTETE ***************/

/*** DIV TITRE DE LA PAGE *********/
#titre{

}

    #titre img.picto{ float:left; margin:0 8px 0 15px; }

    #titre h1{
    border-bottom:2px dotted #6e6965;
    color:#6e6965;
    font-size: 1.6em;
    font-family: Georgia,'Times New Roman', Times, serif;
    padding:10px 0 10px 0;
    margin:0 10px 0 14px;
    }

  /* Affichage spécial du titre de la page d'accueil*/
    #gdt{
    border-bottom:2px dotted #6e6965;
    color:#066BA7;
    font-size: 1.7em;
    font-weight:bold;
    font-style:italic;
    font-family: 'Helvetica Neue LT Std', Arial;
    padding:10px 0 10px 0;
    margin:0 10px 0 14px;
    }

/********** DIV CONTENU ***************/

div#conteneur #contenu #gauche{

}

/***** EXPLORER ***************************/
        div#gauche div#explorer{
            width:272px;
            /*BBO 2011-11-25*/
            /*margin:52px 5px 0 5px;*/
            margin:10px 0 0 5px;
            padding: 10px 0 17px 0;
            float:left;
            display: inline;
            position:relative;
        }

        div#gauche div#explorer div.margin{

        }

                div#gauche div#explorer div.margin div.bloc-titre{
                border-bottom:2px dotted #6e6965;
                width:256px;
                margin:0 0 10px 0;
                }

                        div#gauche div#explorer div.margin div.bloc-titre h2{
                        color:#6e6965;
                        font-size: 1.6em;
                        font-family: Georgia,'Times New Roman', Times, serif;
                        padding:10px 0 0 0;
                        }

                        div#gauche div#explorer div.margin div.bloc-titre img.picto{
                        float:left;
                        margin:0 16px 0 0 ;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-publication{
                            width:260px;
                            min-height:123px;
                            color:#fff;
                            font-family: Georgia,'Times New Roman', Times, serif;
                            background:#2f92cc;
                            margin:0 0 20px 0;
                            position:relative;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-publication  h3{
                                font-size:1.6em;
                                margin:0 16px 0 12px;
                                padding:12px 0 12px 0;
                                border-bottom:1px dotted #fff;
                        }
                        
                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-publication div.jqTransformSelectWrapper{
                                margin:12px 16px 0 12px;
                                color:#6e6965;
                        }


                div#gauche div#explorer div.margin div.bloc-contenu-explorer{
                        width:260px;
                        min-height:123px;
                        color:#fff;
                        font-family: Georgia,'Times New Roman', Times, serif;
                        background:#2f92cc;
                        margin:0 0 20px 0;
                        position:relative;
                }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer  h3{
                                font-size:1.6em;
                                margin:0 16px 0 12px;
                                padding:12px 0 12px 0;
                                border-bottom:1px dotted #fff;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer p{
                                font-size:0.9em;
                                margin:0 16px 0 12px;
                                padding:12px 0px 12px 0;
                                font-family: Arial, sans-serif;

                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer p.ensavoirplus a, div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute p.ensavoirplus a {
                        position:absolute;
                        bottom:0;
                        right:0;
                        text-indent:-9999px;
                        display:block;
                        width:20px;
                        height:19px;
                        background:url('../images/btn/btn-ensavoirplus.png') no-repeat;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer ul{
                                font-size:0.9em;
                                margin:0 16px 0 12px;
                                padding:12px 0px 12px 0;
                                font-family: Arial, sans-serif;
                                list-style-type: disc;
                                list-style-position:inside;
                        }
                                div#gauche div#explorer div.margin div.bloc-contenu-explorer ul li{padding:0 0 5px 0;}


                                div#gauche div#explorer div.margin div.bloc-contenu-explorer ul li a{text-decoration:underline;color:#fff;}


               

                div#gauche div#explorer div.margin div.bloc-contenu-explorer-v2{
                        width:260px;
                        min-height:99px;
                        color:#6e6965;
                        font-family: Georgia,'Times New Roman', Times, serif;
                        background:url('../images/bg/bg-bloc-contenu-explorer-v2.jpg') repeat-x #d9d9d9;
                        margin:0 0 20px 0;

                }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-v2 img.picto{
                                float:left;
                                margin:0 7px 0 12px ;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-v2  h3{
                                font-size:1.25em;
                                margin:0 16px 0 12px;
                                padding:12px 0 12px 0;
                                border-bottom:1px dotted #6e6965;
                        }

                        div#gauche div#explorer div.margin div.bloc-contenu-explorer-v2 p{
                                font-size:0.9em;
                                margin:0 16px 0 12px;
                                padding:12px 0px 12px 0;
                                font-family: Arial, sans-serif;

                        }

/***** NOUVEAUTE ***************************/

 div#millieu{
    width:270px;
    float:left;
    position:relative;
    display: inline;
    /*margin:52px -9px 0 0;*/
    /*BBO 2011-11-25*/
    /*margin:52px 15px 0 0;*/
    margin:10px 15px 0 0;
    padding: 10px 0 17px 0;
 }

        div#millieu div#nouveaute{
            /*width:270px;
            float:left;
            margin:52px -9px 0 0;
            padding: 0 0 17px 0;*/
            position:relative;
            display: inline;
        }
            div#millieu div#nouveaute div.margin{

            }

                    div#millieu div#nouveaute div.margin div.bloc-titre{
                    border-bottom:2px dotted #6e6965;
                    width:256px;
                    margin:0 0 10px 0;
                    }

                            div#millieu div#nouveaute div.margin div.bloc-titre h2{
                            color:#6e6965;
                            font-size: 1.6em;
                            font-family: Georgia,'Times New Roman', Times, serif;
                            padding:10px 0 0 0;
                            }

                            div#millieu div#nouveaute div.margin div.bloc-titre img.picto{
                            float:left;
                            margin:0 16px 0 0 ;
                            }

                    div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute{
                        width:270px;
                        min-height:120px;
                        margin:0 0 27px 0;
                        
                    }
                    
                        div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute .titre{
                            background-repeat: no-repeat;
                            background-position: 50%;
                            text-align: center;                             
                            height: 66px;
                            width: 260px;
                        }
                        
                        div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute .titre span {
                            position:relative;
                            font-size: 1.2em; color: #fff; font-weight: bold;
                        }
/* Erreur pour l'accessibilité
The document contains the element: img with the deprecated attribute: border
*/
/*                        div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute img.img-nouveaute{
                            border:3px solid #e2e8e4;
                        }
*/
                        div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute div.rubrique{
                            width:260px;
                            min-height:47px;
                            background:url('../images/bg/bg-p-nouveaute.jpg') repeat-x bottom #fff;
                            display:block;
                            position:relative;
                            
                        }

                                div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute div.rubrique p{
                                    font-size:0.9em;
                                    margin:0 10px 0 10px;
                                    padding:10px 0 10px 0;
                                }

                                div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute div.rubrique p.titre{
                                    border-bottom:2px dotted #6e6965;
                                    padding:5px 0 5px 0;
                                }

                                        div#millieu div#nouveaute div.margin div.bloc-contenu-nouveaute div.rubrique p a{
                                            text-decoration:underline;
                                            color:#6e6965;
                                        }

/*********** RECHERCHE ********/

div.resultat-recherche
{
    background-color: #CDE9BD;
    /*BBO 2012-04-02 Boîte paramètre large enlever les 3 lignes suivantes*/
    width:330px;
    margin-left:auto;
    margin-right:auto;
}
.texteRecherche{
    width:175px;
    margin-top:5px;}
.lblPrefRecherche
    {
        font-weight:bold;}
    /*
    .lblPrefRecherche
    {
    padding:0 10px 5px 0;
    position:relative;
    display:inline-block;}
    */
    
    .noborder
    {
        border-style:none;
    }
.bouton-recherche
{
    
    display:inline-block;
    float:right;
}
div#conteneur #contenu #droite{
float:left;
/*margin:34px 0 0 24px;*/
margin: 10px 0 0 0;
height:0;
display: inline;
position:relative;
width:352px;
}

    .bloc-titre img{
                        vertical-align:middle;
                         margin:0 16px 10px 0px;
                    }
                   
    .bloc-titre h2{ 
                        color:#6e6965;
                        font-size: 1.6em;
                        font-family: Georgia,'Times New Romanw Roman', Times, serif;
                        padding:0;
     }

        div#conteneur div#contenu div#droite div#recherche div.bloc-titre{
            /*width:256px;*/
            margin:0 0 10px 25px;
            padding:18px 0 0 0;
            }

                     div#conteneur div#contenu div#droite div#recherche div.bloc-titre h2{
                        color:#6e6965;
                        font-size: 1.6em;
                        font-family: Georgia,'Times New Romanw Roman', Times, serif;
                        padding:10px 0 0 0;
                    }

                    div#conteneur div#contenu div#droite div#recherche div.bloc-titre img.picto{
                        float:left;
                        margin:0 16px 0 0 ;
                    }

        div#conteneur #contenu #droite div#recherche p#preferenceRecherche{
        margin:0px 0 0 20px;
        }

        * + html div#conteneur #contenu #droite div#recherche p#preferenceRecherche{
        margin:5px 0 0 20px;
        }

                
        /***** Zone de recherche Input ************/
        div#conteneur #contenu #droite div#recherche div.jqTransformInputWrapper{
        margin:4px 0 0 20px;
        /*width:207px !important;*/
        }
                    div#conteneur #contenu #droite div#recherche .jqTransformInput{
                        width:195px;
                    }

        /***** Boutton rechercher  ************/
        div#conteneur #contenu #droite div#recherche button.jqTransformButton{
        margin:2px 0 0 0;
        }

/********************* DIV RECHERCHE AVANCEE ****************************************/
    div#droite .avancee{
        background:url('../images/bg/repeat-avancee-contenu.png') repeat center;
        width:352px;
        float:right;
    }


        div#avancee #repeat-contenu{ 
        margin-left:35px;
        }

        div#droite .avancee  label{
        color:#5c5c5c;
        font-size:1.0em;

        }
        

        /*div#droit div#avancee .avancee  div#expression{
        margin:10px 0 0 0px;
        }*/


        /******** CASE A COCHER RECHERCHER DANS *********************/
        div.recherchedans{margin-top:10px;width:250px;}
            div.recherchedans p{margin-bottom:5px}

            div#droite .avancee div.recherchedans p{display:inline-block;margin-right:10px; vertical-align:top}

                div#droite .avancee div.recherchedans div#recherchedans{display:inline-block;width:150px;}
                
        
        /*******************Domaines *************************************/
        .domaines span{vertical-align:top;}
        .domaines img{padding-top:1px;margin-left:2px}
        .domainesimage{
            vertical-align: middle;
            float:right; 
            width:15px; 
            height:15px;
        }



        /************** Zone de sélection Langue d'intérrogation **********/
        div#conteneur div#contenu div#droite div#avancee  div#interrogation{
        }


            div#conteneur div#contenu div#droite div#avancee  div#interrogation .jqTransformSelectWrapper{
            margin:12px 0 0 0px;
            }

            div#conteneur div#contenu div#droite div#avancee  div#interrogation  .interrogation{
            margin:20px 0 0 0px;
            }
       .lblfor{
            margin:20px 5px 0 0px;
            }
       /************** Zone de sélection  Langue d'équivalence **********/
        div#conteneur div#contenu div#droite div#avancee  div#equivalent{

        }

            div#conteneur div#contenu div#droite div#avancee  div#equivalent  .equivalent{
                margin:08px 0 0 30px;
            }


            div#conteneur div#contenu div#droite div#avancee  div#equivalent .jqTransformSelectWrapper{
            margin:0px 0 0 0px;
            }

            /************* INPUT RECHERCHER UN DOMAINE *****************/
            div#conteneur div#contenu div#droite div#avancee  div#rechercherDomaine{
            width: 278px !important;
            }
            
                div.ui-widget{
                margin:10px 0 0 0px;
                }

                    div#conteneur div#contenu div#droite div#avancee  div#rechercherDomaine .jqTransformInputWrapper{
                    width: 278px !important;
                    }

                    div#conteneur div#contenu div#droite div#avancee  div#rechercherDomaine  .jqTransformInput{
                    width: 270px !important;
                    }

                    #domaine p{font-size:1.0em;float:left;}


            /****** LISTE DES DOMAINES *************/
            div#conteneur div#contenu div#droite div#avancee  div#resultat{
            margin:0 0 20px 0;
            width:277px;
            }

                div#conteneur #contenu #droite #avancee  ul.ui{
                border:1px #6aafd8 solid;
                margin:5px 0 0 0;
                width:277px;
                background:#fff;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -khtml-border-radius: 5px;
                list-style:none;
                overflow:auto;
                height:74px;
                }

                        div#conteneur #contenu #droite #avancee  ul.ui li.menu-item{
                        width:260px;
                        margin:2px 0;
                        }

                        div#conteneur #contenu #droite #avancee  ul.ui li.menu-item:hover{
                        width:260px;
                        margin:2px 0;
                        background:url(../images/bg/bg_li.jpg) repeat;
                        }

                                div#conteneur #contenu #droite #avancee  ul.ui li.menu-item a.corner-all{
                                width:250px;
                                height:16px;
                                display:block;
                                color:#6e6965;
                                font-size:1.0em;
                                padding:0 0 0 8px;
                                text-decoration:none;
                                }

            /**** AFFICHE LES DOMAINES SELECTIONNES ******************/
            ul.domaines {padding-right:5px;}
            ul.domaines {padding-right:5px;}
            /*div#domaine {max-height:48px;overflow:auto;margin-bottom:5px;}*/
            div#domaine {max-height:112px;margin-bottom:5px;}
            div#conteneur #contenu #droite #avancee #rechercherDomaine .removeItem{cursor:pointer;
            }
            ul.domaines li span.itemsLi{white-space:nowrap;}
            
            #rechercherDomaine ul.domaines li{
            float:left;
            list-style:none;
            padding:0 5px 0 0;
            color:#6e6965;
            font-size:1.0em;
            }

                    div#conteneur #contenu #droite #avancee #rechercherDomaine ul.domaines li a{
                    padding:0 0 0 5px;
                    }

            div#conteneur #contenu #droite #avancee  a.valider{
            background:url('../images/btn/valider.png') no-repeat right;
            width:250px;
            height:16px;
            display:block;
            color:#6e6965;
            font-size:1.0em;
            padding:0 0 0 8px;
            text-decoration:none;
            }
            /******* PIED DE PAGE RECHERCHE AVANCEE ***************/
            div#conteneur div#contenu div#droite div#avancee  div#pieddepageRecherche{
            padding: 0 25px 0 0;
            }

                    div#conteneur div#contenu div#droite div#avancee  div#pieddepageRecherche img#submitMemoriser{
                    margin:20px 0 0 20px;
                    cursor:pointer;
                    }
            /*** Conserver cette boite ouverte **********/
            div#caseacocher{margin:0 0 0 30px;}

        /****** IMAGE QUI FERME MA DIV **************/
        div#droite .avancee + div + div#bottom-recherche-avancee{background:url('../images/bg/bg-recherche-avancee-bas-contenu.png') no-repeat center;
        width:352px;
        height:57px;
        }

       

/********** FIN DIV CONTENU ***************/

/********** DIV pieddepage  ***************/
div#conteneur #pieddepage{
width:100%;
margin:30px 0 0 0;
}

        div#conteneur #pieddepage p{
        text-align:center;
        font-size:0.8em;
        padding:0 0 10px 0;
        
        }
        
        /*div#conteneur #pieddepage p span{display:block;}*/
        div#conteneur #pieddepage p span a{display:inline-block;}

                div#conteneur #pieddepage p img{
                margin:10px 0 0 0;
                }


/********** FIN DIV FOOTER ***************/


/************ Plan du site **************/
ul.sitemap{
        list-style:none;
        margin:0 0 0 15px;
        font-weight:bold;
}
ul.sitemap li{
        padding:10px 0 0  0;
}
/*ul#sitemap li a{
        text-decoration:none;
        font-size:1.6em;
        color:#00629e;
}*/

ul.sitemap li a:hover{
        text-decoration:underline;
}
.titre2
{margin:10px 0 10px 15px;
 font-weight:bold;
}


ul.sousMenu{padding:10px 0 0 20px;
            margin:0 0 15px 15px;}
ul.sousMenu li {color:#5c5c5c;
                  margin-bottom:5px;}
#courrier p{
font-size:0.9em;
                                margin:0 16px 0 12px;
                                padding:12px 0px 12px 0;
                                font-family: Arial, sans-serif;}

/***** AUTOCOMPLETE AJAXCONTROLTOOLKIT******/
.autocomplete_list
{
    background-color:White;
}
.autocomplete_listitem
{
    text-indent:-10px;
    margin-left:10px;
    }
    .hoverlistitem  
    {
        text-indent:-10px;
        margin-left:10px;
        cursor:pointer;
        color:Blue;
        } 

    
/***** AUTOCOMPLETE AJAXCONTROLTOOLKIT******/
.ccc label
{
    margin-left:3px;
    margin-right:5px;
    }
.ccc input
{
    vertical-align:middle;
}
.ccc td
{
    height:18px;
}


/******* RAPPATRIAGE DU CODE QUI ÉTAIT IN-LINE AUTREFOIS *********/
.resultat-recherche .bouton_recherche{
    display: inline;
    height: 22px;
    margin-left: 5px;
    x-position:relative;
}

.resultat-recherche .bouton_recherche input{
   width:88px;
   height:28px;
   font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.prefnon{
    display: block; 
    float: left;
}

.resultat-recherche .label_recherche .bloc-titre span{
    font-weight: bold;
    margin-top: 10px;
}
#avanceecontenu{
    width:310px;
}

#ctl00_ContentPlaceHolder1_ucParametresMobile_attente{
    left:285px;
}

/********************************************************************/