html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #060606 url(images/body-bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 15px 0px;
}
body * {
	margin: 0px;
	padding: 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0;
	visibility: hidden;
}/*********************************************		Link Styles*********************************************/
a {
	color: #2e9cbd;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}/*********************************************		Text Elements*********************************************/
p, ul, ol, blockquote {
	color: #333;
}
ol, ul {
	margin: 5px 35px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #999;
}
img {
	border: 0px;
	background: none;
}
p {
	padding: 2px 0px 13px 0px;
	margin: 0px;
}
#content p, #content ol li, #content ul li {
	line-height: 18px;
}
hr.shadow {
	display: block;
	clear: both;
	border: none;
	background: url(images/bottom-shadow.gif) bottom center no-repeat;
	width: 980px;
	height: 8px;
}/*********************************************		Header Styles*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	font-size: 32px;
	line-height: 46px;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
	padding: 0px 15px;
	color: #060606;
}
h2 { /* This style used as header in the sidebars */
	font-size: 22px;
	color: #060606;
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-weight: normal;
}
h3 { /* This style used as the post titles on homepage/archive */
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #747474;
}
h3 a {
}
h3 a:hover {
	color:#069;
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #666;
	text-decoration: none;
}/*********************************************		The Obligatory WP Styles*********************************************/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 0px 8px 8px 0px;
}
.alignright {
	float: right;
	margin: 0px 0px 8px 8px;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}/*********************************************		Container Div*********************************************/
#container {
	background: #e7e7e7;
	text-align: left;
	margin: 0px auto;
	width: 980px;
	padding: 0px;
}/** Inner Page Style **/
#inner {
	width: 980px;
	background: #e7e7e7 url(images/columns-bgr.gif) repeat-y;
}/*********************************************		Header Styles*********************************************/
#header {
	background: #ff7d24 url(images/header.png) no-repeat;
	width: 980px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#header #title {
	display: block;
	float: left;
	width: 250px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}
#header #title a {
	display: block;
	width: 250px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	overflow: hidden;
}/*********************************************		Horizontal Navigaion Styles*********************************************/
#aban {
	float: left;
	font-size: 14px;
	width: 685px;
	height: 90px;
	margin: 20px 0px 8px 35px;
	padding:0px;
	letter-spacing: 1px;
	text-transform: lowercase;
	position: relative;
	z-index: 100;
}
#menu {
	float: left;
	font-size: 17px;
	width: 960px;
	height: 40px;
	line-height:40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	letter-spacing: 1px;
	text-transform: lowercase;
	position: relative;
	z-index: 100;
	background-color:#FFFFFF;
	
}



#menu a{
margin:0px 20px 0 15px;
position:relative;
line-height:40px;
font-size:12px;
text-transform:uppercase;
}

#menu a:hover{
color:#036;
text-decoration:underline;
}

#menu a.selected{
color:#036;
font-weight:bold;
}

#menu a.selected:hover{
text-decoration:none;
}



/*********************************************		Feature Styles*********************************************/
#feature {
	background: url(images/bottom-shadow.gif) bottom center no-repeat;
	width: 980px;
	height: 347px;
	margin: 0px;
	padding: 0px;
}
#feature #rotator {
	width: 625px;
	height: 315px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#feature #rotator img {
	width: 625px;
	height: 315px;
	margin: 0px;
	padding: 0px;
}
#latest {
	width: 295px;
	height: 265px;
	margin: 0px;
	padding: 25px 30px;
	float: right;
	background: #000 url(images/latest-bg.gif) repeat-x;
}
#latest h3 {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font-size: 20px;
	color: #FFF;
}

#latest p{
	margin:0;
	padding:20px 0 0 13px;
}
#latest p a{
	font-size:12px;
}
#latest p a span.data{
	font-family:Arial, Verdana; 
	font-size:9px; 
	text-transform:uppercase; 
	color:#666;
}

