body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding : 0;
}

h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}

ul {

}

address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
/**  supprime les bordures dans les tableaux  **/
table {
border-collapse : collapse;
border-spacing : 0;
}
/**  supprime les bordures dans les lments fieldset et img  **/
fieldset, img {
border : 0;
}
/**  aligne le texte  gauche dans caption et th  **/
caption, th {
text-align : left;
}
/**  supprime les apostrophes double (guillemets anglais) autour de q  **/
q:before, q:after {
content :'';
}
/**  supprime le souslignage des liens et les met en noir  **/
a {
text-decoration : none;
color: #220287;
}

/*****************************************

		SITE

******************************************/


body {
padding: 0;
margin: 0;
text-align:center;
/** background: #cab9a9 url(../images/bg.jpg) 0 0 repeat-x; **/
/** background: #cab9a9 url(../images/bg_no_flickr.gif) 0 0 repeat; **/

/** background: #ccc url(../images/bg_home.jpg) 0 0 repeat-x;; **/
/** background:transparent url(../images/header/bg-header-black.jpg) 0 0 repeat ; **/
/*background-color: #220287;*/
/*background-color: #E1CE9A;*/
background-color: #FFF;
}

/**		HEADER	**/

#header-site {
position: relative;
/** width:100%; **/
width:1080px;
height:30px;
border-bottom:1px solid #ccc;
/** background-color : #000000 ; **/
/** background-color: #220287; **/
/** background:transparent url(../images/header/bg_no_flickr.gif) 0 0 repeat-x ; **/
/** background:transparent url(../images/header/bg-header-black.jpg) 0 0 repeat-x ; **/

background-color: #220287;

text-align:left;
z-index:10;

position: absolute; width: 1080px; left: 50%; margin-left: -540px; top:0px;
}

#header-site .wrapper-site {
position:relative;
height:30px;
padding:0px 0 0 0;
}


/**	WEB 2	**/

#social-links {
float:right;
font-size:16px;
height:25px;
line-height:25px;
list-style:none;
margin:-2px 0 0 0 ;
}

#social-links li {
color:#676767;
float:left;
font-size:17px;
height:25px;
line-height:25px !important;
margin-left:5px;
vertical-align:middle;
}

#twitter, #blogger, #facebook, #rss, #linkedin, #myspace, #delicious, #flickr, #youtube, #vimeo, #yahoo {
background: transparent url(../images/social-links.png) 0 0 no-repeat;
float:left;
height:25px;
text-indent:-9999px;
width:26px;
}

#twitter {
background-position:-162px -25px;
}
#twitter:hover {
background-position:-162px 0;
}


#flickr {
background-position:-190px 0;
}
#flickr:hover {
background-position:-190px -25px;
}


#youtube {
background-position:-217px -25px;
}
#youtube:hover {
background-position:-217px 0;
}

#vimeo {
background-position:-244px 0;
}
#vimeo:hover {
background-position:-244px -25px;
}

#yahoo {
background-position:-271px 0;
}
#yahoo:hover {
background-position:-271px -25px;
}

#blogger {
background-position:-54px 0;
}
#blogger:hover {
background-position:-54px -25px;
}
#facebook {
background-position:-108px -25px;
}

#facebook:hover {
background-position:-108px 0;
}


#delicious {
background-position:-81px 0;
}
#delicious:hover {
background-position:-81px -25px;
}
#rss {
background-position:-135px -25px;
}
#rss:hover {
background-position:-135px 0;
}


#linkedin {
background-position: 0px 0;
}
#linkedin:hover {
background-position: 0px -25px;
}

#myspace {
background-position:-27px 0;
}
#myspace:hover {
background-position:-27px -25px;
}

#search {
float:right;padding-top:3px;
}

.search {
position:relative;
z-index:1;
}

#search .inputbox {
border:0 none !important;
height:12px;
padding:5px 20px 5px 10px !important;
width:134px;
font-size:95%;
background:transparent url(../images/header/bg-search-black.jpg) 0 0 no-repeat !important;
color:#888;
}

#search .inputbox:focus, #search .inputbox:hover {
color: #fff ;
}

#search .button {
position:absolute;
top:2px;
right:6px;
z-index:2;
}

#search label {
display:none;
}

#top_menu {
float:left;
}

#translate {
float:left;
margin-right:10px;
}
#jflanguageselection {
margin:0;
}
.rawimages {
margin-top: 0px;
}


.breadcrumb {
position:absolute;
bottom:-8px;
left:14px;
font-size:90%;
z-index:10;
}

/**		SITE		**/


.wrapper-site, .wrapper-site-content {
position:relative;
width:980px;
text-align:left;
margin: 0 auto;
padding:0;
}

.wrapper-site-content {
margin-top : 30px ;
margin-bottom : 30px ;
}

.yes-shadow {
/*

-moz-box-shadow:0px 12px 20px #444;
-webkit-box-shadow:0px 12px 20px #444;
box-shadow:0px 12px 20px #444;
*/

}

#header {
position:relative;
width:100%;
height:60px;
background-color: #220287;
/** background:transparent url(../images/header/logo_top.gif) 0 0 repeat-x ; **/
height:50px;
height : auto !important;
min-height:50px;
z-index:100;
}

#logo {
position:relative;
/** padding:10px 15px 8px 15px; **/
z-index:1;
}

#logo p {
margin:0;
}
#logo a, #logo a:hover {
text-decoration:none;
outline:none;
}

#menu {
position:absolute;
bottom:12px;
right:-10px;
z-index:100;
}

/**	Image	**/

#image {
position:relative;
background-color: #584737;
width:100%;
z-index:1;
}

#image p {
margin : 0;
}

/**		content area website		**/

#content-area {
position:relative;
clear : both;
padding:5px  10px 30px 10px;
/** background-color : #584737 ; **/
background: #FFF url(../images/BackContent.gif) 0 0 repeat !important;
z-index:1;
}

