/*
#------------------------------------------------------------------------
  Typography DRP for Joomla 1.6
#------------------------------------------------------------------------
*/

/* Button -------------------------------------------------------------*/

/*.button {
  background: #7fbf4d;
  border: 1px solid #7fbf4d;
  border-bottom: 2px solid #5b992b;
  color: #fff;
  font-size: 95%;
  padding: 5px 10px;
  border-radius: 3px;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #4c9021;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}*/

/*.button:hover, .button:focus { 
	background: #828282; border: 1px solid #828282; color: #fff; border-radius: 3px; border-bottom: 2px solid #000; text-shadow:1px 1px #000;}*/

/* Blockquote ------------------------------------------------------------*/

blockquote { font-family: Georgia, Times, serif; font-size: 100%; }

blockquote span.close {background: url(../images/typo/sc-q.gif) no-repeat bottom right; display: inline-block; padding: 0 20px 0 0;}

blockquote span.open {background: url(../images/typo/so-q.gif) no-repeat left top;display: inline-block;padding: 0 0 0 20px;}

/* Big Number ---*/
p.blocknumber {position: relative;padding: 5px 0 5px 55px !important;min-height: 44px;word-wrap: break-word;}

p.box-download { background-image: url(../images/typo/download-big.png); }

/* Box with icons */
p.box-download, p.box-sticky {background-repeat: no-repeat;background-position: 10px 15px;}


