@charset "UTF-8";
/*	Telono.com CSS Document 												*/
/*	2009 contreforme sàrl  |  sam rossetti  |  http://www.contreforme.ch	*/

/* --- generic tags --- */
*{
	margin:0;
	padding:0;
	outline:0;
	border:0;
}
html,
body,
#site{
	height:100%;
}

body{
	font-family: Arial, Helvetica, "Trebuchet MS",Geneva, sans-serif;
	color:#222;
	background:#a88e8a url(../__layout/_statics/bg.png) repeat left top;
	
}
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none;
	color:#b50c00;
	border-bottom:1px dotted #b50c00;
}
a:hover{
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
a:visited{
	color:#284461;
	border-bottom:1px dotted #284461;
}
h1,h2,h3,h4,h5,h6{
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* --- structure --- */
#__connexion{
	position:absolute;
	left:5px;
	bottom:5px;
	cursor:pointer;
	opacity:0.3;
}
#site{
	background:url(../__layout/_statics/top_shade.png) repeat-x left top;
}
#bg{
	height:100%;
	width:960px;
	margin:0 auto;
	background:#5b0000 url(../__layout/_statics/top_shade.png) repeat-x scroll left top;
}
#telono,
#__preview,
.article_edit{
	position:relative;
	width:960px;
	font-size:10pt;
	line-height:1.4em;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -76px;
}
#__preview,
.article_edit{
	margin:0;
}

/* --- menu and submenu --- */
#languages{
	position:absolute;
	right:3px;
	top:-26px;
}
#languages abbr{
	font-family:Georgia, "Times New Roman", Times, serif;
}

	#languages a:link,
	#languages a:visited,
	#languages a:hover,
	#languages a:active{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#b50c00;
		border-bottom:1px dotted #b50c00;
	}
	#languages a:hover{
		border-bottom-style:solid;
	}
#menu{
	text-align:center;
	height:87px;
	display:block;
	position:relative;
	top:36px;
}
#menu a{
	border:none;
}
#menu a img{
	margin-top:-36px;
}
#menu ul{
	list-style-type:none;
	margin-top:-28px;
}
#menu li{
	display:inline-block;
	text-align:center;
	margin-left:6px;
}
#menu li a{
	margin-left:3px;
	color:#dcdcdc;
	width:102px;
	height:29px;
	background:url(../__layout/_statics/menu_li.png) no-repeat left top;
	font-size:12pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.1em;
	padding:6px 0 0 1px;
	display:block;
}
#menu li.selected a,
#menu li.selected a:hover{
	color:#fff;
	background-image:url(../__layout/_statics/menu_li_sel.png);
	font-weight:bold;
}
/*#menu li.selected a:focus{
	border:2px solid #f50;
}*/
#menu li a:hover{
	background-image:url(../__layout/_statics/menu_li_hover.png);
}
#menu li li{
	padding-left:15px;
}
#submenu{
	list-style-type:none;
	float:left;
	margin-top:150px;
	width:197px;
}
#submenu ul{
	list-style-type:none;
}
#submenu li{
	width:197px;
	height:22px;
	font-size:0.9em;
	background:url(../__layout/_statics/submenu_li_1st.png) no-repeat left top;
	margin-bottom:2px;
}
#submenu li li{
	background:url(../__layout/_statics/submenu_li_2nd.png) no-repeat left top;
	padding-left:10px;
}
/* --- 3rd level / unused ---
#submenu li li li{
	background:url(../__layout/_statics/submenu_li_3rd.png) no-repeat left top;
}
*/
#submenu li.selected{
	background-image:url(../__layout/_statics/submenu_li_1st_selected.png);
}
#submenu li:hover{
	background-image:url(../__layout/_statics/submenu_li_ro.png);
}
#submenu li.parent.selected{
	background-image:url(../__layout/_statics/submenu_li_selected_parent.png);
}
#submenu li a{
	color:#fff;
	border:none;
	margin-left:20px;
	vertical-align:middle;
	white-space:nowrap;
	padding:10px 150px 10px 0;
}
#submenu li li a{
	color:#ffdce6;
}
#submenu li.selected a{
	color:#000;
	font-weight:bold;
}
#submenu li.container{
	height:auto;
	background-image:none;
}

