header a {
	text-decoration: none;
	color: #000;
	font-size: 28px ;
}
header div { text-align: center ; }

textarea{ width: 600px ; height: 150px ; }

/* Header */

header{
	background-color: white ;
	margin: auto ;
	text-align: center;
	color: black;
	margin-bottom: 10px ;
}

	.aConnection {
		font-size: 14px ;	
	}
	
/* Nav (menu) */

nav{
	background-color: #DDDCCC ;
	height: 60px ;
	margin: auto ;
	margin-bottom: 25px ; 
	border-top: solid 1px silver ;
	border-bottom: solid 1px silver ;
	box-shadow: 0px 3px 15px silver ;
}

	#menu {
		margin: auto ;
		text-align: center ;
		margin-top: 17px ;
	}
		.lienMenu{
			text-decoration: none ;
			font-size: 20px ;
			margin: 7px ;
			color: black ;
		}


		
/* Section New */

#new{
	border: solid 1px silver ;
	box-shadow: 1px 3px 10px silver ;
	padding: 0px ;
}

	#blocTexteNew { height: 193px ; }
	#texteNew{
		margin-left: 70px ;
		margin-right: 70px ;
		margin-top: 0px ;
		margin-bottom: 15px ;
	}

		#h2New{
			font-size: 40px ;
			margin: 20px ;
			text-shadow: 2px 2px 5px grey ;
		}

/* Section autreNews */

#divNewC {
	padding-left: 10px ;
	padding-right: 10px ;	
}

.newC{
	border: solid silver 1px ;
	box-shadow: 1px 1px 5px silver ;
	margin-bottom: 19px ;
	padding: 0px ;
	height: 173px ;
}
	.imageNewC{
		width: 100% ;
		z-index: 1 ;
		position:absolute;
	}
	.texteNewC {
		display: none ;
		background-color: silver ;
		z-index: 10 ;
		background: rgba(0, 0, 0, 0.80) ;
		color: white ;
		text-shadow: 1px 1px 1px white ;
		padding: 5px ;
		position:relative;
		height: 172px ;
	}
		.titreNewC {
			text-align: center ;
			text-decoration: none ;
			color: white ;
			border-bottom: solid 2px white ;
			margin: 2px ;
			margin-bottom: 7px ;
			margin-top: 0px ;
			font-size: 1.8em ;
		}
			.lienNewC {
				text-decoration: none ;
				color: white ;
			}
	.imageNewC:hover ~ .texteNewC {display : block ;}
	.texteNewC:hover {display: block ;}
	
#h2Creation{
	font-size: 50px ;
}

.asideCreation{
	background-color: #F7F7F7 ;
	height: 320px ;
	border-left: solid grey 1px ;
	border-right: solid grey 1px ;
	margin-bottom: 10px ;
}
	
	.imgMiniature{
		width: 100% ;
		margin: auto ;
	}
	
	.lienCreation{color: red ; text-decoration: none ;}
	
	.h3Creation{
		font-size: 34px ;
		text-align: center ;
		margin-top: 6px ;
		margin-bottom: 6px ;
	}

/* Creations */

#sousMenuJeu1 { 
	width: 973px ; 
	background-color: black ;
}

#sousMenuJeu2 { 
	width: 849px ; 
	background-color: black ;
}

#sousMenuJeu3 { 
	width: 741px ; 
	background-color: black ;
}

#images{
	border: solid 1px silver ;
	box-shadow: 1px 3px 10px silver ;
	padding: 0px ;
	height: 363px ;
}
#tailleImages { 
	height: 363px ; 
	margin: auto ;
}
#blocCreation { height: 363px ; }

.fiche{
	border: solid silver 1px ;
	box-shadow: 1px 1px 5px silver ;
	margin-bottom: 10px ;
	margin-left: 0px ;
	padding: 0px ;
}

.imgContenu {
	text-align: center ;
	padding: 0px ;
	margin: 10px ;
	border: solid 1px silver ;
	box-shadow: 1px 3px 10px silver ;
	width: 250px ;
}

.imgContenu img {
	width: 250px ;
	margin: auto ;	
}

.imgContenu p { margin: 2px ; }
	
/* Footer */

#footer{
	border: solid #222222 1px ;
	margin-bottom: 10px ;
	margin-top: 10px ;
	color: white ;
	background-color: #444444 ;
	border-radius: 5px ;
}

	#copyright{ 
		width: 32% ;
		height: 65px ;
		border-right: solid 1px white ;
		float: left ;
		margin: 3px ;
		text-align: center ;
	}
	
	#partenaires{
		width: 32% ;
		height: 65px ;
		border-right: solid 1px white ;
		float: left ;
		margin: 3px ;
	}
	
	#support{
		width: 32% ;
		height: 65px ;
		float: left ;
		margin: 3px ;
	}

		.trCopyright{
			margin-left: 15px ;
		}
		
		.fontCopyright{ 
			font-size: 15px ;
			font-style: italic ;
			position: relative ;
			top: 15px ;
		}
		
		.fontAutreCopyright{ 
			font-size: 15px ;
		}
		
		.lienCopyright{
			text-decoration: underline ;
			color: white ;
		}

