@media screen and (min-width:733px) and (max-width:949px){	
	h1{font-size: 25px;padding-top:20px;padding-bottom:15px;}
	h1#h1login{font-size: 1.1rem;margin-top:0px;padding-top:0px;padding-bottom:10px;margin-bottom:10px;line-height:1.5rem;}
	h2{font-size: 24px;}
	body{
		background-image:url(/_mLkj95iUh3_/images/bg-tablette.jpg);
		background-repeat:repeat-y;
	}
	
	div#divmain{display:table;width:100%;}
	div#divnav{
		position:absolute;
		top: 0;
		left: 0;
		background-color:#282828;
		width:75px;
	}
	
	/***************** Partie header *****************/		
	article {text-align:left;}
	input + div#divmenu{top:0;min-height:100vh;max-width:0px;overflow:hidden;position:absolute;transition:max-width 0.5s;background-color:#f7f7f7;padding:0;z-index:10;width:198px;}
	input:checked + div#divmenu{position:absolute;min-height:100vh;transition:max-width 0.5s;max-width:198px;top:0;}
	label[for="close"] {display:none;position:absolute;padding-top:15px;}
	input:checked ~ label[for="close"]{
		position:absolute;
		top:8px;
		left:167px;
		display:block;
		width:30px;
		height: 15px;
		background-image:url(/_mLkj95iUh3_/images/close.png);
		background-repeat:no-repeat;
		z-index:11;
		-webkit-animation-name: redBox;
		  -webkit-animation-duration: 1s;
		  -webkit-animation-iteration-count: 1;
		  -moz-animation-name: redBox;
		  -moz-animation-duration: 1s;
		  -moz-animation-iteration-count: 1;
		  animation-name: redBox;
		  animation-duration: 1s;
		  animation-iteration-count: 1;
		  cursor: Pointer;
	}
	
	@-webkit-keyframes redBox {
	  0% {
		left: 10px;
	  }
	  50% {
		left: 167px;
	  }
	}

	label#labelmenu{
		position: absolute;
		width:75px;
		height: 58px;
		display:block;
		background-color: transparent;
		background-image:url(/_mLkj95iUh3_/images/menu-off-t.png);
		background-repeat:no-repeat;
		background-position:20px 15px;
		top:0px;
		left:0px;
		z-index:2;
	}
	
	div#divmenu ul{display:block;background-color: transparent;}
	
	#divmenu > ul > li > a{
		padding-left: 10px;
	}
	
	#divlogo{
		display:none;
	}
	
	#navvertgta{
		display:table-cell;
		width:75px;
		min-height: 100vh;
		background-color: #f7f7f7;
		z-index:1;
		
	}
	img#imglogotab{position:absolute;top:150px;left:10px;}
	
	div#divcontent{
		display:table-cell;
		width:90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	div#idnavboutons{
		position: absolute;
		right: 20px;
		top: 25px;
	}
	
	form input[type=text],form input[type=password],form input[type=email],form input[type=date],form input[type=time], form select, form textarea{width:98%;}
	.spanform{
		display:inline-block;
		text-align:left;
		width:70%;
		background-color:#D6D6D6;
		margin-bottom: 10px;
	}
	
	#divlogin{width: 70%;}
	
	div.divmoitieg{display:block;width:98%;margin:auto;margin-bottom:15px;}
	div.divmoitied{display:block;width:98%;margin:auto;}
	
	/********** LES CRÉNEAUX ********************/
	div.divveaffeccren{
		float:left;width:33%;
	}
	
	div.divveaffeccren div.divitemresve{
		width:100%;
		margin-top:1%;
		margin-bottom:1%;
		height: 50px;
		border: 1px solid #9A9A9A;		
		padding:2%;
		box-sizing: border-box;
		font-size:0.85rem;
		text-align:center;
	}
	
	.divveaffeccren h3{margin-top:1rem !important;}
	div.divveaffeccren div.divitemresve span.spanheurcren{display:block;font-size:0.8rem;margin-bottom:5px;color:#888888;}
	
	/*****************	LE FORMULAIRE  *******************/
	div#divformgen form p{display:inline-block;width:45%;box-sizing: border-box;margin-left:2%;margin-right:2%;}
	div.divvoitresform{display:inline-block;width:27%;margin:1%;height:auto;text-align:center;}
	
	div#divstatinscriptions{position:absolute;top:30px;right:50px;}
}