/* --- main container --- */
#content{
	background:#5b0000 url(../__layout/_statics/top_content_shade.jpg) repeat-x left 55px;
	min-height:350px;
	padding-bottom:95px;
}

/* --- breadcrumbs --- */
#breadcrumbs{
	position:relative;
	width:608px;
	margin-left:196px;
	top:80px;
	list-style-type:none;
	background:url(../__layout/_statics/breadcrumbs_shade.png) no-repeat left top;
}
#breadcrumbs li{
	display:inline-block;
	font-size:12pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.1em;
	background:url(../__layout/_statics/breadcrumbs_li.png) no-repeat left top;
	width:auto;
	margin:0;
	padding-left:30px;
	text-align:left;
}
#breadcrumbs li.first{
	background-image:none;
	padding:0;
	margin-left:10px;
}
#breadcrumbs li a{
	color:#fff;
	border-bottom:1px dotted #fff;
	line-height:35px;
	vertical-align:middle;
}
#breadcrumbs li:last-child a,
#breadcrumbs li:last-child a:hover{
	border:none;
}
#breadcrumbs li a:hover{
	border-bottom-style:solid;
}

/* --- welcome content --- */
#content .welcome{
	width:814px;
	margin:0 auto;
}
#categories{
	position:relative;
	top:80px;
	background:url(../__layout/_statics/welcome_top.png) no-repeat left top;
	width:814px;
	margin:0 auto;
	padding:12px 0 0;
}
#catcontent{
	width:814px;
	height:279px;
	background:url(../__layout/_statics/welcome_bg.png) repeat-y left top;
	padding:0;
}
.welcome #catmenu{
	width:170px;
	height:295px;
	float:left;
	list-style-type:none;
	margin:-9px 4px;
	background:url(../__layout/_statics/cat_menu_bg.png) repeat-y right top;
	padding-right:9px;
	z-index:1000;
	position:relative;
}
	li.welcomemenu,
	li.webmenu,
	li.mobilemenu,
	li.softwaremenu,
	li.productmenu{
		background:url(../__layout/_statics/cat_menu_li.png) no-repeat left top;
		position:relative;
		width:170px;
		height:59px;
		margin:0;
		text-align:right;
	}
	li.welcomemenu{ background-image:url(../__layout/_statics/cat_menu_li_top.png); }
	li.productmenu{ background:url(../__layout/_statics/cat_menu_li_bottom.png) no-repeat left bottom; }
	
	#catmenu li.selected{
		background-image:url(../__layout/_statics/cat_menu_li_selected.png);
		border-right:9px solid #fff;
	}
	
	#catemenu li.welcomemenu.selected{ background-image:url(../__layout/_statics/cat_menu_li_top_selected.png); }
	#catemenu li.productmenu.selected{ background-image:url(../__layout/_statics/cat_menu_li_bottom_selected.png); }
	
	#catmenu li a{
		font-size:1.1em;
		display:block;
		position:relative;
		top:38%;
		padding-right:10px;
		border:none;
		color:#000;
		width:160px;
		height:18px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	#catmenu li a:hover{
		background:url(../__layout/_statics/cat_menu_li_a_hover.png) repeat-y right top;
		color:#fff;
	}
	#catmenu li.selected a:hover{
		background:none;
		color:#000;
	}
	#catmenu li img{
		float:left;
		margin:0 -30px 0 -3px;
		position:relative;
		top:-19px;
	}
	
.welcome #catarticle{
	width:315px;
	height:280px;
	padding-right:275px;
	margin-left:195px;
	font-size:1.1em;
	line-height:1.2em;
	background:url(../__layout/_statics/bienvenue.jpg) no-repeat right top;
	position:relative;
	z-index:500;
}
    .welcome #catarticle.xmas{
        background-image:url(../__layout/_statics/xmas.jpg);
        padding-right:290px;
    }
	#catarticle.web{
		background-image:url(../__layout/_statics/web.jpg);
	}
	#catarticle.mobile{
		background-image:url(../__layout/_statics/mobile.jpg);
	}
	#catarticle.software{
		background-image:url(../__layout/_statics/software.jpg);
	}
	#catarticle.product{
		background-image:url(../__layout/_statics/produits.jpg);
	}
	#catarticle
	#catarticle br{
		margin-bottom:1.5em;
	}
	#catarticle .more{
		display:block;
		border:none;
		width:103px;
		height:40px;
		background:url(../__layout/_statics/cat_content_button.png) no-repeat left top;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#fff;
		padding:5px 15px 0 7px;
		margin:15px 0 0 250px;
	}
