/******************** TAILLE ET POSITIONNEMENT DU SITE *******************/
header {
	padding: 15px 7px;
}
div#content {
	max-width: 930px; /* Permet de definir une taille max, ce qui va centrer le contenu du site sans afficher la barre de d?filement horizontale */
}
div#footer p {
		font-size: 0.8em !important;
}
/******************************** CONTENEURS *****************************/
.contact_contener{
	clear:left;
	margin: 0 0 0 0;
}
.mail_contener {
	clear:left;
}

.ContentCenter {
	width:85%;
}

.ContentTuile {
	width: 100%;
	height: 700px;
}
#tuile {
	background-color: #cccccc;
	height: 620px;
	width: 280px;
	border:solid #CECECE 1px;
	float: left;
	margin: 10px 0px 10px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.t_left {
	background-image: url("images/tuile_left.jpg");
}
.t_middle {
	background-image: url("images/tuile_middle.jpg");
}
.t_right {
	background-image: url("images/tuile_right.jpg");
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PORTRAIT * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*@media screen and (orientation:portrait) and (max-device-width: 800px)*/
@media screen and (max-device-width: 800px)
{
	/******************** TAILLE ET POSITIONNEMENT DU SITE *******************/
	div#content {
		padding: 0 15px 0 15px;
	}
	/*********************** IMAGES ET BOUTONS DU SITE ***********************/
	/************************* EN-TETE *************************/
	/* LOGO */
	
	
	
	/*********************** POPUP STYLE ***********************/
	/* Popup container */
	.popup {
		position: relative;
		display: inline-block;
		cursor: pointer;
	}

	/* The actual popup (appears on top) */
	.popup .popupText {
		display: none;
	}

	/* Toggle this class when clicking on the popup container (hide and show the popup) */
	.popup .show {
		display: inline-block;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s
	}

	/* Add animation (fade in the popup) */
	@-webkit-keyframes fadeIn {
		from {opacity: 0;} 
		to {opacity: 1;}
	}

	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity:1 ;}
	}
	
	/******************************** CONTENEURS *****************************/
}