.bandeau
	{
	height: 150px;
	background: linear-gradient(to bottom, darkkhaki, white);
	}

.logo
	{
	float: left;
	max-height:100%;
	}

.gauche
	{
	background: linear-gradient(to right, lightgrey, white);
	}

footer
	{
	background: linear-gradient(to bottom, lightgrey, white);
	border-top: 2px white solid;
	}

.facebook
	{
	max-width: 100%;
	}


@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
	}


	.titre h1
		{
		text-align: center;
		font-size: 3em;
		}


}


@media (min-width: 767px) and (max-width: 925px) {
	.titre h1
		{
		text-align: center;
		font-size: 2.5em;
		}

}

@media (min-width: 634px) and (max-width: 766px) {
	.titre h1
		{
		text-align: center;
		font-size: 2em;
		}
}
@media (min-width: 500px) and (max-width: 634px) {
	.titre h1
		{
		text-align: center;
		font-size: 1.5em;
		}
}
@media (min-width: 0px) and (max-width: 499px) {
	.titre h1
		{
		text-align: center;
		font-size: 1em;
		}
}

/* habillage des pages clubs*/

.club
	{
	border: 1px black dotted;
	margin-bottom: 1%;
	background: linear-gradient(to right,  darkkhaki, white);

	}

/* habillage page D.T.R.*/

.photo_dtr
	{
		float: left;
		margin-right: 1%;
		margin-top: 1%;
	}

/* habillage page calendrier*/

.stage
	{
		border: 1px black dotted;
		margin-bottom: 1%;
		background: linear-gradient(to right,  darkkhaki, white);
	}