<STYLE type="text/css">

html {height : 100%; font-size : 100%}
body  {text-align : left; font-size : 1em}
img {align : center; max-width: 150%;}

#container {margin: 0px auto; min-width: 320px; max-width : 1200px; width : 100%; min-height : 100%; background-color : #F1F1F1; font-size : 12; font-family : Arial, Helvetica, sans-serif;}

#header {margin : 0% 5% 1% 5%; padding : 1% 0% 0% 0%;}

#bloc_central{margin-left: auto; margin-right: auto;  width: 50%;}

.loginbox{border : ridge; width : 400; background-color : #F1F1F1; margin : auto;}
.col1_loginbox{width : 150;	height : 30; text-align : left;	vertical-align : center; font-size : 14; font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;	color : green; margin : top;}
.col2_loginbox{	width : 250; height : 30; text-align : left; vertical-align : center; font-size : 14; font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;	color : green;	margin : top;}

/*#header {margin-bottom: 20px;}*/


#contenu_sans_colonne {float: left; width: 900px; padding: 10px;}

.surlignage {background-color : yellow;	font-weight : bold;}
.video { float: left; width: 440px; padding: 5px 5px; border-style:none;}

#footer {margin-top: 20px; clear: both;}

h1 {font-size : 24; color : green; margin : 2; text-align : center;}
h2 {font-size : 18; color : green; margin : 2; text-align : left;}
th {color : green;}

.fond_principal {background-color: #F1F1F1; text-align : center; margin : 2;}

.icone {display: block; margin-left: auto; margin-right: auto; width: 180px;} 

#fond_avant {position : relative; background-color: #FFFFFF; width : 90%; height : 1000; margin: 0 auto; margin-top : 10;}

@media (max-width: 640px) {
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto; align : center;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
#large {float: none; width: auto;}
#content {float: none; width: auto;}
#petitbloc {float: none; width: auto;}
#pave_haut {float: none; width: auto;}	
}


@media (min-width: 641px) {
#large {float: left; width: 90%; padding: 1% 5% 1% 5%;}
#content {float: left; width: 40%; padding: 1% 5% 1% 5%;}
#petitbloc {float: left; width: 23%; padding: 1% 5% 1% 5%;}
#pave_haut {float: left; width: 90%; padding: 0% 5% 0% 5%;}
}
</STYLE>


