@charset "utf-8";

/* first part: general css (no classes) -> used for content (tinymce) */
* { margin:0px; padding:0px; outline:0 none;}

/* font used on this website */
@font-face {
    font-family: 'Theinhardt_Light';
    src: url('/fonts/theinhardt-light-webfont.eot');
    src: url('/fonts/theinhardt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/theinhardt-light-webfont.woff') format('woff'),
         url('/fonts/theinhardt-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Theinhardt_Medium';
    src: url('/fonts/theinhardt-medium-webfont.eot');
    src: url('/fonts/theinhardt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/theinhardt-medium-webfont.woff') format('woff'),
         url('/fonts/theinhardt-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



/* bug webInk avec FF8 
@font-face {
	font-family: 'Theinhardt_Light';
	src: url( 'http://fnt.webink.com/wfs/?drawer=14BE9922-E40C-41C7-BAA9-82A192FF730D&font=008579D7-00D8-1E34-1306-843EC6BC82EA');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: 'Theinhardt_Medium';
	src: url( 'http://fnt.webink.com/wfs/?drawer=14BE9922-E40C-41C7-BAA9-82A192FF730D&font=F77BBDE3-5270-5846-90AD-5529C2FFDA57');
	font-weight:normal;
	font-style:normal;
}
*/

/* useful if content is centered (avoid lateral jump when scrollbar appears) */
html { overflow-y: scroll; }	

body  { font-family: 'Theinhardt_Light', Helvetica, Arial, sans-serif; font-size:13px; background-color:#E5E8EA; }

/* Firefox trick: avoid extra vertical space between li with image */
li img { vertical-align:middle}

img {border:0; vertical-align:top;}

a { outline:0 none; color: #f00; text-decoration: none; }
a:hover { text-decoration: underline; }

table, td, th { border-collapse:collapse; border:0px solid #ccc; border-spacing: 0px;}
td, th {padding:3px}

blockquote {margin-left:20px;}

ul, ul li { list-style: none;  }

.left {text-align:left;}
.right {text-align:right;}

.fLeft {float:left;}
.fRight {float:right;}
.clearBoth {clear:both;}

/*---------- second part: CBy IDs  --------------*/


#cbyContainer {
	margin:40px 0 0 0;	/*Set if you want body to be centered*/
	position: absolute;
	width:100%;
}

#cbyHeader {
	float:left;
	width:260px;
	padding-left:40px;
}
#cbyMenu {
	padding-left:40px; /*zone for mouseLeave/mouseEnter */
	height:300px;
	width:590px;		/* 2 ul + info = 2 * 150 + 290 */
	/*background-color:#dde;*/
	overflow:hidden;
}

#cbyPath {padding:2px 0 20px;}
#cbyPath span {padding:0 5px;color:#555;}
#cbyMenu div.cbyWebmenus {position:absolute;top:60px;}

#cbyInfoTop {position:absolute; top:55px;margin-left:300px;width:290px; padding-right:10px;}
#cbyInfoTop h3 {font-size:1.6em;}
#cbyContent {clear: both;}
#cbyContent div.head {padding:20px 0 20px 340px;background-color:#fff;border-width:0;border-color:#000;border-style:solid}
#cbyContent div.head a {color:#000}
#cbyContent div.info {display:none}
#cbyContent div.content {margin: 20px 0;	padding-left:40px;}
#cbyContent .scrollbar {height:260px;width:277px;position:relative}
#cbyContent .scrollbar p {margin:0 0 8px 0;}
#cbyFooter {padding:30px 40px; clear:both; color:#f00; font-size:10px; text-transform:uppercase;}


/*#cbyPost table{
	overflow: auto;
}
*/

/*---------- second part: CBy classes  --------------*/


.cbyMenu .invisible {display:none}

.cbyMenu a {
	display:block;				/* makes the 'a' behaves like a 'block' tag (take all width)*/
	line-height: 20px;
	cursor:pointer;
	color: #333;
/* 	text-indent:-10px; */
}
.cbyMenu h3 a {
	display:inline;	
	cursor:pointer;
	color: #f00;
}

.cbyMenu ul  {
	width:140px;
	display: block;
/* 	margin-left:10px; to compensate text-indent*/
/*	position: relative ; /* IE7 relative position the ul otherwise the list items are positioned relative to the viewport, ignoring the overflow on their parent */
}
.cbyMenu li  {
}

.cbyMenu  a:hover {
	color:#f00; 
	text-decoration: none;
}
.cbyMenu a.selected {
	font-weight: normal;
}
.cbyMenu ul li ul {
	position:absolute;
	top:0;
	left:150px;
/* 	margin-left:10px; to compensate text-indent*/
}
.cbyMenu ul li ul.selected {
	display:block;
}
.cbyMenu ul li ul li a {
}
.cbyMenu ul li ul li ul li a {
}
.cbyMenu ul li ul li ul li ul li a {
}
.cbyArrow {height:1em;overflow:hidden;font-family:Arial;}
div.cbyArrow {float:left;width:0;}
hr {height:1px; border:0; color:#666; background-color:#666;}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
h1,h3 {font-family:'Theinhardt_Medium', Helvetica, Arial, sans-serif; }
h1 {font-size:1.6em;}
h2 {font-size:2.5em;}
h3,h4,h5,h6 {font-size:1em;}
h3.title {padding-bottom:1em}
table.facts th, table.facts td {padding:0 5px 5px 0}
table.facts th {font-family:'Theinhardt_Medium', Helvetica, Arial, sans-serif; font-size:20px;font-weight:normal;text-align:left;padding-left:0.5em;width:50%;}

.marginTop {	margin-top:15px;}
.marginBottom {	margin-bottom:15px;}
.contentLeft {
	width:280px;
	padding-right:20px;
	float:left;
}
.contentLeft ol, .contentLeft ul {
	padding-left:20px;
	padding-bottom:8px;
}
.contentLeft ul li {list-style-type: circle;}
.contentRight {
	width:600px;
	padding-right:0px;
	float:left;
}
.contentRight img{
	max-width:600px;
}
.cbyTxt {font-size:18px;}
.cbyTxt ul {padding:12px 0;}

.cbyList {width:290px;float:left;margin-right:10px;}
.cbyList ul {padding:5px 0 10px 0;}
.cbyList li {padding:0 0 2px 0;}
.cbyList a {color:#000;}
.cbyList a:hover {color:#f00;}

.cbyDomains img {width:280px;margin:5px 0 2px 0;}
.cbyGalleryHome img {height:127px;margin:0 10px 10px 0;}
/* ------------ FancyBox ----------------------- */

#fancybox-title div {
	font-family:'Theinhardt_Light', Helvetica, Arial, sans-serif;
	background-color:#333333;
	opacity:0.8;
	padding:10px 20px;
	font-size:14px;
	line-height:20px;
}