Difference between revisions of "Template:Montpellier"

Line 288: Line 288:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
}
 
 
.ordinateur {
 
    text-align : center;
 
}
 
 
 
 
/* .fleche{
 
    justify-content: center;
 
    position:fixed;
 
    vertical-align:middle;
 
    z-index:10;
 
    width:2%;
 
    top:42%;
 
    right:30px;
 
}
 
 
.fleche :hover{
 
  color: #3298CB;
 
} */
 
 
/******FOOTER************************************************************************************************************************************************/
 
 
footer {
 
  margin-top: 70px;
 
}
 
 
.p_footer
 
{
 
    margin: none !important;
 
    padding: none !important;
 
}
 
 
.footer_snetwork
 
{
 
    border-top: solid 1px black;
 
    margin-top: 10px;
 
    padding-top: 20px;
 
    display: flex;
 
    justify-content: space-around;
 
}
 
 
#conteneur
 
{
 
    display: flex;
 
    flex-wrap: wrap;
 
    justify-content: space-around;
 
}
 
 
.lienimage
 
{
 
    text-decoration: none !important;
 
}
 
 
.image_snetwork
 
{
 
    height: 60px;
 
    padding: 1% 3%;
 
    opacity : 0.5;
 
    filter: grayscale(100%);
 
}
 
 
/************FA_ICONS_REACTIVE****************************************************************************************************************************************************/
 
 
.fa-facebook
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-facebook:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-instagram
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-instagram:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-twitter-square
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-twitter-square:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-home
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-home:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-heart
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-heart:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-envelope
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-envelope:hover
 
{
 
    color: #e64254;
 
}
 
 
.fa-map-marker-alt
 
{
 
    -o-transition:.5s;
 
    -ms-transition:.5s;
 
    -moz-transition:.5s;
 
    -webkit-transition:.5s;
 
    transition: .5s;
 
    color: #000000;
 
}
 
 
.fa-map-marker-alt:hover
 
{
 
    color: #e64254;
 
}
 
 
/******************************FA_ICONS************************************************************************************************************************************************/
 
 
.fab fa-facebook:before
 
{
 
    content: "\f09a";
 
}
 
 
.fab fa-instagram:before
 
{
 
    content: "\f16d";
 
}
 
 
.fab fa-twitter-square:before
 
{
 
    content: "\f081";
 
}
 
 
.fas fa-home:before
 
{
 
    content: "\f015";
 
}
 
 
.fas fa-heart:before
 
{
 
    content: "\f004";
 
}
 
 
.fas fa-map-marker-alt:before
 
{
 
    content: "\f3c5";
 
}
 
 
.fas fa-envelope:before
 
{
 
    content: "\f0e0";
 
}
 
 
.far fa-arrow-alt-circle-right:before
 
{
 
  content: "\f35a";
 
}
 
 
/******END_FA_ICONS*************************************************************************************************************************************************************************/
 
 
.usefull_links
 
{
 
    text-align: center;
 
    width: 33.3%;
 
}
 
 
.follow_us
 
{
 
    text-align: center;
 
    border-right: solid 1px black;
 
    border-left: solid 1px black;
 
    width: 33.3%;
 
}
 
 
.follow_us_icons
 
{
 
    display: flex;
 
    justify-content: space-around;
 
}
 
 
.contact_us
 
{
 
    text-align: center;
 
    width: 33.3%;
 
 
}
 
}
  

Revision as of 15:40, 29 August 2018