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

BODY,HTML{
	margin:0; padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#002b59;
	/*background-color:#002b59;*/
	}

a:active, a:focus { outline: none; }
:focus { -moz-outline-style: none; }

.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;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 500px;
	height:auto !important;
	height:500px;	
	background-color: #FFFFFF;}



A.button,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: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{
	height:30px; overflow:hidden; position:absolute; top:56px; 
	/*left:270px;*/ left:240px; width:720px; margin-right:0; padding-right:0;}
#topnav UL{ margin:0; padding:0;}
#topnav UL LI{
	margin:0; padding:0;
	list-style-type:none;
	float:left;}

#topnav UL LI A,#topnav 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:-1px;*/
 letter-spacing:-0.025em;}
#topnav UL LI A:hover{background-color:#e5f1f6;}
#topnav UL LI A:active{background-color:#002b59; color:#fff;}

#topnav UL LI.on A,#topnav 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 .graphzone{
	width:580px;
	left:-40px; top:-35px;
	background-color:#e5f1f6;
	padding:20px 20px 20px 40px;
	margin-bottom:-20px;
	position:relative;}

#content .col2{
	margin:20px 0 0 0;
	padding:15px 0 15px 30px;
	/*float:left; position:relative;*/
	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;}

#content .subnav UL{
	margin:0; padding:0;}

#content .subnav UL LI{
	margin:0; padding:0;
	list-style-type:none;
	/*height:35px;*/}

#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;
	/*border:1px #f00 solid;*/}

#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{	
  /*width:100%;*/
  margin:5px 0; padding:10px 10px 10px 15px;
  position:relative;
  /*position:absolute; top:0; left:0;*/
	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; /*height:18px;*/
	/*margin-right:10px;*/
	float:left;}
/*	
.linkbox .ico A,.linkbox .content A{
	border:0!important; color:#002b59!important;}
.linkbox .ico a:hover,.linkbox .content a:hover{ 
	background-color:transparent!important;}
*/
.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;
	/*width:88px; height:124px;*/
	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{
	/*width:55%;*/
	margin:0 0 0 30px!important; 
	padding:0!important;
	/*float:left;*/
	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;
	/*font-size:12px!important;*/}
.linkbox .descr A:hover{
	border:0!important;
	background-color:transparent!important;}
/*.linkbox .descr A:active{ color:#fff!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%; /*height: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;
	/*border-bottom:1px #e1e6eb solid;*/}

.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;}
	
.realisation .thumb{
	float:left;}
.realisation .datas{
	float:left;
	width:580px;}
	

/* FOOTER			****************************************/

/* Version Bleu foncé ------------------------------	
#footer{
	background:#002b59 url(img/footer_bg.png) repeat-x;
	color:#7aafd0;
	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 P{ margin:4px 0; padding:0;}

#footer A,#footer A:visited{ 
	color:#7aafd0;
	text-decoration:none;
	border-bottom:1px #7aafd0 dotted;}
#footer A:hover{ 
	color:#fff;
	border-bottom:1px #fff solid;}
*/

#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 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:#002B59; border:1px #002B59 dotted; background-color:#E5F1F6; */
	color:#fff; border:0 #002B59 dotted; background-color:#002B59 ; 	
	font-weight:bold; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px;}


/* SPECIALS   ****************************************/

.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 ****************************************/

/*  Version Bleu foncé ------------------------------	
#netsquad{ padding:0; margin:15px 0; height:25px; overflow:hidden;}

#netsquad A{
	text-decoration:none;
	padding-top:7px;
	color:#7aafd0!important;
	border:0!important;
	display:block; width:200px; height:25px; overflow:hidden;
	background:transparent url('img/netsquad_signature.png') no-repeat 75px 0;}	
#netsquad A:hover{
	color:#fff!important;
	background-position:75px -25px;}
*/

#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:200px; height:25px; overflow:hidden;
	background:transparent url('img/netsquad_signature2.png') no-repeat 75px 0;}	
#netsquad A:hover{
	color:#007aa6!important;
	background-position:75px -25px;}