@charset "UTF-8";
/* CSS Document */
 html {
            position: relative;
            min-height: 100%;
			max-width:940px;
			padding:0px;
        }

        body {
            background-color: #ECEFF1;
            color: black;
            font-family: 'Arial', sans-serif;
            font-weight: 300;
            font-size: 15px;
        }
		a{color:black}
		a:hover{text-decoration:none; color:red}
		
		.container {
   
margin-right: 0; 
margin-left: 0; 
max-width: 920px;
}
/* ---- FILTRES ----- */

.centrer{vertical-align:middle;display:inline-block;}

#Filters{position:fixed;top:0px;z-index:300;}
form{
  padding: 0px;
}
fieldset{
  display: inline-block;
  vertical-align: top;
  margin: 0 .5em 0 0;
  padding: .5em;
  border:0px;
  border-radius: 3px;
}
select:active{outline: none;}
select:focus{outline: none;}
label{
	
	font-size:13px }
select{font-size:1em;}

button{font-size:12px;line-height:12px;height:20px;background-color:#7f8c8d;color:white;border: 1px #34495e solid;padding-bottom:2px;border-radius:5px;outline:none;margin-top:8px}
button:active{outline: none;}
/* ---- CARTES ----- */
.club{
	font-size: .85em;
    height: 35px;
}
.sport-jo{
	background-color:red;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:5px;
	font-size:9pt;
	font-weight:bold;
	color:white;
	text-transform: uppercase;
}
.remplace{font-weight:normal;font-size:8pt;text-transform: lowercase;}
.ambassadeur{
	position:absolute;
	right:8px;
	top:2px;
	z-index:100;
}
.picto-liens{
	padding-left:30px;
	text-align:center;
}
.picto-sport{
	position:absolute; 
	right:8px;
	top:14px;
	z-index:1;
}
.portrait{
	text-align:center;
	padding-top:3px;
	height:60px;
	
}
.carte{
	background-color:white; 
	padding-top:-15px; 
	box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
	margin-bottom:10px; 
	margin-top:10px;
	height:330px;
}
.h25{
	height:25px;
}
.h60{
	height:60px;
}
.pad15{
	padding-left:15px;
	padding-right:15px;
}
.font-map{
	font-size:1em;
	color:white;
}
.font-liens{
	font-size:1.4em;
	color:darkgrey;
}
hr{margin:0px;}
.zone-nom{
	min-height:80px; 
	padding-top:12px;
	line-height:20px;
}
.zone-hr{
	padding: 5px 0px;
	font-size:12px
}
.nom_editeur{height:50px;}
.nom{
	font-size:16px;
	font-weight:bold;
	z-index:1000;
}
.nom-small{
	font-size:18px;
	font-weight:bold;
	z-index:1000;
}
.container .mix{
  
  display: none;
}


	.container-filters{
	max-width:890px;
	width:100%;
	height:40px;
	text-align:center;
	margin:auto;
	background-color:white; 
	position:fixed;
	top:0px;
	padding-left:10px;
	z-index:999;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
.isbn{font-size:.8em}
.paraitre{font-size:13px}
.a-paraitre{font-size:14px;background-color:#3498db;color:white;paddind-top:2px;margin-top:8px;margin-bottom:4px;}
.infos{font-size:14px;background-color:#3498db;color:white;paddind-top:2px;margin-top:0px;margin-bottom:4px;}
.liens{font-size:14px;background-color:#3498db;color:white;paddind-top:2px;margin-top:8px;margin-bottom:4px;}
@media  (max-width: 700px){
#Reset{
	display:none
}
.container-filters{
	width:100%;margin-left:-15px;}
.departement-idf{
	display:none
}
}

@media  (max-width: 780px){
#Reset{
	display:none
}
.container-filters{
	width:100%;margin-left:-15px;}

}