.left {
position:relative;
float:left;
width:180px;
margin: 14px 20px 0 10px;
z-index:1;
}

.left .moduletable, .left .moduletable_menu {
margin-bottom:25px;
}

#content {
position:relative;
overflow:hidden;
padding-top:14px;
z-index:1;
}

#main_component {
}

.right {
float:right;
width:180px;
margin: 0 10px 0 20px;mmm
}

.right {
/** background: transparent url(../images/bg_body_clouds.jpg) 0 0 repeat-y; **/

}
.Is_a_front
{
position: relative; top:-25px; /** NEW **/

}

.Is_an_article
{
position: relative; top:-25px; /** NEW **/
}

.right .moduletable {
position:relative;
z-index:1;
}

.right .moduletable, .right .moduletable_menu {
margin-bottom:25px;
}

.main-content {
position:relative;
overflow:hidden;
padding: 0 10px;
z-index:1;
}

/** users modules **/

#users_top, #users_bottom, #users_footer {
margin: 0;
padding: 0px 0 6px 0;
clear:both;
width: 100%;
}



#users_top {
background: transparent url(../images/bg_body_clouds.jpg) 0 0 repeat-y;
position: relative; top:-22px; /** NEW **/
}
#users_bottom {
padding:0px 0 0px 0px;
}
#users_footer {
padding:0px 0 2px 0px;
text-align:left;
}
.user1, .user4,.user7,.user20 {
float:left;
margin-right:14px;
padding-right:8px;
 
}



.user8,.user7 {

 border-right: 1px solid #e5e5e5; 
}
.user3, .user6, .user9 {
float:right;
margin-left:8px;
padding-left:14px;

}
.user2, .user5, .user8 {
position:relative;
overflow:hidden;
}
 .user4, .user5, .user6, .user7, .user8, .user9,user20 {
min-height:40px;
height:auto !important;
height:40px;
}
.user2,.user20 {width:22%; float:left;margin-left:22px;}
.user0{float:left; width:10px;}

.user1, .user2, .user20
{
/** background-color: #fafafa; **/
height:265px;
}

.user20 .moduletable
{
width:100%;
}
   .user20 .moduletable .content-module , .user20 .moduletable .content-module .vitrine_header, .user20 .moduletable .content-module .vitrine_header .vitrine table 
{
width:100%; text-align:center;

}


.user3 { height:250px;}
.user1 > div , .user2 > div , .user3 > div , .user4 > div, .user5 > div, .user6 > div, .user7 > div, .user8 > div, .user9 > div, .user20 > div {
padding:5px;
}

#users_top .moduletable, #users_bottom .moduletable, #users_footer .moduletable {
margin-bottom:0px;
}

/** Module class suffix	**/

.left .moduletable, .right .moduletable {
padding:10px;
}

.left .grey, .right .grey {
background: transparent url(../images/black-07.png) 0 0 repeat;
}

.user1 .grey, .user2 .grey, .user3 .grey, .user4 .grey, .user5 .grey, .user6 .grey, .user7 .grey, .user8 .grey, .user9 .grey, .user20 .grey {
background: transparent url(../images/black-07.png) 0 0 repeat;
padding:10px !important;
}

.left .light, .right .light {
background: transparent url(../images/white-04.png) 0 0 repeat;
}

.user1 .light, .user2 .light, .user3 .light, .user4 .light, .user5 .light, .user6 .light, .user7 .light, .user8 .light, .user9 .light, .user20 .light {
background: transparent url(../images/white-04.png) 0 0 repeat;
padding:10px !important;
}


.left .border, .right .border, .user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .border, .user20 .border {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
border:1px solid #666;
}

.user1 .border, .user2 .border, .user3 .border, .user4 .border, .user5 .border, .user6 .border, .user7 .border, .user8 .border, .user9 .border, .user20 .border {
padding:10px;
}

.user1 .border, .user2 .border, .user3 .border,
.user1 .light, .user2 .light, .user3 .light,
.user1 .grey, .user2 .grey, .user3 .grey {
padding-top:0 !important;
}

.user1 .border h3, .user2 .border h3, .user3 .border h3,
.user1 .light h3, .user2 .light h3, .user3 .light h3,
.user1 .grey h3, .user2 .grey h3, .user3 .grey h3 {
margin-top:8px;
}

.left .border table, .left .border table td, .left .border table th, .left .border ul,  .left .light ul,
.right .border table, .right .border table td, .right .border table th, .right .border ul, .right .light ul,
.user1 .border table, .user1 .border table td, .user1 .border table th, .user1 .border ul, .user1 .light ul,
.user2 .border table, .user2 .border table td, .user2 .border table th, .user2 .border ul, .user2 .light ul,
.user3 .border table, .user3 .border table td, .user3 .border table th, .user3 .border ul, .user3 .light ul,
.user4 .border table, .user4 .border table td, .user4 .border table th, .user4 .border ul, .user4 .light ul,
.user5 .border table, .user5 .border table td, .user5 .border table th, .user5 .border ul, .user5 .light ul,
.user6 .border table, .user6 .border table td, .user6 .border table th, .user6 .border ul, .user6 .light ul,
.user7 .border table, .user7 .border table td, .user7 .border table th, .user7 .border ul, .user7 .light ul,
.user8 .border table, .user8 .border table td, .user8 .border table th, .user8 .border ul, .user8 .light ul,
.user9 .border table, .user9 .border table td, .user9 .border table th, .user9 .border ul, .user9 .light ul
.user20 .border table, .user20 .border table td, .user20 .border table th, .user20 .border ul, .user20 .light ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}

.user7 .moduletable > div, .user8 .moduletable > div, .user9 .moduletable > div, .user20 .moduletable > div {
position: relative;
}


/**  ARTICLE  JOOMLA **/