/* MESSAGE BOXES AND LEGENDS STYLE
-----------------------------------------------------------------*/
/* Box style ---*/
p.ja-typo-box { border: 1px solid #ddd; padding: 10px 10px 10px 50px; }



/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {background-color: #ffffdd !important;border: 1px solid #ccc !important;border-left-width: 5px !important;font: 1em/1.5 Monaco, Consolas, 		   "Courier News", monospace !important;padding: 10px 15px !important;}

/* sub & sup tags ---*/ 
sub, sup { color: #000; font-size: 11px; font-weight: normal; }

ul#ja-typo-nav { margin: 0; padding: 0; }

ul#ja-typo-nav li {margin: 0 5px 0 0;padding: 0;display: block;	float: left;}

ul#ja-typo-nav li a {display: block;padding: 30px 10px 10px;color: #666;text-transform: uppercase; font-family: "Arial Narrow", Arial, sans-serif;
		     letter-spacing: 1px; text-decoration: none;}
ul#ja-typo-nav li a:hover,ul#ja-typo-nav li a:active, ul#ja-typo-nav li a:focus { color: #333; }

ul#ja-typo-nav li.active a { background: #333; color: #fff; }

/* LIST STYLES
-----------------------------------------------------------------*/
ul.page{list-style:none;}
ul.page li{background:url(../images/bullet_black.png) no-repeat left top; margin-left:10px; padding:0 0 0 25px;}

ul.pdf {list-style:none;}
ul.pdf li {background:url(../images/bullet_pdf.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}

/*li.ppt {list-style:none;}*/
/*li.ppt {display : list-item; list-style-image:url(../images/icon-ppt.png);}*/

ul.xls {list-style:none;}
ul.xls li {background:url(../images/icon-xls.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}

ul.ppt {list-style:none;}
ul.ppt li {background:url(../images/icon-ppt.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}


ul.doc {list-style:none;}
ul.doc li {background:url(../images/icon-doc.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}

ul.video{list-style:none;}
ul.video li {background:url(../images/icon-avi.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}

ul.son {list-style:none;}
ul.son li {background:url(../images/icon-mp3.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}

ul.html {list-style:none;}
ul.html li {background:url(../images/icon-htm.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}


ul.extlink {list-style:none;}
ul.extlink li {background:url(../images/hyperlienExt.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;font-size:14px;}

/* SPECIAL MODULE STYLE
--------------------------------------------------*/

.blocknumber .bignumber {background-image: url(../images/typo/blocknumber-bg.png); background-repeat: no-repeat; color: #FFFFFF; display: block; 
			width: 44px; height: 44px;line-height: 44px !important;	position: absolute; top: 0; left: 0; 
			font: bold 20px/normal Arial, sans-serif; text-align: center;}

.blocknumber-1 .bignumber { background-position: left top; }

.blocknumber-2 .bignumber { background-position: left -44px; }

.blocknumber-3 .bignumber { background-position: left -88px; }



/* Dropcap ---*/
.dropcap {display: block; float: left; font: 60px/40px Georgia, Times, serif; padding: 7px 8px 0 0;}

/* Inline Words Hilite ---*/
.highlight {background: #cee5b2; font-weight: bold; padding: 1px 5px;}

/* Blockswrap Actions ---*/
.ja-typo-blocks-actions {font-size: 85%; position: absolute; right: 5px; top: 5px; color: #999;}

.ja-typo-blocks-actions a {font-size: 85%; text-transform: none; font-family: Arial, Helvetica, sans-serif; font-weight: normal;color: #c00;
			   text-decoration: none;}

/* Legend ---*/
.ja-typo-legend {border: 1px solid #ddd;margin: 20px 0;padding: 20px 15px 15px;position: relative;}
.ja-typo-legend .legend-title {background: #fff;display: block;float: left;font-family: Arial, sans-serif;font-size: 125%;font-weight: bold;left: 10px;
	line-height: normal;margin: 0 !important;padding: 5px !important;position: absolute;top: -17px;}


/* TABLES
-------------------------------------------------------------*/

.extable {width: 100%; padding: 0; margin: 0; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.extable caption {padding: 0 0 5px 0; width: 100%; text-align: right;}
.extable th {border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: left; padding: 6px 6px 6px 12px;}
.extable tr.odd {background: #cee5b2;}
.extable tr.oddgray {background: #f0f0f0;}
.extable th.bg {color: #b93b00;	font-size: 120%; padding-left: 35px;}
.extable td { border-right: 1px solid #CCCCCC;	border-bottom: 1px solid #CCCCCC; padding: 10px;}
.extable th.spec {border-left: 1px solid #CCCCCC; border-top: 0;}
.extable th.specalt {border-left: 1px solid #CCCCCC; border-top: 0; background-color: #EFEFEF;}
.extable em {color: #FA6900;}
 
table.trombi th {
background: #f0f0f0;
border: 1px solid black;
text-align: center;
}
.trombi tr{
border-spacing: collapse;
}
.trombi td {
border: 1px solid black;
text-align: center;
}
.telfix {
	
	background: url("../images/telfix.png") no-repeat left center transparent;
	padding-left: 15px;
	font: italic 12px arial,sans-serif;
	min-width: 90px;
}
.telmobil {
	
	background: url("../images/telmobil.png") no-repeat left center transparent;
	padding-left: 15px;
	font: italic 12px arial,sans-serif;
	min-width: 90px;
	
}
.nomprenom{
	font: bold 14px arial;
	word-wrap: break-word;
	}
.mail{
	font: italic 11px arial;
	color: blue;
	word-wrap: break-word;
	

}
.photo{}
.syndicat{}
.rotate p{
				width: 15px;
				transform:rotate(270deg);
				-webkit-transform: rotate(270deg);
				-moz-transform: rotate(270deg);
				-o-transform:rotate(270deg);
				writing-mode:tb-rl;
			}
				
.cratmp .nomprenom, .cratmp .mail {
 max-width: 150px;
 text-overflow:ellipsis;
 }



/* float Images
------------------------------------------------------------*/
img.alignright {float:right; margin:0 0 1em 1em; border: 1px solid #ccc;padding: 2px; display: inline;}
img.alignleft {float:left; margin:0 1em 1em 0; border: 1px solid #ccc;padding: 2px; display: inline;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc;padding: 2px;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
p img { padding: 0; max-width: 100%; }

h2 span {font-size: 14px; font-style: italic; color: #000; font-weight: normal;}
em {font-family: Georgia,serif; font-weight: normal;}

/*______________Members columns ________*/

.container-col {margin-bottom: 20px; background: #f0f0f0; padding: 20px 0; border-bottom: 2px solid #ccc;}
.three-col {float: left; text-align:center; width: 33%; border-right: 1px solid #d8d8d8;}
.four-col {float: left; text-align:center; width: 24.9%; border-right: 1px solid #d8d8d8;}
.last {border-right: none;}
.container-col p {font-size: 14px;}

.membername {font-size: 18px;}
.membersbig {text-align: center;}

.introimg {background: url(../images/ca_home.png) no-repeat; height: 230px; position: relative;}
.introimg span {display: block; font-size: 1.2em;padding: 10px 0;background: #111; filter:alpha(opacity=75); opacity:.75; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff; position: absolute;bottom: 11px;left: 0;padding: 15px;margin: 0;width: 700px;border-top: 1px solid #000; 
	border-bottom: 1px solid #000;font-weight: bold;}

#module-member {background: url(../images/user_group.png) no-repeat top center; text-align: center; padding: 60px 0 15px 0; margin-top: 15px; }

#news {padding-left: 15px; background: #FFBABA;}
#news p	{color: #d8000c; background: url(../images/icons/Button_Warning_Icon_32.png) no-repeat left center; padding:15px 0 15px 50px; font-weight: bold;}