/*	---------------------------------------------------------------------------------------
	Esurveillance service
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:			Default styles (colors and fonts)
	File:				default.css
	Version:			0.1
	Date:				21. 05. 2008
	Author:				Onoff Prestations
	
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Imports layout (not for old browsers)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import "./layout.css";

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body {
	text-align: center;
	font: 75%/1.5 sans-serif;
	color: #566d74;
	background-color: #242424;
	background-repeat: no-repeat;
	background-position: left top;
	
}
h2 { font-size: 140%; }
h3 { font-size: 90%; }
address { font-style: normal; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main {
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
}

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header { background: #fff url('../images/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span {
	background-image: url(../images/logo0520_tempo3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	top: 1px;
}
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/menu_a.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../images/menu_a_active.gif') right top repeat-x; }

#main #headlines h1 {

/*	---------------------------------------------------------------------------------------
line-height: 1.2;
	text-transform: uppercase;
	font-size: 220%;
	font-weight: bold;
	color: #333;
	display: block;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
font-size: 180%;
	color: #FF7A01;
	border: 1px none #F3550A;
	display: block;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;	
}


h1 em {
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
}
h1 span {
	background-repeat: no-repeat;
	background-position: left top;
	
}

#main #headlines h2 {
	font-size: 140%;
	color: #EC7314;
	border: 1px none #F3550A;
	display: block;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
	bottom: -27px;
}

h2 em {
	text-align: left;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 600px;
	display: block;
}


h2 span {
	background-repeat: no-repeat;
	background-position: left;
	font-style: normal;
	top: auto;
}


#presentation {
	width: 100%;
	line-height: 1.7;
	/*color: CDCECE;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	float: left;
	height: auto;
	background-color: #0C0C0C;
}


#presentation p {
	margin: 0px;
	
	
}


/*#presentation li{
	list-style-type: square;	
}*/





/*-------------------------------

							div arrondi

b.rtop, b.rbottom{
	display:block;
}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background-color: #CCCCCC;
}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px;}


---------------------------------------*/


#tempo1 {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;	/*width: 510px;
	
	margin-right: 1px;
	margin-bottom: 20px;*/
}

#tempo1 h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-left: 20px;
}

#tempo1 h3{
font-size: 1.1em;
	color: #FE9402;
	width: 100%;
}



#presentation #tempo1 h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	width: 100%;
	color: #E9E9E9;
}


#tempo1 p{
	margin: 20px;
	color: #6A6A6A;
}


#tempo2 {
	width:100%;
	background-color:#F2F2F2;
	margin-bottom: 30px;
	height: auto;
}

#tempo2 p{
	font-size: 9px;
	color: #8C8C8C;
	margin-right: 2px;
	margin-left: 5px;
}


#tempo3 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;		/*color: #9BB3B8;	*/	/*width: 380px;
	
	background-color: #F1F5F5;*/
			
}


/*#presentation h2{
	font-size: 1.3em;
	color: #FE9402;
	width: 100%;
	margin-left: 15px;
}*/

#tempo3 h3{
	font-size: 1.1em;
	color: #FE9402;
	width: 100%;
	margin-left: 15px;
	/*text-transform: uppercase;
	margin-bottom: 10px;
	color: #FFFFFF;
	margin-top: 5px;
	text-align: left;
	margin-left: 15px;*/
}
#tempo3 li{
	list-style-type: circle;
	margin-left: 30px;
	margin-right: 30px;
	color: #6A6A6A;
}

#tempo3 p{
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 20px;
	color: #6A6A6A;
}

#tempo3 p.minus{
	font-size: 0.8em;
	line-height: 0.9em;
}


#tempo3 sup {
	color: #FFFF33;	
}

#tempo3-1 {
	width: 50%;
	float: left;
}

#tempo3-2 {
	width: 50%;
	float:left ;
}

#tempo3-3 {
	width: 100%;
	margin: 1px;
}

/*ml #tempo3 ul{
	margin-left: 30px;	
}*/


#tempo3-4 {
	width:100%;
	float: left;
	text-align: center;
	margin-bottom: 0px;
}



