/* Eléments principaux de la page */

body {
	font-family: Verdana, Arial, sans-serif;
	color:#aaa;
	font-size: 12px;
	background-color: #000;
	margin: auto;
	}

#container2 {
	max-width: 720px;
	margin: auto;
	min-width: 320px;
  	}

section {
	width: 86%;
	margin: 20px auto 4px;
	background-color: #202020;
	border: 2px solid #404040;
	border-right-color: #101010;
	border-bottom-color: #101010;
	padding: 20px 6% 50px 6%;
	color: #777;
	border-radius: 10px;
  	}

page {
	margin: auto;
	padding: 5px 0 5px 0;
  	}

/* PAGE ACCUEIL */

reseau {
	display: block;
	margin: auto;
	}
	
reseau2 {
	display: none;
	}

header2 {
	background-color: #202020;
	padding: 5px 0 5px 0;
	margin: auto;
  	}

h6 {
 	color: #aaa;
 	font-size: 1em;
 	text-align: center;
 	letter-spacing: 1px;
 	padding: 20px 0px 30px 0px;
 	text-transform: uppercase;
  	font-weight: lighter;
 	margin:0;
  	}

sign {
	display: block;
	margin: auto;
	padding: 50px 0 5px 0;
  	}

portrait {
	display: block;
	margin: auto;
	padding: 10px 0 20px 0;
  	}

portrait2 {
	display: none;
  	}
  	
menu {
	display: inline-block;
	padding: 0;
    text-align: left;
    line-height: 400%;
    margin-bottom: 40px;
  	}

menu a  {
	color: #aaa;
	font-size: 1em;
	font-style: italic;
	font-weight: lighter;
	text-decoration: none;
	letter-spacing: 2px;
	padding-bottom: 40px;
  	}

menu a:hover  {
	color: #ccc;
  	}




/* -------------> QUERRIES <---------------- */


@media screen and (max-width: 1024px) {

#container {
    display:block;
    clear:both;
    float: none;
  	}
  
}

@media screen and (max-width: 920px) {

#container {
    display:block;
    clear:both;
  	}

@media screen and (max-width: 768px) {

#container {
    display:block;
    clear:both;
  	}

}


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

#container {
    display:block;
    clear:both;
    float: none;
  	}

section {
	margin-top: 2px;
  	}

}

@media screen and (max-width: 480px) {
 
#container {
    display:block;
    clear:both;
    float: none;
  	}
  	
/* ACCUEIL */
  
h6 {
	padding-top: 10px;
	}

portrait2 {
	display: block;
	margin: auto;
	padding: 10px 0 20px 0;
  	}

portrait {
	display: none;
	}
	
menu {
	margin-bottom: 2px;
	}

}


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

sign {
	display: block;
	margin: auto;
	padding: 10px 0 0 0;
  	}
h6 {
	padding: 10px 0 10px 0;
	}
}
}