/* CSS de la page résultat Produit d'assistance */

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

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

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

/* position du titre du Formulaire */
.policeResultat .titreResultat .titreMainResultat
{
    position : relative;
}

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

/* Marge entre le fil d'ariane et le type d'affichage */
.policeResultat .marge_Affichage
{
    margin-top : 30px;
}

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

/* marge entre l'image et le titre */
.policeResultat .styleBlockResultat .imageLoupeResultat
{
    margin-right : 5px;
}

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

/* Position du titre du block de recherche */
.policeResultat .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 */
.policeResultat .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 */
.policeResultat .styleBlockRecherche .blockDeficience
{
    margin-top : 10px;
    border-right : 1px solid #555555;
}

/* Style block déficience responsive à partir de 991 px */
@media (max-width:991px)
{
	.policeResultat .styleBlockRecherche .blockDeficience
	{
        border : none;
    }

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

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

/* Ligne du titre de la déficience */
.policeResultat .styleBlockRecherche .titreDeficience .ligneDeficience, .policeResultat .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 */
.policeResultat .styleBlockRecherche .blockDeficience .margeDeficience
{
    margin-top : 10px;
}

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

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

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





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

/* Ajoute une ligne en dessous du titre Produit */
.policeResultat .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 */
.policeResultat .marginTri
{
    margin-top : 25px;
}

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

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

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

/* Style de l'image liste */
.policeResultat .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 .celluleColonneResult
{
    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;
}

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

/* Hauteur maximale de chaque row des listes */
.maxHeightListe
{
    max-height : 80px;
}

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

/* Toutes les rows des articles en liste */
#listeAffichage td
{
    padding-top : 29px;
}

/* Padding adapté pour les images miniatures de la liste */
#listeAffichage td.imgListeMiniature
{
    padding-top : 0px;
}

/* Padding adapté pour les fabricants et les distributeurs */
#listeAffichage td.paddingDistriFabri
{
    padding-top : 9px;
}

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

/* Hauteur maximum d'une ligne dans la liste du top 10 */
.maxHeightListe, .imgListe
{
    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;
}

.marginPath {
    margin-top: 350px;
}