#tempo4 {
	width: 100%;
	float: left;
	
	
}
#tempo4 p{
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	color: #6A6A6A;	
}
/*#tempo4 p.two{
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	color: #FFFF00;
	text-decoration: blink;
	font-size: 24px;
	font-weight: 800;
}*/


#tempo4 a{
	color: #FE9402;
}
	

#tempo5 {
width: 100%;
margin-bottom: 15px;
	}
	
	



#tempo6 {
background-color: #F3F5F5;
	height: 200px;
	width: 250px;
	float: left;
	margin: 1px;
	}


#niftyty{
	background-color: #CCCCCC;
	height: 162px;
	width: 298px;
	float: left;
	margin: 1px;
}

#niftyty p{
	margin: 10px;
	text-align: justify;
	font-size: 11px;
	color: #003333;
}


#niftyty a {
	color: #FF3300;
	background-color: #CCCCCC;
}

#nifty{
	background-color: #F3F5F5;
	height: 162px;
	width: 298px;
	float: left;
	margin: 1px;
	
}
	
			b.rtop, b.rbottom{display:block;background-color: #0C0C0C;}
			b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden;
	background-color: #F3F5F5;
}
			b.r1{margin: 0 5px}
			b.r2{margin: 0 3px}
			b.r3{margin: 0 2px}
			b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
										


#nifty #img{
	float: right;
	width: auto;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#nifty #imgN{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#nifty p{
	margin: 10px;
	text-align: justify;
	font-size: 11px;
	color: #003333;
}


#nifty a {
	color: #FF3300;
	background-color: F3F5F5;
}

#menubulle {
	background-color: #FF6600;
	height: 20px;
	width: 100%;
}

#menubulle a {
	background-color: #FF6600;
	font-size: 0.8em;
	color: #FFFF00;
	margin-right: 10px;
	margin-left: 10px;
}
	
div#nifsty{
	background-color: #F1F5F5;
	width: 100%;
	height: 605px;
	font-size: 11px;
}
	
			b2.rtop, b2.rbottom{display:block;background-color: #0C0C0C;}
			b2.rtop b2, b2.rbottom b2{
	display:block;
	height: 1px;
	overflow: hidden;
	background-color: #F8F5F5;
}
			b2.r1{margin: 0 5px}
			b2.r2{margin: 0 3px}
			b2.r3{margin: 0 2px}
			b2.rtop b.r4, b2.rbottom b2.r4{margin: 0 1px;height: 2px}		
			


#nifsty h3{
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #FFFF00;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F17F4B;
	border-bottom-color: #F17F4B;
	border-bottom-width: thin;
	border-bottom-style: solid;
	margin-top: 5px;
	background-color: #F17F4B;
	text-align: center;
}

#nifsty li{
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: -10px;
	margin-right: 10px;
	
}

/*	---------------------------------------------------------------------------------------
	Encart
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
	
	
	
#encart {
	background-color: #F3F5F5;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#encart p {
	
}


#encart h2 {
	color: #FE5C11;
	text-align: center;
	
}

#encart th {
	text-align: left;
	font-size: 1.2em;
	color: #FFFF00;
	padding-left: 15px;
	text-decoration: none;
}






/*

#encart ul.two{
	float: left;
	height: auto;
	width: 200px;
}
*/



/*
#encart li {

	
}
*/

#encart li.two {
	font-size: 1.1em;
	font-weight: bolder;
	color: #595451;
	width: auto;
	display: list-item;
	list-style-image: url(../images/li.gif);
	text-align: left;
	list-style-position: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#encart li.last { border: none; }
#encart li h2 {
	width: 139px;
	height: 19px;
	margin: 3px 0 0 35px;
	line-height: 19px;
}
#encart li p { clear: both; padding: 20px 0 15px; }

#encart p.first {
	color: #FE5C11;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 40px;
	text-align: justify;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	
}

#encart p.two {
	color: #666666;
	font-size: 1.2em;
	font-style: normal;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-left: 15px;
	text-align: justify;
	padding: 0px;
	float: left;
	margin-right: 15px;
}



	
	
	#encart li{
	color: #9E9EA0;
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 10px;
	font-size: 1.2em;
	font-weight: bolder;
}
	

	