.contentdescription {
margin-bottom:20px;
}
.leading {
position: relative;
}
.blog .leading {
padding: 0 0 40px 0;
}
.leading_separator {
display: block;
height: 10px;
}
.article_separator {
display: none;
}
.blog { 
padding: 0;
}
.cols1 {
display: block;
float: none !important;
margin: 0 !important;
}
.cols2 {
width: 47%;
}
.cols3 {
width: 30%;
}
.column1, .column2 {
margin: 0 5% 0 0;
position: relative;
float: left;
}
.column2 {
margin : 0;
}

.column3 {
margin: 0 0 0 5%;
position: relative;
float: right;
}

.article_row {
margin: 0px 0 0px 0;
padding: 0;
overflow: hidden;
}
.article_column {
padding: 10px 0px 10px 0px;
}
.row_separator2 {
display: block;
clear: both;
margin: 0;
border: solid 0px;
}
.article-tools {
display:block;
float:left;
margin:-20px 10px 0 0;
background-color:transparent;
}
.article-meta {
padding:5px;
}

.article-link {
display:block;
float:right;
margin: -14px 0 0px 0;
}
.link-section {
display:block;
float:right;
text-align:right;
line-height:16px;
font-size:10px;
}
.buttonheading {
display:block;
float:right;
margin: 6px 10px 0 10px;
text-align:right;
line-height:16px;
font-size:10px;
}

.blog .buttonheading {
margin-top: 9px;
}

.buttonheading img:hover {
-moz-transform: rotate(8deg);  
-webkit-transform: rotate(8deg); 
}
.articleinfo {
margin-top:-8px;
}
span.modifydate {
}
a.readon, a.readmore-link {
display:block;
}
a.comments-link{display:none;}

p.pageinfo, p.iteminfo {
margin : 0px 0;
}


p.pageinfo , p.iteminfo, p.iteminfo createdate, p.iteminfo createby  {
line-height:13px;
font-size:85%;
margin : 0;

}


p.articleinfo, p.articleinfo createdate,  p.articleinfo createby {
line-height:13px;
font-size:100%;
margin : 0;

}


.createdate {
display:block;
line-height:16px;

}
.createby {
line-height:16px;

}

p.pageinfo {
color:#220287;
font-weight:bold;
margin-top:-15px;
}

.text-article {
/** margin : 10px 0 0 10px; **/
margin : 10px 0 0 0;
/**  text-align:justify;   **/
}
.text-article p {

/**  text-align:justify;   **/
}


/**  BOTTOM  SITE	**/

#footer {
position: relative;
clear:both;
z-index:2;
background-color: #220287; //#cab9a9;
}

#footer .wrapper {
}

#address {
text-align:center;
margin:0px auto 40px auto;
padding-top:20px;
width:90%;
}


#address p {
text-align:center;
text-transform:uppercase;
margin: 0px;
}

#bottom_menu {
}


/**  OTHERS  	**/

.clr {
clear:both;
}

/**	JS	**/

.js {
clear:both;
padding:15px 0;
margin:0 auto;
text-align:center;
height:15px;
width:219px;
}

#jslink {
float:left;
text-indent:-9999px;
height:15px;
width:219px;
background : transparent url(../images/js.png) 0 0 no-repeat;
}


/**	BLOG LIST	**/
table.category {
width:100%;
margin-top:6px;
}
.sectiontableheader {
background: transparent url(../images/white-04.png) top left repeat;
padding:8px 5px;
}
.sectiontableheader a {
text-transform:uppercase;
color: #444;
text-decoration : none;
}
tr.sectiontableentry1 td {
background-color : transparent;
border-bottom: 1px dotted #695542;
padding:8px 5px;
}
tr.sectiontableentry2 td {
background: transparent url(../images/white-04.png) top left repeat;
border-bottom: 1px dotted #695542;
padding:8px 5px;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background: transparent url(../images/white-07.png) top left repeat;
border-bottom: 1px dotted #695542;
}
tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
text-decoration : none;
}
/**	FORMULAIRE	**/
.inputbox {
background: transparent url(../images/white-04.png) top left repeat !important;
border:1px solid #555 !important;
border-color:#555 #444 #444 #555 !important;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin:0;
color:#000;
}
.inputbox:hover, .inputbox:focus {
background: transparent url(../images/white-07.png) top left repeat !important;
border-color: #444 #555 #555 #444 !important;
}
input, select, textarea, .inputbox {
font-size:100%;
padding:3px 3px !important;
}
/**  OTHERS  	**/
.clr {
clear:both;
}


/**	Polls	**/
.pollstableborder {
margin: 10px 0;
}
.pollstableborder tr {
display:block;
padding: 5px 0;
}
.pollstableborder tr .sectiontableentry1, .pollstableborder tr .sectiontableentry2 {
display:inline-block;
margin-right: 5px;
text-align:left;
}
/**	Virtuemart	**/
.cbContainer {
z-index:9999999;
}
.cbBox h3 {
color : #000;
line-height:13px;
}
.vmCartContainer, .vmCartContainer .inputbox, .vmCartContainer .inputbox:hover, .vmCartContainer .inputbox:focus {
color:#000;
}

/**	nivo slider	**/
.slider, .nivoSlider {
margin:0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
overflow:hidden;
}
body .ari-image-slider-wCtrlNav {
margin-bottom:0px;
}



/**		pagination	**/

.blog_more, .blog_more_small {
margin:10px 0;
/* border-bottom:1px dotted #695542;
border-top:1px dotted #695542;
*/

}

.blog_more h2, .blog_more_small h2 {
color:#000;
font-size:115%;
font-weight:bold;
margin:0;
padding:5px;
border:none;
background-image:none;
background-color: transparent;
}


p.counter {
float:right;
margin: 0 0 14px 0;
}

/**		search form		**/

#searchForm {
margin:20px 0;
}

#searchForm table {
margin-bottom: 15px;
}