/* Membres */
#membre { background-color: #F7F7F7 ; }

/*Media Queries*/

/* Ecran moyen */
@media screen and (max-width: 1199px) {
	#divNewC {
		padding-left: 5px ;
		padding-right: 5px ;	
	}
	
	.newC{
		height: 147px ;
		margin-bottom: 38px ;
	}
	.texteNewC { 
		height: 146px ; 
		font-size: 12px ;
	}
	
	#images { height: 303px ; }
	#blocCreation { height: 303px ; }
	#tailleImages { height: 303px ; }
	
	#blocTexteNew { height: 214px ; }
	
	#sousMenuJeu1 { width: 805px ; }
	#sousMenuJeu2 { width: 681px ; }
	#sousMenuJeu3 { width: 573px ; }
}

/* Tablets */
@media (max-width: 991px) {
	#divNewC {
		padding-left: 0px ;
		padding-right: 0px ;
	}
	
	.newC{
		height: 176px ;
		margin-bottom: 0px ;
		margin-top: 10px ;
	}
	.imageNewC{ 
		positon: relative ;
		width: 50% ;
	}
	.texteNewC {
		width:50%;
		left: 50% ;
		display: block ;
		height: 174px ;
		font-size: 14px ;
	}
	#images { height: 351px ; }
	#blocCreation { height: 351px ; }
	#tailleImages { height: 351px ; }
	.fiche { margin-top: 10px ;}
	
	.aConnection {
		text-decoration: none;
		color: #000;
		font-size: 28px ;
		margin-top: 2px ;
		display: block ;
	}
	
	#blocTexteNew { height: 210px ; }
	
	#sousMenuJeu { width: 965px ; }
	
	#sousMenuJeu1 { width: 622px ; }
	#sousMenuJeu2 { width: 498px ; }
	#sousMenuJeu3 { width: 390px ; }
}

/* Phones */
@media (max-width: 767px) {
	#divNewC {
		padding-left: 0px ;
		padding-right: 0px ;
	}
	.imageNewC { height: 100% ; }
	.newC{
		margin-bottom: 0px ;
		margin-top: 10px ;
	}
	.texteNewC p { font-size: 13px ; }
	
	#images { height: 100% ; }
	#blocCreation { height: 100% ; }
	#tailleImages { width: 100% ; }
	
	.aConnection {
		font-size: 16px ;
		margin-top: 10px ;
	}
	
	#h2New { font-size: 39px ; }
	
	nav{
		height: 63px ;
		margin-bottom: 15px ; 
	}

	#menu {
		margin-top: 4px ;
	}
	
	.lienMenu{
		font-size: 20px ;
		margin: 7px ;
	}
	
	#texteNew { margin: 0px 5px 15px ; }
	#h2New { 
		font-size: 6vw ;
		margin: 10px ;
		text-align: center ;
	}
	
	.asideCreation { height: 380px ; }
	
	footer { font-size: 10px ; }
	
	.fontCopyright {font-size: 12px ; }
	
	.fontAutreCopyright { margin-left: 3px ; }

	#copyright{ 
		width: 32% ;
		height: 65px ;
		border-right: solid 1px white ;
		float: left ;
		margin: 0px ;
		text-align: center ;
	}
	
	#partenaires{
		width: 32% ;
		height: 65px ;
		border-right: solid 1px white ;
		float: left ;
		margin: 0px ;
	}
	
	#support{
		width: 32% ;
		height: 65px ;
		float: left ;
		margin: 0px ;
	}

	.trCopyright{
		margin-left: 2px ;
	}
	
	.fontCopyright{ 
		top: 0px ;
	}
	
	.navbar { 
		height: 100% ; 
		padding-left: 10px ;
	}

	#sousMenuJeu1 { 
		height: 50px ;
		width: 100% ;
	}
	
	#sousMenuJeu2 { 
		height: 80px ;
		width: 100% ;
	}
	
	#sousMenuJeu3 { 
		width: 100% ;
	}
}

@media (max-width: 400px) {
	.titreNewC { font-size: 4vw ; }
	.texteNewC p { font-size: 3vw ; }
}

@media (orientation: landscape) and (max-device-width : 640px) {
	.titreNewC { font-size: 4vw ; }
	.texteNewC p { font-size: 2vw ; }
	
	nav{
		margin-bottom: 15px ; 
	}

	#menu {
		margin-top: 17px ;
	}
	
	.lienMenu{
		font-size: 20px ;
		margin: 7px ;
	}
	
	.asideCreation { height: 320px ; }
	
	.fontCopyright{ top: 15px ; }
}