@import url("reset.css"); 
@import url("typo.css"); 
@import url("themes.css"); 

/* */
 
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix{display:inline-block}

.clear{clear:both}

/* */
html, body{ margin:0;  padding:0;  text-align:center}

 
#pagewidth{ width:975px;  text-align:left;  margin-left:auto;  margin-right:auto}

 
#header{ position:relative;  height:349px;   width:100%;  z-index:10}

#wrapper{background:url(../images/content_bk.png) top left repeat-y; border-top:20px solid #F0F0F0}
 
#subNav{ width:200px;  float:left;  position:relative;  margin:0 0 0 5px}
 
#mainContent{float:left;  position:relative; font-size:1.4em}
 
 .inner{ width:520px}
 
.landing{width:720px}
 
 #content_inner{ width:750px;  float:right;  position:relative}
 
 #content_landing{ width:952px;  float:right;  position:relative}
 
#secondaryContent{ width:200px;  float:right;  position:relative;  margin:0 10px 0 0}
 
 #footer{ height:95px;  clear:both}

 
 #banner{   width:975px;   height:250px;   z-index:1;   float:left;   margin:-76px 0 0 5px}
 
 h1#logo a{ background:url(../images/logo_pink.png) top left no-repeat;  position:absolute;  top:0px;  left:765px;  width:208px;  height:177px;  text-indent:-5000px}
 
.textonly{position:absolute; left:-1500px; width:1px; height:1px; overflow:hidden}

#header .captionImg a{text-decoration:none; background:transparent; padding:8px 13px 7px 13px; margin:0; color:#000; font-size:1.8em; font-weight:normal}
#header .captionImg a img{border:0px none; line-height:0}
#header .captionImg div{ position:absolute; top:100px; left:5px; visibility:visible; display:block; font-weight:normal; font-family:arial}

#header .captionImg div ul{ background:url(../images/imgTrBg50.png) left top repeat; padding:2px 0}
#header .captionImg div ul li{display:inline}
#header .captionImg b{margin:0; padding:0 0 0.5em 0; line-height:1.3em; font-weight:normal}
#header .captionImg a:hover, #header .captionImg ul li.this a{color:#fff !important}

#searchbox{position:absolute; left:553px; top:29px}

#searchbox legend{display:none}

#searchbox label{display:none}

#searchbox input.searchBoxinput{width:155px; background:transparent; border:0 !important}

#searchbox button{background:transparent; border:0 !important; font-weight:bold; color:#666; padding:3px 0 0 2px; margin:0}

#searchbox button:hover{cursor:pointer}
 
#mainContent .bold{font-weight:bold}

#mainContent ul{ padding:0 1.2em;  margin:0 5px}

#mainContent li{ list-style:circle}

#mainContent .webblerimage{display:block; background:#F0F0F0; padding:10px}
#mainContent .imagecaption{line-height:1.3em; margin:5px 0 0 0; font-size:0.95em}
#mainContent .imagecredits{line-height:1.3em; margin:5px 0 0 0; font-weight:bold; font-size:0.95em}
#mainContent .left{float:left; margin:10px 10px 10px 0}
#mainContent .right{float:right; margin:10px 0 10px 10px}

#mainContent h3{margin:0.2em 0 0 0; padding:0; letter-spacing:0; font-size:1.7em}
#mainContent h4{margin:0.2em 0 0 0; padding:0; font-size:1.6em; font-weight:normal}
#mainContent h5, #mainContent h6{margin:0.2em 0 0 0; padding:0; font-size:1.4em; font-weight:normal}

#mainContent #listings ul{margin:0 0 10px 0; padding:10px; float:left; width:500px}
#mainContent #listings li{list-style:none}
#mainContent #listings li img{float:left; display:block}
#mainContent #listings li.content{float:right; width:360px}
#mainContent #listings ul h3{padding:0 !important; margin:0 !important; line-height:1em !important; font-size:1.4em}
#mainContent #listings ul p{margin:0; padding:0.2em 0}
#mainContent #listings ul p.date{font-weight:bold}

#mainContent .sitemap div{border-bottom:1px solid #F0F0F0}

#mainContent .sitemap .trunktitle{font-weight:bold; border-bottom:0}

#mainContent .sitemap ul{margin:0.2em 0 0.2em 15px; padding:0.2em 0}

#mainContent .sitemap ul ul{margin:0 0 0 20px; padding:0}

#mainContent #embed object{display:block; background:#F0F0F0; border:10px solid #F0F0F0; margin:10px 0 10px 0}

#mainContent .paging{display:block; margin:5px 0; float:left; width:400px; clear:both}

#mainContent .paging p{margin:0 4px 0 0; padding:0; float:left; display:block}

#mainContent .paging a{display:block; float:left; margin:0 2px 2px 0; padding: 1px 00; width:20px; text-align:center; font-size:0.8em}

