div#flexicontent
{
	margin-right: 17px;
}

div#flexicontent .clear
{ border: 0; clear: both; float: none; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; visibility: hidden;}

div#flexicontent .floattext:after /* ie fix in coditional comments (html source) */
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#flexicontent .floattext
{ display:block; /* safari */ }

/**
 * @section buttons
 *
 * print, pdf, ...
 */
div#flexicontent .buttons
{ float: right;
	margin-top: 12px;
	margin-bottom: 0;
}

div#flexicontent .buttons img
{ border: none; }

div#flexicontent .buttons a
{ padding: 0 0 0 5px; height: 16px; line-height: 16px; }


/**
 * @section headlines
 *
 */
div#flexicontent h2 {
	color: #000;
}

div#flexicontent h2, .contentheading_produits{
	color: #008db9;
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 3px;
}

div#flexicontent h2 img {
border: none;
}

/** 
 * @pagination css trick to center the div without having a fixed width
 * see http://www.cssplay.co.uk/menus/centered.html
 */
div.pagination {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: left;
	left: 50%;
}
div.pagination div.tab,
div.pagination div.page-block {
	position: relative;
	right: 50%;
}
div#flexicontent .pageslinks {
	text-align: center;
	margin-top: 15px;
	padding-top: 20px;
}

div#flexicontent .pagescounter {
	text-align: center;
}


/**
 * @section Categoryview
 *
 */
div#flexicontent .catimg {
margin: 0 0.5em 0.5em 0;
float: left;
position: relative;
}

div#flexicontent .catimg p {
font-size: 0.9em; line-height: 180%;
margin: 0 0 0.5em 0;
}

div#flexicontent .catdescription {
margin: 0 0 0.5em 0;
}

div#flexicontent .subcategories {
/* font-size: 1.2em; font-weight: bold; */
border-bottom: 2px solid #ddd;
padding:0.5em 0.3em; margin: 0.8em 0;
}

/**
 * @section FLEXIcontent Item
 *
 */
div#flexicontent .taglist {
margin: 5px 0 10px; padding: 0 5px;
}


/**
 * @section FLEXIcontent Table
 *
 */
div#flexicontent table.faqitemtable
{ margin: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; }

div#flexicontent table.faqitemtable th
{ background-color: #EFEFEF; color: #000; font-weight: bold; padding: 0.4em; text-align: left; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5;  }

div#flexicontent table.faqitemtable th img
{ margin: 0 0 5px 5px; vertical-align: middle; border: none; }

div#flexicontent table.faqitemtable td
{ padding: 0.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; vertical-align: top; }

div#flexicontent table.faqitemtable tr.sectiontableentry2 td
{ background: #F4F4F4; }

div#flexicontent table.faqitemtable tr:hover td
{ background: #F8F8F8 }

div#flexicontent table.faqitemtable th td #qf_title
{ text-align: left; width: 80%;  }

div#flexicontent table.faqitemtable th td #qf_votes
{ text-align: center; width: 10%;  }

div#flexicontent table.faqitemtable th td #qf_hits
{ text-align: center; width: 10%;  }


/**
 * @section flexicontent Table Filter Form
 *
 */
div.subcategorieslist {
margin: 0 0 1em 0;
}

div#fc_alpha {
margin: 0 0 1em 0;
}

div#flexicontent #fc_filter {
margin: 0 0 1em 0; padding: 0.5em;
border: solid 1px #ddd;
}

div#flexicontent .fc_fleft {
float: left;
}

div#flexicontent .fc_fright {
float: right;
}
div#flexicontent .fc_fright .filter {
margin-left: 10px;
}

/**
 * @section Edit Form
 *
 */

div.qf_edit form fieldset {
margin: 0 0 1em 0;
padding: 1em;
border: 1px solid #ddd;
}

    div.qf_edit form legend {
    padding: 0.3em;
    font-weight: bold;
    }

    div.qf_edit form label {
    width: 9em;
    margin: 0; padding: 0;
    float: left; display: block;
    vertical-align: top;
    }

    div.qf_edit form input,
    div.qf_edit form button,
    div.qf_edit form select,
    div.qf_edit form textarea {
    margin: 0 0 0.5em 0; padding: 0.2em;
    border: 1px solid #ddd;
    cursor: pointer;
    background-color: #fff;
    }
    
