/* CSS du formulaire VPH */

/* Définit l'image de fond du container Body */
.block-body
{
    background-color : white;
    background : url('../../img/topFormulaire.png') no-repeat;
    background-size: 1493px;
    margin-top : -15px;
    background-position-x: center;
}

/* Définit le style du formulaire */
.policeFormulaire
{
    font-family : 'Quicksand', sans-serif;
}

/* Définit le style du titre du Formulaire */
.policeFormulaire .titreFormulaire
{
    text-align : center;
    height : 150px;
    color : white;
}

/* position du titre du Formulaire */
.policeFormulaire .titreFormulaire .titreMainFormulaire
{
    position : relative;
}

/* Ligne sous le titre du formulaire */
.policeFormulaire .titreFormulaire .titreMainFormulaire .ligneMainFormulaire
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid white;
    right : 50%;
    margin : 15px -25px 5px 0px;
}

/* Style du block de recherche */
.policeFormulaire .styleBlockRecherche
{
    color : white;
    background-color : #2b2b2b;
    padding-top : 25px;
    padding-bottom : 25px;
    border-radius : 10px;
    margin-top : 25px;
}

/* marge entre l'image et le titre */
.policeFormulaire .styleBlockRecherche .imageLoupeFormulaire
{
    margin-right : 5px;
}

/* Position du titre du block de recherche */
.policeFormulaire .styleBlockRecherche .titreBlockRecherche
{
    position : relative;
    font-size: 30px;
}

/* Position du titre du block de recherche */
.policeFormulaire .styleBlockRecherche .titreBlockRecherche .ligneBlockRecherche
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #59b9d0;
    left : 0;
    margin : 5px -25px 5px 0px;
}
.policeFormulaire .styleBlockRecherche .titreBlockRecherche .ligneBlockRechercheAvancee
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #59b9d0;
    left : 65px;
    margin : 45px -25px 5px 0px;
}

/* Met les éléments en ligne dans des blocs */
.inlineBlock
{
    display : inline-block;
}

/* Style de la barre de recherche principale */
.policeFormulaire .styleBlockRecherche .rechercheVPH
{
    width : 100%;
    margin-top : 25px;
    border-radius : 10px;
    border : none;
    height : 30px;
    color : black;
    font-size : 16px;
    padding-left : 20px;
    background-color : #e9e9e9;
}

/* Style du block Déficience */
.policeFormulaire .styleBlockRecherche .blockDeficience
{
    margin-top : 10px;
    border-right : 1px solid #555555;
}

/* Titre de la Déficience */
.policeFormulaire .styleBlockRecherche .titreDeficience, .policeFormulaire .styleBlockRecherche .titreCategorie
{
    position : relative;
    margin-bottom : 25px;
    font-size: 20px;
}

/* Ligne du titre de la déficience */
.policeFormulaire .styleBlockRecherche .titreDeficience .ligneDeficience, .policeFormulaire .styleBlockRecherche .marginCategorie .ligneCategorie
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #59b9d0;
    left : 0;
    margin : 5px -25px 5px 0px;
}

/* Centre le texte */
.textCenter
{
    text-align : center;
}

/* Margin entre les pictos & le texte */
.policeFormulaire .styleBlockRecherche .blockDeficience .margeDeficience
{
    margin-top : 10px;
}

/* Met une marge entre le titre de la catégorie et l'input de recherche */
.policeFormulaire .styleBlockRecherche .marginCategorie
{
    margin-top : 10px;
}

/* Modifie le style du select Catégorie */
.policeFormulaire .styleBlockRecherche .selectCategorie, .policeFormulaire .styleBlockRecherche .selectSousCategorie
{
    width : 100%;
    border-radius : 10px;
    border : none;
    height : 30px;
    background-color : #e9e9e9;
    color : black;
    padding-left : 20px;
}

/* Ajoute une marge entre le bouton et le select des catégories */
.policeFormulaire .styleBlockRecherche .marginBoutonRecherche
{
    margin-top : 20px;
}

/* Met en position relative le titre VPH */
.policeFormulaire .titreVph
{
    position : relative;
}

/* Ajoute une ligne en dessous du titre VPH */
.policeFormulaire .ligneVph
{
    width : 50px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #36636e;
    left : 0;
    margin : 5px -25px 5px 0px;
}

/* Rajoute une marge entre le block de recherche et les possibilités de tri */
.policeFormulaire .marginTri
{
    margin-top : 25px;
}

/* Adapte la marge du type d'affichage */
.policeFormulaire .marginTri .marginAdapteType
{
    margin-top : -7px;
}

/* Style du select pour le nombre de résultat */
.policeFormulaire .marginTri .selectNbResult
{
    border : none;
    font-weight : bold;
    font-size : 17px;
}

/* Style de l'image colonne */
.policeFormulaire .marginTri .imageColonne
{
    margin : 0px 15px 0px 10px;
}

/* Style de l'image liste */
.policeFormulaire .marginTri .imageListe
{
    margin-left : 10px;
}

/* Marge de la div du titre */
.margeTopTen
{
    margin-bottom : 50px;
}

@media (max-width : 768px)
{
    .margeTopTen a, .margeTopTen input, .margeTopTen img
    {
        margin-top : 10px;
    }
}

/* Met le texte en gras */
.textBold
{
    font-weight : bold;
}

/* Style de la cellule de chaque image sous forme de colonne */
#colonneAffichage .celluleColonne
{
    height : 300px;
}

/* Max taille de l'image du topten */
.imgTopTen
{
    max-height : 250px;
    max-width : 250px;
}

#listeAffichage th, #listeAffichage td
{
    border : none;
}

#listeAffichage th
{
    color : #36636e;
    font-weight : bold;
}

/* Hauteur maximum d'une ligne dans la liste du top 10 */
.maxHeightListe, .topTenImgListe
{
    height : 80px;
    width : 80px;
}

/* Checkbox des articles top 10 en liste */
.table>tbody>tr>td
{
    padding-top : 29px;
}

/* Padding adapté pour les fabricants et les distributeurs */
.table>tbody>tr>td.paddingDistriFabri
{
    padding-top : 9px;
}

/* Padding adapté pour les images miniatures de la liste */
.table>tbody>tr>td.imgListeMiniature
{
    padding-top : 0;
}

/* Centre le texte */
.textCenter
{
    text-align : center;
}

/* couleur text résulat to 10 */
.couleur-resultat {
    color: rgba(0, 91, 128, 1);
}

/* Définit le style du nom de Page où on est */
.page
{
    color : #36636e;
    font-weight : bold;
    position : relative;
    border-bottom : 2px solid #386873;
}

.lienAccueil
{
    color : black;
}

.marginPath {
    margin-top : 15px;
}

.detailBoutonImpression
{
    width : 1.8em;
    height : 100%;
    margin-left : 5px;
}

/* style de la police du texte pour la redirection sur la recherche avancée */
.rechercheAvanceVPH
{
    margin-top : 10px;
    font-size : 10px;
    font-style : italic;
}

.rechercheAvanceVPH a
{
    color : #5bc0de;
}