@media (max-width: 480px){
#branding {
    width: 100%;
    max-height: 152px;
}
}

    img .textwidget {
        width: 137;
        height: 50%;
    }

	body {
		background: #fff;
		font: italic bold;
		font-family: Arial;
		font-size: 18pt;
		text-align: center;
		margin: 0;

	}

    .page-id-3142-2 ul,.content ul {
		list-style: none;
        margin: 0;
		padding: 0;

	}
	
    li {
	    list-style: none;
        margin: 0;
		padding: 0;	    
	}
	
    ul li {
	    margin: 0;
		padding: 0;	    
	}
	
	/* Lorsque le contenu des rubriques est développé */
	ul ul li{
		background: #fff;
		color: black;
		font-size: 16px;
		line-height: 1.8;
        margin-right: 8%;
		margin-top: 5px;
		margin-bottom: 1%;
    	padding: 6px 6px;
		text-align: left;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		width: 100%;
		-webkit-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        -moz-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
	}

	input[type="checkbox"]{
		left: -9999px;
		position: absolute;
	}


	img {
		display: block;
		margin: auto;
		padding: inherit;
	}

	input[type="checkbox"] ~ ul{
		height: 0;
		transform: scaleY(0);
	}

	input[type="checkbox"]:checked ~ ul{
		height: 100%;
		transform-origin: top;
		transition: transform .2s ease-out;
		transform: scaleY(1);
		margin: 0;
	}

	input[type="checkbox"]:checked + label{
		
		border-bottom: 1px solid #fff;

	}

	label {
		border: 1px solid #fff;
		border-bottom: none;
		border-left: 1.5px solid #fff; 
		border-right: 1.5px solid #fff;
		cursor: pointer;
		display: block;
		font-size: 18px;
		font-weight: bold;
		margin: -5px;
		padding: 5px; 
		text-align: left;
		-webkit-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        -moz-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);

	}

	label.first,
	label.last {
		border-top: 1.5px solid #fff;
		border-left: 1.5px solid #fff; 
		border-right: 1.5px solid #fff;
	}

	button.inscription {
		background-color: #54a3bb;
		border: none;
		color: white;
		display: inline-block;
		font-size: 16px;
		margin-bottom: 5px;
		padding: 4px 8px;
		text-align: center;
		text-decoration: none;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        -moz-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
	}

	button.jours {
		background: transparent; 
		border: 2px solid #54a3bb;
        color: #54a3bb;
		font-size: 16px;	
		margin-left: 8%;
		margin-right: 8%;
		margin-top: 5px;
		margin-bottom: 1%;
		padding: 1px 6px;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
		-webkit-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        -moz-box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
        box-shadow: 0px 0px 12px 7px rgba(220,221,224,1);
	}

	button.inscription:hover {
		animation-name: grossi_leger;
    	animation-duration: 320ms;
    }

  	@keyframes grossi_leger {
    100% {
		font-size: 0.5em;
		font-weight: bold;   
	}
}

	button.jours:hover {
		background-color: #54a3bb; color: white;
	}
	button:focus {
		background-color: #54a3bb; color: white;
	}
	

	label.EcoFem:hover,
	label.AgroEco:hover,
	label.FlashLab:hover,
	label.PolPub:hover,	
	label.SixtyImp:hover,
	label.Cercle:hover,
	label.Ateliers:hover,
	label.MES:hover,
	label.Communs:hover,
	label.MES3:hover {
		animation-name: grossi;
    	animation-duration: 320ms;
    }

    @keyframes grossi {
    100% {
		font-size: 0.8em;
		font-weight: bolder;
		width: 100%;
      
	}
}

	label.EcoFem, label.EcoFem:hover {
		background: #fff;
		color: #73438e;
		padding: 1%;
		text-align: center;
	}

	label.AgroEco, label.AgroEco:hover {
		background: #fff;
		color: #82b352;
		padding: 1%;
		text-align: center;
	}
	label.MES3,
	label.MES3:hover,
	label.Cercle,
	label.Cercle:hover,
	label.Ateliers,
	label.Ateliers:hover,
	label.MES,
	label.MES:hover,
	label.FlashLab,
	label.PolPub,	
	label.SixtyImp,
	label.FlashLab:hover,
	label.PolPub:hover,	
	label.SixtyImp:hover {
		background: #fff;
		color: #ea4e1d;
		padding: 1%;
		text-align: center;
	}

	label.Communs, label.Communs:hover {
		background: #fff;
		color: #ecbc17;
		padding: 1%;
		text-align: center;
	}
/*
	label.Cercle,
	label.Cercle:hover,
	label.Ateliers,
	label.Ateliers:hover,
	label.MES,
	label.MES:hover {
		background: #fff;
		color: #54a3bb;
		padding: 1%;
		text-align: center;
	}

	label.MES3,
	label.MES3:hover {
		color: red;
		padding: 1%;
		text-align: center;
		background: #fff;

	}
*/
	label.Date {
		border-left: 0px; 
		border-right: 0px;
		color: #ED7D31;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.wrapper {
		margin: 10px auto;
		width: 80%;
	}
	
	.details.more-link {
	    font-size: 16px;
	}
	
	@media (max-width: 600px){
		.wrapper, label {
			width: 100%;
		}
	}