.shema-coordo .item{
border-radius: 1.5rem;
padding:1.5rem;
background: var(--blanc);
color: var(--bleu-fonce);
font-size:0.85rem;
position: relative;
z-index:3;
box-shadow: 0 0 0.8rem rgba(0,0,0,.20);
border:1px solid var(--bleu)
} .shema-coordo .item .ttl{
border-bottom:1px solid rgba(11,108,130,.3);
text-transform: uppercase;
font-weight: 600;
padding-bottom:0.5rem;
}
.shema-coordo .item .liste{
margin-top:1rem
}
.shema-coordo .item .liste p{
margin:0.25rem 0;
} .shema-coordo .blocs{
z-index:3
}
.shema-coordo .noyau{
border-radius: 50%;
background-color: var(--bleu);
width:100%;
max-width:300px;
z-index:2;
position: relative;
}
.shema-coordo .noyau .inner{
background:var(--blanc) url(//www.had-nantesetregion.fr/wp-content/themes/had/images/maison-coeur-famille.svg) no-repeat left 40% center / 45%;
border-radius:50%;
width:95%; height: 95%;
position:absolute;
left:unset;
right:2px;
top:50%;
transform: translateY(-50%);
z-index:1
}
.shema-coordo .blocs .filet{
position:absolute;
left:50%; top:51.5%;
transform: translate(-50%, -50%);
background-color: var(--bleu);
z-index:2
}
.shema-coordo .blocs .filet.v{
width: 0.085rem; height: 90%;
}
.shema-coordo .blocs .filet.h{
width: 90%; height: 0.085rem;
}
@media screen and (min-width: 768px){ }
@media screen and (min-width: 1200px){
.shema-coordo .item.w-2{
width: 50%
}
}