body
	{
	background: #d4d2d0;
	}
	
*
	{
	box-sizing: border-box;
	}
	
.shake 
	{
	animation: shake 1s cubic-bezier(.36,.07,.19,.97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	}
	
a
	{
	color:#cc0000;
	}

h1
	{
	font-family: 'Raleway', sans-serif;
	font-size: 35px !important;
	color: #176382 !important;
	font-weight: 900;
	margin-top:0px;
	margin-bottom:60px;
	}
	
h2
	{
	font-family: 'Raleway', sans-serif;
	font-size: 26px !important;
	color:#348FD1 !important;
	font-weight: 900 !important;
	}
	
/* HEADER */

	#header
		{
		position: relative;
		background: #176382;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
		}
		
	#header #header_logo
		{
		padding:10px;
		font-family: 'Raleway', sans-serif;
		font-size:40px;
		font-weight: 900;
		color:#fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		
		}
		
	#header #header_texte
		{
		position: absolute;
		right:10px;
		top:18px;
		font-family: 'Raleway', sans-serif;
		font-size:30px;
		font-weight: 900;
		color:#fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		}
	
/* CONTENT */

	#content
		{
		margin:10px;
		}

	#content_texte
		{
		width:100%;
		max-width: 800px;
		margin:0px auto;
		}
	
/* FOOTER */

	#footer
		{
		padding:10px;
		text-align: center;
		color:#878787;
		font-size:12px
		}

	#footer a
		{
		color:#878787;
		}
	
.admin_bouton
	{
	background: -webkit-linear-gradient(left, red, orange);
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	border:0px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	}
	
.admin_bouton:hover
	{
	background: -webkit-linear-gradient(left, orange, red);
	}
	

	

@media (max-width:930px)
	{
	/* TABLETTES */
		
	}
	
@media (max-width:930px) and (hover: none) and (pointer: coarse) 
	{
    /* SEULEMENT LES TOUCH SCREEN */
    
    
    
	}

@media (max-width:700px)
	{
	/* PETITS ECRANS, PHABLETTE */
	
		
	#header #header_logo
		{
		font-size:20px;
		
		}
		
	#header #header_texte
		{
		font-size:15px;
		top:13px;
		font-weight: normal;
		}
	

	h1
		{
		font-size: 25px !important;
		}
		
	h2
		{
		font-size: 25px !important;
		}
	}

@media (max-width:600px)
	{
	/* PETITS ECRANS, PHABLETTE */

	}

@media (max-width:500px)
	{
	/* PETITS ECRANS, PHABLETTE */

	}

@media (max-width:400px)
	{


	}

@media (max-width:330px)
	{
	/* IPHONE */

	}

@media (max-width:300px)
	{
	/* PETITE RESILUTION DE MOBILES */

	}

@media (max-width:1100px)
	{
	}
	

	
@keyframes shake {
  10%, 90% {
    transform: translate3d(-2px, 3px, -5px);
  }
  
  20%, 80% {
    transform: translate3d(-4px, -5px, 3px);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 3px, -6px);
  }

  40%, 60% {
    transform: translate3d(2px, -3px, -5px);
  }
}