/* Start of CMSMS style sheet 'pcprofi' */
/********************************************************************************************

	TOC:	- GENERAL & HEADINGS
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORMS
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

html, body, ul {
	border:0;
	margin:0;
	padding:0;
}

body {
	background:#fff url(images/bg.gif) repeat-x;
	color:#666;
	font:0.8em Arial, Helvetica, sans-serif;
	line-height:1.4em
}

img {border:0}

/*** Headings ***/

h1 {
	background:url(images/bg_h1.gif) 0 21px no-repeat;
	color:#095DA7;
	font:bold 1.8em Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	padding:0;
}

#services h1 {background:none; color:#549AD3; font-size:1.4em; padding:0 15px 10px 15px; margin:0}
	#services h1.cogwheel {background:url(images/icon_cogwheel.gif) 95px 3px no-repeat}
	#services h1.toolbox {background:url(images/icon_toolbox.gif) 90px 3px no-repeat}
	
h2 {
	color:#75B6EB;
	font:normal 1.4em Arial, Helvetica, sans-serif;
	margin:30px 0 15px 0;
	padding:0;	
}

h2.news {background:url(images/dots.gif) bottom repeat-x; margin:40px 0 15px 0}

span.news {background:url(images/icon_news.gif) 0 3px no-repeat; padding-left:18px}

h3 {
	color:#5a5a5a;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin:8px 0 8px 0;
	padding:0;	
}

/*** Links ***/

a {outline:none}

a:link, a:visited {color:#1A6BBD; text-decoration:none}
a:active, a:hover {color:#99CCFF}

#intro a, #text a {font-weight:bold}

a.arrow {background:url(images/icon_arrow.gif) left 3px no-repeat; padding-left:14px;}

a[href $='.pdf'] {background:url(images/icon_pdf.gif) center left no-repeat; padding-left:20px}

/****************************************  STRUCTURE  ****************************************/

#wrapper {
	width:955px;
	margin:0 auto;
}

#fixnavigation {
	height:22px;
	margin-top:3px;
	text-align:right;
	width:955px;
}

#header {
	background:url(images/header.jpg) no-repeat;
	height:150px;
	width:979px;
}

#logo {
	float:left;
	height:91px;
	padding:21px 0 0 32px;
	width:102px;
}

#navigation {
	float:right;
	height:30px;
	padding:99px 50px 0 0;
}

#content {
	background:url(images/bg_content.gif) bottom no-repeat;
	border-left:#ddd 1px solid;
	border-right:#ddd 1px solid;
	margin-left:32px;
	overflow:hidden;
	padding:20px 30px 40px 30px;
	width:853px;
}

#intro {float:left; width:560px}

#services {color:#000; float:right; width:250px}
	.box {background:#EFEFEF url(images/services_top.gif) top no-repeat;}
	.box.bottom {background:url(images/services_bottom.gif); height:16px; width:250px}
	.box p {font-size:0.85em; padding:0 15px; margin:0}
	.box hr {border:#fff 1px solid}
	.box.second {line-height:2em; margin-top:30px}

#subnavigation {
	background:url(images/bg_subnavigation.gif) no-repeat;
	float:left;
	height:260px;
	width:220px;
}

#text {float:right; min-height:480px; width:590px}

*html #text {height:480px} /* For IE eyes only */

#contentend {
	background:url(images/content_bottom.gif) no-repeat;
	height:10px;
	margin-left:32px;
	width:915px
}

#footer {
	color:#A1A1A1;
	font-size:0.85em;
	margin-left:32px;
	padding:10px;
	width:895px
}

#footerleft {float:left; margin-bottom:20px; width:400px}
#footerright {float:right; text-align:right; width:400px}


/****************************************  NAVIGATION  ****************************************/

/*** Fixnavigation ***/

#fixnavigation a, #fixnavigation a:visited {color:#666; font:0.85em Arial, Helvetica, sans-serif; text-decoration:none}
#fixnavigation a:active, #fixnavigation a:hover {color:#999; text-decoration:underline}
	#fixnavigation a.home {background:url(images/icon_home.gif) no-repeat; padding:0 10px 0 20px}
	#fixnavigation a.contact {background:url(images/icon_contact.gif) 0 2px no-repeat; padding:0 10px 0 20px}
	#fixnavigation a.de {background:url(images/icon_de.gif) 0 1px no-repeat; padding:0 10px 0 20px}
	#fixnavigation a.fr {background:url(images/icon_fr.gif) 0 1px no-repeat; padding:0 0 0 20px}


/*** Main navigation ***/

#navigation ul, #subnavigation ul {
   list-style:none;
   margin:0;
   padding:0;
}