#latest p a:hover{
	color:#00E8FF;
}
#latest p a:hover span.data{
	color:#999;
}


/*********************************************		Top3 Styles*********************************************/
#top3 {
	margin: 0px;
	padding: 15px 10px 25px 10px;
	width: 960px;
	background: url(images/bottom-shadow.gif) bottom center no-repeat;
}
#top3 .post {
	display: block;
	float: left;
	margin: 0px 5px 10px 5px;
	padding: 15px;
	width: 278px;
	height: 260px;
	overflow: hidden;
	border: 1px solid #ACACAC;
	background: #FFF;
	display: inline;
}
#top3 .post h3 {
	font-family: Verdana;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 10px 0px;	/*color: #747474;  raff-mars10 */
	font-weight:normal;
}
#top3 .post h3 a {	/*color: #747474;  raff-mars10 */
	text-decoration: none;
}
#top3 .post img {
	/* width: 278px; */
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#top3 .post p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
	line-height:1.4;
}/*********************************************		Feedreader Styles*********************************************/
#feedr {
	margin: 0px 0px 25px 0px;
	padding: 15px 10px 25px 10px;
	width: 960px;
	background: #fff;
}
#feedr .feedreader {
	display: block;
	float: left;
	margin: 0px 5px;
	padding: 0px 15px 15px 15px;
	width: 278px;
	overflow: hidden;
	border: 0px solid #ACACAC;
	background: #FFF;
	display: inline;
}
#feedr .feedreader h3 {
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #747474;
}
#feedr .feedreader h3 a {
	color: #747474;
	text-decoration: none;
}
#feedr .feedreader .post img {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
#feedr .feedreader p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #747474;
}/*********************************************		Horizonal Widgets*********************************************/
#horizwidgets {
	margin: 0px;
	float:left;
	padding: 0px 10px 25px 0px;
	width: 960px;
	background: url(images/bottom-shadow.gif) bottom center no-repeat;
}
#horizwidgets .widget {
	display: block;
	float: left;
	margin: 0px 4px 10px 6px;
	padding:4px;
	width:300px;
	height: 250px;
	border: 1px solid #ACACAC;
	background:#ffffff;
	display: inline;
}
#horizwidgets .widget h3 {
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height: 46px;
	margin: 0px 0px 10px 0px;
	padding: 0px 15px;
	color: #2e9cbd;
	background: #000 url(images/filmstrip.gif);
}
#horizwidgets .widget p, #horizwidgets .widget .textwidget {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #747474;
}/*********************************************		Bottom Styles*********************************************/
#bottom {
	margin: 0px;
	padding: 15px 10px 0px 0px;
	width: 960px;
	float:left;
}
#bottom h3 {
	font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
		color: #2e9cbd;
}

#bottom #video {
	display: block;
	float: left;
	margin: 0px 5px;
	padding: 15px;
	width: 278px;
	height:260px;
	display: inline;
	border: 1px solid #ACACAC;
	background: #FFF;
}

#video h3 {
	font-family: Verdana;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 10px 0px;	/*color: #747474;  raff-mars10 */
	font-weight:normal;
	color: #2e9cbd;

}

#video p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
	line-height:1.4;
}

#video h3 a {	/*color: #747474;  raff-mars10 */
	text-decoration: none;

}


#bottom #video .videowrap {
	margin: 0px;
	padding: 0px;
	border: 3px solid #FFF;
}
#bottom #video object, #bottom #video embed {
	width: 278px;
	height: 242px;
	background: #FFF;
	margin: 0px;
	padding: 0px;
}
#bottom #about {
	display: block;
	float: left;
	margin: 0px 5px;
	padding: 0px;
	width: 320px;
	display: inline;
}
#bottom #about img {
	padding: 0px 10px 10px 0px;
}
#bottom #nav {
	display: block;
	float:left;
	margin: 0px 5px;
	padding: 0px;
	width:260px;
	display: inline;
}
#bottom #navwrap {
	/*background: #E7E7E7;
	margin: 0px;
	padding: 0px 30px 11px 30px;
	width: 555px;
	height: 320px;*/
}
#bottom #navcats {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}

