/*
Theme Name: Magazine Basic
Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic
Description: Built for WordPress 3.3. A magazine style theme with a fully customizable layout. Theme options include site width, widgetized sidebars, header logo, multiple front page grid layouts, cuostm nav menus, post formats, Google Analytics, pagination, drop-down menus and tons more. Tested in Firefox, IE, Safari and Chrome. Fully optimized for search engine ranking. Translation ready. 100% valid xHTML. Designed by <a href="http://themes.bavotasan.com/">Themes by bavotasan.com</a>.
Version: 2.7.7
Author: c.bavota
Author URI: http://themes.bavotasan.com/
Tags: right-sidebar, left-sidebar, flexible-width, three-columns, two-columns, white, custom-header, theme-options, custom-background, custom-menu, threaded-comments, sticky-post, translation-ready

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* PERSONNALISATIONS */

sup { 

	valign: super; 
	font-size: 65%;
	line-height: 80%; 
	} 
	
	/* FIN PERSONNALISATIONS */
	
	
	/* CUSTOM CONTACT FORM */
	
	.ccf-form-wrapper .field {
	
	margin-bottom:24px;
	clear:none !important;
	
	}
	
	#archives-2 label.screen-reader-text {
		display:none;
	}
	
	#customcontactform {
	#	width: 60%;
	#	text-align:left;
	#	border:1px none #45272A;
	#	background-color:#EFEDF0;
	#	font-family:Verdana, tahoma, arial;
	#   height:30em;
	#}
	
	#upper-line {
		border: solid 1px #ff6600
	}
	
	
	#customcontactform {
		background: #eceaea;
		padding-bottom: 2em;
		padding-right: 2em;
		padding-left: 2em;
		border-bottom-left-radius: 0.75rem;
		border-bottom-right-radius: 0.75rem;
		line-height: 1.6;
		overflow: hidden;
		margin-bottom: 2rem;
		width:380px;
		position: relative;
		font-size: 0.875rem;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	}
	
	#customcontactform div {
	   /*padding:8px;
	   */
		margin:7px;
		margin-bottom:6px;
		background-color:inherit;
	}
	#customcontactform div div {
		margin:0;
		background-color:inherit;
		padding:0;
	}
	#customcontactform h4 {
		padding:5px;
		background-color:#55788c;
		margin:0;
		margin-left:-7px;
		margin-right:-7px;
		color:#ffffff;
		font-size:1.2em;
	}
	#customcontactform label {
		padding:0;
		background-color:inherit;
		margin:5px 5px 5px 0;
		display:block;
		color:#666;
		width:200px;
		font-size:1em;
	}
	#customcontactform div div input {
		margin-bottom:2px;
	   margin-top:30px;
		line-height:normal;
	}
	#customcontactform input[type=checkbox] {
		margin:0;
	}
	#customcontactform label.checkbox, #customcontactform label.radio, #customcontactform label.select {
		display:inline;
	}
	#customcontactform input[type=text], #customcontactform select {
	#	color:#333333;
	#	margin:0;
	#	width:200px;
	#	font-size:1em;
	#	background-color:#f5f5f5;
	#	border:1px solid #ccc;
	#}
	
	#customcontactform input[type=text], #customcontactform select {
		--nf-input-size: 1rem;
		--nf-input-font-size: calc(var(--nf-input-size)*0.875);
		--nf-small-font-size: calc(var(--nf-input-size)*0.875);
		--nf-input-font-family: inherit;
		--nf-label-font-family: inherit;
		--nf-input-color: #20242f;
		--nf-input-border-radius: 0.25rem;
		--nf-input-placeholder-color: #929292;
		--nf-input-border-color: #c0c4c9;
		--nf-input-border-width: 1px;
		--nf-input-border-style: solid;
		--nf-input-border-bottom-width: 2px;
		--nf-input-focus-border-color: #ff6600;
		--nf-input-background-color: #f9fafb;
		--nf-invalid-input-border-color: var(--nf-input-border-color);
		--nf-invalid-input-background-color: var(--nf-input-background-color);
		--nf-invalid-input-color: var(--nf-input-color);
		--nf-valid-input-border-color: var(--nf-input-border-color);
		--nf-valid-input-background-color: var(--nf-input-background-color);
		--nf-valid-input-color: inherit;
		--nf-invalid-input-border-bottom-color: red;
		--nf-valid-input-border-bottom-color: green;
		--nf-label-font-size: var(--nf-small-font-size);
		--nf-label-color: #374151;
		--nf-label-font-weight: 500;
		--nf-slider-track-background: #dfdfdf;
		--nf-slider-track-height: 0.25rem;
		--nf-slider-thumb-size: calc(var(--nf-slider-track-height)*4);
		--nf-slider-track-border-radius: var(--nf-slider-track-height);
		--nf-slider-thumb-border-width: 2px;
		--nf-slider-thumb-border-focus-width: 1px;
		--nf-slider-thumb-border-color: #fff;
		--nf-slider-thumb-background: var(--nf-input-focus-border-color);
		display: block;
		margin-top: calc(var(--nf-input-size)*1.5);
		line-height: 1;
		white-space: nowrap;
		--switch-orb-size: var(--nf-input-size);
		--switch-orb-offset: calc(var(--nf-input-border-width)*2);
		--switch-width: calc(var(--nf-input-size)*2.5);
		--switch-height: calc(var(--nf-input-size)*1.25 + var(--switch-orb-offset));
	
	
	}
	
	#customcontactform select {
		-moz-border-radius:0px;
		-khtml-border-radius:0px;
		-webkit-border-radius:0px;
		width:auto;
	}
	
	#customcontactform .submit, #customcontactform .ccf-submit-button {
	   /* display:block;
		float: right;
		*/
	#	margin-right: 7px;
	#	height : 1.5em;
		#background-color:#55788c;
		background-color:#ff6600;
	
	#	no-repeat top left;
	#	border:0;
	#	width:auto;
	#	height:30px;
	#	font-size:1.2em;
	#	font-weight:bold;
	
	
		border-style: none;
		color:white;
		font-weight:bolder;
		font-size:1.3em;
		cursor:pointer;
		display: inline-block;
		border-radius: 7px;
		top: 1em;
		right: 1em;
		font-weight: 500;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: pointer;
		margin-top:1em;
		font-weight:bold;
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-left:0.6em;
		padding-right:0.6em;
	
	}
	#customcontactform .reset-button {
		color:#333333;
		width:auto;
		height:30px;
		font-size:1.1em;
	}
	#customcontactform textarea {
		color:#333333;
		width:200px;
		margin:0;
		background-color:#f5f5f5;
		font-family:Verdana, tahoma, arial;
		height:5.5em;
		font-size:1em;
		border:1px solid #ccc;
	}
	
	/* "FIN" CUSTOM CONTACT FORM */
	
	
	.ccf-tooltip {display:none;}
	#.formleft {
	#	display: block;
	#	float : left;
	#}
	#.formright {
	#	display: block;
	#	float : right;
	#}
	.ccf-tooltip-full {
		display: block;
		width : 90%;
	}
	.expert {
		height: 60px;
	}

	.expert h4{
		line-height :0.1em;
		font-size : 1.2em;
		font-weight: normal;
		fon-family : Verdana, Trebuchet MS, Helvetica;
	}
	
	.expert img{
		float : left;
		border : 0px 0px 0px 0px;
	
	}
	
	.excerpt {
	/*	text-align : left;*/
	}
	
	
	select{
		margin-left : 10px;
		color: #8E8E8E;
	}
	
	/* Cette directive permet de réaligner bien sur la gauche le bouton "liste de pays" sur le formulaire des pages "S'inscrire" et "Page non-accessible" */
	
	select#ccf_field_dropdown-14 {
		margin-left: 0px;
	}
	
	option{
		color: #8E8E8E;
	}
	
	#informations_legales{
		color: #8E8E8E;
	}
	#infos_abonnement{
		color: #8E8E8E;
	}
	
	#search-2 input{
		color: #8E8E8E;
	}
	#jobmanlatestjobswidget-2 { /*ajout VB */
		color: #8E8E8E;
		}
	#jobmanlatestjobswidget-2 ul li:before { /*ajout VB */
		content : "• ";
		color: #8E8E8E;
		}
	#jobmanlatestjobswidget-2 p{ /*ajout VB */
		margin-left: 10px;
		}
	#recent-posts-2 ul li a:before { /*ajout VB */
		content : "• ";
		}
	#events-list ul li { /*ajout VB */
		color: #8E8E8E;
		}
	#events-list ul li:before { /*ajout VB */
		content : "• ";
		color: #8E8E8E;
		}
	.infolegales_lien_footer{
		float : right;
		margin-right: 20px;
	}
	
	/*fin mine*/
	
	
	/*cas particulier how to spend it*/
	#menu-item-13 a{
		/*color : #716954;*/
		color : #45272A;
	}
	#menu-item-13 a:hover{
		color : #FF6600;
	}
	
	/* fin cas particulier*/
	
	a {
		text-decoration: none;
		outline: none;
		color:#8E8E8E; /*edit vb*/
		}
		
		a:hover {
			text-decoration: underline; /*edit vb*/
	/*color:#CCCCCC; edit vb*/
			}
		
	img { 
		border: 0;
		}
	
	body {
		color: #45272A; /*edit vb*/
		 margin: 0 auto; 
		font-size: 14px; /*edit vb*/
		
	font-family: Arial, Verdana, Trebuchet MS, Helvetica, Arial,Helvetica,sans-serif; /*edit vb*/
		padding: 0; 
		background: #eee;
		position: relative;
		}
	
	h1, h2, h3, h4, h5, h6,
	h1 a, h2 a, h3 a, h4 a, h5 a {
		color: #45272A; /*edit vb*/
		/*font-family: Georgia, Times, serif;*/
	font-family: Helvetica, Arial,Helvetica,sans-serif;
		/*font-weight: normal;	*/
		font-weight: bold;
		}
	
