@media (max-width: 800px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	/*smsctacss*/
	a.smscta:link{
		color:#bc0202;
		text-decoration: underline;

	}
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images */

	img {
		height: auto;
	}
	
	/* gestion des mots longs */

	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

	.element1,
	.element2 {
		float: none;
		width: auto;
	}
	
	/* masquer les éléments superflus */

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */

	body:before {
		content: "Version mobile";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}
	header img {
		width:250px;
		margin:0 auto;
	}
	.rotated {
		width:150px;
		font-size:17px;
	}
	#mainsection {
		margin-top:75px;
		background:url(../img/bg-1.jpg) left bottom;
		background-size:150%;
		padding-top:30px;
		padding-bottom:30px;
	}
	.pinpulseheight {
		height:auto;
	}
	.pinpulse {
		width:auto;
		margin:0;
		position:relative;
		display:block;
	}
	.pin {
		 width :200px;
		 height: 50px;
		 border-radius:0;
		 background: #1a2226;
		 transform :none;
		 box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	} 
	#mainsection h1 {
		color:#e6e4e4;
		font-size:15px;
		text-align:center;
		position:relative;
		margin-top:0px;
		margin-left:0px;
		line-height:20px;
		background:#1a2226;
		display:block;
		padding:10px;
		width:200px;
		margin:0 auto;
	}
	#mainsection h1 img {
		width:20px;
		float:left;
		margin-left:10px;
	}
	#mainsection h1 br {
		display:none;
	}
	.arrow_boxes {
		position:relative;
		height:auto;
	}
	.arrow_boxes a {
		display:block;
		width:200px;
		margin:0 auto;
		font-weight:normal;
	}
	.arrow_box {
		position: relative;
		background: #1a2226;
		width:200px;
		float:none;
		margin-left:0;
		padding:10px;
		margin:0 auto;
		margin-top:20px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.arrow_box p {
		float:right;
		width:140px;
		color:#e6e4e4;
		font-weight:200;
		font-size:12px;
		text-align:left;
		position:relative;
	}
	.arrow_box i {
		width:20px;
		float:left;
		margin-left:5px;
		margin-top:10px;
		color:white;
		font-size:35px;
	}
	.arrow_box:after {
		right:0;
		top: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: transparent;
		border-right-color: transparent;
		border-width: 0px;
		margin-top: 0px;
	}
	.arrow_box2 {
		position: inherit;
		background: #bc0202;
		width:200px;
		margin-left:0;
		padding:10px;
		margin:0 auto;
		margin-top:20px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.arrow_box2 i {
		width:20px;
		float:left;
		margin-left:5px;
		margin-top:5px;
		color:white;
		font-size:35px;
		font-weight:normal;
	}
	.arrow_box2 p{ 
		float:right;
		position:absolute;
		width:140px;
		color:#e6e4e4;
		font-size:15px;
		text-align:center;
		margin-left:0px;
		font-weight:700;
		margin-top:0px;
		padding-top:10px;
		margin-left:30px;
	}
	.arrow_box2:after {
		right:0;
		top: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: transparent;
		border-right-color: transparent;
		border-width: 0px;
		margin-top: 0px;
	}
	#modeemploi {
		padding:30px 0;
	}
	.tiles {
		margin-left:0%;
	}
	.subscribe {
		background:url(../img/slide-1.png) center no-repeat;
		background-size:250%;
		width:250px;
		float:none;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		padding:10px;
		font-size:12px;
		line-height:15px;
		height:auto;
		margin:0 auto;
	}
	.subscribe p:last-child {
		font-size:12px;
		line-height:15px;
		font-style:italic;
		font-weight:300;
	}
	.trouble {
		background:url(../img/slide-2.png) center no-repeat;
		background-size:250%;
		width:250px;
		float:none;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding:10px;
		font-size:12px;
		line-height:15px;
		height:auto;
		margin:0 auto;
		margin-top:20px;
	}
	.trouble span {
		font-size:12px;
		line-height:15px;
	}
	.flip-container {
	  	float:none;
	}
	.oneflip {
		margin-left:0px;
		margin:0 auto;
		margin-top:20px;
	}
	.twoflip {
		margin-top:0px;
		margin:0 auto;
		margin-top:20px;
	}
	#Grille {
		padding:30px 0;
	}
	td.region {
		font-size:12px;
		padding:5px;
	}
	td, th {
		width:10%;
		font-size:12px;
		padding:5px;
	}
	thead td {
		padding:5px;
		text-align:center;
		font-weight:700;
		font-size:12px;
	}

	td:first-child{
		width:2%;
	}
	.plus {
		font-size:12px;
	}
	table#maintable{
		width:90%;
		margin:0 auto;
		margin-top:20px;
	}
	#Relayeur {
		background:url(../img/bg-4.jpg)center;
		background-size:500%;
		padding-top:30px;
		padding-bottom:30px;
	}
	.cadre {
		width:250px;
		font-size:12px;
		padding:10px;
		margin:0 auto;
		margin-bottom:0px;
	}
	.fleft {
		float:none;
		margin-left:0px;
	}
	.cadre br {
		display:none;
	}
	.cadreright {
		float:none;
		width:250px;
		font-size:12px;
		padding:10px;
		margin-right:0px;
		margin:0 auto;
		margin-top:20px;
	}
	.cadreright br {
		display:none;
	}
	.formobile {
		display:inline;
	}
	
	#Contact {
		padding:30px 0;
	}
	#form1 {
		width:80%;
		float:none;
		margin-left:0%;
		margin:0 auto;
	}
	.feedback-input {
		font-size: 15px;
		line-height: 22px;
		width:100%;
	}
	.btn-success {
		float:none;
		font-size:15px;
		padding:10px;
		text-align:center;
		margin:0 auto;
	}
	#coordonnees {
		float:none;
		margin-left:0px;
		width:80%;
		margin:0 auto;
	}
	#coordonnees ul li a {
		padding-top:5px;
		padding-left:7px;
		padding-right:7px;
	}
	#coordonnees ul li {
		margin-right:20px;
	}

}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}