/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }



.pagination {
	z-index:7000;
	position:relative;
	text-align: center;
	margin-left:46%;
	
}
.pagination ul {overflow:hidden;}
.pagination li {float:left;}
.pagination a {
	background:url(../assets/pict/page/gallery_btn.png) right top no-repeat ;
	display:block;
	width:10px;
	height:10px;
	margin-right:4px;
	text-indent:-5000px;
	float:left !important;
	position:relative !important;
}
.pagination a:hover, .current a{
	background:url(../assets/pict/page/gallery_btn.png) left top no-repeat !important;
}


* { margin:0; padding:0;}
html, body { height:100%;  min-width:979px;}	
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em; 
	line-height:.95em;
	/*color:#6f6f6f;*/
	color:#CCCCCC;
	background-color:#000000;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%; }
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.pa{ position:absolute}

a{ color:#D8310B; text-decoration:underline; outline:none}

a:hover{ text-decoration:none}
		

.link{background:url(../assets/pict/page/marker.gif) top left no-repeat; padding-left:7px; background-position:0 3px; text-decoration:none;  }
.link:hover{text-decoration:none; color:#fff !important }
.link1{ color:#6f6f6f}

.link_big{ background:url(../assets/pict/page/marker.png) no-repeat left 30%; padding-left:18px;}

.button{color:#fff; background:url(../images/button.html) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

section ul{margin:0; padding:0; list-style:none; }
section ul li{background:url(../assets/pict/page/marker2.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:7px; line-height:2.22em; color:#FFFFFF }
section ul li a{text-decoration:none; line-height:2.22em} 
section ul li a:hover {text-decoration:none; color:#fff !important  }


.link-1 { display:block; float:left; background:url(../images/link_bg.html) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.html) left top no-repeat;}
.link-1  b { display:block; background:url(../images/link_right.html) right top no-repeat; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

/*--- news styles ---*/
.list {	padding-bottom:18px;}
.list li {position:relative; padding:0 0 15px 47px;	color:#E1E1E1;	height:1%; background:none; line-height:1.2em}
.list li b { font-weight:bold; color:#FFFFFF; font-size:1.2em}
.list .last {position:relative; padding:0 0 0 47px;	color:#E1E1E1;	height:1%; background:none}
.list li p.num {position:absolute;	left:0; top:0; background:url(../assets/pict/page/num.png) no-repeat 0 0; width:38px; height:38px; font-size:26px; line-height:26px; color:#000000; text-align:center; }
.list li a{text-decoration: underline;} 
.list li a:hover {text-decoration:none;  }

#page4 .list li {position:relative; padding:5px 0 25px 47px;	color:#E1E1E1;	height:1%; background:none; line-height:1.2em}




/* menu */    
ul.sdt_menu{
	margin:0;
	padding:0 00px 0 0;
	list-style: none;
	position:relative;
	top:180px;
	height:460px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:right;
	width:320px;
	height:200px;
	position:relative;
	cursor:pointer;
	margin-right:1px;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0;
	left:0;
	width:320px;
	height:120px;
	z-index:12;
	background:#000;
	background:url(../assets/pict/page/bg_block_home.png);
	/*background:#1b2132;*/
}


ul.sdt_menu li{
	overflow:hidden;
	height:185px;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:0;
	left:0px;
	width:320px;
	height:160px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	/*background:#012C56;*/
	background:#1b2132;
	top:121px;
	width:320px;
	height:0px;
	left:0px;
	z-index:14;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li span span.sdt_txt,
ul.sdt_menu li div.sdt_box a {
	margin-left:21px;
	padding-left:24px;
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:26px;
	line-height:1.2em;
	float:left;
	clear:both;
	text-transform:uppercase;
	background:url(../assets/pict/page/marker.png) no-repeat left 22px;
	padding-top:10px;
}
ul.sdt_menu li span span.sdt_descr{
	color:#a6a6a6;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	width:155px; /*For dumbass IE7*/
	margin-top:-2px;
	font-size:15px;
	
}
ul.sdt_menu li span span.sdt_txt{
	color:#919191;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	width:250px; /*For dumbass IE7*/
	font-size:11px;
	text-align:justify;
	height:100px;
	margin-top:4px;
	overflow:hidden;
	line-height:1.3em;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:320px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}




/*header*/
header {font-size:0.75em; color:#606060 }
header h1 {position:absolute; left:29px; top:6px; text-indent:-9999px;}
header h1 a { display:block; width:545px; height:65px; background:url(../images/logo.png) no-repeat left top;	}
header a { color:#CF000C;	}


.sf-menu {margin:0; padding: 0;	list-style: none; z-index:5000; width:980px; }
.sf-menu {	line-height:1.0;}
.sf-menu ul { position:absolute; top:-999em; width:11em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width:100%; padding:0; margin:0; margin-left:2px}
.sf-menu li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{ margin:0px; display:inline; border-right:1px solid #262525; float:left; background:none; line-height:65px; padding:0}
.sf-menu .last{border-right:none;}
.sf-menu .last a{ width:191px}
.sf-menu li a{color:#fff !important; font-size:18px; text-transform:none; text-decoration:none; width:195px; text-align:center; display:block; float:left; line-height:55px; padding-bottom:10px; background:url(../assets/pict/page/bg_block_top.png); padding:0;} 
.sf-menu li a:hover { text-decoration:none; color:#D8310B !important}
.sf-menu li a.current{ text-decoration:none; color:#D8310B !important}

.sf-menu .li a:hover { text-decoration:none; color:#D8310B !important}
.sf-menu .li a.current{ text-decoration:none; color:#D8310B !important}
.sf-menu .li1 a:hover { text-decoration:none; color:#D8310B !important}
.sf-menu .li1 a.current{ text-decoration:none; color:#D8310B !important}
.sf-menu .li2 a:hover { text-decoration:none; color:#D8310B !important}
.sf-menu .li2 a.current{ text-decoration:none; color:#D8310B !important}
.sf-menu .li3 a:hover { text-decoration:none; color:#D8310B !important; }
.sf-menu .li3 a.current{ text-decoration:none; color:#D8310B !important}

.sf-menu .li3 a{ width:196px;}



.bg{ background:#1a1a1a; padding:10px}
.bg-1{ border:1px solid #26282a; width:100%; position:relative; z-index:900000; background-image: url(../images/1.jpg);}

/*content*/
.img-left{ float:left; margin:0 20px 0px 0}
.img-left1{ float:left; margin:0 7px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 13px 0; text-align:justify}
.p{ margin:0}
.p1{ margin:0 0 13px 0}
.p2{ margin:0 0 11px 0}
h2{color:#D8310B; text-transform:none; font-size:2.88em; margin-bottom:17px; line-height:1.2em}
h4{color:#fedd83; font-size:1.1em; font-weight:bold; line-height:1.3em; padding-bottom:5px;}
h5{ margin:0 0 13px 0; color:#D8310B; font-size:1.1em; font-weight:bold; line-height:1.3em;}
/*#page3 h4{color:#fedd83; }
#page4 h4{color:#92d39e; }
#page6 h4{color:#b191d5; }*/
.txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.tail{ background:url(../images/tail.html) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}

.indent{padding:40px 0px 0px 0px}
.indent1{padding:20px 0px 0px 0px}

/*section*/
section{ background:url(../assets/pict/page/bg_block.png); border:1px solid #323230; width:100%;  font-size:11.3px}
section .inside{padding:26px 30px 25px 39px}
section .inside-2{padding:30px 20px 20px 39px}
section .inside1{padding:11px 0 0 0}
section .inside-1{padding:11px 0 0 0; height:55px}

.works {padding:0; width:100%; overflow:hidden;}
.works li {	padding:0; display:inline; margin:0 10px 10px 0; background:none; text-transform:none; font-weight:normal; float:left; position:relative;	}
	.works li div { width:171px; height:144px; position:absolute; left:0; top:-171px; display:none; }
	.works li:hover div { display:block;}
		.works li div a.work-link {position:absolute; left:0; top:0; width:230px; height:187px; }
		.works li div a.zoom { display:block; background:url(../images/zoom.html) no-repeat 0 0; line-height:144px; color:#fff; text-decoration:none; width:171px; height:144px; text-align:center; position:absolute; right:0; bottom:0;}
		.works li a:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
		

/*footer*/
/*footer { color:#606060; font-size:0.5625em; text-align:center; text-transform:uppercase}
footer .inside{ padding:38px 50px 40px 50px }
footer a {color:#606060 !important; text-decoration:none}  
footer a:hover {  text-decoration:underline}*/

/**
 * Footer styles 
 */
#footer {
  	margin: 30px auto 0 auto;
	background: #FDFDFD url(images/footer_gradient.gif) repeat-x; 
	padding-bottom:0px;
	text-align: left;
	text-shadow: #333333 1px 1px 0;
	
}

#footer-nav {
	font-size:11px;
}

#footer-nav ul {
  	float: right;
	padding: 10px;
	margin: 0;
	list-style: none;
	list-style-position: outside;
	width:110px;
}

#footer-nav li {
	font-size:11px; /* IE seems to need an additional rule here too */
	color:#3A3A3A;
	font-weight:bold;
}

#footer-nav li a {
	color:#5F5F5F;
	font-size:11px; /* IE seems to need an additional rule here too */
	text-decoration: none;
	font-weight:normal;
}

#footer-nav li a:hover {
	text-decoration: underline;
}

#footer-nav #realisations {
	width:120px;
}

#footer-nav #societe{
	width:80px;
}

/*
#footer-nav ul #realisations {
	width:120px;
}

#footer-nav ul #annexes {
	width:120px;
}

#footer-nav ul #services {
	width:120px;
}
#footer-nav  #societe{
	width:100px;
}

*/

	
/* End footer styles */



.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:26px}
.block-contact span{ float:right; margin-right:20px}
.block-contact a{ text-decoration:none}
.block-contact a:hover{ text-decoration: underline}
input{
   	border:1px solid #a4a4a4; 
	background: url(../images/bg_input.png);
	width:233px; height:18px;
	font-size:1em;
	color:#6f6f6f;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #a4a4a4; 
	background: url(../images/bg_input.png);
	width:268px; height:70px;
	font-size:1em;
	color:#6f6f6f;
	text-transform:uppercase;
	padding-left:5px;
	margin-bottom:11px;
	padding-top:2px;
	overflow:auto}

/*
#pageflip {
	position: relative;
	z-index:10000;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../assets/pict/page/pack_creation.png) no-repeat right top;
	text-indent: -9999px;
}
*/


.bold{
	font-weight:bold;
}

.blanc{
	color:#FFFFFF;
}

.small{
	font-size:0.9em
}