.welcome #catfooter{
	width:814px;
	background:url(../__layout/_statics/welcome_bottom.png) no-repeat left top;
	z-index:200;
	position:relative;
}

/* --- welcome columns --- */
.welcome #columns{
	width:810px;
	height:250px;
	margin:10px auto;
}
.welcome .col{
	float:left;
	width:267px;
	margin-right:3px;
}
    .welcome .col.xmas p{
        background:white url(../__layout/_statics/xmas2.jpg) no-repeat right top;
        width:225px;
    }
    .welcome .col.xmasfr p{
        background:white url(../__layout/_statics/xmas2fr.jpg) no-repeat right top;
        width:225px;
    }
.welcome .col h1{
	font-size:1.3em;
	background:url(../__layout/_statics/welcome_col_top.png) no-repeat left top;
	width:235px;
	padding:9px 15px;
	color:#fff;
	font-weight:normal;
}
.welcome .col p{
	background:url(../__layout/_statics/welcome_col_bg.png) repeat-y left top;
	width:230px;
	height:183px;
	overflow:hidden;
	padding:10px 15px;
}
.welcome .col p br{
	margin-bottom:1.2em;
}
.welcome .col .footer{
	background:url(../__layout/_statics/welcome_col_bottom.png) no-repeat left top;
	width:235px;
	padding:0 15px 30px;
}
.welcome .col .footer a{
	color:#b50c00;
	font-weight:bold;
	position:relative;
	top:-5px;
	border-color:#b50c00;
}
.welcome .col .tweet{
	font-size:0.9em;
	line-height:1.3em;
}
.welcome .col .tweet_date{
	margin-top:3px;
	font-size:0.8em;
	font-style:italic;
	color:#444;
	display:block;
	margin-bottom:-3px;
}

/* --- article footer --- */
#article_bg{
	position:relative;
	top:80px;
	width:608px;
	margin-left:196px;
	background:url(../__layout/_statics/bottom_article_shade.png) no-repeat -1px bottom;
	padding-bottom:31px;
}

/* --- preview, article and content --- */
#__preview{
	width:597px;
	padding:16px;
}
.article_edit table,
.article_edit td{
	border:1px dotted #ddd;
}
#__preview,
#article,
.article_edit{
	background-color:#fff;
	min-height:200px;
	padding:16px;
}
	/* forms elements */
	#__preview input[type=text],
	#article input[type=text],
	.article_edit input[type=text],
	#__preview textarea,
	#article textarea,
	.article_edit textarea,
	#__preview select,
	#article select,
	.article_edit select{
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		padding:3px;
		font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		margin-bottom:3px;
		background-image:url(../__layout/_statics/txt_input_bg.png);
	}
	#__preview textarea,
	#article textarea,
	.article_edit textarea{
		background:#fff url(../__layout/_statics/textarea_bg.png) repeat-x left top;
		border:1px solid #9ba7bd;
		width:162px;
		min-height:150px;
	}
	#__preview select,
	#article select,
	.article_edit select{
		height:24px;
		width:162px;
	}
	#__preview option,
	#article option,
	.article_edit option{
		padding:2px;
	}
	#__preview input[type=submit],
	#article input[type=submit],
	.article_edit input[type=submit]{
		margin-left:225px;
		padding:3px;
		cursor:pointer;
	}
	#__preview input[type=text],
	#article input[type=text],
	.article_edit input[type=text]{
		background-image:url(../__layout/_statics/txt_input_bg.png);
		width:162px;
		height:18px;
	}
	
	#__preview fieldset label,
	#article fieldset label,
	.article_edit fieldset label{
		float:left;
		text-align:right;
		width:215px;
		margin-right:10px;
	}

