@charset "iso-8859-1";
	body, html {width: 100%; height: 100%; margin: 0px auto; padding: 0px; font-family: Arial; font-size: 12px; background:#494949; z-index: 0} 

	table { border: 0; }
	img { border: none; }
	form, dl, ul, ol, h1, h2, h3, h4, h5, h6, p {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
	 
	a:link {color: #0632df;  text-decoration: underline}
	a:visited {color: #0632df;  text-decoration: underline}
	a:active {color: #272727;  text-decoration: underline}
	a:hover {color: #272727; text-decoration: underline}
	
	td {color: #000000; font-size: 12px; font-family: Arial;}
	.clear { clear:both}
	
	#mes_ok { margin: 10px 20px; font-size: 13px; padding: 10px 30px; background-color: #006600; color: #ffffff; font-weight: bold; }
	#mes_pok {margin: 10px 20px; font-size: 13px; padding: 10px 30px; background-color: #CC0000; color: #ffffff; font-weight: bold; }
	
	.masquefond {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.coultxtres_oxy { color: #058ca9;}
	.coultxtres_ave { color: #202c74;}
	.coultxtres_ren { color: #a80707;}
	.coultxtres_the { color: #ff5400;}
	.coulbackres_oxy { background: #058ca9;}
	.coulbackres_ave { background: #202c74;}
	.coulbackres_ren { background: #a80707;}
	.coulbackres_the { background: #ff5400;}
	
	.global {
		position: absolute;
		width: 100%;
		z-index: 2;
	}
		.barhaut {
			max-width: 1200px;
			height: 26px;
			margin : 0 auto;
			z-index: 3;
		}
			.btesp, .btcont {
				float:right;
				position: relative;
				padding: 4px 10px 4px 24px;
				margin: 4px 3% 0 0;
				background-color:#fff;
				color: #333;
				text-transform:uppercase;
				font-size: 10px;
				font-weight: bold;
				background: #efefef;
				background: -webkit-linear-gradient( #fff, #efefef);
				background:    -moz-linear-gradient( #fff, #efefef);
				background:     -ms-linear-gradient( #fff, #efefef);
				background:      -o-linear-gradient( #fff, #efefef);
				background:         linear-gradient( #fff, #efefef);
			}
				.btesp::before, .btcont::before {
					position: absolute;
					content: " ";
					left: 6px;
					top:3px;
					height: 12px;
					width: 12px;
					background: url('img/st/group.png') no-repeat -240px -2px;
				}
				
			.btcont {
				margin: 4px 10px 0 0;
			}
				.btcont::before {
					background-position: -252px -2px;
				}

		.accueil,
		.normal {
			width: 100%;
			background-color:#fff;
			border-top: 3px solid #000;
			border-bottom: 3px solid #000;
			z-index: 3;
		}
			.normal {height: 100px;}
			.accueil {float:left;}
			.contenu {
				max-width: 1200px; 
				margin : 0 auto;
			}
			.pano {position:relative; z-index: 0;}
				.logo {
					float:left;
					margin : -8px 0 0 3%;
					position:relative;
					z-index: 1;
				}
					.logo::before {
						content: " ";
						top:45px;
						position: absolute;
						width: 207px;
						height: 25px;
						z-index: 2;
						background: url('img/st/group.png') no-repeat 0 -56px;
					}
					
					.lr_def_oxy::before { background: url('img/st/group.png') no-repeat 0 -81px; }
					.lr_def_ren::before { background: url('img/st/group.png') no-repeat 0 -106px; }
					.lr_def_ave::before { background: url('img/st/group.png') no-repeat 0 -131px; }
					.lr_def_the::before { background: url('img/st/group.png') no-repeat 0 -156px; }
					
					.lr_oxy::before { background: url('img/st/group.png') no-repeat 0 -81px; }
					.lr_ren::before { background: url('img/st/group.png') no-repeat 0 -106px; }
					.lr_ave::before { background: url('img/st/group.png') no-repeat 0 -131px; }
					.lr_the::before { background: url('img/st/group.png') no-repeat 0 -156px; }
				
				.topmenu_mobile,
				.topmenu_mobile2 { display: none;}
				ul.menu {
					float:right;
					margin : 10px 3% 0 10px;
					list-style: none;
					border: 1px solid #CCC;
				}
					ul.menu li {
						float: left;
						font-size: 14px;
						font-weight: bold;
					}
						ul.menu li a {
							float: left;
							text-decoration: none;
							padding: 8px 14px;
							line-height: 16px;
						}
						ul.menu li a:link,
						ul.menu li a:visited {
							color: #666;
							border-right: 1px solid #fff;
							border-left: 1px solid #fff;
						}
						ul.menu li a:hover,
						ul.menu li a:active {
							color: #272727;
							border-right: 1px solid #CCC;
							border-left: 1px solid #CCC;
						}
						
						ul.menu li a:visited {
							color: #666;
							border-right: 1px solid #fff;
							border-left: 1px solid #fff;
						}
							.mlogo {
								float:left;
								height: 14px;
								margin: 1px 0;
							}
								.mloxy {background: url('img/st/group.png') no-repeat 0 0; width: 73px;}
								.mlren {background: url('img/st/group.png') no-repeat 0 -14px; width: 115px;}
								.mlave {background: url('img/st/group.png') no-repeat 0 -28px; width: 51px;}
								.mlthe {background: url('img/st/group.png') no-repeat 0 -42px; width: 35px;}
							
		.page {
			width: 100%;
		} 
			ul.menu2,
			ul.menu3 {
				position:relative;
				float:left;
				margin : -12px 0 0 3%;
				list-style: none;
				background: #fff;
				border: 2px solid #ffde01;
				-webkit-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
				   -moz-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
						box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
				z-index: 100;
			}
				ul.menu3 {
					float:right;
					border: 2px solid #fff;
					margin : -12px 3% 0 0;
					/*border-radius: 4px;*/
				}
				ul.menu2 li,
				ul.menu3 li {
					float: left;
					font-size: 13px;
					font-weight:bold;
				}
					ul.menu2 li a,
					ul.menu3 li a {
						float: left;
						text-decoration: none;
						padding: 7px 10px 7px 28px;
						position:relative;
					}
					ul.menu3 li a {
						padding: 7px 10px;
					}
					ul.menu2 li a:link,
					ul.menu2 li a:visited {
						color: #666;
					}
					
					ul.menu3.m3ren li a:link,
					ul.menu3.m3ren li a:visited {color: #a80707;}
					ul.menu3.m3ave li a:link,
					ul.menu3.m3ave li a:visited {color: #202c74;}
					ul.menu3.m3oxy li a:link,
					ul.menu3.m3oxy li a:visited {color: #058ca9;}
					ul.menu3.m3the li a:link,
					ul.menu3.m3the li a:visited {color: #ff5400;}
					
					ul.menu2 li a:hover,
					ul.menu2 li a:active {
						color: #272727;
						background: #ffde01;
					}

					ul.menu3.m3ren li a:hover,
					ul.menu3.m3ren li a:active,
					ul.menu3.m3ren li.menu3actif a:link,
					ul.menu3.m3ren li.menu3actif a:visited {color: #ffde01; background: #a80707;}
					ul.menu3.m3ave li a:hover,
					ul.menu3.m3ave li a:active,
					ul.menu3.m3ave li.menu3actif a:link,
					ul.menu3.m3ave li.menu3actif a:visited {color: #ffde01; background: #202c74;}
					ul.menu3.m3oxy li a:hover,
					ul.menu3.m3oxy li a:active,
					ul.menu3.m3oxy li.menu3actif a:link,
					ul.menu3.m3oxy li.menu3actif a:visited {color: #ffde01; background: #058ca9;}
					ul.menu3.m3the li a:hover,
					ul.menu3.m3the li a:active,
					ul.menu3.m3the li.menu3actif a:link,
					ul.menu3.m3the li.menu3actif a:visited {color: #ffde01; background: #ff5400;}
					
					ul.menu2 li a.m2ico::before {
						position: absolute;
						content: " ";
						left: 12px;
						top:8px;
						height: 12px;
						width: 12px;
						
					}
					.miacu::before {background: url('img/st/group.png') no-repeat -288px -2px;}
					.mires::before {background: url('img/st/group.png') no-repeat -276px -2px;}
					.mivie::before {background: url('img/st/group.png') no-repeat -264px -2px;}
					.micon::before {background: url('img/st/group.png') no-repeat -252px -2px;}
					
			.paginter {
				float:left;
				margin: 30px 3% 20px 3%;
				padding: 10px 2% 10px 2%;
				background-color:#fff;
				border-radius: 4px;
				width: 90%;
				-webkit-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
				   -moz-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
						box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.83);
			}
			
			.paginter h1 {
				font-size: 18px;
				position: relative;
				margin: 0 0 0 20px;
			}
				.paginter h1:before {
					content: " ";
					top:3px;
					left: -20px;
					position: absolute;
					width: 14px;
					height: 14px;
					background:#494949;
				}
					body.coulbackres_ren .paginter h1 {color: #a80707;}
					body.coulbackres_ren .paginter h1:before {background: #a80707;}
					body.coulbackres_ave .paginter h1 {color: #202c74;}
					body.coulbackres_ave .paginter h1:before {background: #202c74;}
					body.coulbackres_oxy .paginter h1 {color: #058ca9;}
					body.coulbackres_oxy .paginter h1:before {background: #058ca9;}
					body.coulbackres_the .paginter h1 {color: #ff5400;}
					body.coulbackres_the .paginter h1:before {background: #ff5400;}

			.paginter p {
				margin: 10px 0;
			}
			
			.paginter ul li { 
				margin: 0 0 0 30px;;
			}


	.bouton {
		position:relative;
		color:#573e1b;
		font-size: 11px;
		padding: 6px 10px;
		text-align: center;		 					
		border-radius: 3px;		 
		text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
		box-shadow: 0 0 1px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
		display: block;
		cursor: pointer;
		text-decoration:none;
	}
		a.bouton {
			color: #333;
			text-decoration:none;
		}
		
		a:hover .bouton {
			color:#ffffff;
			text-shadow: 1px 1px 1px #000000;
		}



	
	.itblocres
	{
		float:left;
		padding:1%;
		width: 98%;
		margin:1% 0;
		background: #EBEBEB;
		border-radius: 6px;
	}
		.itimgres {
			float:left;
			position:relative;
			width: 30%;
			margin-right: 2%;
			height: 200px;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center center;
			border-radius: 4px;
		}
		.adresse  {
			margin-bottom: 10px;
		}
		.itdis  {
			float:left;
			position: relative;
			padding: 6px 6px 6px 30px; 
			margin: 0 6px 6px 0;
			border-radius: 4px;
			color:#fff;
		}
			.itdis::before  {
				content: " ";
				top:2px;
				left: 6px;
				position: absolute;
				width: 20px;
				height: 20px;
				z-index: 2;
			}
				.itdis.btpied::before  {background: url('img/st/group.png') no-repeat -220px -36px;}
				.itdis.btvelo::before  {background: url('img/st/group.png') no-repeat -260px -36px;}
				.itdis.btvoiture::before  {background: url('img/st/group.png') no-repeat -280px -36px;}
				.itdis.btbus::before  {background: url('img/st/group.png') no-repeat -240px -36px;}
				
				.itdis.gare  {
					padding: 6px 6px 6px 6px;
					background-color:#CCC;
					color:#666;
				}
			.nom  {
				text-transform:uppercase;
				font-size: 11px;
				font-weight: bold;
			}
		.itlien {
			float:left;
			padding: 6px; 
			margin: 0 6px 6px 0;
			border-radius: 4px;
			color:#000;
			background: #ffde01;
			font-weight: bold
		}


	/* LISTING APPART */
		.lisap .disp {
			float:left;
			width:31.333332%;
			margin:10px 2% 10px 0;
		} 
			.lisap .disp .img {
				float:left;
				position:relative;
				width: 30%;
				height: 120px;
				background-repeat:no-repeat;
				background-size:cover;
				background-position:center center;
				border-radius: 4px;
			}
				.lisap .disp .img p {
					position:absolute;
					height: 20px;
					width: 100%;
					bottom:-10px;
					text-align:center;
					opacity:0.4;
					border-bottom-left-radius: 4px;
					border-bottom-right-radius: 4px;
					
				}
				.lisap .disp .img p.detail {
					opacity:1;
					color: #fff;
					font-weight:bold;
					font-size: 11px;
					line-height: 20px;
					bottom:-10px;
					text-transform:uppercase;
				}
				.lisap .disp .img:hover p {color: #666;}
			.lisap .disp .bloc {
				float:right;
				margin: 5px 0;
				width: 66%;
			}
				.lisap .disp h3 {
					font-size: 16px;
					margin: 0 0 0 0;
				}
				.lisap .disp a {text-decoration: none;}
				.lisap .disp .bloc .bouton {
					float: left;
					width: 50%;
					margin: 0 auto;
				}
				.lisap .disp .bloc .libre {
					font-size: 11px;
					color:#666;
				}
				.lisap .disp .bloc .loyer {font-size: 14px;}
		.lisap .arch {
			width: 100%;
			float:left;
		}	
			.lisap .archlist:hover {background-color:#EFEFEF;}	
			.lisap .arch .arch_img .img {
				width: 100%;
				height: 50px;
				background-repeat:no-repeat;
				background-size:cover;
				background-position:center center;
				margin: 2px 0;
			}			
				.lisap .arch .arch_img .img p {
					position:absolute;
					height: 50px;
					width: 25px;
					opacity:0.4;
					margin:0;
				}
				.lisap .arch .arch_img .img p.detail {
					float:left;
					opacity:1;
					color: #fff;
					font-weight:bold;
					font-size: 14px;
					line-height: 50px;
					text-transform:uppercase;
					margin:0;
				}
				.lisap .arch:hover .arch_img .img p {color: #666;}
			.lisap .arch .arch_tab { 
				float:left;
				text-align:center;
				line-height: 54px;
				border-right: 1px solid #999;
				border-left: 1px solid #F2F2F2;
			}
			.lisap .arch .arch_legend { 
				float:left;
				text-align:center;
				line-height: 30px;
				font-weight: bold;
				text-transform:uppercase;
				color: #fff;
				font-size: 11px;
				height: 30px;
				border-right: 1px solid #999;
				border-left: 1px solid #F2F2F2;
			}
				.lisap .arch .arch_img2,
				.lisap .arch .arch_img3 {
					width: 20%;
					height: 6px;
					margin-top:24px;
				}
				.lisap .arch .arch_img3 {margin:0;}	
			.lisap .arch .arch_tab .bouton {
				width: 50%;
				margin: 14px auto; 
				line-height: 14px;
			}
			.lisap .arch .arch_tab a,
			.lisap a {
				text-decoration:none;
				color: #333;
			}
			.lisap .arch .arch_img { width: 20%; }
			.lisap .arch .arch_num { width: 10%; }
			.lisap .arch .arch_type { width: 10%; }
			.lisap .arch .arch_nivo { width: 15%; }
			.lisap .arch .arch_surf { width: 18%; } 
			.lisap .arch .arch_dispo { width: 25%; }


	/* DETAIL APPART */
	.detp_desc,
	.detp_type { 
		float:left;
		padding: 1%;
		width: 48%; 
		margin: 20px 0 0 0;
		background-color:#E8E8E8;
		text-align:justify;		
	}
		.detp_type {
			background-color:#fff;
			margin: 20px 3% 0 0;
			padding: 0;
			width: 47%;
		}
		.detpt_cad {padding: 10px;}
		.detpt_cad2 { text-align: center;}
			.detpt_cad2 a {text-decoration:none;}
			.detptc2_loy { font-size: 16px; }
			.detpt_cad2 .bouton {
				width: 50%;
				font-size: 14px;
				margin: 0 auto;
			}
		
		.detp_pho {float:left; margin: 20px 0 0 0; width:100%;}
			.detp_lapho,
			.etap1photo {
				float:left;
				width:190px;
				height: 120px;
				background-size:cover;
				background-position: center center;
				margin: 0 20px 20px 0;
				border: 2px solid #666;
			}
			
	/* RESA */
	
	ul.etap { 
		margin: 20px auto; 
		padding: 0;
		list-style:none;
		width: 80%;
		height: 30px;
	}
		ul.etap li { 
			float:left;
			width: 19%;
			margin: 0 1%;
			padding: 6px 2%;
			font-size: 14px;
			font-weight: bold;
			color:#fff;
			text-align:center;
		}
			ul.etap li span { font-size: 11px;}
			ul.etap li.actif { color:#ffde01;}
			ul.etap li.nonactif { background-color:#494949;}
			
	.etap1ap,
	.etap1ap3 { 
		margin: 20px auto; 
		padding: 10px 2%;
		width: 80%;
		min-height: 150px;
		text-align:justify;
	}
		.etap1ap h3 { text-align:center; margin-bottom:10px;}
		.etap1regle textarea {width: 100%;}
		.etap1regle a { text-decoration:none; }
		.etap1regle .bouton {width: 150px; font-size:12px;margin : 0 auto; font-weight: bold;}

	
	/* FORMULAIRE */
	fieldset.form {
		width: 80%;
		margin: 20px auto;
		padding:1%;
		border: none;
	}
		fieldset.form p { margin : 0}
		fieldset.form h3 { border-bottom: 2px solid #999; padding-bottom: 3px; margin: 5px 0 10px 0;}
		
		fieldset.form label {
			width: 35%;
			float:left;
			margin: 9px 1% 6px 0;
			text-align:right;
			color: #666;
			font-weight:bold
		}
		
		fieldset.form .etap2erreur {
			font-size: 11px;
			color:#C00;
			padding: 4px 0;
		}
		
		fieldset.form input[type="text"],
		fieldset.form input[type="file"],
		fieldset.form input[type="password"],
		fieldset.form select,
		fieldset.form p.pform,
		fieldset.form p.pformmarg,
		fieldset.form textarea,
		fieldset.form .etap2erreur {
			width: 58%;
			float:right;
			margin:4px 0;
			padding: 4px 1%;
		}
		fieldset.form textarea {margin-bottom : 6px;}
		fieldset.form p.pform {padding: 0; width: 60%; }
		fieldset.form p.pform select {padding: 4px; color: #999;}
		
		fieldset.form input[type="text"].inp50a { width:27%; margin-right:1%;}
		fieldset.form input[type="text"].inp50b { width:27%;}
		
		fieldset.form input[type="text"].inp30a { width:17%; margin-right:1%;}
		fieldset.form input[type="text"].inp70b { width:37%;}
		
		
		fieldset.form p.desc {
			width: 100%;
			float: inherit;
			margin: 10px 0;
		}
			





	/*fond blanc gris*/
	ul.menu,
	.lisap .disp,
	.etap1ap {
		background: #efefef;
		background: -webkit-linear-gradient( #fff, #efefef);
		background:    -moz-linear-gradient( #fff, #efefef);
		background:     -ms-linear-gradient( #fff, #efefef);
		background:      -o-linear-gradient( #fff, #efefef);
		background:         linear-gradient( #fff, #efefef);
	}
	
	/* fond jaune */
	ul.menu li a:hover,
	ul.menu li a:active,
	.btesp,
	.bouton,
	.lisap .disp .img:hover p,
	.lisap .arch:hover .arch_img .img p.detail,
	.rsDefault .rsTab.rsNavSelected {
		background: #FFFDDD;
		background: -webkit-linear-gradient( #FFFDDD, #ffde01);
		background:    -moz-linear-gradient( #FFFDDD, #ffde01);
		background:     -ms-linear-gradient( #FFFDDD, #ffde01);
		background:      -o-linear-gradient( #FFFDDD, #ffde01);
		background:         linear-gradient( #FFFDDD, #ffde01);
	}
	
	/*fond gris foncé*/
	a:hover .bouton {
		background: #666;
		background: -webkit-linear-gradient(#CCCCCC, #666);
		background:    -moz-linear-gradient(#CCCCCC, #666);
		background:     -ms-linear-gradient(#CCCCCC, #666);
		background:      -o-linear-gradient(#CCCCCC, #666);
		background:         linear-gradient(#CCCCCC, #666);
	}
	
	
	
	
	
	
	/*RESPONSIVE*/
	@media screen and (max-width: 1190px) 
	{
		
	}	
	@media screen and (max-width: 990px) 
	{
		
	}
	/*TAB 900 1024 Paysage */
	@media screen and (max-width: 900px) 
	{
		ul.menu2 {margin : -12px 0 0 3%;}
		ul.menu3 {margin : 20px 3% 0 0;}
		.lisap .disp {width:48%;}
		.lisap .arch .arch_tab .bouton {width: 80%;} 
		
	}
	/*TAB 720 768 Porttrait et smartphone PAysage */
	@media screen and (max-width: 720px) 
	{
		
		.lisap .arch .arch_nivo { display:none;}
		.lisap .arch .arch_img { width: 20%; }
		.lisap .arch .arch_num { width: 10%; }
		.lisap .arch .arch_type { width: 15%; }
		.lisap .arch .arch_surf { width: 23%; } 
		.lisap .arch .arch_dispo { width: 29%; }
	}
	@media screen and (max-width: 600px) 
	{
		.paginter {width: 86%; padding: 10px 4% 10px 4%; }
		.paginter p img {
			margin: 10px auto;
			width: 100%;
		}
		.paginter p { font-size: 16px }
		.lisap .disp p { font-size: 12px }
		.lisap .disp .bloc .bouton {width: 80%;}
		.lisap .disp .bloc .loyer {font-size: 12px;}
		.lisap .disp h3 {font-size: 14px;}
	}
	/*TAB 320 480 Portrait Smartphone */
	@media screen and (max-width: 480px) 
	{
		.barhaut {height: 30px;}
		.btesp {margin: 4px 10px 0 0;}
		.normal {height: auto;}
		.logo {margin : -6px auto 0 auto; width: 100%; text-align:center;} 
		
		ul.menu,
		ul.menu2,
		ul.menu3 { display:none; }
		
		.topmenu_mobile2 { height: 30px; display:block;} 
		
		.topmenu_mobile {
			display: inherit;
			margin : 0 3%;
			width: 94%;
			background:#FFF;
			z-index: 100;
		}
			.topmenu_mobile select {
				width: 100%;
				border-radius: 3px;
				font-size: 14px;
				height: 30px;
				margin: 10px 0 -20px 0;
				z-index: 10;
				background:#FFF;
			}
		
		.lisap .disp {width:100%; margin:10px 0 10px 0; }

		.lisap .arch .arch_img { width: 20%; }
		.lisap .arch .arch_num{ display:none; }
		.lisap .arch .arch_type { width: 15%; }
		.lisap .arch .arch_surf { width: 28%; } 
		.lisap .arch .arch_dispo { width: 34%; }
		.lisap .arch .arch_tab .bouton {width: 70%;} 
		
		.detp_desc,
		.detp_type { 
			float:left;
			padding: 0;
			width: 96%; 
		}
			.detp_desc { padding: 10px 2%;}
			.detp_lapho {
					float:left;
					width:100%;
					margin: 0 0 10px 0;
					height: 160px;
			}
		

		
		
	} 
	/*TAB 320 Portrait Smartphone */
	@media screen and (max-width: 320px) 
	{
		.lisap .arch .arch_surf,
		.lisap .arch .arch_img .img p { display:none; }
		.lisap .arch .arch_dispo { width: 61%; }
	}