/* CSS Document */

.onglet_inactif, .onglet_actif {
	display:inline-block;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	background-color:transparent;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	margin:1px;
}

.onglet_inactif {
background-color:transparent;	
}

.onglet_actif {
	background-color:#3a3f40;
}

.onglet_actif > a {
	color:#fff;
}

.onglet_actif:hover {
	background-color:#9edbfe;
}

.onglet_inactif:hover {
	background-color:#3a3f40;
}

.onglet_inactif:hover > a {
color:#fff;
}

.onglet_actif:hover > a {
color:#000;
}

.item_rdv {
padding:11px 25px;
min-height:25px;
background-color:#9edbfe;
margin:21px;
color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:3px #fff solid;
margin-bottom:12px;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
overflow:hidden;
}

.item_rdv:hover {
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color:#fc515d;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
max-height:1000px;
}

.item_rdv h3 /* , .item_rdv_asso h3, .item_rdv_ecole h3, .item_rdv_equipement h3 */ {
	font-size:1.5em;
	margin:0;
	padding:0;
	color:#000;
}

.item_rdv h4 /* , .item_rdv_asso h4, .item_rdv_ecole h4, .item_rdv_equipement h4 */ {
	font-size:1.3em;
	color:#000;
	margin:0;
	padding:0;
}

.item_rdv p {
font-size:1.2em;	
}

.item_rdv .encadre_haut_droite {
color:#000;
font-size:1.2em;
float:right;
}

.piece_jointe_agenda {
display:inline-block;
vertical-align:top;
height:100%;
width:25%;
text-align:right;
margin:35px 0 0 0;
}

.infos_agenda {
width:70%;
display:inline-block;
vertical-align:top;
}

.contenu_item_agenda {
margin:11px 0 0 0;	
}

.volet_filtre_agenda {
margin:1px;
}

.volet_filtre_agenda a {
color:#fff;	
}

.volet_filtre_agenda a:hover {
color:#9edbfe;	
}

.volet_filtre_agenda ul li {
list-style-type:none;
font-weight:bold;
display:inline-block;	
}

.fleche_plus_infos {
width:25px;	
display:inline-block;
float:right;		
}

.selecteur_agenda {
border-left:1px #9edbfe solid;
border-right:1px #9edbfe solid;
color:#b4b4b4;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:7px;
}

@media screen and (max-width: 500px) {

	.selecteur_agenda {
		padding:11px 5%;
		width:90%;
	}

	.onglet_inactif, .onglet_actif {
		width:100%;
	}

	.item_rdv {
		padding:11px 5%;
		width:auto;
		height:auto;
	    -webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.item_rdv:hover {
		height:auto;
		min-height:auto;
		max-height:auto;
	    -webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.item_rdv h3 {
		text-align:center;
	}

	.item_rdv h4 {
		font-size:1em;
		text-align:center;
	}

	.item_rdv p {
		text-align:center;
	}

	.encadre_haut_droite {
		display:none;
	}

	.infos_agenda {
		display:block;
		width:100%;
		text-align:center;
	}

	.piece_jointe_agenda {
		display:block;
		width:100%;
	}

	.piece_jointe_agenda img {
		width:100%;
		height:auto;
	}

}

@media screen and (min-width: 501px) and (max-width: 900px) {

	.selecteur_agenda {
		padding:11px 5%;
		width:90%;
	}

	.onglet_inactif, .onglet_actif {
		width:100%;
	}

	.item_rdv {
		padding:11px 5%;
		width:auto;
		height:auto;
	    -webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.item_rdv:hover {
		height:auto;
		min-height:auto;
		max-height:auto;
	    -webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.item_rdv h3 {
		text-align:center;
	}

	.item_rdv h4 {
		font-size:1em;
		text-align:center;
	}

	.item_rdv p {
		text-align:center;
	}

	.encadre_haut_droite {
		display:none;
	}

	.infos_agenda {
		display:block;
		width:100%;
		text-align:center;
	}

	.piece_jointe_agenda {
		display:block;
		width:100%;
	}

	.piece_jointe_agenda img {
		width:100%;
		height:auto;
	}

}

@media screen and (min-width: 901px) {

	.selecteur_agenda {
		padding:11px 2%;
		width:90%;
	}

	.onglet_inactif, .onglet_actif {
		width:auto;
	}

	.item_rdv {
		padding:11px 2%;
		width:90%;
	}

}