/* resets
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,800&display=swap');

html,body,div,span,h1,p,a,img,strong,ul,li,form,label{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;text-decoration:none}
body,html{height:100%}
ol,ul{list-style:none}
* {outline:0px;border:none;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
::-webkit-input-placeholder, ::-moz-placeholder, ::-ms-input-placeholder {color: rgba(0,0,0,0.6)}


/*
bleu primary        #1a95cf
bleu bande menu     #007bb3
noir                #343434 
logo sub            #4a4a4a
 
Titre 1a95cf
intro 3e5356
film blue 005e8a
serie 4e93b8
jeune   8cc3dd
african 1a95cf

 */



/* master styles
--------------------------------------------- */
body {
	background:#000 url('../img/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	font-family: arial, sans-serif;
}

.overlay { background: rgba(0,0,0,0.85);}

#container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto!important;
	padding-top: 30px;
	padding: 60px 30px 30px;
}
#container .logo { margin: 0 auto; max-width: 150px; }
#container .logo img { width: 100%; height: auto; }

#container .content { text-align: center;}
#container .content p { font-size: 50px; line-height: 53px; font-weight: 800; font-family: "Open Sans";  text-transform: uppercase; text-align: center; color: #fff; margin: 40px auto;}
#container .content .construction { font-size: 20px; line-height: 22px; padding: 14px 25px; display: inline-block; border: 2px solid #ffff00; border-radius: 5px; color: #ffff00; margin: 0 auto 30px; text-align: center;}

#container .equipe { margin:20px 0; }
#container .equipe img { width: 100%; height: auto; border-radius: 14px;}






#container h4 { color: #FEFF3C; display: block; text-align: center; margin-top: 80px; text-transform: uppercase; font-size: 14px;}
#container .sponsors { display: flex; margin: 0 auto; gap:30px; max-width: 500px; justify-content: center; }
#container .sponsors div img { width: 100%; height: auto;}


/* Phone landscape and smaller */
@media (max-width:767px) {

	#container { padding-top: 40px; }
	#container .logo { margin: 0 auto; max-width: 90px; }
	#container .content p { font-size: 30px; line-height: 35px;}
	#container .content .construction { font-size: 16px; line-height: 18px; padding: 12px 18px; display: inline-block; border: 2px solid #ffff00; border-radius: 5px; color: #ffff00; margin: 0 auto 30px; text-align: center;}
	#container .equipe img { border-radius: 4px;}
	#container .sponsors { display: flex; margin: 0 auto; gap:5px; max-width: 500px; justify-content: center; }

}