@media screen and (max-device-width: 900px)
{
	/*------------------MAIN-----------------*/
	body {/*body properties*/
		min-width:100%;
		width:100%;
		max-width:100%;
		background-size : 100% 100%;
	}
	/*------------------HEADER----------*/
	header{
		min-width:initial;
		width:100%;
		height:75px;

	}
	header #logo_Cabourg-Optic,header #Logo_Cabourg{
		display:inline-block;
		position:initial;
		height:30%;
		margin:0 5px 0 5px;;
		border-radius:5px;
		vertical-align:middle;
	}
	header #votreOpticienMOBILE{
		display:inline-block;
		vertical-align:middle;
	}
	/*--NAV BAR--*/
	.navBar{
		position:fixed;
		top:80px;
		height:50px;
		width:100%;
		margin: auto;
		text-align:left;
		background-color:rgba(63,63,63,0.9);
		overflow-y:auto;
	}
	.navBar div{
		width:250%;
	}
	.navBar a{
		margin:0 10px 0 10px;
		color:rgb(61, 111, 150);
		font-size:30px;
		font-style:italic;
	}
	.navBar a:hover{
		color:rgb(5,33,69);
		cursor:pointer;
		
		transition: color 500ms;
		-webkit-transition: color 500ms;
	}
	/*------------------Fenetre principale----------*/
	.fenetrePrincipale{
		min-width:100%;
		width:100%;
		max-width:100%;
		margin: 150px auto auto auto;
		color:white;
		text-align:center;
	}
	.fenetrePrincipale h1{
		display:none;
	}
	.leCanvas{
		width:90%;
		height:10px;
		border:1px solid white;
		border-radius:5px;
		background-image: linear-gradient(135deg,rgb(208,208,208),rgb(63,63,63));
	}
	.imageIllustration{
		max-height:initial;
		max-width:95%;
		margin: auto;
		border: white solid 2px;
	}
	.fenetrePrincipale .marques div{
		width:100%;
		overflow-y:auto;
	}
	.fenetrePrincipale .imgCollections{
		display: block;
		width:95%;
		height:200px;
		margin: 10px auto 10px auto;
	}
	.fenetrePrincipale .txtZone .horaires{
		width:90%;
		overflow-y:auto;
		border: white solid 1px;
	}
	.fenetrePrincipale .txtZone .horaires table{
		height:30px;
		width:800px;
		overflow:hidden;
	}
	/*--------------CONTACT----------*/

	/*------------------FOOTER----------*/
	footer {
		position:static;
		min-width:100%;
		width:100%;
		max-width:100%;
		bottom:0;
		left:0;right:0;
		height:auto;
		text-align:center;
		color:white;
		font-size:16px;
		z-index:100;
	}
	footer h1{
		margin:5px 0 0 0;
		font-size:16px;
	}
	footer button{
		position:fixed;
		right:10px; bottom:10px;
		background-color:transparent;
	}
/*--------FENETRE MODAL----------*/
.fenetreModal{
	top:70px;
	z-index:150;
}

.fenetreModal .boutonFermeture{
	top:initial; bottom:10px;right:25px;
}
/*-- CONTACT FORMULAIRE --*/
#formulaireContact, #imgAremp{
	margin: 0 auto 0 auto;
	width:95%;
	border-radius: 0;
}
#formulaireContact button{
	font-size:2em;
	border-radius:20px;
	border:solid white 2px;
	margin: 0 10px 0 10px;
}
#formulaireContact button:hover{
	border:solid black 2px;
}
#formulaireContact div{
	display:block;
	max-width:100%;
	vertical-align:top;
}
#formulaireContact .informations{
	text-align:left;
	font-size:1.25em;
}
#formulaireContact .informations a{
	color:black;
}
#formulaireContact table, #imgAremp table{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#formulaireContact table th{
	color:black;
	width:auto;
	padding:15px;
	text-align:left;
}
#formulaireContact table td{
	width:auto;
	padding:15px;
}
#formulaireContact table td input, #formulaireContact table td textarea{
	width:95%;
}
#formulaireContact table .rdv span{
	display:block;
	font-size:2em;
}
#formulaireContact table .rdv input{
	display:inline;
	vertical-align:middle;
	width:initial;
}
#formulaireContact table .rdv input.larger{
	width:15px;
	height:15px;
}
#formulaireContact table .rdv label{
	vertical-align:middle;
	display:inline-block;
}
/*-------------FIN CSS  ARMOP----------------------*/
}