---------------------------------------------------------------------------------------
	Offert
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#offer h2 {
	font-size: 110%;
}
#offer {
	color: #FFFFFF;
	background-color: #0C0C0C;
	height: auto;
}
#offer li {
	background-image: url(../images/offer_item4.png);
	background-repeat: no-repeat;
	background-position: 25px top;
}


#offer li a span.packone {
	background-image: url(../images/packone_tempo1%20copie.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#offer li a span.packlive {
	background-image: url(../images/packlive_tempo1%20copie.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#offer li a span.packrecord {
	background-image: url(../images/packrecord_tempo1%20copie.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/*	---------------------------------------------------------------------------------------


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#offer li a { text-transform: uppercase; color: #fff; }

/*	---------------------------------------------------------------------------------------
	Content.ml #maincontent a {
	color: #cdcece;
	background-color: #0C0C0C;
	list-style-type: circle;
}
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#maincontent {
	background-color: #0C0C0C;

}

/*
#maincontent { color: #fe5c11; background-color: #0C0C0C; }
*/



#imgPO150 {
	background-image:url(../images/PO_150.jpg);
	height: 650px;
	width: 150px;
}



#partenaire li{
	font-weight: bold;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
	position: relative;
}


.column   { background-color: #0C0C0C; }

.column p {
	line-height: 1.7;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;

}


fieldset {
	border: 1px solid #AAAAAA;
	width: 425;
	margin-right: 10px;
	margin-left: 10px;
}



#pao_vide {
	float: left;
	height: auto;
	width: auto;
}


legend {
background: transparent;
padding: 0.5em;
font-size:13px;
color: #FE9402;
font-size: 12px;
font-weight:bolder
}

#presentation ul li { list-style: none; margin-bottom: 4px; padding-left: 5px; background: url('') left 5px no-repeat; }


#presentation #tempo3 ol.test1 {
	color: #FE9402;
	/* border: 1px dotted #999;*/
       /* background-color: #eee;*/
        padding-bottom: 10px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Georgia, Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;	
	/*color: #9BB3B8;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-right: 10px;*/
}

#presentation #tempo3 ol.test1 strong{
	color: #F3F5F5; /*color: #9BB3B8;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
}

.packone #presentation li, .packlive #presentation li, .packrecord #presentation li, .ml #presentation li{
	
	list-style-position: inside;
	list-style-type: decimal;
		
}

.ml #presentation #tempo3 li {
	list-style-type: circle;
	margin-left: 50px;
}
/*
.ml #content li {
	color: #454C5F;
	list-style-position: inside;
	list-style-type: circle;
}*/

.ml #presentation a {
	color: #cdcece;
	background-color: #0C0C0C;
	
}


#faq {
	background-color: #CCCCCC;
}




.column address { font-size: 90%; font-weight: bold; }
.column address strong { font-size: 130%; color: #fe5c11; }

#sub h2 {
	font-size: 150%;
	color: #fe5c11;
	
}
/*	---------------------------------------------------------------------------------------
.ir span.kontakt { background: url('../images/kontakt_s.png') left top no-repeat; }
.ir span.aktualne { background: url('../images/aktualne.png') left top no-repeat; }
.ir span.projekt { background: url('../images/projekt.png') left top no-repeat; }
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*
#content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; }*/
/*
#content h3 {
	text-transform: uppercase;
	margin-bottom: 60px;
}*/




/*	News 

.news-item h3 { font-size: 100%; background-color: #c5d4d8; }
.news-item p.info { text-transform: lowercase; font-weight: bold; }--------------------------------------------------------------------------------*/

/*	Project 
#main .project .image { text-align: center; background: url('../images/project_image.png') center bottom no-repeat; }
.project .image img { vertical-align: middle; }
.project .info { background-color: #edf2f3; }
.project .info li { font-size: 90%; }
.project .info li.first { text-transform: uppercase; }
.project .info li strong { text-transform: none; }
.plus { font-size: 80%; }
.plus span { background: url('../images/plus.gif') left top no-repeat; }-----------------------------------------------------------------------------*/


