/*	---------------------------------------------------------------------------------------
	Esurveillance service
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Layout
	File:					layout.css
	Version:			0.1
	Date:					21. 05. 2008
	Author:				Onoff Prestations
	---------------------------------------------------------------------------------------*/

* {
border:0;
margin:0;
padding:0;
}

.cl {
clear:both;
visibility:hidden;
overflow:hidden;
width:1px;
height:1px;
margin-bottom:-1px;
font-size:1px;
line-height:1px;
}

.ac {
position:absolute;
left:-9999px;
z-index:-1;
}

.ir,.ir a {
position:relative;
overflow:hidden;
display:block;
clip:rect(auto,auto,auto,-100);
}

.ir a,.ir span,.plus .ir {
width:250px;
height:67px;
}

.ir span {
position:absolute;
left:-45px;
top:-10px;
}

.ir a span {
cursor:pointer;
}

#logo.ir span {
position:absolute;
left:1px;
top:0px;
}

#logo.ir a span {
cursor:pointer;
}

#main {
width:900px;
margin:0 auto;
padding:0 40px;
}

#maincontent {
	width:100%;
	margin-top: 0px;
}

#header {
overflow:hidden;
width:900px;
height:73px;
}

#logo {
float:left;
width:320px;
height:70px;
display:inline;
margin:5px 0 0 23px;
}

#menu {
float:right;
padding-right:15px;
max-width:678px;
line-height:73px;
}

#menu li {
position:relative;
float:left;
display:block;
list-style:none;
margin:0 -1px;
}

#menu li a {
display:block;
max-height:73px;
padding:0 18px;
}

#headlines {
	position:relative;
	width:900px;
	height:311px;
	float:Aucune;
	background-repeat:no-repeat;
	display:block;
	border-color:#FF0;
	border-style:outset;
	margin:0;
	padding:0;
	top: 1px;
}

#headlines h1 {
float:left;
width:auto;
height:auto;
display:inline;
top:0;
line-height:100%;
margin:20px 0 0 14px;
}

h1 em {
display:block;
}

#headlines h2 {
	float:left;
	width:900px;
	height:41px;
	display:inline;
	line-height:100%;
	color:#FFF;
	position:absolute;
	top:273px;
	left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 14px;
}

h2 em {
display:block;
text-align:center;
width:900px;
}

#headlines h1.cam {
	float:left;
	width:215px;
	height:auto;
	display:none;
	top:0px;
	line-height:100%;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 312px;
	text-align: right;
	
}

#headlines h1 em.cam {
	text-align: right;
	
}


#camH2 {
	position: absolute;
	left: 1px;
	top: 250px;
}

#headlines p.first {
clear:Aucune;
width:auto;
display:block;
color:#FFF;
text-align:justify;
font-size:0.95em;
font-style:normal;
height:auto;
font-weight:300;
position:absolute;
top:88px;
left:27px;
float:left;
}


/*  PAGE INDEX  */

table .index{
	background-color:#FFF;
	border: 1px none #3366FF;
	border-collapse: separate;
	margin-bottom: 10px;
}
th {
	background-color:#FE5C11;
	color:#FFCC66;
	
}
tr .index:hover>td{
	background-color:#BCBBC0;
	text-align: center;
}
td {width: 50px; }



/*--------------------------ENCART---------------------------*/
#encart li {
	float:left;
	display:block;
	list-style:none;
	width:248px;
	padding:0 25px;
}

#encart li h2 {
	width:139px;
	height:19px;
	line-height:19px;
	margin:10px 0 0 45px;
}



#encart li p {
clear:both;
text-align:justify;
color:#9BB3B8;
margin:5px;
padding:20px 0 15px;
}

/*-------------------------/ ENCART---------------------------*/


/*--------------------------OFFERT---------------------------*/
#offer {
padding:25px 0;
}

#offer li {
float:left;
display:block;
list-style:none;
width:248px;
border-right:1px solid #4a5558;
padding:0 25px;
}

#offer li h2 {
width:139px;
height:19px;
line-height:19px;
margin:10px 0 0 45px;
}

#offer li h2 span {
width:139px;
height:19px;
line-height:19px;
margin:10px 0 0 45px;
}



