@media screen and (min-width: 500px){
	#conteneur_global { width:100%; height:100%; margin:auto; position:relative; }

	/* Structure : zone titre */
	#entete {
		height:26%;
		background-color:black;
		opacity:0.15;
		width:100%;
		position:fixed;
	}

	#bg_nav_langue {
		position:fixed;
		width:4.5%;
		top:26%;
		left:55%;
		padding:0.5%;
		background-color:black;
		opacity:0.4;
		border:thin solid #08c7f9;
		height:1.5%;
	}
	#nav_langue {
		position:fixed;
		width:4.5%;
		top:26%;
		left:55%;
		padding:0.5%;
	}
	#nav_langue img { width:20px; margin:3%; }

	#logo_stt {
		position:fixed;
		width:130px;
		top:55%;
		left:4%;
		box-shadow:2px 2px 2px black;
	}
	#logo_stt .bg_logo { width:130px; height:46px; background-color:black; opacity:0.25; position:absolute; }
	#logo_stt .logo { padding:5px 15px; }
	/* Structure Menu général */
	#col_gauche 
	{
		width:24%;
		min-height:600px;
		position:fixed;
		top:40%;
	}
	#menu_general {
		position:absolute;
		bottom:20%;
		right:10%;
		/*background-color:black;
		opacity: 0.4;*/
		width:37%;
		/*box-shadow:2px 2px 2px;*/
		padding-left:1%;
		padding-top:2%;

	}
	#bg_menu_general {
		position:absolute;
		bottom:15%;
		right:10%;
		background-color:black;
		opacity: 0.4;
		width:37%;
		height:34%;
		box-shadow:2px 2px 2px;
		padding-left:1%;
		padding-top:2%;
		border:2px solid #3e859f;
	}

	#menu_general menu { padding:0px; margin:0px; width:100%; }
	#menu_general li {  position:relative; }
	#menu_general a {
		width:100%;
		height:2em;
		text-align:left;
		display:block; 
		color:white; 
		text-decoration:none; 
		font-size:14px; font-weight:bold;
		text-shadow:2px 2px 2px black;
		transition:transform 2s;
		-webkit-transition:-webkit-transform 2s;
		text-transform: uppercase;
	}

	#menu_general a:hover {
		color:#2cd1ff;

	}

	/* Structure Conteneur */
	#tuv { width:30%; margin-left:24%; padding-right:5%; text-align:right; position:fixed; top:44%; }
	#tuv img { box-shadow: 2px 2px 4px black; }
	#photo { position:fixed; left:12%; top:27%; }
	#photo img { border:5px solid white; box-shadow:2px 2px 2px black; }
	#conteneur 
	{
		background-color:white;
		width:31%;
		padding:2%;
		margin-left:24%;
		position:fixed; z-index:0;
		top:52%;
		min-height:200px;
		padding-top:25px;
		color:#3b3c3c;
		text-shadow:1px 1px 1px grey;
		text-align:justify;
		margin-top:1%;
		box-shadow: 2px 2px 4px black;
	}

	#conteneur p {
		margin-bottom:2em;
	}
	#conteneur ul {margin-bottom:2em; }
	#conteneur li {
		list-style-image: url(../img/puce_1.png);
		margin-left:2em;
	}

	/* Structure colonne droite */

	.gauche { float:left; }
	.droite { float:right; }

	/* Structure footer */
	#footer { 
		clear:both;
		position:fixed;
		bottom:0;
		color:white;
		text-align:center;
		padding-top:10px;
		width:100%;
		margin-left:30%;
	}
	#footer li { width:210px; height:25px; float:left; margin:0 1%; position:relative; }
	#footer .lien { position:relative; z-index:10; padding-top:5px; }
	#footer a, #footer a:hover, #footer a:visited { color:white; text-decoration:none; font-weight:bold; font-size:15px; }
	#footer a:hover { color:#2cd1ff; }
	#footer .bg_footer { position:absolute; background-color:black; width:210px; height:45px; opacity:0.4; z-index:1; }

}