#searchForm td {
padding:5px 0;
}

a.blogsection
{
color:#220287;
}

a.blogsection:hover, a.banner_link:hover
{
color:#0000ff;
}

a.banner_link
{
color:#000000;
}

div.componentheading_video
{

}

#fscroller{height:190px;}     /** pour eviter les sauts lors des transitions  **/

.article_column  .buttonheading,.leading_small .buttonheading { display:none;
} /**  ne pas voir les boutons imprimer et autres sur l'accueil **/



table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.contentpaneopen, table.contentpaneopen_small {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contentpaneopen td,table.contentpaneopen_small td, table.contentpane td {
}

table.contentpaneopen, table.contentpaneopen_small, table.contentpane, table.blog {
	width: 100%;
}


th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	padding: 10px 5px;
	background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}


 .small {
	color: #666666;
	font-size: 92%;
}

span.pagenav, .pagenavbar {
	padding-left: 14px;
}
 .pagenavcounter {
	padding: 8px 14px 0 14px;
} 
p.counter{
	display:none;
}

.clear
{
display:none;
}
 .user7
{
padding-left:0px; margin-left:-13px;
}

.right .moduletable h3.module, .user3 .moduletable h3.module, .user1 .moduletable h3.module, .user2 .moduletable h3.module, .user20 .moduletable h3.module
{
background:transparent url(../images/blue_sky.jpg) 0 0 no-repeat ;
}

.content-module div.aufil_du_temps
{
padding-left: 10px;
}

.vdo
{
margin-bottom:10px;
}

#bottom_menu a
{
color:#cecece;
}

#bottom_menu
{
color:#cecece; 
border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

}


.contentdescription {
	padding-bottom: 30px;
}

table.contentpaneopen td,table.contentpaneopen_small td, table.contentpane td {
}

table.contentpaneopen, table.contentpaneopen_small, table.contentpane, table.blog {
	width: 100%;
}




div.vitrine_header {display:block; width:200px; position:relative}

div.vitrine_header div.componentheading_video{}
div.vitrine_header div.videolist_4, div.vitrine_header div.videolist_3, div.vitrine_header div.videolist_2  {display:none;}

div.vitrine_header div.vitrine{display:block; width:200px; z-index:5; text-align:center;}
div.vitrine_header div.vitrine hr, div.vitrine_header div.vitrine table tr td hr {display:none;}


.user20 div.vitrine_header, .user2 div.vitrine_header, .user1 div.vitrine_header, .user3 div.vitrine_header {
margin-left:15px;
}



.audio_0, .audio_1 {
font-size: 8pt;
font-weight: normal;
text-decoration:none;
    
    color: #000;}
.audio_1 {
background: #f3f8fc;
}

.audio_liste
{
width:100%;
margin-left:8px;
}

div#phocagallery
{
margin-left:60px;
}

.hasTip
{
display:none;
}



/** nav.css begin **/

/**	TOP MENU		**/

#top_menu .moduletable {
margin:0;
}
#top_menu li {
margin:0 8px 0 0;
padding:0;
float:left;
position:relative;
list-style : none;
height:22px;
background: transparent url(../images/header/bg-top-menu-right-black.jpg) 100% -40px no-repeat;
}

#top_menu li.active, #top_menu li:hover {
background: transparent url(../images/header/bg-top-menu-right-black.jpg) 100% 0 no-repeat;
}

#top_menu li a, #top_menu li span.separator {
display:block;
float : none !important;
float : left;
position:relative;
z-index:1000;
text-decoration:none;
/**	change	**/
text-transform: none;
font-weight:normal;
font-size:90%;
text-align:left;
height:19px;
padding: 3px 15px 0px 15px;
color:#fff090;
background: transparent url(../images/header/bg-top-menu-left-black.jpg) 0 -40px no-repeat;
}

#top_menu li.active a, #top_menu li:hover a {
background: transparent url(../images/header/bg-top-menu-left-black.jpg) 0 0 no-repeat;
color: #ddd ;
text-decoration: none;
}


/* 
*	submenu (left or right)
*/
.submenu ul {
margin:0px 0 0px 0;
padding:0;
}
.submenu li {
display:block;
border:none;
margin:0 0 7px 0;
}
.submenu li a, .submenu li span.separator {
display:block;
background: transparent url(../images/white-10.png) top left repeat;
color:#ccc;
font-size:95%;
text-transform: uppercase;
text-shadow: none;
font-weight: normal;
line-height:12px;
margin:0;
padding: 7px 7px 7px 7px;
text-decoration:none;
}

.submenu li a:hover, .submenu li.active a, .submenu li span.separator:hover, .submenu li.active span.separator {
background: transparent url(../images/black-25.png) top left repeat;
color:#fff;
}
.submenu a:hover {
text-decoration:none;
}
.submenu ul ul {
margin: 0;
}
.submenu li li {
margin: 0px;
}

.submenu li li a, .submenu li li span.separator,
.submenu li.active li a, .submenu li.active li span.separator {
font-size:100%;
text-transform: none;
font-weight: normal;
color:#aaa;
line-height:100%;
background: transparent url(../images/puce-link.png) 5px 11px no-repeat;
padding-left:16px;
}
.submenu li li a:hover li a, .submenu li li.active li a {
color:#aaa;
}
.submenu li li a:hover, .submenu li.active li.active a, .submenu li li span.separator:hover {
color:#fff;
background: transparent url(../images/puce-link.png) 5px 11px no-repeat;
}
.submenu ul ul ul {
margin: 0 0 0 20px;
}
.submenu li li li a {
font-size:95%;
text-transform: none;
font-weight: normal;
color:#aaa;
background-image:none;
text-indent:0;
border:none;
}