#offer li p {
clear:both;
text-align:justify;
color:#9BB3B8;
margin:5px;
padding:20px 0 15px;
}

/*--------------------------ENCART---------------------------*/


#content {
margin-top:26px;
}

.column {
	float:left;
	width:100%;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6A6A6A;
	border-bottom-color: #6A6A6A;
	margin-bottom: 10px;
}

.column img {
margin-right:-10px;
}

.column address {
margin-top:35px;
}

.column address strong {
display:block;
margin-bottom:-0.9em;
}

#content {
	overflow:hidden;
	float:left;
	width:404px;
	padding:3px 20px 60px 25px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-color: #605E61;
	border-right-color: #605E61;
	border-bottom-color: #605E61;
	border-left-color: #605E61;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}

#content .ir {
width:200px;
height:30px;
margin-bottom:20px;
line-height:30px;
}

.news-item {
margin-top:25px;
}

.news-item h3 {
clear:both;
float:left;
margin-top:5px;
padding:10px;
}

.news-item p {
margin-left:100px;
}

.news-item p.info {
margin-top:10px;
}

#footer {
	margin: 0;
	padding: 0;
}

#footer p {
margin:10px 0 1px;
}

#footer .copy strong {
margin-right:8px;
}

#footer .copy a {
margin-left:8px;
}

#sub #headlines {
height:311px;
margin:0;
padding:0;
}

#sub #headlines p {
clear:left;

padding:5px 0 0 5px;
}

#sub .column,#sub #content {
margin-top:0px;
}

#sub #content {
width:638px;
padding-right:35px;
border-right:0;
background-color:#0C0C0C;
}


 




#submenu {
	/*min-height:226px;
	height:40px;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-left: 12px;*/
}

div[class] #submenu {
height:auto;
}

#submenu li {
	display:block;
	border-bottom-width:1px;
	border-bottom-color:#d9d9d9;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	width: auto;
	margin-left: 20px;
	list-style-type: none;
	margin-right: 20px;
}

#submenu li a {
text-decoration:none;
}

#content-head {
padding-bottom:15px;
}

#sub #maincontent h2/*,#sub #maincontent h3.ir,#sub #maincontent h4.ir*/ {
	float:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	width: 100%;
}

#sub #maincontent h2.ir {
width:auto;
height:auto;
}

#content-head .out {
float:right;
margin-top:20px;
vertical-align:middle;
line-height:1.5;
}

#content-head .out a {
margin:0 5px;
padding:2px 0;
}

#sub .news-item h3 {
line-height:1;
margin:0;
padding:0;
}

#sub .news-item p,#sub .news-item h2 {
padding-left:20px;
border-left:1px solid #d2d5d5;
}

#sub #maincontent .news-item h2 {
float:none;
color:#000;
margin:5px 0 0 100px;
}

.index #headlines {
background-image:url(../images/headline1_index_tempo7.jpg);
}

.index #headlines p.two {
	clear:Aucune;
	width:260px;
	display:block;
	color:#FFF;
	text-align:justify;
	font-size:1.1em;
	font-style:normal;
	height:155px;
	font-weight:normal;
	position:absolute;
	top:67px;
	left:161px;
}

/*


#show {
	height: 193px;
	width: 289px;
	position: absolute;
	left: 150px;
	top: 73px;
}*/



.packone #headlines {

background-image:url(../images/headline1_Po_tempo8.jpg);

/*background-image:url(../images/headline1_Po_tempo5.jpg);*/


/*background-image:url(../images/headline_PO_tempo1.gif);*/
}

/*


.packone #headlines p.two {
clear:Aucune;
width:260px;
display:block;
color:#FFF;
text-align:justify;
font-size:1.1em;
font-style:normal;
height:auto;
font-weight:normal;
position:absolute;
top:105px;
left:412px;
}
.packone #content h2 {
color:#930;
}
.packone #content h3
 {
color:#930;
margin:30px 0 3px;
}
*/



/*
.packlive #headlines {
background-image:url(../images/headline1_Pl_tempo2.jpg);
}

.packlive #headlines p.two {
clear:Aucune;
width:260px;
display:block;
color:#FFF;
text-align:justify;
font-size:1.1em;
font-style:normal;
height:auto;
font-weight:normal;
position:absolute;
top:67px;
left:412px;
float:left;
}
.packlive #content h3
 {
color:#669900;
margin:30px 0 3px;
}

.packlive #content h2 {
color:#690;
}
*/