/* Ajouts Samy 31 octobre 2024 */


@font-face {
	font-family: 'Journal';
	src: url('https://operationsfinancieres.com/wp-content/themes/magazine-basic/fonts/journal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#description {
	font-family: 'Journal', sans-serif;
}

#menu-of-menu-main, #menu-of-menu-main li, #menu-of-menu-main a {
	font-family: 'Journal', sans-serif;
}

#sidebar h2 {
	font-family: 'Journal', sans-serif;
}


@font-face {
	font-family: 'Formata';
	src: url('https://operationsfinancieres.com/wp-content/themes/magazine-basic/fonts/Formata.ttf') format('truetype') !important;
	font-weight: normal;
	font-style: normal;
}

#title h1 {
	font-family: 'Formata', sans-serif;
	font-weight: 800; /* Max available bold */
    text-shadow: 
        1px 0 #FF6600, 
       -1px 0 #FF6600, 
        0 1px #FF6600, 
        0 -1px #FF6600;
}

/* Title h2 ajouté le 12 mars 2025, police joufflue */

#title h2 {
	font-family: 'Formata', sans-serif;
	font-weight: 800; /* Max available bold */
    text-shadow: 
        1px 0 #FF6600, 
       -1px 0 #FF6600, 
        0 1px #FF6600, 
        0 -1px #FF6600;
}

