body{
	color : black;
	font-family: 'Gill Sans MT';

}

h1 {
text-align : center ;
font-size : 40px ; 
color : white ;
}
marquee {
font-size : 25px ;
font-weight : bold ;
background-color : red ;
color : white ;
padding : 7px ;
}
div#evenement{

	width : 60%;
	height : 30%;
	background-color : white;
	border : 2px solid black;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	margin-bottom : 40px ;

}

div#evenement h1{

	text-align : right;
	margin-bottom : 0px;
	padding-right: 10px;
	font-size: 2.5vw;
	color : black ;

}
a {
font-size : 25px 
color : white 
font-weight : bold ;
text-decoration : none ;
}

h3 {
color : white ;
}

div#evenement h2{

	text-align : right;
	font-style: italic;
	margin-top : -10px ;
	margin-bottom : 0px;
	padding-right: 10px;
	font-size: 1.5vw;

}

div#evenement p{
	text-align : left;
	margin-left : 21% ;
	font-size: 1.2vw;
	line-height : 20px ;
margin-top : 10px ;
padding-top : 10px ;

}

div#miniature{

	width : 20%;
	height : 100%;
	float : left;
	border-right : 2px solid grey;
	background-size : cover;

}

div#jaune, div#orange{

	width : 80%;
	height : 50%;
	float : right;

}

div#jaune{

	background-color : #fff000;
}

div#orange{

	background-color : #f18825;

}

div#creation_evenement {

	background-color : lightgrey;
	border : 2px double black;
	width : 80%;
	margin-left : auto ;
	margin-right : auto ;

}

div#creation_evenement h1 {
margin-left : 3% ;
}

div#creation_evenement label {
text-align : left ;
float : left ;
margin-left : 3%;
width : 15% ;
}

div#creation_evenement input {
width : 300px ;
}
div#creation_evenement select {
width : 300px ;
}

div#creation_evenement #creer {
margin-left : 10% ;
}


@media screen and (min-width: 320px) and (max-width: 640px){

	div#evenement{

	width : 100% ;
	height : 25% ;
	background-color : white;
	margin-bottom : 30px ;
	margin-top : 0px ;
	border-top : 1px solid black ;
	border-bottom : 1px solid black ;
	border-right : none ;
	border-left : none ;
}

div#jaune, div#orange{

	width : 75%;
	height : 60px;
	float : right;


}
div#miniature{

	width : 25%;
	height : 100%;
	float : left;
	border-right : 2px solid grey;
	background-size : cover;

}
div#evenement h1{

	text-align : right;
	margin-bottom : 0px;
	padding-right: 10px;
	margin-top : 7px ;
	font-size: 5.1vw;

}
div#evenement h2{

	text-align : right;
	font-style: italic;
	margin-top : -20px;
	margin-bottom : 0px;
	padding-right: 10px;
	font-size: 4.5vw;

}
div#evenement p{
	text-align : left;
	margin-left : 26% ;
	font-size: 2.5vw;
	line-height : 10px ;

}
}