/*
.packrecord #headlines {
background-image:url(../images/headline1_Pr_tempo6.jpg);
}
.packrecord #headlines p.two {
clear:Aucune; width:260px; color:#FFF;text-align:justify;font-size:1.1em;font-style:normal;height:auto;font-weight:normal;position:absolute;top:67px;left:412px;float:left;}

.packrecord #content h3{color:#606;margin:30px 0 3px;}

.packrecord #content h2 {
color:#606;
}

*/



.packlive #headlines {
background-image:url(../images/headline1_Pl_tempoNew2.jpg);
}


.packrecord #headlines{
background-image:url(../images/headline1_Pr_tempo7.jpg);
}


.applications #headlines{
background-image:url(../images/headline_applications_1.jpg);
}




.cameras #headlines{
background-image:url(../images/headline_cameras_1.jpg);
}

.curve2 { 
	float: right;
	display: block;
	height: 16px;
	clear: right;
   }

#curve02 { width: 200px; }
#curve01 { width: 190px; }
#curve0 { width: 180px; }

#curve1 { width: 170px; }
   #curve2 { width: 160px; }
   #curve3 { width: 145px; }
   #curve4 { width: 135px; }
   #curve5 { width: 125px; }
   #curve6 { width: 120px; }
   #curve7 { width: 70px; } 
   #curve8 { width: 80px; } 



.ml #headlines {
background-image:url(../images/headline1_index_tempo7.jpg);
}






.ml #headlines p.two, .packone #headlines p.two, .packlive #headlines p.two, .packrecord #headlines p.two, .cameras #headlines p.two, .applications #headlines p.two {
	clear:Aucune;
	width:260px;
	display:block;
	color:#080808;
	text-align:justify;
	font-size:1.1em;
	font-style:normal;
	height:155px;
	font-weight:normal;
	position:absolute;
	top:67px;
	left:161px;
}

.packone #headlines p.two {
	clear:Aucune;
	width:260px;
	display:block;
	color:#080808;
	text-align:justify;
	font-size:1.1em;
	font-style:normal;
	height:155px;
	font-weight:normal;
	position:absolute;
	top:67px;
	left:161px;
}
 

/*
.ml #presentation h2, .packone #presentation h2, .packlive #presentation h2, .packrecord #presentation h2 {
	color:#FFFFFF;
	
}*/
/*
.ml #presentation h3,.packone #presentation h3, .packlive #presentation h3, .packrecord #presentation h3 {
color:#FFFFFF;
margin:30px 0 3px;
}
*/

ml #content a {
	background-color: 0C0C0C0;
}

/*  COMPARER  */

.comparer #headlines {
background-image:url(../images/headline_comparer_5.jpg);
}



.cameras #headlines p.two {
	clear:Aucune;
	width:260px;
	display:block;
	color:#FFF;
	text-align:justify;
	font-size:1.1em;
	font-style:normal;
	height:155px;
	font-weight:normal;
	position:absolute;
	top:100px;
	left:15px;
}









#contentra {
	boverflow:hidden;
float:left;
width:404px;
border-color:#605E61;
border-style:solid;
border-width:1px 0 0 1px;
padding:3px 20px 60px 25px;ackground-color: #CCCCCC;
	
}

hr,#submenu ul {
display:none;
}

#main .left,#footer .copy {
float:left;
}

#main .right,#footer .web {
float:right;
}

#offer li.last,#submenu li.last {
border:none;
}

#sub #maincontent,#sub .news-item p {
padding-top:8px;
}
/*
.packone #presentation p,.packlive #presentation p,.packrecord #presentation p,.ml #presentation p {
margin-bottom:23px;
color:#9BB3B8;
}*/

.packone #content p.first,.packlive #content p.first,.packrecord #content p.first, .ml #content p.first {
margin-bottom:35px;
border-bottom:1px solid #d2d5d5;
padding:0 3px 22px;
}


/*#dropin {
	position:absolute;
	visibility:hidden;
	left:20px;
	top:480px;
	width:500px;
	height:500px;
	text-align: center;
}*/