.submenu li li li a:hover, .submenu ul li.active li.active li.active a {
color:#fff;
background-image: none;
border:none;
}
.submenu li li a:hover li a, .submenu li.active li.active li a, .submenu li li span.separator:hover li a, 
.submenu li li a:hover li span.separator, .submenu li.active li.active li span.separator, .submenu li li span.separator:hover li span.separator {
color: #aaa;
background-image: none;
border:none;
}

#footer .submenu li a, #footer .submenu li span.separator {
background: transparent url(../images/white-10.png) top left repeat;
color : #666;
}

#footer .submenu li a:hover, #footer .submenu li#current a, #footer .submenu li.active a,
#footer .submenu li span.separator:hover, #footer .submenu li#current span.separator, #footer .submenu li.active span.separator {
background: transparent url(../images/black-10.png) top left repeat;
color : #eee;
}


/**	BOTTOM MENU		**/
#bottom_menu {
display:block;
list-style: none;
text-align:center;
/**	change	**/
width:100%;
margin: 12px auto 0 auto;
padding:6px 0 30px 0;
clear:both;
}

#bottom_menu li{
margin:0;
padding:0;
display:inline;
list-style : none;
/**	change	**/
}
#bottom_menu li a, #bottom_menu li span.separator {
text-decoration:none;
/**	change	**/
text-transform: none;
font-weight:normal;
color:#666;
font-size:90%;
text-align:left;
padding: 0px 0 0 18px;
margin: 0 0 0 18px;
line-height:20px;
}
#bottom_menu li:first-child a {
background-image: none;
padding: 0px;
margin: 0;
}
#bottom_menu li a:hover, #bottom_menu li.active a {
color:#444;
text-decoration: underline;
}

/** nav.css end **/






/** templates.css begin **/

/*
*		JoomSpirit CSS file for typo
*/
body {
font-family: Tahoma, helvetica neue, helvetica, sans-serif;
color:#000;
line-height: normal;
}

p {
margin: 8px 0 14px 0;
}

strong, bold {
font-weight:bold;
}


/**		LOGO		**/

.logo-text {
display:block;
padding:20px 15px 18px 15px !important;
color:#fff090;
font-family: georgia, times, verdana, sans-serif;
text-transform: none;
letter-spacing: 0px;
font-weight:normal;
font-size:32px;
line-height:32px;
}
.logo-text span.slogan {
font-family: arial, verdana, sans-serif;
font-size:14px;
line-height:15px;
font-weight:normal;
color:#bbb;
margin-left:7px;
margin-top:6px;
}


/**		TITLE		**/

h1, h2, h3, h4 {
text-decoration: none;
text-transform:none;
font-weight:normal;
padding:8px 0 4px 0;
}
h1, .componentheading, .contentheading, .contentheading_small {
display: block;
font-size: 200%;
font-weight:normal;
line-height:26px;
padding: 0px 10px 2px 0px;
margin: 0px 4px 16px 0;
letter-spacing:0px;
color:#000;
}


h1, .componentheading, .contentheading, .componentheading, .componentheading_small, .componentheading_video, .componentheading_audio, h1.componentheading, .componentheading, h1.componentheading_small, .componentheading_small {
font-family: Arial, Helvetica, sans-serif;
display: block;
	font-size: 130%;
	font-weight: bold;
padding: 5px 0 10px;
	margin: 0 0 5px;
color:#000;
}


h1 a {
color:#fff;
text-decoration: none;
}
h1 a:hover {
color:#fff;
text-decoration: none;
}
h1 span, h1 a span, h1 a:hover span {
color:#000;
}
h2 {
font-size:130%;
line-height:20px;
padding:8px 0 4px 0;
margin-bottom:8px;
color:#fff;
font-weight:normal;
text-transform:none;
}
 h2.contentheading {
background-image:none;
border-top:1px dotted #555;
/** border-bottom:1px dotted #555; **/
font-size:100%;
font-weight:bold;

padding: 4px 0 4px 8px;
height:60px; /** la hauteur garantie et fixe **/
background-color:#fafafa;
background-color:#d9e9e9;

}

h2.contentheading_small {
background-image:none;
border-top:1px dotted #555;

font-size:120%;
font-weight:bold;

padding: 4px 0 4px 0px;
height:60px; 
background-color:#d9e9e9;

background: transparent url(../images/titre.jpg) 0 0 repeat-x;
line-height:1.3em;
font-family: Arial Narrow;
}






h2 a {
color:#fff;
text-decoration: none;
}
h2 a:hover {
text-decoration: none;
color:#fff;
}

h2.contentheading_small a, h2.contentheading a {
color:#fff;
}

h3 {
font-size:105%;
line-height:16px;
font-weight:bold;
text-transform:none;
}
h4 {
font-size:110%;
line-height:16px;
font-weight:normal;
text-transform:none;
}
h5 {
font-size:100%;
line-height:16px;
font-weight:normal;
text-transform:none;
}

/**		modules		**/

.left h3, .right h3, .user1 h3, .user2 h3, .user3 h3, 
.user4 h3, .user5 h3, .user6 h3, .user20 h3 {
margin-bottom:8px;
padding: 4px 0 9px 0;
font-weight:bold;
font-variant : small-caps ;
letter-spacing:0px;
font-size:115%;
line-height:14px;
color:#220287; //#aaa;
border-bottom: 1px dotted #666;
}
.left h3, .right h3, .user1 h3, .user2 h3, .user20 h3, .user3 h3
{
text-align:center;
}

 .user7 h3, .user8 h3, .user9 h3 {
margin-bottom:8px;
padding: 4px 0 9px 0;
font-weight:bold;
font-variant : small-caps ;
letter-spacing:0px;
font-size:120%;
line-height:14px;
color:#fff;
/** border-bottom: 1px dotted #666; **/
}
.bg-user-footer-h3 {
position:absolute;
top:9px;
left:0;
height:2px;
width:100%;
/** background: transparent url(../images/underline-footer-h3.png) 0 50% repeat-x; **/
z-index:-1;
}