/** save buttons */
div.qf_save_buttons {
margin: 0 0 1em 0;
float: right;
}

    div.qf_save_buttons button {
    font-size: 1.5em;
    cursor: pointer;
    }
    
div.qf_box_left,
div.qf_box_right {
width: 45%;
float: left;
}

div.qf_box_right {
float: right;
}

/** rating bar **/
div#flexicontent .qf_ratingbarcontainer {
	border: 1px solid #999999;
	height: 10px;
	width: 60px;
	margin: 2px 2px;
	display: block;
}
div#flexicontent .qf_ratingbar {
	background-color: silver;
	height: 10px;
	display: block;
}

/** state toggler */
.qf_statetoggler{ 
	padding: 0;
	list-style: none;
	width: 10px;
}

.options {
	position: absolute;
}

.statetoggler li ul li {
	border: #ddd 1px solid;
	background-color: #ffffff;
	color: #000000;
	padding: 2px;
	list-style:none;
}

/* DIRECTORY VIEW */
div#flexicontent.directory .floattext h2 {
	background-color:#DDDDDD;
	border-bottom:0 none;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	margin:-3px 0 0;
	padding:1px 0;
	width: auto;
}

div#flexicontent.directory .floattext h2 a {
	border:2px solid #DDDDDD;
	color:#2C61A0;
	display:block;
	margin:0 -1px;
	padding:2px 0 1px 4px;
	position:relative;
}

div#flexicontent.directory .floattext ul {
	margin: 3px 0 7px;
	padding: 0 7px;
	list-style: none;
}

div#flexicontent.directory .column {
	float: left;
	margin-right: 5px;
}

/* Porfolio Template */
div.portfolio .column-left {
	float: left;
	width: 320px;
}
div.portfolio .column-right {
/* 	float: left; */
	margin-left: 330px;
}
div.portfolio .image {
	border: 1px solid #ccc;
	background: #eee;
	padding: 8px;
}

/* Default Template */
div.subtitle1 {
	display: block;
	margin: -12px 0 5px 0;
	overflow: hidden;
}
div.subtitle1 span.element {
	display: inline-block;
}

div.subtitle1 span.element {
	display: inline-block;
	text-align:center;
}


div.subtitle2 {
	display: block;
	margin: -1px 0 5px 0;
	overflow: hidden;
}
div.subtitle3 {
	display: block;
	margin: -1px 0 5px 0;
	overflow: hidden;
}
div.topblock {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
	vertical-align: top;
}

div.topblock .image {
	border: 1px solid silver;
	line-height: 0px;
	padding: 3px;
	float: left;
	margin: 5px 5px 5px 0;
}
div.topblock .image a {
	outline: none;
}
div.topblock .image img {
	border: 1px solid white;
}
div.topblock .infoblock {
	overflow: hidden;
}

div.infoblock {
	width: 167px;
	float: right;
	padding: 0;
	vertical-align: top;
	margin: 5px 0 10px;
}
div.infoblock ul {
	margin: 0;
	padding: 5px;
	background: #F7F7F7;
}
div.infoblock ul li {
	min-height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 10px;
}

div.label {
	float: left;
	color: #515151;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 12px;
}
div.value {
	float: left;
	color: #838383;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 12px;

}

div.onecols ul li {
	width: 100%;
}
div.onecols div.label {
	width: 25%;
	margin-right: 2%;
}
div.onecols div.value {
	width: 70%;
}

div.twocols ul li {
	width: 100%;
}
div.twocols div.label {
	width: 100%;
}
div.twocols div.value {
	width: 100%;
}


/* Favourites */
#fcfav {
	margin: 0px 6px 0 0;
	display: block;
	float: left;
	width: 16px;
}
#fcfav-reponse {
	display: block;
}
#favlink {
	outline: none;
}

/**
 * Comments for JComments only ;-)
 */
div.comments {
	margin-top: 30px;
	clear: left;
}
.comments #jc h4 {
	font-weight: bold;
	color: #008db9;
	margin-top: 0px;
	font-size: 14px;
}
.comments #comments a {
	color: inherit;
}
.comments #comments a:hover {
	color: #578E13;
}
.comments #comments div.comments-list {
	margin-left: 0;
}
.comments .rbox_tr,
.comments .rbox_tl,
.comments .rbox_t,
.comments .rbox_br,
.comments .rbox_bl,
.comments .rbox_b,
.comments .rbox_m {
	background: none;
	border: none;
}