#navcats .widget {
	float:left;
	padding:0px;
	margin:0px;
	width:260px;
	
}


#bottom #navsocial {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: left;
}


#bottom #navsocial .twitter {
	width:150px;
	height:35px;
	float:left;
}

/*********************************************		Content Div*********************************************/
#content {
	float: left;
	margin: 0px;
	padding: 25px 50px;
	width: 525px;
	display: block;
	border: 0px solid black;
	overflow: hidden;
}/*********************************************		Share Links Styles*********************************************/
#share {
	display: block;
	float: right;
	width: 125px;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	font-size: 11px;
	border-left: 1px solid #ccc;
	text-transform: uppercase;
}
#share a {
	color: #AAA;
	text-decoration: none;
}
#share a:hover {
	color: #333;
	text-decoration: none;
}
#share ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#share ul li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #EEE;
	line-height: 24px;
}
#share ul li.email {
	background: url(images/share/email_link.png) left 50% no-repeat;
}
#share ul li.print {
	background: url(images/share/print.gif) left 50% no-repeat;
}
#share ul li.comments {
	background: url(images/share/comments.png) left 50% no-repeat;
}
#share ul li.stumble {
	background: url(images/share/stumble.png) left 50% no-repeat;
}
#share ul li.digg {
	background: url(images/share/digg.gif) left 50% no-repeat;
}
#share ul li.delicious {
	background: url(images/share/delicious.gif) left 50% no-repeat;
}
#share ul li.facebook {
	background: url(images/share/facebook.gif) left 50% no-repeat;
	border: none;
}/*********************************************		Post Meta Styles*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px;
	color: #666;
	margin: 10px 0px 5px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px;
	color: #fff;
	margin: 10px 0px;
	padding: 10px;
	background: #D0D0D0;
}/*********************************************		Previous/Next Page Navigation*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px;
	float: left;
	text-align: left;
}
.nav-next {
	width: 249px;
	float: right;
	text-align: right;
}/*********************************************		Right Sidebar*********************************************/
#r_sidebar {
	display: inline;
	float: right;
	width: 355px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	display: block; /* floats are handled as block elements, this is to fix 							   a margin collapsing bug in IE */
}
#r_sidebar p {
	padding: 5px;
}
#r_sidebar img {
	text-align: center;
}
#r_sidebar img.ad {
	display: inline;
	margin: 0px 30px 30px 0px;
	padding: 0px;
}
#r_sidebar form {
	padding: 0px;
	margin: 5px;
}
#r_sidebar div.widget {
	clear: both;
	margin: 0px;
	padding: 30px 20px 0px 20px;
	background: url(images/sidebar-shadow.gif) top left no-repeat;
}
#r_sidebar ul {
	padding: 0px 0px 0px 0px;
}
#r_sidebar ul li {
	padding: 0px;
	margin: 5px;
}
#r_sidebar ul li a {
	color: #000;
	text-decoration: none;
}
#r_sidebar ul li a:hover {
	color: #666666;
	text-decoration: underline;
}
#r_sidebar ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}
#r_sidebar #latest {
	width: 295px;
	height: 265px;
	margin: 0px;
	padding: 25px 30px;
	float: left;
	background: #000 url(images/latest-bg.gif) repeat-x;
}
#r_sidebar #latest h3 {
	/*margin: 0px;
	padding: 15px 0px 0px 0px;
	font-size: 18px;
	color: #FFF;*/
}
#r_sidebar #video {
	display: block;
	float: left;
	width: 320px;
	display: inline;
}
#r_sidebar #video .videowrap {
	margin: 0px;
	padding: 0px;
	border: 3px solid #FFF;
}
#r_sidebar #video object, #r_sidebar #video embed {
	width: 314px;
	height: 242px;
	background: #FFF;
	margin: 0px;
	padding: 0px;
}/*********************************************		Comment Styles*********************************************/
#comments {
	padding: 8px;
}
#comments .even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}
#comments .odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}
#ithemes-contact-page-name, #ithemes-contact-page-website, #ithemes-contact-page-email, #ithemes-contact-page-form textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
}
#commentform textarea, #commentform input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
}/*********************************************		Footer Styles*********************************************/
#footer {
	margin: 0px 0px 0px 0px;
	padding: 20px;
	clear: both;
	text-align: left;
	font-size: 11px;
	height:30px;
}
#footer a {
	color: #000;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}/*********************************************		added Styles*********************************************/