.user7 h3, .user8 h3, .user9 h3 {
border-bottom : none;
/** background-color: #cab9a9; **/
background-image: none;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}

.user7 h3 {

padding-left: 15px;

}

.left h3 span, .right h3 span, .user1 h3 span, .user2 h3 span, .user3 h3 span, 
.user4 h3 span, .user5 h3 span, .user6 h3 span, .user7 h3 span, .user8 h3 span, .user9 h3 span, .user20 h3 span {
}



/**			LINK		**/
a {
color: #220287;
text-decoration : none;
}
a:hover {
color: #220287;
text-decoration : underline;
}
a:active, a:focus {
outline:none;
}
.link a, .link span.separator {
display:inline-block;
background: transparent url(../images/puce-link.png) 0 9px no-repeat;
padding:2px 0 2px 14px;
line-height:15px;
text-decoration:none;
}

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

.user7 a, .user8 a, .user9 a {
color: #fff ;
}

.user7 a:hover, .user8 a:hover, .user9 a:hover {
color: #fff090;
}

.user7 .link a:hover, .user8 .link a:hover, .user9 .link a:hover {
text-decoration:none;
}


li span.separator {
cursor:default;
}

/** 	Pathway	 **/
.breadcrumb a, .breadcrumb {
color:#ddd;
text-decoration:none;
}
.breadcrumb a:hover {
color:#220287;
text-decoration:none;
}
/** 	List   **/




.text-article ul,  ul.normal, ul.check, ul.arrow, ul.normal_green, ul.check_green, ul.arrow_green, ul.circle, ul.circle_red,
ul.normal_red, ul.check_red, ul.arrow_red, ul.normal_white, ul.check_white, ul.arrow_white, ul.circle_white  {
margin: 10px 0 16px 6px;
padding-left:0;
}
.text-article ul li, .normal li, .check li, .arrow li, .normal_red li, .check_red li, .arrow_red li, .circle li,
.circle_red li, .normal_white li, .check_white li, .arrow_white li, .circle_white li  {
background: url(../images/list_circle_white.png) 0 0px no-repeat;
padding-left: 21px;
list-style:none;

margin:5px 0;
}


.text-article ul ul, ul.normal ul, ul.check ul, ul.arrow ul, ul.normal_red ul, ul.check_red ul, ul.arrow_red ul, ul.circle ul, 
ul.circle_red ul, ul.normal_white ul, ul.check_white ul, ul.arrow_white ul, ul.circle_white ul {
margin-left: 0px;
margin-top:4px;
padding-left:0;
}
.text-article ul li li, .normal li li, .check li li, .arrow li li, .normal_red li li, .check_red li li , .arrow_red li li , .circle li li, 
.circle_red li li, .circle_white li li, .check_white li li, .arrow_white li li, .normal_white li li  {
background: url(../images/list_circle_white.png) 0 0px no-repeat;
padding-left: 18px;
list-style:none;
margin:5px 0;
}

.normal li {
background: url(../images/list_normal_white.png) 0 0px no-repeat !important;
}
.check li {
background: url(../images/list_check_white.png) 0 0px no-repeat !important;
}
.arrow li {
background: url(../images/list_arrow_white.png) 0 0px no-repeat !important;
}
.circle li {
background: url(../images/list_circle_white.png) 0 0px no-repeat !important;
}
.normal_red li {
background: url(../images/list_normal_red.png) 0 0px no-repeat !important;
}
.arrow_red li {
background: url(../images/list_arrow_red.png) 0 0px no-repeat !important;
}
.check_red li {
background: url(../images/list_check_red.png) 0 0px no-repeat !important;
}
.circle_red li {
background: url(../images/list_circle_red.png) 0 0px no-repeat !important;
}

ol {
margin: 5px 0 0 6px;
background-color: transparent;
padding: 0 0 0 20px;
}
ol li {
margin: 0;
padding: 1px 5px;
font-weight: normal;
}

ul li > h2, ul li > h3, ul li > h4 {
margin-top : 0;
padding-top:0;
}

/*
*	Quotation
*/

blockquote, cite {
font-style:italic;
font-size:115%;
line-height:130%;
word-spacing:2px;
}