.paging a:hover, .paging a.current{background:#F0F0F0}

#mainContent a.pagingprevious, #mainContent a.pagingnext{display:none}

#mainContent blockquote{display:block; border-bottom:1px solid #F0F0F0; float:left; width:97%; margin:0; padding:5px 10px}

#mainContent blockquote p{display:block; padding:0.2em 0}

#mainContent blockquote span{font-size:1em; line-height:1.3em; font-weight:bold}

#mainContent blockquote .green{color:#76D12B}

#mainContent blockquote .blue{color:#00ADEF}

#mainContent blockquote .pink{color:#D72571}

#mainContent blockquote .brown{color:#D1C32A}

#mainContent blockquote .grey{color:#6F828C}

#mainContent .quote_image{padding:10px 0; float:left; display:block}

#mainContent .form p{display:block; padding:10px; background:#F0F0F0; margin:2px 0 0 0; width:500px; float:left; font-size:1.1em}

#mainContent .form p.required{background:#ddd; font-weight:bold}

#mainContent .form p.required span.required{float:none !important}

#mainContent .form legend{display:none}

#mainContent .form label{font-weight:normal; width:270px; display:block; float:left}

#mainContent .form label.wide{font-weight:normal; width:490px; display:block; float:left}

#mainContent .form input.inputitem{width:200px; border:1px solid #ddd; padding:0.1em; float:right; margin:0 10px 0 0}

#mainContent .form select{border:1px solid #ddd; float:right; margin:0 10px 0 0; width:205px}

#mainContent .form textarea{width:200px; border:1px solid #ddd; padding:0.1em; float:right; margin:0 10px 0 0; height:200px}

#mainContent .form legend .required{color:red}

#mainContent .form p .required{color:red; float:left}

#mainContent .form span.checkboxgroup{background:#ddd; padding:2px 0px}

#mainContent .form span.option{border-left:5px solid #eee; padding:5px}

#mainContent .form input#submit{background:#DF6196; width:100px; height:42px; border:0 !important; margin:2px 0 0 0; float:right; color:#fff; font-size:1.4em; font-weight:bold}

#mainContent .form input#submit:hover{cursor:pointer; text-decoration:underline; background:#D82470}

 
#subNav h3{margin:9px 0 0 8px; font-size:2.4em}

#subNav li a{display:block; width:180px; padding:0.2em 0 0.2em 20px}

#secondaryContent li a{display:block; width:190px; padding:0.1em 0 0.1em 10px}

#secondaryContent li.word a,
#secondaryContent li.pdf a,
#secondaryContent li.jpg a,
#secondaryContent li.excel a {width: 175px}

#secondaryContent li.word a {background:transparent url(../images/icon_doc.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}
#secondaryContent li.word a:hover {background:transparent url(../images/icon_doc.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}

#secondaryContent li.pdf a {background:transparent url(../images/icon_pdf.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}
#secondaryContent li.pdf a:hover {background:transparent url(../images/icon_pdf.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}

#secondaryContent li.jpg a {background:transparent url(../images/icon_jpg.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}
#secondaryContent li.jpg a:hover {background:transparent url(../images/icon_jpg.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}

#secondaryContent li.excel a {background:transparent url(../images/icon_excel.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}
#secondaryContent li.excel a:hover {background:transparent url(../images/icon_excel.png) no-repeat scroll 0 4px;padding:0.1em 0 0.1em 20px}


#secondaryContent ul.imagelist li img{display:block; padding:0}

#subNav li a:hover, #secondaryContent li a:hover{background:#F0F0F0}

#subNav li.this a{background:#F0F0F0}

#subNav li.this ul li a{background:#F7F7F7; border-left:10px solid #F7F7F7; border-top:1px solid white; line-height:1.2em; width:170px !important}

#subNav li.this ul li.this a{font-weight:bold}

 
#secondaryContent h3{margin:9px 0 0 0 }

#secondaryContent h3.calendar{display:block; background:#00ADEF; color:#fff}

#secondaryContent #signup{padding:9px}

#secondaryContent h3.signup{display:block; background:#74D129; color:#fff}

#secondaryContent #signup input.inputitem{border:1px solid #76D12B; width:145px; float:left}

#secondaryContent #signup input#submit{border:1px solid #76D12B; background:#76D12B; color:#fff; width:30px; float:right; margin:-20px 0 0 0; padding:0}

#secondaryContent #signup input#submit:hover{background:#fff; color:#76D12B; cursor:pointer}

#secondaryContent #signup p a{font-weight:bold; color:#76D12B}

#secondaryContent #signup legend, #secondaryContent #signup p.required{display:none}

#secondaryContent h3.blog{display:block; background:#F90; color:#fff}

#secondaryContent #calendar table{border-collapse:collapse; padding:0px; margin:0; color:#999; background:#fff; width:100%; border-top:1px solid #fff; border-right:1px solid #fff; font-size:0.85em}
#secondaryContent #calendar table th, 
#secondaryContent #calendar table td{height:19px;  text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff}
#secondaryContent #calendar table th{font-weight:bold; height:20px}
#secondaryContent #calendar a{text-decoration:none; color:#808080}
#secondaryContent #calendar h5{font-size:1.2em; padding:0; margin:0}
#secondaryContent #calendar table td a{display:block;  margin:0; border:0; padding:4px 0 4px 0; text-align:center}

#secondaryContent #calendar table td a:hover, 
#secondaryContent #calendar table td.today a, 
#secondaryContent #calendar table td.today a:hover{background:#00ADEF; color:#fff; font-weight:bold}
#secondaryContent #calendar table td.empty{background:#F0F0F0; height:25px}
#secondaryContent #calendar{margin:0 0 11px 0}
#secondaryContent #calendar ul{list-style:none; padding:4px 0 6px 5px; margin:0; width:135px}
#secondaryContent #calendar li{display:inline; margin:0px; padding:0}
#secondaryContent #calendar li a{text-decoration:none; color:#808080}
#secondaryContent #calendar li a.month{padding:0 0 0 7px; margin:0 0 0 0px; font-weight:normal; background:url(../images/capNavStrapLiDiv.png) left no-repeat}

 
#footer ul.powered{float:right; margin:65px 30px 0 0}

#footer ul.copyright{float:left; margin:65px 0 0 20px; color:#fff}

#footer ul.links{float:left; margin:65px 0 0 87px}

#footer ul.links li{float:left; margin:0 10px 0 0}

 #secondaryContent h3.support{display:block; background:#D82470; color:#fff}

#content_landing .featured{display:block; width:720px; float:left; border-bottom:1px solid #F0F0F0; padding:0 0 1em 0; margin:0}

#content_landing .featured .item{display:block; width:350px; float:left}

#content_landing .featured .left{margin:0 20px 0 0}

#content_landing .featured .embed div a{display:none}

#content_landing .highlight{display:block; width:720px; float:left; border-bottom:1px solid #F0F0F0; padding:0 0 1em 0; margin:0 0 1em 0}

#content_landing .highlight .item{display:block; width:165px; float:left; margin:0 0 0 20px}

#content_landing .highlight .item:hover{background:#F0F0F0}

#content_landing .highlight .left{margin:0}

#content_landing .highlight h3{font-size:1.2em}

#secondaryContent h3.channels{display:block; background:#D2C32A; color:#fff}

#secondaryContent ul.channels{margin:1em 0}

#secondaryContent  ul.channels li a{display:block; width:170px; padding:0 0 0.1em 0}

#secondaryContent  ul.channels li a:hover{text-decoration:underline}

#secondaryContent li.youtube{background:url(../images/icon_youtube.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.myspace{background:url(../images/icon_myspace.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.fb{background:url(../images/icon_fb.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.dailymotion{background:url(../images/icon_dailymotion.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.twitter{background:url(../images/icon_twitter.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.bebo{background:url(../images/icon_bebo.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent li.auteurs{background:url(../images/icon_auteurs.png) 10px 1px no-repeat; padding:0 0 0 30px}

#secondaryContent h3.pics{display:block; background:#6F828C; color:#fff}

#secondaryContent .flickr{display:block; padding:20px 0 0 10px}

#secondaryContent .rssconsumerlist{margin:0 0 1em 0}

#secondaryContent .rssconsumerlist ul{margin:0; padding:0}
#secondaryContent .rssconsumerlist li{list-style:none; padding:0.5em 0}

#secondaryContent .rssconsumerlist li:hover{background:#F0F0F0}
#secondaryContent .rssconsumerlist h4{font-size:1.1em; line-height:1.4em}

#secondaryContent .rssconsumerlist p.date{font-size:0.9em; padding:5px 0 0 10px; margin:0}

#mainContent .download_block ul{margin:0; padding:0; display:block; float:left; width:100%}

#mainContent .download_block li{list-style:none; width:100%; display:block; float:left}

#mainContent .download_block{border-bottom:1px solid #ccc; padding:1px 0 2px 0; display:block; float:left; width:100%}

#mainContent .download_block li.pdf a{background:url(../images/icon_pdf.png) 0 0 no-repeat; padding:0 0 0 20px}

#mainContent .download_block li.doc a{background:url(../images/icon_doc.png) 0 0 no-repeat; padding:0 0 0 20px}

#mainContent .download_block li.video a{background:url(../images/icon_video.png) 0 0 no-repeat; padding:0 0 0 20px}

#mainContent .download_block li.audio a{background:url(../images/icon_audio.png) 0 0 no-repeat; padding:0 0 0 20px}

#mainContent .download_block li.image p{float:left}

#mainContent .download_block li.image img{margin:0 10px 0 0}

#mainContent .quote_green{color:#76D12B; font-weight: bold;line-height:1.3em}
#mainContent .quote_blue{color:#00ADEF; font-weight: bold;line-height:1.3em}
#mainContent .quote_pink{color:#D72571; font-weight: bold;line-height:1.3em}
#mainContent .quote_brown{color:#D1C32A; font-weight: bold;line-height:1.3em}
#mainContent .quote_grey{color:#6F828C; font-weight: bold;line-height:1.3em}

* html .clearfix{height:1%}
.clearfix{display:block}
 
  
 @media print{ #leftcol{display:none}

 
#rightcol{display:none}

#twocols, #mainContent{width:100%; float:none}
}