/* Page ESPACEPRO Accueil ARTISAN */
.bandeau-pro  {background-image: url('/images/2018-refonte/visuel_qui_sont_nos_artisans_6_1920x450.jpg');}
.bandeau-pro  .bloc_texte {  background-color:#25346c !important; opacity: 0.9;}
.bandeau-pro  .bloc_texte .btn {  color:#25346c !important; }
.bandeau-pro  .bloc_texte .btn:hover {  background-color: #FFF !important; color: #25346c !important; }
.bandeau-pro  .bloc_texte  .texte-lg {color: #EF7900 !important;font-weigth: 700;}
.pictoart {
    background: #ffffff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border: 2px solid #465a65;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
@media (max-width: 1010px) {.pictoart {margin-top: 30px; border-radius: 100%; }}
.pictoart i { color: #465a65; margin-left: auto; margin-right: auto;}
.fond-art { background-color: #f2f3f4; padding: 30px 0 20px 0; margin: 60px 0 40px 0; }
.pictoart2 {
    border-radius: 100%;
    width: 200px;
    height: 200px;
}
img.centrageimg { margin-left: auto; margin-right: auto; display: block;}

ul.ul_artisan {margin-left: 0;}
ul.ul_artisan > li {margin-bottom: 10px;}
/***********************************************************************************************/
/* Page ESPACEPRO  Les boutons dépendent de la page accueil artisan */
.img-mobile-annuaire {	width: 400px; height: auto; margin-left: auto; margin-right: auto; display: block; margin-top: 30px;}
.espacehautentete { padding-top: 70px; }
@media (max-width: 1280px) {.espacehautentete { padding-top: 50px; }}
/***********************************************************************************************/

/* Mise en forme Page Réalisations */
#espace_realisations  {
    background: #FFF url('/images/img-artisan-realisations.jpg') top center;
    background-size: cover; 
    height: auto;
    background-position: center;
    padding-bottom: 10px;
}
@media (max-width: 1010px) {#espace_realisations {background-position: top left; background-size: auto;}}
#espace_realisations .baselineart > h1 { text-align: left; font-size: 40px; font-weight: bold; padding: 10px 10px 10px 20px; color: #465a65; }
@media (max-width: 1010px) {#espace_realisations .baselineart > h1 { font-size: 24px;}}
#espace_realisations .baselineart > h2 {text-align: left; font-size: 26px;  font-weight: normal;  padding: 0 10px 20px 20px;  color: #465a65;}
@media (max-width: 1010px) {#espace_realisations .baselineart > h2 { font-size: 16px;}}
#espace_realisations h2+.btn{margin: 0 10px 0 20px; font-weight: bold;}
h4.bouton-rea {text-align: center; font-size: 15px;  font-weight: 600; line-height: 20px; color: #465a65; margin: 0;}
h5.bouton-rea {text-align: center; font-size: 15px;  font-weight: 500; line-height: 20px; color: #465a65; margin: 0;}
p.bouton-rea {text-align: center; font-size: 15px;  font-weight: 300; line-height: 20px; color: #465a65; margin: 0;}
.fond-bouton-rea1 {background-color: #f2f3f4; margin: 0; padding: 10px;}
.fond-bouton-rea2 {background-color: #f2f3f4; margin: 5px 0 30px 0; padding: 10px;}
.fond-bouton-rea1:hover, .fond-bouton-rea2:hover { background-color: #a6ddd8; }
.espace-rea {margin-top: 50px;}
.menu-rea { display: flex; flex-wrap: wrap; margin: 0; align-content: space-between; }
.bouton-menu-rea { background-color: #f2f3f4; border-radius: 10px; color: #465a65; margin: 5px; font-size: 12px; font-weight: 400; line-height: 32px; padding: 5px 12px;}
.bouton-menu-rea:hover {background-color: #81d2ca; }
.menu-rea li{list-style: none;}
.img-shemapagesite 	{ margin-top: 30px; }
/***********************************************************************************************/
/* Mise en forme Page avis artisans */
#espace-avis {
    background: #FFF url('/images/img-artisan-realisations.jpg') top center;
    background-size: cover; 
    height: 30vh;
    background-position: center; 
}
@media (max-width: 1010px) {#espace-avis {background-position: top left; background-size: auto;}}
#espace-avis .baselineart > h1 { text-align: left; font-size: 40px; font-weight: bold; padding: 10px 10px 10px 20px; color: #465a65; }
@media (max-width: 1010px) {#espace-avis .baselineart > h1 { font-size: 24px;}}
.fond-bouton-avis {background-color: #f2f3f4; margin: 10px; padding: 20px; border-radius: 20px 0 20px 0;}
/*input.btn { width: 100%; margin: 20px 0 20px 0;}*/
/***********************************************************************************************/
/* Mise en forme Page bas de page pro */
.pdp-pro > h2 {font-size: 26px; margin: 20px 0 10px 0;  color: #465a65; }
@media (max-width: 1010px) {.pdp-pro > h2 { font-size: 16px;}}
.pdp-pro > .btn { margin: 10px; }
ul.pdp-offres {margin: 30px; }
ul.pdp-offres > li > a { color: #465a65; background-color: #f2f3f4;  border-radius: 10px; padding: 5px; }
ul.pdp-offres > li > a:hover { background-color: #81d2ca; }
ul.pdp-offres > li > a > i {
    width: 55px;
    height: 55px;
    padding-top: 11px;
    margin: 5px 5px 5px 0;
}
p.nos-solutions > a {font-size: 20px; line-height: 27px; color: #F58020; font-style: italic; font-weight: 500;}
/***********************************************************************************************/