/******************** TAILLE ET POSITIONNEMENT DU SITE *******************/
header {
	padding: 15px 2px;
}
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;
}
.ContentTuile {
	width: 100%;
	height: 1300px;
	/*background-color: yellow;*/
	
	display: none !important;
}
#tuile {
	background-color: #cccccc;
	height: 390px;
	width: 100%;
	border:solid #CECECE 1px;
	float: left;
	margin: 10px 0px 10px 0px;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.t_left {
	background-image: none;
}
.t_middle {
	background-image: none;
}
.t_right {
	background-image: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * PORTRAIT * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*@media screen and (orientation:portrait) and (max-device-width: 375px)*/
@media screen and (max-device-width: 425px)
{
	/******************** TAILLE ET POSITIONNEMENT DU SITE *******************/
	div#content {
		padding: 0 7px;
	}
	#primary_nav li a {
		padding: 0 8px;
	}
		
	/******************************** CONTENEURS *****************************/
	.contact_contener{
		clear:left;
		margin: 0 0 0 0;
	}
	.mail_contener {
		clear:left;
	}
	/****************************** FORMULAIRES *****************************/
	textarea {
		width: 285px;
		height: 150px;
	}
	

	/****************************** 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 ;}
	}
}





@media screen and (max-device-width: 360px)
{	
	/********************** IMAGES ET BOUTONS DU SITE ***********************/
	#logo{
		display:none;
	}
	#logo_mobile_big{
		display:none;
	}
	#logo_mobile_small{
		display:inline;
	}
}
@media screen and (min-device-width: 361px) and (max-device-width: 666px)
{	
	/********************** IMAGES ET BOUTONS DU SITE ***********************/
	#logo{
		display:none;
	}
	#logo_mobile_big{
		display:inline;
	}
	#logo_mobile_small{
		display:none;
	}
}