﻿/*
*		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;
/*background: transparent url(../images/white-04.png) 0 0 repeat;*/
padding: 4px 0 4px 8px;
height:60px; /*la hauteur garantie et fixe*/
background-color:#fafafa;
background-color:#d9e9e9;
/*background: transparent url(../images/grad1_.png) 0 0 repeat-x;*/
}

h2.contentheading_small {
background-image:none;
border-top:1px dotted #555;
/*border-bottom:1px dotted #555;*/
font-size:120%;
font-weight:bold;
/*background: transparent url(../images/white-04.png) 0 0 repeat;*/
padding: 4px 0 4px 0px;
height:60px; /*la hauteur garantie et fixe*/
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	**/
@font-face {
font-family: 'JosefinSansStdLight';
src: url('../font/josefinsansstd-light-webfont.eot');
src: local('☺'), url('../font/josefinsansstd-light-webfont.woff') format('woff'), url('../font/josefinsansstd-light-webfont.ttf') format('truetype'), url('../font/josefinsansstd-light-webfont.svg#webfontugsqlauR') format('svg');
font-weight: normal;
font-style: normal;
}


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;
}