/*	---------------------------------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#footer {
	background-color: #FFFFFF;
	background-image: url(../images/footer.gif);
	background-position: left top;
}
#footer .copy a { text-decoration: none; }
#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }
#footer a { color: #000; }

/*	---------------------------------------------------------------------------------------
	PAGE NEWS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*
.pageHHH #main , .portfolio #main, .sluzby #main { background: url('../images/headlines_sub.jpg') left top no-repeat; }

.pageHHH #main #headlines h1 span { background: url('../images/novinky.png') top left no-repeat; }
*/


#sub #maincontent {
	background-repeat: repeat-x;
	background-position: left top;
}

#submenu { background: url('../images/columna.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }



#submenu li {
	font-weight: bold;
	color: #FE9402;
	background-repeat: no-repeat;
	background-position: left center;
	width: auto;
	
}

#submenu li a {
	text-decoration: none;
	color: #F3F5F5;
	background-color: #0C0C0C;
	}
#submenu li a:hover , #submenu li a:focus , #submenu li.active a {
	color: #FE9402;
}

#presentation-head { font-size: 120%; }
#presentation-head .out { font-size: 105%; color: #fe5c11; }
#presentation-head .out a {
	text-transform: uppercase;
	font-size: 70%;
	color: #FF6600;
	background-color: #0C0C0C;
}

/*
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #fe5c11; background-color: #fff; }
#sub .news-item p a { font-weight: bold; }
#sub .news-item h2 { text-transform: uppercase; font-size: 100%; }
#sub .news-item h2 span { text-transform: none; }
*/

/*	---------------------------------------------------------------------------------------
	VISUALS FOR EACH SUBPAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*	---------------------------------------------------------------------------------------
.ospolecnosti #main { background: url('../images/headlines_sub_ospol.jpg') left top no-repeat; }
.novinky #main { background: url('../images/headlines_sub_novinky.jpg') left top no-repeat; }
.portfolio #main { background: url('../images/headlines_sub_portfolio.jpg') left top no-repeat; }
.kontakt #main { background: url('../images/headlines_sub_kontakt.jpg') left top no-repeat; }
.vyhledavani #main { background: url('../images/headlines_sub_search.jpg') left top no-repeat; }
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.packrecord #main { background: url('..') left top no-repeat; }


/*	---------------------------------------------------------------------------------------
	PAGE ABOUT COMPANY
	

.pageYYY #main #headlines h1 span { background: url('../images/o_spolecnosti.png') top left no-repeat; }

.pageYYY  #content-head { background: none; }
.pageYYY  #content p.first { font-size: 120%; color: #47808f; }
.pageYYY  #content h3, .col h3 { font-size: 150%; color: #fe5c11; }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*
	PAGE PORTFOLIO
	

.portfolio #main #headlines h1 span { background: url('../images/portfolio.png') top left no-repeat; }

.portfolio-item { text-align: center; background: url('../images/portfolio-item.png') top left no-repeat; }
#main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; }
.portfolio-item .plus span { background: url('../images/portfolio_plus.gif') top left no-repeat; }
*/