#article{
	background:url(../__layout/_statics/content_article_shade.png) repeat-y -2px top;
	width:558px;
	padding-right:50px;
}
	#catarticle ul, /* --- welcome article --- */
	#__preview ul,
	.article_edit ul,
	#article ul{
		padding-left:15px;
		list-style-image:url(../__layout/_statics/list_level_1.png);
		list-style-position:inside;
	}
	#catarticle ul li, /* --- welcome article --- */
	#__preview ul li,
	.article_edit ul li,
	#article ul li{
		line-height:1.7em;
	}
	#article ul.tweets .tweet_date{
		font-style:italic;
		color:#444;
	}
	#catarticle ul ul, /* --- welcome article --- */
	#__preview ul ul,
	.article_edit ul ul,
	#article ul ul{
		list-style-image:url(../__layout/_statics/list_level_2.png);
		padding-left:30px;
	}
	#article ul ul ul{
		list-style-image:none;
		list-style-type:none;
		padding-left:30px;
	}
	#__preview li,
	.article_edit li,
	#article li{
		margin-bottom:10px;
	}
	#__preview li li,
	.article_edit li li,
	#article li li{
		margin-bottom:5px;
	}
	#catarticle br, /* --- welcome article --- */
	#__preview br,
	.article_edit br,
	#article br{
		margin-bottom:1.1em;
	}
	#article ul.sitemap{
		margin-left:100px;
	}
	
	/* H sizes */
	
	#catarticle h1, /* --- welcome article --- */
	#__preview h1,
	.article_edit h1,
	#article h1{
		font-size:1.3em;
		color:#6a7893;
		letter-spacing:0.2em;
		text-transform:uppercase;
		margin-bottom:9px;
		line-height:1.2em;
	}
	#catarticle h1{
		font-size:1.2em;
		margin-bottom:3px
	}
	
	#__preview fieldset legend,
	.article_edit fieldset legend,
	#article fieldset legend,
	#catarticle h2, /* --- welcome article --- */
	#__preview h2,
	.article_edit h2,
	#article h2{
		font-size:1.3em;
		color:#6a7893;
		font-style:normal;
		margin:18px 0 9px;
		line-height:1.1em;
	}
	#catarticle h2{
		margin-bottom:0;
		font-size:1.2;
	}

	#catarticle h3, /* --- welcome article --- */
	#__preview h3,
	.article_edit h3,
	#article h3{
		font-size:1.1em;
		font-weight:normal;
		color:#6a7893;
		margin:15px 0 0;
		font-style:italic;
	}
	
	#catarticle h4, /* --- welcome article --- */
	#__preview h4,
	.article_edit h4,
	#article h4,
	#catarticle h5, /* --- welcome article --- */
	#__preview h5,
	.article_edit h5,
	#article h5,
	#catarticle h6, /* --- welcome article --- */
	#__preview h6,
	.article_edit h6,
	#article h6{
		font-size:1em;
		color:#6a7893;
		font-weight:normal;
		margin:10px 0 0;
		font-style:italic;
	}
	
	
	#catarticle .header, /* --- welcome article --- */
	#__preview .header,
	.article_edit .header,
	#article .header{
		font-size:10pt;
		font-family: Arial, Helvetica, "Trebuchet MS",Geneva, sans-serif;
		color:#222;
		font-weight:bold;
		border-bottom:2px dotted #b50c00;
		padding-bottom:12px;
		margin-bottom:20px;
	}
	
	#catarticle h1, /* --- welcome article --- */
	#catarticle h2,
	#catarticle h3,
	#catarticle h4,
	#catarticle h5,
	#catarticle h6{
		margin-top:0;
		padding-top:10px;
	}
	#catarticle h1,
	#catarticle h2{
		padding-top:5px;
	}
	
	a img{
		border:none;
	}

/* --- pusher and footer --- */
#pusher,
#telono_footer{
	height:76px;
	position:relative;
	z-index:200;
}
#telono_footer{
	width:920px;
	padding:0 20px;
	margin:0 auto;
	background:#5b0000 url(../__layout/_statics/footer.png) no-repeat left top;
	font-size:9pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	z-index:300;
}
#telono_footer div{
	float:left;
	margin-left:50px;
	margin-top:30px;
	text-align:left;
	color:#b2aaa6;
}
#telono_footer div strong{
	display:block;
	color:#fff;
}
#telono_footer a:link,
#telono_footer a:visited,
#telono_footer a:hover,
#telono_footer a:active{
	color:#b2aaa6;
	border-bottom:1px dotted #b2aaa6;
}
#telono_footer a:hover{
	border-bottom-style:solid;
}

/* --- misc classes --- */
.left{
	float:left;
}
.right{
	float:right;
}
img.left{
	margin:0 9px 5px 0;
}
img.right{
	margin:0 0 5px 9px;
}