/* Fin ajouts Samy 31 octobre 2024 */

	textarea {
		width: 97%;
		}
	
	.fl {
		float: left;
		}
		
	.fr {
		float: right;
		}
		
	.clear {
		clear: both;
		}
	
	blockquote {
		margin: 1em 2em;
		border-left: 1px dashed #999;
		padding-left: 1em;
		line-height: normal; 
		font-style: italic;
		}
	
	.entry table {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 1em 0;
	}
	
	.entry th {
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		background: #eee;
		border: 1px solid #ccc;
		text-transform: uppercase;
		padding: 6px;
	}
	
	.entry td {
		border: 1px solid #ccc;
		padding: 6px;
	}
	
	/* Header Elements */
	
	#header{
		background: #fff;
		float: left;
		width: 100%;
		}
	
	#headerad {
		margin: 24px 20px 16px;
		text-align: center;
		}
	
	#login {
		height: 16px;
		font-size: 12px;
		/*color: #fff;*/
		text-align: right;
		padding: 10px 20px 5px;
		/*border-bottom: 2px solid #AAAAAA;*/
		/*background: url(images/logo.png) repeat-x;*/
	/*background: #eee;*/
		}
		
	#login h1 a, .login h1 a {background-image: url(/wp-content/themes/magazine-basic/images/logo.png);}
	
		#login a {
			color:  #45272A; /*edit vb*/
			}
	
		#login a:hover {
			text-decoration: underline; /*edit vb*/
			}	
		#login ul {
			padding: 0;
			margin: 0;
			}
		
		#login ul li {
			display: inline;
			}
		
	.dot:before {
		content: url(images/greydot.jpg) " ";
		}
	
	#title {
		margin: 20px 16px 0;
		padding: 0;
		}
		
		#title h1,
		#title h2 {
			margin: 0;
			}
		
		#title a {
			font-size: 48px;
			color:#FF6600;
			line-height: 50px;
			}	
	
		#title.aligncenter {
			margin: 20px auto 0;
			text-align: center;
			}
			
		#title.fr,
		#description.fr {
			text-align: right;
			clear: right;
			}			
		
		#title a:hover {
			color: #FF6600;
			text-decoration: none;
	
			}
		
		.headerimage img {
			margin: 20px 16px 0;
			}
			
		.headerimage .aligncenter {
			margin: 20px auto 0 !important;
			}
			
	#description {
		font-size: 2em;//Edit vb
		/*font-style : italic;*/ //Edit vb
		margin: 0 16px 20px;
		padding: 0;
		clear: left;
		}
		
		#description.aligncenter {
			margin: 0 auto 20px;
			text-align: center;
			clear: both;
			}
		
	.main-navigation {
		margin: 0;
		float: left;
		clear: both;
		width: 100%;
		/*background: url(images/nav.png);*/
		position: relative;
		z-index: 1000;
		}
		
		.main-navigation a {
			color: #000;
			margin-right: 5px;
			
			}
			
		.main-navigation ul ul li {
			background: #fff;
			}
	
	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		margin-right : -2px;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	
	}
	.sf-menu ul li {
		width:			100%;
	
	}
	.sf-menu li:hover {
		/*visibility:		inherit;*/ /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
		/*mine*/
	/*font-family: 'Journal', Helvetica, Arial, sans-serif;*/
	font-size : 1.8em;
	font-weight : normal;
		padding: 0;
		margin: 0;
	color : #FF6600;
		/*fin mine*/
	}
	/*mine*/
	.sf-menu a:hover {
	color : #45272A;
	}
	/*mine*/
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			28px; /* match top ul list item height */
		z-index:		99;
	}
	
		.sub-navigation .sf-menu li:hover ul,
		.sub-navigation .sf-menu li.sfHover ul {
			top:			2.1em; /* match top ul list item height */
			left:			0;
		}
		
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	
	
	
	/*** DEMO SKIN ***/
	.sf-menu {
		float:			left;
		margin-bottom:	0;
	}
	.sf-menu a {
		border-right:	1px solid #fff;
		padding: 		7px 15px;
		text-decoration:none;
	}
	
	.sf-menu li li a {
		border: 0;
		}
	
	.main-navigation .sf-menu li:hover, .main-navigation .sf-menu li.sfHover,
	.main-navigation .sf-menu a:focus, .main-navigation .sf-menu a:hover, .main-navigation .sf-menu a:active {
		/*background:		#666;*/ /*edit vb*/
		outline:		0;
	}
	
	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			.90em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	
		.sub-navigation .sf-sub-indicator {
			background:	url(images/arrows-000000.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
			}
	
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.65em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	
		.sub-navigation a > .sf-sub-indicator {  /* give all except IE6 the correct values */
			top: .4em;
			background-position: 0 -100px; /* use translucent arrow for modern browsers*/
		}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
	
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	
		.sub-navigation .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; top: .65em; }
		.sub-navigation .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; top: .65em; }
	
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url(images/shadow.png) no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
					
	.sub-navigation {
		clear: both;
		border-bottom: 1px solid #888;
		float: left;
		width: 100%;
		padding: 5px 0 0;
		 z-index: 50;
		 position: relative;
		}
		
		.sub-navigation ul {
			margin: 0 0 0 8px;
			}
		
		.sub-navigation li {
			list-style-type: none;
			float: left;
			font-size: 12px;
			padding: 0 10px 0 0;
			text-transform: uppercase;
			margin: 0;
			line-height: 24px;
			background: url(images/blackdot.png) right 5px no-repeat;
			position: relative;
			}
		
		.sub-navigation li:last-child {
			background-image: none;
			}
		
		.sub-navigation a {
			color: #222;
			padding: 0 5px;
			}
			
			.sub-navigation a:hover {
				text-decoration: underline;
				}
				
			.sub-navigation ul ul a:hover {
				text-decoration: none;
				}
	
	.sub-navigation ul ul { margin: 0; }
	.sub-navigation ul ul li { background:#eee; margin:0; padding: 0; line-height: 14px;}
	.sub-navigation ul ul li a {  padding: 8px; font-size: 12px; }
	.sub-navigation ul ul li a:hover { background-color:#ddd; }
	.sub-navigation ul ul ul { top: 0 !important; }
	
	
	.sub-navigation li.nodot {
		background: none;
		z-index: -50;
		}
		
	.sub-navigation li.right-d {
		float: right;
		}
	
	/* Main Elements */
		
	#mainwrapper {
		float: left;
		padding: 15px 10px;
		margin: 0;
		border-top: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		background: #fff;
		}
	
	#sidebar {
		float: left;
		margin: 0 10px;
		padding: 5px 0 0;
		}
	#sidebar h2 { /* edit vb */
	color:#45272A;
	font-size:1.3em;
	
	}
	
	#secondsidebar {
		float: left;
		margin: 0 10px;
		padding: 5px 0 0;
		}
		
	.side {
		line-height: 20px;
		font-size: 18px;
		margin-bottom: 0;
		}	
		
	.side-widget {
		float: left;
		margin: 0 0 15px;
		padding: 0 10px 15px;
		/*background: url(images/bg-hatch.gif);*/ /*edit vb*/
		border: 1px solid #ddd;
		border-right-color: #ccc;
		border-bottom-color: #ccc;
		}
		
		.side-widget ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
			}
	
		.side-widget ul li {
			padding: 0;
			margin: 0;
			font-size: 13px;
			}
			
		.side-widget ul li {
			padding-left: 15px;
			margin: 2px 0;
			}
	
	
		
		.side-widget h2 {
			font-size: 14px;
			padding: 10px 0 5px;
			margin-top: 0;
			text-align: center;
			text-transform: uppercase;
			background: url(images/h2line.gif) repeat-x bottom;
			}
			
		.side-widget .storycontent {
			border-bottom: 1px solid #ddd;
			}
			
		.side-widget .noline {
			border-bottom: 0;
			}		
	
	.side-widget #s {
		margin-top: 15px;
		padding: 2px;
		width: 94%;
		}
	
	.storycontent {
		line-height: 18px;
		font-size: 14px;
		word-wrap: break-word;
		}
			
	.readmore {
		color: #cc0000;
		}
			
	#footer {
		clear: both;
		float: left;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		font-size: 11px;
		border-top: 1px solid #888;
		background: #fff;
		}
	
	/* Left Content Elements */
	
	#leftcontent {
		float: left;
		margin: 0 10px;
		padding: 0;
	
		
		}
	
		#leftcontent img {
			height: auto;
			}
	
		#leftcontent h5.latest {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			color: #FF6600; /*edit vb*/
			margin-bottom: 5px;
			font-size: 14px;
			font-weight: bold;
			}
	
		#leftcontent h1,
		#leftcontent h2,
		#leftcontent h3 {
			margin: 5px 0 0;
			padding: 0;
			/*font-size: 36px;
			line-height: 38px;*/
			/*font-size: 24px;*/
			font-size: 1em;
			line-height: 26px;
	
			}
	
		#leftcontent .entry h1 { font-size: 28px; line-height: 30px; }
		#leftcontent .entry h2 { font-size: 22px; line-height: 24px; }
		#leftcontent .entry h3 { font-size: 18px; line-height: 20px; }
		#leftcontent .entry h4 { font-size: 16px; line-height: 18px; }
		#leftcontent .entry h5 { font-size: 14px; line-height: 16px; }
		#leftcontent .entry h6 { font-size: 12px; line-height: 14px; }
	
		#leftcontent h1.catheader {
			color: #FF6600; /*edit vb*/
			margin-bottom: 15px;
			font-size: 24px;
			line-height: 28px;
			font-family: 'Formata', sans-serif; /*edit Samy*/
			font-weight: 500; /* Max available bold */ /*edit Samy*/
			text-shadow: /*edit Samy*/
			1px 0 #FF6600, /*edit Samy*/
		   -1px 0 #FF6600, /*edit Samy*/
			0 1px #FF6600, /*edit Samy*/
			0 -1px #FF6600; /*edit Samy*/

			}


			
		#leftcontent .twopost h2 {
			/*font-size: 26px;
			line-height: 28px;*/
			font-size: 1em;
			line-height: 1.1em;
			font-weight:bold;
			}
		
		#leftcontent .threepost h2 {
			font-size: 20px;
			line-height: 22px;
			}
		
		#leftcontent .postmetadata {
			clear: both;
			line-height: 14px;
			}
			
		#leftcontent .hentry .entry {
			font-size: 0.9em;   /*edit vb*/
			line-height: 1.6em;
	text-align: justify; text-justify: newspaper; /*ajout vb*/
			}
			
		#leftcontent .date {
			margin-bottom: 5px;
			font-style: italic;
			color: #888;
			}
			
		#leftcontent .meta {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #444;
			}	
			
		#leftcontent .catdesc {
			background: #f7f7f7;
			border: 3px double #ddd;
			padding: 0 10px;
			color: #666;
			font-size: 13px;
			line-height: 15px;
			margin-bottom: 10px;
			}
			
	/* This is your subtitle style */
	
	#leftcontent p.sub {
		font-size: 24px;
		line-height: 26px;
		font-weight: bold;
		font-style: italic;
		margin: 10px 0 0;
		}
	
	/* This is your blockquote style */
		
	#leftcontent .entry .pullquote {
		width: 250px;
		font-size: 24px;
		line-height: 26px;
		float: right;
		margin: 0 0 0 30px;
		padding: 0;
		font-style: italic;
		}
		
		#leftcontent .entry .pullquote p {
			padding: 0;
			margin: 0;
			}
	
	#leftcontent a.more-link {
		font-weight : bold; /* edit vb*/
	
		clear: both;
		width: 100px; /*edit vb*/
		/*text-align: center;*/ /*edit vb*/
		/*display: block;*/  /*edit vb*/
		color: #000; /*edit vb*/
		margin: 12px 0;
		/*background: #aaa;*/ /*edit vb*/
		padding: 0px 0px; /*edit vb*/
		font-size: 0.9em; /*edit vb*/
		/*line-height: 20px;*/
	line-height: 10px;
		}
		
		#leftcontent a:hover.more-link {
			text-decoration: underline;/*edit vb*/
			/*background:#aaa; edit vb*/
			}
	
	.tags a {
		color: #cc0000;
		}
		
	.ind-post, .hentry {
		float: left;
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
		word-wrap: break-word;
	/*text-align: justify; text-justify: newspaper; *//*ajout VB*/
	}
	
		.ind-post img {
			margin: 0px 10px 5px 0;		
			}
	
	#twocol {
		float: left;
		margin-bottom: 3px;
		padding: 10px 0 0;
		background: url(images/line.gif) repeat-y 50% 0;
		}
	
		#twocol img {
			margin: 0px 8px 5px 0;
			float : left;
			}
			
		#twocol hr.two {
			height: 0;
			border: 0;
			clear: both;
			border-bottom: 1px solid #eee;
			}
		
	.mainhr {
		float: left;
		background: #eee;
		clear: both;
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}	
		
	.twopost {
		width: 46%;
		float: left;
		word-wrap: break-word;
		border: 0;
		}	
	
		.twopost img,
		.threepost img,
		.twopost embed,
		.threepost embed {
			max-width: 100% !important;
			height: auto !important;
			}
	
		.twopost2, .twopost4 {
			margin-left: 7.5%;
			}
			
		.twopost3, .twopost4 {
			/*border-top: 1px solid #eee;
			padding-top:5px;*/
			border-top: 3px solid #CCCCCC;
			padding-top:5px;
			}
			
		.twopost1, .twopost3 {
			clear: left;
			}	
			
		#leftcontent .twopost .wp-caption,
		#leftcontent .threepost .wp-caption {
			max-width: 100%;
		}
		
			#leftcontent .twopost .wp-caption img,
			#leftcontent .threepost .wp-caption img {
				max-width: 94% !important;
				margin: 0;
				}	
			
	#threecol {
		float: left;
		background: url(images/line.gif) repeat-y 31.5% 0;
		margin-top: 3px;
		width: 100%;
		}
	
	#threecol2 {
		float: left;
		padding: 0;
		background: url(images/line.gif) repeat-y 67% 0;
		width: 100%;
	}
	
		#threecol img {
			margin: 0px 5px 5px 0;
			}
	
	.threepost {
		width: 29%;
		float: left;
		border: 0;
		border-top: 1px solid #eee;
		padding-top: 10px;
		word-wrap: break-word;
		}
	
		.threepost2, .threepost5 {
			padding: 10px 0 0;
			margin: 0 6%;
			}
			
		.threepost1, .threepost2, .threepost3 {
			border-top: 0;
			}
			
		.threepost1, .threepost4 {
			clear: left;
			}
	
	/* Pagination */	
		
	#pagination {
		margin: 20px 0;
		width: 100%;
		padding: 8px;
		font-size: 1em;
		line-height: normal;
		   clear: both;
		float: left;
		border: 0;
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}	
		
	#pagination a,
	#pagination span,
	#pagination .total-pages {
		   float: left;
		background: #fff;
		padding: 3px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		border: 1px solid #ccc;
		color: #666;
	}
	
	#pagination a:hover,
	#pagination span.current {	
		border: 1px solid #999;
		color: #444;
	}
				
	/* Other Elements */
	
	.red, .entry a {
		color: #FF6600; /*edit vb*/
		}
		
	#tagcloud {
		width: 80%;
		text-align: center;
		margin: auto;
		padding: 20px;
		}	
		
	#tagcloud a {
		color: #cc0000;
		}
	
	/* Comment Elements */
	.comment-notes { clear: both; }
	
	#postcomments {
		padding-top: 20px;
		}
				
		 h3#comments, #respond h3, h3#comments-title { color:#333; font:normal 24px/26px georgia,times,serif; margin: 10px 0 15px; clear: both; float: left; width: 100%; }
	
		 #respond p { font-size:11px; margin:0 0 1em; }	
	
		 ol.commentlist { list-style:none; margin:0; padding:0; float: left; }
	
		 ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px;  }
	
		.commentlist .even {
			background: #eee;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			}
	
		.commentlist .avatar {
			float: right;
			padding: 5px;
			border: 1px solid #ddd;
			margin: 0 20px 10px 10px;
			background: #fff;
			}
		
		.commentlist .comment-author {
			font-size: 12px;
			}
		
		.commentlist .comment-text {
			padding: 0 20px 0 0;
			}
		
		.commentlist .url {
			font-size: 16px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			}
	
		 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
	
		 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
	
		 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
	
		 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }
	
		 ol.commentlist ul.children li.odd { background:#fff; }
	
		 ol.commentlist ul.children li.even { background:#eee; }
	
	/* WordPress Required Elements */
	
	.aligncenter,
	div.aligncenter {
	   display: block;
	   margin: 5px auto;
	}
	
	.alignleft, div.alignleft {
	   float: left;
	   margin: 5px 15px 5px 0;
	}
	
	.content .storycontent .alignleft,
	.search .storycontent .alignleft,
	.archive .storycontent .alignleft { 
		margin-top: 0; 
		}
	
	.alignright, div.alignright {
	   float: right;
	   margin: 5px 0 5px 15px;
	}
	
	.alignnone {
		margin: 5px 0;
		}
	
	.wp-caption {
	   border: 1px solid #bbb;
	   text-align: center;
	   background-color: #ddd;
	   padding-top: 5px;
	   margin: 0;
	   /* optional rounded corners for browsers that support it */
	   -moz-border-radius: 3px;
	   -khtml-border-radius: 3px;
	   -webkit-border-radius: 3px;
	   border-radius: 3px;
	}
	
	.wp-caption img {
	   margin: 0;
	   padding: 0;
	   border: 0 none;
	}
	
	.wp-caption p.wp-caption-text,
	.gallery-caption {
	   font-size: 11px;
	   line-height: 14px;
	   padding: 5px;
	   margin: 0;
	}
	
	#today {
		color: #cc0000;
		}
	
	#wp-calendar {
		margin: auto;
		}
		
	.bypostauthor {}
	.sticky {}
	
			
	/* NEW POST FORMATS */
	
	.gallery-thumb img {
		margin: 10px 0 0;
		padding: 5px;
		border: 1px solid #bbb;
		background: #ddd;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;	
		width: auto\9; /* IE 8 Hack */
		}
		
		.twopost .gallery-thumb img,
		.threepost .gallery-thumb img {
			margin: 10px 0 0 !important;
			max-width: 90% !important;
			}
		
	.format-aside .entry p.excerpt { 
		padding-left: 30px;
		background: url(images/quotes.png) no-repeat top left;
		min-height: 30px;
		/*text-align : left; */ /*ajout vb*/
		}
	
	.format-audio .entry .pformat {
		padding-left: 38px;
		background: url(images/audio.png) no-repeat top left;
		min-height: 30px;
		display: block;
		}
		
	.format-link .entry a { 
		padding-left: 38px;
		min-height: 30px;
		display: block;
		background: url(images/link.png) no-repeat top left;
		font-size: 18px;
		line-height: 22px;
		}
		
	.format-image .entry {
		margin: 10px 0 0;
		}