/*	---------------------------------------------------------------------------------------
	PAGE CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*	---------------------------------------------------------------------------------------
	.Contata #main #headlines h1 span { background: url('../images/kontakt.png') top left no-repeat; }

.Contata #maincontent address a { font-weight: bold; }
.col h3 { font-weight: normal; }
.contact label { font-weight: bold; }
.contact dd input , .contact dd textarea { color: #000; background: #fff url('../images/input.gif') top left repeat-x; }
.submit { color: #fff; background: #fe5c11 url('../images/submit.gif') bottom left repeat-x; }
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/*	---------------------------------------------------------------------------------------
	.packone #main #headlines h1 span { background: url('images/AnimCam1.gif') top left no-repeat; }
.packone #content-head { background: none; }
.packone #content p.first { font-size: 120%; color: #47808f; }
.packone #content p em { font-style: normal; background-color: #dfebed; }
.packone #content p.first { font-size: 120%; color: #47808f; }
.packone #content h3, .col h3 { font-size: 150%; color: #605E61; }

	
.packlive #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; }
.packlive #content-head { background: none; }
.packlive #content p.first { font-size: 120%; color: #47808f; }
.packlive #content p em { font-style: normal; background-color: #dfebed; }
.packlive #content p.first { font-size: 120%; color: #47808f; }
.packlive #content h3, .col h3 { font-size: 150%; color: #605E61; }
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*	---------------------------------------------------------------------------------------
.packrecord #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; }
.packrecord #content-head { background: none; }
.packrecord #content p.first { font-size: 120%; color: #47808f; }
.packrecord #content p em { font-style: normal; background-color: #dfebed; }
.packrecord #content p.first { font-size: 120%; color: #47808f; }
.packrecord #content h3, .col h3 { font-size: 150%; color: #605E61; }
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/*	---------------------------------------------------------------------------------------
	PAGE SEARCH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
/*	---------------------------------------------------------------------------------------
	INUTILE
	
.pagevy #main #headlines h1 span { background: url('../images/vyhledavani.png') top left no-repeat; }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/	

/*Table de Encart 

TABLE {
width : 900 px ;

}

TH {
width : 150 px ;
}

TD {
width : 485 px ;
}
*/

/*FORMULAIRE */

INPUT {
	color: #000;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #CCCCCC;
}
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #CCCCCC}
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #CCCCCC}
.txterror { color: #9BB3B8; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform {
	color: #9BB3B8;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-right: 20px;
	margin-left: 20px;
}




del {color:#CC3300}



			
			
/*Nouveau tableu "Offre"*/
#playlist {
		border: 1px solid #666666;
	}

	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}


/*   LIGHT BOX  */

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
		
	
	
	/*   PIC SHOW  */
	
.hCenter{margin-left:auto;margin-right:auto;}



.packone a img{border:5px solid #f2f2f2;margin:10px;}

.packone a:hover img{border:5px solid #FF6600;}



div.cadrePhotos{border:1px solid #ccc;background:#fff;width:540px;padding:10px;}



div.loaderPicShow{height:52px;width:52px;border:5px solid #00b1f2;background:#fff url(loader.gif) no-repeat 10px 10px;}



div.imgPicShow{
	border:10px solid #fff;
}


/*PAGE CAMERA*/


#divheadlines {
	height: 200px;
	width: 425px;
	clear:Aucune;
	position:absolute;
	top:20px;
	left:16px;

}

#divheadlines p{
	color:#040404;
	text-align:justify;
	font-size:1.1em;
	font-style:normal;
}


/* ---------JQUERY ANIMATION CAMERA -----*/

/*ul {
	margin-bottom: 2em;
}*/

#slog {
	width: 500px;
	clear:Aucune;
	position:absolute;
	top:200px;
	left:-10px;
	
}




/* Listen */
ul#news {
	padding: 2em;
	font-size: 150%;
	display: block;
	font-weight: 800;
	line-height: 1.2;
	color: #FFFFFF;	
	/*text-transform: uppercase;*/}
	
#slog li{
	color: #FFFFFF;	
}

#slog li a{
	color: #FFFF00;	
}


#pao_vide {
	float: left;
	height: auto;
	width: auto;
}


#camera {
	width:50%
	height: auto;
	float: left;
	height: 120px;
	/*border: thin solid #6A6A6A;*/
}


#camera #photo{
	float: left;
	width: 120px;
	text-align: center;
	margin-top: 8px;
}

#camera #texte{
	float: left;
	width: 327px;	
}

#camera #texte h3{
	font-size: 1.1em;
	color: #FE9402;
	width: 100%;
}

#camera  #texte h3 strong{
	font-size: 12px;
	color: #FFFF00;
	margin-left: 5px;
	background-color: #FF6600;
	
}



#camera #texte p{
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 0.9em;
}

#camera #texte a{
	color: #F3F5F5;	
}

/*#camera p {
	text-align: justify;
	clear: both;
	margin-left: 5px;

}
*/

.tel {
	width: 100%;
}