#navigation li {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	float:left;
	margin-right:3px;
}

#navigation li a {
	display:block;
	background:url(images/navigation.gif) no-repeat;
	color:#095DA7;	
	text-align:center;
	text-decoration:none;
	padding:9px 0 11px 20px
}

#navigation li a span, #navigation li span {
	background:url(images/navigation_right.gif) right top no-repeat;
	padding:9px 20px 0 0

}

#navigation li a:hover {
	background:url(images/navigation_on.gif) no-repeat;
	color:#75B6EB;
}

#navigation li a:hover span {
	background:url(images/navigation_on_right.gif) right top no-repeat;
}

#navigation .currentpage, #navigation a.activeparent {
	display:block;
	background:url(images/navigation_on.gif) no-repeat;
	color:#75B6EB;	
	text-align:center;
	text-decoration:none;
	padding:9px 0 11px 20px
}

#navigation .currentpage span, #navigation a.activeparent span {
	background:url(images/navigation_on_right.gif) right top no-repeat;
}


/*** Subnavigation ***/

#subnavigation li a {
	display:block;
	background:url(images/subnavigation.gif) no-repeat;
	color:#666;
	font: 0.9em Arial, Helvetica, sans-serif;
	height:14px;
	text-decoration:none;
	padding:6px 0 10px 20px !important;
	padding:6px 0 9px 20px;
}

#subnavigation li a:hover, #subnavigation a.activeparent  {
	background:#DEE8EF url(images/subnavigation_on.gif) no-repeat;
	color:#2484D0;
	font-weight:bold;
}

#subnavigation li.currentpage {
	display:block;
	background:#DEE8EF url(images/subnavigation_on.gif) no-repeat;
	color:#2484D0;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	height:14px;
	text-decoration:none;
	padding:6px 0 10px 20px !important;
	padding:6px 0 9px 20px;
}

/****************************************  CONTENT & FORMS  ****************************************/

#intro ul, #text ul {
   list-style:none;
   margin:12px 0;
   padding:0;
}

#intro li, #text li {
	background:url(images/icon_bullet.gif) left 7px no-repeat;
	padding:0 0 4px 10px
}

#services img {margin-bottom:10px}

.box a.remote {background:url(images/icon_desktop.gif) left 0 no-repeat; padding:0 0 2px 22px}
.box a.outlook {background:url(images/icon_outlook.gif) left 0 no-repeat; padding:0 0 2px 22px}
.box a.webmail {background:url(images/icon_contact.gif) left 2px no-repeat; padding:0 0 2px 22px}
.box a.desktop {background:url(images/icon_remote.gif) left 0 no-repeat; padding:0 0 2px 22px}

.photo {padding-right:20px}

th {text-align:left; vertical-align:top}
td {padding-bottom:8px}
.times td, .tarif td {padding-bottom:15px}
.times th, .tarif th {background:#eaeaea; padding:4px;}
.times th.background, .tarif td.background {background:#f5f5f5;}
.times td, .tarif td {padding-bottom:0; padding:4px;}

div.separator {background:url(images/dots.gif) center repeat-x; color:#fff; display:block; clear:both; padding-top:20px }

img.border {border:1px solid #E2E2E2; padding:5px}
div.center {text-align:center}

/*** Forms ***/

form {margin:0; padding:0}
form p {clear:left;	margin:0; padding:0}
label {float:left; width:100px; margin:4px 0 5px 0}
label.labelsecond {float:none; width:300px; margin:4px 0 5px 0}

input, textarea, select {
	background:#f5f5f5;
	border:#ccc solid 1px;
	color:#4F3426;
	font:1em Arial, Helvetica, sans-serif;
	width:250px;
	margin:0 0 5px 0;
	padding:2px 3px 2px 3px;
}

textarea {height:100px}

.checkbox {
	width:20px;
	background:none;
	border:none;
	vertical-align:middle;
	margin:0 0 0 100px;
}

.box input {
	background:url(images/bg_input.gif) repeat-x;
	border:#D5D4D1 1px solid;
	color:#999;
	font-size:1em;
	height:14px;
	margin-top:5px;
	padding:3px;
	width:140px
}

#submit {
	width:80px;
	margin:10px 0 0 100px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.box .button {
	background:url(images/button_search.gif) 0 1px no-repeat;
	border:none;
	color:#666;
	font-size:0.9em;
	height:24px;
	padding-top:3px;
	width:62px;
}

.error {background:#FDF5F5; border:1px solid #F01C26}

#red {
	color:#F01C26;
	display:block;
	height:25px;
	margin:10px 0;
	padding:0;
}

.small {font-size:0.8em}
/* End of 'pcprofi' */