/*  journee des femmes - 8mars
code ci-apres */

/*
 * 
body{
	background-size:15% !important;
	background-attachment:fixed !important;
	background: url('wp-content/uploads/2020/03/wallpaper_8mars-tile-30.jpg') ;
}
.site-header{
border-bottom:5px solid turquoise;
border-image: linear-gradient(to left, #2e98bc 27%, salmon 27%,salmon 50%, orange 50%,orange 60%, #850bb2 60%,#850bb2 80%, turquoise 80%,turquoise 90%, #ffe451 90%);
    border-image-slice: 9;
    border-width: 8px;
border-left-width : 0;
border-top-width : 0;
border-right-width : 0px;	
}

.main-nav{
		background-size:50% !important;
	background-repeat:no-repeat !important;
	background-position: center bottom	;
	background-image:url('/wp-content/uploads/2020/03/banner_8mars_logo_lrg.jpg');
}

@media  (max-width: 465px)  , (device-width: 360px)  , (device-height: 640px)  { 

	body{
		background-size:30% !important;}
	
	.site-header{border-bottom:5px solid turquoise;}
	
	.mobile-extra-navigation {	
		padding-bottom:20px;
		background-size:65% !important;
	background-repeat:no-repeat !important;
	background-position: center bottom;
	background-image:url('/wp-content/uploads/2020/03/8mars_banner_mobile_light.jpg');		
}
	
	.main-nav{background:none;}	
}
*/
/* fin journee des femmes - 8mars */



.site-footer  img   {
max-height: 97px;
padding-top:5px;
	margin:auto;
}
.site-footer  .custom-logo  {
	margin-left:5px !important;}

#liens-vers-jeux h3{
    text-transform: uppercase;
    color: #fefefe;
    background: #ea173a;
	margin:20px;
}
#liens-vers-jeux {
	overflow:auto;
	width:100%;
	height:auto-flow;
  padding: 0px;
  background: white;
	margin-bottom:20px;
	border:1px solid #eaeef1;

}

.card-img{
	height:200px;
	overflow:hidden;
  background-position: center !important;
background-size: cover !important;
	
}

.lien-horoscope h4{
    text-transform: uppercase;
    color: #fefefe !important;
    background: #f6d200;
	margin:10px;
		padding:5px;
		text-align:center;
}

.lien-horoscope a{
    text-transform: uppercase;
    color: #fefefe !important;
	  margin:20px;
	  text-decoration:none;
}

.lien-horoscope a:hover{
	    color: #54b948 !important;
}
.lien-horoscope {
	height:auto-flow;
   	padding: 0px;
	width:220px;
	float:right
}

#retour-games h4{
    background: #007f3e  !important;
}

#retour-games {
float:left;
}


.cell-link {
	margin:5px;
margin: auto-flow  ;
 width: 32% !important; 
 height: 100% !important; 
 padding:10px;
	float:left;
	text-align: center;
}

.cell-link a{ 
text-decoration:none;
color:black;
}

.cell-link-cards{
	overflow:auto;
	height:auto-flow;
	padding:0 10px  ;
	
}

/*For Mobile */
@media only screen and (max-width: 810px)
{
    .cell-link {
 width: 100% !important; 
			padding:0px;
			margin:0px;
			padding-bottom: 15px
	}
	
	
	.cell-link .card{
		max-width:300px;
		text-align:center;
		margin: auto;
	}
}


.cell-link-cards{
		width:auto;
	overflow:auto;
	height:auto-flow;
	padding:0 10px 0 ;
}

/*For Mobile */
@media only screen and (max-width: 810px)
{
    .cell-link {
 width: 100% !important; 
			padding:0px;
			margin:0px;
			padding-bottom: 15px
	}
	
	.cell-link-cards{
		width:auto;
	}
	
	.cell-link .card{
		max-width:300px;
		text-align:center;
		margin: auto;
	}
}