@charset "UTF-8";

html {
	font-size:100%;
	padding:0;
	margin:0;
}

body {
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0;
	margin:0;
}

p {
	padding:0;
	margin:0;
}

div {
	padding:0;
	margin:0;
}

img {
 	width:100%;
}

a {color:#ff0000;text-decoration:none;}
a:hover {color:#00ff00;text-decoration:underline;}

.separateur {
	clear:both;
	padding:0;
	margin:0;
}




/* POUR ECRAN MINIMUM DE 1680px, donc en général FULL HD */
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}


#conteneurEntete {
	width:100%;
	background:#333333;
}

#conteneurNavigationHautDePage {
	width:100%;
	background:#444444;
}

#conteneurContenu {
	width:100%;
	background:#555555;
}

#conteneurPiedDePage {
	width:100%;
	background:#333333;
}

#conteneurContenuPiedDePage {
	padding:10px;
	width:60%;
	margin:0 auto;
}

#conteneurCoordonnees {
	width:50%;
	background:red;
	float:left;
}

#conteneurNavigationPiedDePage {
	width:40%;
	background:green;
	float:left;
}

#conteneurBoutonRetourHautDePage {
	width:10%;
	background:blue;
	float:left;
}

	

/* POUR ECRAN MAXIMUM DE 1680px */
@media screen and (max-width: 1680px) {
#conteneurEntete {
		width:100%;
		background:#333300;
	}
}

/* POUR ECRAN MAXIMUM DE 1240px */
@media screen and (max-width: 1240px) {

}

/* POUR ECRAN MAXIMUM DE 1024px = TABLETTES */
@media screen and (max-width: 1024px) {

}

/* POUR ECRAN MAXIMUM DE 960px */
@media screen and (max-width: 960px) {

}

/* POUR ECRAN MAXIMUM DE 760px = MOBILE */
@media screen and (max-width: 760px) {

}

/* POUR ECRAN MAXIMUM DE 319px = ANCIENS MOBILES */
@media screen and (max-width: 319px) {

}