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

}


h1 {
text-align : center ;
color : white ;

}
marquee {
font-size : 25px ;
font-weight : bold ;
background-color : red ;
color : white ;
padding : 7px ;
}


div#evenement{

	width : 1000px;
	min-height: 274px;
	background-color : white;
	border : 2px solid black;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	margin-bottom : 20px ;
	display : block ;

}

div#evenement h1{

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

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

h3 {
color : white ;
}

div#evenement h2{

	text-align : right;
	font-style: italic;
	padding-right: 10px;
	font-size: 24px;
	margin-bottom : 20px ;
	margin-top : 5px ;

}

div#evenement p{
	text-align : left;
	margin-left : 205px ;
	font-size: 20px;
	margin-bottom : 10px ;
	margin-top : 110px ;

}

div#miniature{
	width : 196px ;
	height: 270px;
	float : left;
	border-right : 2px solid grey;
	background-size : cover;

}

div#jaune, div#orange{

	width : 800px;
	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% ;
	min-height : 90px ;
	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%;
	float : right;


}
div#miniature{
	width : 25% ;
	height: 25%;
	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: 22px;

}
div#evenement h2{

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

}
div#evenement p{
	text-align : left;
	margin-left : 27% ;
	font-size: 14px;
	line-height : 14px ;
	margin-top : 0px ;
	min-height : 25% ;

}
}