@charset "utf-8";
/* CSS Document */


@media screen{

	BODY,HTML{
		margin:0; padding:0;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#002b59;}
	
	#mobile{ display:none;}
		
	a:active, a:focus { outline: none; }
	:focus { -moz-outline-style: none; }

	.clearfix:after { content:' '; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
	* html .clearfix{ zoom: 1; } /* IE6 fix */
	*:first-child+html .clearfix{ zoom: 1; } /* IE7 fix */

	
	.color1{ color:#002b59;}
	.color2{ color:#007aa6;}
	.color3{ color:#e5f1f6;}
	
	.green{ color:#00a028;}
	.red{color:#d10000;}
	
	.txt_xsm{ font-size:10px;}
	.txt_sm{ font-size:12px;}
	.txt_std{ font-size:14px;}
	
	.underline{ text-decoration:underline;}
	
	H1{
		display:inline-block;
		width:240px; height:85px;
		background:#fff url('img/topnav_bigid.png') no-repeat;
		text-indent: -9000px;
		overflow:hidden;
		margin:0; padding:0;}
	H1 a{
		display:block;
		position:absolute;
		top:0; left:0;
		width:240px; height:85px;}
		
	h2{
		margin:0; padding:0 0.1em 0.2em 0;
		font-size:25px;
		font-weight:normal;
		letter-spacing:-1.5px;
		display:block;}
	
	H3{
		margin:0; padding:0 0.1em 0.2em 0;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		display:block;}
	
	H4{
		margin:0; padding:0 0.1em 0.2em 0;
		font-size:17px;
		font-weight:normal;
		letter-spacing:-0.5px;
		display:block;
		text-transform:uppercase;}
	
	
	#page{
		clear:both;
		position:relative;
		width: 960px; overflow:hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		/*
		height:500px;	
		height:auto !important;*/
		min-height: 500px;
		background-color:#FFFFFF;}
	
	
	
	A.button,A.button:visited{
		display:inline-block;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding:10px 15px!important; margin:5px!important;
		text-decoration:none;
		background-color:#a6d1e0;
		color:#002b59!important;
		border:1px #a6d1e0 solid!important;
		-moz-border-radius:14px; -webkit-border-radius:14px;}
	A.button:hover{ background-color:#fff!important; border-color:#a6d1e0;}
	A.button:active{ background-color:#002b59!important;	color:#fff!important; border-color:#002b59!important;}
	
	
	
	/* HEADER		****************************************/
	
	#header{
		height:86px; margin-bottom:4px;
		border-bottom:1px #002b59 solid; }
	
	#topnav,#topnav-home{
		height:30px; overflow:hidden; position:absolute; top:56px; 
		left:240px; width:740px; margin-right:0; padding-right:0;}
	#topnav UL,#topnav-home UL{ margin:0; padding:0;}
	#topnav UL LI,#topnav-home UL LI{
		margin:0; padding:0;
		list-style-type:none;
		float:left;}
	
	#topnav UL LI A,#topnav UL LI A:visited,
	#topnav-home UL LI A,#topnav-home UL LI A:visited{
	 display:block;
	 font-size:17px;
	 color:#002b59;
	 text-decoration:none;
	 font-weight:normal;
	 background-color:#fff;
	 padding:0 15px; margin:0;
	 line-height:30px;
	 letter-spacing:-0.025em;}
	#topnav UL LI A:hover,#topnav-home UL LI A:hover{background-color:#e5f1f6;}
	#topnav UL LI A:active,#topnav-home UL LI A:active{background-color:#002b59; color:#fff;}
	
	#topnav UL LI.on A,#topnav UL LI.on A:visited,
	#topnav-home UL LI.on A,#topnav-home UL LI.on A:visited{
	 color:#fff;
	 text-decoration:none;
	 font-weight:bold;
	 background-color:#007aa6;}
	
	#topdatas{
		float:right; text-align:right;
		position:absolute; top:0; right:0;
		background-color:#e5f1f6;
		height:20px;
		margin:0; padding:6px 6px 6px 20px;
		line-height:20px;
		font-size:12px;
		-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
		-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;}
	
	#topdatas A.button,#topdatas A.button:visited{
		display:inline-block;
		line-height:20px;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		padding:0 9px!important; margin:0 1px!important;
		text-decoration:none;
		background-color:#007aa6!important;
		color:#fff!important;
		border:0!important;
		-moz-border-radius:10px; -webkit-border-radius:10px;}
	#topdatas A.button:hover{ background-color:#002b59!important; color:#fff!important;}
	#topdatas A.button:active{ background-color:#fff!important;	color:#002b59!important;}
	#topdatas A.button IMG{
		border:0;
		padding:4px 4px 4px 0;
		margin:0;}	
	
	DIV.clear{ position:relative; clear:both;}
	
	
	/* CONTENT		****************************************/
	
	#content{}
	
	#content .col1{
		margin:20px 0 0 0; 
		padding:15px 60px 15px 40px; 
		float:left; 
		width:580px;
		font-size:14px;
		position:relative;}
	
	#content .col1 UL{
		margin:0; padding:0;
		padding-left:1.5em; padding-bottom:0.5em;}
	#content .col1 UL LI{
		margin:0; padding:0;
		padding-bottom:0.25em;
		list-style-type:none;}
			
	#content .col2{
		margin:20px 0 0 0;
		padding:15px 0 15px 30px;
		position:absolute; left:682px;	
		width:240px; 
		border-left:1px #e1e6eb solid;}
	
	#content .fullpage{
		margin:20px 0 0 0;
		padding:0 0 30px 40px;
		clear:both;}
	
	
	#content .subnav{
		padding-left:0!important;
		padding-top:0!important;
		width:260px!important;}
	
	#content .subnav UL{
		margin:0; padding:0;}
	
	#content .subnav UL LI{
		margin:0; padding:0;
		list-style-type:none;}
	
	#content .subnav UL LI A,
	#content .subnav UL LI A:visited{
		font-size:14px;
		border:0!important;
		color:#002b59!important;
		display:block;
		line-height:1.25em;
		padding:10px 10px 10px 30px;}
	#content .subnav UL LI A:hover{
		background-color:#e5f1f6!important;}
	#content .subnav UL LI A:active{
		color:#fff!important;
		background-color:#002b59!important;}
	
	#content .subnav UL LI A.on,
	#content .subnav UL LI A.on:visited{
		font-weight:bold!important;
		background-color:#e5f1f6!important;}
	
	#content A, #content A:visited{ 
		color:#007aa6;
		text-decoration:none;
		border-bottom:1px #007aa6 dotted;
		padding:0 2px;}
	#content A:hover{ 
		background-color:#e5f1f6;
		color:#002b59; border-color:#002b59;}
	#content A:active{ 
		background-color:#002b59;
		color:#fff; border-color:#002b59;}
	
	#content P.news{ 
		margin:0; padding:0 0 15px 0; 
		font-size:12px;
		text-align:justify;}
	
	#content P.fulltxt{ 
		margin:0; padding:0 0 1em 0;
		line-height:1.45em; 
		font-size:14px;
		text-align:justify;}
	
	#screen{
		position:relative; 
		width:960px; height:265px; overflow:hidden;
		-moz-border-radius-bottomleft:15px;	-moz-border-radius-bottomright:15px; 
		-webkit-border-bottom-left-radius:15px;	-webkit-border-bottom-right-radius:15px;}
	
	#gmaps{
		-moz-border-radius-bottomleft:15px;	-moz-border-radius-bottomright:15px; 
		-webkit-border-bottom-left-radius:15px;	-webkit-border-bottom-right-radius:15px;}
	#gmaps A{	border-width:0!important;}	
	
		
	#screen .shad{
		position:absolute;
		top:0; left:0;
		width:960px; height:12px;
		background:transparent url('img/screen_innershadow.png') repeat-x;
		z-index:500;}
		
	#screen .rndcnr{
		position:absolute;
		top:257px; left:0;
		width:960px; height:8px;
		background:transparent url('img/screen_roundcorner.png') no-repeat;
		z-index:510;}
	
	.linkbox{	
	  margin:5px 0; padding:10px 10px 10px 15px;
	  position:relative;
		background-color:#e5f1f6;
		-moz-border-radius:10px; -webkit-border-radius:10px;
		border:1px #e5f1f6 solid;}
	.linkbox:hover{ background-color:#fff;	border-color:#a6d1e0;}
	.linkbox:active{ background-color:#002b59;	border-color:#002b59;}
	
	.linkbox:active .descr A,.linkbox:active .descr A:visited{ color:#fff!important;}
	
	.linkbox .ico{
		margin:0; padding:0;
		width:18px;
		float:left;}
	
	.linkbox .ico A.pdf{ 
		margin:0; padding:0!important;
		display:inline-block;
		background:transparent url('img/ico18x18_pdf.png') 0 0 no-repeat;
		width:18px; height:18px;
		border:0!important;}
	
	.linkbox .thumb{
		margin:0; padding:0;
		margin-right:10px;
		float:left;
		filter: Shadow(Color=#002b59,Direction=135,Strength=4);
		-webkit-box-shadow: 2px 4px 5px rgba(0,43,89,0.45);
		-moz-box-shadow: 2px 4px 5px rgba(0,43,89,0.45);}
	
	.linkbox .thumb A{
		margin:0; padding:0!important;
		display:inline-block;
		width:88px; height:124px;
		border:1px #002b59 solid!important;}
		
	.linkbox .thumb A IMG{ 
		border:0!important; 
		margin:0; padding:0; 
		width:88px; height:124px;}
	
	.linkbox .descr{
		margin:0 0 0 30px!important; 
		padding:0!important;
		text-decoration:none;
		border:0;}
	.linkbox .descr A,
	.linkbox .descr A:visited{
		margin:0!important; padding:0!important;
		display:block;
		border:0!important;
		color:#002b59!important;}
	.linkbox .descr A:hover{
		border:0!important;
		background-color:transparent!important;}
	
	.linkbox .descr SPAN{
		font-size:12px!important;}
	
	.linkbox .content A{
		display:block;
		margin:0; padding:15px 15px 15px 0!important;}
	
	.shema TABLE{	
		margin:0; padding:0; 
		border-collapse:collapse;
		table-layout:fixed;}
	
	.shema DIV.box{
	  width:100%;
	  margin:auto 0; padding: auto 0;
	  padding-left:2px!important; padding-right:2px!important;
		background-color:#e5f1f6;
		text-align:center;
		-moz-border-radius:8px; 
		-webkit-border-radius:8px;
		border:1px #002b59 solid;
		font-weight:bold;
		position:relative;}
	.shema DIV.vline{
		margin:0; padding:0;
		background:transparent url('img/dot_col1.png') center repeat-y;}
	.shema DIV.hline{
		margin:0; padding:0;
		background:transparent url('img/dot_col1.png') repeat-x;}
	
	
	#content .subnav .linkbox{
		padding-left:5px; width:233px;}
	
	#content .subnav .linkbox .ico A.pdf{ 
		padding-left:25px!important;
		background-position:25px 15px;}
	
	
	#content .subheader{
		border-bottom:1px #e1e6eb solid;
		padding:0 40px;
		margin:20px 0 0 0;}
		
	#content .subheader A,#content .subheader A:visited,
	#content .subfooter A,#content .subfooter A:visited{
		border-width:0!important;
		font-size:17px;
		line-height:25px;
		display:inline-block;
		padding:0 8px;}
	#content .subheader A.on,#content .subheader A.on:visited,
	#content .subfooter A.on,#content .subfooter A.on:visited{
		background-color:#007aa6!important;
		color:#fff!important;
		font-weight:bold;}
	
	#content .subfooter{
		border-top:1px #e1e6eb solid;
		padding:0 40px;
		margin:20px 0 0 0;}
	
	
	.form A.button,.form A.button:visited{
		display:inline-block;
		line-height:28px;
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-transform:uppercase;
		padding:0 15px!important; margin:0!important;
		text-decoration:none;
		background-color:#a6d1e0;
		color:#002b59!important;
		border:1px #a6d1e0 solid!important;
		-moz-border-radius:14px; -webkit-border-radius:14px;}
	.form A.button:hover{ background-color:#fff!important; border-color:#a6d1e0;}
	.form A.button:active{ background-color:#002b59!important;	color:#fff!important; border-color:#002b59!important;}
	
	.form INPUT{
		border:2px #e5f1f6 solid;
		background:transparent url('img/form_bg.png') 0 0 no-repeat;
		font-size:14px;
		padding:6px 0 4px 5px;}
	.form INPUT:hover,.form INPUT:focus{ background-position:0 -256px;}
	
	
	.checkbox{
		width:18px; height:18px;
		border:2px #e5f1f6 solid!important;
		overflow:hidden;}
		
	.checkbox A{
		display:block;
		line-height:18px;
		width:18px; height:18px;
		background:transparent url('img/checkbox.png') 0 0 no-repeat;}
	.checkbox A.of:hover{ background-position:0 -18px!important;}
	.checkbox A.on{ background-position:-18px 0!important;}
	.checkbox A.on:hover{ background-position:-18px -18px!important;}
	
	
	/* OBJETS    *****************************************/
	
	.objet{
		float:left;
		margin-right:20px;
		margin-bottom:20px;
		height:290px; width:282px; overflow:hidden;}
	
	.objet .thumb{
		position:relative;
		width:280px; height:186px;
		overflow:hidden;
		border:1px #fff solid;
		background-color:#e1e6eb;}
	
	.objet .thumb:hover{
		border-color:#002b59;}
	.objet .thumb:hover IMG{
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);}
	
	
	.objet .thumb A{
		position:absolute;
		top:0;
		display:block;
		margin:0; padding:0;
		width:280px;
		color:#fff!important; font-weight:bold!important; text-decoration:none!important;
		font-size:14px!important; line-height:345px;
		text-indent:248px;
		z-index:5;
		border-width:0!important;	
		background:transparent url('img/gallery_picto2.png') 235px 151px no-repeat;}
		
	.objet .thumb A:hover{
		background-color:transparent!important;}
	
	.objet .thumb IMG{
		width:280px; height:186px;
		border:0;}
	
	.objet .datas{ 
		margin:0 10px;	padding:0;}
	
	.objet .cat{
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:24px;
		color:#007aa6}
	.objet H3{
		padding:0; margin:0;
		padding-bottom:4px;
		font-size:14px;
		font-weight:normal!important;}
	.objet H3 STRONG{
		font-size:17px!important;}
	.objet P{ 
		padding:0; margin:0;
		padding-bottom:4px;}
	
	.realisation{
		width:100%!important; height:auto!important;}
		
	.realisation .thumb{
		float:left;}
	.realisation .datas{
		float:left;
		width:580px;}	
	
	/* FOOTER    *****************************************/
	
	#footer{
		background:#e5f1f6 url(img/footer_bg2.png) repeat-x;
		color:#002b59;
		font-size:11px;
		min-height: 200px;
		/*
		height:auto!important;
		height:200px;
		*/
		padding-top:15px;
		margin-top:75px; padding-bottom:75px;
		clear:both;
		/*position:relative;*/}
		
	#footer .content{
		width:960px;
		margin-left:auto;
		margin-right:auto;}
	
	#footer .col1,#footer .col2,#footer .col3{
		width:300px; float:left;
		margin:0 20px 20px 0;}
	
	#footer P{ margin:4px 0; padding:0;}
	
	#footer A,#footer A:visited{ 
		color:#002b59;
		text-decoration:none;
		border-bottom:1px #002b59 dotted;}
	#footer A:hover{ 
		color:#007aa6;
		border-bottom:1px #007aa6 solid;}
	
	#footer LABEL{ 
		float:left; height:20px; line-height:23px;}
	#footer SELECT{
		float:left; height:20px; line-height:23px;
		margin:0; padding:0 0 0 4px;	
		color:#fff; border:0 #002B59 dotted; background-color:#002B59 ; 	
		font-weight:bold; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px;}
	
	
	/* SPECIALS   ****************************************/
	
	.graphzone{
		width:580px;
		left:-40px; top:-35px;
		background-color:#e5f1f6;
		padding:20px 20px 20px 40px;
		margin-bottom:-20px;
		position:relative;}
	
	#placeholder{ width:560px;height:320px;}
	
	.tickLabels{
		font-size:9px!important;
		color:#002b59!important;}
	
	#overlay{
		padding:0; margin:0;
		position:absolute; 
		z-index:100; top:0; 
		width:100%; height:100%; }
	
	#overlay #infobox{
		margin-left:auto; margin-right:auto; margin-top:35px;
		position:relative;
		z-index:150; top:50px; 
		width:780px;}
	
	#overlay #infobox .content{
		margin:0; padding:20px 60px 40px 60px; 
		text-align:justify; 
		background-color:#fff; 
		border:0;
		-moz-border-radius:10px; -webkit-border-radius:10px;
		-webkit-box-shadow: 1px 2px 12px rgba(2,50,120,1);
		-moz-box-shadow: 1px 2px 12px rgba(2,50,120,1);
		progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);}
	#overlay #infobox .content P{
		margin:0; padding:0; padding-bottom:0.75em;
		font-size:12px;
		letter-spacing:-0.01em;}
	
	#overlay #bg{
		margin:0; padding:0;
		position:absolute;
		z-index:110; top:0;
		width:100%; height:100%; 
		background-color:#007aa6; 
		opacity:0.75; filter:alpha(opacity=75);}
	
	
	#netsquad{ padding:0; margin:15px 0; height:25px; overflow:hidden;}
	#netsquad A{
		text-decoration:none;
		padding-top:7px;
		color:#002b59!important;
		border:0!important;
		display:block; width:210px; height:25px; overflow:hidden;
		background:transparent url('img/netsquad_signature2.png') no-repeat 85px 0;}	
	#netsquad A:hover{
		color:#007aa6!important;
		background-position:85px -25px;}

}