blockquote.black, blockquote.red, blockquote.green, blockquote.pink, blockquote.white, blockquote.blue {
margin: 10px 30px 10px 30px;
padding: 10px 35px 10px 35px;
border: none;
background: url(../images/quote_black.png) 0 5px no-repeat;
text-align:justify;
font-style:italic;
font-size:105%;
}
blockquote.red {
background: url(../images/quote_red.png) 0 5px no-repeat;
}
blockquote.green {
background: url(../images/quote_green.png) 0 5px no-repeat;
}
blockquote.pink {
background: url(../images/quote_pink.png) 0 5px no-repeat;
}
blockquote.white {
background: url(../images/quote_white.png) 0 5px no-repeat;
}
blockquote.blue {
background: url(../images/quote_blue.png) 0 5px no-repeat;
}
blockquote.black p , blockquote.red p, blockquote.green p, blockquote.pink p, blockquote.white p, blockquote.blue p {
margin: 0px -35px -10px 0px;
padding: 0px 35px 10px 0px;
background: url(../images/quote_black_end.png) 100%  no-repeat;
color: #444;
}
blockquote.red p {
background: url(../images/quote_red_end.png) 100%  no-repeat;
color: #a93232;
}
blockquote.green p {
background: url(../images/quote_green_end.png) 100%  no-repeat;
color: #88a160;
}
blockquote.pink p {
background: url(../images/quote_pink_end.png) 100%  no-repeat;
color: #99cc66;
}
blockquote.white p {
background: url(../images/quote_white_end.png) 100%  no-repeat;
color: #eee;
}
blockquote.blue p {
background: url(../images/quote_blue_end.png) 100%  no-repeat;
color: #006699;
}
/**  DIV Info  **/
.info {
line-height:25px;
padding-left:30px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background: #cab9a9 url(../images/logo_info.png) 4px 4px no-repeat;
margin: 10px 0;
color: #444;
}
/**	login	**/
#modlgn_username, #modlgn_passwd {
background: transparent url(../images/black-08.png) top left repeat !important;
font-size:90%;
width:150px;
}
#modlgn_username:hover, #modlgn_passwd:hover,
#modlgn_username:focus, #modlgn_passwd:focus {
background: transparent url(../images/black-10.png) top left repeat !important;
}
#submit_login {
float:left;
font-size:90%;
padding:2px 6px;
color: #444;
}
ul.icon_login {
float:left;
margin: 0 0 0 4px;
}
ul.icon_login li, ul.icon_login li {
display:block;
float:left;
width:16px;
height:16px;
margin:4px 0 0 5px;
}
ul.icon_login li a:hover, ul.icon_login li#current a, ul.icon_login li.active a {
border:none;
}
#form-login-remember {
clear:both;
padding-top:8px;
}
p#form-login-username {
margin:0;
}
p#form-login-password {
margin: 8px 0 8px 0;
}
#modlgn_remember {
background-color:transparent;
border:none;
}
/**	read more	**/
a.readon, a.readmore-link, a.readon_small {

/*
background: transparent url(../images/white-07.png) top left repeat;
border:1px solid #666;
border-color:#555 #666 #666 #555 ;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
display:block;
float:right;


margin-right:2px;
margin-top:0px;
padding:4px 21px 3px 14px;

text-transform:none;
*/
font-size:12px;
font-weight:normal;
font-style:italic;
color:#220287;
text-decoration:none;
}
a.readon:hover, a.readon_small:hover, a.readmore-link:hover {
/*
background: transparent url(../images/white-10.png) top left repeat;
border-color:#666 #555 #555 #666 ;
*/
color:#220287;
text-decoration:none;
}
/** 	TOOL TIPS		**/

.tips {
text-decoration:underline;
cursor:pointer;
}

.tool-tip {
width: 200px;
z-index: 13000;
}
 
.tool-title {
font-weight: bold;
font-size: 115%;
margin: 0;
color:#222;
padding: 8px;
background: transparent url(../images/bubble.png) top left no-repeat;
}
 
.tool-text {
font-size: 100%;
padding: 4px 8px 16px 8px;
color: #666;
background: transparent url(../images/bubble.png) bottom right no-repeat;
}
/**		FOOTER		**/

#footer {
color : #444;
}


/**	images	**/
.shadow {
margin: 4px;
-moz-box-shadow : 2px 2px 4px #333;
-webkit-box-shadow : 2px 2px 4px #333;
box-shadow : 2px 2px 4px #333;
border:2px solid #555;
}

a .shadow:hover {
border-color : #777 ;
}


/**	font face	**/



div.article_row_small
{
clear:left;
}






 .content-module table td, .content-moduletable tr td

{
 text-decoration:none;
    
 /*    color:#7A6A62;
font-size:8pt;*/

}


div.content-module div h2
{
font-size: 12px;
font-weight: normal;
}


#user7 .content-module table tr td, #user8 .content-module table tr td, #user9 .content-module table tr td, .content-module table.years tr td
{

color: #FFF;

}

#user7 .content-module span, #user8 .content-module span, #user9 .content-module span
{
color: #FFF;

}
.content-module a.style1{
display: none;
}


/** JCE READMORE LINK  **/

.jcomments-links
{
position: relative;
top:5px;
}


/** contenua **/


.main-content .text-article p 

{

	font-size: 13pt; !important;
/** font-family: "times new roman"; **/
text-align: justify;


}

/*
 div#ja-content div.contentpaneopen_small div.article-content  p,  div#ja-content div.contentpaneopen_small div.article-content  span, div#ja-content div.contentpaneopen_small div.article-content

{

	font-size: 11pt; !important;
font-family: "times new roman";

text-align: justify;
}
*/


.paranul {
	margin: -3pt 0;
	padding: 0;
font-size:7px;
}
p {
	margin: 6pt 0;
	padding: 0;
}
.paragraphe {
	margin: 6pt 0;
	padding: 0;
}

div.main-content div.text-article  img, div.main-content img

{

	margin-left: 10px;
margin-right: 0px;


}


 div.blog_small div.article_row_small div.text-article  img

{

	margin-left: 0px;
margin-right: 10px;margin-top:5px;


}

.phocaname
{
color:#000000;

}

.contributeur
{
width:160px;
height:135px;
}

a.back-link, a.showform, a.back-link:hover, a.showform:hover
{
color: #220287;
}


ul.jclist, ul.mostread, ul.month 
{
margin: 10px 0 16px 6px !important;
padding-left:0;
}




ul.jclist li, ul.mostread li.mostread, ul.month li {

 list-style-type: none;
 background-image: url(../images/list_normal_white.png);
 background-repeat: no-repeat;
 background-position: 0 0.12em;
 padding-left: 15px;
} 




.blog_more ul, .blog_more_small ul, ul.liens
{
margin: 10px 0 16px 6px !important;
padding-left:0px;
}




.blog_more ul li,.blog_more_small ul li, ul.liens li {

 list-style-type: none;
 background-image: url(../images/list_normal.png);
 background-repeat: no-repeat;
 background-position: 0 0.12em;
 padding-left: 15px;
} 



.blog_more ul li:hover,.blog_more_small ul li:hover, ul.jclist li:hover, ul.mostread li.mostread:hover, ul.month li:hover  {
color: #0000ff;
cursor:default;
}



.createdby, .createdate
{
font-style:italic;
}

.bmsmanager-bm{margin-right:-14px;
}













.text-article ul {
margin-left: 20px;
padding:0px;

}
.text-article ul li {
  list-style-type:disc; 

margin:0;
padding:0;
}