#header-banner {
	margin-left:28px;
	width:685px;
	margin-right:3px;
	height:90px;
	float:left;
	margin-top:8px;
	color:#993300;
	border: 1px solid #FFF;
}
.cssnav {
	position: relative;
	background: url(images/abonner/abonner2.png) no-repeat;
	white-space: nowrap;
	display: block;
	width: 200px;
	height: 80px;
	margin: 0;
	padding: 0;
}
.cssnav a {
	display: block;
	color: #000000;
	width: 200px;
	height: 80px;
	display: block;
	float: left;
}
.cssnav img {
	width: 200px;
	height: 80px;
	border: 0
}
* html a:hover {
	visibility:visible
}
.cssnav a:hover img {
	visibility:hidden
}
.cssnav span {
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}


/*********************************************
Additional Styling for page without sidebars
*********************************************/

#content_full {
float: left;
margin: 0px;
padding: 25px 50px;
width: 90%;
display: block;
border: 0px solid black;
}

#inner_full {
background: #fff;
}

#content_full h1 {
font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
font-size: 14px;
line-height: 46px;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding: 0px 15px;
color: #FFF;
background: #000 url(images/filmstrip.gif) repeat-x;
}


#abo_wrap{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

#abo_header{
	background:url(images/abonnement/abo_header.jpg) no-repeat top left;
	height:180px;
	margin-bottom:30px;
}

#abo_form{
	float:left;
	width:500px;
}

#abo_right{
	float:right;
	width:191px;
}

#abo_footer{
	clear:both;
}

.abo_tel{
	font-size:16px;
	color:#F90;
}

.abo_tel, a.abo_tel{
	font-size:16px;
	color:#F90;
	text-decoration:none;
}

a:hover.abo_tel {
	text-decoration:underline;
}

#abo_right p{
	margin-bottom:20px;
}
#abo_right p i{
	color:#CCC;
	font-style:normal;
}



/*88888888888888888*/
/*88888888888888888*/
/*88888888888888888*/
/*88888888888888888*/
/*88888888888888888*/

#abo_wrap{
		font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		font-size:10px;
}

#abo_wrap h1{
	font-size:25px;
	font-weight:normal;
	border-bottom:1px solid #CCC;
	padding-bottom:20px;
	padding-top:20px;
	font-family:Boton;
}

#abo_wrap h2{
	font-size:14px;
	font-weight:normal;
	font-family:Boton;
}

#abo_wrap form{
	width:600px;
}


#abo_wrap dl {
	position: relative;
	width: 450px;
}
#abo_wrap dt {
	clear: both;
	float:left;
	width: 130px;
	margin:0;
	padding: 3px 15px 0 0;
	text-align: right;
	color:#999;
}
#abo_wrap dd {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#abo_wrap dd, #abo_wrap dt {
	margin-top:10px !important;
}

#abo_wrap input{
	width:200px;
font-size:12px;
padding:2px;
}



/*BUTTON*/

#abo_wrap .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#abo_wrap a.button {
    background: transparent url('images/abonnement/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#abo_wrap a.button span {
    background: transparent url('images/abonnement/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
#abo_wrap a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#abo_wrap a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