.comments .rbox {
	border: 1px #ccc solid;
	background-color: #F7F7F7;
}
.comments .even .rbox {
	background: #fff;
}
.comments .odd .rbox {
	background: #f0f0f0;
}
.comments #comments-list-footer {
	margin: 0 0 10px 0;
}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {
	margin-left: 0px !important;
}
#comments-form #comments-form-message, #comments-inline-edit #comments-form-message {padding: 5px 5px 5px 25px;display: block;}
.comments-form-message-error {background: #FFD86F url(../images/error.png) no-repeat 4px 50%;}
.comments-form-message-info {background: #DFEEFF url(../images/information.png) no-repeat 4px 50%;}

/* Tab comments */
.comments .votes {
	margin-left: -4px;
}
.comments .favs {
	margin: 5px 0 15px;
}

/**
 * Tabs CSS
 * taken from the general.css in the backend
 */
dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

div.current dd {
	padding: 0;
	margin: 0;
}

#bottom-block {
	width: 373px;
	margin: 0 auto;
}

/**
 * blog block
 */
ul.leadingblock,
ul.introblock {
	margin: 0;
	padding: 0;
}

div.content ul.leadingblock li {
	padding: 0;
	background: none;
	width: 100%;
	min-height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 10px;
}
div.content ul.introblock li {
	padding: 0;
	background: none;
	width: 100%;
	min-height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 10px;
}
div.content ul.introblock.two li {
	width: 367px;
}
div.content ul.introblock.two li.odd {
	margin-right: 2Opx
}
div.content ul.introblock.four li {
	width: 172px;
}
div.content ul.introblock.four li.odd {
	margin-right: 20px
}
/**
 * Alphabetical index
 */
#fc_alpha {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}
#fc_alpha .letters {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
}
#fc_alpha .numbers {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
	clear: both
}
.fc_alpha_index {
	padding: 1px 3px;
	border: 1px solid silver;
	background: #efefef;
	text-decoration: none;
	margin-right: 2px;
	float: left;
	position: relative;
	right: 50%;
}
span.fc_alpha_index {
	color: silver;
}

/* MES CSS SUPPLEMENTAIRES */

#titraille_produits {
	padding: 0;
	margin: 0 0 15px;
}

div.description {
	width: 365px;
	margin: 5px 25px 0 0;
	padding: 0;
	vertical-align: text-top;
}

#filet {
	padding: 0;
	margin: -4px 0 0;
}

div .content .cartouche_une {
	background-image: url(../../../../images/fond/fond_cart_une.jpg);
	width: 740px;
	height: 265px;
}

div .content .titre_une {
	color: #008db9;
	font-size: 18px;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 20px;
}

div .content .texte_une {
	padding-top: 25px;
	padding-left: 20px;
	color: #414141;
	width: 95%;
	padding-right: 5px;
}

div .content .cartouche_deux {
	background-image: url(../../../../images/fond/fond_cart_deux.jpg);
	width: 362px;
	height: 220px;
}

div .content .titre_deux {
	color: #008db9;
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 20px;
}

div .content .texte_deux {
	padding-top: 10px;
	padding-left: 20px;
	color: #414141;
	width: 90%;
	padding-right: 5px;
}

div .content .cartouche_quatre {
	width: 165px;
}

div .content .titre_quatre {
	color: #008db9;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}

div .content .texte_quatre {
	padding-top: 10px;
	padding-left: 10px;
	color: #414141;
}

div#flexicontent .cartouche_suivant {
	background-image: url(../../../../images/fond/fond_bottom.png);
	width: 726px;
	height: 109px;
}

div .galerie_photo {
	width: 720px;
}

div .suite {
	margin-top: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #7e7e7e;
	border-bottom: 1px dotted #828282;
}

.accessoires_grand_titre {
	color: #008db9;
	font-size: 18px;
	font-weight: bold;
}

.accessoires_moyen_titre {
	color: #008db9;
	font-size: 16px;
	font-weight: bold;
}

.accessoires_petit_titre {
	color: #008db9;
	font-size: 12px;
	font-weight: bold;
}