@media screen and (max-device-width:700px){

	/* SPECIAL iPhone OS3 UI limitations */
	*{ 	-webkit-touch-callout: none;
			-webkit-text-size-adjust: none;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
	    /*-webkit-user-select: none;*/}


	BODY{
	/*background-color:red;*/
	width:100%;}

	#NSDConsole{ display:none!important;}
	
	#page{ width:100%!important; max-width:100%; /*height:auto!important;*/ min-height:390px!important;}
	
	/* HEADER		****************************************/


	#header{	height:auto!important;}


	#header H1{
		background:url("img/topnav_smallid.png") no-repeat scroll 0 0 transparent;
		height:25px; width:65px;
		position:relative;
		display:block!important;
		margin:5px 10px;}

	#topdatas{
		float:right;
		right:auto!important; top:0!important;
		width:70%;
		text-align:left;
		font-size:10px!important;
		height:auto!important;
		white-space:normal!important;
		padding:4px 2%!important;
		position:relative;
		line-height:1.25em!important;
		/*-moz-border-radius-bottomleft:0!important;*/ -moz-border-radius-bottomright:0!important;
		/*-webkit-border-bottom-left-radius:0!important;*/ -webkit-border-bottom-right-radius:0!important;}


	LI#nav-societe,LI#nav-fir{
		display:none!important;}

	#topnav{
	 top:0; left:0!important; position:relative!important;
	 width:100%!important; height:3em;
	 background-color:white;
	 text-align:center;}

	#topnav ul li a, #topnav ul li a:visited{
		font-size:12px; line-height:3em;
		padding: 0 8px;
		letter-spacing:-1px;}	
		
		
		
	/* HOME		****************************************/

	#home #topdatas{
		float:none!important;
		right:auto!important;
		width:96%;
		text-align:center!important;
		-moz-border-radius-bottomleft:0!important; /*-moz-border-radius-bottomright:0!important;*/
		-webkit-border-bottom-left-radius:0!important; /*-webkit-border-bottom-right-radius:0!important;*/}

	#topdatas A.button{ display:none!important;}

	#home #header H1{
		position:relative;
		margin:0 auto;
		clear:both;
		display:block!important;
		width:240px; height:85px;
		background:#fff url('img/topnav_bigid.png') no-repeat;}
	 
	#home #topnav{
	 left:auto!important; top:auto!important;
	 width:100%!important; height:auto!important;
	 text-align:center!important;
	 position:relative!important;}
	 
	#home #topnav UL LI{
		float:none!important;
		display:block;
		margin:6px 30px;}
	
	#home #topnav UL LI A,#home #topnav UL LI A:visited{
		margin:0; padding:15px 0!important;
		background-color:#007AA6!important;
		color:white!important;
		font-weight:bold!important;
		font-size:21px!important; line-height:1em;
		-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

	#home #header{ border:0!important;}



	/* CONTENT		****************************************/
	
	#web{	display:none;} #mobile{ display:inline!important;}

	#screen{	display:none;}
	#content .col1{ 
		width:92%!important; overflow:hidden;
		margin:0!important; padding:0 4%!important;}
	#content .col1 H2,
	#content .col2{ display:none;}
	
	#content .fullpage{
		padding: 0 0 10px 20px!important;}
	
	.linkbox{
		width:92%!important;}

	SELECT.subnav{
		width:90%;
		margin:10px 5%; padding:0;
		font-size:16px; line-height:30px; height:30px;}
	
	SELECT.subnav OPTION{	
		line-height:30px; height:30px;}

	/* HISTORIQUE		****************************************/

	.graphzone{
		width:108%;
		left:-4%; top:0;
		background-color:#e5f1f6;
		margin:0; padding:5px 0;
		margin-bottom:10px;
		position:relative;}
	
	#placeholder{ 
		width:100%; height:220px;
		margin:5px 0; padding:0;}


	/* IMMEUBLES		****************************************/
	
	#content .subheader,
	.objet .thumb A{ display:none!important;}
	
	.objet .thumb{
		/*width:200px; height:100px;*/}
	
	.objet .datas{	margin:0;}
	
	.realisation .datas{ width:92%;}
	
	#content .subfooter{ padding:0; clear:both; position:relative;}
	
	/* FOOTER		****************************************/
	#footer{
	margin-top:10px!important;
	font-size:12px!important;}
	
	#footer .content{	width:100%!important; overflow:hidden;}
	
	#footer .col1, #footer .col2, #footer .col3 {
		width:92%!important;
		margin:0!important;	padding:2% 4%!important;}
		
	.mobile-link{
		padding:8px 7px 8px 5px!important; margin:3px 4px 0 0!important;
		/*display:inline-block;*/ float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px; letter-spacing:-1px; font-weight:bold; text-transform:uppercase;
		line-height:21px; height:21px; /*width:24%;*/
		text-decoration:none;
		background-color:#a6d1e0;
		color:#002b59!important;
		border:0!important;
		-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
	.mobile-link SPAN{
		display:inline-block; width:21px; height:21px;
		background-color:transparent; background-image:url('img/mobile-pictos.png'); background-repeat:no-repeat; /*background-position:0 0;*/
		padding-right:2px;
		float:left;}
		
		
}