.text-article ul l0 {
  list-style-type:decimal; 

margin:0;
padding:0;
}



/** template.css end **/













/** moomenu.css begin **/

#main_menu {
clear:both;
display:block;
position:relative;
z-index:100;
list-style: none;
padding:0 0 0 10px;
margin:0;
text-align:left;
height:28px;
/**	change	**/
float:right;
padding:0;
}

#main_menu .moduletable {
margin:0;
}

#main_menu li {
margin:0;
padding:0;
float:left;
height:28px;
position:relative;
list-style : none;
/**	change	**/
}

#main_menu li a, #main_menu li span.separator {
display:block;
float : none !important;
float : left;
position:relative;
z-index:1000;
text-decoration:none;
/**	change	**/
color:#fff090; /** #dedede; **/
text-transform: none;
letter-spacing: 0.2em;
font-weight:bold;
line-height:18px;
margin : 5px 0;
font-size:100%;
text-align:left;
padding: 0 10px;
border-left:1px solid #5D4F39;
}

#main_menu li:first-child a, #main_menu li:first-child span.separator {
border-left: none;
}

#main_menu li li a, #main_menu li li span.separator{
/**	change	**/
color:#fff090; /** #dedede; **/
float:none;
font-size:100%;
height:auto;
line-height: 14px;
letter-spacing: 0;
font-weight:normal;
padding: 6px 8px 6px 10px;
margin:0;
text-transform:none;
border-left:none;
}

#main_menu li a:hover, #main_menu li span.separator:hover,
#main_menu li.sfhover a, #main_menu li.sfhover span.separator {
}

#main_menu li.active, #main_menu li.sfhover, #main_menu li:hover {
/** background-color: #FFFFFF;  #6b5c45; **/
}

#main_menu li li.active, #main_menu li li.sfhover, #main_menu li li:hover {
background-color: transparent;
}

#main_menu li ul {
display:block;
width: 140px;
position:absolute;
z-index:99;
left: -999em;
clear:left;
/**	change	**/
margin-left:0;
margin-top:0;
background-color : #241711;
padding:12px 0 0px 0;
}

#main_menu li ul ul {
margin: -31px 0 0 139px;
/**	change	**/
padding: 5px 0;
}

#main_menu li ul ul ul {
}

#main_menu li li {
width: 140px;
height:auto;
}

#main_menu li li li {
}

#main_menu li:hover ul ul, #main_menu li:hover ul ul ul,
#main_menu li.sfhover ul ul, #main_menu li.sfhover ul ul ul {
left: -999em;
}

#main_menu li:hover ul, #main_menu li li:hover ul, #main_menu li li li:hover ul,
#main_menu li.sfhover ul, #main_menu li li.sfhover ul, #main_menu li li li.sfhover ul {
left: auto;
}




/** si est actif niveau 1 	**/
#main_menu li.active a, #main_menu li.active span.separator {
color: #fff090; /** #ffffff; **/
text-decoration:none;
}

/** si est actif niveau 2+ 	**/
#main_menu li.active li.active a, #main_menu li.active li.active span.separator,
#main_menu li.active li.active li.active a, #main_menu li.active li.active li.active span.separator,
#main_menu li.active li.active li.active li.active a, #main_menu li.active li.active li.active li.active span.separator {
color: #cbb287;
text-decoration:none;
}

/** si survolé niveau 1 **/
#main_menu li a:hover, #main_menu li span.separator:hover {
color: #ffffff;
text-decoration:none;
}

/** si survolé niveau 2+ **/
#main_menu li li a:hover, #main_menu li li span.separator:hover,
#main_menu li li li a:hover, #main_menu li li li span.separator:hover, #main_menu li li li li a:hover, #main_menu li li li li span.separator:hover,
#main_menu li.active li a:hover, #main_menu li.active li span.separator:hover,
#main_menu li.active li.active li a:hover, #main_menu li.active li.active li span.separator:hover, #main_menu li.active li.active li.active li a:hover, #main_menu li.active li.active li.active li span.separator:hover,
#main_menu li.active li li a:hover, #main_menu li.active li li span.separator:hover {
color: #cbb287;
text-decoration:none;
}


/** si est enfant **/
#main_menu li a, #main_menu li li a, #main_menu li li li a, #main_menu li li li li a, #main_menu li li li li li a,
#main_menu li span.separator, #main_menu li li span.separator, #main_menu li li li span.separator, #main_menu li li li li span.separator, #main_menu li li li li li span.separator,
#main_menu li.active li a, #main_menu li.active li.active li a, #main_menu li.active li.active li.active li a, #main_menu li.active li.active li.active li.active li a,
#main_menu li.active li span.separator, #main_menu li.active li.active li span.separator, #main_menu li.active li.active li.active li span.separator, #main_menu li.active li.active li.active li.active li span.separator {
color:#fff090; /** #dedede; **/
}

/** moomenu.css end **/






/** Dynamic CSS Begin **/

a, a:hover, .breadcrumb a:hover,
.user7 .link a:hover, .user8 .link a:hover, .user9 .link a:hover {
color : #220287;
}




/**		FONT	**/

.logo-text {
font-family: 'Times new roman
', 'sans-serif';
}

h1, .componentheading, h2.contentheading {
font-family: 'Tahoma', 'sans-serif';
}

#main_menu li a, #main_menu li span.separator {
font-family: 'Tahoma', 'sans-serif';
}

.left h3, .right h3, .user1 h3, .user2 h3, .user3 h3, 
.user4 h3, .user5 h3, .user6 h3 {
font-family: 'Tahoma', 'sans-serif';
}

.submenu li a, .submenu li span.separator {
font-family: 'Tahoma', 'sans-serif';
}

body {
font-family: 'Verdana
';
}
/** Dynamic CSS END **/

/**
.fb_iframe_widget{overflow: hidden; margin-top: -60px;}
**/
.fb_ltr{margin-bottom: -20px;}