@media screen and (max-device-width: 900px)
{
	/*------------------MAIN-----------------*/
	body {/*body properties*/
		min-width:600px;
		width:100%;
		margin:0px;
		background-color:rgb(63,63,63);

		animation:titre 4s;
		-webkit-animation:titre 4s;
	}
	.bgvid {
		display:none;
	}
	.fenetre1{
		height:300px;
	}
	.fenetre2{
		height:100px;
	}
	/*------------------TITRE-----------------------------------*/
	.enTete{
		height:150px;
	background-color:rgba(0,0,0,0.95);
	}
	/*------------------SOCIAL NETWORK--------------------------*/
	.socialNetwork{
		position:static;
	}
	.socialNetwork a img{
		margin: 20px;
		height:100px;
	}
	/*------------------LOGO TITRE--------------------------------*/
	.logoTitre{
	}
	/*------------------NAVBAR----------------------------------*/
	.navBar {
		display:none;
	}
	.navBarMobile{
		display:block;
		position:fixed;
		top:30px;
		left:10px;
		font-size:2.5em;
		z-index:40;
	}
	.navBarMobile h3{
		text-align:left;
	}
	.navBarMobile h3 a{
		text-align:left;
		color:darkgrey;
	}
	.navBarMobile #menuMobile{
		display:none;
		width:150%;
	}
	.navBarMobile #menuMobile li a{
		color:darkgrey;
		font-size:2em;
		margin-top:40px;
	}
	.navBarMobile #menuMobile:target{
		display:block;
		color:rgb(245,245,220);
		background-color:rgba(0,0,0,.95);
		text-align:left;
	}
	/*------------------HEADER-----------------*/
	h1{
		width:95%;
		min-width:600px;
	}
	h1 img{
		margin-bottom:20px;
	}
	h1 div{
		background-color:rgb(245,245,220);
		width:100%;
		min-width:600px;
	}
	/* h1 div a{ */
		/* display:block; */
		/* font-style:italic; */
		/* background-color:rgb(245,245,220); */
	/* } */
	h1 div .a1{
		font-size:2.5em;
	}
	h1 div .a2{
		color:rgb(227,108,10);
		font-size:2em;
	}
	h1 div .a3{
		font-size:1.75em;
	}
	h1 div .p4{
		font-size:1.75em;
	}
	/****************/
	.titreH1{
		width:95%;
	}
	.titreH1 img{
		display:none;
	}
	.titreH1 span .a2{
		display:none;
	}
	.titreH1 span .a1, .titreH1 span .a3{
		font-size:1.75em;
	}
	/****************/
	.titre{
		width:95%;
		min-width:600px;
		font-size:2em;
	}
	/*------------------SOS----------------------------------*/
	.urgence .sos{
		width:95%;
		height:auto;
		font-size:2.25em;
		margin-top:5%;
	}
	.urgence .sos img{
		height:auto;
	}
	/*------------------SECTION----------------------------------*/
	/*--------ILLUSTRATION--------*/
	.illustration{
		text-align:center;
	}
	.illustration img{
		width:22%;
		margin-left:2%;
		box-shadow:0px 0px 10px 5px rgb(63,63,63);
	}
	/*--------informatique Page--------*/
	.informatique, .info, .contact{
		width:95%;
		font-size:2em;
		padding:10px;
		text-align:center;
		background-color:rgba(245,245,220,1);
		font-style:italic;
	}
	.informatique .txtSection, .info .txtSection{
		margin-bottom:20px;
		padding:10px;
		text-align:justify;
		font-style:italic;
		font-size:1em;
	}
	.activite{
		text-align:center;
		font-size:2em;
	}
	.activite .proPartWindow {
		display:inline-block;
		min-width:600px;
		width:95%;
		height:auto;
		margin-top:25px;
		padding:10px;
		box-shadow:0px 0px 10px 5px rgb(63,63,63);
		border:solid 5px transparent;
		vertical-align:top;
		overflow:hidden;
		background-color:rgba(245,245,220,1);

		transition:box-shadow 1s ease-in-out,border 1s ease-in-out,background-color 1s ease-in-out,color 1s ease-in-out,opacity 1s ease-in-out,margin-top 1s ease-in-out;
		-webkit-transition:box-shadow 1s ease-in-out,border 1s ease-in-out,background-color 1s ease-in-out,color 1s ease-in-out,opacity 1s ease-in-out,margin-top 1s ease-in-out;
	}
	.bouton{
		position: fixed;
		display: inline-block;
		padding: 15px 25px;
		font-size: 1.25em;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		outline: none;
		background-color:rgba(227,108,10,.9);
		border: none;
		border-radius: 15px;
		box-shadow: 0 9px #999;
	}
	.bouton a{
		color:white;
	}
	.bouton a:active{
		color:white;
		cursor:grabbing;
	}
	.bouton:hover{
		background-color:rgba(227,108,10,1);
	}
	.bouton:active {
		background-color:rgba(227,108,10,1);
		box-shadow: 0 5px #666;
		transform: translateY(4px);
	}
	.activite #reseaux, .activite #bureautique, .activite #informatique, .activite #financement, .activite #internet, .activite #pcGamer, .activite #mobilite{
		display:none;
		text-align:justify;
		padding:10px;
	}
	.activite #reseaux:target, .activite #bureautique:target, .activite #informatique:target, .activite #financement:target, .activite #internet:target, .activite #pcGamer:target, .activite #mobilite:target{
		top:0;
		bottom:0;
		left:0;
		right:0;
		width:95%;
		max-height:100%;
		padding:10px;
		box-shadow:none;
	}
	.activite .proPartWindow div{
		padding:10px;
		font-style:italic;
		text-align:justify;
	}
	.activite .proPartWindow .img{
		display:none;
	}
	.activite .proPartWindow .img img{
		height:auto;
	}
	.activite .proPartWindow .menu{
		display:inline-block;
		width:95%;
		margin-left:15px;
	}
	.activite .proPartWindow h2{
		font-style:italic;
		text-align:center;
		margin-left:10px;
		font-size:2em;
	}
	.activite .proPartWindow h2 small{
		color:rgb(227,108,10);
	}
	.activite .proPartWindow .menu{
		height:300px;
	}
	.activite .proPartWindow .menu h3{
		font-size:1.5em;
		font-style:italic;
		text-align:left;
		color:rgb(227,108,10);
	}
	.activite .proPartWindow .menu h3 a{
		padding:5px;
		color:black;
		text-decoration:underline;
	}
	.activite .proPartWindow .menu h3:hover{
		background-color:black;
		color:white;
	}
	.activite .proPartWindow .menu h3:hover a{
		color:white;
	}
	.activite .proPartWindow .descriptionPRO {
		font-size:1.25em;
	}
	.activite .proPartWindow .descriptionPART {
		font-size:1.25em;
	}
	.info_description{
		padding:10px;
		max-height:none;
		overflow:auto;
	}
	.financial_solution{
		color:lightgray;
		padding:10px;
	}
	/*------------------Info Page------*/
	.info{
		max-height:600px;
		overflow:auto;
		margin-bottom:20px;
	}
	.info .txtSection h2{
		margin-top:-25px;
		text-align:center;
		font-size:2em;
	}
	.talkAbout{
	  padding-left:10px;
	  text-align:center;
	}
	.talkAbout h4 img{
	  vertical-align:middle;
	}
	.whoami{
	  font-style:italic;
	  text-align:justify;
	  padding:10px;
	  box-shadow:0px 0px 10px 5px rgb(63,63,63);
	  color:lightgrey;
	  transition:max-height 1s ease-out, background-color 1s ease-out, color 1s ease-out, opacity 1s ease-out, position 1s ease-out, z-index 1s ease-out;
	  -webkit-transition:max-height 1s ease-out, background-color 1s ease-out, color 1s ease-out, opacity 1s ease-out, position 1s ease-out, z-index 1s ease-out;
	}
	.whoami img{
	  float:left;
		opacity:0.3;
		margin:10px;
		width:150px;
	}
	.whoami:hover{
		background-color:rgb(63,63,63);
		color:rgb(227,108,10);
	}
	.whoami:hover img{
		opacity:1;
	}
	/*------------------Page SOS--------*/
	.pageSOS .txtSection{
		font-size:1.7em;
	}
	.pageSOS .txtSection .info_description{
		color:rgb(227,108,10);
	}
	.pageSOS .txtSection .contact{
		font-size:.75em;
		overflow:auto;
	}
	.illustrationSOS img{
		width:30%;
		vertical-align:middle;
	}
	/*------------------Contact Page----------*/
	.infoCookie{
		font-size: 2.25em;
		top:50px;
	}
	#messageCookie:target{
		top:0;
		width: 95%;
		font-size: 2.25em;
	}
	#messageCookie form input, #messageCookie a .boutonCookie{
		margin-top:30px;
		margin-bottom:30px;
	}
	.pasDeCookie{
		font-size:1.25em;
	}
	.contact div{
		font-size:1.35em;
	}
	.contact .robot form input{
		width:50%;
		margin-top:10px;
		text-align:center;
		font-size:1.5em;
	}
	.connectForm, .informationContact {
		display:initial;
		text-align:justify;
		width:95%;
	}
	.connectForm{
		text-align:center;
	}
	.connectForm input, .connectForm textarea{
		width:95%;
		font-size:1.25em;
	}
	/*------------------FOOTER----------*/
	footer {
		position:static;
		bottom:0;
		left:0;right:0;
		min-width:600px;
		width:100%;
		text-align:center;
		color:white ;
		font-size:1.75em;
		background-color:rgba(0,0,0,0.75);
	}
	footer span {
		line-height:normal;
	}
	.copyright{
		font-size:initial;
	}
}