/* 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;
}

/* 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: 24px;
}

/* 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;
}

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

/* Style de la barre de recherche principale */
.policeFormulaire .styleBlockRecherche .rechercheProduit
{
    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;
}

@media (max-width:991px)
{
	.policeFormulaire .styleBlockRecherche .blockDeficience
	{
        border : none;
    }

    .policeFormulaire .styleBlockRecherche .blockDeficience div
	{
        padding-left : 0px;
        padding-right : 0px;
    }
}

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

/* 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;
}

/* Marge entre les deux selects */
.policeFormulaire .styleBlockRecherche .selectSousCategorie
{
    margin-top : 20px;
}

/* Met en position relative le titre Produit */
.policeFormulaire .titreProduit
{
    position : relative;
}

/* Ajoute une ligne en dessous du titre Produit */
.policeFormulaire .ligneProduit
{
    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;
}

/* 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 max des rows de la liste */
.maxHeightListe
{
    height : 80px;
}

/* Style del a checkbox */
.checkboxListe
{

}

/* 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;
}

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

/* 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;
}

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

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

.rechercheAvanceProduit a
{
    color : #5bc0de;
}

#block-btnTopTen
{
    margin-bottom : 20px;
}

.suggestionsBox {
  position: absolute;
  z-index: 100;
  width: 30%;
}

/* marge responsive du block de boutons pour le top ten */
@media (max-width : 768px)
{
    #block-btnTopTen a, #block-btnTopTen input, #block-btnTopTen img
    {
        margin-top : 10px;
    }
}